/* @import url("../../templete/nl/common/common.css");

#addSearchPage {
  max-width: 960px;
  font-size: 16px;
  line-height: 150%;
}
.search_title_wrap {
  background : #ebebed url("../img/sub/search_bg.png") no-repeat bottom -50px right -100px;
  padding: 50px 300px 50px 40px;
  font-size: 23px;
  letter-spacing: -1px;
  margin: 0 0 30px 0;
}

.search_title_wrap.txt_mobile { display : none }

#addSearchPage a {
  display: block;
  margin: 50px auto;
  background-color: #3669ac;
  color: #fff;
  width: 270px;
  line-height: 35px;
  text-align: center;
}
#addSearchPage a img {
  display: inline-block;
  margin: 0 0 0 10px;
}

@media (max-width: 1200px) {
  .search_title_wrap {
    font-size: 20px;
    padding: 50px 200px 50px 30px;
    background-position: bottom right -100px;
    background-size: 700px auto;
  }
}


@media (max-width: 800px) {
	.search_title_wrap.txt_pc { display : none }
  .search_title_wrap.txt_mobile { display : block; padding : 0; background : none;}
  .search_title_wrap.txt_mobile img { display : block; width : 100% !important; height : auto !important }
}

.margin_top_30 { margin-top : 30px !important}
#newAddPage h2 { font-size : 17px; margin : 0 0 10px 0  }
#newAddPage h2 img { display: inline-block; position : relative; top : 3px; margin-right : 7px }
#newAddPage p { font-size : 15px; line-height : 150% }
#newAddPage p span { color : #1d77b7 }
#newAddPage p span.color_orange {
  color: #e95504
}

#newAddPage ul { width : 970px; overflow : hidden }
#newAddPage ul li { position : relative; float : left; width : 20% }
#newAddPage ul li:after { content : url('../img/sub/ic_arrow_right_g.png'); position : absolute; top : calc(50% - 15px); right : 10px;}
#newAddPage ul li:last-child:after { display : none }
#newAddPage ul li div { border : 8px solid #1d77b7; border-radius : 100%; width : 135px; height : 135px; text-align : center; font-size : 15px }
#newAddPage ul li p { display : table; width : 100%; table-layout: fixed; height : 65px; margin-top : 10px; }
#newAddPage ul li p b { display : table-cell; vertical-align: middle;}

#newAddPage a {
  display: block;
  margin: 50px auto;
  background-color: #3669ac;
  color: #fff;
  width: 280px;
  font-size : 15px;
  line-height: 40px;
  text-align: center;
}
#newAddPage a img { display : inline-block; margin-left : 10px; position : relative; top : -2px }
.newTabPage > img { display : block; width : 100%; height : auto; margin : 15px 0}
#newAddPage .sub_txt { position : relative; padding-left : 25px; font-size : 15px; line-height : 150%; margin : 20px 0; }
#newAddPage .sub_txt p { position : relative; color : #446da9; font-weight: bold; margin-bottom : 10px }
#newAddPage .sub_txt p:before { content : ''; width : 5px; height : 5px; border-radius : 100%; background-color : #446da9; position : absolute; top : 8px; left : -15px}


.add_m_img { display : none !important}


.newPageTabWrap { overflow : hidden }
.newPageTabWrap button { display : block; float : left; width : 50%; border : 1px solid #dcdcdc; border-bottom : 1px solid #000 ; height : 50px; line-height : 50px; font-size : 15px }
.newPageTabWrap button.active { border : 1px solid #000; border-bottom : 1px solid #fff; }
.newTabPage {
  display: none;
  padding: 20px 0;
  border-top: none;
}

#tabActiveText { display : none }

@media ( max-width : 765px ){
  #newAddPage ul { width : 100% }
  #newAddPage ul li { float : none; width : 100%; margin : 40px 0 }
  #newAddPage ul li:first-child { margin-top : 0}
  #newAddPage ul li:last-child { margin-bottom : 0 }
  #newAddPage ul li:after { top : 101%; right : calc(50% - 5px); transform : rotate(90deg)}
  #newAddPage ul li div { margin : 0 auto }
  .add_pc_img {
    display: none !important
  }
  .add_m_img {
    display: block !important
  }

  #tabActiveText { position : relative; display : block; font-size : 15px; height : 35px; line-height : 35px; padding : 0 15px;}
  #tabActiveText:after { content : '▼'; font-size : 10px; position : absolute; top : 0; right : 10px  }
  .newPageTabWrap { border : 1px solid #518fba }
  .newPageTabWrap button { display : block; border : none !important; width : 100%; float : none; height : 35px; line-height : 35px; text-align : left; padding : 0 15px }
  .newPageTabWrap button.active { background-color : #518fba; color : #fff }
  .newPageTabWrap button:first-child { border-top : 1px solid #518fba}
  .newPageTabWrap .inner { height : 0; overflow : hidden; transition : all .8s ease }
  .newPageTabWrap .inner.active { height : 70px; }
}
 */

 @import url("../../templete/nl/common/common.css");

#addSearchPage {
  max-width: 960px;
  font-size: 16px;
  line-height: 150%;
}
.search_title_wrap {
  background : #ebebed url("../img/sub/search_bg.png") no-repeat bottom -50px right -100px;
  padding: 50px 300px 50px 40px;
  font-size: 23px;
  letter-spacing: -1px;
  margin: 0 0 30px 0;
}

.search_title_wrap.txt_mobile { display : none }

#addSearchPage a {
  display: block;
  margin: 50px auto;
  background-color: #3669ac;
  color: #fff;
  width: 270px;
  line-height: 35px;
  text-align: center;
}
#addSearchPage a img {
  display: inline-block;
  margin: 0 0 0 10px;
}

@media (max-width: 1200px) {
  .search_title_wrap {
    font-size: 20px;
    padding: 50px 200px 50px 30px;
    background-position: bottom right -100px;
    background-size: 700px auto;
  }
}


@media (max-width: 800px) {
	.search_title_wrap.txt_pc { display : none }
  .search_title_wrap.txt_mobile { display : block; padding : 0; background : none;}
  .search_title_wrap.txt_mobile img { display : block; width : 100% !important; height : auto !important }
}

.margin_top_30 { margin-top : 30px !important}
#newAddPage h2 { font-size : 17px; margin : 0 0 10px 0  }
#newAddPage h2 img { display: inline-block; position : relative; top : 3px; margin-right : 7px }
#newAddPage p { font-size : 15px; line-height : 150% }
#newAddPage p span { color : #1d77b7 }
#newAddPage p span.color_orange {
  color: #e95504
}

#newAddPage ul { display : flex; flex-direction: row; overflow : hidden; align-items: center; justify-content: space-between; }
#newAddPage ul li:nth-child(2n) { padding : 0 10px }
#newAddPage ul li div { border : 8px solid #1d77b7; border-radius : 100%; width : 135px; height : 135px; text-align : center; font-size : 15px }
#newAddPage ul li p { display : table; width : 100%; table-layout: fixed; height : 65px; margin-top : 10px; }
#newAddPage ul li p b { display : table-cell; vertical-align: middle;}

#newAddPage a {
  display: block;
  margin: 50px auto;
  background-color: #3669ac;
  color: #fff;
  width: 280px;
  font-size : 15px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
}
#newAddPage a img { display : inline-block; margin-left : 10px; position : relative; top : -2px }
.newTabPage > img { display : block; width : 100%; height : auto; margin : 15px 0}
#newAddPage .sub_txt { position : relative; padding-left : 25px; font-size : 15px; line-height : 150%; margin : 20px 0; }
#newAddPage .sub_txt p { position : relative; color : #446da9; font-weight: bold; margin-bottom : 10px }
#newAddPage .sub_txt p:before { content : ''; width : 5px; height : 5px; border-radius : 100%; background-color : #446da9; position : absolute; top : 8px; left : -15px}


.add_m_img { display : none !important}


.newPageTabWrap { overflow : hidden }
.newPageTabWrap button { display : block; float : left; width : 50%; border : 1px solid #dcdcdc; border-bottom : 1px solid #000 ; height : 50px; line-height : 50px; font-size : 15px; border-radius: 6px 6px 0px 0px;}
.newPageTabWrap button.active { border : 1px solid #000; border-bottom : 1px solid #fff; }
.newTabPage {
  display: none;
  padding: 20px 0;
  border-top: none;
}

#newPageTabInner button {border-radius: 0px;}

#tabActiveText { display : none }

@media ( max-width : 1160px ){
	#newAddPage ul { display : block; margin : 0 auto; width : 151px; }
	  #newAddPage ul li:nth-child(2n) { text-align : center; padding : 10px 0 }
	  #newAddPage ul li:nth-child(2n) img { transform : rotate(90deg)}
}

@media ( max-width : 868px ){
  #newAddPage ul { display : block; margin : 0 auto; width : 151px; }
  #newAddPage ul li:nth-child(2n) { text-align : center; padding : 10px 0 }
  #newAddPage ul li:nth-child(2n) img { transform : rotate(90deg)}

  .add_pc_img {
    display: none !important
  }
  .add_m_img {
    display: block !important
  }

  #tabActiveText { position : relative; display : block; font-size : 15px; height : 35px; line-height : 35px; padding : 0 15px;}
  #tabActiveText:after { content : '▼'; font-size : 10px; position : absolute; top : 0; right : 10px  }
  .newPageTabWrap { border : 1px solid #518fba; border-radius:6px; }
  .newPageTabWrap button { display : block; border : none !important; width : 100%; float : none; height : 35px; line-height : 35px; text-align : left; padding : 0 15px }
  .newPageTabWrap button.active { background-color : #518fba; color : #fff; border-radius: 0px; }
  .newPageTabWrap button:first-child { border-top : 1px solid #518fba}
  .newPageTabWrap .inner { height : 0; overflow : hidden; transition : all .8s ease }
  .newPageTabWrap .inner.active { height : 70px; }
}

.inner{
	padding : 0px;
}