/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/


.view_btn .btn_soldout {background:#fff; border:1px solid #ccc; cursor:default; color:#999; font-weight:400;}

/*
 * fonts.css
 */
@font-face {
  font-family: 'nanumsL';
  src: url('../fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'nanums';
  src: url('../fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'nanumsB';
  src: url('../fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'nanumsEB';
  src: url('../fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}

/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
 
@font-face {
  font-family: 'notoT';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts//NotoSansKR-Thin.woff2') format('woff2'),
       url('../fonts//NotoSansKR-Thin.woff') format('woff'),
       url('../fonts//NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'notoL';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts//NotoSansKR-Light.woff2') format('woff2'),
       url('../fonts//NotoSansKR-Light.woff') format('woff'),
       url('../fonts//NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'noto';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts//NotoSansKR-Regular.woff2') format('woff2'),
        url('../fonts//NotoSansKR-Regular.woff') format('woff'),
        url('../fonts//NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'notoM';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts//NotoSansKR-Medium.woff2') format('woff2'),
        url('../fonts//NotoSansKR-Medium.woff') format('woff'),
        url('../fonts//NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'notoB';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts//NotoSansKR-Bold.woff2') format('woff2'),
        url('../fonts//NotoSansKR-Bold.woff') format('woff'),
        url('../fonts//NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'notoEB';
   font-style: normal;
   font-weight: 900;
   src: url('../fonts//NotoSansKR-Black.woff2') format('woff2'),
        url('../fonts//NotoSansKR-Black.woff') format('woff'),
        url('../fonts//NotoSansKR-Black.otf') format('opentype');
 } 


/*
 * reset.css
 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style:none}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;width:100%;}
img,fieldset{border:0;}
li img,dd img,dt img,label img{vertical-align:top;}
li{list-style:none}
table{border-collapse:collapse;width:100%;}
input,select,textarea,button{font-family: 'noto';font-size:13px;color:#000;}
img,input,select{vertical-align:middle;}
address,caption,em{font-weight:normal;font-style:normal;}
hr{display:none;}

/* base */
html{width:100%;}
body{-webkit-text-size-adjust: 100%;margin: 0;padding: 0;width:100%;font-size:14px;color:#000;line-height:1.5;font-family: 'noto', 'Dotum', Sans-serif;overflow-y:auto;}
a{color:#000;text-decoration:none;text-decoration:none;font-size:14px;line-height:1.5;color:#000;width:100%;height:100%}
a:visited,a:hover,a:active,a:focus{color:#000;}
caption,legend,label{width:0;height:0;font-size:0;text-indent:-9999em;overflow:hidden;}

.hide {width:0;height:0;margin:0;padding:0;position:absolute;left:0;top:0;font-size:0;text-indent:-9999px;overflow:hidden;}
.cf:after {content:"";display:block;clear:both;visibility:hidden;width:0;height:0;font-size:0;}


/*
 * style.css
 */
/* login */
#login_wrap {position: relative; width: 100%; min-width:1200px; height: 100vh;; background: url(../images/skin/login_visual.png) no-repeat 0 center / cover;}
.login {position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 384px; height: 513px; padding: 40px 30px 50px; box-sizing:border-box; background: rgba(255,255,255,0.9); border-radius: 10px;}
.login h2 {padding: 10px 0; text-align: center;}
.login h3 {font-family: notoB; font-size: 30px; color:#3c5aae; text-align: center; letter-spacing: -0.5px;}
.login p {margin: 25px 0 25px; font-size: 18px; color:#666666; line-height: 1.5em; text-align: center;}
.login_input_wrap {}
.login_input_wrap input[type=text], .login_input_wrap input[type=password]{width: 320px; height: 40px; border: 1px solid #e1e1e1; border-radius:3px; background: #fff; padding: 20px; box-sizing:border-box; margin-bottom: 5px; font-size: 16px; font-family: noto;}
.login_input_wrap input[type=text]::placeholder, .login_input_wrap input[type=password]::placeholder {color: #aaaaaa;}
.login_btn {margin-top: 7px; width: 320px; height: 60px; background: #3c5aae; border: 0; border-radius:3px; color:#fff; font-size: 18px; line-height: 60px; text-align: center;}
.login_chk_wrap {display: block; /*margin-top: 10px; font-size: 14px;*/ color:#666; text-align: left; letter-spacing: -0.5px;line-height:20px;}
.find_info {padding: 10px 0; margin: 10px 0; /*border-top: 1px solid #cbcec8;*/}
.find_info li {float: left; width: 50%; text-align: right;padding:0 10px;font-size:16px;box-sizing:border-box;}
.find_info li a {display: block; font-size: 16px; color:#666; letter-spacing: -0.5px;line-height:20px;}
.find_info li label{width:auto;height:auto;color:#666;font-size:inherit;line-height:1;vertical-align:middle;text-indent:inherit;}
/*.find_info li:nth-child(2) a:before {display: block; content: ''; clear: both; width: 1px; height: 14px; background: #cdcec6; float: left; margin-top: 5px;margin-left:-10px;}*/

/* header */
#header_wrap {width: 100%; min-width: 1200px; height: 70px; background: #3c5aae;}
#header {width: 1200px; height: 70px; margin: 0 auto;}
#header h1 {float: left; margin: 5px 0 0 0;}

.top_menu_wrap {float: right;}
.top_menu {float: left; margin-top: 20px;}
.top_menu li {float: left; padding-left: 12px; color:#fff; font-size: 16px; font-family: notoL;}
.top_menu li a {font-size: 14px;}
.top_menu li.c-yellow {margin-left: 12px; padding-left: 20px; color:#fcff00; background: url(../images/skin/clock_icon.png) 0 center no-repeat;}
.top_menu li.c-yellow img {vertical-align: middle;}
a.btn {border-radius: 5px;}
a.top_menu_btn {display: inline-block; margin-left: 7px; width: 48px; height: 28px; line-height: 26px; font-size: 14px; color:#fff; background: rgba(0,0,0,0.2); text-align: center;}
a.logout_btn {margin-left: 30px; padding-top: 40px; display: block; float: right; width: 110px; height: 70px; color:#fff; font-size: 14px; text-align: center; background: url(../images/skin/logout_btn.png) center 15px no-repeat #1e2d57; box-sizing:border-box;}

/* visual */
#visual {width: 100%; min-width: 1200px; height: 700px; background: url(../images/skin/visual_bg.png) 0 center no-repeat; border-bottom: 1px solid #8790ac;}
.visual {width: 1200px; height: 100%; margin: 0 auto; background: url(../images/skin/visual_img.png) 56% bottom no-repeat;}
.visual h2 {width: 100%; height: 154px; padding: 40px 0 0; margin: 0 auto; text-indent: -9999em; overflow: hidden; background: url(../images/skin/h2_txt.png) center 40px no-repeat; font-size: 0; box-sizing:border-box;}
.visual .h2_bottom {display: block; margin: 18px auto 0; width: 343px; height: 64px; text-indent: -9999em; overflow: hidden; font-size: 0; background: url(../images/skin/h2_bottom_txt.png) 0 0 no-repeat;}


/* main container */
#container {width: 100%; min-width: 1200px; padding-bottom: 120px; background: #ffeaca;}
.product_list {width: 1200px; margin:0 auto 0;}
.product_list h2 {padding: 75px 0 35px; font-size: 36px; font-family: notoM; text-align: center; color:#432902;}

.goods_box_wrap {}
.goods_box {position: relative; width: 585px; height: 695px; float: left; margin-left: 30px; background: #fff; box-sizing: border-box; border-radius:20px;}
.goods_box:nth-child(1) {margin-left: 0;}
.goods_box .goods_img {position: relative; height:412px; margin-top: 90px; text-align: center; overflow:hidden;} /*2018.11.19: K.수정*/
.goods_box .num_icon {position: absolute; z-index: 1; top: 20px; left: 20px; display: block; font-size: 18px; color:#ca2430;}
.goods_box .num_icon > img {margin-right: 10px;}
.goods_box:nth-child(2) .num_icon {color:#ae51a6;}
.goods_box .goods_img img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 585px;}
.goods_box .info .goods_tit {display: block; width: calc( 100% - 40px ); margin: 0 auto; padding: 20px 0 5px; border-top: 1px solid #ededed; font-size: 24px; font-family: notoB; text-align: center;}
.goods_box .info .price span {display: inline; font-size: 24px;}
.goods_box .info .price .b_price {font-size: 20px; color:#c2c2c2; padding-right: 20px; text-decoration:line-through;}
.goods_box .info .go_order {display: inline-block; padding: 12px 0; background: #c8c8c8; color:#fff; font-size: 24px; font-family: notoM; text-align: center; border-radius: 0 0 20px 20px;}
.goods_box .info .go_order:hover, .goods_box .info .go_order:active {background: #3c5aae;}

.item_list .goods_box .info {width: 100%;float: none;padding: 15px 0 !important;border: 0;}
.item_list .goods_box .info .price {text-align: center; margin: 0 0 20px;}


.order_notice {margin: 80px 0 0; padding: 30px 45px; background: #ffdca8; border: 5px solid #ffd596; border-radius:20px;}
.order_notice:after {display: block; content: ''; clear: both;}
.order_notice h3 {float: left; padding-top: 30px; font-size: 20px; color:#432902; font-family: notoM; line-height: 26px;} 
.order_notice p {float: left; padding-left: 35px; margin-left: 35px; border-left: 2px solid #ffd596; font-size: 16px; color:#000; line-height: 1.8em; letter-spacing: -0.5px; font-family: notoL;}

/* footer */
#footer_wrap {width: 100%; min-width: 1200px; background: #f0f0f0;}
#footer {}
.footer_con {width: 1200px; padding: 40px 0 50px;  margin: 0 auto;}
.footer_left {float: left; font-size: 16px;}
.footer_left .call_num {display: block; font-size: 34px; font-family: notoB; letter-spacing: -0.5px; line-height: 1.2em;}
.footer_left p {padding-top: 18px; line-height: 24px; font-size: 14px;}
.footer_right {float: left; margin-left: 100px;}
.footer_menu {width: 100%;}
.footer_menu li {float: left; padding-left: 20px;}
.footer_menu li:first-child {border-left: 0; margin-left: 0; padding-left: 0; font-family: noto;}
.footer_menu li:before {display: inline-block; float: left; margin: 4px 20px 0 0; content: ''; clear: both; width: 1px; height: 14px; background: #c3c3c3;}
.footer_menu li:first-child:before {display: none;}
.footer_menu li a {display: inline;font-size: 16px;}
.footer_right p {/*padding-top: 55px;*/padding-top:20px; line-height: 24px;}
.footer_copy {height: 50px; background: #3b393c; line-height: 50px; color: #fff; font-size: 12px;}
.footer_copy p {width: 1200px; margin: 0 auto;}

/* sub */
#sub_visual {width: 100%; min-width:1200px; height: 350px;}
#sub_visual.sub1 {background: url(../images/skin/sub_visual01.png) center no-repeat;}
#sub_visual.sub2 {background: url(../images/skin/sub_visual02.png) center no-repeat;}
#sub_visual.sub3 {background: url(../images/skin/sub_visual03.png) center no-repeat;}
.sub_visual {width: 1200px; margin: 0 auto;}
.sub_visual h2 {padding-top: 145px; font-size: 50px; font-family: notoB; color:#fff; text-align: center; letter-spacing: -0.5px;}

/* loading page */
.sub_container .loading_wrap {width: 580px; margin: 170px auto 240px; padding: 55px 0; border: 1px solid #e5e5e5; background: #fff; box-sizing:border-box; text-align: center;}  
.sub_container .loading_wrap h3 {font-family: nanumsB; font-size: 20px;	padding-bottom: 20px;}
.sub_container .loading_wrap .loading_bar {margin-bottom: 20px;}
.sub_container .loading_wrap p {font-size: 20px; color:#666666; line-height: 30px;}

/* mypage */
#sub_container {width: 100%; min-width: 1200px; padding: 75px 0 40px; background: #fff;}
#sub_container.view_container {background: #fff;}
.sub_container {width: 1200px; margin: 0 auto;}
.sub_container h2 {padding-bottom: 30px; font-size: 40px; font-family: nanumSB; text-align: center;}

.mypage_info_wrap {width: 1000px; margin: 70px auto 200px;}
.mypage_info {border: 1px solid #e5e5e5;}
.mypage_info:after {display: block; content: ''; clear: both;}
.mypage_img {float: left; width: 252px; height: 252px; padding: 30px; box-sizing:border-box; background: #ebebeb; text-align: center;}
.mypage_img span {display: block; font-size: 16px;}
.mypage_img span.mypage_name {font-size: 20px; padding: 20px 0 5px;}
.mypage_cont {float: left; padding: 45px 65px; box-sizing:border-box;}
.mypage_cont ul {}
.mypage_cont ul li {font-size: 18px; line-height: 52px;}
.mypage_cont ul li span {display: inline-block; width: 140px; color:#999999;}
.mypage_cont .checkbox label {font-size: 18px;}
.mypage_cont .checkbox {display: inline-block;}
.mypage_info_bottom {display: block; text-align: right; font-size: 16px; color:#999; line-height: 52px;}
.mypage_change_btn {display: block; margin: 50px auto 0; width: 269px; height: 58px; background: #3c5aae; border: 0; line-height: 58px; text-align: center; color:#fff; font-size: 20px;}


.mypage_contop {width: 100%; height: 142px; padding: 0 50px; box-sizing:border-box; background: url(../images/skin/mypage_contop_bg.png) 0 0 no-repeat; text-align: center;}
.mypage_contop h3 {padding: 15px 0; font-size: 28px; font-family: nanumsEB; color:#fff;}
.mypage_contop h3 strong {color:#3c5aae; letter-spacing: -0.2px;}
.mypage_contop .my_score {padding: 8px 0; border-top: 1px solid #5360a5; font-size: 22px; color:#fff;}
.mypage_contop .my_score span.score {padding-left: 40px;}
.mypage_contop .my_score span.score strong {padding-right: 10px; font-size: 32px; color:#e6ff16; font-family: nanumsB;}
.mypage_contents {padding: 70px 50px; background: #fff;}
.mypage_tabmenu {margin-bottom: 40px; border: 1px solid #e5e5e5;}
.mypage_tabmenu li {float: left; width: 548px; height: 56px; border-left: 1px solid #e5e5e5; text-align: center;}
.mypage_tabmenu li:first-child {border-left: 0;}
.mypage_tabmenu li.on {background: #3c5aae;}
.mypage_tabmenu li.on a {color:#fff; font-family: nanumsEB;}
.mypage_tabmenu li:hover {background: #3c5aae;}
.mypage_tabmenu li:hover a {color:#fff; font-family: nanumsEB;}
.mypage_tabmenu li a {display: block; line-height: 56px; font-size: 18px; color:#999999;}
.mypage_tabcon {margin-bottom: 85px;}
.mypage_tabcon li {width: 100%;}

/* mypage btn */
.pay_btn {display: inline-block; width: 84px; height: 24px; margin-left: 5px; text-align: center; background: #ebebeb; border-radius:3px; border: 1px solid #e1e1e1; box-sizing:border-box; font-size: 12px; line-height: 22px;}
.stauts {}
.change {width: 44px;}
.change.off {color:#c3c3c3;}
.cancle {width: 44px; background: #fff; color:#333;}
.cancle.off {color:#c3c3c3;}
.pay_btn.search_addr {float: right; width: 100px; height: 38px; background: #7c7c7c; border: 0; line-height: 38px; font-size: 14px; color:#fff;}
.color_blue {color:#0076e3;}
.color_red {color:#dd0000;}
.mypage_contents .order_notice {border: 0; border-top: 1px solid #e5e5e5; padding: 0;}
.mypage_contents .order_notice h3 {margin-top: -1px;}
.mypage_contents .order_notice h3:before {display: block; content: ''; clear: both; width: 115px; height: 3px; background: #3c5aae; margin-bottom: 20px;}
.mypage_contents .order_notice p {letter-spacing: -0.7px;}

/* popup */
#black {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.popup {display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; box-shadow: 10px 10px 15px rgba(0,0,0,0.3);}
.popup.status {width: 548px; height: auto;}
.popup_close {margin: -50px 50px 0 0; float: right; display: block; width: 18px; height: 18px;}
.popup h3 {padding: 20px 50px; background: #143657; font-size: 24px; font-family: nanumsB; color:#fff;}
.popup_con {padding: 40px 50px 40px; font-size: 16px;}
.popup_tabmenu {margin-bottom: 20px;}
.popup_tabmenu li {float: left; width: calc((100% - 1px) / 3); height: 100px; border: 1px solid #e5e5e5; box-sizing:border-box;}
.popup_tabmenu li:nth-child(1) {background: url(../images/skin/card_icon_off.png) center 22px no-repeat;}
.popup_tabmenu li:nth-child(1).on {border: 5px solid #3c5aae; background: url(../images/skin/card_icon.png) center 17px no-repeat;}
.popup_tabmenu li:nth-child(1).on a {padding-top: 60px; color:#3c5aae;}
.popup_tabmenu li:nth-child(2) {background: url(../images/skin/account_icon_off.png) center 22px no-repeat; border-left: 0;}
.popup_tabmenu li:nth-child(2).on {border: 5px solid #3c5aae; background: url(../images/skin/account_icon.png) center 17px no-repeat;}
.popup_tabmenu li:nth-child(2).on a {padding-top: 60px; color:#3c5aae;}
.popup_tabmenu li:nth-child(3) {background: url(../images/skin/deposit_icon_off.png) center 22px no-repeat; border-left: 0;}
.popup_tabmenu li:nth-child(3).on {border: 5px solid #3c5aae; background: url(../images/skin/deposit_icon.png) center 17px no-repeat;}
.popup_tabmenu li:nth-child(3).on a {padding-top: 60px; color:#3c5aae;}
.popup_tabmenu li a {display: block; padding-top: 65px; box-sizing:border-box; text-align: center; font-size: 16px;}
.popup_con input[type=checkbox] {}
/* .popup_con input[type=checkbox] + label {display: inline-block; width:17px; height: 17px; overflow: visible; background: #fa3062; cursor: pointer; border-radius: 3px;}
.popup_con input[type=checkbox]:checked + label {background: #3c5aae;} */
.popup_tabcon {margin-top: 30px; padding-top: 30px; border-top: 1px dashed #d0d0d0;}
.popup_tabcon li {}
.popup_tabcon li .card {}
.popup_tabcon li .account {}
.popup_tabcon li table {}
.popup_tabcon li table th {padding: 5px 0; font-family: nanumsB; color:#333;}
.popup_tabcon li table td {padding: 5px 0;}
.popup_tabcon li table td select {width: 100%; height: 38px; border: 1px solid #eee; padding: 0 0 0 15px; box-sizing:border-box; font-size: 16px;}
.popup_tabcon li table td input[type="text"] {width: 100%; height: 38px; padding: 0 20px; border: 1px solid #eee; box-sizing:border-box; font-size: 16px;}
.popup_tabcon li table td input[type="password"] {width: 100%; height: 38px; padding: 0 20px; border: 1px solid #eee; box-sizing:border-box; font-size: 16px;}
.popup_tabcon li table td input[type="radio"] {display:inline-block;vertical-align:middle;}
.popup_tabcon li table td input[type="radio"] + label {display:inline-block;width:auto;height:auto;margin-left:5px;color:#333;font-size: 16px;line-height:1.5;vertical-align:bottom;text-indent:0;overflow:auto;}
.popup_tabcon li table td input[type="radio"] + label + input[type="radio"] {margin-left:15px;}
.popup_tabcon li table td input.short {width: 75px; margin-left: 0px;}
.popup_tabcon li table td input.short:nth-child(1) {margin-left: 0;}
.popup_tabcon li table td input.short2 {width: 110px;}
.popup_tabcon li table td input.middle {width: 150px; margin-left: 7px;}
.popup_tabcon li table td input.middle::placeholder {color: #999;}
.popup_tabcon li table td input.middle:nth-child(1) {margin-left: 0;}
.alert {margin-left: 10px; font-size: 14px; letter-spacing: -1px; color:#999;}
.alert img {vertical-align: middle; margin-top: -1px; margin-right: 3px;}
.btn_wrap {text-align: center;}
input[type=button].popup_btn {border-radius: 3px; border: 0; margin: 30px 0 0 0; padding: 15px 40px; color:#fff; font-size: 16px; font-family: nanumsB; background: #3c5aae; text-align: center;}

/* 미결제 재시도 팝업 */
.popup.status_re {width: 548px; height: 402px;}
.popup_tabmenu.re li {width: 149px;}
.popup_tabmenu.re li:nth-child(3) {background: url(../images/skin/deposit_icon_off.png) center 22px no-repeat; border-left: 0;}
.popup_tabmenu.re li:nth-child(3).on {border: 5px solid #3c5aae; background: url(../images/skin/deposit_icon.png) center 17px no-repeat;}
.popup_tabmenu.re li:nth-child(3).on a {padding-top: 60px; color:#3c5aae;}

/* 배송지 변경 팝업 */
.popup.shipping {width: 878px; height: 783px;}
.popup.shipping h4 {padding-bottom: 15px; font-size: 20px;}
.popup.shipping .notice {margin-top: -40px; float: right; font-size: 14px; color:#999;}
.popup.shipping .notice img {margin-top: -3px;}
.popup.shipping table {width: 100%; border-top: 2px solid #4a4a4a;}
.popup.shipping table th {padding: 15px 20px; vertical-align: middle; font-family: nanumsB; background: #f8f8f8; text-align: left;}
.popup.shipping table th img {margin-top: -3px;}
.popup.shipping table td {padding: 15px; border-bottom: 1px solid #f2f2f2;}
.popup.shipping table td input {width: 100%; height: 38px; border: 1px solid #eee; padding: 0 15px; box-sizing:border-box; font-size: 16px;}
.popup.shipping table td input[type=radio] {width: auto; height: auto; padding: 0;}
.popup.shipping table td textarea {width: 100%; border: 1px solid #eee; padding: 15px; box-sizing:border-box; font-size: 16px;}
.popup.shipping table td input.middle {width: 298px;}
.popup.shipping table td input.short {width: 86px; margin: 0 3px;}
.popup.shipping table td input.short:nth-child(1) {margin: 0 3px 0 0;}
.popup.shipping table td input.short2 {width: 106px;}
.popup.shipping table td input.mb5 {margin-bottom: 5px;}
.popup.shipping table td .search_addr {float: none; vertical-align: top;}

/* 제품 변경 팝업 */ 
.popup.goods_change {width: 878px; height: 825px;}
.popup.goods_change table {width: 100%; border-top: 2px solid #4a4a4a;}
.popup.goods_change table thead {float: left; width: 778px;}
.popup.goods_change table tbody {float: left; overflow-y: auto; overflow-x: hidden; width: 778px; height: 460px;}
.popup.goods_change table tbody tr {display: table; width: 100%;}
.popup.goods_change table th {padding: 12px 10px; border-bottom: 1px solid #f2f2f2; font-family: nanumsB;}
.popup.goods_change table th:nth-child(1) {width: 390px;}
.popup.goods_change table th:nth-child(2) {width: 78px;}
.popup.goods_change table th:nth-child(3) {width: 155px;}
.popup.goods_change table th:nth-child(4) {width: 155px;}
.popup.goods_change table td:nth-child(1) {width: 390px;}
.popup.goods_change table td:nth-child(2) {width: 78px;}
.popup.goods_change table td:nth-child(3) {width: 155px;}
.popup.goods_change table td:nth-child(4) {width: 155px;}
.popup.goods_change table td {padding: 6px 10px; border-bottom: 1px solid #f2f2f2; text-align: center;}
.popup.goods_change table td.tal {text-align: left;}
.popup.goods_change table td select {width: 115px; height: 38px; border: 1px solid #eee; padding: 0 0 0 15px; box-sizing:border-box; font-size: 16px; -webkit-text-align-last:center;text-align-last:center;}
.goods_change_table tbody tr.on {background: #e7ebee;}
.goods_change_table tbody tr.on td {font-family: nanumsEB; color:#3c5aae;}
.cnt_wrap {padding: 25px 0; border-top: 1px dashed #cacaca; background: #f8f8f8;}
.calc_cnt {}
.calc_cnt li {float: left; width: calc( (100% / 3) - 2px );text-align: center; font-size: 18px;}
.calc_cnt li:before {display: block; content: ''; clear: both; width: 1px; height: 20px; float: left; background: #adadad; margin-top: 10px;}
.calc_cnt li .score {padding-left: 15px;}
.calc_cnt li .score strong {font-size: 24px; font-family: nanumsEB;}

/* 제품 */
.product_top {width: 100%; padding-bottom: 25px; border-bottom: 1px solid #ebebeb;}
.list_type {float: left;}
.list_type li {float: left; background: #fff; width: 104px; height: 40px; box-sizing:border-box; border: 1px solid #ebebeb; border-left: 0; line-height: 40px;}
.list_type li a {display: block;font-size: 14px; color:#999999; line-height: 40px; padding-left:35px; box-sizing:border-box;}
.list_type li:first-child {border-left: 1px solid #ebebeb;}
.list_type li:first-child a {background: url(../images/skin/sub1_icon01_off.png) no-repeat 15px center;}
.list_type li:last-child {}
.list_type li:last-child a {background: url(../images/skin/sub1_icon02_off.png) no-repeat 15px center;}
.list_type li.on {border: 1px solid #3c5aae;}
.list_type li.on a {color:#3c5aae;}
.list_type li:first-child.on a {background: url(../images/skin/sub1_icon01.png) no-repeat 15px center;}
.list_type li:last-child.on a {background: url(../images/skin/sub1_icon01.png) no-repeat 15px center;}
.score_wrap {float: left; margin-left: 15px; font-size: 18px; letter-spacing: -0.5px;}
.score_wrap .score {padding-left: 10px;}
.score_wrap .score strong {font-family: nanumsEB; font-size: 24px; line-height: 1.5em;}

.fo_search_wrap {}
.fo_search_wrap .fo_search_txt {width: 182px; margin-right: 10px; background: #fff; border: 1px solid #ebebeb; padding: 9px 10px; box-sizing:border-box; font-size: 14px;}
.fo_search_txt::placeholder {color: #cacaca;}
.fo_search_wrap .fo_search_btn {width: 80px; height: 40px; background: #3c5aae; color:#fff; font-size: 16px; text-align: center; line-height: 36px; border: 0;}

.product_table_list {background: #fff; padding: 50px;}

/* 높이 지정 스크롤 생성된 테이블일 경우
.goods_list_table {width: 100%; border-top: 2px solid #4a4a4a; font-size: 16px;}
.goods_list_table thead {float: left; width: 100%;}
.goods_list_table tbody {float: left; overflow-y: auto; overflow-x: hidden; width: 100%; height: 460px;}
.goods_list_table tbody tr {display: table; width: 100%;}
.goods_list_table th {padding: 12px; border-bottom: 1px solid #f2f2f2; font-family: nanumsB; font-size: 16px;}
.goods_list_table th:nth-child(1) {width: 700px;}
.goods_list_table th:nth-child(2) {width: 100px;}
.goods_list_table th:nth-child(3) {width: 150px;}
.goods_list_table th:nth-child(4) {width: 140px;}
.goods_list_table td:nth-child(1) {width: 700px;}
.goods_list_table td:nth-child(2) {width: 100px;}
.goods_list_table td:nth-child(3) {width: 150px;}
.goods_list_table td:nth-child(4) {width: 140px;}
.goods_list_table td {padding: 6px 10px; border-bottom: 1px solid #f2f2f2; text-align: center; font-size: 16px;}
.goods_list_table td.tal {text-align: left;}
.goods_list_table td select {width: 115px; height: 38px; border: 1px solid #eee; padding: 0 0 0 15px; box-sizing:border-box; font-size: 16px; -webkit-text-align-last:center;text-align-last:center;}
.goods_list_table tbody tr.on {background: #e7ebee;}
.goods_list_table tbody tr.on td {font-family: nanumsEB; color:#3c5aae;} 
*/
.goods_list_table {width: 100%; border-top: 2px solid #4a4a4a; font-size: 16px;}
.goods_list_table thead {}
.goods_list_table tbody {}
.goods_list_table tbody tr {}
.goods_list_table th {padding: 12px; border-bottom: 1px solid #f2f2f2; font-family: nanumsB; font-size: 16px;}
.goods_list_table td {padding: 6px 10px; border-bottom: 1px solid #f2f2f2; text-align: center; font-size: 16px;}
.goods_list_table td.tal {text-align: left;}
.goods_list_table td select {width: 115px; height: 38px; border: 1px solid #eee; padding: 0 0 0 15px; box-sizing:border-box; font-size: 16px; -webkit-text-align-last:center;text-align-last:center;}
.goods_list_table tbody tr.on {background: #e7ebee;}
.goods_list_table tbody tr.on td {font-family: nanumsEB; color:#3c5aae;}

.product_table_list .cnt_wrap {padding: 14px 25px; margin-top: 60px; border-top: 1px dashed #cacaca; background: #f8f8f8;}
.product_table_list .calc_cnt {float: left; line-height: 45px;}
.product_table_list .calc_cnt li {float: left; width: auto; text-align: center; font-size: 18px;}
.product_table_list .calc_cnt li:before {display: none;}
.product_table_list .calc_cnt li .score {padding-left: 15px;}
.product_table_list .calc_cnt li .score strong {font-size: 24px; font-family: nanumsEB; color:#3c5aae;}
.btn_wrap.align-r {float: right;}
.btn_wrap.align-r input[type=button] {border-radius: 3px; border: 0; padding: 15px 40px; color:#fff; font-size: 16px; font-family: nanumsB; background: #3c5aae; text-align: center;}

/* paging */
.lineup {display: inline-block;}
.c_pagi {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:50px;}
.c_pagi a {float:left;}
.c_pagi .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; float:left; overflow:hidden; box-sizing:border-box;}
.c_pagi .nextprev .btn {float:left; position:relative; overflow:hidden; height:38px; box-sizing:border-box;}
.c_pagi .nextprev .btn .ok {display:none;}
.c_pagi .nextprev .click .ok {display:block;}
.c_pagi .nextprev .click .no {display:none;}
.c_pagi .nextprev .ok {width:40px; height:40px; border-right:1px solid #dbdbdb; background:#fff; float:left;}
.c_pagi .nextprev .ok:hover {background:#f5f5f5;}
.c_pagi .nextprev .icon {background:transparent url('../images/skin/paginate.gif') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.c_pagi .nextprev .no {width:40px; height:40px; border-right:1px solid #dbdbdb; background:#fff;}
.c_pagi .nextprev .ok .ic_first {background-position:0 0}
.c_pagi .nextprev .ok .ic_prev {background-position:-20px 0}
.c_pagi .nextprev .ok .ic_next {background-position:-40px 0}
.c_pagi .nextprev .ok .ic_last {background-position:-60px 0}
.c_pagi .nextprev .no .ic_first {background-position:0 -20px; }
.c_pagi .nextprev .no .ic_prev {background-position:-20px -20px}
.c_pagi .nextprev .no .ic_next {background-position:-40px -20px}
.c_pagi .nextprev .no .ic_last {background-position:-60px -20px}
.c_pagi .number {float:left; border-left:1px solid #ddd;  margin:0 15px; box-sizing:border-box;}
.c_pagi .number a {line-height:39px; color:#888; padding:0 5px; font-size:14px; border:1px solid #ddd; border-left:0 !important; background:#fff; height:40px; position:relative; box-sizing:border-box;}
.c_pagi .number a:hover {background:#3c5aae; color:#fff; border:1px solid #3c5aae;}
.c_pagi .number a:hover:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:40px; background:#3c5aae;}
.c_pagi .number .hit {color:#333; font-weight:400; border:1px solid #3c5aae; background: #3c5aae; color:#fff;}
.c_pagi .number .hit:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:40px; background:#3c5aae;}
.c_pagi .btn_area {position:absolute; right:0;}

/* goods view */
#sub_path {width: 100%; min-width:1200px; height: 58px; background: #f7f7f7;}
.sub_path {width: 1200px; margin: 0 auto;}
.goods_cate {}
.goods_cate li {float: left; font-size: 14px; color:#999999; line-height: 58px;}
.goods_cate li.on {color:#000;}
.goods_cate li.on:after {display: block; content: '/'; clear: both; float: right;}
.goods_view_top {width: 100%; /*padding-bottom: 160px;*/}
.goods_view_top:after {display: block; content: ''; clear: both;}
.goods_img_wrap {width: calc( (100% - 51px)/2); float: left;position: relative;}
.goods_img_wrap .b_img {width: 100%; height: 490px; position: relative;}
.goods_img_wrap .b_img img {max-width:80%; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.s_rolling_img {position: absolute; top: 0; left: 0; width: 62px;}
.s_rolling_img ul {}
.s_rolling_img ul li {width: 100%; height: 62px; border: 1px solid #e5e5e5; margin-top: 10px;}
.s_rolling_img ul li:first-child {margin-top: 0;}
.s_rolling_img ul li a{vertical-align:top;}
.s_rolling_img ul li img{width:100%;}
.goods_info_wrap {width: calc( (100% - 51px)/2); float: right;}
.goods_title {display: block; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 30px; line-height: 42px;}
.goods_info_list {}
.goods_info_list li {font-size: 16px; line-height: 36px;}
.goods_info_list li span {display: inline-block; width: 130px; color:#8d8d8d;}
.goods_info_list li .color_orange {color:#3c5aae;}
.goods_info_list li > div{margin:5px 0 0 130px;}
.goods_info_icon {margin: 30px 0 60px; text-align: center;}
.goods_info_icon li {display: inline-block; padding: 0 10px;}
.goods_btn_wrap {text-align: right;}
.goods_btn_wrap a {display: inline-block; width: 100%; height: 54px; line-height: 54px; color:#fff; text-align: center; font-family: nanumsB; font-size: 18px;}
.order_btn {background:#3c5aae;}

.select_con {display: none; width: 445px; margin-top: 5px; padding: 31px 25px 20px; box-sizing:border-box; background: url(../images/skin/order_select_bg.png) 0 0 repeat-x #f7f7f7; font-size: 14px; line-height: 22px;}
.radio_wrap {margin: 15px 0 20px;}
.r_radio {margin-left: 45px;}

.fake_img {display:none;}

/* 옵션 */
.view_option {margin: 20px 0; display:table; width:100%; padding: 5px 0; table-layout:fixed; background:#fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.view_option dl {display:table-row;}
.view_option dl+ dl {border-top:1px solid #eee;}
.view_option dt {list-style:none; display:table-cell; vertical-align:middle; width:130px; font-size: 16px; color:#8d8d8d; padding:15px 15px; box-sizing:border-box;}
.view_option dd {list-style:none; display:table-cell; vertical-align:middle; padding:15px 0; box-sizing:border-box;}
.view_option dd.price {text-align:right; width:120px; padding-left:0px;}
.view_option dd.counter {text-align:left;}

.view_option_color+ .view_option_size {margin-top:10px; border-top:1px solid #eee; padding-top:10px;}
.view_option_size+ .view_option_color {margin-top:10px; border-top:1px solid #eee; padding-top:10px}
.view_option_size+ .view_select {margin-top:10px;}

/* 옵션카운터 */
.view_option .counter_box {width:70px; overflow:hidden; display:inline-block;}
.view_option .counter_box .updown_input {float:left; border:1px solid #ccc; background:#fff; width:15px; height:29px; padding:3px 0 6px; text-align:center; width:42px; box-sizing:border-box; border-right:0;}
.view_option .counter_box .updown_input {font-size:13px; color:#000;}
.view_option .counter_box .updown {display:inline-block; width:28px; overflow:hidden; float:right;}
.view_option .counter_box .updown a {display:inline-block; width:26px; height:15px; float:left; border:1px solid #ccc; box-sizing:border-box;}
.view_option .counter_box .updown .btn_up {background:#fff url('../images/skin/count_up.gif') center 4px no-repeat;}
.view_option .counter_box .updown .btn_down {background:#fff url('../images/skin/count_down.gif') center 5px no-repeat; margin-top:-1px}
.view_option .counter_box .updown a:hover {background-color:#f5f5f5;}


/* 지역별 고객센터 */
.sub_conbox {background: #fff; padding: 50px 40px;}
.sub_conbox_tab {}
.sub_conbox_tab.center {margin-bottom: 55px;}
.sub_conbox_tab.center li {float: left; width:calc( (100% - 1px)/8 ); border: 1px solid #e5e5e5; border-left: 0; text-align: center; box-sizing:border-box;}
.sub_conbox_tab.center li:first-child {border-left: 1px solid #e5e5e5;}
.sub_conbox_tab.center li a {display: block; padding: 15px 0; font-size: 18px; color:#999;}
.sub_conbox_tab.center li:hover {background: #3c5aae;}
.sub_conbox_tab.center li:hover a {color:#fff; font-family: nanumsEB;}
.sub_conbox_tab.center li.on {background: #3c5aae;}
.sub_conbox_tab.center li.on a {color:#fff; font-family: nanumsEB;}
.sub_conbox_tabcon > li {position: absolute; top: -10000px; left: -10000px;}
.sub_conbox_tabcon > li.on {display: block; position: static;}
.sub_conbox h3 {padding-bottom: 25px; margin-bottom: 30px; font-family: nanumsEB; font-size: 30px; color:#3c5aae; position: relative;}
.sub_conbox h3:after {display: block; content: ''; clear: both; width: 44px; height: 4px; background: #3c5aae; position: absolute; bottom: 0;}
.center_info {width: 100%;}
.center_info li {width: 100%; font-size: 16px; color:#666; line-height: 26px;}
.center_info li strong {font-family: nanumsEB; color:#000000; padding-right: 10px;}
.center_info li.eng_address {padding-top: 15px;}
.line-l {padding-left: 30px; margin-left: 15px; position: relative;}
.line-l:before {display: block; content: ''; clear: both; width: 2px; height: 12px; background: #cdcdcd; margin: 5px; position: absolute; left: 0; top: -2px;}
.center_map {position: relative; margin: 40px 0 50px; width: 100%; height: 100%;}
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview .txt {width: auto;}

/* 공지사항 */
.board_wrap {padding-bottom: 50px;}
.board_top {margin-bottom: 20px;color:#909090;font-size: 12px;}
.board_top .board_cnt {padding-right: 10px; font-family: nanumsEB; color:#000}
.board {border-bottom: 1px solid #bdbdbd; margin-bottom: 15px;}
.board_table {width: 100%; border-top: 2px solid #4a4a4a; font-size: 16px;}
.board_table th {padding: 15px 10px; border-bottom: 1px solid #bcbcbc; font-family: nanumsB; font-size: 16px;}
.board_table td {padding: 15px 10px; border-bottom: 1px solid #f2f2f2; text-align: center;}
.board_table td a{font-size: 16px;}
.board_table td.tal {text-align: left;}

/* 1:1문의 */
.reply_stat {width: 70px;height: 30px;padding: 10px 15px;background: #fff;border: 1px solid #e5e5e5; border-radius:2px; text-align: center; font-size: 12px; color:#666666;}
.reply_stat.on {background: #3c5aae; border: 1px solid #3c5aae; color:#fff;}
.btn_wrap.board_btn {margin-top: -90px;}

/* 자주하는 질문 */
.board_tab {margin-bottom: 55px;}
.board_tab li {float: left; width:calc( (100% - 1px)/7 ); border: 1px solid #e5e5e5; border-left: 0; text-align: center; box-sizing:border-box;}
.board_tab li:first-child {border-left: 1px solid #e5e5e5;}
.board_tab li a {display: block; padding: 15px 0; font-size: 18px; color:#999;}
.board_tab li.on {background: #3c5aae;}
.board_tab li.on a {color:#fff; font-family: nanumsEB;}
.board_tab li:hover {background: #3c5aae;}
.board_tab li:hover a {color:#fff; font-family: nanumsEB;}
a.faq_q {display: inline-block; line-height: 26px;}
a.faq_q:before {display: block; content: ''; clear: both; float: left; margin-top: -3px; margin-right: 10px; width: 34px; height: 34px; background: url(../images/skin/faq_icon.png) no-repeat 0 0;}
a.faq_q.on {color:#3c5aae;}
a.faq_q.on:before {background: url(../images/skin/faq_icon_on.png) no-repeat 0 0;}
.faq_table {width: 100%;}
.faq_table td {padding: 15px 10px; vertical-align: middle;}
.faq_table tbody tr {display: none;}
.faq_table tr.tr_visible {display: table-row;}
.faq_table tr.answer {padding: 25px 0 0 35px; background: #f7f7f7;}
.faq_table tr.answer td {padding: 25px 0 30px;}
.faq_table tr.answer .faq_answer {padding-left: 250px;}
.faq_table tr.answer .faq_answer .answer_tit {display: inline-block; padding-bottom: 30px; color:#000;}
.faq_table tr.answer .faq_answer .answer_tit:before {display: block; content: ''; clear: both; float: left; width: 20px; height: 21px; background: url(../images/skin/reply_icon.png) no-repeat 0 0; margin: -3px 12px 0 0;}
.faq_table tr.answer .faq_answer .answer_txt {padding-left: 35px; color:#666666;}

/* checkbox */
.checkbox {position: relative;}
.checkbox label {display: block; width: auto; height: auto; overflow: visible; font-size: 14px; text-indent: 0;}	
.select_topcon .checkbox label {display: block; width: auto; height: auto; overflow: visible; font-size: 16px; text-indent: 0;}	
.checkbox input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.checkbox input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;}
.checkbox input[type="checkbox"] + label:before {content: ''; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: #fafafa;border: 1px solid #cacece;border-radius:50%;}
.checkbox input[type="checkbox"] + label:active:before, .checkbox input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checkbox input[type="checkbox"]:checked + label:before {content: '';text-shadow: 1px 1px white;background: #fff;border: 1px solid #ff9900; background: url(../images/skin/chk_icon.png) center no-repeat;}

.checkbox input[type="radio"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.checkbox input[type="radio"] + label {display: inline-block; position: relative;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;}
.checkbox input[type="radio"] + label:before {content: ''; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: #fafafa;border: 1px solid #cacece;border-radius:50%;}
.checkbox input[type="radio"] + label:active:before, .checkbox input[type="radio"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checkbox input[type="radio"]:checked + label:before {content: '';text-shadow: 1px 1px white;background: #fff;border: 1px solid #ff9900; background: url(../images/skin/chk_icon.png) center no-repeat;}


/* FO회원검색 팝업 */
.pop_fo_search{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:710px;background-color:#fff;}
.pop_fo_search *{box-sizing:border-box;}
.pop_fo_search h3{padding:28px 30px;color:#fff;font-size:24px;font-weight:700;line-height:1;background-color:#3c5aae;}
.pop_fo_search .fo_tb_box{padding:30px 30px 68px;}
.pop_fo_search .fo_tb_box .fo_input{margin-bottom:30px;}
.pop_fo_search .fo_tb_box .fo_search_num{display:inline-block;width:560px;height:40px;padding:0 20px;color:#000;font-size:14px;font-weight:400;line-height:1;vertical-align:middle;border:1px solid #ebebeb;}
.pop_fo_search .fo_tb_box .fo_search_btn2{display:inline-block;width:80px;height:40px;margin-left:5px;color:#fff;font-size:16px;font-weight:400;line-height:1;vertical-align:middle;text-align:center;background-color:#3c5aae;}
.pop_fo_search .fo_tb_box table{border-collapse:collapse;font-family:'notoM';margin-bottom:20px;}
.pop_fo_search .fo_tb_box th, .pop_fo_search .fo_tb_box td{height:50px;padding:0 10px;font-size:16px;font-weight:400;line-height:20px;text-align:left;vertical-align:middle;}
.pop_fo_search .fo_tb_box thead th{color:#111;border-top:1px solid #4a4a4a;background-color:#f7f7f7;}
.pop_fo_search .fo_tb_box tbody td{color:#333;border-top:1px solid #dedede;}
.pop_fo_search .fo_tb_box tbody tr:last-child td{border-bottom:1px solid #dedede;}
.pop_fo_search .fo_tb_box tbody tr.select{background-color:#e7ebee;}
.pop_fo_search .fo_tb_box input[type="radio"]{display:none;}
.pop_fo_search .fo_tb_box input[type="radio"] + label{width:20px;height:20px;background:url(../images/skin/ic_radio.png) no-repeat center;}
.pop_fo_search .fo_tb_box input[type="radio"]:checked + label{background:url(../images/skin/ic_chk_radio.png) no-repeat center;}
.pop_fo_search .btn_select{display:block;width:120px;margin:0 auto;padding:12px 0;color:#fff;font-size:16px;font-weight:400;line-height:1;text-align:center;background-color:#3c5aae;}
.pop_fo_search .pop_close{display:inline-block;position:absolute;top:30px;right:30px;width:16px;height:16px;}
#dim{display:none;position:fixed;top:0;left:0;z-index:1;width:100%;height:100vh;background-color:rgba(0,0,0,.4);}

/* sub contents(common) */
.view_conts{padding:0 0 200px;}

/* 주문/결제 custom */
.c_form .c_btn.light{width:auto;}

/* 19.01.03 */
/* 주문결제 이용동의 */
.text_box{margin-bottom:10px;border-bottom:1px solid #000;}
.text_box textarea{resize:none;width:100%;height:150px;padding:20px;line-height:1.8;overflow:hidden;overflow-y:auto;}
.agree_form .agree_check label{width:auto;height:auto;color:#111;font-size:16px;line-height:1;text-indent:inherit;}
.agree_form .agree_check input{margin-top:2px;}

/* footer 계좌정보 */
.footer_right{width:calc(100% - 324px);}
.account-box{margin-top:10px;}
.account-box li{display:inline-block;min-width:170px;margin-right:10px;vertical-align:middle;}