@charset "euc-kr";

/* common CSS */
html {font-size:62.5%;}
body, input, button, textarea, select, option, a {font-family:'Lato','NanumGothic',sans-serif;font-size: 1.5rem;   font-weight: 700; line-height: 1; letter-spacing: -0.065rem; color:#2b2e34; }
.clearfix:after {content:''; display: block; clear:both;}
.wrap {position:relative; width:100%;}
.container {padding:0 3.3%;}
/* select {border:1px solid #ddd; background:#fff url(/images/ico/sel_ico.png) 94% 50% no-repeat; padding:0 22px 0 10px; box-sizing:border-box;} */
select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-filter: alpha(opacity=0); }
/* .scrollOff {position:fixed; top:0; left:0; right:0; bottom:0; height:100%; overflow:hidden; touch-action:none;} */
.ir_pm {font-size: 0;}
/* input[type="date"] 기본 ?¬ë?? ???´ì? ????ê¸? */
input[type="date"]::-webkit-calendar-picker-indicator  {/*display: none; background: none; */ opacity: 0;}
select {display: inline-block; padding:0 0 0 1rem;width: 12rem; height:3rem; line-height: 2.8rem; border:1px solid #ddd; background:#fff url(/img/ico/select-ico.png) no-repeat; font-size: 1.4rem;font-weight: 400; color:#2b2e34; -webkit-background-size: 8px 5px;background-size: 8px 5px; background-position: right 10px center; box-sizing:border-box;vertical-align: middle; border-radius: 3px;}
/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}



/* header */
.header .logo_area {position: relative;padding:0 3.3%; height:5.5rem; /* line-height: 5.5rem; */ border-bottom:1px solid #dddddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.header .menu_btn{ position: absolute; right:3.3%;top: 50%;width: 5.5rem; height: 5.5rem;  -webkit-transform: translateY(-50%);-moz-transform:translateY(-50%) ; -ms-transform: translateY(-50%);-o-transform:translateY(-50%) ;transform: translateY(-50%);background: url(/m/images/ico/menu_ico.png)no-repeat; -webkit-background-size: 2.6rem 1.5rem;
background-size: 2.6rem 1.5rem; background-position: right center;}
.header .main_logo {display: inline-block;}
.header .main_logo a{ display: inline-block;width: 14rem; line-height: 5.5rem;}
.header .main_logo img {width: 100%; vertical-align: middle;}

.nav_bar {display:flex; border-bottom: 4px solid #ff7a00;	}	
.nav_bar li {width:25%; text-align: center;}
.nav_bar li a {width: 100%;font-size: ;height: 4.1rem; line-height: 4.1rem;}

.header .sub_left-log {position: absolute; z-index: 2; left: 3.3%;  top: 50%;-webkit-transform: translateY(-50%);-moz-transform:translateY(-50%) ; -ms-transform: translateY(-50%);-o-transform:translateY(-50%) ;transform: translateY(-50%);}
.header .ct_ttl {text-align: center; font-size: 1.8rem;}


/* gnb */
.gnb {position: fixed;width: 100%; top: 0;left: 100%;  right:-100%; background: #fff; height:100vh; z-index: 20;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: 
.4s;-o-transition: .4s;transition:.4s;}
.gnb.on {right:0; left: 0; width: 100%;}



.gnb_logo_area {display: flex; justify-content:space-between; padding:0 3.3%; height: 5.5rem; line-height: 5.5rem; border-bottom:1px solid #ddd;}
.gnb .logo { display: inline-block; line-height: 5.5rem;}
.gnb .logo img {width: 100%;}

.gnb .all-menu-close {width:5.5rem; height: 5.5rem; background: url(/m/images/ico/close.png)no-repeat; -webkit-background-size:2.1rem 2.1rem ;
background-size:2.1rem 2.1rem ; background-position: right center;}
.gnb .gnb_head {display: flex; padding:2rem 3.3% 2.5rem;  border-bottom:15px solid #efefef;font-size: 0;}
.gnb .gnb_head  > a , .gnb__member {height:4.5rem;line-height: 4.5rem; font-size: 1.3rem; 
-webkit-border-radius:6px;-moz-border-radius:6px ;border-radius:6px ;text-align: center;}
.gnb .gnb_head  > a {display: inline-block; width: 16.2rem; margin-right:.8rem; background:#ff7a00 ; color:#fff;}
.gnb_head .gnb__member {width:calc(100% - 17rem); border:1px solid #ddd;font-size: 0;}
.gnb_head .gnb__member a {display: inline-block; width: 50%; height:4.5rem; line-height: 
4.3rem; color:#777777;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1.3rem;text-align: center;}
.gnb_head .gnb__member a:first-child {border-right:1px solid #ddd;}

.gnb .gnb__menu {padding:3rem 3.3%; overflow-y:auto;}
.gnb__menu h3 {margin-bottom: 1.4rem; font-size: 1.8rem; font-weight: 700;}
.gnb__menu .menu_tb { display: flex; flex-wrap:wrap;border:1px solid #ddd;margin-bottom: 3rem;}
.gnb__menu .menu_tb a {position: relative; display: inline-block;padding-left: 2.2rem; width:50%; height: 4.3rem;line-height: 4.3rem; font-size: 1.4rem; 
color:#616161;border-top:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gnb__menu .menu_tb .notice {border-bottom: 1px solid #ddd;}

.gnb__menu .menu_tb a:nth-child(odd) {border-right:1px solid #ddd;}
.gnb__menu .menu_tb a:nth-child(-n + 2){border-top:0;}
.gnb__menu .menu_tb a:before {content:''; position: absolute;top:50%; left:1.4rem; -webkit-transform: translateY(-50%);
-moz-transform:  translateY(-50%);-ms-transform: translateY(-50%) ;-o-transform: translateY(-50%) ;transform:  translateY(-50%); width: 3px; height: 3px; background:#616161; -webkit-border-radius: 50%;
-moz-border-radius:50% ;
border-radius:50% ;}



/* footer */
.foot__link {padding:0 3.3%; background:#f5f5f5 ; border-width:1px 0 1px 0; border-style:solid; border-color:#dddddd transparent #ddd transparent;}
.foot__link {font-size: 0;}
.foot__link li {display: inline-block;}
.foot__link li a {position: relative; display: inline-block;padding:0 1rem; height: 6rem; line-height: 6rem; font-size: 1.4rem; color:#2b2e34;}
.foot__link li:nth-child(3) a {font-weight: 900;}
.foot__link li a:before {content:''; position: absolute;width: 1px; height: 1rem; background: #ddd; right:0;top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%) ;transform:translateY(-50%) ;}
.foot__link li:first-child a {padding-left: 0;}
.foot__link li:last-child a:before {display: none;}
.foot__link li:hover a {font-weight: 800;}

.foot__btm {padding:2.7rem 0 10rem;}
.foot__btm .ft__desc {margin-bottom: 2rem;}
.foot__btm .ft__desc li {font-size: 1.3rem;line-height: 2.2rem;  color:#a4a4a4;}

.foot__info .comp-name {display: block; margin-bottom:1.5rem; font-size: 1.6rem;}
.foot__info p {margin-bottom: 1rem; font-size: 1.4rem; color: #777;}
.foot__info p.last {margin-bottom: 2rem;}
.foot__info  span {display: inline-block;}
.foot__info .ft_copy {font-size: 1.4rem; color:#a4a4a4; letter-spacing: 0;}

.footer .go_top {display:none; position:fixed; bottom:6rem; right:0; width:5rem; height:5rem; background:rgba(0,0,0,.5) url(../images/ico/go_top.png) 50% 50% no-repeat; background-size:35% auto; text-indent:-9999px; box-sizing:border-box;}


.fix_bar {position:fixed; bottom:0; left:0; display:flex; justify-content:space-between; align-item:center;padding:0 3.3%; width:100%; height:6rem; background:#fff; border-top:1px solid #ddd; box-sizing:border-box; z-index:10;}
.fix_bar a {width:25%; height:100%; padding:4rem 0 0; text-align:center; font-size:1.2rem; background: center 1rem no-repeat; -wenkit-background-size:auto 2.2rem; background-size:auto 2.2rem; color:#000; box-sizing:border-box;}
.fix_bar a:nth-child(1) {background-image:url(../images/ico/quick_ico1.png);}
.fix_bar a:nth-child(2) {background-image:url(../images/ico/quick_ico2.png);}
.fix_bar a:nth-child(3) {background-image:url(../images/ico/quick_ico3.png);}
.fix_bar a:nth-child(4) {background-image:url(../images/ico/quick_ico4.png);}



/* sub header */
.header .back_btn {width:1.8rem; height:5.4rem; background:url(../images/ico/back_ico.png) 0 50% no-repeat; -webkit-background-size:1.2rem 2.1rem; background-size:1.2rem 2.1rem; text-indent:-9999px;vertical-align: middle;}
.header .home_btn {display: inline-block; width:3.4rem; height:5.4rem; background:url(../images/ico/home_ico.png) 50% 50% no-repeat; -webkit-background-size:2.1rem 2rem; background-size:2.1rem 2rem; vertical-align: middle;}
.header .ct_ttl {flex:none; position:absolute; left:0; top:0; width:100%; text-align:center; font-size:1.8rem; line-height:5.4rem; z-index:-1;}

.snb {width:100%; height:4.5rem; padding:0 4%; border-bottom:1px solid #ddd; overflow-x:auto; -webkit-overflow-scrolling: touch;  -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ box-sizing:border-box;}
.snb::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.snb ul {width:200%;}
.snb li {display:inline-block; margin-right: 3rem;}
.snb li:last-child {margin-right:0;}
.snb a {position:relative; display:block; font-size:1.5rem;  line-height:4.4rem;box-sizing:border-box;}
.snb .on a:after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background:#ff7a00;}

.s_contents {padding:2rem 0 8rem;}

/* paging */
.paging {display:flex; justify-content:center; align-items:center; width:100%; margin:2rem auto 0;}
.paging a {width:1.8rem; height:1.8rem; border:1px solid #ddd; line-height:1.8rem; text-align:center; font-size:.8rem; font-weight:500; color:#999; margin:0 2px; box-sizing:border-box;}
.paging a.arrow {font-size:.85rem; letter-spacing:-0.065rem;}
.paging a.on, .paging a.page {width:1.5rem; line-height:1.8rem; border:none; font-weight:500; color:#555; margin:0;}
.paging a.on {color:#222; font-weight:700;}

/* cmn-paging */

/* cmn-paging */
.pagelist {margin:2rem auto ;font-size: 0;font-size: 1.3rem; color:#aaa;text-align: center;}
.pagelist b ~ a {width:.1.6rem; height:1.6rem; line-height: 1.4rem;}
.pagelist a {display: inline-block;margin:0 4px; width:16px; height:16px; line-height: 16px;color: #aaaaaa;vertical-align: middle;margin:0 2px;font-size:13px; font-weight:400; color:#999;text-align: center;} 
.pagelist a.on {margin-left: 0;}
.pagelist a img {display: none;}
.pagelist b {display: inline-block; text-align: center;font-size: 1.5rem;font-weight: 700; color: #ff7a00;}
.pagelist .prev , .pagelist .next , .pagelist .prev2 ,.pagelist .next2  { border:1px solid #dddddd;background: no-repeat; background-position: center; -webkit-background-size: 5px 7px; background-size: 5px 7px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-box-sizing: border-box;box-sizing: border-box; }
.pagelist .prev2 ,.pagelist .next2 {-webkit-background-size: 8px 7px;background-size: 8px 7px;}
.pagelist .prev {margin-left: 0; margin-right: 11px; background-image:url(/img/ico/prev.png);}
.pagelist .next {margin-right: 0;margin-left: 11px;background-image:url(/img/ico/next.png);} 
.pagelist .prev2 {margin-right: 3px; background-image:url(/img/ico/prev2.png);}
.pagelist .next2 {margin-left: 3px;background-image:url(/img/ico/next2.png);} 




.sub_ttl {font-size:1.7rem;line-height:1.4; letter-spacing:-0.045rem; color:#222; /* background:url(/images/ico/join_ico.png) 0 50% no-repeat; background-size:12px auto;  */margin-bottom:1.2rem; /* padding:0 0 0 18px; */ box-sizing:border-box;}
.sub_ttl + p {font-size:1.2rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#777; word-break:keep-all; margin:0 0 10px;}

/* ê³µí?? ë²??? */
.stk-opt {display: inline-block;padding:0 .4rem;height: 1.8rem; line-height:calc(1.8rem - 2px); border:1px solid #f00000; color:#f00000; font-size: 1.2rem;font-weight: 400; -webkit-border-radius: 2px;-moz-border-radius:  2px;border-radius: 2px ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;}
.new , .recom-ico {display: inline-block;padding:0 .6rem; height: 1.8rem; background: #27b168; line-height: 1.8rem;font-size: 1.2rem; color:#fff;-webkit-border-radius: 2px;-moz-border-radius:  2px;border-radius: 2px ; vertical-align: middle;}
.new {background: #ffac29;vertical-align: middle;}
.free-type {display: inline-block;padding:0 .6rem;height: 1.8rem; line-height: 1.8rem;background:#1b6bff; color:#fff; font-size: 1.2rem;-webkit-border-radius: 2px;-moz-border-radius:  2px;border-radius: 2px ;vertical-align: middle;}
.free-type.free {background:#ff7a00 ;}
.cmn-btn {display: inline-block; width: 6.5rem; height: 2.4rem; line-height: 2.3rem; border: 1px solid #ddd; background: #fff;text-align: center; font-size: 1.3rem; color:#666;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius: 4px; } 

.sub__sub-tit {font-size: 1.6rem;}