@charset "utf-8";

html,body{width:100%; margin:0; padding:0; border:0; }
body{width:100%;}
.wrap{position:relative; z-index:0; width:100%; overflow:hidden}
.contents{width:100%;position:relative; margin:82px 0 0 0;}
.mg_bottom{padding-bottom:150px}

/*s:sub_vis & local*/
.sub_vis{height:450px; width:100%; text-align:center; margin:-5px auto 0;background-size:cover; background-position:center;}
.service .sub_vis{background-image:url("../com.img/sub/sub_vis01.jpg"); }
.offer .sub_vis{background-image:url("../com.img/sub/sub_vis02.jpg"); }
.company .sub_vis{background-image:url("../com.img/sub/sub_vis03.jpg"); }
.board_st .sub_vis{background-image:url("../com.img/sub/sub_vis04.jpg"); }
.customer .sub_vis{background-image:url("../com.img/sub/sub_vis05.jpg"); }

.sub_vis .local{max-width:1260px; margin:0 auto; text-align:left;padding:25px 20px 0 30px}
.sub_vis .local li{display:inline-block;vertical-align:middle; color:#eee;font-weight:200; font-size:14px; position:relative ;margin-right: 40px;}
.sub_vis .local li img{vertical-align: middle;display: block;}
.sub_vis .local li:first-child:after{display:none}
.sub_vis .local li:after{content:''; background:url('../com.img/sub/local_arr.png') no-repeat; width:6px; height:10px;display: block;position: absolute;left: -22px;top: 7px;}

.sub_vis .vis_box{text-align:left;max-width:1260px; margin:0 auto; padding:100px 30px 0 30px}
.sub_vis .vis_box h2.sub_vis_title{font-size:26px; letter-spacing:-0.6px; font-weight:200; color:#ffffff; display: inline-block;}
.sub_vis .vis_box h2.sub_vis_title:after {content: ""; width: 100%; height: 3px; background:#74d0f7;display: block;}
.sub_vis .vis_box .sub_vis_txt{font-size:40px; letter-spacing:-0.6px; font-weight:200; line-height:55px;color:#ffffff;margin-top:30px}
.sub_vis .vis_box .sub_vis_txt span.bod{font-weight:400; vertical-align:text-bottom;}
.sub_vis .vis_box .s_txt{font-size:26px;font-weight:200; color:#ffffff;margin-top:10px}

h3.sub_b_tit{font-size:26px; font-weight:400px; color:#dd1e3b;margin-bottom:30px}
/*e:sub_vis & local*/

.slide_wrap {position: relative; width: 100%; height:450px; margin: 0 auto; overflow: hidden;}
.slide_banner { width:100%; height:450px; position:absolute;}
.slide_banner li { width:100%; height:450px; float:left;}
.slide_banner li img {height: 100%;}
#slide_banner_navi { position:absolute; bottom:20px; right:20px; cursor:pointer; }
#slide_banner_navi li { float:left; margin-left:5px; z-index:999; width:10px; height:10px;}
#slide_banner_navi li.usl-current-parent { background-position:0 -10px; }
#slide_banner_navi a { width:10px; height:10px; display:block; }

/*s:tab*/
.tab_st02{text-align:center;padding: 15px 0 30px 0;}
.tab_st02 ul{width:100%;margin:0 auto}
.tab_st02 ul:after{content:'';display:block;clear:both}
.tab_st02 ul li{display:inline-block;width:30%; height:56px;font-size: 20px;line-height: 48px;margin-left:2%;border:2px solid #fff; border-bottom-color: #ccc;transition:0.25s;cursor: pointer;color:#999999;letter-spacing:-0.6px;font-weight:400;padding-top:3px;} 
.tab_st02 ul.onetab li{width:100%}
.tab_st02 ul li:first-child{margin-left:0}
.tab_st02 ul li a{} 
.tab_st02 ul li.active{border:2px solid #1F74AA;background:#1F74AA; color: #fff;} 
.tab_st02 ul li:hover{border:2px solid #1F74AA;transition:0.25s;} 
.tab_st02 ul li:hover a{color:#1F74AA;transition:0.25s;}

.tab_content {
    display: none;
}
/*e:tab*/

/*s:section*/
.contents.ceo .sec01 {background-image: url(../com.img/sub/ceo_bg.jpg);background-repeat: no-repeat; background-size: cover;background-position: center;}
.sec01 .cont_box{max-width:1260px; margin:0 auto; text-align:left;padding:50px 30px;}

.sec01 .cont_box .tit_b{position: relative;font-size:36px; letter-spacing:-0.6px; color:#1e75aa; margin-bottom:20px;font-weight:500;}
.sec01 .cont_box .tit_b span {color: #de3426}
.sec01 .cont_box .tit_s{font-size:30px;letter-spacing:-0.6px;margin-bottom:30px;color:#000;}
.sec01 .cont_box .tit_s span{font-weight:400}
.sec01 .cont_box .tit img{vertical-align:middle}
.sec01 .cont_box .txt{font-size:18px;  letter-spacing:-0.6px; color:#333333;margin-bottom:20px;font-weight:300; word-break: keep-all;}
.sec01 .cont_box .txt .bod{font-weight:400; color: red;}

.sec01 .cont_box .rt_box{width: 80%;position: relative; margin:0 auto;}
.sec01 .cont_box .rt_box .sign{font-family:'Gungsuh';font-size:20px;letter-spacing:-0.6px; color:#333333;padding-top:20px; font-weight:400; text-align: right;}
.sec01 .cont_box .rt_box .sign span{font-family:'Gungsuh';font-size:26px; color:#000000;font-weight:400}
.sec01 .cont_box .rt_box .sign img{vertical-align:middle}

.contents.vision .sec01 .cont_box {text-align: center;}
.contents.vision .sec01 .cont_box ul{margin-top: 50px;}
.contents.vision .sec01 .cont_box ul li{display:inline-block; vertical-align:top;width:33%}
.contents.vision .sec01 .cont_box ul li .tit{font-size:24px; letter-spacing:-0.6px; color:#000000;margin:10px auto; text-align: center;}
.contents.vision .sec01 .cont_box ul li .txt{font-size:18px;color:#333333;line-height:28px}

.contents .sec01 .cont_box .wrap_year {margin-bottom: 60px;}
.contents .sec01 .cont_box .wrap_year .year {float: left;width: 20%;font-family: nbb;font-size: 40px;color: #1e75aa;padding-top: 30px;border-top: 1px solid #1e75aa;}
.contents .sec01 .cont_box .wrap_year .issue {float: right;width: 80%;border-top: 1px solid #e6e6e6;margin-top: 0;}
.contents .sec01 .cont_box .wrap_year:after {content: ".";display: block;clear: both;height: 0;font-size: 0;visibility: hidden;}
.contents .sec01 .cont_box .wrap_year .issue li {position: relative;display: block;width: 100%;text-align: left;padding: 25px 0 25px 30px;border-bottom: 1px solid #e6e6e6;}
.contents .sec01 .cont_box .wrap_year .issue li .month {position: absolute;left: 0;top: 26px;font-family: nbb;font-size: 16px;color: #333;}
.contents .sec01 .cont_box .wrap_year .issue li p {position: relative;font-family: nbr;font-size: 16px;color: #666;line-height: 21px;padding: 0 0 10px 15px;}
.contents .sec01 .cont_box .wrap_year .issue li p:last-child {padding-bottom: 0;}
.contents .sec01 .cont_box .wrap_year .issue li p:before {content: "";position: absolute;left: 0;top: 8px;width: 3px;height: 3px;background: #999;}

.cont_box .board_box{margin-bottom:30px}
.cont_box .board_box .tit{font-size:24px;letter-spacing:-0.6px; color:#333333;font-weight:400;text-align:left;margin-bottom:15px}
.cont_box .board_box .tit.tx_center{;text-align:center !important;font-weight:400}
.cont_box .board_box .tit strong{color:#1F74AA}
.cont_box .board_box .tit span{color:#e80000}
.cont_box .board_box .tit span.ss_tit{font-size:18px;margin-left:5px}
.cont_box .board_box .tit_btn{;transition:all 0.5s;;background:#333333;width:125px; height:30px; line-height:30px; border-radius:0 10px;text-align:center;transition:all 0.25s;margin:0 auto}
.cont_box .board_box .tit_btn a{color:#ffffff; font-size:14px; font-weight:500; letter-spacing:-0.6px}
.cont_box .board_box .tit_btn:hover{transition:all 0.5s;opacity:0.7}
.cont_box .board_box .s_txt{font-size:16px; color:#666666; letter-spacing:-0.6px;font-weight:300;text-align:left;margin-bottom:15px}
.cont_box .board_box .s_txt.center{text-align:center;margin:20px 0}
.cont_box .board_box .tit span.ck_tit{margin-left:20px;font-size: 16px;vertical-align: middle;color: #4c4c4c;font-weight:400;}
.cont_box .board_box .apply_arr_box{margin-top:60px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: center;}
.cont_box .board_box .apply_arr_box li{position:relative; display:inline-block; vertical-align:middle;;width:250px; height:70px; line-height:70px; text-align:center; font-size:18px; letter-spacing:-0.6px; color:#ffffff; font-weight:300; background:#333333; border-radius:0 10px 0 10px}
.cont_box .board_box .apply_arr_box li.on{background:#dd1e3b}
.cont_box .board_box .apply_arr_box li:after{content:''; display:block;background:url('../img/sub/apply_arr_icon.png') no-repeat;width:18px; height:22px;position:absolute;right: -25%;top:50%; margin-top:-11px}
.cont_box .board_box .apply_arr_box li:last-child:after{display:none}
.cont_box .board_box .add_box{width:100%; text-align:right;margin-top:10px}
.cont_box .board_box .add_box .add{display:inline-block; margin-left:5px;transition:all 0.25s;}
.cont_box .board_box .add_box .add a{display:block;}
.cont_box .board_box .add_box .add:hover{transition:all 0.25s;opacity:0.7}
.cont_box .board_box .bot_txt{font-weight:300; font-size:14px; margin-top:10px; color:#777;text-align:left}
.cont_box .board_box .bot_txt a {text-decoration: underline; color: #777; float: right;}
.cont_box .board_box .bot_txt02{font-weight:300; font-size:16px; margin-top:20px; color:#666666;text-align:center}
.cont_box .my_btn{width:220px; height:40px; line-height:38px; border:1px solid #e1e1e1; margin-bottom:20px;transition:all 0.25s;text-align:center;}
.cont_box .my_btn a{font-size:12px; color:#333333;transition:all 0.25s;display:block;text-align:center;}
.cont_box .my_btn.st02{; border:1px solid #333333;;background:#333333;text-align:center;}
.cont_box .my_btn.st02 a{ color:#ffffff;}
.cont_box .my_btn_box .my_btn{display:inline-block;}
.cont_box .my_btn_box {text-align: left;}
.cont_box .my_btn:hover{transition:all 0.25s;border-color:#dd1e3b}
.cont_box .my_btn:hover a{transition:all 0.25s;color:#dd1e3b}

.search_box{float:right;margin-bottom:30px}
.search_box.st02{float:none;margin-bottom:0;width:100%;height:70px;padding-top: 20px;}
.search_box .ck_box{display:inline-block; ;vertical-align:middle;}
.search_box .ck_box li{display:inline-block;;vertical-align:middle; }

.contents.board_st .sec01 .cont_box .board_box .ttt_box{border:10px solid #333333; border-radius:0 30px 0 30px; margin-bottom:60px;transition:all 0.25s;width:100%; display:inline-block;text-align:left;padding:50px}
.contents.board_st .sec01 .cont_box .board_box .ttt_box .b_tit_red{font-weight:300; font-size:28px; letter-spacing:-0.6px; color:#dd1e3b;margin-bottom:20px}
.contents.board_st .sec01 .cont_box .board_box .ttt_box .b_txt_bk{font-weight:300; font-size:16px; letter-spacing:-0.6px; color:#333333;}
.contents.board_st .sec01 .cont_box .board_box .ttb_box{text-align:left;}
.contents.board_st .sec01 .cont_box .board_box .ttb_box .b_tit_bk{font-size:20px; font-weight:400;  letter-spacing:-0.6px; color:#333333;;margin-bottom:10px}
.contents.board_st .sec01 .cont_box .board_box .ttb_box .b_txt_bk{font-size:18px; font-weight:300;  letter-spacing:-0.6px; color:#666666;;margin-bottom:10px}
.contents.board_st .sec01 .cont_box .board_box .ttb_box .b_txt_bk a{color:#dd1e3b}

.map_cont .map_area{width:100%;display:block}
.map_cont .map_area .root_daum_roughmap{width:100%; }
.map_cont .map_area .root_daum_roughmap .wrap_map{height:500px}
.map_cont .map_area .root_daum_roughmap .wrap_controllers{display:none}
.map_cont .map_info {font-size: 0; margin: 30px 0;}
.map_cont .map_info li {display: inline-block; width: calc(33.333% - 20px); font-size: 16px; margin-right: 30px; border:solid 1px #ccc; padding: 30px 0; text-align: center;}
.map_cont .map_info li:nth-child(3) {margin-right: 0;}

.offerjoin {font-size: 0; text-align: center;}
.offerjoin li {display: inline-block; vertical-align: top; width: calc(33.333% - 20px); margin:10px; border:solid 1px #ccc; padding: 20px 0; text-align: center; font-size: 16px;}
.offerjoin li:nth-child(4) {display: inline-block;width: calc(100% - 20px);}

.pricebox {font-size: 0; text-align: center;}
.pricebox li {display: inline-block; vertical-align: top; width: calc(33.333% - 20px); height:950px; margin:10px; border:solid 1px #ccc; padding-top: 20px; text-align: center; font-size: 16px;}
.pricebox li dl {border:solid 1px #eee; margin: 20px;}
.pricebox li dl dt {display: block; background: #f7f7f7; color: #000; font-size: 16px; font-weight: 400; line-height: 40px;}
.pricebox li dl dd {display: block;font-size: 16px; padding: 10px;}
.pricebox li:nth-child(4) {width: calc(100% - 20px); height:auto; }
.pricebox li:nth-child(4) dl {display: inline-block; min-width: 20%;}

/* stopped service(m-light, m-teacher) grayscale */
.pricebox li:not(:nth-child(1)) .price { font-weight: 500; font-size: 24px; color: #303030 !important; }
.pricebox li:not(:nth-child(1)) img { -webkit-filter: grayscale(100%);filter: grayscale(100%); }

.price {font-weight: 500; font-size: 24px; color: red;}
.bdr_btm {border-bottom: dashed 1px #ddd;}
.bdr_tp {border-top: dashed 1px #ddd; padding-top: 20px;}
.sub_title {font-size: 24px; color: #000; font-weight: 400; margin-top: 10px;}
.sub_title:before {content: "";background:#1e75aa;display: inline-block;vertical-align: middle;width: 5px; height: 5px; margin-right: 5px;}

.servicebox {text-align: center; font-size: 18px; width: 100%; font-weight: 300;}
.servicebox .serviceEx {margin:20px 0; font-size: 0;}
.servicebox .serviceEx li {display: inline-block;vertical-align: top; font-size: 16px; margin:10px; width: 30%;}
.servicebox .serviceEx li img {border:solid 1px #eee;}

.serviceitem {font-size: 0; width: 90%; display: inline-block; margin:20px 0;padding:15px 5% 10px 5%;border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.serviceitem span {display: inline-block; width: 120px; height: 40px; background: #f7f7f7; border:solid 1px #eee;font-size:18px;margin:5px;line-height: 36px;padding-top:3px;}
.serviceitem span.green {background: #1e75aa;color: #fff;-webkit-border-radius:4px;border-radius: 4px;}
.serviceitem span.green:hover {background: #055585;color: #fff;-webkit-border-radius:4px;border-radius: 4px;}
.serviceitem span.red {background: #de3426;color: #fff;-webkit-border-radius:4px;border-radius: 4px;}
.serviceitem span.red:hover {background: #AC251A;color: #fff;-webkit-border-radius:4px;border-radius: 4px;}
.circlebox {font-size: 0;}
.circlebox li {display: inline-block;vertical-align: top; width:200px; height: 200px; margin: 10px; font-size: 16px; border:solid 2px #1e75aa; border-radius: 50%; padding: 10px;}
.circlebox li p > img {width: 100%; }

.valuebox {margin:20px 0; font-size: 0;}
.valuebox li {display: inline-block; vertical-align: top; width: 30%; margin: 10px;}
.valuebox li h3 {padding: 10px 0; text-align: left; font-size: 28px; font-weight: 400; color: red;letter-spacing:-0.6px;}
.valuebox li h3 span {color: #000;font-size: 18px;}
.valuebox dl dt {width: 100%; background: #1e75aa; color: #fff; font-size: 22px; display: inline-block; border-radius: 4px; padding: 15px;letter-spacing:-0.6px;}
.valuebox dl dd {width: 96%;color: #000; font-size: 18px; border:solid 1px #ddd; border-top:0; padding:10px 0; display: inline-block;}
.valuebox dl dd p {margin: 10px 0; border-bottom: dotted 1px #ddd; padding-bottom:10px; display: block;}
.valuebox dl dd p:last-child {border:0;}
.valuebox dl dd p:before {content: "";background:#1e75aa;display: inline-block;vertical-align: middle;width:4px; height:4px; margin-right: 2px;}
.valuebox dl dd:last-child {border-radius: 0 0 4px 4px;}
.valuebox dl dd.point {background: #f7f7f7; font-size: 16px; color: #777; height: auto; padding: 10px 0;letter-spacing:-0.6px;}
.valuebox dl dd > span {display: inline-block; width: 35%; line-height: 30px; font-size: 16px; background: #999; color: #fff; border-radius: 3px; margin: 0 5% 6px 5%; padding-top:3px;}
.valuebox dl dd > span.fnsh {background: #1e75aa; margin:10px 5% 0 5%;}

.btn_filled {display: inline-block; min-width: 40%;height: 40px;padding: 0 20px;background: #1e75aa;border: 0; margin-top: 20px;-webkit-border-radius:4px;border-radius: 4px;}
.btn_filled:hover {background:#055585;color:#ffffff;-webkit-border-radius:4px;border-radius: 4px;}
.btn_filled span {color: #fff; line-height:36px;}
.btn_outline {display: inline-block; min-width: 40%;height: 40px;padding: 0 20px;background: #fff;border:solid 1px #1e75aa; margin-top: 20px;border-radius: 4px;-webkit-border-radius:4px;border-radius: 4px;}
.btn_outline span {color: #1e75aa; line-height: 36px;}

.btn_button1 {display: inline-block;min-width: 10%;height: 40px;padding: 0 20px;background: #fff;border: solid 1px #1e75aa;border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align:middle; padding-top:3px;}
.btn_button1 span {color: #1e75aa;line-height: 36px;}
/*e:section*/

.customWrap {margin-bottom:40px;}
.custom {font-size: 0; text-align: left; margin-bottom: 30px;}
.custom li {display: inline-block;vertical-align: top; margin: 10px; border:solid 1px #ddd; width:calc(25% - 20px); height: 80px;}
.custom li a {font-size: 16px; font-weight: 500; color: #000;display:block; text-align: center;}
.custom li a img {width: 100%;}
.custom li a > span {padding-top: 24px; display:inline-block;}


.tit{font-size:24px;letter-spacing:-0.6px; color:#333333;font-weight:400;text-align:left;margin-bottom:15px}
.tit.tx_center{text-align:center !important;font-weight:400}
.tit strong{color:#1F74AA}
.tit span{color:#000}

.faq_A {background: #f7f7f7; padding: 15px; text-align: left;}
.faq_A:before {content: "A : "; display: inline-block; margin-right: 5px;color: #1F74AA; font-size: 16px; font-weight: 400;}

/* s:1024px media_query */
@media screen and (max-width:1024px) {

  /*m:main_box*/
  .mainbox li {padding: 10px;}
 
  /*s:sub_vis & local*/
  .sub_vis{height:400px; width:100%; margin:0 auto}
  .sub_vis .local{text-align:center; padding:25px 10px 0}
  .sub_vis .local li:last-child{margin-right:0}
  .sub_vis .vis_box{text-align:center;padding:60px 10px 0}
  .sub_vis .vis_box h2.sub_vis_title{font-size:26px; letter-spacing:-0.6px; font-weight:300; color:#ffffff;}
  .sub_vis .vis_box .sub_vis_txt{font-size:24px; letter-spacing:-0.6px; font-weight:300; line-height:36px;color:#ffffff;margin-top:30px}
  .sub_vis .vis_box .sub_vis_txt span.bod{font-weight:500; vertical-align:text-bottom; }
  .sub_vis .vis_box .s_txt{font-size:16px;font-weight:300 color:#ffffff;margin-top:10px}
  /*e:sub_vis & local*/
 
  /*s:tab*/
  .tab_st02 ul li a{font-size:16px} 
  /*e:tab*/

  .contents.ceo .sec01 {background-image:none;}
  .sec01 .cont_box .rt_box {float: none;width: 100%;}
  .sec01 .cont_box .tit_b {text-align: center;font-size: 26px;letter-spacing: -0.6px;color: #36996a;margin-bottom: 20px;}
  .sec01 .cont_box .tit_s {text-align: center; font-size: 22px;letter-spacing: -0.6px;color: #000000;margin-bottom: 30px;word-break: keep-all;}
  .sec01 .cont_box .txt {font-size: 16px;letter-spacing: -0.6px;color: #333333;margin-bottom: 20px;font-weight: 300; word-break: break-all;}

  .contents.vision .sec01 .cont_box ul li{display:inline-block; ;width:30%;margin:1%}
  .contents.vision .sec01 .cont_box ul li .img img{max-width:100%}
  .contents.vision .sec01 .cont_box ul li .tit{font-size:18px; }
  .contents.vision .sec01 .cont_box ul li .txt{font-size:14px;;line-height:20px}


  .contents.board_st .sec01 .cont_box{padding:30px 5px 90px 5px;}
  .contents.board_st .sec01 .cont_box .board_box{margin-bottom:40px;}
  .contents.board_st .sec01 .cont_box .board_box .ovflow{overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .contents.board_st .sec01 .cont_box .board_box .ovflow table{min-width:780px}
  .contents.board_st .sec01 .cont_box .board_box .ovflow .down_box_tbst{min-width:780px}
  .contents.board_st .sec01 .cont_box .board_box .ovflow.st02 table{min-width:1024px}
  .contents.board_st .sec01 .cont_box .board_box .ovflow.st02 .down_box_tbst{min-width:1024px}
  .contents.board_st .sec01 .cont_box .board_box .tit{font-size:18px;letter-spacing:-0.6px; color:#333333;font-weight:300;text-align:center;margin-bottom:15px}
  .contents.board_st .sec01 .cont_box .board_box .tit span.ck_tit{margin-left:10px;font-size: 14px;}
  .contents.board_st .sec01 .cont_box .board_box .tit span.ss_tit{font-size:14px;margin-left:5px}
  .contents.board_st .sec01 .cont_box .board_box .s_txt{font-size:14px; margin:10px 0 20px 0}
  .contents.board_st .sec01 .cont_box .board_box .bot_txt{font-weight:300; font-size:12px; margin-top:10px;text-align:left}
  .contents.board_st .sec01 .cont_box .my_btn{margin:0 auto 20px}
  .contents.board_st .sec01 .cont_box .lf_box{float:none; width:100%}
  .contents.board_st .sec01 .cont_box .rt_box{float:none; width:100%}

  .search_box{float:none}
  .search_box.st02{float:none;margin-bottom:0;width:100%;height:auto;padding-top: 20px;}

  
  .contents.board_st .sec01 .cont_box .line_box{padding-bottom:60px;border:10px solid #dd1e3b; border-radius:0 30px 0 30px; margin-bottom:40px;transition:all 0.25s;width:100%; display:inline-block;position:relative}
  .contents.board_st .sec01 .cont_box .line_box .lf_box{display:block; width:100%;height:100%;text-align:center;padding:30px 0 30px 0px;;;transition:all 0.25s;}
  .contents.board_st .sec01 .cont_box .line_box .lf_box .m_tit{font-size:24px; letter-spacing:-2px; color:#dd1e3b;font-weight:300;text-align:center}
  .contents.board_st .sec01 .cont_box .line_box .lf_box .b_tit{font-size:28px; letter-spacing:-2px; color:#dd1e3b;font-weight:300;text-align:center}
  .contents.board_st .sec01 .cont_box .line_box .lf_box .btn{ bottom:10px;left:50%; margin-left:-62.5px}
  .contents.board_st .sec01 .cont_box .line_box .lf_box .btn a{color:#ffffff; font-size:14px; font-weight:500; letter-spacing:-0.6px}
  .contents.board_st .sec01 .cont_box .line_box .lf_box .btn:hover{transition:all 0.5s;opacity:0.7}
  .contents.board_st .sec01 .cont_box .line_box .rt_box{display:inline-block; width:100%;; ;text-align:left;padding:30px 0 30px 30px;border-left:0;}
  .contents.board_st .sec01 .cont_box .line_box .rt_box .s_txt{font-size:14px; font-weight:300; color:#333333;text-indent: -68px;padding-left:68px;margin-bottom:10px}
  .contents.board_st .sec01 .cont_box .line_box .rt_box .s_txt02{font-size:14px; font-weight:300; color:#333333;text-indent: -136px;padding-left:136px;margin-bottom:10px}
  .contents.board_st .sec01 .cont_box .line_box.active{}
  .contents.board_st .sec01 .cont_box .line_box.active .lf_box{float:none ;width:100%; ;transition:all 0.5s;}
  .contents.board_st .sec01 .cont_box .line_box.active .btn{left:50%; margin-left:-62.5px;bottom:10px}

  .contents.board_st .sec01 .cont_box .board_box .down_box_tbst{border-top:2px solid #dd1e3b;border-bottom:2px solid #999999}
  .contents.board_st .sec01 .cont_box .board_box .down_box_tbst .t_head p{;vertical-align:middle;;display:table-cell;font-size:12px; color:#323232;font-weight:300;letter-spacing:-0.1px}
  .contents.board_st .sec01 .cont_box .board_box .down_box_tbst .dw_btn{border-top:1px solid #cccccc;;border-bottom:1px solid #cccccc;display:table;width:100%;padding:15px 0}
  .contents.board_st .sec01 .cont_box .board_box .down_box_tbst .dw_btn p{;vertical-align:middle;;display:table-cell;font-size:12px; color:#323232;font-weight:300;letter-spacing:-0.6px;text-align:center}
  .contents.board_st .sec01 .cont_box .board_box .free_txt{display:none;background:#f0f0f0; padding:15px 30px 15px 15px;text-align:left;font-size:12px; color:#323232;font-weight:300;letter-spacing:-0.6px;position:relative}
  .contents.board_st .sec01 .cont_box .board_box .free_txt .btn{background:#333333;width:125px; height:30px; line-height:30px; border-radius:0 10px;margin:30px auto 10px;text-align:center;transition:all 0.25s;position:relative; bottom:auto;right:auto}
  .contents.board_st .sec01 .cont_box .board_box .free_txt .btn a{color:#ffffff; font-size:14px; font-weight:500; letter-spacing:-0.6px}
  .contents.board_st .sec01 .cont_box .board_box .free_txt .btn:hover{transition:all 0.25s;opacity:0.7}

  
  .contents.board_st .sec01 .cont_box .board_box .ttt_box{border:10px solid #333333; border-radius:0 30px 0 30px; margin-bottom:40px;transition:all 0.25s;width:100%; display:inline-block;;padding:30px 20px}
  .contents.board_st .sec01 .cont_box .board_box .ttt_box .b_tit_red{font-weight:300; font-size:24px; letter-spacing:-0.6px; color:#dd1e3b;margin-bottom:10px;text-align:center}
  .contents.board_st .sec01 .cont_box .board_box .ttt_box .b_txt_bk{font-weight:300; font-size:14px; letter-spacing:-0.6px; color:#333333;}
  .contents.board_st .sec01 .cont_box .board_box .ttb_box{text-align:left;}
  .contents.board_st .sec01 .cont_box .board_box .ttb_box .b_tit_bk{font-size:16px; font-weight:400;  letter-spacing:-0.6px; color:#333333;;margin-bottom:10px}
  .contents.board_st .sec01 .cont_box .board_box .ttb_box .b_txt_bk{font-size:14px; font-weight:300;  letter-spacing:-0.6px; color:#666666;;margin-bottom:10px}
  .contents.board_st .sec01 .cont_box .board_box .ttb_box .b_txt_bk a{color:#dd1e3b}
  .contents.board_st .sec01 .cont_box .board_box .table_bg{border:5px solid #333333;margin:40px auto}

  .contents.board_st .sec02 .center_cont{;padding:30px 10px}
  .contents.board_st .sec02 .center_cont .tit{font-size:24px; }
  .contents.board_st .sec02 .center_cont .num{font-size:40px; }
  .contents.board_st .sec02 .center_cont .day_box{margin-top:15px}
  .contents.board_st .sec02 .center_cont .day_box .day{font-weight:300; color:#dd1e3b; font-size:18px}

  .contents.receipt .arr_box{margin-bottom:40px}
  .contents.receipt .arr_box ul{display:block}
  .contents.receipt .arr_box ul li.icon{display:inline-block;vertical-align:middle;width:30%}
  .contents.receipt .arr_box ul li.arr{display:inline-block;vertical-align:middle}
  .contents.receipt .arr_box ul li img{max-width:100%}
  .contents.board_st .sec01 .pd_choice{display: block;margin-bottom:35px}
  .contents.board_st .sec01 .pd_choice li{width:30%;display:inline-block;;margin:1%;border:3px solid #333333;text-align:center;padding:30px 1%}
  .contents.board_st .sec01 .pd_choice li .img{height:100px}
  .contents.board_st .sec01 .pd_choice li .img img{max-width:100%}
  .contents.board_st .sec01 .cont_box .board_box .pd_choice li .tit{font-size:18px; color:#333333;margin-top:10px;text-align:center; margin-bottom:10px;font-weight:400}
  .contents.board_st .sec01 .cont_box .board_box .s_btn{width:200; margin:0 auto;float: none;}
  .contents.board_st .sec01 .cont_box .board_box .s_btn a{font-size:12px;}
  .contents.board_st .sec01 .cont_box .board_box .buy_day{display: block;}
  .contents.board_st .sec01 .cont_box .board_box .buy_day li{display:inline-block;width:30% ;margin:1%;height:50px; line-height:50px; text-align:center; border-radius:0 7px;background:#333333;}
  .contents.board_st .sec01 .cont_box .board_box .buy_day li label{color:#ffffff;font-size:12px}
  .contents.board_st .sec01 .cont_box .board_box .broken_box{border:2px solid #d9d9d9;width:100% ; padding:30px;height:350px}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .tit{font-size:14px;}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn{text-align:left}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li{display:inline-block;width:30%;background:#333333;padding:30px 1% ;text-align:center;margin:1%}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li .img{height:100px}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li .img img{max-width:100%}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li label{color:#ffffff}

  .map_cont{margin-top:40px}
  .map_cont .map_area{width:100%;display:block}
  .map_cont .map_area .root_daum_roughmap{width:100%; }
  .map_cont .map_area .root_daum_roughmap .wrap_map{height:350px}
  .map_cont .map_info li {display: block; width: 100%; font-size: 14px; margin-right: 0; margin-bottom: 10px;}

  .custom li {display: inline-block;border:solid 1px #ddd; width:calc(33.333% - 20px);}

  .valuebox li h3 {font-size: 22px;}
  .valuebox li h3 span {font-size: 16px;}
  .valuebox dl dt {font-size: 16px;}
  .valuebox dl dd {font-size: 14px;}
  .valuebox dl dd.point {font-size: 14px;}
  .valuebox dl dd > span {font-size: 14px;}

  .btn_filled {padding: 0 10px;}
  .btn_outline {padding: 0 10px;}
  /*e:section*/

}
/* e:1024px media_query */


/* s:684px media_query */
@media screen and (max-width:768px) {
  /*s:section*/
  section{padding:0 10px}

  .tab_st02 ul li.active{font-size: 16px;}

  .mainbox li {display: inline-block; vertical-align: top; width: calc(50% - 20px); margin:10px; border:solid 1px #ccc; border-radius: 3px; padding: 20px; text-align: center;letter-spacing:-0.6px;}
  .mainbox li:nth-child(4) {margin-right:10px;}
 

  .contents.board_st section.sec02 {padding:0 0}

  .contents .sec01 .cont_box .wrap_year {margin-bottom: 60px;}
  .contents .sec01 .cont_box .wrap_year .year {float: none;width: 100%;font-size: 36px;padding: 20px 0;border-top: 1px solid #1e75aa;}
  .contents .sec01 .cont_box .wrap_year .issue {float: none;width: 100%;border-top: 1px solid #e6e6e6;margin-top: 0;}
  .contents .sec01 .cont_box .wrap_year:after {content: ".";display: block;clear: both;height: 0;font-size: 0;visibility: hidden;}
  .contents .sec01 .cont_box .wrap_year .issue li {padding: 15px 0 15px 30px;}
  .contents .sec01 .cont_box .wrap_year .issue li .month {position: absolute;left: 0;top: 13px;font-family: nbb;font-size: 16px;color: #000;}
  .contents .sec01 .cont_box .wrap_year .issue li p {position: relative;font-family: nbr;font-size: 12px;color: #666;line-height: 21px;padding: 0 0 10px 15px;}
  .contents .sec01 .cont_box .wrap_year .issue li p:last-child {padding-bottom: 0;}
  .contents .sec01 .cont_box .wrap_year .issue li p:before {content: "";position: absolute;left: 0;top: 8px;width: 3px;height: 3px;background: #999;}

  .contents.board_st .sec01 .cont_box .line_box .rt_box{display:inline-block; width:100%;; ;text-align:left;padding:30px 10px;border-left:0;}
  .contents.board_st .sec01 .cont_box .line_box .rt_box .s_txt{font-size:14px; font-weight:300; color:#333333;text-indent:0px;padding-left:0px;margin-bottom:10px}
  .contents.board_st .sec01 .cont_box .line_box .rt_box .s_txt02{font-size:14px; font-weight:300; color:#333333;text-indent: 0px;padding-left:0px;margin-bottom:10px}

  .contents.board_st .sec01 .cont_box .my_btn_box .my_btn{display:block;margin-bottom:5px}
  .contents.board_st .sec01 .cont_box .my_btn_box {text-align: center;}

  .map_cont{margin-top:40px}
  .map_cont .map_area{width:100%;display:block}
  .map_cont .map_area .root_daum_roughmap .wrap_map{height:250px}
  .map_cont .txtbox_area{}
  .map_cont .txtbox_area:after{content:''; clear:both; display:block;}
  .map_cont .txtbox_area .map_txt{margin-top:20px; width:100%;border-top:2px solid #dd1e3b;border-bottom:2px solid #999999}
  .map_cont .txtbox_area .map_txt:nth-child(odd){float:none}
  .map_cont .txtbox_area .map_txt:nth-child(even){float:none}
  .map_cont .txtbox_area .map_txt .tit{height:50px;font-size:16px; color:#4c4c4c; border-bottom:1px solid #d9d9d9;line-height:50px;font-weight:300 }
  .map_cont .txtbox_area .map_txt ul.txt{padding:20px 0;}
  .map_cont .txtbox_area .map_txt ul.txt li{;font-weight:300;color:#4c4c4c; font-size:12px; line-height:24px}
  .map_cont .txtbox_area .map_txt.st02 ul.txt li.b_txt{font-size:16px;margin-top:15px;}
  .map_cont .txtbox_area .map_txt.st02 ul.txt li.s_txt{font-size:14px;margin-top:10px}

  .contents.agree_form .cont_box{padding:30px 0 60px;}
  .contents.agree_form .cont_box .agree_cont .agree_box{ padding:20px;line-height: 26px;white-space: pre-line;font-size: 14px;color: #666666;}
  .contents.agree_form .cont_box .agree_cont .agree_box .tit{font-size:24px; padding-bottom:20px; border-bottom:1px solid #000000; color:#000000}

  .custom li {display: inline-block;border:solid 1px #ddd; width:calc(50% - 20px);}

  .offerjoin {font-size: 0; text-align: center;}
  .offerjoin li {display: block;width: 100%; margin:10px;font-size: 14px;margin:10px 0;}
  .offerjoin li:nth-child(4) {display:block;width:100%; }

  .pricebox {font-size: 0; text-align: center;}
  .pricebox li {display: block;width: 100%;margin: 10px;font-size: 14px;margin: 10px 0;height: 100%;}
  .pricebox li:nth-child(4) {display:block;width:100%; }
  .pricebox li:nth-child(4) dl {display:block; min-width:auto}

  .servicebox {font-size: 16px;}
  .servicebox img {width: 100%;}
  .servicebox .serviceEx {margin:10px 0; font-size: 0;}
  .servicebox .serviceEx li {display:block;font-size: 14px; margin:15px 0; width: 100%;}

  .serviceitem {font-size: 0;width: 100%;}
  .serviceitem span {font-size: 14px;}

  .circlebox li {display: inline-block;vertical-align: top; width:170px; height: 170px; margin: 10px; font-size: 14px; border:solid 2px #1e75aa; border-radius: 50%; padding: 15px;}

  .valuebox li h3 {font-size: 16px;}
  .valuebox li h3 span {font-size: 14px;}
  .valuebox dl dt {font-size: 14px; padding: 10px 5px;}
  .valuebox dl dd {font-size: 14px;}
  .valuebox dl dd.point {font-size: 12px;}
  .valuebox dl dd > span {font-size: 12px; line-height: 24px;}

  .btn_filled {margin-top: 20px;}
  .btn_outline {margin-top: 20px;}
  .brand img{width: auto;}
  .sec01 .cont_box .tit_b {font-size: 24px;}

    .btn_button1 {
        display:inline-block;
        margin-top:10px;
    }
}
/* e:684px media_query */


/* s:480px media_query */
@media screen and (max-width:480px) {
  .maincontent {padding:0;}
  .mainbox li {display: block;width: calc(100% - 20px);}
  .mainbox li:nth-child(4) {margin-right:10px;}
 
  .sub_vis {height: 300px;}
  .sec01 .cont_box {padding: 30px 10px;}
  .sec01 .cont_box .tit_b span {display: none;}
  .sub_vis .vis_box .sub_vis_txt {font-size: 20px;}

  /*s:section*/
  .sec01 .cont_box .rt_box .sign{font-size:14px}
  .sec01 .cont_box .rt_box .sign span{font-size:18px; }
  .sec01 .cont_box .rt_box .sign img{width:50px}

  .contents.vision .sec01 .cont_box ul li{ ;width:90%;margin:15px 0}
  .contents.vision .sec01 .cont_box ul li .img img{max-width:60%}
  .contents.vision .sec01 .cont_box ul li .tit{font-size:18px; }
  .contents.vision .sec01 .cont_box ul li .txt{font-size:14px;;line-height:20px}

  .sec02 .cont_box ul li{width:90%; margin:15px 0;vertical-align:top;}
  .sec02 .cont_box ul li .icon_box{margin:0 auto 20px;width:150px; height:150px;font-size:22px;padding-top:35px;}
  .sec02 .cont_box ul li .tit{font-size:16px; }
  
  .contents.board_st .sec01 .pd_choice{display: block;margin-bottom:35px}
  .contents.board_st .sec01 .pd_choice li{width:45%;display:inline-block;;margin:1%;border:3px solid #333333;text-align:center;padding:15px 1%}
  .contents.board_st .sec01 .cont_box .board_box .pd_choice li .tit{font-size:18px; color:#333333;margin-top:10px;text-align:center; margin-bottom:10px;font-weight:400}
  .contents.board_st .sec01 .cont_box .board_box .s_btn{width:200; margin:0 auto;float: none;}
  .contents.board_st .sec01 .cont_box .board_box .s_btn a{font-size:12px;}
  .contents.board_st .sec01 .cont_box .board_box .buy_day{display: block;}
  .contents.board_st .sec01 .cont_box .board_box .buy_day li{display:inline-block;width:45% ;margin:1%;height:50px; line-height:50px; text-align:center; border-radius:0 7px;background:#333333;}
  .contents.board_st .sec01 .cont_box .board_box .buy_day li label{color:#ffffff;font-size:12px}
  .contents.board_st .sec01 .cont_box .board_box .broken_box{border:2px solid #d9d9d9;width:100% ; padding:10px;height:350px}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .tit{font-size:14px;}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn{text-align:center}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li{display:inline-block;width:45%;background:#333333;padding:15px 1% ;text-align:center;margin:1%;vertical-align:top}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li .img{height:100px}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li .img img{max-width:100%}
  .contents.board_st .sec01 .cont_box .board_box .broken_box .broken_btn li label{color:#ffffff}
  /*e:section*/  
  .custom li {display: block; width:calc(100% - 30px);  margin:10px 15px;}
  .custom li a img {height: 78px;}

  .tab_st02 ul li {width: 100%;font-size:16px;display: block;margin:5px 0;}

  .contents .sec01 .cont_box .wrap_year .year {font-size: 24px;padding: 10px 0;}
  .contents .sec01 .cont_box .wrap_year .issue li p {line-height: 18px;}

  .circlebox li { width:220px; height: 220px; margin: 10px;}

  .valuebox li {display: block;width: 90%; margin: 10px;}
  .valuebox li h3 {font-size: 18px;}
  .valuebox li h3 span {font-size: 18px;}
  .valuebox dl dt {font-size: 18px;}
  .valuebox dl dd {font-size: 16px;}
  .valuebox dl dd p {margin: 5px 0;}
  .valuebox dl dd.point {font-size: 14px;}
  .valuebox dl dd > span {line-height: 30px; font-size: 14px;}

}
/* e:480px media_query */



/**20201016추가*/
.justice {margin-top: 50px;}
.justice dt {font-size: 36px; font-weight: 700; color: #000; text-align: center;}
.justice dt > span {color: #1e75aa; font-weight: 700; vertical-align:text-bottom; }
.justice dd {font-size: 18px; color: #000; margin-top: 20px;}
.justice dd > strong {display: block; color: #de3426; font-size: 24px;}
.justice.bdr {border-bottom:solid 1px #d2d2d2; padding-bottom: 80px }

.h3 {color: #000; font-size: 30px; font-weight: 700; margin:100px 0 30px 0;}

@media screen and (max-width:768px) {
	.justice {margin-top: 30px;}
	.justice dt {font-size: 28px;}
	.justice dd {font-size: 16px;}
	.justice dd > strong {font-size: 20px;}
	.h3 {font-size: 24px; margin:70px 0 20px 0;}
}
@media screen and (max-width:480px) {
	.justice {margin-top: 20px;}
	.justice dt {font-size: 22px;}
	.justice dd {font-size: 14px;}
	.justice dd > strong {font-size: 18px;}
	.h3 {font-size: 20px; margin:50px 0 10px 0;}
}

.fl_wrap:after {content: ""; display: block; clear: both;}
.fl_wrap >div {float: left; text-align: left;}
.fl_wrap >div+div {width: 580px; padding-left: 40px;}
.fl_wrap .fl_box {display: flex; width: 580px;}
.fl_wrap .fl_box li {flex: 1; border: solid 1px #d2d2d2;}
.fl_wrap .fl_box li + li {margin-left: 20px;}
.fl_wrap .fl_box li img {width: 100%;}

.no_list.mgt50 {margin-top: 50px;}
.no_list li {font-size: 17px; margin-bottom: 10px; letter-spacing: -1px;}
.no_list li span {display: inline-block; vertical-align: middle; width: 50px; line-height: 50px; background: #de3426; color: #fff; font-size: 24px; font-weight: 700; text-align: center; margin-right: 10px;}

.kiosk img {max-width: 100%; width:70%;}

@media screen and (max-width:768px) {
	.fl_wrap >div {float: none;}
	.fl_wrap >div+div {width: 100%; padding-left: 0;}
	.fl_wrap .fl_box {width: 100%;}
	.no_list li {font-size: 16px;}
	.no_list li span {width:40px; line-height: 40px; font-size: 18px;}

    .kiosk img {max-width: 100%; width:100%;}
}