/* 폰트 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/* CSS Document */

*{margin: 0; padding: 0; font-family: 'Noto Sans KR' ; font-weight: 400; }


/***********************************    Reset    ***********************************/
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html,body{margin:0;padding:0; height: 100%; width: 100%;}
body{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif; font-size:14px; line-height:20px; overflow-y:scroll; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px; font-family: 'Noto Sans KR'; font-weight: 400; }
ol,ul{margin:0;padding:0;list-style:none; box-sizing:border-box;}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote,i,figure{margin:0;padding:0;box-sizing:border-box}
fieldset{margin:0;padding:0;border:0 solid transparent}
legend,hr{display:none}
label{vertical-align:middle;}
img{margin:0;padding:0;border:0;vertical-align:top}
table,th,td{margin:0;padding:0; border-collapse: collapse; border-spacing: 0; border: 0;}
input,textarea,select{margin:0;padding:0;background:#fff;font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;color:#333;vertical-align:middle;border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box;outline:0;}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;margin:0;padding:0;border:0;cursor:pointer;background:0}
a::-moz-focus-inner{border:0;padding:0}em{font-style:normal}
img{vertical-align:top; }
a,button{text-decoration:none;color:#333; }
a.link:hover,button.link:hover{text-decoration:underline}
a,input,button{transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.no-border{border:none!important}
input[type='radio'], input[type='checkbox'] {border:none !important}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none; appearance: none;  background-image:url(../../image/common/arrow_select01.png); background-repeat:no-repeat; background-position:100% 50%; padding-left:30px; line-height:40px; height:40px; border:1px solid #DDD;}
select::-ms-expand { display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */

#wrapper { width:100%; max-width: 2560px; margin:0 auto;  display: flex; flex-direction: column; min-height: 100%; }

/*GNB*/
.gnb_header { position: absolute; left:0px; top:0px; width: 100%; min-width: 1200px; height:90px; z-index:90; background-color: #FFF; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.gnb_header.active { background-color:rgba(255,255,255,1); transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; transition-delay:0s; -webkit-transition-delay:0s;}

.gnb_header .gnb_box { position:relative; max-width: 1400px; min-width: 1200px;  height:90px; margin:0 auto; }
.gnb_header .gnb_box .logo { position: absolute; left: 0px; top: 26px;  width: 230px; height: 34px; background-image:url(../../image/common/logo.svg); background-size: 230px; background-repeat: no-repeat; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.gnb_header .gnb_box .logo a {width: 100%; height: 100%; display: block;}

.gnb_header .gnb_box .gnb_menu {display: flex;  position: absolute; top: 30px; right: 0px; height: 30px; text-align: center; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.gnb_header .gnb_box .gnb_menu>a { float: left; display: block; width: 30px; height: 30px; text-align: center; margin-left: 20px; position: relative;}
.gnb_header .gnb_box .gnb_menu a.login_btn:first-child { margin-left: 0px;}
.gnb_header .gnb_box .gnb_menu a.login_btn { width: 85px; height: 34px; font-size: 14px; color: #555; text-align: center; line-height: 30px; border: 1px solid #555; margin-left: 10px; }
.gnb_header .gnb_box .gnb_menu a.search_btn .ico-gnb { background-position: -30px -0px;}
.gnb_header .gnb_box .gnb_menu a.total_btn .ico-gnb { background-position: -0px -0px;}
.gnb_header .gnb_box .gnb_menu a.cart_btn .ico-gnb { background-position: -60px -0px;}
.gnb_header .gnb_box .gnb_menu a.cart_btn span { position: absolute; top: 9px; right: 6px; width:18px; height: 18px; font-size:11px; color: #222; line-height: 18px; font-weight: 500;}

.gnb_header .gnb_box .gnb_menu a.login_btn:hover { background-color: #ececec;}
.gnb_header .gnb_box .gnb_menu a.search_btn:hover .ico-gnb { background-position: -30px -30px;}
.gnb_header .gnb_box .gnb_menu a.total_btn:hover .ico-gnb { background-position: -0px -30px;}
.gnb_header .gnb_box .gnb_menu a.cart_btn:hover .ico-gnb { background-position: -60px -30px;}

/*TOPMENU SCROLL*/
.gnb_header.flow {position: fixed; top: 0px; left: 0px; background-color:rgba(255,255,255,1); }

/*ICON Form*/
.ico-gnb {display:inline-block; width:30px; height:30px; background-image:url(../../image/common/icon_gnb.png); background-repeat: no-repeat; background-size:90px 90px; overflow:hidden; text-indent:-9999px; vertical-align:middle; }

/*MAIN MENU*/
.main_menu { margin: -90px auto 0px; width: 1400px; text-align: left; font-size: 0px; padding-left: 300px; }
.main_menu>li {display: inline-block;}
.main_menu>li>a{ position: relative; display: inline-block; padding:0px 75px; font-size: 20px; font-weight: 500; line-height: 90px; color: #333; }
.main_menu>li>a:hover{color: #3376ec; }
.main_menu>li>div>ul>li>h1{font-size: 18px; font-weight: 500; line-height: 50px;}
/* .main_menu>li>a:before { position: absolute; left: 30px; bottom: 25px; width: 0px; height: 2px; background-color: #222; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; content: ""; z-index: 1; opacity: 0;  } */
.main_menu>li.active>div { height: auto;}


.main_menu>li>div { position: absolute; left: 0px; top: 90px; width: 100%; height: 0px; background-color: #FFF; overflow: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.main_menu>li>div>ul{position: relative; ; width: 1400px; margin: 0 auto; }
.main_menu>li>div>ul>li { float: left; vertical-align:top; padding: 30px 50px 30px 50px; text-align: left;}
.main_menu>li>div>ul>li h3 { position: relative; width: 100%; font-size: 17px; color: #222; line-height: 40px; margin-bottom:10px;}
.main_menu>li>div>ul>li>a { display: block; width: 100%; font-size: 16px; color: #666; line-height: 40px; word-break: keep-all; }
/* .main_menu>li>div>ul>li>a:hover {color: #0054a5;} */
.main_menu>li>div>ul>li>a:hover {color: #3376ec;}
.main_menu>li.menu01.free>div>ul>li:first-child, 
.main_menu>li.menu02>div>ul>li:first-child,
.main_menu>li.menu03>div>ul>li:first-child
{ position: relative; top: 40px; left: 0px; width: 340px; height: 190px; padding: 0px;}
.main_menu>li.menu01>div>ul.free>li:first-child img, 
.main_menu>li.menu02>div>ul>li:first-child img, 
.main_menu>li.menu03>div>ul>li:first-child img{ width: 340px; height: 190px; border-radius: 10px;}

.main_menu>li.menu01.active>div { height: 270px; }
.main_menu>li.menu01>div>ul>li { height: 250px; padding-right: 100px;}
.main_menu>li.menu02.active>div { height: 270px; }
.main_menu>li.menu02>div>ul>li { height: 250px; padding-right: 100px;}
.main_menu>li.menu03.active>div { height: 270px; }
.main_menu>li.menu03>div>ul>li { height: 260px; padding-right: 80px;}

@media only screen and (max-width:1400px) {
  .main_menu { padding-left: 220px; }
  .main_menu>li>a { padding:0px 60px;}

}

/*GNB SEARCH*/
.gnb_header .gnb_search.active {opacity: 1; z-index: 100; visibility:visible; }
.gnb_header .gnb_search.active .close_box .close_btn {opacity: 1; transform:rotate(0deg);}
/* .scroll-lock {overflow: hidden; position: fixed; width: 100%; height: 100%;} */

.gnb_header .gnb_search { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.8); backdrop-filter: blur(5px); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.gnb_header .gnb_search .close_box { position: absolute; left: 50%; top: 0px; width: 1400px; transform: translateX(-50%);}
.gnb_header .gnb_search .close_box .close_btn { position: absolute; top: 20px; right: 40px; width: 50px; height: 50px; background-image: url(../../../resources/image/common/icon_pop_close01.png); background-position: 0px 0px; background-repeat: no-repeat; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}

.gnb_header .gnb_search .search_box { background-color: #fff; padding: 100px;  position: absolute; width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: left; }
.gnb_header .gnb_search .search_box>a {position: absolute; top: 100px; right: 105px; width: 50px; height: 70px; background-image: url(../../../resources/image/common/icon_pop_search.png); background-position: center center; background-repeat: no-repeat;}
.gnb_header .gnb_search .search_box input { width: 100%; height: 70px; text-align: left; font-size: 20px; font-weight: 400; color: #333; background-color:rgba(0,0,0,0); border: 0px; border-bottom: 2px solid #333; padding-right: 60px; margin-bottom: 80px;}
.gnb_header .gnb_search .search_box input::placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input::-webkit-input-placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input:-ms-input-placeholder {color: #CCC;}

.gnb_header .gnb_search .search_box .hot_search_con{width: 450px;}
.gnb_header .gnb_search .search_box .hot_search h1 { font-size: 22px; font-weight: 500; color: #333; line-height: 30px; margin-bottom: 20px; }
.gnb_header .gnb_search .search_box .hot_search a { position: relative; display: inline-block; font-size: 18px; color: #333; line-height: 35px; margin-right: 20px; margin-bottom: 15px; padding: 0 10px 0 25px;  background-color: #DCEDFB; }
.gnb_header .gnb_search .search_box .hot_search a:before { position: absolute; left: 8px; top: 0px; content: "#";}
.gnb_header .gnb_search .search_box .hot_search a:last-child { margin-right: 0px;}

/*TOTAL MENU*/
.gnb_header .gnb_total.active {opacity: 1; z-index: 100; visibility:visible; }
.gnb_header .gnb_total.active .close_box .close_btn {opacity: 1; transform:rotate(0deg);}

.gnb_header .gnb_total { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; min-width:1200px; min-height: 800px; background-color:#FFF; z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_total .logo { position: absolute; left: 50%; top: 30px; transform: translateX(-50%);width: 148px; height: 27px; background-image:url(../../image/common/logo.svg); background-repeat: no-repeat; }
.gnb_header .gnb_total .logo a {width: 100%; height: 100%; display: block;}
.gnb_header .gnb_total .close_box { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1400px;
min-width: 1200px; transform: translateX(-50%);}
.gnb_header .gnb_total .close_box .close_btn { position: absolute; top: 20px; right: -10px; width: 50px; height: 50px; background-image: url(../../../resources/image/common/icon_pop_close01.png); background-repeat: no-repeat; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_total .close_box:before { position: absolute; left: 50%; top: 30px;  width: 148px; height: 27px; background-image:url(../../image/common/logo.svg); background-size: 148px; content: ""; transform: translateX(-50%);}

.gnb_header .gnb_total .total_menu { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1000px;}
.gnb_header .gnb_total .total_menu>li { width: 1000px; float: left; border-bottom: 1px solid #D9D9D9; padding-top: 30px; padding-bottom: 30px;}
/* .gnb_header .gnb_total .total_menu>li:first-child {padding-top: 0;} */
.gnb_header .gnb_total .total_menu>li:last-child { border-bottom: 0;}
.gnb_header .gnb_total .total_menu>li>a { pointer-events: none; display: block; width: 100%; font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 20px; color:#3376ec;}
.gnb_header .gnb_total .total_menu>li>div>ul>li { width: 200px; float: left; margin-right: 20px; }
.gnb_header .gnb_total .total_menu>li>div>ul>li>h2 {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 15px;}
.gnb_header .gnb_total .total_menu>li>div>ul>li>a { display: block; font-size: 14px; line-height: 30px; color: #555; }
.gnb_header .gnb_total .total_menu>li>div>ul>li>a:hover { color:#3376ec;}
.gnb_header .gnb_total .total_menu>.menu01 div>ul>li:nth-child(3) {width: 150px;}
.gnb_header .gnb_total .total_menu>.menu01 div>ul>li:nth-child(4) {width: 210px; margin-right: 50px;}
.gnb_header .gnb_total .total_menu>.menu01 div>ul>li:nth-child(5) {width: 0; margin-right: 0px;} 
.gnb_header .gnb_total .total_menu>.menu03 div>ul>li:nth-child(2) { margin-right: 50px; }
.gnb_header .gnb_total .total_menu>.menu03 div>ul>li:nth-child(3) {width: 400px; }


@media only screen and (max-height:1075px) {
  .gnb_header .gnb_total {overflow-y: auto;}
	.gnb_header .gnb_total .total_menu { top: 100px; transform: translate(-50%,0%); }
}

/*FOOTER*/
.footer { position:relative; width:100%; min-width:1400px; background-color:#222; text-align: center; padding: 80px 0px 80px;}
.footer .footer_con { position:relative; width:1400px; margin: 0 auto; }
.footer .footer_logo { width: 230px; height: 34px; background-image:url(../../image/common/logo_w.svg); background-size: 230px; background-repeat: no-repeat; margin-bottom: 45px; }

.footer_info { float: left; margin: 0 auto; text-align: left; }
.footer_info>p { display: block;  margin-bottom: 20px; font-size: 16px; line-height: 25px; color: #FFF; font-weight: 300; }
.footer_info>p span { font-weight: 500; }
.footer_info .copyleft { display: inline-block; font-size: 16px; line-height: 30px; color: #FFF; font-weight: 300; margin-bottom: 0px; }
.footer_info .instagrm { position: absolute; bottom: 0px; right: 380px; width: 45px; height: 45px; background-image:url(../../image/common/icon_instagrm.png); background-repeat:no-repeat; background-position: 0px 0px; background-size: 45px 45px;  }

.footer .footer_menu { float: right; overflow: hidden; margin-bottom: 50px;}
.footer .footer_menu li { float: left; text-align: left; margin-right: 100px; }
.footer .footer_menu li:last-child { margin-right: 0; }
.footer .footer_menu li h3 {font-size: 20px; line-height: 30px; color: #FFF; margin-bottom: 30px; font-weight: 500; }
.footer .footer_menu li a { display: block; font-size: 16px; line-height: 30px; color: #FFF;}
.footer .footer_menu li a:hover { color: #FFF;}


/* .footer .footer_con>a.top_btn {position: absolute; right: 0px; top: 0px; display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #DDD;}
.footer .footer_con>a.top_btn:before,.footer .footer_con>a.top_btn:after {position: absolute; top: 22px; width: 14px; height: 1px; background-color: #DDD; content: "";}
.footer .footer_con>a.top_btn:before {left: 13px; transform:rotate(-45deg);}
.footer .footer_con>a.top_btn:after {left: 22px; transform:rotate(-135deg);} */



/* GUIDE*/
.guide_box { margin-bottom: 60px;}
.guide_box .btn-set{ margin-bottom: 40px;}
.guide_title { font-size: 40px; line-height: 40px; color: #333; margin-bottom: 20px;}



/* SELECT BOX */
.select {display:inline-block; width:100%; height:50px; font-size: 16px; color: #999; padding-left:20px; padding-right: 30px; background-image:url(../../image/common/arrow_select01.png); border: 1px solid #DDD;}
.select:focus {color:#000; background-image:url(../../image/common/arrow_select01_focus.png); }

/* TEXTAREA */
.textarea { max-width: 100%; width: 100%; max-height: 200px; min-height: 200px; height: 200px; font-size: 16px; line-height: 25px; padding: 20px; border: 1px solid #DDD; }
.textarea:focus {color: #333; border-color: #333;}
.textarea::placeholder {color: #999}


/*LINE MAP*/
.line_map { display: flex; justify-content: center; padding: 200px 0 50px 0; min-width: 1400px;}
.line_map li { position: relative; margin-right: 30px; font-size: 15px; line-height: 20px; color: #999;}
.line_map li::after{ position: absolute; right: -15px; top: 10px; width: 3px; height: 3px; background-color: #999; content: "";}
.line_map li:first-child { margin-left: 25px;}
.line_map li:first-child::before { position: absolute; left: -30px; top: 0px; width: 20px; height: 20px; background-image:url(../../image/common/icon_linemap.png); background-repeat: no-repeat; background-position: center center; content: ""; background-color: transparent;}
.line_map li:last-child { color: #333; font-weight: 600; margin-right: 0px;}
.line_map li:last-child:after { display: none;}


/*SUB TOP*/
.sub_top {width: 100%;}
.sub_top>div { position: relative; width:1400px; height: 55px; margin: 0 auto; }
.sub_top>div>h3 { font-size: 50px; line-height: 50px; font-weight: 500; color: #333; text-align: center;}


/*SUB TOP2*/
.sub_top2 {width: 100%; margin-top: 50px;}
.sub_top2>div { position: relative; width:1400px; height: 55px; margin: 0 auto; }
.sub_top2>div>h3 { font-size: 50px; line-height: 50px; font-weight: 500; color: #333; text-align: center;}

/* ORDER_LEVEL */
.order_level{display: flex; position: relative; width: 1400px; margin: 0 auto; justify-content: center; padding: 50px 0 20px;}
.order_level li { position: relative; margin-right: 50px; font-size: 15px; line-height: 20px; color: #999;}
.order_level li.on {color: #333; font-weight: 500;}
.order_level li.on::before{background-color: #333; width: 100%; height: 2px; position: absolute; bottom: -8px; content: "";}
.order_level li::after{ position: absolute; right: -35px; top: 1px; width: 20px; height: 20px; background-image:url(../../image/common/arrow_order_level.png); content: ""; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
.order_level li:last-child:after { display: none;}


/*CONTENT*/
.content {width: 100%; padding-bottom: 100px;}
.content.main { padding-top: 0px; padding-bottom: 0px;}

/*SUB CONTENT*/
.sub_content { width:100%; min-width: 1400px; overflow: hidden; }
.sub_content .content_box { position:relative; width:1400px; margin:0 auto; }
.sub_content .content_box.full { width:100%;}
.sub_content .content_box.full.gray {background-color: #f4f4f4;}

.sub_content.login .sub_title, .sub_content.join .sub_title, .sub_content.id_pass .sub_title {position: relative; margin-bottom: 90px;}

.sub_content.order_form .sub_title{margin-top: 200px;}

/* 
.sub_content.login .sub_title:before, .sub_content.join .sub_title:before, .sub_content.id_pass .sub_title:before, .sub_content.order_form .sub_title:before { position: absolute; left: 50%; bottom: -40px; transform: translateX(-40px); width: 80px; height: 1px; background-color: #222; content: ""; } */

/* .sub_content.login .content_box,.sub_content.join .content_box, .sub_content.id_pass .content_box { width: 620px;} */
.sub_content.login .content_box .con_box,.sub_content.join .content_box .con_box , .sub_content.id_pass .content_box .con_box {position: relative; width: 100%;  border: 1px solid #DDD; padding: 59px; margin-bottom: 20px;}

.sub_content.login .content_box .con_box:last-child,.sub_content.join .content_box .con_box:last-child,
.sub_content.id_pass .content_box .con_box:last-child { margin-bottom: 0px;}

/*SUB TITLE*/
.sub_title { position: relative; display: block; width: 1400px; margin: 0 auto; margin-bottom: 60px; }
.sub_title h3 { font-size: 50px; line-height: 50px; font-weight: 500; color: #333; text-align: center;}
.sub_title.login, .sub_title.search { margin-top: 180px;}



/*CONTENT TOP*/
.content_top { position: relative; width: 1400px; min-height: 60px; margin: 0 auto 30px;}
.content_top .category_menu a{position: relative; height: 60px; display: inline-block; float: left; font-size:20px; line-height: 60px; color:#999; text-align: center; margin-right: 30px;}
.content_top .category_menu a:hover { color: #0054a5;}
.content_top .category_menu a:last-child { margin-right: 0px;}
.content_top .category_menu a.active { color:#0054a5; cursor: default;}
.content_top .category_menu a.active:before {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: #0054a5; content: "";}
.content_top .category_menu.search_type { padding-right: 400px;}

/* SEARCH BOX*/
ul.search_box {position: absolute; top: 0px; right: 0px; display: block; width: 400px; height: 50px; border: 1px solid #ddd; overflow: hidden; display: flex; align-items: center;}
ul.search_box li { float: left;}
ul.search_box li input {width: 100%; height: 50px; line-height: 50px; border: none;}
ul.search_box li .select {height: 50px; background-position:100% 50%; border: none;}
ul.search_box li:last-child a {display: block; width: 50px; height: 50px; background-image:url("../../image/common/icon_btn_search.png"); background-repeat:no-repeat; background-position:0px 0px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
ul.search_box li:last-child a:hover {background-position:0px -50px;}

ul.search_box li:nth-child(1) { width: 360px;}
ul.search_box li:nth-child(2) { width: 50px;}

/* SEARCH BOX SELECT */
ul.search_box.select_type li:nth-child(1) { width: 120px;}
ul.search_box.select_type li:nth-child(2) { width: 238px;}
ul.search_box.select_type li:nth-child(3) { width: 50px;}


/* SEARCH BOX SOR TYPE */
.content_top .total_sum {display: inline-block; font-size: 16px; line-height: 50px; color: #666;}
.content_top .total_sum span{ font-size: 18px; line-height: 50px; color: #333; font-weight: 500;}
.content_top .select_self.sort_type01 { display: inline-block; width: 160px; position: absolute; top: 0; right: 0; }
.content_top .select_self.sort_type01 .select { height: 50px; border: 0;}
.content_top .select_self.sort_type02 { display: inline-block; width: 160px; position: absolute; top: 0; left: 0; }
.content_top .select_self.sort_type02 .select { height: 50px; border: 0;}
.content_top .info_text { margin-top: 40px;}


/* SEARCH BOX CALENDAR */
ul.search_box.calendar_type {width: 440px;}
ul.search_box.calendar_type li:nth-child(1), ul.search_box.calendar_type li:nth-child(3) { width: 200px;}
ul.search_box.calendar_type li:nth-child(2) { width: 50px; font-size: 16px; line-height: 50px; color: #666; text-align: center;}
ul.search_box.calendar_type li:nth-child(4) { width: 50px;}

/* SEARCH BOX SELECT + CALENDAR*/
ul.search_box.select_calendar_type {width: 640px;}
ul.search_box.select_calendar_type li:nth-child(1), ul.search_box.select_calendar_type li:nth-child(2) { width: 120px;}
ul.search_box.select_calendar_type li:nth-child(3), ul.search_box.select_calendar_type li:nth-child(5) { width: 200px;}
ul.search_box.select_calendar_type li:nth-child(4) { width: 50px; font-size: 16px; line-height: 50px; color: #666; text-align: center;}
ul.search_box.select_calendar_type li:nth-child(6) { width: 50px;}

/* SEARCH BOX TREE VIEW*/
ul.search_box.tree_view_type { width: auto; border: none;}
ul.search_box.tree_view_type li {width: 120px; margin-right: 10px;}
ul.search_box.tree_view_type li .select { height: 50px; border: 1px solid #ddd;}
ul.search_box.tree_view_type li:nth-child(1) > a, ul.search_box.tree_view_type li:nth-child(2) > a, ul.search_box.tree_view_type li:nth-child(3) > a { height: 50px; line-height: 50px; font-size: 16px;}
ul.search_box.tree_view_type li:nth-child(4) .select, ul.search_box.tree_view_type li:nth-child(5) .select { font-size: 14px;}
ul.search_box.tree_view_type li:nth-child(6), ul.search_box.tree_view_type li:nth-child(7), ul.search_box.tree_view_type li:nth-child(8) { margin-right: 0px;}
ul.search_box.tree_view_type li:nth-child(6) .select {border: 1px solid #ddd; border-right: none;}
ul.search_box.tree_view_type li:nth-child(6) .select:focus { border-color: #DDD;}
ul.search_box.tree_view_type li:nth-child(7) { width: 230px; }
ul.search_box.tree_view_type li:nth-child(7) input { height: 50px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
ul.search_box.tree_view_type li:nth-child(8) { width: 50px;}
ul.search_box.tree_view_type li:nth-child(8) a { position: relative; height: 50px; background-color: #FFF; border: 1px solid #DDD; border-left: 0px;}

/* SEARCH BOX TREE LINE*/
ul.search_box.tree_view_line_type { width: auto; border: none;}
ul.search_box.tree_view_line_type li:first-child {width: auto; line-height: 42px; margin-right: 10px;}
ul.search_box.tree_view_line_type li:last-child {width: 120px; margin-right: 0px;}
ul.search_box.tree_view_line_type li:last-child .select { height: 42px; border: 1px solid #ddd;}
ul.search_box.tree_view_line_type li span.dot_text {font-size: 14px;}

/* SEARCH BOX SELF ALLOWANCE*/
ul.search_box.self_allowance_type { width: 100%; border: none; padding-right: 130px;}
ul.search_box.self_allowance_type li { float: none; width: auto; line-height: 40px; margin-right: 10px; }
ul.search_box.self_allowance_type li span.dot_text {font-size: 14px;}
ul.search_box.self_allowance_type li:last-child { position: absolute; top: 0px; right: 0px; width: 120px; margin-right: 0px;}
ul.search_box.self_allowance_type li:last-child .select { height: 42px; border: 1px solid #ddd;}

/* SEARCH BOX MONTH */
ul.search_box.month_type { width: 250px; border: none;}
ul.search_box.month_type li .select { height: 50px; border: 1px solid #ddd; }
ul.search_box.month_type li { width: 150px; margin-right: 10px;}
ul.search_box.month_type li:first-child { width: 120px; margin-right: 10px;}
ul.search_box.month_type li:last-child { margin-right: 0px;}

/* SEARCH BOX MONTH TO */
ul.search_box.month_to_type {width: 560px;}
ul.search_box.month_to_type li { width: 120px;}
ul.search_box.month_to_type li:nth-child(3) { width: 50px; font-size: 16px; line-height: 50px; color: #666; text-align: center;}
ul.search_box.month_to_type li:nth-child(2), ul.search_box.month_to_type li:nth-child(5) { width: 119px;}
ul.search_box.month_to_type li:last-child { width: 50px; }

/* SEARCH BOX SORT */
ul.search_box.sort_type { width: 320px; border: none;}
ul.search_box.sort_type li .select { width: 320px; height: 50px; border: 1px solid #ddd; }


/*CALEDER*/
.inp-txt.calendar_datepicker { padding-right:40px;  background-image:url(../../image/common/icon_calender.png); background-repeat:no-repeat; background-position:95% 50%; }
.inp-txt.calendar_datepicker:focus { background-image:url(../../image/common/icon_calender_on.png);}

body .ui-datepicker{border-radius:0; border:1px solid #222; padding:0; background:#fff; margin-left: -1px;}
body .ui-datepicker .ui-datepicker-title{position: relative;padding:3px 0 0;box-sizing: border-box;height: 50px;}
body .ui-datepicker .ui-datepicker-title:before { position:absolute; left:86px; top:16px; width:1px; height:15px; background-color:#CCC; content:""; }
body .ui-datepicker select.ui-datepicker-month {border:0; width:55px; padding:0; }
body .ui-datepicker select.ui-datepicker-year{border:0; width:60px; padding:0; margin-right:15px; }

body .ui-datepicker .ui-datepicker-header{background:#fff; border:0; padding:0}
body .ui-datepicker .ui-datepicker-next{right:2px !important; top:11px !important; border-radius: 0px;}
body .ui-datepicker .ui-datepicker-prev{left:2px !important; top:11px !important; border-radius: 0px;}
body .ui-datepicker .ui-datepicker-next-hover{right:20px; top:11px}
body .ui-datepicker .ui-datepicker-prev-hover{left:20px; top:11}

body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e{background:url(../../image/common/btn_sh_r.png) no-repeat 50%; cursor:pointer; border:0; right:0}
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w{background:url(../../image/common/btn_sh_l.png) no-repeat 50%; cursor:pointer; border:0;right:0}

body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span{width:100%; position:static; height:100%; margin:0;}
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e:hover,
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w:hover{right:0}

body .ui-datepicker .ui-widget-header .ui-datepicker-next-hover,
body .ui-datepicker .ui-widget-header .ui-datepicker-prev-hover{ border-radius:0px;}
body .ui-datepicker .ui-icon{width:22px; height:22px}
body .ui-datepicker thead th{background:#f4f4f4;}
body .ui-datepicker thead th:first-child { color:#e30028;}
body .ui-datepicker thead th:last-child { color:#333;}
body .ui-datepicker td{position:relative; }
body .ui-datepicker .ui-state-default{position:relative; z-index:1; border:0; color:#222; background:transparent; text-align:center; font-size: 13px;}
body .ui-datepicker .ui-state-default.ui-priority-secondary { color:#AAA;}

body .ui-datepicker .ui-datepicker-current-day:after{content:""; display:block; position:absolute; top:0; left:50%; margin-left:-12px; width:24px; height:24px; border-radius:50%; background:#000}
body .ui-datepicker .ui-datepicker-current-day .ui-state-default{color:#fff}
.ui-datepicker-buttonpane {display:none}




/*INPUT SET*/
.sponsor-set.both { margin-top: 10px;}
.sponsor-set {position:relative;overflow:hidden}
.sponsor-set li:first-child { width:75%; }
.sponsor-set li:nth-child(2) { width:25%; padding-right: 0px;}
.sponsor-set li:nth-child(3) { width: 100%;}
.sponsor-set li:nth-child(3) span { font-size: 15px;}
.sponsor-set li {float:left; padding-right:10px; line-height:40px;}
.sponsor-set li .icon_delete {background: url(../../image/common/icon_delete.png) no-repeat center center; height: 40px; width: 40px; display: inline-block; vertical-align: middle; }
.sponsor-set li .icon_delete:hover {background-image: url(../../image/common/icon_delete_hover.png)}

.sponsor-set.global li:first-child .inp-txt { padding-left: 160px;}
.sponsor-set.global li:first-child:before { position: absolute; left: 15px; top: 11px; font-size: 15px; line-height: 20px; color: #888; content: "Member number INC"; }


.name-set {position:relative; overflow:hidden; }
.name-set li:nth-of-type(1) { padding-right:5px;}
.name-set li:nth-of-type(2) { padding-left:5px; }
.name-set li {float:left; width:50%; line-height:50px; }

.post-set {position:relative;overflow:hidden}
.post-set li {float:left; width:100%; margin-bottom: 10px;}
.post-set li:nth-child(2) { width:75%; padding-right:10px; }
.post-set li:nth-child(3) { width:25%; }
.post-set li:last-child { margin-bottom: 0px; }

.post-set.canada li { width: 100%; padding-right:0px; }

.post_new-set {position:relative;overflow:hidden}
.post_new-set li {float:left; width:100%; }
.post_new-set li:nth-child(1) { margin-bottom: 10px;}
.post_new-set li:nth-child(2) { width:36%; padding-right:10px; }
.post_new-set li:nth-child(3) { width:33%; padding-right:10px; }
.post_new-set li:nth-child(4) { width:31%; }

.email-set {position:relative;overflow:hidden;}
.email-set li { width:100%; float:left; padding-right:10px;}
.email-set li:nth-child(1) { width: 45%}
.email-set li:nth-child(2) { width:5%; text-align:center; line-height:40px;}
.email-set li:nth-child(3) { width: 50%; padding-right:0px;}
.email-set li:nth-child(4) { width: 25%; padding-right:0px;}

.email-set.nocode li:nth-child(1) { width:45%}
.email-set.nocode li:nth-child(2) { width:5%; text-align:center; line-height:40px;}
.email-set.nocode li:nth-child(3) { width:50%; padding-right:0px;}

.bank-set {position:relative; overflow:hidden; }
.bank-set li:nth-child(2) { width:50%; padding-right:5px;}
.bank-set li:nth-child(3) { width:50%; padding-left:5px; }
.bank-set li {float:left; width:100%; line-height:40px; margin-bottom: 10px;}
.bank-set li:last-child { margin-bottom: 0px;}

.birthday-set {position:relative;overflow:hidden;}
.birthday-set li { float:left; padding-right:10px;}
.birthday-set li:nth-child(1) { width:34%;}
.birthday-set li:nth-child(2) { width:34%;}
.birthday-set li:nth-child(3) { width:32%; padding-right: 0px;}

.mileage-set {position:relative;overflow:hidden}
.mileage-set li {float:left; width:100%; margin-bottom: 10px;}
.mileage-set li:nth-child(2) {margin-bottom: 0px; }
.mileage-set li:nth-child(2) input { width:50%; margin-right: 2%;}
.mileage-set li:nth-child(2) a {width:25%; }

.order_add-set {position:relative;overflow:hidden;}
.order_add-set li { float:left; width: 100%; margin-bottom: 10px;}
.order_add-set.customer {position:relative;overflow:hidden;}
.order_add-set.customer>li:nth-child(1) { margin-bottom: 30px;}
.order_add_new-set {position:relative;overflow:hidden;}
.order_add_new-set li { float:left; width: 100%; margin-bottom: 10px;}
.order_add_new-set li:nth-child(1) { width: 100%; margin-bottom: 15px;}
.order_add_new-set li:nth-child(2) { width: 50%; padding-right:10px;}
.order_add_new-set li:nth-child(3) { width: 50%; line-height: 50px; padding-left: 10px;}
.order_add_new-set li:nth-child(4) ,.order_add_new-set li:nth-child(5) {display: flex; justify-content: space-between}
.order_add_new-set li:nth-child(4) input, .order_add_new-set li:nth-child(5) input { width: 50%; margin-right:10px;}
.order_add_new-set li:nth-child(4) input:last-child, .order_add_new-set li:nth-child(5) input:last-child{ margin-right:0px;}
.order_add_new-set li.usinfo_text input {background-color: #f7f7f7;}
.order_add_new-set li > span {letter-spacing: -0.5px;}

.order_add_new { padding-bottom: 30px;}
.order_add_new > li { position: relative; width:100%; margin-bottom: 15px; }


.cardpay-set {position:relative;overflow:hidden;}
.cardpay-set li { float:left; padding-right:10px;}
.cardpay-set li:nth-child(1), .cardpay-set li:nth-child(2){ width:34%;}
.cardpay-set li:nth-child(3) { width:32%; padding-right: 0px;}
.cardpay-set li:nth-child(4),.cardpay-set li:nth-child(5),.cardpay-set li:nth-child(6) { width:25.5%;}
.cardpay-set li:nth-child(7) { width:23.5%; padding-right: 0px; }
.cardpay-set li:nth-child(8), .cardpay-set li:nth-child(9), .cardpay-set li:nth-child(10), .cardpay-set li:nth-child(11){ width:50%;}
.cardpay-set li:nth-child(8), .cardpay-set li:nth-child(10) { padding-right: 5px;}
.cardpay-set li:nth-child(9), .cardpay-set li:nth-child(11) { padding-right: 0px; padding-left: 5px;}
.cardpay-set li:nth-child(11) { line-height: 40px; }

.payment-set {position:relative;overflow:hidden;}
.payment-set li { float:left; padding-right:10px;}
.payment-set li:nth-child(-n+3) {width:25.5%;}
.payment-set li:nth-child(4) { width:23.5%; padding-right: 0px; }
.payment-set li:nth-child(5),.payment-set li:nth-child(7)  { width:51%;}
.payment-set li:nth-child(6),.payment-set li:nth-child(8) { width:49%; padding-right: 0px; }
.payment-set li:nth-child(8) { line-height: 40px; }

.payment_new-set {position:relative;overflow:hidden;}
.payment_new-set li { float:left; padding-right:10px;}
.payment_new-set li:nth-child(1) {width:100%; padding-right: 0px; }
.payment_new-set li:nth-child(2),.payment_new-set li:nth-child(4)  { width:51%;}
.payment_new-set li:nth-child(3),.payment_new-set li:nth-child(5) { width:49%; padding-right: 0px; }
.payment_new-set li:nth-child(5) { line-height: 40px; }

.payment_zip-set  {position:relative;overflow:hidden;}
.payment_zip-set li { float:left; width: 100%; }
.payment_zip-set li:nth-child(3) { width:51%; padding-right: 10px; }
.payment_zip-set li:nth-child(4) { width:49%; }

.country-set { margin-bottom: 10px;}


/*INPUT*/
.inp-txt{ width:100%; height:50px; border:1px solid #DDD; font-size:16px; padding:9px 20px; line-height:20px; }
.inp-txt::placeholder { color:#999;}
.inp-txt::-webkit-input-placeholder {color:#999;}
.inp-txt:-ms-input-placeholder {color:#999;}
.inp-txt:focus{color: #333; border-color: #333;}
.inp-txt[type='text']:disabled { background-color:#EEE;}

.inp-txt.both { margin-top:10px;}
.inp-txt.disabled {background-color:#EEE;}
.inp-txt.disabled:focus{border-color: #DDD;}

.inp-txt[type=password]{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-ms-input-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-webkit-input-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-moz-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-moz-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}


/* CHECK BOX */
input[type="checkbox"].check_box {display: none;}
/* input[type="checkbox"].check_box + label {display: inline-block; padding-left: 30px; font-size: 15px; line-height: 22px; height: 22px; margin-right: 10px; cursor: pointer; background-image:url(../../image/common/icon_check_type.png); background-repeat: no-repeat; background-position: 0 0; color: #888;} */
input[type="checkbox"].check_box + label { display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; background-image: url(../../image/common/icon_check_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 22px 66px; color: #666;}
input[type="checkbox"].check_box:checked + label { color: #222; background-position: 0px -44px;}

.login_input input[type="checkbox"].check_box:checked + label { color: #222; background-position: 0px -22px;}
input[type="checkbox"].check_box + label:last-child {margin-right: 0;}
input[type="checkbox"].check_box.both + label { margin-top: 10px;}

/* RADIO BOX */
input[type="radio"].radio_box {display: none;}
input[type="radio"].radio_box + label { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; min-height: 22px; margin-right: 10px; cursor: pointer; color: #666; word-break: keep-all;background-image:url(../../image/common/icon_radio_type.png); background-repeat: no-repeat; background-position: 0 0;  background-size:22px 66px; color: #888;}

input[type="radio"].radio_box:checked + label {background-image:url(../../image/common/icon_radio_type.png); color: #0054a5; background-position: 0 -22px;  }
input[type="radio"].radio_box + label:last-child {margin-right: 0;}
input[type="radio"].radio_box.both + label { margin-top: 10px;}

/* RADIO BOX */
input[type="radio"].radio_tab {display: none;}
input[type="radio"].radio_tab + label { float: left; display: inline-block; width: 50%; height: 100px; font-size: 18px; line-height: 20px; cursor: pointer; color: #888; text-align: center; background-color: #F4F4F4; border: 1px solid #DDD; border-left: 1px solid #F4F4F4; padding-top: 20px; box-sizing: border-box;}
input[type="radio"].radio_tab:checked + label { color: #FFF; background-color: #004485; border-color: #004485;}
input[type="radio"].radio_tab + label:nth-child(2) { border-left:1px solid #DDD; }
input[type="radio"].radio_tab:checked + label:nth-child(2) { border-left:1px solid #004485; }
input[type="radio"].radio_tab.both + label { margin-top: 10px;}

.order_pay_box input[type="radio"].radio_tab + label i { display: inline-block; width: 100px; height: 30px; background-image:url(../../image/common/icon_order_pay1.png); background-repeat: no-repeat; background-position: -300px -30px;  background-size: 400px 60px; }
.order_pay_box input[type="radio"].radio_tab + label:nth-child(4) i { background-position: -200px -30px; }
.order_pay_box input[type="radio"].radio_tab + label:nth-child(6) i { background-position: 0px -30px; }
.order_pay_box input[type="radio"].radio_tab:checked + label i { background-position: -300px 0px; }
.order_pay_box input[type="radio"].radio_tab:checked + label:nth-child(4) i {  background-position: -200px 0px; }
.order_pay_box input[type="radio"].radio_tab:checked + label:nth-child(6) i {  background-position: 0px 0px; }
.order_pay_box .alert_text { margin-top: 10px;}
.order_pay_box.set03 input[type="radio"].radio_tab + label { width: 33.3%;}


input[type="radio"].join_radio_tab {display: none;}
input[type="radio"].join_radio_tab + label { float: left; display: inline-block; width: 48.5%; height: 70px; font-size: 18px; line-height: 68px; cursor: pointer; color: #FFF; text-align: center; background-color: #888; box-sizing: border-box;}
input[type="radio"].join_radio_tab:checked + label { color: #FFF; background-color: #004485; }

/*BTN SET*/
.btn {display:inline-block; width:100%; height:50px;line-height: 46px; vertical-align:middle; text-align:center; font-size:18px; color:#FFF;}
.btn.btn-sm{font-size:14px; height:40px; line-height:38px;}
.btn.btn-lg{font-size:20px; height:60px; line-height:58px;}
.btn.btn-in { width:110px; margin-left:10px;}
.btn.btn-block{display:block}
.btn.btn-round { border-radius: 35px;}

.btn.btn-grey{border:1px solid #aaa;color:#aaa;}
.btn.btn-grey.btn-full{background-color:#aaa; color:#FFF;}
.btn.btn-grey:hover { background-color:#f4f4f4; }
.btn.btn-grey.btn-full:hover {background-color:#999; border-color:#999; color:#FFF;}

.btn.btn-blue{border:1px solid #0054a5; color:#0054a5;}
.btn.btn-blue.btn-full{background-color:#0054a5; color:#FFF;}
.btn.btn-blue:hover {  background-color:#f4f4f4; }
.btn.btn-blue.btn-full:hover {background-color: #004485; border-color: #004485; color:#FFF;}

.btn.btn-black{border:1px solid #333; color:#333;}
.btn.btn-black.btn-full{background-color:#333; color:#FFF;}
.btn.btn-black:hover { background-color:#f4f4f4; }
.btn.btn-black.btn-full:hover {background-color:#111; border-color:#111; color:#FFF;}

.btn.btn-red{border:1px solid #ed1c24; color:#ed1c24;}
.btn.btn-red.btn-full{background-color:#ed1c24; color:#FFF;}
.btn.btn-red:hover {  background-color:#f4f4f4; }
.btn.btn-red.btn-full:hover {background-color:#b40007; border-color:#b40007; color:#FFF;}

.btn.btn-white{border:1px solid #FFF; color:#FFF;}
.btn.btn-white.btn-full{background-color:#FFF; color:#333;}
.btn.btn-white:hover {  background-color:#f4f4f4; }
.btn.btn-white.btn-full:hover {background-color:#f4f4f4; }

div.btn-set {position:relative;overflow:hidden; text-align:center;}
div.btn-set .btn { margin-left:10px;}
div.btn-set .btn:first-child { margin-left:0px;}
div.btn-set .btn.left { float:left; margin-left:0px; margin-right:10px;}
div.btn-set .btn.right { float:right;}
div.btn-set .btn.right:first-child { margin-left:10px;}
div.btn-set .btn.disabled { background-color:#999; color:#FFF; cursor: default;}
div.btn-set .btn.disabled:hover {background-color:#999; color:#FFF;}
div.btn-set .soldout { width: 100%; height: 70px; background-color: #F4F4F4; font-size: 20px; line-height: 70px; color: #888;  }

ul.btn-set {position:relative;overflow:hidden; text-align:center;}
ul.btn-set>li {float: left; padding: 0px 10px;}
ul.btn-set>li:first-child { padding-left: 0px;}
ul.btn-set>li:last-child { padding-right: 0px;}

ul.btn-set.set02>li { width: 50%;}
ul.btn-set.set03>li { width: 33.3%;}
ul.btn-set.set04>li { width: 25%;}
ul.btn-set.set05>li { width: 20%;}
ul.btn-set.set06>li { width: 16.6%;}
ul.btn-set.set07>li { width: 14.2%;}
ul.btn-set.set08>li { width: 12.5%;}

.btn_arrow { position: relative; display: inline-block; width: auto; height: 40px; line-height: 20px; font-size:16px; color:#888; font-weight:400; padding: 10px 15px 10px 10px; }
.btn_arrow:before,.btn_arrow:after {position: absolute; width: 8px; height: 2px; background-color: #AAA; content: "";}
.btn_arrow:before {top: 20px;  right: 0px; transform:rotate(-45deg);}
.btn_arrow:after {top: 15px;  right: 0px; transform:rotate(-135deg);}
.btn_arrow:hover { color:#0054a5; }
.btn_arrow:hover:before,.btn_arrow:hover:after {background-color: #0054a5;}

.btn-set-text {position:relative;overflow:hidden; text-align:center; padding-top:20px; }
.btn-set-text p { display:inline-block; font-size:16px; line-height:25px; color:#333; vertical-align: top;}

/*BTN SIZE*/
.wid_all {width: 100%;}
.wid_900 {width: 900px;}
.wid_650 {width: 650px;}
.wid_600 {width: 600px;}
.wid_590 {width: 590px;}
.wid_540 {width: 540px;}
.wid_515 {width: 515px;}
.wid_440 {width: 440px;}
.wid_400 {width: 400px;}
.wid_385 {width: 385px;}
.wid_350 {width: 350px;}
.wid_340 {width: 340px;}
.wid_300 {width: 300px;}
.wid_260 {width: 260px;}
.wid_255 {width: 255px;}
.wid_240 {width: 240px;}
.wid_220 {width: 220px;}
.wid_200 {width: 200px;}
.wid_180 {width: 180px;}
.wid_160 {width: 160px;}
.wid_150 {width: 150px;}
.wid_140 {width: 140px;}
.wid_130 {width: 130px;}
.wid_120 {width: 120px;}
.wid_110 {width: 110px;}
.wid_100 {width: 100px;}
.wid_90 {width: 90px;}
.wid_80 {width: 80px;}
.wid_70 {width: 70px;}
.wid_60 {width: 60px;}


.mr_10 {margin-right:10px;}
.ml_10 {margin-left: 10px;}
.mt_10 {margin-top:10px;}
.mb_10 {margin-bottom: 10px;}
.ml_30 {margin-left: 30px;}


/* 폰트컬러 */


span.alert_text { position: relative; left: 0px; top: 0px; padding-left: 28px; color: #ed1c24; font-size: 15px; line-height: 20px;  display: inline-block;}
span.alert_text::after { position:absolute; width:18px; height:18px; left:0px; top:0px; line-height:18px; border-radius:10px; background-color:#fff; border: 1px solid #ed1c24; content:"!"; color:#ed1c24; font-weight:600; text-align:center;}
span.alert_text.both { margin-top:10px;}
span.alert_text.black { color:#222;}
span.alert_text.black::after { border: 1px solid #222; color:#222;}
span.alert_text.blue { color:#0054a5;}
span.alert_text.blue::after { border: 1px solid #0054a5; color:#0054a5;}
span.alert_text.grey { color:#999;}
span.alert_text.grey::after { border: 1px solid #999; color:#999;}



span.bl_text { position:relative; display:block; padding-left:15px; color:#666; font-size:14px; line-height:20px; text-align: left;}
span.bl_text::after { position:absolute; width:4px; height:4px; left:5px; top:8px; border-radius:50%; background-color:#666; content:"";}
span.bl_text.blue::after { background-color:#0054a5;}
span.bl_text.red::after { background-color:#ed1c24;}
span.bl_text.grey::after { background-color:#999;}

span.dot_text { position:relative; padding-left:15px; color:#222; font-size:14px; line-height:20px; text-align:left; display:inline-block;}
span.dot_text::after { position:absolute; font-size:18px; left:0px; top:5px; line-height:18px; border-radius:10px; content:"*"; color:#666; font-weight:600; text-align:center;}
span.dot_text.blue::after { color:#0054a5;}
span.dot_text.red::after { color:#ed1c24;}
span.dot_text.grey::after { color:#999;}

span.font_blue {color: #0054a5;}
span.font_red {color: #ed1c24;}
span.font_grey {color: #999;}
span.font_black {color: #333;}

span.in_text ,input.in_text, select.in_text ,label.in_text { margin-left:10px;}

/*TAB*/
#tab_con>div { display: none;}
#tab_con>ul { display: none;}

/* 필수표시 빨간점*/
/*span.point {position: relative; padding-left:5px; display:inline-block; width:15px; height:18px; margin-left:8px;}
span.point:after {position: absolute; width:6px; height:6px; background-color: #ed1c24; border-radius:50%; top:2px; left:0; content:"";}*/

/*PAGE Animation************************************************/
.ani {opacity:0; transition:all 0.6s  ease-in-out; -webkit-transition:all 0.6s ease -in-out;}

/*Animation Position */
.ani.top{transform:translateY(-50px); -webkit-transform:translateY(-50px); }
.ani.bottom{transform:translateY(50px); -webkit-transform:translateY(50px);}
.ani.left{transform:translateX(-50px); -webkit-transform:translateX(-50px);}
.ani.right{transform:translateX(50px); -webkit-transform:translateX(50px);}

.ani.scale {transform:scale(1.1,1.1)}

/*Animation Active************************************************/
.ani.active { opacity:1; transform:translate(0px,0px) scale(1,1); -webkit-transform:translate(0px,0px) scale(1,1); }

/*Animation Delay Time************************************************/
.ani.d_1 { transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.ani.d_2 { transition-delay:0.4s;  -webkit-transition-delay:0.4s;}
.ani.d_3 { transition-delay:0.6s;  -webkit-transition-delay:0.6s;}
.ani.d_4 { transition-delay:0.8s;  -webkit-transition-delay:0.8s;}
.ani.d_5 { transition-delay:1s;  -webkit-transition-delay:1s;}
.ani.d_6 { transition-delay:1.2s;  -webkit-transition-delay:1.2s;}
.ani.d_7 { transition-delay:1.4s;  -webkit-transition-delay:1.4s;}
.ani.d_8 { transition-delay:1.6s;  -webkit-transition-delay:1.6s;}
.ani.d_9 { transition-delay:1.8s;  -webkit-transition-delay:1.8s;}
.ani.d_10 { transition-delay:2s;  -webkit-transition-delay:2s;}
.ani.d_11 { transition-delay:2.2s;  -webkit-transition-delay:2.2s;}

@keyframes ani_time {
	0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes ani_opacity {
	0% { opacity: 1; }
  100% { opacity: 0; }
}

/* PRODUCT LIST*/
.product_list { display: flex; flex-wrap: wrap; width: 100%; overflow: hidden;}
.product_list>li { position: relative; float: left; width: 320px; background-color: #F4F4F4; cursor: pointer; padding: 20px; margin-right: 40px; margin-bottom: 40px; border-radius: 15px; }
.product_list>li>a img { width: 280px; height: 280px;}
.product_list>li>a.no_img {display: flex; justify-content: center; align-items: center;}
.product_list>li>a.no_img img {width: 170px; height: 170px;}
.product_list>li:nth-child(4n) { margin-right: 0px;}
.product_list>li>h4 { position: relative; width: 100%; height: 20px; font-size: 14px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; margin-bottom: 20px; z-index: 5;}
.product_list>li>h5 {position: relative; width: 100%; min-height: 25px; font-size: 18px; line-height: 25px;text-align: center; font-weight: 500; margin-top: 20px; word-break: keep-all ; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;  text-overflow:ellipsis; } 
.product_list>li .price {margin-top: 15px; text-align: center;}
.product_list>li .price p {display: inline-block; position: relative; font-size: 16px; padding: 0 8px; color: #666;}
.product_list>li .price p.ctr_price::after {content: '/'; position: absolute; right: -4px;}
.product_list>li .price p:last-child {font-size: 18px; font-weight: 400; color: #000;}
.product_list>li>span.new, .product_list>li>span.best { position: absolute; top: 20px; right: 20px; display: block; width: 40px; height: 24px; border-radius: 5px; background-color:#333; text-align: center; font-size: 12px; color: #FFF; line-height: 24px; z-index: 5;}
.product_list>li>a { display: block; width: 280px; height: 280px; border-bottom: 1px solid #DDD;  margin-bottom: 20px;}


/* product list normal */
.product_list>li.active .product_over {opacity: 1; visibility: visible;}
.product_list>li .product_over { 
  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; 
  opacity: 0; visibility: hidden; 
  background-color: rgba(255, 255, 255, 0.6); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; z-index: 50; border-radius: 15px; }
.product_list>li .product_over>a { position: relative; display: block; width: 100%; height: 100%; padding-top: 50%; font-size: 18px; color:rgba(255,255,255,0); text-align: center; font-weight: 300; z-index: 1; }
.product_list>li .product_over>div { position: absolute; left: 0px; top: 0; width: 100%; height:100%; z-index: 5; display: flex; justify-content: center; align-items: center; gap: 10px;}
.product_list>li .product_over>div select { float: left; width: 90px; height: 50px; background-color: #333; border-radius: 30px; padding-left: 20px; font-size: 14px; color: #FFF; background-image:url("../../image/common/arrow_select03.png"); border: none;}
.product_list>li .product_over>div a { display: block; position: relative; float: left; width: 50px; height: 50px; line-height: 60px; color: #FFF; background-color: #333; text-align: center; font-weight: 300; border-radius: 50%; }
.product_list>li .product_over>div a:hover {background-color: #000;}
.product_list>li.no_data {width: 100%; text-align: center; padding: 120px 0; font-size: 18px; color: #999; cursor: default; height: auto; margin: 0; background-color: #fff;}

.ico-shop {display: inline-block; width: 24px; height: 24px; background-image: url(../../image/common/icon_shop.png); background-repeat: no-repeat; background-size: 51px 73px; overflow: hidden; text-indent: -9999px; vertical-align: baseline;}
.ico-shop.cart {background-position: -0px -48px;}
.ico-shop.pay {background-position: -24px -48px;}

/* product list soldout */
.product_list>li.soldout:before { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color:rgba(255, 255, 255,.65); z-index: 10; content: ""; font-size: 28px; line-height: 450px; color: #FFF; text-align: center;  border-radius: 15px; cursor:default;}
.product_list>li:hover.soldout:before { opacity: 1;}
.product_list>li.soldout::after { position: absolute; background-color: rgba(0,0,0,0.6); z-index: 11; content: "SOLD OUT"; color: #FFF; text-align: center; border-radius: 50%; }
.product_list>li.soldout::after {width: 150px; height: 150px; left: 50%; top: 43%; font-size: 24px;
  line-height: 150px; transform: translate(-50%, -50%);}


/*SHOPPING PRODUCT LIKE*/
.product_list>li.like .product_over > a { display: flex; justify-content: center; align-items: center; width: 200px; height: 55px; background: #333; font-size: 20px; color: #FFF; position: absolute;
left: 50%; top: 43%; transform: translate(-50%, -50%); border-radius: 50px;  transition: all 0.3s ease-in-out; padding-top: 0;}

/*NOTICE LIST*/
.notice_list_top { display: flex; width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #DDD; padding: 40px 0px; } 
.notice_list_top p { font-size: 22px; line-height: 25px; color: #222; text-align: center; } 
.notice_list_top p:nth-child(1) { width:150px; } 
.notice_list_top p:nth-child(2) { width:900px; } 
.notice_list_top p:nth-child(3) { width:200px; } 
.notice_list_top p:nth-child(4) { width:150px; } 

/* .notice_list { margin-bottom: 80px; }  */
.notice_list li { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #DDD; cursor: pointer; padding: 40px 0px; } 
.notice_list li:hover { background-color: #F9F9F9; } 
.notice_list li.no_data:hover { background-color: transparent; } 

.notice_list li h4 { width:900px; font-size: 20px; line-height: 25px; color: #222; word-break: keep-all; text-align: center; } 
.notice_list li h4 span { display: inline-block; width: 24px; height: 24px; margin-left: 8px; vertical-align: bottom; background-image:url(../../../image/common/icon_add_file.png); background-repeat: no-repeat; background-position: center center; } 
.notice_list li p { font-size: 18px; line-height: 25px; color: #333; text-align: center; } 
.notice_list li p:nth-of-type(1) { width:150px; } 
.notice_list li p:nth-of-type(2) { width:200px; } 
.notice_list li p:nth-of-type(3) { width:150px; } 
.notice_list li p span { font-weight: 500; } 

.notice_list li.no_data { width: 100%; height: 300px; text-align: center; justify-content: center; padding: 140px 0; font-size: 18px; color: #999; cursor: default; } 


/* IMG LIST Board*/
.img_list_board { width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; } 
.img_list_board>li { position: relative; float: left; width: 430px; text-align: left; margin-right: 55px; margin-bottom: 80px; cursor: pointer; }
.img_list_board>li:nth-child(3n) { margin-right: 0px;}  

.img_list_board>li>.img_box {width: 430px; height: 430px; background-color:#F4F4F4; background-image:url("../../image/common/logo_bg.svg"); background-position:center center; background-repeat:no-repeat; background-size: 220px;  border-radius: 20px; overflow: hidden; margin-bottom: 30px; }
.img_list_board>li>.img_box img {transform: scale(1, 1); -webkit-transform: scale(1, 1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;  opacity:1;}
.img_list_board>li:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);}

.img_list_board>li .text_box { position: relative; width: 100%;}
/* .img_list_board>li .text_box span.category { position: relative; display: inline-block; font-size: 18px; line-height: 18px; height: 18px; color: #0054a5; font-weight: 500; margin-bottom: 26px; padding: 0; background-color: transparent;} */
.img_list_board>li .text_box p.data {font-size: 16px; line-height: 20px; color: #999; margin-bottom: 20px;}
.img_list_board>li .text_box h4 { font-size: 20px; font-weight: 500; line-height: 30px; color: #333; margin-bottom: 20px; word-break: keep-all;  font-weight: 500; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}

.img_list_board>li.no_data {width: 100%; text-align: center; padding: 120px 0; font-size: 18px; color: #999; cursor: default; height: auto; margin: 0; background-color: #fff;}

.img_list_board.news>li>.img_box { width: 430px; height: 430px; margin-bottom: 25px}
.img_list_board.news>li>.img_box img { width: 430px; height: 430px;}
.img_list_board.news>li>.text_box h4 {
  font-size: 20px;
  margin-bottom: 0;
}
.img_list_board.news>li>.text_box p.data { font-size: 16px; line-height: 16px; color: #999; font-weight: 500;} 


/* LIST BOARD QnA*/
.list_board { width: 100%; overflow: hidden; border-top: 2px solid #333; }
.list_board>li { position: relative; width: 100%; text-align: left; padding: 70px 0px; cursor: pointer; border-bottom: 1px solid #DDD; display: flex; align-items: center;}
.list_board>li:hover {background-color: #F9F9F9;}
.list_board>li:hover h1 { color: #888; }
.list_board h4 { display: block; width: 100%; font-size: 20px; line-height: 30px; color: #222; font-weight: 400; word-break: keep-all;}
.list_board span.category { display: block; height: 40px; padding: 0px 10px; text-align: center; font-size: 14px; color: #999; line-height: 35px;}
.list_board > li > p { width: 100px; height: 40px; font-size: 14px; line-height: 40px; margin-left: 25px; } 
.list_board > li > p.wait { border: 1px solid #ddd; } 
.list_board > li > p.complete span.category{ color: #333; }
.list_board > li > p.complete { border: 1px solid #333; } 
.list_board > li > p.data { display: inline-block; font-size: 17px; line-height: 24px; color: #888; font-weight: 300; margin-right: 30px; }
.list_board > li > p > span{display: inline-block; width: 100px;}
.list_board.qna .category_type {font-size: 18px; color: #0054a5; width: 240px; margin-left: 80px;}
.list_board.qna .list_div { display:inline-block; margin: 0 25px 0 80px; font-size: 18px; color: #757575; float: right;}

.list_board>li.no_data {width: 100%; text-align: center; padding: 140px 0; font-size: 18px; color: #999; cursor: default; height: auto; margin: 0; background-color: #fff; align-items: center; justify-content: center; }



/* PAGING */
.paging {width:100%; text-align:center; vertical-align:middle; margin-top: 40px;}
.paging a {width:40px; height:40px; display:inline-block; color:#999; font-size:14px; line-height:38px; vertical-align:top; text-decoration:none; font-weight: 400;}
.paging a:hover { color:#333;}
.paging a.btn_com {background:url("../../image/common/page_arrow.png") no-repeat; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
.paging a.first {background-position: 0 0; background-color: #fff; }
.paging a.first:hover {background-position: 0 -40px;}
.paging a.prev {margin-right:2px; margin-left:2px; background-position:-40px 0; background-color: #fff; }
.paging a.prev:hover {background-position: -40px -40px;}
.paging a.next {margin-right:2px; margin-left:2px; background-position:-80px 0; background-color: #fff; }
.paging a.next:hover {background-position: -80px -40px;}
.paging a.last {background-position:-120px 0; background-color: #fff; }
.paging a.last:hover {background-position: -120px -40px;}
.paging .active {color:#333; font-weight: 500;}
.paging .active:hover {color:#333;}


/* BOARD WRITE */
.board_title>.inp-txt { height: 60px; font-size: 18px; padding: 10px 20px;}
.board_write_con { width:1400px; padding:0px 0px 60px; min-height:100px; border-bottom:1px solid #DDD; margin-bottom: 60px;
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-break:break-all;
  /* white-space: pre-line; /* CSS3*/}
.board_write_con img { max-width: 100%;}
.board_view_file > div.file_add { display: block; margin-right: 0px; }

/* BOARD VIEW */
.board_view {width: 1400px; margin: 0 auto; overflow: hidden; }

.board_title {position: relative; width: 100%; margin-bottom: 60px; overflow: hidden; }
.board_title h1 { display: block; width: 100%; font-size: 36px; line-height: 45px; color: #222; font-weight: 500; word-break: keep-all; margin-top: 20px;}
.board_title p.data { display: inline-block; font-size: 17px; line-height: 24px; color: #888; font-weight: 300; margin-right: 30px; }
.board_title span.category { display: inline-block; height: 18px; border-radius: 5px; text-align: center; font-size: 18px; font-weight: 500; line-height: 28px; z-index: 5; color: #0054a5; margin-bottom: 28px;}

.board_view_file { width: 100%;}
.board_view_file > p { position: absolute; left: 40px; top: 30px; display: inline-block; font-size: 18px; line-height: 30px; color: #0054a5;}
.board_view_file > div {display: inline-block; margin-right: 40px; margin-bottom: 10px; }

.icon_file_down { position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #888; font-weight: 300; padding-right: 25px; border-bottom: 1px solid #AAA;}
.icon_file_down::before {position: absolute; right: 0px; top: 0px; display: block; background-image:url("../../image/common/icon_file_down.png"); background-repeat:no-repeat; background-position: center center; width: 15px; height: 30px; content: "";  transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.icon_file_down:hover {color: #222; border-bottom: 1px solid #222;}
.icon_file_down:hover::before {background-image:url("../../image/common/icon_file_down_on.png");}
.board_view_con {text-align: left; color: #333;}

.board_view .board_view_con img {max-width: 1400px;}
.board_view .board_view_con iframe { width: 1400px; height: 788px;}
.board_view .board_view_con h1 { font-size: 34px;}
.board_view .board_view_con h2 { font-size: 30px;}
.board_view .board_view_con h3 { font-size: 26px;}
.board_view .board_view_con h4 { font-size: 22px;}
.board_view .board_view_con h5 { font-size: 18px;}




/* File */
.file_add>div { position: relative; height: 42px; line-height: 42px; padding-right: 180px; margin-bottom: 20px;}
.file_add>div>.btn { position: absolute; top: 0px; right: 0px;}

.file_add .file_add_con { border: 1px solid #DDD; background-color: #FFF;}
.file_add .file_add_con>li { position: relative; width: 100%; padding: 10px 80px 10px 10px;; border-bottom: 1px solid #DDD; overflow: hidden;}
.file_add .file_add_con>li:last-child { border-bottom: 0px;}
.file_add .file_add_con>li>.btn {position: absolute; top: 0px; right: 0px; border: 0px; border-left: 1px solid #DDD; width: 60px; height: 61px; background-image: url(../../image/common/btn_del_member.jpg); background-repeat: no-repeat; background-position: center center; }
.file_add .file_add_con>li>.btn:hover { background-color: #FFF;}

.file-set {position:relative;overflow:hidden; max-width: 100%;}
.file-set li { float: left; line-height: 40px; }
.file-set li:first-child {width: 300px;}
.file-set li:nth-child(2) {width: 100px; cursor: pointer;}
.file-set li:nth-child(3) { margin-left: 15px; }
.file-set .file_button { position: absolute; width: 400px; height: 50px; vertical-align: top; opacity: 0; cursor: pointer;  top: 0; left: 0; z-index: 1;}
.file-set .file_button:hover + .btn {  background-color:#f9f9f9; }
.file-set .icon_file_down {float:left; max-width: 560px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; border-bottom: 0px; line-height: 40px; margin-right: 10px;}
.file-set .icon_file_down::before { top: 5px;}
.file-set .icon_delete { float: left; background: url(../../image/common/icon_delete.png) no-repeat center center; height: 40px; width: 40px; display: inline-block; }
.file-set .icon_delete:hover {background-image: url(../../image/common/icon_delete_hover.png)}


/* contact write file btn css */
.contact_write .file-set span.alert_text { position: absolute; left: 0px; top: 60px; padding-left: 28px;  font-size: 15px; line-height: 20px;  display: inline-block; }



/*SNS POPUP*/
.layer_popup.sns_pop { padding: 60px 0;} 
.layer_popup.sns_pop .pop_content { width: 400px; margin: 0 auto;} 
.layer_popup.sns_pop .pop_title .close {background-image: url("../../../resources/image/common/icon_pop_close01.png"); background-repeat: repeat; background-position: 0px 100px; top: -40px; right: 20px;}
.sns_pop .pop_content>ul { display: flex; justify-content: space-around; margin-bottom: 30px; } 
.sns_pop .pop_content>ul li a { display: block; width: 50px; height: 50px; background-image: url("../../../resources/image/common/icon_view_sns.png"); background-repeat: no-repeat; } 
.sns_pop .pop_content>ul li a.facebook { background-position: -50px 0px; } 
.sns_pop .pop_content>ul li a.twitter { background-position: -100px 0px; } 
.sns_pop .pop_content>ul li a.kakao { background-position: -150px 0px; } 

.sns_pop .pop_content>div { position: relative; height: 40px; border-bottom: 1px solid #1c1c1c; } 
.sns_pop .pop_content>div input { width: calc(100% - 40px); height: 39px; padding: 0 20px 0 0; color: #1c1c1c; font-size: 20px; font-weight: 300; border: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #fff; } 
.sns_pop .pop_content>div>a { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-image: url("../../../resources/image/common/sns_link_btn.png"); background-repeat: no-repeat; background-position: center center; }


/* Layer_POPUP */
.layer_pop_wrapper { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.65); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.layer_pop_wrapper.active { opacity: 1; visibility: visible; z-index: 100; }
.layer_pop_wrapper.active .layer_popup .pop_title .close {opacity: 1; transform:rotate(0deg);}

.layer_popup { position: relative; display: inline-flex; flex-direction: column; min-width: 600px; max-width: 1000px; min-height: 100px; max-height: 80%; left: 50%; top: 50%; background-color:#FFF; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:40px 50px 50px; border-radius:15px;}

.layer_popup .pop_title { position: relative; width: 100%; }
.layer_popup .pop_title h4 {width: 100%; font-size: 26px; line-height: 30px; padding: 11px 60px 20px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.layer_popup .pop_title h4 > span { font-size: 16px; margin-left: 5px;}
.layer_popup .pop_title .close { position: absolute; top: 0px; right: 0px; display: block; width: 50px; height: 50px; background-image:url("../../image/common/icon_pop_close02.png"); background-repeat: no-repeat; background-position: top center; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; z-index: 10;}
/* .layer_popup .pop_title.bb_none h1 {border-bottom:none;} */

.layer_popup .pop_content { height: calc(100% - 70px); overflow-y: auto; padding: 20px 0px;}

.layer_pop_wrapper.shopping_detail .layer_popup { max-width: 1000px;}
.layer_pop_wrapper.shopping_detail .layer_popup .pop_content { padding: 0px;} 


/* POPUP */
.pop_wrapper {position: relative; padding: 10px 30px 30px; }
.pop_wrapper .pop_title { position: relative; width: 100%; }
.pop_wrapper .pop_title h1 {width: 100%; font-size: 24px; line-height: 30px; padding: 10px 60px 20px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.pop_wrapper .pop_title .close { position: absolute; top: 0px; right: 0px; display: block; width: 50px; height: 50px; background-image:url("../../image/common/icon_pop_close02.png"); background-repeat: no-repeat; background-position: top center; z-index: 10;}

.pop_wrapper .pop_content { padding: 20px 0px;}
.pop_wrapper .pop_content .list_table, .layer_popup .pop_content .list_table { width: 100%;}
.pop_wrapper .pop_content .list_table:last-child, .layer_popup .pop_content .list_table:last-child {margin-bottom: 0px;}
.pop_wrapper .pop_content .list_table th, .pop_wrapper .pop_content .list_table td, .layer_popup .pop_content .list_table th, .layer_popup .pop_content .list_table td{ font-size: 13px; line-height: 20px; padding: 15px 0px; }
.pop_wrapper .pop_content .list_table th, .layer_popup .pop_content .list_table th { border-top: 0px;}
.pop_wrapper .pop_content .list_table td.left, .layer_popup .pop_content .list_table td.left {text-align: left; padding-left: 10px;}
.pop_wrapper .pop_content .content_top, .layer_popup .pop_content .content_top { width: 100%; margin-bottom: 20px;}
.pop_content .list_table td.no_data {padding: 80px 0; font-size: 15px; color: #999; }




/*CART*/
.cart_wrap { position: relative; padding-right:400px; }

.cart_list { width: 100%; margin-bottom:40px; }
.cart_list>li { position: relative; display: block; min-height: 180px; padding:40px 360px 40px 220px; border-bottom: 1px solid #DDD; text-align: left;}
.cart_list>li.top_select>p, .cart_list>li>.check_box + label,.cart_list>li>.product_img, .cart_list>li .goods_count, .cart_list>li .pay_box,.cart_list>li .count_text {position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cart_list>li.top_select { min-height:60px; padding:25px 0; text-align: right; border-top: 1px solid #DDD;}
.cart_list>li>.check_box + label { left: 10px; }
.cart_list>li> input[type="checkbox"].check_box:checked + label {color: #0054a5; font-weight: 500;}
.cart_list>li.top_select label .items{ }
.cart_list>li > .delete_btn > a {padding: 0 20px; color: #777; position: relative;}
.cart_list>li > .delete_btn > a:first-child::before {position: absolute; right: -2px; top: 2px; width: 1px; height: 16px; background-color: #DDD; content: "";}
.cart_list>li > .delete_btn > a:hover {color: #333}

.cart_list>li>.product_img { left: 50px; width: 140px; height: 140px; background-color: #F4F4F4; border-radius: 10px;}
.cart_list>li>.product_img img{width: 140px; height: 140px; border-radius: 10px;}
.cart_list>li .goods_count {position: absolute; right: 220px; }
.cart_list>li .count_text {position: absolute; right: 220px; width: 120px; font-size: 16px; color: #888; text-align: center; }
.cart_list>li .count_text>span { font-size: 16px; }

.cart_list > li > .text span { display: block; font-size: 14px; color: #666; text-align: left; margin-bottom: 5px;}
.cart_list  >li > .text span:first-child { margin-top: 10px;}
.cart_list > li > .text > h5 {position: relative; width: auto; font-size: 18px; font-weight: 500; color: #000; line-height: 30px; text-align: left; word-break: keep-all; }

.cart_list>li .pay_box {right: 40px; width: 100px; text-align: right; display: flex; flex-direction: column; }
.cart_list>li .pay_box p { position: relative; display: inline-block;}
.cart_list>li .pay_box p.price { font-size: 20px; color: #000; line-height: 40px; font-weight: 600;}
.cart_list>li .pay_box p.price span { font-size: 24px; font-weight: 500;}
.cart_list>li .pay_box p.pv { vertical-align: bottom; font-size: 16px; color: #888;}

.cart_list>li a.close {position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.cart_list>li a.close:before, .cart_list>li a.close:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.cart_list>li a.close:before {transform: rotate(-45deg);}
.cart_list>li a.close:after {transform: rotate(45deg);}
.cart_list>li a.close:hover:before, .cart_list>li a.close:hover:after { background-color: #222;}

.cart_list>li.no_data { height: 350px; padding: 120px 0px 0px 0px; text-align: center;}
.cart_list>li.no_data>p { font-size: 16px; line-height: 40px; color: #888; margin-bottom: 20px;}

/* Cart List - Sold OUT  */
.cart_list>li.soldout .text span, .cart_list>li.soldout .text h1, .cart_list>li.soldout .price span, .cart_list>li.soldout .bp, .cart_list>li.soldout .count_text, .cart_list>li.soldout>.text>h5 {text-decoration:line-through; color: #888;}
.cart_list>li.soldout .pay_box .price {color: #888;}
.cart_list>li.soldout .goods_count, .cart_list>li.soldout .goods_select, .cart_list>li.soldout>.check_box + label { display: none;}
.cart_list>li.soldout .text:before {font-size:15px; color: #757575; content: "[SOLD OUT]"; margin-right: 5px; }
.cart_list>li.soldout .product_img img{opacity: 0.6;}

/* Cart - Order Flow 영역 */
.cart_quick { position: absolute; top: 0px; right: 0px; width: 360px; overflow: hidden; border: 1px solid #000; padding:40px 30px; }
.cart_quick.flow { position: fixed;  left: 50%; top: 100px; margin-left: 340px; }
.cart_quick.flow.bottom { position: absolute; left: auto; top: auto; bottom: 40px; margin-left: 0px; }
.cart_quick > .total_item{ display: flex; align-items: flex-end; }
.cart_quick >.total_item span {width: 30%; font-size: 16px; color: #777;
  text-align: left; line-height: 30px; color: #000; text-align: left; padding-bottom: 20px; margin-bottom: 20px;}
.cart_quick>.total_item > li {font-size: 20px;}
.cart_quick>.total_item > li > span.item { font-size: 28px; font-weight: 500; }
.cart_quick>.total_item > li:last-child{color: #333;}
.cart_quick>ul { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 20px;}
.cart_quick>ul>li { float: left; line-height: 35px;}
.cart_quick>ul>li:nth-child(1n) { width: 40%; font-size: 16px; color: #777; text-align: left;}
.cart_quick>ul>li:nth-child(2n) { width: 60%;  font-size: 16px; color: #777; text-align: right; font-weight: 500;}
.cart_quick>ul>li:nth-child(2n)>span { font-size: 18px; font-weight: 500; }
.cart_quick .total_pay { position: relative; width: 100%; padding-left: 90px; line-height: 40px; margin-bottom: 30px;}
.cart_quick .total_pay>span { position: absolute; left: 0px; top: 0px; font-size:16px; color: #777; }
.cart_quick .total_pay>p { font-size: 24px; color: #ed1c24; text-align: right; font-weight: 500; }
.cart_quick .total_pay>p>span {font-size: 26px; font-weight: 500; }

.cart_quick .agree_btn { position: relative; padding-top: 25px; padding-right:80px; margin-bottom: 30px; border-top: 1px solid #DDD;}
.cart_quick .agree_btn>.btn { position: absolute; top: 15px; right: 0px; width:67px; height: 40px; line-height: 35px; border-radius: 5px;  }
.cart_quick .agree_btn > input[type="checkbox"].check_box + label {font-size: 14px;}
input[type="checkbox"].check_box + label { display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; background-image: url(../../image/common/icon_check_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 22px 66px; color: #bbb;}
.cart_quick .agree_btn > input[type="checkbox"].check_box:checked + label {background-position: 0px -22px; color: #222;}

.cart_list.quick>li { padding:40px 160px 40px 160px; }
.cart_list.quick>li.top_text { min-height:60px; padding:0px 0px 20px 0px; text-align: left; font-size: 16px; color: #222; }
.cart_list.quick>li>.product_img {left: 0px;}
.cart_list.quick>li>.goods_count {right: 0px; }
.cart_list.quick>li.opt {padding:40px 0px 40px 160px; }
.cart_list.quick>li.opt .product_img { top: 40px; transform: translateY(0);}
.cart_list.quick>li.opt .text { padding-right: 400px;}
.cart_list.quick>li.opt .pay_box {  padding-right: 400px; margin-bottom: 20px; }
.cart_list.quick>li.opt .goods_select {position: absolute; top: 80px; right: 0px; width:400px; }
.cart_list.quick>li>.pay_box { position: relative; left: auto; top: auto; width: 100%; text-align: left; transform: translateY(0);}
.cart_list.quick>li.no_data { padding: 150px 0px 0px 0px; }

.cart_list.quick .opt_choice { width: 100%; }
.cart_list.quick .opt_choice li { position: relative; background-color: #F4F4F4; margin-bottom: 20px; padding: 40px 180px 40px 40px;}
.cart_list.quick .opt_choice li:last-child { margin-bottom: 0px;}
.cart_list.quick .opt_choice li h1 {display: block; width: 100%; font-size: 18px; color: #222; line-height: 25px; font-weight: 400; word-break: keep-all; }
.cart_list.quick .opt_choice li .goods_count { position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
.cart_list.quick .opt_choice a.close {position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.cart_list.quick .opt_choice a.close:before, .cart_list.quick a.close:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.cart_list.quick .opt_choice a.close:before {transform: rotate(-45deg);}
.cart_list.quick .opt_choice a.close:after {transform: rotate(45deg);}
.cart_list.quick .opt_choice a.close:hover:before, .cart_list.quick a.close:hover:after { background-color: #222;}

.cart_list.myshop>li { padding:40px 160px 40px 160px; }
.cart_list.myshop>li.top_select { padding:0px 0px 40px 0px; border-top: 0px; }
.cart_list.myshop>li.top_select .check_box + label { left: 0px; top: 10px; right: auto; }
.cart_list.myshop>li>.check_box + label { left: auto; right: 10px; }
.cart_list.myshop>li>.product_img {left: 0px;}
.cart_list.myshop>li>.goods_count {right: 0px; }
.cart_list.myshop>li>.pay_box { position: relative; left: auto; top: auto; width: 100%; text-align: left; transform: translateY(0);}
.cart_list.myshop>li.no_data { padding: 150px 0px 0px 0px; }
.cart_list.resale>li .count_text {right: 130px;}



/*PRODUCT INFO BOX 장바구니 안내*/
.info_box { width: 100%; overflow: hidden; text-align: left; margin-top: 60px; }
.info_box li { position: relative; float: left; margin-bottom: 30px;}
.info_box h5 { font-size: 18px; line-height: 30px; color: #333; margin-bottom: 10px;}
.info_box p { position: relative; padding-left: 15px; color: #888; font-size: 14px; }
.info_box p:before { position: absolute; left: 3px; top: 8px; width: 3px; height: 3px; background-color: #999; content: "";}
.info_box li .btn { position: absolute; top: 0px; left: 165px; width: 110px; font-size: 12px; height: 30px; line-height: 26px;}
.info_box li .btn.premium { left: 190px;} 


/*ORDER FORM*/
.order_form .cart_quick h4{font-size: 25px; color: #000; font-weight: 500; margin-bottom: 30px;}
.order_form .cart_list.order { border-top: 1px solid #DDD; padding-top: 30px; padding-bottom: 0px; border-bottom: 0px; }
.order_form .cart_list.order>li { min-height: 140px; padding: 30px 360px 0px 180px; border-bottom: 0px; margin-bottom: 30px;}
.order_form .cart_list.order>li>.product_img { left: 0px;}

/* 결제정보 */
.payment_info_list { border-top: 1px solid #DDD; padding-top: 80px; display: flex; margin-bottom: 80px;}
.payment_info_list > h4 { width: 25%; font-size: 24px; line-height: 40px; color: #333;}
.payment_info_list ul li.amount p { display: inline-block; font-size: 18px; line-height: 45px; font-weight: 500; margin-right: 10px;}
.payment_info_list ul li.amount span { font-size: 20px; line-height: 45px; color: #ed1c24; font-weight: 700;}
.payment_info_list ul li.card_info { display: flex; flex-wrap: wrap;}
.payment_info_list ul li.card_info p {color: #777; font-size: 16px; line-height: 40px; margin-right: 40px; position: relative;}
.payment_info_list ul li.card_info p:last-child { width: 100%;}
.payment_info_list ul li.card_info p:nth-child(-n+2)::before{content: "│"; position: absolute; top: 0px; right: -30px; } 

/* 주문자정보 */
.order_view_info{margin-bottom: 50px;}
.order_info_list { border-top: 1px solid #DDD; padding-top: 80px; display: flex; padding-bottom: 80px;}
.order_info_list > h4, .order_add_wrap > h4 { width: 25%; font-size: 24px; line-height: 40px; color: #333;}
.order_info_list ul li.name p{font-size: 18px; line-height: 45px; font-weight: 500;}
.order_info_list ul li.addr p{color: #555; font-size: 18px; line-height: 30px;}
.order_info_list ul li.tel span{color: #777; font-size: 16px; line-height: 40px; margin-right: 40px; position: relative;}
.order_info_list ul li.tel span:first-child::after{content: "│"; position: absolute; top: -8px; right: -30px; } 
.order_info_list:last-child {border-bottom: 1px solid #DDD;}


.order_add_wrap{ border-top: 1px solid #DDD; padding-top: 80px; display: flex;}
.order_tab_con{ width: 75%;}

.order_tab_menu { max-width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 30px;}
.order_tab_menu a { position: relative; width: 100%; height: 60px; display: block; float: left; font-size: 18px; line-height: 55px; color: #ccc; text-align: center; border: 1px solid #ccc;}
.order_tab_menu a:hover { color: #333;}
.order_tab_menu a.active { color: #333; background-color: #FFF; border-color: #222; }

.order_tab_menu.set1 { width: 100%;}
.order_tab_menu.set2>a { width: 50%;}
.order_tab_menu.set3>a {width: 33.33%;}
.order_tab_menu.set4>a { width: 25%;}
.order_tab_menu.set5>a { width: 20%;}
.order_tab_menu.set6>a { width: 16.66%;}
.order_tab_menu.set7>a { width: 14.28%;}
.order_tab_menu.set8>a { width: 12.5%;}


/* ORDER WRITE - Shpping Address */
.order_add_list, .order_add_new { margin-bottom: 40px;}
.order_add_list > div { position: relative; width: 100%; border-bottom: 1px solid #DDD ; padding:30px 150px 30px 0px; text-align: left;}
.order_add_list > div .radio_box + label { display:inline-block; font-size: 18px; font-weight: 500; color: #333; margin-right: 5px;}
.order_add_list .input[type="radio"].radio_box + label { display: block;}
.order_add_list>div>span { font-size: 12px; border: 1px solid #ccc; padding: 2px 8px; }
.order_add_list>div>p { padding-left :30px;}
.order_add_list>div>p.addr{ padding: 10px 30px 10px 30px; font-size: 18px; line-height:30px; color: #555;}
.order_add_list>div>p > span { position: relative; padding-right: 20px; margin-right: 20px; font-size:16px; color: #888; }
.order_add_list>div>p > span:before { position: absolute; top: 5px; right: 0px; width: 1px; height: 15px; background-color: #DDD; content: "";}
.order_add_list>div>p > span:last-child { padding-right: 0px; margin-right: 0px;}
.order_add_list>div>p > span:last-child:before { display: none;}
.order_add_list>div a.close {position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.order_add_list>div a.close:before, .order_add_list>div a.close:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.order_add_list>div a.close:before {transform: rotate(-45deg);}
.order_add_list>div a.close:after {transform: rotate(45deg);}
.order_add_list>div a.close:hover:before, .order_add_list>div a.close:hover:after { background-color: #222;}
.order_add_list .order_add_btn {width: 120px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); border: 1px solid #DDD; border-radius: 5px; }
.order_add_list .order_add_btn a {width: 50%; float: left; position: relative; height: 38px; font-size: 14px; padding: 0 5px; line-height: 38px; color: #333; font-weight: 300; text-align: center;}
.order_add_list .order_add_btn a:first-child::after { position: absolute; right: -1px; top: 12px;
width: 1px; height: 16px;  background-color: #DDD;  content: ""; }
.order_add_list .order_add_btn a:hover{background-color: #f4f4f4; }
.order_add_list.no_data{border-bottom: 1px solid #DDD; padding: 20px 0 50px; margin-bottom: 0;}
.order_add_list.no_data p{font-size: 16px; line-height: 25px; text-align: center; color: #777; }


.order_add_text li:first-child { position: relative; margin-bottom: 20px; padding-bottom: 40px;}
/*.order_add_text li:first-child .inp-txt { margin-top: 10px;}*/
.order_add_text li {margin-bottom: 20px; }
.order_add_text li>h2 { position: absolute; left: 0px; top: 0px; font-size: 28px; line-height: 40px; color: #222; font-weight: 300;}
.order_add_text { margin-bottom: 80px;}

.order_pay_box { overflow: hidden; margin-bottom: 40px;}

.order_input { position: relative; margin-bottom: 60px; width:100%; min-height: 40px; padding-left: 340px; }
.order_input>h2 { position: absolute; left: 0px; top: 0px; font-size: 28px; line-height: 40px; color: #222; font-weight: 300;}
.order_input.top_line { padding-top: 60px; border-top: 1px solid #DDD;}
.order_input.top_line h2{ top: 60px; }
.order_input.bottom_line { margin-bottom: 60px; border-bottom: 1px solid #DDD;}

.order_pay_input { position: relative; margin-bottom: 60px; width:100%; min-height: 40px; padding-left: 340px; }
.order_pay_input>h2 { position: absolute; left: 0px; top: 0px; font-size: 28px; line-height: 40px; color: #222; font-weight: 300;}
.order_pay_input li { margin-bottom: 10px;}
.order_pay_input li:last-child { margin-bottom: 0px;}

.order_view_box { position: relative; width: 100%; padding: 40px; background-color: #F4F4F4; margin-bottom: 60px;}
.order_view_box h1 { font-size: 50px; line-height: 60px; color: #222; font-weight: 400; }
.order_view_box p { font-size: 20px; line-height: 20px; color: #222; font-weight: 300; margin-bottom: 10px; }

.order_view_box div.btn-set { position: absolute; top: 50%; right: 40px; max-width: 230px; transform: translateY(-50%); text-align: right; font-size: 0px;  }
.order_view_box div.btn-set .btn { width: 200px; height: 50px; line-height: 40px; padding-top: 5px; }
.order_view_box div.btn-set .btn span { display: block; text-align: center;}
.order_view_box div.btn-set .btn:nth-child(2) { margin-top: 10px;}

.order_view_box div.btn-set.tracking { max-width: 430px;}
.order_view_box div.btn-set.tracking .btn { line-height: 20px; margin-top: 0px; }
.order_view_box div.btn-set.tracking .btn:nth-child(3),.order_view_box div.btn-set.tracking .btn:nth-child(4) { margin-top: 10px;}




#tab_con>div { display: none;}
#tab1_con>div { display: none;}
#tab2_con>div { display: none;}
#tab3_con>div { display: none;}
#tab4_con>div { display: none;}

#tab_con>ul { display: none;}
#tab1_con>ul { display: none;}
#tab2_con>ul { display: none;}
#tab3_con>ul { display: none;}
#tab4_con>ul { display: none;}


.list_board.point { width: 100%; margin: 0 auto 40px; overflow: hidden; }
.list_board.point>li { padding: 40px 400px 40px 200px; cursor: default; }
.list_board.point>li>span { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); display: inline-block; width: 100px; height: 40px; border-radius: 25px; text-align: center; font-size: 14px; line-height: 40px; z-index: 5; font-weight: 500; }
.list_board.point>li:hover h1 { color: #222; }
.list_board.point h1 {font-weight: 400; }
.list_board.point h1 span { position: relative; display: inline-block; padding-right: 20px; margin-right: 20px; font-weight: 300; color: #888;}
.list_board.point h1 span:before {  position: absolute; top: 5px; right: -1px; width: 1px; height: 20px; background-color: #DDD; content: "";}
.list_board.point h2 { position: absolute; right: 40px; top: 50%; transform: translateY(-50%);  font-size: 28px; line-height: 40px; font-weight: 500; }
.list_board.point>li.no_data {padding: 120px 0; }
.list_board.point>li.save>span { border: 1px solid #123250; color: #123250;}
.list_board.point>li.save>h2 { color: #123250;}
.list_board.point>li.use>span { border: 1px solid #ed1c24; color: #ed1c24;}
.list_board.point>li.use>h2 { color: #ed1c24;}
.list_board.point>li.remove>span { border: 1px solid #888; color: #888;}
.list_board.point>li.remove>h2 { color: #888;}

.list_board.travelretreat { width: 100%; margin: 0 auto 40px; overflow: hidden; }
.list_board.travelretreat>li { padding: 40px 290px 40px 200px; cursor: default; }
.list_board.travelretreat>li>span { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); display: inline-block; width: 100px; height: 40px; border-radius: 25px; text-align: center; font-size: 14px; line-height: 40px; z-index: 5; font-weight: 500; }
.list_board.travelretreat>li:hover h1 { color: #222; }
.list_board.travelretreat h1 { display: inline-block; width: 340px; font-size:17px; font-weight: 400; margin-top: 0px; }
.list_board.travelretreat h1 span { position: relative; display: inline-block; width:140px; font-weight: 300; color: #888;}
.list_board.travelretreat h1:nth-of-type(2) span,.list_board.travelretreat h1:nth-of-type(4) span { width: 150px;}
.list_board.travelretreat h1:nth-of-type(2),.list_board.travelretreat h1:nth-of-type(4) { width: 560px;}

.list_board.travelretreat h2 { position: absolute; right: 40px; top: 50%; transform: translateY(-50%);  font-size: 28px; line-height: 40px; font-weight: 500; color: #123250;}
.list_board.travelretreat p.data { display: block; margin-bottom: 20px;}
.list_board.travelretreat>li.no_data {padding: 120px 0; }
.list_board.travelretreat>li.kit>span { border: 1px solid #123250; color: #123250;}
.list_board.travelretreat>li.rank>span { border: 1px solid #ed1c24; color: #ed1c24;}
.list_board.travelretreat>li.orders>span { border: 1px solid #888; color: #888;}
.list_board.travelretreat>li.promotion>span { border: 1px solid #006cff; color: #006cff;}
.list_board.travelretreat>li.group>span { border: 1px solid #08a000; color: #08a000;}
.list_board.rank li { padding-left: 140px; cursor: default; }
.list_board.rank li img { position: absolute; left: 0px; top: 15px; width: 80px; height: 80px; opacity: 0.5; }
.list_board.rank h1 { margin-top: 0px; color: #999;}
.list_board.rank li:hover h1 { color:#999; }
.list_board.rank p.data { position: absolute; top: 50%; transform: translateY(-50%); right: 160px; font-size: 20px; color:#123250; }
.list_board.rank li:before { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 140px; font-size: 18px; line-height: 20px; color: #888; text-align: center; padding-top: 50px; background-image: url("../../image/common/icon_qna_02.png"); background-repeat: no-repeat; background-position: center 20px; content: "";  }
.list_board.rank li.active:before { color: #123250; background-image: url("../../image/common/icon_qna_01.png"); background-position: center 0px; content: "";  }
.list_board.rank li.active h1 { color: #222;}
.list_board.rank li.active img { opacity: 1;}

.list_board.group_rank li { padding-left: 140px; cursor: default; }
.list_board.group_rank li img { position: absolute; left: 0px; top: 15px; width: 80px; height: 80px; }
.list_board.group_rank h1 { margin-top: 0px; }
.list_board.group_rank li:hover h1 { color:#222; }
.list_board.group_rank h2 { position: absolute; right: 160px; width: 200px; text-align: center; top: 50%; transform: translateY(-50%);  font-size: 28px; line-height: 40px; font-weight: 500; }
.list_board.group_rank .btn { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }


/* BOARD VIEW */
.board_view {width: 1400px; margin: 0 auto; overflow: hidden; }

.board_title {position: relative; width: 100%; margin-bottom: 60px; overflow: hidden; }
.board_title h1 { display: block; width: 100%; font-size: 36px; line-height: 45px; color: #222; font-weight: 500; word-break: keep-all; margin-top: 20px;}
.board_title p.data { display: inline-block; font-size: 17px; line-height: 24px; color: #888; font-weight: 300; margin-right: 30px; }
.board_title span.category { display: inline-block; height: 18px; border-radius: 5px; text-align: center; font-size: 18px; font-weight: 500; line-height: 28px; z-index: 5; color: #0054a5; margin-bottom: 28px;}

/* .board_view_file { position: relative; width: 100%; padding: 30px 40px 20px 240px; background-color: #F4F4F4; margin-bottom: 40px; } */
.board_view_file { width: 100%;}
.board_view_file > p { position: absolute; left: 40px; top: 30px; display: inline-block; font-size: 18px; line-height: 30px; color: #0054a5;}
.board_view_file > div {display: inline-block; margin-right: 40px; margin-bottom: 10px; }

.icon_file_down { position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #888; font-weight: 300; padding-right: 25px; border-bottom: 1px solid #AAA;}
.icon_file_down::before {position: absolute; right: 0px; top: 0px; display: block; background-image:url("../../image/common/icon_file_down.png"); background-repeat:no-repeat; background-position: center center; width: 15px; height: 30px; content: "";  transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.icon_file_down:hover {color: #222; border-bottom: 1px solid #222;}
.icon_file_down:hover::before {background-image:url("../../image/common/icon_file_down_on.png");}
/* .board_view_con {padding-bottom: 60px; border-bottom: 1px solid #ddd; margin-bottom: 60px; text-align: left; font-size: 16px; color: #333; line-height: 30px; } */
.board_view_con {text-align: left; color: #333;}

.board_view .board_view_con img {max-width: 1400px;}
.board_view .board_view_con iframe { width: 1400px; height: 788px;}
.board_view .board_view_con h1 { font-size: 34px;}
.board_view .board_view_con h2 { font-size: 30px;}
.board_view .board_view_con h3 { font-size: 26px;}
.board_view .board_view_con h4 { font-size: 22px;}
.board_view .board_view_con h5 { font-size: 18px;}

.board_view.answer { position: relative; top: -61px; border: 1px solid #DDD; background-color: #F4F4F4; padding: 40px 40px 0px 40px; overflow: visible;}
.board_view.answer:before { position: absolute; left: 40px; top: -28px; width:43px; height: 29px; background-image:url("../../image/common/bg_answer.png"); background-repeat:no-repeat; background-position: center center; content: ""; z-index: 1;  }

.board_view.answer .board_title span.category { background-color: #ed1c24;}
.board_view.answer .board_view_con { border-bottom: 0px; padding-bottom: 0px;}
.board_view.answer .board_view_con img {max-width: 1320px;}
.board_view.answer .board_view_con iframe { width: 1320px; height: 743px;} 
.board_view.answer .board_view_file { background-color: #FFF;}




/*LIST TABLE*/
.list_table { width: 100%;}
.list_table {width: 1400px; margin-bottom: 40px; }
.list_table th {font-size: 15px; color: #222; line-height: 25px; padding: 20px 0 ; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #222; }
.list_table td {font-size: 14px; color: #666; line-height: 25px; padding: 20px 0 ; text-align: center; border-bottom: 1px solid #ddd; }
.list_table th.left,.list_table td.left {text-align: left; padding-left: 20px;}
.list_table th.right,.list_table td.right {text-align: right; padding-right: 20px;}
.list_table td.no_data {padding: 80px 0; font-size: 15px; color: #999; }
.list_table tr.active:hover td {background-color: #f4f4f4; cursor: pointer;}

.list_table td.in_table {background-color: #f4f4f4; padding: 45px; }
.list_table td.in_table table {width: 100%; background-color: #fff; }
.list_table td.in_table th {font-size: 15px; padding: 15px 0; }
.list_table td.in_table td {padding: 15px 0; }

/* COUNT */
.goods_count { display: flex; width: 120px; height: 40px; border: 1px solid #ddd; }
.goods_count input {float: left; width: 40px; height: 38px; text-align: center; padding:0px;border: 0px;}
.goods_count a { position: relative; float: left; display: inline-block; width: 39px; height: 38px; background-color: #FFF; }
.goods_count a:hover { background-color: #F4F4F4;}
.goods_count a:before, .goods_count a:after { position: absolute; background-color: #222; content: ""; }
.goods_count a:before { left:15px; top: 19px; width: 9px; height: 1px; }
.goods_count a:after { left:19px; top: 15px; width: 1px; height: 9px; }
.goods_count a:nth-child(1):after { display: none;}


/*팝업다이얼로그 익스 버그*/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable { overflow: visible;}


/* footer 약관 */
.terms>div {margin-bottom:40px; }
.terms>div.box_grey {width: 100%; padding:30px; border: 1px solid #ddd; }
.terms>div.box_grey>h2 {margin-bottom: 0; }
.terms>div.box_grey>a { display: block; text-align: left; }
.terms>div a { font-size:16px; line-height: 20px; color: #0054a5; font-weight:500; }
.terms>div>h1 {font-size:22px; line-height: 30px; color: #222; text-align: left; font-weight:500; margin-bottom: 30px; }
.terms>div>h2 {font-size:18px; line-height: 25px; color: #222; text-align: left; font-weight:400; margin-bottom:15px; word-break: keep-all; }
.terms>div>h3 {font-size:16px; line-height: 25px; color: #222; text-align: left; font-weight:400; margin-bottom:15px; }
.terms>div>p {font-size:16px; line-height: 25px; color: #666; text-align: left; font-weight:400;   margin-bottom:15px; word-break:keep-all; }
.terms>div ol {padding-left:15px; margin-bottom:20px; }
.terms>div ol>li {font-size:16px; line-height:25px; color: #666; text-align: left; font-weight:400; word-break:keep-all; list-style:decimal; margin-bottom: 15px;}
.terms>div ul {padding-left:15px; margin-bottom:20px; }
.terms>div ul>li {font-size:16px; line-height:25px; color: #666; text-align: left; font-weight:400; word-break:keep-all;  margin-bottom: 15px;}
.terms>div ul.disc>li {list-style: disc;}
.terms>div ul.l_roman>li {list-style: lower-roman;}
.terms>div ul.u_roman>li {list-style: upper-roman;}
.terms>div>.view_table01 {margin: 30px 0 20px; }
.terms>div>.view_table01 th, .terms>div>.view_table01 td {font-size: 16px; line-height: 25px; color: #666; text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.terms>div>.view_table01 th {font-size: 16px; color: #333; font-weight: 500; background-color: #f4f4f4; border-top: 1px solid #ddd; }
.terms>div>.view_table01 td { font-size: 14px; border-right: 1px solid #ddd; }
.terms>div>.view_table01 td:last-child {border-right: 0; }


.ico-share {display:inline-block; width:40px; height:40px; background-image:url(../../image/common/icon_sns.png); background-repeat: no-repeat; background-size:440px 40px;overflow:hidden; text-indent:-9999px; vertical-align:middle; border-radius: 10px; }
.ico-share.url {background-position:-300px 0px;}
.ico-share.kakaotalk {background-position:0px 0px;}
.ico-share.kakaostory {background-position:-50px 0px;}
.ico-share.facebook {background-position:-100px 0px;}
.ico-share.blog {background-position:-150px 0px;}
.ico-share.band {background-position:-200px 0px;}
.ico-share.twitter {background-position:-250px 0px;}

.opt_box { position: relative; }
.opt_box>h2 {display: block; font-size: 18px; color: #888; line-height: 30px; margin-bottom: 10px; }
.opt_box .pay_box { padding-bottom: 0px;}
.opt_box .pay_box p { position: relative; display: inline-block;}
.opt_box .pay_box p.price { font-size: 30px; color: #222; line-height: 40px; font-weight: 500;}
.opt_box .pay_box p.price span { font-size: 40px; font-weight: 500;}
.opt_box .pay_box p.bp { vertical-align: bottom; font-size: 20px; color: #888; line-height: 40px; margin-left: 10px; padding-left: 20px;}
.opt_box .pay_box p.bp:before { position: absolute; left: 0px; top: 0px; content: "/"}

.opt_box>.goods_count { position: absolute; right: 0px; top: 40px; }
.opt_box>.select { position: absolute; right: 0px; top: 40px; width: 330px;}

.opt_box .opt_choice { width: 100%; padding-bottom: 20px;}
.opt_box .opt_choice li { position: relative; background-color: #F4F4F4; margin-bottom: 20px; padding: 40px 180px 40px 40px;}
.opt_box .opt_choice li h1 {display: block; width: 100%; font-size: 20px; color: #222; line-height: 25px; font-weight: 500; word-break: keep-all; }
.opt_box .opt_choice li .goods_count { position: absolute; right: 60px; top: 50%; transform: translateY(-50%);}
.opt_box .opt_choice a.close {position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.opt_box .opt_choice a.close:before, .opt_box .opt_choice a.close:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.opt_box .opt_choice a.close:before {transform: rotate(-45deg);}
.opt_box .opt_choice a.close:after {transform: rotate(45deg);}
.opt_box .opt_choice a.close:hover:before, .opt_box .opt_choice a.close:hover:after { background-color: #222;}




/* ERROR PAGE (404/500/Inspection/Maintainance) */
.wrapper_error { width: 100%; height: 100%; min-width: 1600px; margin: 0 auto; overflow: hidden; }
.wrapper_error .error_box { position: relative; top: 50%; transform: translateY(-50%);  -webkit-transform:translateY(-50%);  width: 1600px;  margin: 0 auto; }
.wrapper_error .error_box>div { position: relative; padding-bottom: 60px; margin-bottom: 60px;}
.wrapper_error .error_box>div:before { position: absolute; left: 0px; bottom: 0px; width:1980px; height: 1px; background-color: #DDD; content: ""; }
.wrapper_error .error_box h1 { font-size: 100px; line-height: 100px; color: #222; margin-bottom: 60px; font-weight: 600;}
.wrapper_error .error_box h2 { font-size: 40px; line-height: 40px; color: #222; margin-bottom: 30px; font-weight: 400;}
.wrapper_error .error_box p { font-size: 18px; line-height: 25px; color: #666; font-weight: 300;}
.wrapper_error .error_box h3 { font-size: 40px; line-height: 50px; color: #0054a5; font-weight: 300;}
.wrapper_error .error_box h3 span { display: block; font-size: 25px; line-height: 30px; margin-bottom: 20px; font-weight: 400;}