@charset 'utf-8';




/*그리드 공통*/
.grid02 > li{ width:49%; float:left; }
.grid02 > li:first-child{ margin-right:2%; }
.grid03 > li{ overflow:hidden; float:left; width:32%; margin-right:2%; }
.grid03 > li:last-child{ margin-right:0; }
.grid04 > li{ float:left; width:24.25%; margin-right:1%; margin-top:1%; }
.grid04 > li:nth-child(4n){ margin-right:0; }
.grid04 > li:nth-child(-n+4){ margin-top:0; }
.grid07 > li { overflow:hidden; float: left; width: 12.57%; margin-right: 2%; }
.grid07 > li:last-child{margin-right:0; }
.grid08 > li { overflow:hidden; float: left; width: 11.1888%; margin-right:1.5%; }
.grid08 > li:last-child{margin-right:0; }



/*pager*/
.pager ul							{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top:70px; }
.pager ul li						{cursor: pointer; margin-left:30px; font-size: 16px; font-weight:400; color: var(--gray6);}
.pager ul li a						{font-size: 16px; font-weight:400; color: var(--gray6);}
.pager ul li button					{font-size: 16px; font-weight:400; color: var(--gray6); border:none; outline:none; background: transparent;}
.pager ul li:focus					{color: var(--orange);}
.pager ul li.focused				{color: var(--orange);}
.pager ul li .on					{color: var(--orange);}
.pager ul li.prev_01 img,
.pager ul li.next_02 img			{width: 19px; margin-bottom:5px;}
.pager ul li.prev_02 img, 
.pager ul li.next_01 img			{width: 9px; margin-bottom:5px;}
.pager ul li.prev_01				{margin-left:0}
.pager ul li.prev_02				{margin: 0 40px 0 20px;}
.pager ul li.next_01				{margin-left:70px;}
.pager ul li.next_02				{margin-left:20px}

/* .pager{ text-align:center; position:relative; margin:5.5% auto; width: 100%; max-width: 468px; }
.pager ul > li{ font-weight: 600; margin-right:4px; display:inline-block; font-size:14px;  }
.pager ul > li:last-child{ margin-right:0;}
.pager ul > li a{ color:#666;  }
.pager ul > li a.on{ color:#fe4d0a; }
.pager > a{ font-weight:bold; font-size:22px; position:absolute; width:22px; height:22px; display:block; top:50%; margin-top:-17px;}
.pager > a.prev{ left:0; }
.pager > a.next{ right:0; }
 */
 @media only screen and (max-width: 1024px){
	.pager ul						{margin-top:50px; }
}
 @media only screen and (max-width: 640px){
 	.pager ul						{margin-top:30px;}
	.pager ul li					{margin-left: 25px;}
	.pager ul li a					{font-size: 15px;}
	.pager ul li.prev_01 img,
	.pager ul li.next_02 img		{width: 17px; margin-bottom:4px}
	.pager ul li.prev_02 img, 
	.pager ul li.next_01 img		{width: 8px; margin-bottom: 4px; }
	.pager ul li.prev_02			{margin: 0 5px 0 15px;}
	.pager ul li.next_01			{margin-left:30px;}
	.pager ul li.next_02			{margin-left:15px}

 }
 
/*sub_top*/
.sub_top{ border-bottom:2px solid #666; padding-top:3%; padding-bottom:10px;margin-bottom: 2%;}
.sub_top .wrap{ padding-top:0; position:relative; color:#000;}
.sub_top .tit{ font-size:22px; margin:0; }
.sub_top .navi{  position:absolute; bottom:0; right:2%; margin:0; font-size:12px;}
.sub_top .navi .inlineB{ position: relative; z-index:99;margin-left:4px;}
.sub_top .navi > a{ padding:0 4px; display:inline-block;}
.sub_top .navi .home {vertical-align:middle;}
.sub_top .navi img{ vertical-align:initial; margin-right: 0;}

/*sns list*/
.sns_list { display: none;position: absolute;top: 35px;left: 50%;margin-left: -16px;width:auto; }
.sns_list li{ margin-bottom: 4px; }
.sns_list li:last-child{ margin-bottom: 0; }


/*검색바
.search{ text-align:center; margin-bottom:1% }
#search .search > .wrap {display: inline-block;position: relative;width: 100%;max-width: 850px;}
.search > .wrap > .form {display: inline;}
.search > .wrap > .form > select { border-radius:0;  font-size:14px; min-height:auto; width:20%; max-width:100px;height: 56px; box-shadow:0 0 5px rgba(0,0,0,.15); vertical-align:middle; border:1px solid #b7b7b7;  color:#777;text-align: left}
.search > .wrap > .form > .btn {display: inline-block;width: 20%;max-width: 80px;height: 56px;margin-left: -5px;padding: 0;line-height: 56px;border:none;font-size: 1rem;background-color: #4c7ac5;color:#fff;text-align: center;vertical-align: top;}
.search > .wrap > .form > input { height:56px; border-radius:0; font-size:14px; min-height:auto;width: 63.2%; max-width:540px;box-shadow:0 0 5px rgba(0,0,0,.15); vertical-align:middle;border:1px solid #b7b7b7; color:#777;text-align: left}
.search > .wrap > .form > button{width: 12.5%;max-width: 56px;height: 56px;border-radius:0; box-shadow:0 0 5px rgba(0,0,0,.15);margin-left: -5px;padding: 0; background-color: #fe4d0a;vertical-align: bottom;cursor:pointer;}
.search > .wrap > .form > button img {vertical-align: bottom;}
.search > .wrap > .form > .btn_question{background-color: #303948;}
.search .txt{ color:#767676; font-size:20px; margin-top:3.2%; }
.search .txt .about{ font-size:22px; color:#000; }
.search .txt .sum{ font-size:27px; color:#fe4d0a; }
.search label{ margin-left:16px; }
.search .wrap.bg {top: auto;width: 100%;}
.search .mid-line:before {width: 88%;}*/

/*통합검색/상세 아이콘*/
/* .pdf:before{ vertical-align:middle; margin-right:4px; display:inline-block; content:''; width:19px; height:18px; background:url('/img/icon/i_pdf.png')no-repeat center center; }
.print:before{ vertical-align:middle; margin-right:4px; display:inline-block; content:''; width:19px; height:18px; background:url('/img/icon/i_print_orange.png')no-repeat center center; }
.online:before{ vertical-align:middle; margin-right:4px; display:inline-block; content:''; width:19px; height:18px; background:url('/img/icon/i_online_orange.png')no-repeat center center; }
.book:before{ vertical-align:middle; margin-right:4px; display:inline-block; content:''; width:19px; height:18px; background:url('/img/icon/i_book_orange.png')no-repeat center center; }
 */
 .noti_con{text-align:right; padding:12px 0; }
.noti_con > p{ margin-right:40px; display:inline-block;  font-size:12px; font-family: 'Nanum Gothic', sans-serif;  }
.noti_con > p.ico_bookmark span {display: inline-block;overflow: hidden;width: 19px;margin-right: 4px;vertical-align:middle}
.noti_con > p.ico_bookmark span img {width: 200%;}
.noti_con > p:last-child{ margin-right:0; }
.noti_con > p:before{ content:'·'; margin-right:5px;}
.cate > .noti_con {float: left;padding-top: 0;}
.col03.noti_con {float: none;text-align: center;}
.col03.noti_con > p {margin-right: 0 !important;width: 33%;}

/*통합검색 tap버튼*/
.cont .tap_btn{ border-bottom:1px solid #b7b7b7; }
.cont .tap_btn > li{ width:25%; max-width:200px; height:42px; float:left; text-align:center; border:1px solid #ddd; margin-bottom: -1px;
 background: #fff; border-bottom-color:#b7b7b7; border-right:0;}
.cont .tap_btn > li:last-child{  border-right:1px solid #ddd;  }
.cont .tap_btn > li a{  font-weight:600; line-height:42px; color:#686767; font-size:14px;}
.cont .tap_btn > li.on{ border-bottom-color:#fff }
.cont .tap_btn > li.on a{position: relative;   color:#000; }
.cont .tap_btn > li.on a:after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height:4px;background-color: #313131; }
.cont .tap_btn.quarter > li{width: 25%;}

/*통합검색 카테고리버튼*/
.cont  .cate{ padding:0 3%;padding-top: 15px;}
.cont  .cate a{ float:left; font-size:14px; color:#000; font-weight:bold; padding:0 12px;border-left: 1px solid #222;}
.cont  .cate a:first-child{ border-left:0;}
.cont  .cate .f-right select {vertical-align: bottom;}
.cont  .cate select, .cont  .cate option{ padding: 0 15px; width:auto; min-height:auto; margin-left:20px; border:0;  font-size:12px; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; }

.cont  .cate select:first-child{ margin-left:0; }

/*통합검색 info테이블*/
.tbl_info{ border:1px solid #eee; width:100%; border-collapse:collapse;border-spacing:0;font-size:13px; /*font-family: 'Nanum Gothic', sans-serif;*/}
.tbl_info thead tr th{ border:0; padding:12px 0; text-align:center; background:#394457 ; color:#fff; }
.tbl_info tbody tr.tr-line{border-bottom:1px dotted #ddd; }
.tbl_info tbody tr td{ text-align:center;padding:10px 0; padding-bottom:5px;}
.tbl_info tbody tr.tr-line td{ padding-bottom:10px; }
.tbl_info tbody tr td:nth-child(2){ text-align:center; }
.tbl_info tbody tr:last-child td{ padding-bottom:10px; }

/* memberpop 비회원로그인-장바구니 */
.common .box01.login{ max-width:90%; border:1px solid #d7d7d7; padding:0; background:#fff; height:380px;}
.common .box01.login > div{ float:left; width:65%; }
.common .box01.login > div.banner{ width:35%; height: 100%;background:#d7d7d7;}
.common .box01.login > div.login_info{ padding:6% 4%; }
.common .box01.login > div.login_info form{ margin:0; height:110px; }
.common .box01.login > div.login_info form > p{ float:left; }
.common .box01.login > div.login_info form > p:nth-child(1){ width:71%; margin-right:3%; }
.common .box01.login > div.login_info form > p:nth-child(1) input{ max-width:100%; margin-bottom:8px; }
.common .box01.login > div.login_info form > p:nth-child(2){ width:26%; height:100%; }
.common .box01.login > div.login_info form > p:nth-child(2) button{ height:100%; }
.common .box01.login .btns{ text-align:left; }
.common .box01.login .btns a{ display:inline-block; float:none; background:transparent; font-size:16px; position:relative;}
.common .box01.login .btns a:after{ content:''; height:14px; width:1px; background:#343434; display:inline-block; position:absolute; right:0; top:50%; margin-top:-7px; }
.common .box01.login .btns a:last-child:after{ display:none; }
.common .box01.login .non-mem{ font-size:14px; margin-top:30px; border-top:2px solid #f4f4f4; border-bottom:2px solid #f4f4f4; padding:3% 2%;}
.common .box01.login .non-mem p{ display:inline-block; width:68%; vertical-align:middle;}
.common .box01.login .non-mem p:nth-child(2){width:30%; }

/*장바구니 팝업*/
.cart_popup					{ z-index:1; display:none; padding:20px 15px 20px; font-size:13px; border-radius: 3px; position:absolute; top:-140px; right: 0; width:100%; background: #fff; border: 1px solid var(--green); box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.16);}
.cart_popup p				{ padding-top:8px; padding-bottom:14px; text-align: center !important; font-size: 14px; color: #666;}
.cart_popup .close_btn		{ min-width: 10px; padding: 0; width:10px !important; height:10px; position:absolute; top:10px; right:10px; }
.cart_popup .close_btn img	{ max-width:100%; display: block;}
.cart_popup .btn-s			{ display: block; font-size:15px; font-weight: 500; background:#fff; border-radius: 3px; border:1px solid var(--green); color:var(--green); padding:8px 20px;}
.cart_popup .cart.btn-s		{color:var(--green) !important; width: 100%;}
.cart_popup .cart.btn-s:hover		{color: #fff !important;}
.cart_popup .btn-s:hover	{ background: var(--black); color:#fff; }
.num .cart_popup			{ margin-left: -60px; }

.estimateSetItem_popup 		{ z-index:1; display:none; padding:20px 15px 20px; font-size:13px; border-radius: 3px; position:absolute; top:-140px; right: 0; width:100%; background: #fff; border: 1px solid var(--blue); box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.16);}
.estimateSetItem_popup p				{ padding-top:8px; padding-bottom:14px; text-align: center; font-size: 14px; color: #666;}
.estimateSetItem_popup .close_btn		{ min-width: 10px; padding: 0; width:10px !important; height:10px; position:absolute; top:10px; right:10px; }
.estimateSetItem_popup .close_btn img	{ max-width:100%; display: block;}
.estimateSetItem_popup .btn-s			{ display: block; font-size:15px; font-weight: 500; background:#fff; border-radius: 3px; border:1px solid var(--green); color:var(--green); padding:8px 20px;}
.estimateSetItem_popup .estimate.btn-s			{color:var(--blue) !important; width: 100%;}
.estimateSetItem_popup .estimate.btn-s:hover	{color: #fff !important;}
.estimateSetItem_popup .btn-s:hover	{ background: var(--black); color:#fff; }



/*견적의뢰하기 팝업*/
.cart_small_popup					{ z-index:1; display:none; padding:20px 15px 20px; font-size:13px; border-radius: 3px; position:absolute; top:-140px; right: 0; width:100%; background: #fff; border: 1px solid var(--green); box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.16);}
.cart_small_popup p					{ padding-top:8px; padding-bottom:14px; text-align: center; font-size: 14px; color: #666;}
.cart_small_popup .close_btn		{ min-width: 10px; padding: 0; width:10px !important; height:10px; position:absolute; top:10px; right:10px; }
.cart_small_popup .close_btn img	{ max-width:100%; display: block;}
.cart_small_popup .btn-s			{ display: block; font-size:15px; font-weight: 500; background:#fff; border-radius: 3px; border:1px solid var(--green); color:var(--green); padding:8px 20px;}
.cart_small_popup .cart.btn-s		{color:var(--green) !important; width: 100%;}
.cart_small_popup .cart.btn-s:hover	{color: #fff !important;}
.cart_small_popup .btn-s:hover		{ background: var(--black); color:#fff; }

.estimate  + .small_pop_open		{border: 1px solid var(--blue);}
.cart_small_popup .btn-s			{border:1px solid var(--blue); color:var(--blue);}
.cart_small_popup .btn-s:hover		{ background: var(--black); color:#fff; }


/*list KS표준 개별표준검색 공통*/
.listWrap{ padding:0 16px; }
.listWrap .list{padding-bottom: 4.5%; border-bottom: 2px solid #b7b7b7;}
.listWrap .list > li{ box-shadow:0 0 5px rgba(0,0,0,.15); border:1px solid #b7b7b7;padding:3%; box-sizing:border-box; margin-bottom:2.5%; }
.listWrap .list > li:after{ content:''; height:0; display:block; clear:both; }
.listWrap .list > li > div{ float:left; }

/* 2019-02-17 박현민 수정 */
/*
.listWrap .list > li > div.li_con div.txt .title > a,
.listWrap .list > li > div.li_con div.txt .title h3{ position: relative; overflow: hidden; font-size: 26px; color: #4c7ac5; font-weight: bold; margin-top: 1.5%; vertical-align: middle; display: inline-block; }
*/
.listWrap .list > li > div.li_con div.txt .title > a,
.listWrap .list > li > div.li_con div.txt .title h3{ position: relative; overflow: hidden; font-size: 20px; color: #4c7ac5; font-weight: bold; margin-top: 1.5%; vertical-align: middle; display: inline-block; }


.listWrap .list > li > div.li_con div.txt .title > p{ font-size:14px; color:#000; font-weight:400; margin-top:3px; }
.listWrap .list > li > div.li_con div.txt ul{ margin-top: 2.5%;}
.listWrap .list > li > div.li_con div.txt ul > li{ color:#696969; font-size:14px; font-family: 'Nanum Gothic', sans-serif; margin-bottom:6px; }
.listWrap .list > li > div.li_con div.txt ul > li:last-child{ margin-bottom:0; }
.listWrap .list > li > div.li_con div.box_gray{ min-height:auto; margin-top:40px; position:relative; }
.listWrap .list > li > div.li_con div.box_gray dl dt{  font-family: 'Nanum Gothic', sans-serif; font-size:14px; font-weight:bold; }
.listWrap .list > li > div.li_con div.box_gray dl dt:before{ vertical-align:middle; margin-right:4px; display:inline-block; content:''; width:19px; height:18px; background:url('/img/icon/i_question.png')no-repeat; }

/* 2019-02-17 박현민 수정 */
.listWrap .list > li > div.li_con div.box_gray dl dd{ font-weight:bold; margin-left:0; margin-top:8px; letter-spacing:-0.6px;}


.listWrap .list > li > div.li_con div.box_gray .btn{ bottom:18px; right:18px; position:absolute; }
.listWrap .list > li > div.li_info{ width:40%; }
.listWrap .list > li > div.li_con{ width:58%; margin-right:2%; }
.listWrap .list > li > div.li_con > div > div{ float:left; }
.listWrap .list > li > div.li_con div.img{ width:139px; margin-right:2%; position:relative; border:2px solid #959595; }
.listWrap .list > li > div.li_con div.img > img{ vertical-align:top; width: 100%;}
.listWrap .list > li > div.li_con div.img .more{ line-height:20px; width:20px ;height:20px; background:#959595; text-align:center; position:absolute; bottom:0; right:0;}
.listWrap .list > li > div.li_con div.img .more img{vertical-align:baseline; margin:0; }
.listWrap .list > li > div.li_con div.txt{ width: calc(98% - 139px);}
.listWrap .list > li > div.li_con .btn.listview{ margin-top:6px; width:100%; max-width:139px; background:#fff; border:1px solid #8c8c8c; color:#413f3f; font-size:14px;}
.listWrap .btns{ position:relative; }
.listWrap .box01.line0{ font-size:14px; padding:2% 2.6%; }
.li_info > ul{ margin-top:18px; }
.li_info .dot{position: relative; font-size:13px; color:#343434; margin-bottom:6px;padding-left: 10px;}
.li_info .dot:last-child{ margin-bottom:0;}

/* list_false */
.listWrap .list > li.list_false{ padding: 8% 3%; padding-bottom: 9%; }
.listWrap .list > li.list_false > div{ float: none; font-size: 1.25rem;}
.listWrap .list > li.list_false .txt{ margin-bottom: 1.5%; }
.listWrap .list > li.list_false .txt a{  display: inline-block; font-size:1.35rem; font-weight: 600;}
.listWrap .list > li.list_false .btns{ margin-top: 4.5%; }

.tbl01 tr td.list_false{ padding: 8% 3%; padding-bottom: 9%; }
.tbl01 tr td.list_false > div{ float: none; font-size: 1.25rem;}
.tbl01 tr td.list_false .txt{ margin-bottom: 1.5%; }
.tbl01 tr td.list_false .txt a{  display: inline-block; font-size:1.35rem; font-weight: 600;}
.tbl01 tr td.list_false .btns{ margin-top: 4.5%; }

/*판매중 / 예약판매 /최신판 / 인증 등 label */
/* .label{ border-radius:15px; border:1px solid #666; color:#fff; padding:2px 0; padding-bottom: 3px; text-align:center; width:64px; display:inline-block; font-size:12px; font-family: 'Nanum Gothic', sans-serif; font-weight:bold;}
.label.line{ color:#fe4d0a; }
.label.gray{ background:#666; }
.label.lightgray{ background:#949494; border-color:#949494; }
.label.orange{ background:#fe4d0a; border-color:#fe4d0a; }
.label.orange.brd{ background:#fff; color:#fe4d0a;  border-color:#fe4d0a; } */

/*stddetail KS표준 상세정보(표준) 공통*/
.li01.li01 {position: relative;padding-left: 8px;}
.stddetail .box01 p.li01 span, .ks .box01 p.li01 span, .sps .box01 p.li01 span, .handbook .box01 p.li01 span {display: inline-block;overflow: hidden;text-overflow:ellipsis;width: 73%;padding-top: 3px;white-space: nowrap;}
.stddetail .box01 a, .sps .box01 a { float:right;  display:inline-block; width:20%;}
.li01:before{ border-radius:100%; content:''; height:5px; width:5px; display:block; position: absolute;left: 0;top: 12px;margin-top: -2.5px;background:#000; vertical-align:middle; }
.t-blue{ color:#00549b; }
.t-blue.li01:before{ background:#00549b; }
.stddetail .listWrap .list {padding-bottom: 0; border-bottom: 0; }
.stddetail .tbl01 tr td > a, .ks .tbl01 tr td > a, .sps .tbl01 tr td > a, .handbook .tbl01 tr td > a{ display:inline-block; }
.stddetail  .price{ font-weight:bold; color:#fe4d0a; }
.stddetail .box01 p.li01,.ks .box01 p.li01, .sps .box01 p.li01, .handbook .box01 p.li01{ margin-bottom:8px; }
.stddetail .box01 p.li01:last-child,.ks .box01 p.li01:last-child,.sps .box01 p.li01:last-child{ margin-bottom:0; }
.stddetail .box01 p.li01:after,.ks .box01 p.li01:after,.sps .box01 p.li01:after{ content:''; height:0; display:block; clear:both; }
.stddetail .box01 a,.sps .box01 a{ display:inline-block; float:right; vertical-align:middle; }
.tbl_info .checkbox + label:before {margin-right: 0;}

/*마이페이지 cart 장바구니*/
.sub.mypage .lnb > li > a span{ font-size:12px; }
.sub .cart .container {float: none;width: 100%;padding: 0;}
.cart label{    font-family: 'NotoKr', sans-serif;}
.cart .c-tit.cart{ border-bottom:3px solid #949494; margin-bottom:30px;}
.cart h3.c-tit span {margin-left: 3%;font-weight: 400;}
.cart h3.c-tit span label{margin-right: 1%;vertical-align: text-top;}
.cart .m-tit{ position:relative; }
.cart .m-tit label{ position:absolute; right:0; bottom:22%; }
.cart .box_prod{ border:1px solid #d4d4d4; padding:4% 5%; }
.cart .box_prod > li { float:left; width:27%; font-size:1.5rem; font-family: 'NanumSquare'; font-weight:bold; line-height: 1.4; position:relative; padding-left:7%;}
.cart .box_prod > li:last-child{width: 19%;}
.cart .box_prod > li:last-child:after{ display:none; }
.cart .box_prod > li:after{content:''; width:40px; height:40px; display:inline-block; background:url('/img/icon/i_arrow_r.png')no-repeat; background-position:center center; top:50%; margin-top:-20px; position:absolute; right:8%; }
.cart .box_prod > li:before{ content:'';width: 30%; max-width:40px; height:40px; display:inline-block; background:url('/img/sub/cart_step01.png')no-repeat; background-position:center center;-webkit-background-size: contain;
background-size: contain; top:50%; margin-top:-20px; position:absolute; left:0; }
.cart .box_prod > li:nth-child(2):before{background:url('/img/sub/cart_step02.png')no-repeat; background-position:center center; }
.cart .box_prod > li:nth-child(3):before{background:url('/img/sub/cart_step03.png')no-repeat; background-position:center center; }
.cart .box_prod > li:nth-child(4):before{background:url('/img/sub/cart_step04.png')no-repeat; background-position:center center; }
.cart .box_prod > li.on:before{ background:url('/img/sub/cart_step01_on.png')no-repeat; background-position:center center;  }
.cart .box_prod > li:nth-child(2).on:before{background:url('/img/sub/cart_step02_on.png')no-repeat; background-position:center center; }
.cart .box_prod > li:nth-child(3).on:before{background:url('/img/sub/cart_step03_on.png')no-repeat; background-position:center center; }
.cart .box_prod > li:nth-child(4).on:before{background:url('/img/sub/cart_step04_on.png')no-repeat; background-position:center center; }
.cart .box_prod > li p{ font-size:16px; font-weight:normal; color:#c9c9c9;  }
.cart .box_prod > li.on{ color:#00549b; }
.cart .box_prod > li.on p{ color:#00549b; }
.cart .sum{ width:92%; margin:0 auto; margin-top:5%; margin-bottom:2%; border:2px solid #b4b4b4; padding:4% 5%; }
.cart .sum > li{ float:left; width:19%;margin-right:8%; font-size:14px; text-align:center; position:relative;}
.cart .sum > li:last-child{ margin-right:0; }
.cart .sum > li:nth-child(2):before{ content:''; width:30px; height:30px; display:inline-block; background:url('/img/icon/i_plus_gray.png')no-repeat; background-position:center center; top:50%; margin-top:-15px; position:absolute; left:-38%; }
.cart .sum > li:nth-child(3):before{ content:''; width:30px; height:30px; display:inline-block; background:url('/img/icon/i_minus_gray.png')no-repeat; background-position:center center; top:50%; margin-top:-15px; position:absolute; left:-38%; }
.cart .sum > li:last-child:before{ content:''; width:30px; height:30px; display:inline-block; background:url('/img/icon/i_equa.png')no-repeat; background-position:center center; top:50%; margin-top:-15px; position:absolute; left:-38%; }
.cart .sum > li small{ display:block; font-size:14px; color:#545454; }
.cart .sum > li strong{ font-size:1.4rem; }
.cart .sum > li strong.pay{ font-size:1.6rem; }
.cart .box01{ padding:4.5%; background:#fdfdfd; margin-bottom:3%; }
.cart .box01 > p{ margin-bottom:1%; }
.cart .box01 > p:last-child{ margin-bottom:0; }
.cart .box01 a{ float:right;padding: 8px 20px; background:#747474; }
.cart .box01.order_info{ margin-top: 7%; padding:2% 3%; border-top: 1px solid #555; font-size:15px; text-align:right;}
.cart .box01.order_info > p{ float:left; }
.cart .tbl_hori thead tr th{ padding:2% 1%; }
.cart .tbl_hori tbody tr td{ padding:2% 1%; vertical-align:middle; }
.cart .tbl_hori tbody tr:nth-child(even) td{ background:#fff; }
.cart .tbl_hori tbody tr td.con{ text-align:left; }
.cart .tbl_hori sub{ display:block; font-size:12px; width:100%;max-width:254px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cart .tbl01.order_info{ border-top: 1px solid #888; }
.cart .tbl01 tr.mark .btn-s{ margin-left:4px;  padding: 10px 20px; background:#747474;vertical-align: inherit}
.cart .tbl01 tr.mark p{ font-size:14px; color:#545454; margin-top:6px;}
.cart .tbl01 tr th{ font-size:16px; font-weight:normal; background:#f4f4f4; }
.cart .tbl01 input, .cart .tbl01 select{ min-height:50px; }
.cart .tbl01 button{ min-height:50px; }
.cart .tbl01 .btn-s{ padding:16px 20px; }
.cart .adress{ margin:16px 0; }
.cart .adress a.btn-s{ display:inline-block; padding:9px 18px; border:1px solid #d4d4d4; background:#f4f4f4; color:#545454; }
.cart .tbl01.order_info.pay_info{margin-bottom:1%; border:1px solid #d4d4d4;  border-top: 1px solid #888;}
.cart .tbl01.order_info.pay_info thead tr th{  padding:3% 4%; }
.cart .tbl01.order_info.pay_info tbody tr th{ background:#fff; border-bottom:1px solid #f4f4f4; }
.cart .tbl01.order_info.pay_info tbody tr td{ border-bottom:1px solid #f4f4f4; }
.cart .tbl01.order_info.pay_info tbody tr:last-child th{ border-bottom:1px solid #cacaca; }
.cart .tbl01.order_info.pay_info tbody tr:last-child td{border-bottom:1px solid #cacaca; }
.cart .tbl01.order_info.pay_info tr th .radio:checked + label{ position:relative; }
.cart .tbl01.order_info.pay_info tr th .radio:checked + label:after{ content: ''; width: 22px; height: 12px; display: inline-block; background:url('/img/icon/i_checked.png')no-repeat; position: absolute; bottom: -30px; left: 50%; margin-left: -6px;}
.cart .tbl01.order_info.pay_info tr td input{ margin-left:8px; }
.cart .noti{ text-align:left; padding:2%; }
.cart .noti > p{ float:left; font-size:14px; text-align: left;}
.cart .noti .btn-s {display: inline-block;min-width: 75px;}
.cart .btn01:nth-child(2){ background-color:#747474; margin-left: 2%;}
/* .cart ol li {margin-left: 3%;font-size:14px;list-style:decimal outside } */
.cart ol:not(.list_terms) li {margin-left: 3%;font-size:14px;list-style:decimal outside }
.cart .box_terms {display:none;max-height:290px;border-top-width:1px;border-color:#eaeaea;box-shadow:0 0 20px rgba(0,0,0,0.03) inset;font-size:1rem;}

/*마이페이지 이용안내 info begin*/
.sub .lnb > li > ul > li > a.buy_info{color:rgba(228,218,103,.7);}
.sub .lnb > li > ul > li > a.buy_info:hover,.sub .lnb > li > ul > li > a.buy_info.on{color:rgba(228,218,103,1);}
.info .search{ margin-top:4%; }
.info .search input, .info .search select, .info .search button{ box-shadow:none; }
.info .c-tit{border-bottom: 3px solid #949494; }
.info .c-tit:nth-of-type(1){ margin-top: 4% }
.info.box01.line0{ padding:0; }

.begin .contents{ min-height:1000px; }
.info.begin .box01{ font-size:1.375rem; text-align:center; border-left:0; border-right:0;margin-top: 6%;}
.info.begin .box01 > p:nth-of-type(1){ font-size:2rem; font-weight: 400; margin-bottom:4px;line-height: 1.25;}
.info.begin .box01 > p:nth-of-type(2){ font-size:1.625rem; margin-top:1.5%; line-height: 1;}
.info.begin .box01 > p:nth-of-type(2) img {vertical-align: text-bottom;}
.info.begin .box01 > p:nth-of-type(2) strong{ font-size:145%;font-weight: 900; }
.info.begin .box01 span{ color:#686868; line-height: 1}
.info.begin .grid03{ margin-top:2.5%; }
.info.begin .grid03 > li{  }
.info.begin .grid03 > li .box_border{ padding-left:35%; background:url('/img/sub/begin_icon01.png')no-repeat 15% 50%}
.info.begin .grid03 > li:hover .box_border{ background:url('/img/sub/begin_icon01_on.png')no-repeat 15% 50%}
.info.begin .grid03 > li:nth-child(2) .box_border{ background:url('/img/sub/begin_icon02.png')no-repeat 15% 50%}
.info.begin .grid03 > li:nth-child(2):hover .box_border{ background:url('/img/sub/begin_icon02_on.png')no-repeat 15% 50%}
.info.begin .grid03 > li:nth-child(3) .box_border{ background:url('/img/sub/begin_icon03.png')no-repeat 15% 50%}
.info.begin .grid03 > li:nth-child(3):hover .box_border{ background:url('/img/sub/begin_icon03_on.png')no-repeat 15% 50%}
.info.begin .grid03 > li .box_border h5{ margin-bottom:8px; }
.info.begin .grid03 > li:hover .box_border h5{ color:#00549b; }
.info.begin .grid03 > li .box_border p{ font-size:14px;  line-height:1.4;-ms-word-break: keep-all;word-break: keep-all;}
.info .box_slide.ques dt a:before{content:''; height:24px; width:24px; position: absolute;left:2%; vertical-align:middle; background:url('/img/icon/i_ques.png')no-repeat center center; }
.info .box_slide.ques dt a.on:before{content:''; height:24px; width:24px; position: absolute;left: 2%; vertical-align:middle; background:url('/img/icon/i_ques_blue.png')no-repeat center center; }
.info .box_slide.ques dd p{line-height:1.4;  margin-left: 36px; position:relative; }
/* .info .box_slide.ques dd p:before{ content:''; height:24px; width:24px; display:block; position:absolute; top:0; left:-32px; background:url('/img/icon/i_answer.png')no-repeat center center; } */
.info .box_slide.ques dd p:first-child:before{ content:''; height:24px; width:24px; display:block; position:absolute; top:0; left:-32px; background:url('/img/icon/i_answer.png')no-repeat center center; }

/*마이페이지 이용안내 info faq*/
.faq .contents{ min-height:900px; }
.faq .box_blue{ margin-bottom:4%; }
.faq .grid08 > li {min-width: 92px;}
.faq .grid08 > li a{ transition:all .4s; padding:22% 4%; text-align:center; background:#fff; border:1px solid #d7d7d7; border-radius:10px; font-size:14px; color:#505050; letter-spacing: -.5px;}
.faq .grid08 > li a .icons{  height:41px; width:41px; display:block; background-image:url('/img/sub/faq_all.png'); background-repeat:no-repeat; background-position:center; margin:0 auto; margin-bottom:2px;}
.faq .grid08 > li:nth-child(2) a .icons{  background-image:url('/img/sub/faq_stdSearch.png');}
.faq .grid08 > li:nth-child(3) a .icons{  background-image:url('/img/sub/faq_order.png');}
.faq .grid08 > li:nth-child(4) a .icons{  background-image:url('/img/sub/faq_mem.png'); }
.faq .grid08 > li:nth-child(5) a .icons{  background-image:url('/img/sub/faq_ex.png'); }
.faq .grid08 > li:nth-child(6) a .icons{  background-image:url('/img/sub/faq_delivery.png'); }
.faq .grid08 > li:nth-child(7) a .icons{  background-image:url('/img/sub/faq_doc.png'); }
.faq .grid08 > li:nth-child(8) a .icons{  background-image:url('/img/sub/faq_etc.png'); }
.faq .grid08 > li a.on .icons, .faq .grid08 > li a:hover .icons{ background-image:url('/img/sub/faq_all_on.png');}
.faq .grid08 > li:nth-child(2) a.on .icons, .faq .grid08 > li:nth-child(2) a:hover .icons{ background-image:url('/img/sub/faq_stdSearch_on.png'); }
.faq .grid08 > li:nth-child(3) a.on .icons, .faq .grid08 > li:nth-child(3) a:hover .icons{ background-image:url('/img/sub/faq_order_on.png'); }
.faq .grid08 > li:nth-child(4) a.on .icons, .faq .grid08 > li:nth-child(4) a:hover .icons{ background-image:url('/img/sub/faq_mem_on.png'); }
.faq .grid08 > li:nth-child(5) a.on .icons, .faq .grid08 > li:nth-child(5) a:hover .icons{ background-image:url('/img/sub/faq_ex_on.png'); }
.faq .grid08 > li:nth-child(6) a.on .icons, .faq .grid08 > li:nth-child(6) a:hover .icons{ background-image:url('/img/sub/faq_delivery_on.png'); }
.faq .grid08 > li:nth-child(7) a.on .icons, .faq .grid08 > li:nth-child(7) a:hover .icons{ background-image:url('/img/sub/faq_doc_on.png'); }
.faq .grid08 > li:nth-child(8) a.on .icons, .faq .grid08 > li:nth-child(8) a:hover .icons{ background-image:url('/img/sub/faq_etc_on.png'); }
.faq .grid08 > li a.on, .faq .grid08 > li a:hover{ background:#00549b; color:#fff; }
.info .box_slide.ques dt a{ position:relative;padding-left: 50px;}
.info .box_slide.ques dt a .hits{ position:absolute; top:50%; margin-top:-12px; font-size:14px;  right:20px; }

/*마이페이지 이용안내 info qna*/
.tbl01 tr td.td-titcont{ padding:26px 30px; height:290px; }
.mypage.qna .box01,.mypage.brochure .box01{ border-left:0; border-right:0; border-top:0; font-size:0.9rem; padding:3.5% 1.5%; margin-bottom:2%;}
.mypage.qna .box01 > p, .mypage.brochure .box01 > p {font-size: 1.1rem;}
.mypage.qna .box01 strong{ display:inline-block; line-height:1.6; margin-bottom:18px;}
.mypage.qna .tbl01 tr td small{ margin-left:8px; /*color:#141414; font-size:14px;*/}
.mypage.qna .tbl01 tr td.info_change{overflow: hidden; padding:1.5% 2.7% 1.5% 3%}
.mypage.qna .tbl01 tr td.info_change small{ margin-left:0;font-size:14px; color:#141414;display: inline-block;width: calc(100% - 125px); padding:1% 0;vertical-align: middle;}
.mypage.qna .tbl01 tr td.info_change a.btn-s{display: inline-block;margin-top: 0;vertical-align: middle; }
.mypage.qna .submit button{ min-width:185px; font-size:1.0625rem}
.mypage.qna .submit button:nth-child(2){ background:#747474; }

/*마이페이지 이용안내 info terms*/
/* .terms .box01,.personinfo .box01{ border:1px solid #e5e5e5; border-top:0; font-size:0.925rem; font-weight:400; padding:5.5% 2.75%;  background:#fcfcfc;} */
/* .terms .box01 h4{font-size:1rem; margin-top:3.3%; margin-bottom:1.2%;} */
/* .terms .box01 .em {font-size: 0.925rem;} */
.terms .box01,.personinfo .box01{overflow-y:auto;height:100%;max-height:550px; border:1px solid #e5e5e5; border-top:0; font-size:0.925rem; font-weight:400; padding:5% 1% 5% 2.75%;  background:#fcfcfc;}

/*마이페이지 이용안내 info contact*/
.contact .listWrap{ padding:3.5% 3%; }
.contact .listWrap .c-tit{ padding-top:0; margin-top:0; border:0; font-weight:400; margin-bottom:2%; }
.contact .box_blue{ margin-bottom:5.5%; padding:3.5%; }
.contact .box_blue .row{display: table; width: 100%;margin-bottom:28px; }
.contact .box_blue .row:last-child{ margin-bottom:0; }
.contact .box_blue .row > div{display: table-cell; width:80%;vertical-align: middle; }
.contact .box_blue .row > div:nth-child(1) > p {display: inline-block;width: 44%;vertical-align:middle;}
.contact .box_blue .row > div:nth-child(1) > p:first-child {width:55%;max-width: 345px;}
.contact .box_blue .row > div:nth-child(1) > p > span {display: inline-block;vertical-align: top;}
.contact .box_blue .row > div:nth-child(2){width: 19%; text-align:right; position:relative; }
.contact .box_blue .row > div:nth-child(2) .btn-s{max-width: 150px;width: 100%;padding: 10px 0%; background:#747474; line-height: 1.2;}
.contact .box_blue .row > div:nth-child(2) .btn-s.on{ background:#00549b; }
.contact .box_blue .row > div a{ display:inline-block; }
.contact .box_blue .row.con > div {width: 100%;}
.contact .box_blue .row.con > div > p:first-child {width: 43.9%;}
.contact .box_blue .row.con > div > p:last-child {width: 55%;}
.popup_contact { z-index: 99; border-radius: 10px; padding: 0 5%; position:absolute; width: 304px; display: none; background: #fff; border: 1px solid
#a0a0a0; right: -100px; top: 54px; }
.popup_contact:before{ content:''; height:8px; width:12px; background:url('img/icon/i_bg.png')no-repeat; display:block; position:absolute; top:-8px; left:50%; margin-left:-6px; }
.popup_contact .dl01{ font-size:14px; border-bottom:1px solid #d7d7d7; padding:5% 0; }
.popup_contact .dl01:last-child{ border-top:0; }
.popup_contact .dl01 > dt{ display:inline-block; width:18%; text-align:center; vertical-align:middle;}
.popup_contact .dl01 > dt img{ vertical-align:middle; }
.popup_contact .dl01 > dd{ text-align:left; padding-left:15px; border-left:1px solid #eee; display:inline-block; width:79%; vertical-align:middle; }
.popup_contact .dl01 > dd p.t-blue{ line-height:1.3; }

/*마이페이지 이용안내 info noti*/
.noti .contents{ min-height:680px; }
.noti .box_slide:nth-of-type(1){ border-top:3px solid #949494; }
.noti .box_slide a{ padding-left:0;padding-right:0; }
.noti .box_slide a > p{ float:left; text-align: center; }
.noti .box_slide a > p.num{ width: 6%;}
.noti .box_slide a > p.title{ width: 80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.noti .box_slide a > p.date{ width: 14%; float:right;}
.noti .box_slide dd a{ display:inline-block; }
.noti .box_slide .btn_upload{ margin-top:28px; }
.btn_upload:after{ content:'';display: inline-block;width: 18px;height: 18px;background:url('/img/icon/i_file.png')no-repeat center center; vertical-align:text-top; margin-left:8px;}
.btn_upload:hover{ color:#00549b; }

/*마이페이지 이용안내 info brochure*/
.mypage.brochure .listWrap{ padding:0; }
.mypage.brochure .listWrap .list_brochure > li{ float:left; width:33.3333%; padding:3%; text-align:center; }
.mypage.brochure .listWrap .list_brochure > li .img{width:100%; min-height:272px; max-height:272px; border:1px solid #ebebeb; border-radius:15px; background:url('/img/icon/i_image_search.png')no-repeat center center; overflow:hidden; }
.mypage.brochure .listWrap .list_brochure > li .txt h4 { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:12px 0; }
.mypage.brochure .btn.down{ max-width:100%; display:inline-block; background:#00549b; border-radius:5px;font-size:1rem}

/*마이페이지 이용안내 info personinfo*/
/* .personinfo .box01 h4{ font-size:1rem; border-bottom:3px solid #bebebe; margin-top:5.5%; padding-bottom:1%; margin-bottom:1.2%; } */
.personinfo .box01 .tit{ font-size:1rem; border-bottom:3px solid #bebebe; padding-bottom:1%; margin-bottom:1.2%; }
.personinfo .box01 p:not(.tit) {padding-left:0;}
.personinfo .box01 a {display:inline;}

.personinfo .box01 .tbl01{ margin-top:2.5%; }
.personinfo .box01 .tbl01 th{ padding:1% 2.5%; font-weight:300; font-size:0.925rem; text-align:center;}
.personinfo .box01 .tbl01 td{ font-weight:300; font-size:0.925rem; text-align:center;}
.personinfo .box01 .tbl01 td.td-left{ text-align:left; }

/*마이페이지 이용안내 info map*/
.map .contents{ min-height:750px; }
.line-green{ color:#247439; }
.line-blue{ color:#15017e; }
.map .box01{  font-weight:normal; padding:0; border-left:0; border-right:0; font-size:0.925rem; margin-top:5%; }
.mypage.map .box01:nth-of-type(1){ border-top:0;margin-top:0; }
.mypage.map .box01 li{ font-size:0.925rem; border-bottom:1px solid #dedede;  padding-bottom:3%;line-height: 1.8;}
.mypage.map .box01 li:last-child{ border-bottom:0; }
.mypage.map .box01 li:before{ display:none; }
.mypage.map .box01 h3{  font-size:1rem; padding:2.2% 1.8%; padding-bottom:0; }
.mypage.map h3.info + .box01 li h4, .mypage.map .box01 h3 {font-size: 1.1rem;}
.mypage.map .box01 li h4{ margin-top:3%; margin-bottom:2%; font-size:1rem; }
.mypage.map .box01 li > p{ font-size:1rem; font-weight:bold; }
.mypage.map .box01 li.normal{ margin-top:3%; }
.mypage.map .box01 li.normal > p{ font-size:0.925rem; font-weight:normal; margin-bottom:1%}
.mypage.map div.map{ max-width:100%; }
.mypage.map div.map #daumRoughmapContainer1529453844520{width: 100%; max-width:900px; min-height:430px; }
.mypage.map dl{ margin-bottom:2%; }
.mypage.map dl:last-child{ margin-bottom:0; }
.mypage.map dl > dt{ float:left; width:16%; font-weight:bold; }
.mypage.map dl > dd{ float:left; width:84%; }
.mypage.map dl > dd > p{ margin-bottom:1%; }
.mypage.map dl > dd > p:last-child, .mypage.map li.normal > p:last-child{ margin-bottom:0; }
.address:before{ content:''; height:20px; width:20px; display:inline-block; vertical-align:middle; background:url('/img/icon/i_marker_darkgr.png')no-repeat center center; margin-right:8px; }
.transport:before{ content:''; height:20px; width:20px; display:inline-block; vertical-align:middle; background:url('/img/icon/i_transport.png')no-repeat center center; margin-right:8px; }
.car:before{ content:''; height:20px; width:20px; display:inline-block; vertical-align:middle; background:url('/img/icon/i_car.png')no-repeat center center; margin-right:8px; }
.mypage.map .box01 .tit.t-blue{ font-size:.95rem; margin:2.5% 0 1% 0 ; }
.mypage.map .box01 .tbl01{ margin-bottom:2.5%; }
.mypage.map .box01 .tbl01 tr th{ font-size:14px; font-weight:normal; padding:1.5% 1%; text-align:center;}
.mypage.map .box01 .tbl01 tr td{ font-size:14px; font-weight:normal; padding:1.5% 1%; text-align:center;}

/*마이페이지 이용안내 info help*/
.help .listWrap{ padding:4% 3.5%; }
.help .listWrap > .txt{ font-size:1.625rem; font-weight:500; }
.help .listWrap dl{ margin-top:5%; width:100%;  font-weight:500; }
.help .listWrap dl dt{ font-size:1.5rem; margin-bottom:2%; }
.help .listWrap dl:nth-of-type(1) dt:before{ margin-right:16px; vertical-align:middle; content:''; height:35px; width:35px; display:inline-block;background:url('/img/sub/help_step01_i.png')no-repeat center center;  }
.help .listWrap dl:nth-of-type(2) dt:before{ margin-right:16px; vertical-align:middle; content:''; height:35px; width:35px; display:inline-block;background:url('/img/sub/help_step02_i.png')no-repeat center center;  }
.help .listWrap dl:nth-of-type(3) dt:before{ margin-right:16px; vertical-align:middle; content:''; height:35px; width:35px; display:inline-block;background:url('/img/sub/help_step03_i.png')no-repeat center center;  }
.help .listWrap dl:nth-of-type(4) dt:before{ margin-right:16px; vertical-align:middle; content:''; height:35px; width:35px; display:inline-block;background:url('/img/sub/help_step04_i.png')no-repeat center center;  }
.help .listWrap dl:nth-of-type(5) dt:before{ margin-right:11px; vertical-align:middle; content:''; height:35px; width:40px; display:inline-block;background:url('/img/sub/help_step05_i.png')no-repeat center;  }
.help .listWrap dl dt small{ font-size:1rem; color:#adadad; display:inline-block; margin-right:2.5%; vertical-align:middle;}
.help .listWrap dl dt span{  vertical-align:middle; }
.help .listWrap dl .box_blue{ font-size:1.125rem; width:100%; border:1px solid #f0f0f0; padding:3.5%;}
.help .listWrap dl dd .img{max-width: 790px;margin: auto; border:1px solid #f0f0f0; text-align: center;}
.help .listWrap dl dd p.txt{ text-align:center; margin-top:4%; }
.help .listWrap dl dd p.txt span{ position:relative; display:inline-block; margin-right:5.5%;  }
.help .listWrap dl dd p.txt span:last-child{margin-right:0;}
.help .listWrap dl dd p.txt span:after{ content:''; top:50%; margin-top:-7px;  right:-28px;height:18px; width:10px; display:block; background:url('/img/icon/i_arrow_r.png')no-repeat; position:absolute; background-size:contain; }
.help .listWrap dl dd p.txt span:last-child:after{ display:none; }
.help .listWrap dl dd img{ max-width:100%; }

/*	KS*/
.box01.detail{ border:0; margin-top:2%;font-size:16px; padding:0;}
.box01.detail > li{ padding:3.5%; border-bottom:1px solid #dedede; }
.box01.detail .grid03{ padding:0 2.4%; }
.box01.detail .grid03 > ul{ float:left; width:33.3333%; }
.box01.detail .grid03 > ul .inlineB{ padding-top:4%; width:100%;}
.box01.detail .grid03 > ul .inlineB a{ display:inline-block; }
.box01.detail .t-blue{ font-size:1.35rem; }
.box01.detail div .inlineB{ padding: 0 2.4%; padding-top:1.4%;}
.box01.detail div.t-right{ margin-top:2%; }
.box01.detail div.t-right .btn-s{ background:#747474; }
.box01.detail > li  {overflow: hidden;}
.box01.detail li > div.list{ margin-top:18px; }
.box01.detail li > div.list.on {overflow: hidden;}
.box01.detail li > .more {display: none;width: 100;max-width: 933px;margin-top: 1%;text-align: right;}
.box01.detail li > .more > a {width: 90px;font-weight: 400;}
.box01.detail dl.dl01{ padding:0 3.4%; padding-bottom: 1.6%; }
.box01.detail dl.dl01:last-child{ margin-bottom:0; }
.box01.detail dl.dl01:nth-child(n+6) {display: none;}
.box01.detail dl.dl01 > dt{ float:left; width:30%; }
.box01.detail dl.dl01 > dt a{ font-weight:500; display:inline-block; padding:0 8px;}
.box01.detail dl.dl01 > dd{float:left; width:70%;line-height: 1; }
.box01.detail dl.dl01 > dd span {display: inline-block;margin-right: 5%;vertical-align: middle;}
.box01.detail dl.dl01 > dd span:first-child {overflow: hidden;text-overflow:ellipsis;max-width: 400px;width: 100%;white-space: nowrap;}
.box01.detail dl.dl01 > dd span:last-child {margin-right: 0;}
.box01.detail .t-blue .passwordpop_area{ vertical-align:middle; }
.box01.detail .t-blue .passwordpop_area img{ vertical-align:initial; }
.box01.detail .t-blue .passwordpop{ color:#343434; }

.ks .btn-s.preview{ display:inline-block;background:#909090; padding:2% 0; width:100%; max-width:104px;  }
/*국내단체표준 spscate*/
.spscate .cont {margin-top: 3%;}
.spscate .box_blue > form > input {display: block;width: 60%;max-width: none;margin: auto;}
.spscate .box_blue > strong {display: block;padding: 3% 0;border-bottom:1px solid #ddd;text-align: center;}
.spscate .submit {margin-right: 16px;margin-bottom: 0;text-align: right;}
.spscate .submit button {padding: 8px 5%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.spscate .listWrap h4.tit { font-size: 1.35rem; padding-left: 0; text-align: left;}
.spscate .listWrap h4.tit:first-child {padding-top: 2%;}
.sps .wrap > .box_blue, .ks .wrap > .box_blue, .handbook .wrap > .box_blue{ text-align:center;padding: 1.7% 3%; border:1px solid #f0f0f0;}
.spscate .grid04 > li {display: table;}
.spscate .grid04 > li a{display: table-cell; width:100%; background:#fff; border:1px solid #dedede; padding:13px 0; border-radius:8px; text-align:center; box-sizing:border-box; }
.spscate .grid04 > li:hover a,.spscate .grid04 > li a.on{ background:#00549b; border-color:#00549b; color:#fff; }
.tbl01.line0 {  margin-top:2%; border-top:0; border-bottom:0;}
.tbl01.line0 tr th{ padding:1.5% 2%; text-align:center; background:#fff;    border-bottom: 3px solid #a0a0a0;}
.tbl01.line0 tr th.t-right{ text-align:right; }
.tbl01.line0 tr td{ padding:2%; text-align:center; vertical-align: middle;}
.tbl01.line0 tr td.td-left{ text-align:left; }
.tbl01.line0 tr td.td-right{ text-align:right; }

/*KS 분야별콜렉션*/
.catcol .noti_con > p:not(:last-child), .certicol .noti_con > p:not(:last-child) {margin-right: 10px;}

/*공공안내 심볼 symlist */

.tbl01.line0 tr td div.sym_img{ width:139px; margin-right:2%; position:relative; border:2px solid #959595; }
.tbl01.line0 tr td div.sym_img > img{ vertical-align:top; width: 100%;}
.tbl01.line0 tr td div.sym_img .more{ line-height:20px; width:20px ;height:20px; background:#959595; text-align:center; position:absolute; bottom:0; right:0;}
.tbl01.line0 tr td div.sym_img .more img{vertical-align:baseline; margin:0; }

.ks .listWrap .list,.handbook .listWrap .list,.sps .listWrap .list{ padding-bottom: 0; border-bottom: 0; }
.ks .box01.detail.top dl:first-child{ margin-bottom:2%; }
.ks .box01.detail.top dl dt{ vertical-align:middle; font-weight:bold; width:10%;  display:inline-block; font-size:16px; }
.ks .box01.detail.top dl dd{ vertical-align:middle;  width:88%; display:inline-block; }
.ks .box01.detail.top dl dd a{ position:relative; padding:0 2%; vertical-align:middle; }
.ks .box01.detail.top dl dd a:last-child:after{ display:none; }
.ks .box01.detail.top dl dd a:after{ content:''; height:16px; width:1px; background:#383838; display:block; position:absolute; top:50%; margin-top:-8px; right:0; }
.ks .box01 p.li01 a,.handbook .box01 p.li01 a{ display:inline-block; float:right; vertical-align:middle; }
.ks .contact .box_blue,.sps .contact .box_blue,.handbook .contact .box_blue{ padding:20px; margin-top:3%;}
.symdetail .tbl_hori tbody td{text-align: left;}
.symdetail .tbl_hori tbody td a {display: inline;}

/*핸드북 add 슬라이드*/
.handbook .checkbox + label:before {margin-right: 0;}
.handbook .search .checkbox + label:before {margin-right: 10px;}
.handbook-detail .cont .tap_btn > li {width: 25%;}
.info.box01.line0 .add dt{ padding:3% 3.8%; border-top:1px solid #dedede; }
.info.box01.line0 .add:first-child dt{ border-top:0; }
.info.box01.line0 .add .t-blue{ font-weight:bold; font-size:1.35rem; }
.info.box01.line0 .add a{position: relative; padding:0;padding-left: 25px; border:0;}
.info.box01.line0 .box_slide.add a:before{ content:'';position: absolute;top: 6px;left: 0; margin-right:20px; height:18px; width:18px; background:url('/img/icon/i_minus.png')no-repeat;  }
.info.box01.line0 .box_slide.add a.on:before{ content:''; margin-right:20px; height:18px; width:18px; background:url('/img/icon/i_plus.png')no-repeat; display:inline-block;  }
.box_slide.add dd{ background:#fff; border-bottom:0; padding:2% 10%; padding-top:0;}
.box_slide.add dd p{ margin-bottom:3%; }
.box_slide.add dd p:last-child{ margin-bottom:0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
/* .number-input {display: inline-block;vertical-align: middle;margin-right: 2%;}
.number-input > div {overflow:hidden;}
.number-input button {	float:left;background-color:#565656;border: none;width: 25px;height: 25px;cursor: pointer;margin: 0;margin-right:6px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: relative; vertical-align: middle;}
.number-input button::before,.number-input button::after { content: '';  display: inline-block; position: absolute;left:50%; width: 10px; height: 1px; background-color: #fff; transform: translate(-50%, -50%); }
.number-input button.plus {margin-right:0;}
.number-input button.plus::after {transform:translate(-50%, -50%) rotate(90deg);}
.number-input input[type="number"] {float:left;width: 35px; min-height: 25px; border: 1px solid #ddd;color:#343434;text-align: center; } */


.number-input							{display:flex; justify-content: center; align-items: center; margin-bottom:10px; font-size:15px; padding-left:15px;}
.number-input input						{width:50px; height:30px; text-align:center; font-size:15px; color:#222;}
.number-input button					{padding:0; width:30px;height:30px; border-radius:5px; background:#fff; border:solid 1px #ddd; position:relative; cursor:pointer;}
.number-input button.minus::before		{position:absolute; content:''; width:12px; height:2px; background:#222; top:50%; margin-top:-1px; left:50%; margin-left:-6px;}
.number-input button.plus::before		{position:absolute; content:''; width:12px; height:2px; background:#222; top:50%; margin-top:-1px; left:50%; margin-left:-6px;}
.number-input button.plus::after		{position:absolute; content:''; width:2px; height:12px; background:#222; top:50%; margin-top:-6px; left:50%; margin-left:-1px;}
.number-input button:hover				{background:#f9f9f9;}


/*astm*/
.astm .info.box01.line0, .asme .info.box01.line0 {border-top: none;}

/* 해외표준 */
.for_top .for_step{ position:relative; }
.for_top .for_step:before{ content:''; height:25px; width:15px; display:inline-block;  background:url('/img/icon/i_arrow_r.png')no-repeat; position:absolute; right:0; margin-right: -2px; top:50%; margin-top:-13px;}
.for_top .for_step:last-child:before{ display:none; }
.for_top .for_step.grid05{ width:20%; padding: 2% 2.5%; min-height: 144px; }
.for_top .for_step.grid05 > li{ float:left;}
.for_top .for_step.grid05 > li:nth-child(2){ float:right; width:calc(100% - 55px); }
.for_top .for_step.grid05 li p{ height:auto; line-height:1; }
.for_top .for_step.grid05 li sup{ margin-bottom:8px; }

/*	디지털라이브러리 library 공통영역*/
.library .cont .top{ padding:3%; border-bottom:1px solid #818285;}
.library .cont .top dt{ font-size:2rem; margin-bottom:2%; font-weight:500;}
.library .cont .top dd{ font-size:1.1rem;padding-left: 10px;}

/*디지털라이브러리 소개 intro*/
.library.intro .cont .row:nth-child(2) > .wrap{ padding:3%; }
.library.intro .grid02{ margin-bottom:3%; }
.library.intro .grid02 > li:nth-child(1){ width:58%; }
.library.intro .grid02 > li:nth-child(2){ width:40%; }
.library.intro .grid02 > li > dl{ background-position: 3% 50%; background-repeat:no-repeat; padding-left: 14%; margin:7% 0; font-weight:bold; font-family:'NanumSquare'; font-size:18px; }
.library.intro .grid02 > li > dl:nth-child(1){ background-image:url('/img/sub/library_icon01.png'); }
.library.intro .grid02 > li > dl:nth-child(2){ background-image:url('/img/sub/library_icon02.png'); }
.library.intro .grid02 > li > dl:nth-child(3){ background-image:url('/img/sub/library_icon03.png'); }
.library.intro .grid02 > li > dl:nth-child(4){ background-image:url('/img/sub/library_icon04.png'); }
.library.intro .grid02 > li > dl dd{ color:#848484; margin-top:.5%; }
.library.intro .grid02 > li.imgs{ position:relative; }
.library.intro .grid02 > li.imgs > div{  font-weight:bold; line-height:1; color:#fff; font-family:'NanumSquare';  font-size:2rem; position:absolute; border-radius:100%; text-align:center;}
.library.intro .grid02 > li.imgs > div:nth-child(1){ width:66px; height:66px; font-size:0; background:rgba(43,77,140,.6); padding: 20px 0;right:36%; top:25px; }
.library.intro .grid02 > li.imgs > div:nth-child(2) { width:168px; height:168px;background:rgba(0,84,155,.5); padding:38px 0; right: 48%; top: 74px; }
.library.intro .grid02 > li.imgs > div:nth-child(3){ width:224px; height:224px;background:rgba(57,68,86,.4); padding: 68px 0; right: 18%; top: 180px; }
.library.intro .grid02 > li.imgs > div > p{ font-size:2.5rem; }
.library.intro .grid02 > li.imgs > div:nth-child(2) > p{ margin-top:0;margin-bottom: -3px; font-size: 2rem;letter-spacing: -1px;}
.library.intro .grid03 > li{ border:2px solid #d4d4d4; padding:3.4% 3%; min-height:210px; }
.library.intro .grid03 > li h5{ font-size:1.3rem; margin-bottom:6px; }

/*디지털라이브러리 상품종류 공통영역*/
.recomm:before{ content:''; height:17px; width:17px; display:inline-block; vertical-align:middle; background:url('/img/icon/i_recomm_orange.png'); margin-right:6px;}
.library.prod .top{ padding-top: 0; border-bottom: 3px solid #818285; font-size:1.1rem}
.library.prod .listWrap{ padding:4% 3%; }
.library.prod .listWrap > li{ width:100%; border:1px solid #e1e1e1; padding:4%; margin-bottom:2%;}
.library.prod .listWrap > li:last-child{ margin-bottom:0;}
.library.prod .listWrap > li > h4{ float:left; width:20%; font-size:1.75rem; }
.library.prod .listWrap > li > h4 p{ font-size:18px; margin-top: -2px; }
.library.prod .listWrap > li > ul{ float:right; width:70%; }
.library.prod .listWrap > li > ul li{position: relative;padding-left: 95px;font-weight: 400; margin-bottom:8px; }
.library.prod .listWrap > li > ul li:first-child {font-weight:bold; font-size: 1.1rem;}
.library.prod .listWrap > li > ul li:last-child {margin-bottom:0;}
.library.prod .listWrap > li > ul li .recomm  {position: absolute;left: 0%;top: 0;}

/*구독절차 및 문의*/
.library.procedure .contact{ margin-top:8%; }
.library.procedure .for_top .for_step{ position:relative; }
.library.procedure .for_top .for_step:before{ content:''; height:25px; width:15px; display:inline-block;  background:url('/img/icon/i_arrow_r.png')no-repeat; position:absolute; right:0; margin-right: -2px; top:50%; margin-top:-13px;}
.library.procedure .for_top .for_step:last-child:before{ display:none; }
.library.procedure .for_top .for_step{  min-height:129px;}
.library.procedure .for_top .for_step > li{ float:left;}
.library.procedure .for_top .for_step > li:nth-child(2){ float:right; width:calc(100% - 55px); }
.library.procedure .for_top .for_step li p{ line-height:1.2; margin-top:2px; height:auto; }