@charset "UTF-8";

.tm0 {margin-top:0 !important}
.bm0 {margin-bottom:0 !important}

.ntm15 {margin-top:0.8vw !important}
.ntm20 {margin-top:1vw !important}
.ntm28 {margin-top:1.5vw !important}
.ntm30 {margin-top:1.6vw !important}
.ntm35 {margin-top:1.8vw !important}
.ntm40 {margin-top:2.1vw !important}
.ntm50 {margin-top:2.6vw !important}
.ntm60 {margin-top:3.1vw !important}
.ntm70 {margin-top:3.6vw !important}
.ntm80 {margin-top:4.2vw !important}
.ntm90 {margin-top:4.7vw !important}
.ntm100 {margin-top:5.2vw !important}
.ntm120 {margin-top:6.3vw !important}
.ntm140 {margin-top:7.3vw !important}

.tbm70 {margin:3.6vw 0}

.nbm20 {margin-bottom:1vw !important}
.nbm30 {margin-bottom:1.6vw !important}
.nbm35 {margin-bottom:1.8vw !important}
.nbm50 {margin-bottom:2.6vw !important}
.nbm70 {margin-bottom:3.6vw !important}

/*컬러*/

.color1 {background-color:#e55953}
.color2 {background-color:#85a9a9}

.bg_1 {background-color:#85a9a9 !important; border:1px solid #85a9a9 !important; color:#fff !important;}

.bl_bg {background-color:#333 !important; color:#fff !important}

.red {color:red}

.p_t {font-family: 'NEXON Lv1 Gothic OTF';}
.s_t {font-size:.83em; color:#888}
.b_t {font-size:1.5rem; font-weight:600;}
.basic_t {font-size:1rem; color:#444}
.basic_t2 {font-size:1.2rem; color:#444; line-height:1.6em}


/*라인*/

.line {width:100%; height:1px; background-color:#333; display:block}
.line2 {width:100%; height:2px; background-color:#333; display:block}
.border_top {border-top:2px solid #333}
.text_line {color:#999; font-size:11px; font-weight:300}

.flex-s {align-items:flex-start !important}
.flex-e {align-items:flex-end !important}
.flex-c {align-items:center !important}
.ju_c {justify-content:center}

/*영역*/

.box_100 {width:100%;  display:inline-block}
.col-2 {width:100%; display:flex; justify-content:space-between}
.col-2 .col-2_box {width:48%;}

.col-2-img {width:100%; display:flex; box-sizing:border-box; flex-wrap:nowrap !important;  justify-content:space-between;   line-height:0;}
.col-2-img li {margin:0 !important;  }
.col-2-img li:nth-child(1n) {width:49%;  }
.col-2-img li:nth-child(2n) {width:49%; }
.col-2-img li img.b_img {width:100%; }

.flex {display:flex}
.item_center {align-items:center}



/*탭*/

.tab {width:100%; display:inline-block;} 
.tab li {display:inline-block; padding:4px 10px; font-size:1.3rem; border:1px solid #ddd}

.c_tab_wrap {width:100%; height:280px; }

.c_tab {width:100%; display:flex; align-items:center; margin-top:-1vw; justify-content:center} 
.c_tab li {display:inline-block;  width:150px; text-align:center; margin:0 1.3vw; font-size:1.3rem; border:1px solid #ddd; box-sizing:border-box; min-height:36px; line-height:1.2em; vertical-align:top }
.c_tab li:first-child {margin-left:0}
.c_tab li:last-child {margin-right:0}
.c_tab li a {display:inline-block; background-color:#ddd; width:100%; min-height:31px; padding-top:5px}
.c_tab li.ov a {background-color:#333; color:#fff !important}
.c_tab li.select_li {margin-left:auto; border:none; padding:0; width:auto} 
.c_tab li.select_li select {font-size: 1.3rem;
    padding:0 10px;  height:34px; 
    margin-left: auto;}


.info_ul {}
.info_ul li {width:100%; display:inline-block; border-bottom:1px solid #ddd; padding:13px 0}
.info_ul li dl {width:100%; display:flex}
.info_ul li dl:nth-child(2) {margin-top:5px}
.info_ul li dl dt {width:30%; font-size:1.2rem; font-weight:600; color:#333;}
.info_ul li dl dd {width:60%; font-size:1.2rem; font-weight:400; color:#666;}


.c_tab2 {width:100%; display:inline-block;text-align:center; } 
.c_tab2 li {display:inline-block;  width:120px; text-align:center; margin:0 20px; font-size:1.3rem; border:1px solid #ddd}
.c_tab2 li a {display:inline-block; background-color:#ddd; line-height:36px; width:100%;}
.c_tab2 li.ov {background-color:#333}
.c_tab2 li.ov a {color:#fff !important}


/*팝업*/
.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}
.needpopup_wrapper{position:fixed;z-index:999999999999999999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.8)}

.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
.needpopup-overflow .needpopup_wrapper{padding:10px}



.needpopup{position:relative;z-index:9999;top:50%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%; border:1px solid red;   max-width: 1340px;    opacity:0;   }


.needpopup.opened{ transform:scale(1,1); transform: translate(-50%, 0); opacity:1}

.needpopup.stacked{top:0!important;margin-top:0!important} 
.needpopup_remover{position:fixed;z-index:9999;top:30px;right:30px;font-size:40px;line-height:.5;color:#fff;text-decoration:none; display:none}
.needpopup_remover:hover{color:#ccc}
.needpopup_remover:before{content:'×'}
.needpopup .needpopup_remover{top:10px;right:10px;position:absolute; font-size:30px; font-weight:800; color:#111;  }
.needpopup .needpopup_remover:hover{color:#ccc}


/*버튼*/

.more_btn     {width:100%; display:inline-block; margin:2.6vw 0; text-align:Center; }
.more_btn  a {font-size:1.3rem; color:#333; border-bottom:1px solid #333; }

.s_btn {width:100px; line-height:35px; background-color:#333; color:#fff !important; text-align:center; display:inline-block; font-size:1rem }
.s_btn2 {padding:0 10px; line-height:35px; background-color:#333; color:#fff !important; text-align:center; display:inline-block; font-size:1rem;  }

.btn_wrap {width:100%; display:inline-block; text-align:center;  padding-top:3vw}
.btn_wrap a {width:220px; line-height:50px; text-align:center; font-size:1.3rem; display:inline-block; border:1px solid #333; margin:0 10px }
.btn_wrap a:last-child {background-color:#333; color:#fff !important}

a.basic_btn {width:250px; line-height:50px; text-align:center; font-size:1.3rem; display:inline-block; border:1px solid #333; background-color:#333; color:#fff !important }
