@charset "utf-8";

/*common*/

html.of_hide{height:100%;}
html.of_hide body{overflow:hidden;position:absolute;width:100%; /* margin-right: 17px; */}
html.of_hide #wrap{overflow:hidden;}
html.of_hide2 body{overflow:hidden;}
/*html.of_hide #wrap{height:100%;overflow:hidden;}*/


html, body{height:100%;}

html.naviOn #m_navi > span{background-color:transparent;}
html.naviOn #m_navi > span:before, html.naviOn #m_navi > span:after{border-radius:2px;}
html.naviOn #m_navi > span:before{top:0;bottom:0;
    -ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg);
}
html.naviOn #m_navi > span:after{top:0;bottom:0;
    -ms-transform: rotate(135deg); /* IE 9 */    -webkit-transform: rotate(135deg); /* Safari */    transform: rotate(135deg);
}
#subFrame{position: absolute;bottom:0;height:0;}
#container{}

.hide{opacity:0;}
.hide2{opacity:0;visibility: hidden;}
#wrap{position: relative;min-height:100%;}
.ov_h{overflow:hidden;}
.media_mobile, .mobile540{display: none;}

textarea.txa{box-sizing: border-box; font-size: 0.875em ; border: 1px solid #CFCFCF; background: #fff; line-height: 1.5em; border-radius: 3px; padding: 0.5em;box-shadow:none;min-height:7.1em;-webkit-appearance:none;}
textarea.txa.w100pc{width:100%;}

/* 레이어 팝업 창 */
#pop_common{
    position: absolute;width: 100%; height: 100%;  left: 0; top: 0; z-index: 30;background-color: rgba(0, 0, 0, 0.7); display:none;visibility:hidden;opacity:0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
#pop_common:nth-child(n){filter:none}
#pop_common.on{visibility:visible;opacity:1;}

.area_con{overflow: hidden;}
.owen_sect > .cont{max-width:1500px;margin-left:auto; margin-right:auto;position: relative;}
.owen_sect > .cont.w800{max-width:800px;}
.owen_sect .bg.bg_full{position: absolute;top:0;bottom:0;left:0;right:0;}

/*icutter*/
img.h100p{height:100% !important; width:auto !important;position: relative;}
img.w100p{width:100% !important; height:auto !important;position: relative;}

#wrap .out_box{ width: 92%; max-width:1100px;margin-left:auto;margin-right:auto;}
#wrap .out_box2{ width: 100%; max-width:1100px;margin-left:auto;margin-right:auto;}
#wrap #container.sub > .out_box{width: 92%; max-width:1100px; min-height: 600px;}
#container.sub{padding: 3.333em 0;}
#container.sub.gray{background-color: #efefef;}

#wrap{  }
/*header*/
#header{height:115px;}
#header > .inner{height:115px;background-color: #fff;position: relative; border-bottom: 4px solid #f5a500; box-sizing: border-box; }
#header > .inner > .inner2{position: relative;height:100%;}
#header h1{position: absolute;height:100%;}
#header h1 .pc { display: inline-block; }
#header h1 .m { display: none; }
#header nav#lnb{text-align: center; display: table; width: 100%; height: 100%; }
#header nav#lnb > ul{display: table-cell; vertical-align: middle; }
#header nav#lnb > ul > li{ display: inline-block; margin:0 15px;}
#header nav#lnb > ul > li > a{color: #5f5f5f;font-size: 1em;display: block;padding:0 2px;}
#header #gnb{position: absolute;right:0;top:50%; margin-top: -1.133em;}
#header #gnb button{ border-color: #398e95; color: #398e95; }
#header #gnb button + button { margin-left: 0.35em; }
#header #gnb button.mypage:hover { width: 7.5em }
#header #gnb button.logout:hover { width: 6.5em }
#header #gnb button.mMenu { width: 2.667em; height: 1.5em; position: relative; border: 0; border-top: 0.267em solid #333; border-bottom: 0.267em solid #333; box-sizing: border-box; vertical-align: middle; background-color: transparent; cursor: pointer; display: none; }
#header #gnb button.mMenu:before { content: ''; position: absolute; top: 0; left: 0; border-bottom: 0.267em solid #333; width: 100%; height: 50%; margin-top: -0.133em; }

/*footer*/
#footer{background-color: #a0a9aa;padding:33px 0;}
#footer > .inner{ display: table; }
#footer > .inner > * { display: table-cell; vertical-align: middle; }
#footer > .inner > p{color: #fff;font-size: 13px;text-align: center;}
#footer .logo { padding-right: 60px; width: 270px; box-sizing: border-box; }
#footer .info {  }
#footer .info ul { overflow: hidden; margin: 0 -17px; }
#footer .info ul > li { float: left; padding: 0 17px; color: #fff; font-size: 13px; line-height: 1; margin-bottom: 7px; }
#footer .info ul > li + li { border-left: 1px solid #d4ddde; }
#footer .copy { font-size: 13px; color: #d4ddde; }


/*spot*/
#area_spot{overflow: hidden;position: relative; height:188px; position: relative;}
#area_spot > .bx_img{width:1920px;left:50%;margin-left:-960px;height:188px;position: absolute; z-index: 1; }
#area_spot > .bx_img > img{}
#area_spot > .bx_depth2{background-color: #222222;padding-top: 5px;}
#area_spot .area_title { display: table; height: 100%; text-align: center; position: relative; z-index: 2; }
#area_spot .area_title > * { display: table-cell; vertical-align: middle; }
#area_spot .area_title h2 { font-size: 38px; font-weight: bold; color: #ffb317; font-family: 'NanumSquare', sans-serif; }
#area_spot .area_title small { font-size: 0.474em; font-weight: normal; display: block; padding-top: 15px; margin-top: 10px; position: relative; }
#area_spot .area_title small:before { content: ''; position: absolute; top: 0; left: 50%; width: 50px; height: 1px; margin-left: -25px; background-color: #ffb317; }

.tab_snb{}
.tab_snb > ul{}
.tab_snb > ul:after{content: '';display: block;clear: both;}
.tab_snb > ul > li{float: left;margin-right:1px;}
.tab_snb > ul > li > a{display: block;width:184px;height:44px;line-height: 44px;font-size: 16px;text-align: center;color: #9d9d9d;border-radius:3px 3px 0 0;}
.tab_snb > ul > li.on > a{color: #333;background-color: #fff;}

h2.tit1{font-size: 35px;margin-bottom:23px;padding-top:50px; }
h2.tit1 > small{font-size: 14px;color: #656565;margin-left:10px;font-weight: 400;line-height: 18px;display: inline-block;}
h2.tit1.pd-b{padding-bottom:23px;margin-bottom:0;}
/*마일리지*/
.my_mileage{padding:15px 40px;border:7px solid #E4DEDB;margin-bottom:10px;}
.my_mileage > .bx_left{float: left;}
.my_mileage > .bx_left > *{vertical-align: middle;}
.my_mileage > .bx_left > img{margin-right: 35px;}
.my_mileage > .bx_left > p{display: inline-block;font-size: 15px;font-weight: 700;line-height: 24px;margin-right: 60px;}
.my_mileage > .bx_left > p > strong{color: #c56005;}
.my_mileage > .bx_left span.point{display: inline-block;font-size: 18px;font-weight: 700;}
.my_mileage > .bx_left span.point > strong{font-size: 35px;}
.my_mileage > .bx_right{float: right;}
.my_mileage > .bx_right > ul{margin-top:5px;}
.my_mileage > .bx_right > ul > li{font-size: 15px;border-bottom:1px solid #E3E2DA;padding:5px 15px;width:337px;line-height: 1.5;}
.my_mileage > .bx_right > ul > li:after{content: '';display: block;clear: both;}
.my_mileage > .bx_right > ul > li > strong{position: relative;display: block;float: left;padding-left:15px;font-weight: 400;}
.my_mileage > .bx_right > ul > li > strong:after{position: absolute;width:5px;height:5px;top:0;bottom:0;left:0;margin:auto;background-color: #ACC0B5;border-radius:50%;content: '';}
.my_mileage > .bx_right > ul > li > span{display: block;float: right;font-weight: 700;}

.exp_mileage { font-size: 13px; line-height: 22px; margin-bottom:40px; margin-left: 20px; margin-left: 40px; }

/*메인*/
#main_visual { position: relative; }
#main_visual .item { width: 100%; height: 555px; overflow: hidden; }
#main_visual .item > .inner { position: relative; display: table; width: 100%; height: 100%; }
#main_visual .img { position: absolute; top: 0; left: 50%; margin-left: -960px; z-index: 1; }
#main_visual .text { position: relative; z-index: 2; text-align: center; display: table-cell; vertical-align: middle; background-color: rgba(0,0,0,0.4); color: #fff; }
#main_visual .text .tit { font-size: 45px; font-weight: lighter; }
#main_visual .text .date { font-size: 17px; margin-top: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; padding: 5px 0; }
#main_visual .text .btn { display: inline-block; margin-top: 35px; background: url(../images/main/visual_link_btn.png) center no-repeat; border-color: transparent; width: 210px; padding-right: 50px; }
#main_visual .slick-arrow { position: absolute; top: 50%; width: 85px; height: 85px; margin-top: -42.5px; border-radius: 100%; text-indent: -9999px; z-index: 10; }
#main_visual .slick-prev { left: 3%; background: url(../images/main/slider_arrow_prev_off.png) center no-repeat; }
#main_visual .slick-next { right: 3%; background: url(../images/main/slider_arrow_next_off.png) center no-repeat; }
#main_visual .slick-prev:hover { background: url(../images/main/slider_arrow_prev_on.png) center no-repeat; }
#main_visual .slick-next:hover { background: url(../images/main/slider_arrow_next_on.png) center no-repeat; }
#main_visual .slick-dots { position: absolute; bottom: 5%; width: 100%; text-align: center; z-index: 100; }
#main_visual .slick-dots > * { display: inline-block; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; border: 2px solid #fff; text-indent: -9999px; box-sizing: border-box; margin: 10px; cursor: pointer; }
#main_visual .slick-dots > *.slick-active { transform: scale(1.5); border-color: #fe9f18; background-color: transparent; }


#main_page{  }
#main_page .main_section {  }
#main_page .main_section.bg_color { background-color: #fcf6ee; padding: 20px 0; margin: 25px 0; }
#main_page .main_section > .inner {  }
#main_page .main_section > .inner:before, #main_page .main_section > .inner:after { content: ''; display: table; }
#main_page .main_section > .inner:after { clear: both; }
#main_page .main_section > .inner > * { float: left; width: 100%; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
#main_page .main_section > .inner > *:first-child { padding-left: 0; }
#main_page .main_section > .inner > *:last-child { padding-right: 0; }
#main_page .main_section > .inner > .s6 { width: 50%; }
#main_page .main_section:first-child .bx_main { padding-top: 50px; }
#main_page .main_section:last-child .bx_main { padding-bottom: 50px; }
#main_page .bx_main{ padding: 20px 0; }
#main_page .bx_main .bx_main_header { position: relative; padding-bottom: 1em; }
#main_page .bx_main .bx_main_header .title { font-size: 1.867em; color: #398e95; font-weight: bold; font-family: 'NanumSquare', sans-serif; }
#main_page .bx_main .bx_main_header .more_btn { position: absolute; right: 0; top: 0; }
#main_page .bx_main .bx_main_header .more_btn > span { margin-right: 5px; vertical-align: middle; }
#main_page .bx_main .bx_main_header .more_btn .btn > span { font-size: 1.333em; }
#main_page .bx_main .bx_top{}
#main_page .bx_main .bx_top .bx_left{width:663px;float: left;}
#main_page .bx_main .bx_top .bx_left > img{}
#main_page .bx_main .bx_top .bx_right{width:379px;float: right;}
#main_page .bx_main .bx_notice{background-color: #e1ebf5;height:120px;padding:20px;margin-bottom:9px;}
#main_page .bx_main .bx_notice > h2{margin-bottom:16px;position: relative;}
#main_page .bx_main .bx_notice > h2 > span{font-size: 16px;vertical-align: middle;line-height: 24px;}
#main_page .bx_main .bx_notice > h2 > a{font-size: 12px;display: block;line-height: 20px;height:20px;top:0;bottom:0;right:0;margin:auto;position: absolute;font-weight: 300;color: #596a7a;}
#main_page .bx_main .bx_notice > ul{}
#main_page .bx_main .bx_notice > ul > li{position: relative;}
#main_page .bx_main .bx_notice > ul > li:after{content: '';display: block;clear: both;}
#main_page .bx_main .bx_notice p.tit{color: #4c7094;font-size: 13px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 26px;}
#main_page .bx_main .bx_notice p.tit > strong{color: #223b53;}
#main_page .bx_main .bx_notice > ul > li > span{display: block;float: right;color: #7e8e9e;font-size: 12px;line-height: 26px;}
#main_page .bx_main .bx_intro_panel{height:299px;padding:30px 20px;background-color: #edf1dd;}
#main_page .bx_main .bx_intro_panel > h2{position: relative;font-size: 16px;}
#main_page .bx_main .bx_intro_panel > .img{text-align: right;margin-top:-10px;margin-bottom:15px;}
#main_page .bx_main .bx_intro_panel > .img > img{}
#main_page .bx_main .bx_intro_panel > p{color: #676767;font-size: 13px;line-height: 24px;margin-bottom:12px;}
#main_page .bx_main .bx_intro_panel > p.pt{color: #496d57;}
#main_page .bx_main .bx_bot{clear: both;padding-top:9px;}
#main_page .bx_main .banner{height:99px;background: url(/panel/images/main/bg_bot_banner.jpg) 0 0 no-repeat;padding:30px 40px;position: relative;}
#main_page .bx_main .banner > h2{margin-bottom:20px;}
#main_page .bx_main .banner > p{color: #c7ebb3;font-size: 15px;}
#main_page .bx_main .banner > button{position: absolute;top:0;bottom:0;margin:auto;height:45px;border:2px solid #fff;color: #fff;min-width:224px;right:70px;font-weight: 700;}
#main_page .bx_main .banner > button > *{vertical-align: middle;}
#main_page .notice_board table.list_bbs_basic { border-top: 2px solid #333; }
#main_page .notice_board table.list_bbs_basic > tbody > tr > td a { color: #666; }
#main_page .notice_board table.list_bbs_basic > tbody > tr > td.date { color: #36787d; }
#main_page .notice_board table.list_bbs_basic > tbody > tr > td.date strong { display: block; font-size: 3em; font-weight: 800; line-height: 1; }
#main_page .notice_board table.list_bbs_basic > tbody > tr > td.tit p { color: #333; font-size: 1.2em; margin-bottom: 2px; }
#main_page .notice_board table.list_bbs_basic > tbody > tr:hover > * { background-color: transparent; }

/*소개*/
.bx_intro_type1{max-width:64em;margin:auto;margin-top:60px;}
.bx_intro_type1 > h3{color: #4481cf;font-size: 1.5em;text-align: left;font-weight: 400;margin-top:1.25em;margin-bottom:1.25em;}
.bx_intro_type1 > ul{}
.bx_intro_type1 > ul > li:after{content: '';display: block;clear: both;}
.bx_intro_type1 dl{text-align: left;}
.bx_intro_type1 dl > dt{float: left;width:120px; height: 120px;margin-right:45px}
.bx_intro_type1 dl > dt img{max-width:100%;max-height: 100%;}
.bx_intro_type1 dl > dd{display: table;margin-bottom:50px;}
.bx_intro_type1 dl > dd:after{content: '';display: block;clear: both;}
.bx_intro_type1 dl > dd > h4{margin-bottom:26px;}
.bx_intro_type1 dl > dd > ul{}
.bx_intro_type1 dl > dd > ul > li{position: relative;font-size: 15px;color: #666666;line-height: 30px;padding-left:15px;}
.bx_intro_type1 dl > dd > ul > li:after{position: absolute;width: 3px;height: 3px;left:0;top:13px;content: '';background-color: #666666;}
.bx_intro_type1 dl > dd > ul > li > strong{font-weight: 400;color: #406e54;}
.bx_intro_type1 dl > dd > ul > li a.link{color: #447bda;text-decoration: underline;}

/*패널신청*/

.bx_apply{border:1px solid #D2D2D2;position: relative;}
.bx_apply > h3{}
.bx_apply button.btn_move_to_apply{position: absolute;right:350px;margin-top:-90px;width:234px;height:47px;border:1px solid #1d3167;background-color: #435faf;color: #fff;font-size: 15px;font-weight: 700;border-radius:23px;}
.bx_apply > ul{margin-top:30px;}
.bx_apply > ul > li{border-top:1px solid #E8E8E8;padding:26px 36px;}
.bx_apply > ul > li:first-child{border-width:0;}
.bx_apply > ul > li:after{content: '';display: block;clear: both;}
.bx_apply > ul > li > h4{width:177px;float: left;font-size: 18px;font-weight: 400;line-height: 24px;}
.bx_apply > ul > li > .con{display: table;}
.bx_apply > ul > li ul.li_dash{font-size: 14px;color: #666;line-height: 24px;}
.bx_apply > ul > li p{font-size: 14px;color: #666;line-height: 24px;margin-bottom:4px;-ms-word-break: keep-all;word-break: keep-all;}
.bx_apply > ul > li p.black{color: #333;}
.bx_apply > ul > li p strong{color: #2e673b;font-weight: 400;}
.bx_apply .bx_alert{padding:20px;background-color: #f5f8f4;border-radius:4px;margin-top:10px;}
.bx_apply .bx_alert h5{font-size: 13px;color: #3e643e;margin-bottom:7px;}
.bx_apply .bx_alert h5 img{margin-right:10px;}

.bx_apply ul.unit{margin-left:-20px;}
.bx_apply ul.unit > li{display: inline-block;width:86px;height:86px;border:5px solid #D5DFD2;border-radius:50%;background-color: #fff;text-align: center;padding:10px;margin-left:20px;}
.bx_apply ul.unit > li > p{display: inline-block;vertical-align: middle;margin:0;font-weight: 700;font-size: 14px;line-height: 20px;}

#area_write_panel_application{overflow: hidden;}
#area_write_panel_application > div{background-color: #fff;}
#area_write_panel_application > article{background-color: #fff;}
.bx_application{padding:3em 3.333em;}
.bx_application > dl { margin-bottom: 2.667em; }
.bx_application > dl > dt{color: #333;font-size: 1.200em;margin-bottom:1.067em;}
.bx_application > dl > dd{margin-left:1.333em;margin-bottom:2.667em;}
.bx_application > dl.off{display: none;}
.bx_application > dl.sub_q{margin-left:1em;}
.bx_application > dl.sub_q > dt{font-size: 1.067em;}

.bx_application p.lst_check2{margin-left:-2.333em;}
.bx_application p.lst_check2 > span{margin-left:2.333em;margin-bottom:1.200em;display: inline-block;}

.bx_application .bx_result{margin-bottom:1em; list-style-type:decimal;font-size: 0.933em;margin-left:1.333em;}
.bx_application .bx_result > li{padding:3px 5px;list-style-type:decimal;}
.bx_application textarea.txa + p{text-align: right;font-size: 0.933em;margin-top:5px;}
.bx_application textarea.txa + p > span{color: #666;}

ul.li_dash > li{position: relative;padding-left: 1em;}
ul.li_dash > li:after{position: absolute;top: 0;left: 0;content:"-";}

.area_policy{padding: 48px 22px;margin:0 32px;border-bottom:1px dashed #ddd;}
.area_policy > h3{margin-bottom: 15px;font-size: 18px;}
.area_policy > p{font-size: 14px;line-height: 22px;margin-bottom: 5px;}
.area_policy > ul > li{font-size: 14px;line-height: 22px;}
.area_policy .bx_policy{max-height:200px;padding:1.5em;border:1px solid #E9E9E9;overflow: hidden;overflow-y: auto;margin:1em 0;font-size:12px;line-height:1.5;color: #666;background-color: #f7f7f7;}
.area_policy .bx_policy dt{font-size: 15px;line-height:20px;margin:0.5em 0 0.2em;font-weight: 700;}
.area_policy .bx_policy dd{font-size: 14px;}
.area_policy .bx_policy p{font-size: 14px;}

.tb_resulte2{overflow: hidden;}
.tb_resulte2 > .in{margin:-1px -1px 0 ;}
.tb_resulte2 > .in > table{width: 100%;}
.tb_resulte2 > .in > table thead th{padding: 15px 8px;font-size: 0.867em;background-color: #888888;color: #fff;text-align: left;border:1px solid #CDD3D4;border-bottom:2px solid #526F7A;font-weight: 400}
.tb_resulte2 > .in > table tbody th, .tb_resulte2 > .in > table tbody td{padding: 12px 5px;font-size: 0.867em;border: 1px solid #CDD3D4;;}
.tb_resulte2 > .in > table > tbody > tr > th{vertical-align: middle;color: #666666;text-align: left;font-weight: 400;}
.tb_resulte2 > .in > table > tbody > tr > td{vertical-align: middle;text-align: center;color: #4d9cbb;width:9%;}
.tb_resulte2 > .in > table > tbody > tr > td .bx{width: 20px;height:60px;margin: auto;position: relative;}
.tb_resulte2 > .in > table > tbody > tr > td .bx > .bar{background-color: #76b7d1;position: absolute;bottom:0;left: 0;right: 0;}
.tb_resulte2 > .in > table > tbody > tr > td p{margin-top:3px;color: #4996b4;}
.tb_resulte2 .lst_check3 label .bx_radio { margin: 0; }

#area_write_panel_application_end { min-height: 600px; }
.application_end_box { width: 623px; height: 263px; margin: 0 auto; margin-top: 115px; background-color: #dfe6f5; border-radius: 10px; overflow: hidden; position: relative; }
.application_end_box:after { content: ''; position: absolute; bottom: 0; right: 0; width: 180px; height: 242px; background: url(/panel/images/intro/application_end_bg.png) no-repeat;  }
.application_end_box .txt { height: 100%; padding-left: 60px; }
.application_end_box .txt .valign { display: table; height: 100%; }
.application_end_box .txt .valign .middle { display: table-cell; vertical-align: middle; }
.application_end_box .txt h1 { font-size: 25px; line-height: 24px; letter-spacing: 0; color: #3d4c6b; font-weight: bold; display: inline-block; margin-bottom: 22px; padding-bottom: 22px; border-bottom: 2px solid #686868; }
.application_end_box .txt p { font-size: 15px; line-height: 26px; letter-spacing: 0; color: #333; }

.bx_request_login{margin: 120px 0;text-align: center;}
.bx_request_login > h3{font-size: 25px;font-weight: 400;line-height: 1.5;margin-bottom: 50px;}
.bx_request_login > button{color: #fff;
    background-color: #398e95;
    border: 1px solid #398e95;
    min-width: 94px;
    height:42px;
    padding: 0px 15px;
    font-size:16px;
    border-radius:5px;
    }




.modal .title_logo { padding: 1em 0; text-align: center; }
.modal .inputBox { margin-top: -1.333em; margin-bottom: 2em; }
.modal .inputBox > li { margin-top: 1.333em; display: block; }
.modal .inputBox .ipt { width: 100%; }
.modal .inputBox .ipt_field .btn { position: absolute; top: 15%; right: 0; font-size: 0.733em; min-width: auto; }
.modal .btnBox { text-align: center; margin-top: -1.333em; }
.modal .btnBox > li { margin-top: 2em; display: block; }
.modal .btnBox .btn { width: 100%; height: 4em; line-height: 4em; letter-spacing: 1px; }

#login_modal,
#default_modal { max-width: 450px; }

#login_modal .inputBox { text-align: center; }
#login_modal .btnBox { margin-bottom: 2em; }
#login_modal .btnBox .forget { font-size: 1em; color: #398e95; border-bottom: 1px solid #398e95; display: inline-block; }
#login_modal .alert { text-align: center; color: #f96b5f; margin-top: -1.333em; margin-bottom: 2.333em; }

#certi_modal { max-width: 500px; }
#certi_modal .btnBox { margin-bottom: 2em; }
#certi_modal .btnBox .signedup { font-size: 1em; text-align: center; }
#certi_modal .btnBox .signedup a { color: #995bbc; border-bottom: 1px solid #995bbc; margin-left: 10px; }

#mypage_modal { max-width: 800px; }
#mypage_modal .myTab_menu { display: table; width: 100%; border-bottom: 1px solid #333; margin-top: 1em; }
#mypage_modal .myTab_menu > li { display: table-cell; vertical-align: middle; text-align: center; width: 50%; }
#mypage_modal .myTab_menu > li > a { font-size: 2em; display: block; color: #e0e0e0; font-weight: 500; border-bottom: 4px solid transparent; padding: 0.2em; }
#mypage_modal .myTab_menu > li.active > a { color: #5e0d8b; border-color: #5e0d8b; }
#mypage_modal .myTab_cont > li { display: none; }
#mypage_modal .myTab_cont > li.active { display: block; }
#mypage_modal .coin_date { width: 100%; overflow-x: auto; }



.site-menu { position: fixed; top: 0; right: -100%; width: 90%; height: 100%; z-index: 200;
  -webkit-transition: right ease .4s .3s;
  -ms-transition: right ease .4s .3s;
  transition: right ease .4s .3s;
  overflow: hidden;
}
.site-menu:before { content: ''; position: fixed; top: 0; right: 0; width: 0%; height: 100%; background-color: #fff;
  -webkit-transition: width ease .4s .3s;
  -ms-transition: width ease .4s .3s;
  transition: width ease .4s .3s;
}
.site-menu > .inner { height: 100%; position: relative; overflow: hidden; }
.site-menu .top { position: absolute; top: 0; left: 0; width: 100%; height: 6em; padding: 1.5em 0; z-index: 2; box-sizing: border-box; }
.site-menu .top > * { display: inline-block; }
.site-menu .top > * + * { margin-left: 2em; }
.site-menu .top .btn { padding: 0; min-width: auto; }
.site-menu .top .ipt_field { margin-top: 0;  }
.site-menu .top .ipt_field  select { min-width: 100px; margin-bottom: 0; }
.site-menu .top .mMenu_close { margin: 0; position: absolute; top: 1.4em; right: 0; border-radius: 100%; background-color: #eaeaea; border-color: #eaeaea; width: 3.333em; height: 3.333em; }
.site-menu .nav { display: table; width: 100%; height: 100%; opacity: 0; position: relative; left: -100%; z-index: 1;
  -webkit-transition: all ease .6s .4s;
  -ms-transition: all ease .6s .4s;
  transition: all ease .6s .4s;
}
.site-menu .nav ul { display: table-cell; vertical-align: top; padding-top: 6em; }
.site-menu .nav ul > li { text-align: left; padding: 1.5em 0; border-bottom: 1px solid #bcbcbc; }
.site-menu .nav ul > li a { font-size: 1.5em; color: #000; font-family: 'Poppins', sans-serif; font-weight: 500; }

.site-menu .bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.5em 0; z-index: 2; }
.site-menu .bottom ul { display: table; width: 100%; margin: -0.5em -0.8em; overflow: hidden; }
.site-menu .bottom ul li { display: table-cell; vertical-align: middle; padding: 0.5em; position: relative; z-index: 1;
  -webkit-transition: all ease .4s .3s;
  -ms-transition: all ease .4s .3s;
  transition: all ease .4s .3s;
}
.site-menu .bottom ul li.link { background-color: #fff; z-index: 2; }
.site-menu .bottom ul li:not(.link) { left: -100%; }
.site-menu .bottom ul.on li:not(.link) { left: 0; }
.site-menu .bottom ul.on li.link:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -1.2em; width: 1px; height: 2.4em; background-color: #c7c7c7; }
.site-menu .bottom ul li .btn { background-size: 80%; background-repeat: no-repeat; background-position: center; }
.site-menu .bottom ul li .sns_link { background-image: url(../images/ico/ico_sns_link.png); }
.site-menu .bottom ul li .sns_facebook { background-image: url(../images/ico/ico_sns_facebook.png); }
.site-menu .bottom ul li .sns_instargram { background-image: url(../images/ico/ico_sns_instargram.png); }
.site-menu .bottom ul li .sns_youtube { background-image: url(../images/ico/ico_sns_youtube.png); }
.site-menu .bottom ul li .sns_telegram { background-image: url(../images/ico/ico_sns_telegram.png); }
.site-menu .bottom ul li .sns_kakao { background-image: url(../images/ico/ico_sns_kakao.png); }

body.menu_show .site-menu { right: 0; }
body.menu_show .site-menu:before { width: 90%; }
body.menu_show .site-menu .nav { opacity: 1; left: 0; }



.agree_chk { width: 100%; }
.agree_chk + .agree_chk { margin-top: 2em; }
.agree_chk .title { color: #333; font-size: 1.75em; margin-bottom: 2em; text-align: center; font-weight: bold; }
.agree_chk .cont { border: 1px solid #CDD3D4; width: 100%; min-height: 400px; box-sizing: border-box; }
.agree_chk .cont > .inner { max-width: 800px; margin: 0 auto; }
.agree_chk .cont img { display: inline-block; }
.agree_chk .chk { display: flex; justify-content: flex-end; }
.agree_chk .chk > * + * { margin-left: 2em; }
.agree_chk .cont .em { font-size: 1em; border-top: 1px solid #333; padding-top: 2em; }
.agree_chk .cont .date { font-size: 1.25em; text-align: right; margin-top: 2.667em; }
.agree_chk .cont .name { font-size: 1.25em; text-align: right; margin-top: 1em; }
.agree_chk .cont .name2 { font-size: 1.75em; text-align: center; margin-top: 2em; }
.agree_chk .cont .text { font-size: 1.25em; line-height: 2; min-height: 300px; padding: 5% 2%; border-bottom: 1px solid #333; }


.tb_table {  }
.tb_table table { border-top: 2px solid #333; border-bottom: 2px solid #333; width: 100%; }
.tb_table table th { border-bottom: 2px solid #333; background-color: #eee; font-size: 0.9em; font-weight: normal; vertical-align: middle; line-height: 1.2; padding: 10px; }
.tb_table table th + th { border-left: 1px solid #333; }
.tb_table table td { text-align: center; border-bottom: 1px solid #333; font-size: 0.9em; vertical-align: middle; line-height: 1.2; padding: 10px; }
.tb_table table td + td { border-left: 1px solid #333; }
.tb_table + p { margin-top: 5px; font-size: 0.85em; }