@charset "utf-8";

@font-face {
font-family:'NotoSansKR';
font-weight:100;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.woff') format('woff'); /* ?? ?????? ???? */
}
@font-face {
font-family:'NotoSansKR';
font-weight:300;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.woff') format('woff'); /* ?? ?????? ???? */
}

@font-face {
font-family:'NotoSansKR';
font-weight:600;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.woff') format('woff'); /* ?? ?????? ???? */
}

@font-face {
font-family:'NotoSansKR';
font-weight:800;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.woff') format('woff'); /* ?? ?????? ???? */
}

@font-face {
    font-family: 'GmarketSansTTF';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSansTTF';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'GmarketSansTTF';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}

html {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

body{background-color: #eff6ff;}
.tab_sub {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #181617;
    height: 47px;
    padding: 3px 0 0 1px;
}
#gnb {
  position: absolute;
  left:138px;
  top: 27px;
}
.tab_sub li{float: left;line-height:47px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;text-align:center;
box-sizing: border-box;border:1px solid #d7d6d6;border-bottom:1px solid #eaeaea;height:48px;position: relative;background: #fff;margin: 0 0 0 -1px;}
.tab_sub li a{display: block;padding: 0 32px;}
.tab_sub li,.tab_sub li a{font-weight: 600;font-size:18px;color:#181617;cursor:pointer}
.tab_sub li.active{border:1px solid #181617;border-bottom:1px solid #fff;height:48px;z-index: 99;}
.tab_sub li.active,.tab_sub li.active a{color: #1266a0;font-weight: 600;border-bottom:0}
body *{font-family: 'NotoSansKR';}
#wrap{position: relative;padding-top: 78px;}
.btn_top {
    position: fixed;
    right: 31px;
    bottom: 31px;
    z-index: 9999;
}

.header .inner .info_top{position: absolute;right: 0;top: 28px;}
.header .inner .info_top li{display: inline-block;position: relative;padding: 0 13px;}
.header .inner .info_top li a{font-size: 13px;
  font-weight: 300;
  line-height: 1.69;
  color: #909090;}
.header .inner .info_top li::before {
  content: '';
  width: 1px;
  background: #e1e2e2;
  height: 12px;
  position: absolute;
  left: -1px;
  top: 5px;
}
.header .inner .info_top li:nth-child(1):before{display: none;}



.header{background:#fff;width:100%;left:0;top:0;z-index: 9999;position: relative;width: 100%;height:78px;border-bottom: 1px solid #e5e5e5;position: fixed;left: 0;top: 0;}

.header .inner{max-width:1000px;margin:0 auto;position:relative;height: 78px;}

.header .inner h1 {
  display: inline-block;
  padding: 12px 0 0;
}
.header .inner h1 img{vertical-align: top;margin: 0 34px 0 0;}

.header .inner #gnb li{display: inline-block;padding: 0 28px;position: relative;}
.header .inner #gnb li a{  font-family: GmarketSansTTF;

  font-size: 16px;
  font-weight: 500;

  letter-spacing: 0.32px;
  color: #0f1729;display: block;padding: 0 0 30px;}
.header .inner #gnb li:hover .menu{color: #ec7700;}


#gnb .depth2{
width: 167px;
	display: none;
    position: absolute;
    top: 40px;
    left: 50% !important;
    margin-left: -83px !important;
    padding: 0;
	padding: 0 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	
  border-radius: 7px;

  border: solid 1px #e9e9e9;

  background-color: #fff;


}

.header .inner #gnb .depth2{ background-color: #fff;padding: 18px;}

.header .inner #gnb .depth2 a{padding: 0;height: auto;display:block;clear:both;float:none;width:100%;position:relative;}
.header .inner #gnb .depth2 a{border:none;  font-family: GmarketSansTTF;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.69;

  letter-spacing: normal;

  text-align: left;

  color: #848484;}
.header .inner #gnb .depth2:before{content:'';position:absolute;left:50%;width:100%;height:8px;top:-8px;margin-left:-9px;background:url(../img/arrow_gnb.png) no-repeat 0 0;width: 18px;}


.header .inner #gnb .depth2 a:hover{color: #ec7700;}



.tit_c{color: #363636;font-size:30px;font-weight:800 ;padding: 64px 0 42px;}
.tit_c.w{color: #fff;}
.tit_c.center{text-align:center;}
.txt_c{font-size:18px;font-weight:100 ;color: #292929;line-height:34px;padding: 22px 0 68px;text-align:center;}

.list_box{overflow: hidden;width: 110%;}
.list_box li{  width: 235px;

  height: 265px;

  margin: 0px 20px 0 0px;
float: left;
  border: solid 1px #e1e1e1;
  background-color: #fff;}
.list_box li h3{  line-height: 59px;
text-align: center;
  background-color: #3d3d3d;  font-size: 18.5px;
  font-weight: 500;
  letter-spacing: 0.37px;

  color: #fff;}
  .list_box li dl{padding: 20px 25px;}
  .list_box li dd{  font-size: 15px;

  font-weight: 300;

 position: relative;
  line-height: 1.87;
padding-left: 11px;
  letter-spacing: -0.3px;

  text-align: left;

  color: #666;}
.list_box li dd::before {
  content: '';
  width: 4px;
  background: #e8772e;
  height: 4px;
  position: absolute;
  left: 0px;
  top: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.footer {  padding:23px 0;
text-align: center;
  background-color: #fff;  font-size: 13px;
  font-weight: 300;
  line-height: 1.38;
  text-align: center;
border-top: 1px solid #e5e5e5;
  color: #acacac;

}
.footer h1{position: absolute;left: 0;top: 29px;}

.wrap_txtarea{padding: 0 35px 35px;}
.sub_top{ background-size: cover !important;height: 239px;}
.sub_top {text-align: center;font-size:37px;font-weight:800;color:#fff;line-height: 239px;}


.tit_sub{font-size:32px;font-weight:800;color:#363636;padding: 0px 15px 0;margin: 105px 0 44px;position: relative;}
.tit_sub::after {
    content: '';
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 0;
    width: 3px;
    height: 33px;
    background: #c10100;
}


.content_sub{max-width: 1190px;
    margin: 0 auto;padding: 0 0 100px;}


.m_open, nav.menu_aside {
    display: none;
}
.menu_aside {
    display: none;
}
.center{text-align: center;}
#container {

    max-width: 1000px;
    margin: 0 auto;
    padding: 65px 0 75px;
	  

}
#container .txt1{  font-family: GmarketSansTTF;
  font-size: 23.5px;
  font-weight: 500;
  line-height: 1.49;
  letter-spacing: -0.47px;
  text-align: center;
  color: #323232;padding: 33px 0 60px;}
#container .txt1 strong{font-family: GmarketSansTTF;}
#container .inner p strong{font-weight: 700;color: #000000;}
.cr1{font-weight: 700; color: #ea7720 !important;}
.cr2{font-weight: 700; color: #1e345a !important;}
.cr3{font-weight: 700; color: #000 !important;}
h2.tit{ font-size: 28px;text-align: center;padding: 60px 0 30px; font-family: GmarketSansTTF;}
h2.tit *{font-family: GmarketSansTTF;}
.wrap_ball{position: relative;padding: 0 225px 55px 0;}
.wrap_ball .bg{position: absolute;right: 0;bottom: 0;}
.wrap_ball .img{margin: 0 0 25px;}
.wrap_ball .inner{  padding: 64px 10px;

  border-radius: 20px;

  border: solid 1px #e1e1e1;
text-align: center;
  background-color: #fff;}
 .btn_area{overflow: hidden;padding: 79px 0 0;}
 .btn_area .right{float: right;}
.wrap_ball .inner p{  font-size: 19px;

  font-weight: 300;

  line-height: 1.58;
  letter-spacing: -0.38px;
padding: 0 0 22px;
  color: #666;

}

.input_style1 {
  width: 239px;
  box-sizing: border-box;
  font-size: 14px;
   height: 33px;
  border-radius: 3px;
  border: solid 1px #d0d0d0;
  background-color: #fff;vertical-align:top
}
.select_box{  height: 30px;
  padding: 0 7px 0 8px;
  border-radius: 3px;
  border: solid 1px #dbdbdb;
  font-size: 13px;
  font-weight: 300;
  color: #666;margin-left: 12px;
  background-color: #fff;vertical-align:top}
			.table_style1{overflow-x: auto;}
.table_style1 input {
    vertical-align:0;
	margin: 0 3px 0 0;
	}
	.table_style1 input[type=radio]{margin-left: 12px;}
.mr10{margin-right: 10px;}
.wrap_ball.le{padding: 0 0 55px 322px;}
.wrap_ball.le .bg{right: auto;left: 0;}
.tab_menu2.depth5 li{width: 20%;}
.tab_menu2.depth2 li{width: 50%;}
.wrap_dot_bg{  padding: 9px 9px 9px 10px;

  border-radius: 20px;

  background-color: #243f6a;}
  
  .wrap_dot_bg .inner{  padding: 23px 20px 13px 15px;



  border-radius: 20px;

  border: dotted 1px #fff;

  background-color: #243f6a;}
 .wrap_dot_bg .inner .list_dot li{  line-height: 1.47;color: #fff;font-size: 17px;margin: 0 0 20px;}
.wrap_ball h3{  font-size: 29.5px;

  font-weight: 700;
  letter-spacing: -0.59px;

  text-align: center;
  line-height: 1.2;
  margin: 0 0 30px;
font-family: GmarketSansTTF;
  color: #403f3f;}
  .wrap_ball h3 strong{font-family: GmarketSansTTF;}
.table_style1 table {width:100%;background: #fff; }
.table_style1 table th {padding:13px 29px; background:#f5f5f5; border:1px solid #e1e1e1; ;line-height: 25px;text-align: left;  font-size: 15px;
  font-weight: 400;
  line-height: 1.87;
  letter-spacing: -0.3px;
  text-align: left;
  color: #666;border-right: 0;}
 .table_style1 table th strong{font-weight: 400;margin-left: -15px;}
.table_style1 table td {padding:10px 5px;border:1px solid #e1e1e1;   font-size: 15px;
  font-weight: 300;
  line-height: 1.87;border-left: 0;
  letter-spacing: -0.3px;
  text-align: left;
  color: #666;}
 .table_style1 table td strong{ font-weight:600 ;font-size:15px;}
 .table_style1.mt{margin-top: 44px;}
  .table_style1 table td span{font-size:15px;}


  .table_style2 table {width:100%;background: #fff; }
.table_style2 table th {padding:13px 29px; background:#f5f5f5; border:1px solid #e1e1e1; ;line-height: 25px;text-align: left;  font-size: 15px;
  font-weight: 600;
  line-height: 1.87;
  letter-spacing: -0.3px;
  text-align: center;

  color: #3d3d3d;}
  .bg_n.table_style1 table th{background: #1f3559;color: #fff;}
.bg_n.table_style1 table th strong{color: #fff;}
.center.btn_wrap{height: 61px;position: relative;}
.center.btn_wrap .right{position: absolute;right: 0;top: 0;}
  .bg_n.table_style2 table th{background: #1f3559;color: #fff;}
.bg_n.table_style2 table th strong{color: #fff;}
.bg_n.table_style2 td:first-child{background: #f5f5f5;}
 .table_style2 table th strong{font-weight: 600;margin-left: -15px;}
.table_style2 table td {padding: 15px 15px;border:1px solid #e1e1e1;   font-size: 15px;
  font-weight: 300;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;vertical-align: top;}
 .table_style2 table td strong{ font-weight:600 ;font-size:15px;}
 .table_style2.mt{margin-top: 44px;}
  .table_style2 table td span{font-size:15px;}
 .table_style2 input{display: block;margin: 0 auto 5px;}
 .table_style2 table td:first-child{text-align: left; font-weight: 600;}

.wrap_ball .inner.no_bg{background-color: transparent;border: 0;}


.table_style3 table {width:100%;background: #fff; margin: 0 0 36px;}
.table_style3 table th {padding:13px 29px; background:#f5f5f5; border:1px solid #e1e1e1; ;line-height: 25px;text-align: center;  font-size: 15px;
  font-weight: 600;
  line-height: 1.87;
  letter-spacing: -0.3px;

  color: #666;}
 .table_style3 table th strong{font-weight: 600;margin-left: -15px;}
 .table_style3 table th.bg{color: #fff;  background-color: #1e345a;}
 .table_style3 table th.bg2{color: #fff;  background-color: #ec7700;}
.table_style3 table td {padding: 15px 15px;border:1px solid #e1e1e1;   font-size: 15px;
  font-weight: 300;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;vertical-align: top;}
 .table_style3 table td strong{ font-weight:600 ;font-size:15px;}
 .table_style3.mt{margin-top: 44px;}
  .table_style3 table td span{font-size:15px;}
 .table_style3 input{display: block;margin: 0 auto 5px;}

.txt_top{padding: 0 0 35px;  font-size: 20px;

  font-weight: 500;

  line-height: 1.35;
font-family: GmarketSansTTF;
  letter-spacing: 0.4px;
  text-align: left;
  color: #0f1729;}
  .input_style3.input-date {
  margin: 0 0 20px;width: 166px;
  background: url(../img/ico_date.png) calc(100% - 9px) center #fff no-repeat;
}
.input_style3 {
  width: 100%;
  height: 38px;
  padding: 0 10px;
  line-height: 38px;
  border: 1px solid #d0cfcf;
  box-sizing: border-box;

    font-size: 14px;
  font-weight: 300;
  color: #666;
}
.fs19{font-size: 19px;}
.table_style3.pd td{padding: 10px;}
.input_style2 {
  width: 100%;
  height: 49px;
  padding: 0 10px;
  border: 1px solid #d0cfcf;
  box-sizing: border-box;
margin: 0 !important;
    font-size: 14px;
  font-weight: 300;
  color: #666;
}
  .txt_top *{font-family: GmarketSansTTF;}
  .tit_top{  font-size: 38px;
  font-family: GmarketSansTTF;
  font-weight: 700;
  color: #1f3559;position: relative;margin: 0 0 32px;}
  .tit_top strong{font-family: GmarketSansTTF;}
  .tit_top .step{position: absolute;right: 0;bottom: 12px;  font-size: 14px;
    font-weight: 300;
  color: #919090;}
   .tit_top .step span{color: #e8772e;margin: 0 10px;font-family: 'dotum';}
.txt_title{  border-radius: 20px;

  border: solid 1px #e1e1e1;
overflow: hidden;
  background-color: #fff;margin: 0 0 68px;}

.txt_title .inner{padding: 40px;}
.txt_title h3{  line-height: 67px;
text-align: center;
  font-family: GmarketSansTTF;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -0.54px;
  color: #fff;
  background-color: #3d3d3d;}

.txt_title .inner{  font-size: 17px;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: -0.34px;
  color: #666;}
  strong{font-weight: 600;}
  


 .txt_title .img_r{overflow: hidden;padding: 0 0 35px;}
 .txt_title .img_r .img{width: 50%;float: right;text-align: center;}
 .txt_title .img_r .ment{width: 50%;float: left;padding-top: 10px;}
 .txt_title .mt{margin-top: 45px;}
 p.num{font-size: 18px;margin: 0 0 5px;}
 p.num strong{font-size: 15px;
font-weight: 300;
letter-spacing: -0.4px;
text-align: center;
width: 19px;
vertical-align: 1px;
margin-left: 4px;
height: 19px;
font-weight: 300 !important;
line-height: 18px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin: 0 7px 0 0;
border-radius: 50%;
background-color: #e8772e;
color: #fff !important;}
 .list_dot li{  font-size: 18px;
padding-left: 15px;
  font-weight: 300;
  position: relative;
  line-height: 1.72;
  letter-spacing: -0.36px;
  color: #666;}
.list_dot li::before {
  content: '';
  width: 4px;
  background: #e8772e;
  height: 4px;
  position: absolute;
  left: 5px;
  top: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
 .list_dot.ml{margin-left: 16px;}
 .wrap_graph .right.width{width: auto;float: none;}
 .wrap_graph .right.width .box{width: 436px;float: left;}
 .wrap_graph .right.width .box.mb20{margin: 0 41px 0 0 !important;}
 .list_button{overflow: hidden;width: 110%;margin: 33px 0;}
 .list_button li{width: 184px;float: left;margin: 0 20px 18px 0;}
 .list_button li button{display: block;text-align: center;  height: 56px;
  font-size: 19.5px;
  font-weight: 500;
  line-height: 2.46;
  width: 100%;
  color: #0f1729;
  border-radius: 28px;
  border: solid 1px #e1e1e1;
cursor: pointer;
  background-color: #fff;}
  .list_button li button.on{background-color: #ec7700;border-color: #ec7700;color: #fff;}
 .fs24{font-size: 24px !important;}
 .txt_b{text-align: right;  font-size: 15px;
  font-weight: 300;
  padding: 10px 0 0;
  line-height: 1.53;
  letter-spacing: -0.4px;
  color: #666;}
  .txt_b strong{color: #666 !important;}
  .cr4{font-weight: 700; color: #0e3780 !important;}
  .txt_title h4{font-size: 22px;line-height: 1.5;margin: 13px 0 3px;  font-family: GmarketSansTTF;}
  .txt_title p.mb{margin-bottom: 15px;}


  .txt_title .img_l{overflow: hidden;padding: 0 0 35px;}
 .txt_title .img_l .img{width: 306px;float: left;padding: 45px 15px 0;-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;}
 .txt_title .img_l .ment{width: 605px;float: right;}
 .txt_title .img_l .ment li{border-bottom: 1px solid #e2e2e2;padding: 40px 15px;  font-size: 18px;

  font-weight: 300;
  line-height: 1.72;
  letter-spacing: -0.36px;
  color: #666;}
 .txt_title .img_l .ment li:last-child{border-bottom: 0;}



   .txt_title .img_l2{overflow: hidden;padding: 0 0 0px;}
 .txt_title .img_l2 .img{width: 302px;float: left;-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;text-align: center;}
.txt_title .img_l2 .ment .txt {
  width: 576px;
  float: right;
  padding: 28px 0 20px;
  position: relative;
}
 .txt_title .img_l2 .ment li{overflow: hidden;border-bottom: 1px solid #e2e2e2;padding: 22px 15px;  font-size: 18px;

  font-weight: 300;
  line-height: 1.72;
  letter-spacing: -0.36px;
  color: #666;}
 .txt_title .img_l2 .ment li:last-child{border-bottom: 0;}
.txt_title .img_l2 .ment .txt{  font-size: 18px;

  font-weight: 300;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.32;

  letter-spacing: -0.36px;

  text-align: left;

  color: #666;}
.txt_title .img_l2 .ment .txt strong{ font-family: GmarketSansTTF; font-size: 24px;}

.txt_title .img_l2 .ment .txt_b{position: absolute;right: 6px;top: 56px; font-size: 12px;}
.txt_title .img_l2 .ment .txt_b *{ font-family: 'NotoSansKR';
  font-size: 12px !important;
  font-weight: 300;
  letter-spacing: -0.24px;
  text-align: right;
  color: #807e7e;}
.txt_title h5{color: #403f3f;  font-family: GmarketSansTTF;
font-weight: 700;
  font-size: 24px;margin: 0 0 24px;}

 .tit_l{ font-family: GmarketSansTTF;  font-size: 20px;

  font-weight: 500;
margin: 66px 0 27px;

  line-height: 1.35;

  letter-spacing: 0.4px;

  color: #0f1729;}
  
  .tit_l.mt0{margin-top: 0;}
   .tit_l span{font-family: GmarketSansTTF;}
.txt_title .img_l .ment li strong{  font-family: GmarketSansTTF;

  font-size: 24px;font-weight: 700;}.btn_area.mt0{padding-top: 0;}
.txt_title .img_l .ment .txt{padding: 0 0 15px;position: relative;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;height: 56px;line-height: 1.44;}
.txt_title .img_l .ment .txt_b{position: absolute;right: 6px;bottom: 0; font-size: 12px;}
.txt_title .img_l .ment .txt_b *{ font-family: 'NotoSansKR';
  font-size: 12px;
  font-weight: 300;
  letter-spacing: -0.24px;
  text-align: right;
  color: #807e7e;}
.txt_title h5{color: #403f3f;  font-family: GmarketSansTTF;
font-weight: 700;
  font-size: 24px;margin: 0 0 24px;}
.list_txt_box li{  padding: 26px 32px 26px 31px;
overflow: hidden;position: relative;
  border-radius: 10px;

  background-color: #f5f5f5;margin: 0 0 11px;}
  .center p{color: #666666;}
  .txt_title h5 strong {font-family: GmarketSansTTF;}
.fs29{font-size: 29px !important;line-height: 1.2 !important;} 
.cr7{color: #403f3f !important;}
.gm{font-family: GmarketSansTTF;}
.list_txt_box li strong{ font-size: 19px;font-weight: 800;}
.list_txt_box li p{position: absolute;right: 32px;top: 26px;text-align: right;}
.list_txt_box li .input_style1{width: 141px;vertical-align: 0px;margin: 0 5px;}
.list_txt_box li i{display: inline-block;width: 25px;}
.list_txt_box li p strong{margin: 0 8px;font-weight: 600 !important;}

.txt_top2{  font-size: 19px;
  font-weight: 300;
  line-height: 1.63;
  letter-spacing: -0.38px;
  color: #666;}.cr0{font-weight: 700; color: #000 !important;}
.tab_menu1{margin: 33px 0 33px;height: 77px;}
.tab_menu1 li{width: 25%;float: left;text-align: center;}
.tab_menu1.depth7 li{width: 14.28%;}
.tab_menu1 li.in a{line-height: 1.3;padding: 8px 0 4px;}

.tab_menu1 li.in a{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;height: 74px;
}
.tab_menu1.depth3 li{width: 33.33%;}
.tab_menu1.depth7 li a{line-height: 1.22;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;height: 77px;padding: 12px 0;}
.tab_menu1 li a{display: block;line-height: 72px;  font-size: 19.5px;
  font-weight: 500;
  text-align: center;
  background: #fff;position: relative;
  color: #0f1729; font-family: GmarketSansTTF;border: solid 1px #e1e1e1;border-right: 0;}
  .tab_menu1 li.one a{padding: 25px 0;}
.tab_menu1 li.active a{color: #fff;background: #e8772e;}
.txt_title .img_r.pb0{padding-bottom: 0;}
.tab_menu1 li:last-child a{border-right: solid 1px #e1e1e1;}
.tab_menu1 li.active a::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 21px;
  height:10px;
  bottom: -10px;
  margin-left: -10px;
  background: url(../img/arrow_tab.png) no-repeat 0 0;
}
.fs21{font-size: 21px;}
.tit_l.bg{margin: 0;padding: 27px 0 27px;background: url(../img/img_p60.png) no-repeat 90% bottom;}
.txt_title h3.bg1{background: #1e345a;}

.list_icon_star {text-align: center;margin: 18px 0 25px;}
.list_icon_star .star {
  width:24px;
  height: 23px;
  display: inline-block;
  margin: 0 8px;
  background: url(../img/icon_star.png) no-repeat center center;
  font-size: 0;
  cursor: pointer;
}
.list_icon_star .star.on{background: url(../img/icon_star_on.png) no-repeat center center;}


 .tab_content .img_r{overflow: hidden;padding: 0 0 35px;padding: 40px;border-radius: 0 0 20px 20px;overflow: hidden;background: #fff;
border: solid 1px #e1e1e1;}
 .tab_content .img_r .img{width: 295px;float: right;text-align: center;}
 .tab_content .img_r .ment{width: 610px;float: left;padding-top: 20px;}
 .tab_content .img_r .ment p{font-size: 17px;
font-weight: 300;
line-height: 1.47;
letter-spacing: -0.34px;
color: #666;margin: 0 0 20px;}


.wrap_time{overflow: hidden;}
.wrap_time .left{width: 438px;}
.wrap_time .left .cell1 strong{  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.56px;
  color: #403f3f;font-family: GmarketSansTTF;}
.wrap_time .left .cell1{position: relative;padding: 5px 0 35px;}
.wrap_time .left .cell1 .img{position: absolute;right: 35px;top: 0;}

.wrap_time .left .cell2{  padding: 47px 53px 46px;
  border-radius: 10px;
  border: solid 1px #e1e1e1;
  background-color: #f8f8f8;margin: 0 0 40px;}
    .wrap_time .left .cell2 li{  font-size: 17px;

  font-weight: 300;

  line-height: 1.76;
  text-align: left;

  color: #666;position: relative;margin: 0 0 15px;position: relative;padding: 0 0 0 163px;line-height: 38px;}
  .wrap_time .left .cell2 li strong{  width: 113px;
height: 38px;
  
  font-size: 17px;

  font-weight: 500;
line-height: 36px;
text-align: center;

  color: #fff;
  position: absolute;left: 0;top: 0;

  border-radius: 25px;
  display: block;

  background-color: #ec7700;}
  .wrap_time .left .cell2 li .input_style3.input-date{margin: 0;}

  .wrap_time .right{width: 437px;float: right;  

  padding: 0 0 27px;

  border-radius: 7px;
text-align: center;
  border: solid 1px #e1e1e1;
overflow: hidden;
  background-color: #fff;}
  .wrap_time .right .cell1{padding: 12px 0;color: #fff;  font-size: 17px;

  font-weight: 500;
font-family: GmarketSansTTF;
  letter-spacing: -0.34px;
  text-align: left;
  padding: 15px 42px 12px 44px;

  background-color: #1f3559;text-align: center;
  color: #fff;}
   .wrap_time .right .cell2{padding: 25px 20px 20px 20px;text-align: center;}
    .wrap_time .right .cell2 li{margin:0px;  font-size: 15px;

  font-weight: 300;

  letter-spacing: -0.3px;

  text-align: left;
  padding-left: 28px;

  color: #666;}
  
  .wrap_time .right .cell2 li strong{  font-weight: 600;

  color: #1f3559;}
   .wrap_time .right .cell1 p{  width: 351px;

  height: 39px;

  margin: 10px auto 0;
line-height: 39px;
  padding: 11px 10px 11px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  border-radius: 19.5px;
  font-size: 18px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: 1;

  letter-spacing: normal;



  color: #3d3d3d;
  background-color: #fff;}
.tab_menu2{margin: 0 0 0;height: 36px;}
.tab_menu2 li{width: 33.33%;float: left;text-align: center;}
.tab_menu2 li a{display: block;line-height: 63px;  font-size: 19.5px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: #f7f5f5;position: relative;
  color: #0f1729; font-family: GmarketSansTTF;border: solid 1px #e2e2e2;border-bottom: 0;
  border-radius: 25px 25px 0 0;}
.tab_menu2 li.active a{color: #fff;background: #193259;border-color: #fff;}
.txt_title.title2{background-color: transparent;border-radius: 20px 20px 0 0;margin: 0;}
.txt_title.title2 .inner{padding: 0;overflow: hidden;height: 673px;}
.txt_title .img_l.pb0{padding-bottom: 0;}
.txt_title .inner.bg1{background: url(../img/bg_6.png) no-repeat right bottom;}
.wrap_time .right .cell2 li{background: url(../img/c_off2.png) no-repeat 0 center;}
.wrap_time .right .cell2 li.on{background: url(../img/c_on3.png) no-repeat 0 center;}
.txt_title.bg3 .inner{background: url(../img/img_p50.png) no-repeat 95% bottom;padding-bottom: 105px;}

.txt_title.bg5 .inner{background: url(../img/img_p51.png) no-repeat right 75%;}

.fs28,.fs28 strong{font-size: 28px;color: #403f3f;font-weight: 700;font-family: GmarketSansTTF;}
.txt_title.bg6 .inner{background: url(../img/img_p36.png) no-repeat  95% 85%;}
.num_line{text-align: center;position: relative;}
.num_line:after{content: '';height: 1px;width: 100%;left: 0;top: 18px;position: absolute;background: #dedede;}
.num_line p{  width: 202px;position: relative;z-index: 9;
  height: 39px;
  margin: 10px auto 0;
  
  padding: 8px 10px 11px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 19.5px;
  font-size: 18px;
  font-weight: 500;
  border: solid 1px #e1e1e1;
  font-stretch: normal;
  font-style: normal;
line-height: 1;
  letter-spacing: normal;
  color: #3d3d3d;
  background-color: #fff;
}
.txt2 span{color: #3d3d3d;font-weight: 400;}
.txt2 strong{font-weight: 800;font-size: 24px !important;font-family: GmarketSansTTF;}
.box_gray{  padding: 28px 22px 24px;

  border-radius: 10px;
margin: 0 0 51px;
  background-color: #f5f5f5;}
  .list_img2{overflow: hidden;width: 110%;}
  .list_img2 li{float: left;width: 441px;margin: 0 34px 33px 0;}
 .fs20{font-size: 20px !important;}
 .mb10{margin-bottom: 10px !important;}
 .mb20{margin-bottom: 20px !important;}
 .mb40{margin-bottom: 40px !important;}
 .mb60{margin-bottom: 60px !important;}
 .box_gray h4 {
  font-size: 18px;
  font-family: 'NotoSansKR';
  line-height: 1;
  margin: 0px 0 13px;
 color: #3d3d3d;font-weight: 300;
}
.list_qa p{font-size: 21px;}
.list_qa .center{padding: 26px 0 46px;}
.list_qa .btn{width: 98px;height: 98px;display: inline-block;margin: 0 25px;font-size: 0;cursor: pointer;}
.list_qa .btn.qa_o{background: url(../img/btn_o.png) no-repeat center center;}
.list_qa .btn.qa_o.on{background: url(../img/btn_o_on.png) no-repeat center center;}
.list_qa .btn.qa_x{background: url(../img/btn_x.png) no-repeat center center;}
.list_qa .btn.qa_x.on{background: url(../img/btn_x_on.png) no-repeat center center;}
 .list_qa li{border-bottom: 1px solid #e2e2e2;margin: 0 0 45px;}
 .list_qa li:last-child{border-bottom: 0;margin-bottom: 0;}

.txt_title{position: relative;}
.mt180{margin-top: 180px;}
.txt_title .inner .img_top{text-align: center;width: 100%;position: absolute;top: -146px;left: 0;}

.mt90{margin-top:90px;}
.txt_title .inner .img_top2{text-align: center;width: 100%;position: absolute;top: -31px;left: 0;  }

.txt_title .tit_img{padding: 32px 0 32px 75px;background: url(../img/img_p43.png) no-repeat left center;font-size: 22px;

  font-weight: 700;
  line-height: 1.27;

  letter-spacing: -0.44px;

  color: #0a3582;}
.table_style3.bg{padding: 0 249px 0 0;position: relative;}
.table_style3.bg .img{position: absolute;top: -72px;right: 0;}
.table_style3.pd td .input_style3{margin: 0 !important;}
.txt_top2.mb{margin-bottom: 65px;}
.txt_b.small{font-size: 12px;}

.checks_com label{margin: 0 0 10px 0;display: inline-block;}
.checks_com input[type="checkbox"] {display:none; }
.checks_com input[type="checkbox"] + label {
    height: 24px;
    padding-left: 30px;
    display: inline-block;
    position: relative;

    cursor: pointer;
}
.checks_com input[type="checkbox"] + label:before {content:''; width:24px; height:24px; position:absolute; left:0px; top:22px; display:inline-block; background:url(../img/c_off.png) 0 0 no-repeat; }
.checks_com input[type="checkbox"]:checked + label:before {background:url(../img/c_onn.png) 0 0 no-repeat;}
.checks_com input[type="checkbox"] + label span {font-size:11px; }
.checks_com span{display: inline-block;font-size: 11px;font-weight:300 ;line-height:24px;}
.input_style3.height{height: 70px;line-height: 1.3;padding: 5px;}
.input_style3.height2{line-height: 1.3;padding: 5px;  height: 246px;
  border-radius: 10px;
  border: solid 1px #e1e1e1;
  background-color: #f8f8f8;}

  .input_style3.height3{line-height: 1.3;
  height: 247px;
  border-radius: 10px;
  border: solid 1px #dedede;
  padding: 10px;
  background-color: #fff;}
    .input_style3.height4{line-height: 1.3;
  height: 159px;
  border-radius: 10px;
  border: solid 1px #dedede;
  padding: 10px;
  background-color: #fff;}
.list_check{
border-radius: 10px;
border: solid 1px #e1e1e1;

overflow: hidden;
background-color: #fff;}

.wrap_calendar{padding: 91px 0 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;position: relative;width: 639px;height: 532px;background:url(../img/bg_cal.png) 0 0 no-repeat;}
.wrap_calendar table{width: 100%;}
.wrap_calendar table td{height: 66px;padding: 10px;  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.34px;
  text-align: left;
  color: #393838;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;position: relative;vertical-align: top;}
  .wrap_calendar table td .icon{position: absolute;left: 50%;bottom: 8px;margin-left: -16px;}
.wrap_calendar .top{position: absolute;width: 100%;left: 0;top: 0;text-align: center;line-height: 50px;}
.cr10{color: #02bb00 !important;}
.wrap_calendar .top strong{  font-size: 20px;

  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.4px;
  color: #fff;
margin: 0 25px;
}
.wrap_calendar table td.gray{color: #a8a8a8;}
.wrap_calendar table td.sun{color: #ff413c;}
.txt_title .box_txt{padding: 52px 38px 38px 26px ;width: 534px;height: 337px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;position: absolute;right: 47px;bottom: 43px;
box-sizing: border-box;background:url(../img/img_p53.png) 0 0 no-repeat;}
.list_check li{border-bottom: solid 1px #e1e1e1;  font-size: 17px;
 height: 57px;padding: 0 26px;}
 .list_check li label{ font-weight: 300;
  line-height: 1.65;
  letter-spacing: -0.34px;
  text-align: left;
  color: #666;line-height: 57px;}
.list_check li:last-child{border: 0;}
.box_gray h4 strong{font-weight: 800;}
.cr6{font-weight: 700; color: #ff4540 !important;}
.qa{margin: 0 0 15px;}
.qa .tab{    line-height: 75px;
  border: solid 1px #e1e1e1;
display: block;
  background-color: #f5f5f5;
    font-size: 21.5px;

  font-weight: 500;
padding: 0 25px;
cursor: pointer;
  letter-spacing: 0.43px;
  color: #3d3d3d;
   font-family: GmarketSansTTF;
background: #f5f5f5 url(../img/arrow_qa.png) no-repeat 98% center;
  }
  .qa .tab strong{font-weight: 700;}

  .qa .tab.active{background: #1e345a url(../img/arrow_qa_on.png) no-repeat 98% center;color: #fff;}
  .qa .item{padding: 25px;border: solid 1px #e1e1e1;border-top: 0;display: none;}
.wrap_graph{overflow: hidden;}
.wrap_graph .left{width: 440px;float: left;}
.wrap_graph .left .cont{height: 165px;}
.wrap_graph .right{width: 440px;float: right;}
.fs17{font-size: 17px !important;line-height: 1.4;}
.wrap_graph .box{border-radius: 10px;
border: solid 1px #e1e1e1;overflow: hidden;}
.mt30{margin-top: 30px;}
.mb0{margin-bottom: 0 !important;}
.wrap_graph .box h4{  line-height: 42px;

text-align: center;

  font-size: 17px;

  border-radius: 10px 10px 0 0;
  font-weight: 500;
  letter-spacing: -0.34px;
margin: 0;
  color: #3d3d3d;
  font-family: 'NotoSansKR';
  background: #f5f5f5
}
.wrap_graph .box .cont{padding: 36px ;}
  .wrap_graph .box .cont .top{text-align: center;margin: 0 0 25px;}
  .wrap_graph .box .cont .top p{display: inline-block;margin: 0 8px;  font-size: 15px;}

.graph1{position: relative;padding: 0 0 32px 32px;}
.graph1 p{  font-size: 15px;

  font-weight: 300;
  letter-spacing: -0.3px;
	position: absolute;
	left: 0;top: 10px;
  color: #666;}
.graph1 .wrap{border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;height: 37px;position: relative;}
.graph1 .wrap .bar{position: absolute;left: 0px;  height: 26px;

top: 5px;
width: 100%;
  background-color: #ff4b47;}
 .cr9{font-weight: 700; color: #22b700 !important;}
 .lh25{line-height: 25px !important;margin: 0 0 10px !important;}
 .txt_n2{  font-size: 20px;

  letter-spacing: -0.4px;
font-weight: 800;
  color: #3d3d3d;}
.graph1 .wrap .bar.yel{background: #efa800;}
.graph1 .wrap .bar.yel .num{color: #efa800;}

.graph1 .wrap .bar.green{background: #22b700;}
.graph1 .wrap .bar.green .num{color: #22b700;}
  .graph1 .wrap .bar .num{

position: absolute;

right: -18px;

font-size: 15px;

font-weight: 500;

top: 1px;

letter-spacing: -0.3px;

color: #ff4b47;

}
.graph1 ol{height: 64px;position: absolute;left: -5px;right: 20px;top: 0;}
.graph1 ol li{padding-top: 46px;position: absolute;bottom: 0;  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;}
.graph1 ol li:after{content: '';width: 1px;height: 45px;background: #e1e1e1;position: absolute;top: 0;left: 50%;}
.graph1 ol li.yel:after{background: #ffb500;}
.graph1 ol li.green:after{background: #23b800;}
.graph1 ol li.red:after{background: #ff0000;}

.graph1 ol li.yel{color: #ffb500;}
.graph1 ol li.green{color: #23b800;}
.graph1 ol li.red{color: #ff0000;}

.graph1 ol li.n1{left: 0;}
.graph1 ol li.n2{left: 25%;}
.graph1 ol li.n3{left: calc(50% + 4px);}
.graph1 ol li.n4{left: calc(75% + 9px);}
.graph1 ol li.n5{left: calc(100% + 11px);}

.cr8{font-weight: 700; color: #efa800 !important;}

.graph2{position: relative;padding: 0 0 32px 60px;}
.graph2 p{  font-size: 15px;

  font-weight: 300;
  letter-spacing: -0.3px;
	position: absolute;
	left: -66px;top: 10px;
	width: 56px;
  color: #666;text-align: right;}
.graph2 ul li{border-bottom: 1px solid #e1e1e1;width: 295px;height: 37px;position: relative;}
.graph2 ul li .bar{position: absolute;left: 0px;  height: 26px;

top: 5px;
width: 100%;
  background-color: #3d3d3d;z-index: 9;}
.graph2 ul{border-top: 1px solid #e1e1e1;width: 295px;}
  .graph2 ul li .bar .num{position: absolute;left: 102%;  font-size: 15px;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.2;
  top: 5px;

  letter-spacing: -0.3px;

  color: #666;}
.wrap_graph .cell{position: relative;height: 182px;overflow: hidden;padding-left: 35px;}
.wrap_graph .cell .num{position: absolute;  width: 125px;
right: 50px;top: 10px;
  height: 125px;
text-align: center;
line-height: 125px;
  background-color: #f5f5f5;-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;  font-size: 35px;font-family: GmarketSansTTF;font-weight: 700;}
.graph2 ol {
  height: 64px;
  position: absolute;
  left: 55px;
  right: 24px;
  bottom: 0;
}
.wrap_graph .left .box h4{font-family: GmarketSansTTF;background: #ff4b47;  font-size: 22px;
  font-weight: bold;
  line-height: 1.55;
  color: #fff;line-height: 60px;height: 55px;}
.graph2 ol li{padding-top: 129px;position: absolute;bottom: 0;  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;}
.graph2 ol li:after{content: '';width: 1px;height: 128px;background: #e1e1e1;position: absolute;top: 0;left: 50%;}


.graph2 ol li:nth-child(1){left: 0;}
.graph2 ol li:nth-child(2){left: 20%;}
.graph2 ol li:nth-child(3){left: 40%;}
.graph2 ol li:nth-child(4){left: 60%;}
.graph2 ol li:nth-child(5){left: 80%;}
.graph2 ol li:nth-child(6){left: 100%;}




.pop_layer .inner{-webkit-border-radius: 10px;
-moz-border-radius: 10px;border: solid 1px #e1e1e1;
border-radius: 10px;background:#fff;max-width: 496px;margin: 5% auto 3%;overflow: hidden;max-height: 85%;}

.pop_layer .inner h2{line-height:56px; background: #1e345a;color: #fff;font-size: 18px;font-weight:600;position: relative;padding: 0 30px;font-size: 16px;
font-weight: 600;
color: #fff;padding: 0 27px;
font-family: GmarketSansTTF;

  font-size: 27px;
  font-weight: 700;
  letter-spacing: -0.54px;
  text-align: center;
  color: #fff;
}
.pop_layer .inner h2 .btn_close{position: absolute;right: 25px;top: 20px;line-height:1;color: #fff;font-size: 13px;font-weight: 300;

height: 13px;
display: block;

  background-size: auto;
background-size: 100%;
}

.pop_layer .inner .layer_inner{background: #fff;padding:62px;text-align: center;margin: 0 0 2px;background: #fff url(../img/bg_pop.png) no-repeat center center;}


.pop_layer .inner .layer_inner .txt{  font-size: 17px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: -0.34px;
  text-align: center;
  color: #666;margin: 0 0 80px;}
 .pop_layer .inner .layer_inner .txt_b{  font-size: 17px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: -0.34px;
  text-align: right;
  color: #666;}
 .pop_layer .inner .layer_inner .input_style1{width: 115px;}
 .pop_layer .inner .layer_inner h3{  font-size: 26px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.65;

  letter-spacing: -0.52px;

margin: 0 0 35px;
  color: #242424;}

.mobile{display:none !important;}
.pc{display:block !important;}

@media only screen and (max-width : 1000px) {

  .pc{display: none !important;}
  .mobile{display: block !important;}
  .list_box li dl {
    padding: 15px 10px;
  }
  .list_box li dd {
    font-size: 13px;
    line-height: 1.57;

  }
  #gnb,.header .inner .info_top{display: none;}
  .wrap_gnb,.header .sns_top{display: none;}
  .header .inner,.header {
    height: 65px;
  }
  .list_box li h3 {
    line-height: 43px;
    font-size: 15.5px;
  }
  .header h1 {
      padding: 6px 0 0;
  }
  .header .logo {
      display: inline-block;
  }
  .wrap_ball {
    position: relative;
    padding: 0 0 0 !important;
  }
  h2.tit {
    font-size: 21px;
    text-align: center;
    padding: 60px 0 30px;
    font-family: GmarketSansTTF;
  }
  .list_box{width: auto;}
  .btn_area {
    overflow: hidden;
    padding: 31px 0 19px;
  }
  .btn_area img{width: 100px;}
  .list_box li {
    width: 48%;
    height: 265px;
    margin: 0 1% 25px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #e1e1e1;
    background-color: #fff;
  }
  .wrap_ball .inner p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.58;
    letter-spacing: -0.38px;
    padding: 0 0 12px;
    color: #666;
  }
  .wrap_ball .img img{width: 300px;}
  #container {

    padding: 27px 10px 55px;
  }
  .wrap_ball .bg{display: none;}
  .header .inner h1 img {
    vertical-align: top;
    margin: 0 34px 0 15px;
  }
  #container .txt1 {
    padding: 5px 0 21px;
  }
  .table_style1 table td {
    padding: 5px 5px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.87;
  }
  .table_style1 table th {
    padding: 6px 10px 6px 10px;

    line-height: 22px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.3px;
    text-align: left;
    color: #666;
    border-right: 0;
  }
  .list_txt_box li {
    padding: 15px 10px 15px 15px;
  }
  .txt_top {

    font-size: 16px;
    color: #0f1729;
  }
  .list_txt_box li strong {
    font-size: 16px;
  }
  .input_style1 {
    width: 70px;
  }
  .m_w img{width: 100%;}
  #container .txt1{padding: 6px 0 36px;}
  #container .txt1 img{width: 200px;}
  .wrap_ball h3 {
    font-size: 21.5px;
    margin: 0 0 26px;
  }
  .header h1 img{width: 67px;}
  #container .txt1 {
    font-family: GmarketSansTTF;
    font-size: 15.5px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.47px;
    text-align: center;
    color: #323232;
    padding: 13px 0 30px;
  }
  .mt180 {
    margin-top: 180px !important;
  }
  .m_w{overflow: hidden;}
  .m_w img{float: left;}
  .txt_title h3 {
    line-height: 56px;
    text-align: center;
    font-family: GmarketSansTTF;
    font-size: 18px;
    font-weight: 700;
    background-color: #3d3d3d;
  }
  .list_button {
    overflow: hidden;
    width: auto;
    margin: 30px 0;
  }
  .txt_title .img_l2 .img,.txt_title .img_l2 .txt{width: auto !important;float: none !important;}
  .txt_title .img_l2 .ment .txt_b{position: static;}
  .table_style3.bg {
    padding: 0 0 0 0;
    position: relative;
  }
  .list_check li {
    border-bottom: solid 1px #e1e1e1;
    font-size: 15px;
    height: auto;
    padding: 20px 15px;
    line-height: 1.5;
    padding: 10px 26px;
  }
  .txt_title.bg3 .inner {
    background: url(../img/img_p50.png) no-repeat 95% bottom;
      background-size: auto;
    padding-bottom: 135px;
    background-size: 195px auto;
  }
  .wrap_time .left .cell1 strong {
    font-size: 22px;
  }
  .pop_layer .inner .cont {
    padding: 8px;
  }
  .pop_layer .inner{margin: 25px 0;}
  .pop_layer .inner h2 {

    font-size: 21px;
    }
  .pop_layer .inner .layer_inner .txt_b {
    font-size: 13px;}
  .pop_layer .inner .layer_inner .txt {
    font-size: 13px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: -0.34px;
    text-align: center;
    color: #666;
    margin: 0 0 13px;
  }
  .pop_layer .inner .layer_inner {
    background: #fff;
    padding: 20px;
    text-align: center;
    margin: 0 0 40px;
    background: #fff url(../img/bg_pop.png) no-repeat center center;

    background-size: 100% 100%;
  }
  .pop_layer .inner .layer_inner h3 {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.65;
    letter-spacing: -0.52px;
    margin: 0 0 35px;
    color: #242424;
  }
  .input_style3.height {
    height: 107px;
    line-height: 1.3;
    padding: 5px;
  }
  .checks_com input[type="checkbox"] + label::before {

    top: 4px;
    }
  .list_check li label{line-height: 1.5;margin: 0;}
  .mt90.mt_m{margin-top: 30px !important;}
  .txt_title .inner .img_top2 {
    top: -9px;
  }
  .txt_title .inner .img_top2 img{width: 100%;}
  .table_style3.bg .img{display: none;}
  .txt_title .tit_img {
    padding: 32px 0 32px 75px;
    background: url(../img/img_p43.png) no-repeat left center;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.27;
    letter-spacing: -0.44px;
    color: #0a3582;
  }
  .txt_title .inner{height: auto !important;}
  .list_button li button {
    display: block;
    text-align: center;
    height: 44px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.46;
    width: 100%;
    color: #0f1729;
    border-radius: 28px;
    border: solid 1px #e1e1e1;
    cursor: pointer;
    background-color: #fff;
  }
  .txt_title .img_r .ment,.txt_title .img_r .img,.txt_title .img_l .img,.txt_title .img_l .ment,.wrap_graph .left,.wrap_graph .right,.wrap_graph .right.width .box,.wrap_graph .right.width .box,.tab_content .img_r .ment,.tab_content .img_r .img {
    width: auto !important;
    float: none !important;
    padding-top: 10px;
  }
  .tab_content .img_r .ment p{font-size: 13px;}
  .list_button li {
    width: 31%;
    float: left;
    margin: 0 1% 18px;
  }
  .wrap_graph .right.width .box.mb20 {
    margin: 0 0 41px 0 !important;
    padding-top: 0;
  }
  .wrap_graph .box .cont {
    padding: 13px 10px;
  }
  .graph2 p {
    font-size: 13px;

  }
  .mobile_img {text-align: center !important;}
  .mobile_img img{width: 250px;}
  .fs29 {
    font-size: 22px !important;
  }
  .list_qa{padding: 15px 0;}
  .table_style1 table th strong {
    margin-left: 0;
  }
  .fs17 {
    font-size: 14px !important;
  }
  .wrap_dot_bg{margin-top: 35px;}
  .graph1 .wrap .bar .num{font-size: 13px;z-index: 99;}
  .graph2,.graph1{width: 286px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;width: 288px;}
  .fs19 {
    font-size: 15px;
  }
  .tab_menu2 li a{border-radius: 10px 10px 0 0;}
  .graph2 ul {
    border-top: 1px solid #e1e1e1;
    width: 217px;
  }
  .tit_l {
    font-family: GmarketSansTTF;
    font-size: 16px;
    font-weight: 500;
    margin: 66px 0 27px;
    line-height: 1.35;
    letter-spacing: 0.4px;
    color: #0f1729;
  }
  .wrap_dot_bg .inner .list_dot li {
    line-height: 1.47;
    font-size: 14px;
    margin: 0 0 20px;
  }
  .graph2 ul li .bar .num{font-size: 12px;}
  .graph2 ul li {
    border-bottom: 1px solid #e1e1e1;
    width: 216px;
    height: 37px;
    position: relative;
  }
  .txt_title .img_l .ment .txt {

    height: auto;

  }
  .txt_title h5 {
    font-size: 16px;
  }
  .fs28, .fs28 strong {
    font-size: 22px;}
  .txt_title {
    margin: 0 0 44px;
  }
  .tit_l.bg{background: #fff;}
  .txt_title.bg6 .inner{background: #fff;}
  .scroll .wrap_calendar{width: 639px;}
  .scroll .wrap_calendar table{width: 639px;}
  .txt_title .box_txt {
    padding: 52px 0 26px;
    width: auto;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: static;
    right: 47px;
    bottom: 43px;
    box-sizing: border-box;
    background: #fff;
  }
  .txt_title.bg5 .inner{background: #fff;}
  .tab_menu1 li a {
    line-height: 52px;
    font-size: 10px;
  }
  .txt_top2 {
    font-size: 14px;
  }
  .qa .tab {
    line-height: 51px;
    font-size: 16.5px;

  }
  .txt_title.title2 .inner {

    height: auto !important;
  }
  .img_b.right.m_w{height: auto !important;}
  .center.btn_wrap .right{float: none;text-align: center;position: static;margin: 15px 0 0;display: block;}
  .center.btn_wrap{height: auto;overflow: hidden;}
  .list_qa p {
    font-size: 15px;
  }
  .list_qa .btn {
    margin: 0 10px;

  }
  .table_style2 table td {
    font-size: 12px;
    }

  .table_style3 table th {
    padding: 10px 6px;
    background: #f5f5f5;
      background-color: rgb(245, 245, 245);
    border: 1px solid #e1e1e1;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.87;
    letter-spacing: -0.3px;
    color: #666;
  }
  .table_style3 table th strong {
    margin-left: 0;
  }
  .table_style3 table th strong{text-align: center;}
  .table_style3 table td{ padding: 10px 6px;  font-size: 12px;}
  .scroll {overflow-x: auto;}
  .scroll table{width: 800px;}
  .list_img2{width: auto;}
  .list_img2 li{width: 48%;margin: 0 1% 3%;}
  .list_img2 li img{width: 100%;}
  .tab_menu2 li a{line-height: 42px;font-size: 10.5px;}
  .tab_content img{width: 100%;}
  .tab_content .img_r {
    overflow: hidden;
    padding: 0 0 35px;
    padding: 14px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    background: #fff;
    border: solid 1px #e1e1e1;
  }
  .tab_menu1 {
    margin: 33px 0 31px;

  }
  .tit_top {
    font-size: 25px;
  }
  .tab_menu1 li.in_m a {
    line-height: 1.5;
    padding: 7px 0 5px;
  }
  .tab_menu1 li.in a{height: 44px;
  padding: 7px 0 5px;
  }
  .table_style3 table td strong{font-size: 12px;}
  .list_txt_box li i {
    display: inline-block;
    width: 5px;
  }
  .btn_area.mt0{padding-top: 30px;}
  .list_txt_box li p{font-size: 14px;}
  .tit_top .step {
    position: static;
    right: 0;
    bottom: 12px;
    padding: 10px 0 0;
    text-align: right;
    font-size: 12px;
    font-weight: 300;
    color: #919090;
  }
  .list_txt_box li .input_style1 {
    width: 58px;
    vertical-align: 0px;
    margin: 0 0;
  }
  .list_txt_box li p {
    position: static;
    right: 32px;
    top: 26px;
    text-align: right;
  }
  .txt_title .img_l .ment li {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 15px;
    font-size: 15px;
  }
  .txt_title .img_l .ment li strong {
    font-size: 21px;
  }
  .txt_title .img_l .ment .txt_b {
    position: static;
  padding: 15px 0 10px;

  }
  .txt_title .img_l .img{text-align: center;}


  .txt_title h4 {
    font-size: 17px;
  }
  .mb60 {
    margin-bottom: 38px !important;
  }
  .txt_title .inner {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
    letter-spacing: -0.34px;
    color: #666;
  }
  .txt_b {
    font-size: 12px;

  }
  .list_dot li {
    font-size: 14px;
  }
  p.num {
    font-size: 15px;
    margin: 0 0 5px;
  }
  .txt_title .inner {
    padding: 15px;
  }
  .header h1 {

      left: 13px;
      top: 10px;

  }
  .wrap_header {

      height: 101px;


  }
  #wrap {

      padding: 101px 0 0;

  }
  .m_menu .top {
      height: 65px;
      padding: 0 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #1f3559;
  }
  .m_menu .info_top{position: absolute;left: 15px;top: 19px;}
  .m_menu .info_top li{display: inline-block;position: relative;padding: 0 13px;}
  .m_menu .info_top li a{font-size: 13px;
    font-weight: 300;
    line-height: 1.69;
    color: #fff;}
  .m_menu .info_top li::before {
    content: '';
    width: 1px;
    background: #fff;
    height: 12px;
    position: absolute;
    left: -1px;
    top: 5px;
  }
  .m_menu .gnb_m ul li {
    line-height:42px;
  }
  .m_menu .gnb_m ul li a{display: block;padding: 0 15px;font-weight: 500;font-size:16px;}
  .m_menu .gnb_m ul li a.big{
    
  background-size: 16px auto;
  border-bottom: 1px solid #e1e1e1;
  }
  .m_menu li:nth-child(1):before{display: none;}
  .m_menu .gnb_m ul ul li {
      line-height: 15px;
    margin: 0;
  }
  .m_menu .gnb_m .sub{border-bottom: 1px solid #e1e1e1;padding: 15px 0;}
  .m_menu .gnb_m .sub a {
      display: block;
      background: #fff;
      border: 0;
          border-bottom-color: currentcolor;
          border-bottom-style: none;
          border-bottom-width: 0px;
      border-bottom-color: currentcolor;
      border-bottom-style: none;
      border-bottom-width: 0px;
    margin: 0;
      font-size: 14px;
    padding: 3px 18px;
    color:#848484;
      line-height: 1.8;
    font-weight: 500;
  font-family: GmarketSansTTF;
  }

  .m_menu > ul {
      width: 100%;
      height: calc(100% - 60px);
      overflow-y: auto;
  }
  .m_menu > ul {
      width: 100%;
      height: calc(100% - 60px);
      overflow-y: auto;
  }
  .m_menu > ul > li {
      padding: 0px;
  }
  .m_menu > ul button {
      display: block;
      width: 100%;
      padding: 15px 20px;
      box-sizing: border-box;
      text-align: left;
      font-size: 2rem;
      font-weight: 700;
      background: #113775 url('/img/arrow_down.png') calc(100% - 20px) 50% no-repeat;
          background-size: auto;
      background-size: 12px auto;
    border: none;
  }

  .wrap_time .left .cell2 li strong {
    width: 95px;
    height: 27px;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 25px;
    display: block;
    background-color: #ec7700;
  }
  .wrap_time .left .cell2 {
    padding: 22px 23px 11px;}
  .wrap_time .right,.wrap_time .left{width: auto;float: none;}
  .wrap_time .left .cell2 li {
  font-size: 14px;
    padding: 0 0 0 105px;line-height: 24px;
    }
    .wrap_time .right{  margin-top: 35px;}
    .wrap_time .right .cell1 p {
    width: auto;

    font-size: 15px;

  }
    .wrap_time .right .cell2 {
    padding: 25px 10px 15px 14px;
    text-align: left;

  }
  .wrap_graph .cell .num {
    position: absolute;
    width: 74px;
    right: 0px;
    top: 10px;
    height: 74px;
    text-align: center;
    line-height: 77px;
    background-color: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 22px;
    font-family: GmarketSansTTF;
    font-weight: 700;
  }
    .wrap_time .left .cell2 li .input_style3.input-date {
    margin: 0;
    height: 30px;width: 100%;
  }
  .wrap_time .left .cell1 .img{display: none;}
  .m_menu .gnb_m ul li a {
    background: url('../img/arrow_m.png') calc(95% - 0px) 50% no-repeat;
      background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 16px auto;
    padding: 10px 15px;
    font-family: GmarketSansTTF;
  }
  .m_menu .gnb_m ul li a.on{ background: url('../img/arrow_m_on.png') calc(95% - 0px) 50% no-repeat;
      background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: 16px auto;}
  .m_menu .sub {
      display: none;

  }

  .m_menu ul li .sub li:last-child{border-bottom:0}

  .m_menu .gnb_m ul ul li a {
      font-size: 15px;
      color: #000;
      font-weight: 300;
      line-height: 35px;
    background:none
  }

  .m_menu .gnb_m ul li a.big.2on {
      background: url('../img/arrow_up.png') calc(100% - 20px) 50% no-repeat;
      background-size: 16px auto;
    color: #118375;
  }
  .ovh {
      overflow: hidden;
  }
  .m_menu .logo {
      margin-top: 20px;
  }
  .logo {
      display: block;
      width: 150px;
  }
  .fl {
      float: left;
  }
  .m_close {
      display: block;
      width: 27px;
      height: 27px;
      margin-top: 18px;
      background: url('../img/close_m.png') 0 0 no-repeat;
          background-size: auto;
      background-size: 20px auto;
      text-indent: -9999px;
        position: absolute;
      right: 14px;
    top: 2px;
    border:0
  }
  .menu_aside {
      background: rgba(0, 0, 0, 0.4);
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 99999;
  }
  .m_menu .list_lang li a{font-weight: 300;}
  #gnb_m{border-top: 1px solid #e1e1e2;}

  .m_menu > ul {
      width: 100%;
      height: calc(100% - 60px);
      overflow-y: auto;
  }
  .m_menu > ul > li {
      padding: 0px;
  }
  .m_menu > ul button {
      display: block;
      width: 100%;
      padding: 15px 20px;
      box-sizing: border-box;
      text-align: left;
      font-size: 2rem;
      font-weight: 700;
      background: url('../img/arrow_down.png') calc(100% - 20px) 50% no-repeat;
          background-size: auto;
      background-size: 12px auto;
    border: none;
  }
  .m_menu .sub {
      display: none;
      padding: 0px 0 10px;

  }
  .m_menu .sub li {
      margin: 20px 0;
  }
  .m_menu .sub {
    margin: -5px 0 0;

  }

  .m_menu #gnb_m ul ul li a{font-size:13px ;font-weight:200 ;line-height: 25px;}
  .m_menu #gnb_m ul li a.big.on {
      color: #10b487;
      background: url('../img/arrow_up.png') calc(100% - 20px) 50% no-repeat;
      background-size: 12px auto;
  }
  .wrap_txtarea {
    padding: 0 15px 25px;
  }
  .m_open img {
      width: 100%;
  }
  .m_menu .sns_top{right: auto;left: 0px;padding: 0;}
  .m_open {
      display: block;
      width: 26px;
      margin-top: 0;
      position: absolute;
      right: 15px;
      top: 24px;
      background: transparent;
      border: 0;
  }
  nav.on .m_menu {
      transform: translateX(0);
  }
  .gnb_m{background: #fff;}
  .m_menu {
      position: absolute;
      top: 0;
      right: 0;
      width: 62%;
      height: 100%;
      background: #f5f5f5;
      transform: translateX(100%);
      transition: transform 0.4s ease;
      -webkit-transition: transform 0.4s ease;
      -moz-transition: transform 0.4s ease;
      z-index: 99999;
  }
  .m_menu #gnb_m ul li {
    line-height:46px;
    border-bottom:1px solid #dadada;
  }
  .m_menu #gnb_m ul li a{display: block;padding: 0 15px;font-weight: 500;font-size:15px;color:#313131;}

  .m_menu .list_lang {
    position: absolute;
    left: 14px;top: 14px;
  }
  .m_menu #gnb_m ul li a.big_n{
    background: url('../img/arrow_down.png') calc(100% - 20px) 50% no-repeat;
  background-size: 14px auto;
  }
  .m_menu .member li:last-child a {
      color: #fff;
      background: #319fad;
    border-radius: 25px;
  }
  .m_menu #gnb_m ul ul li {
      line-height: 15px;
      border-bottom: 0;
    margin: 0;
  }
  .txt_n2 {
    font-size: 15px;
    letter-spacing: -0.4px;
    font-weight: 800;
    color: #3d3d3d;
  }
  .m_menu .sub {
      margin: -5px 0 0;
  }
  .m_menu .sub {
      display: none;
      padding: 0px 0 10px;
  }
  .m_menu #gnb_m .sub a {
      font-size: 13px;
      font-weight: 200;
      line-height: 28px;
  }

  .tit_c {

      font-size: 29px;
      padding: 51px 0 41px;

  }
  .btn_top {
    position: fixed;
    right: 7px;
    bottom: 37px;
    z-index: 9999;
  }
  .btn_top img{width: 37px;}
  .footer {

      padding: 27px 10px 27px 15px;
      line-height: 25px;


  }
  .footer h1 {

      position: absolute;
      left: 10px;
      top: 10px;

  }
  .footer h1 img{width: 75px;}

  .footer * {

      font-size: 12px;
      line-height: 19px;

  }
  .footer .copy {

      font-size: 11px;

  }

}

/* ec21 modification - 2023.10 */
.graph_new.graph1 .wrap{width: calc(100% - 20px);}
.graph_new.graph1 ol li.n3{left: calc(50% + 4px);}
.graph_new.graph1 ol li.n4{left: calc(75% + 9px);}
.graph_new.graph1 ol li.n5{left: calc(100% + 11px);}
.graph_new.graph2 ol li:nth-child(2):after{left: calc(50% - 1px);}
.graph_new.graph2 ol li:nth-child(4):after{left: calc(50% + 2px);}
.graph_new.graph2 ol li:nth-child(5):after{left: calc(50% + 3px);}
.graph_new.width_100.graph1 ol li.n1{left: calc(0% - 5px);}
.graph_new.width_100.graph1 ol li.n2{left: calc(25% - 2px);}
.graph_new.width_100.graph1 ol li.n3{left: calc(50% + 7px);}
.graph_new.width_100.graph1 ol li.n4{left: calc(75% + 7px);}
.graph_new.width_100.graph1 ol li.n5{left: calc(100% + 11px);}

.pledge.pop_layer .inner .layer_inner{margin-bottom: 0;}

.none400{display: none;}

@media only screen and (max-width : 1000px) {
  .none400{display: block;}
  .graph_new.graph1, .graph_new.graph2{width: 287px;}
  .graph_new.graph1 ol li.n4{left: calc(75% + 8px);}

  .pledge.pop_layer .inner{margin: 25px auto;}
}

@media only screen and (max-width : 400px) {
  .none400{display: none;}
  .graph_new.graph1, .graph_new.graph2{width: 251px;}
  .graph_new.graph2 ul{width: 180px;}
  .graph_new.graph2 ul li{width: 180px;}
}