@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css?family=BenchNine:300,400,700');

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-black-subset.eot');
  src: url('../fonts/notoserifcjkkr-black-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-black-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-black-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-black-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-bold-subset.eot');
  src: url('../fonts/notoserifcjkkr-bold-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-bold-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-bold-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-bold-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-extralight-subset.eot');
  src: url('../fonts/notoserifcjkkr-extralight-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-extralight-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-extralight-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-extralight-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-light-subset.eot');
  src: url('../fonts/notoserifcjkkr-light-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-light-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-light-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-light-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-medium-subset.eot');
  src: url('../fonts/notoserifcjkkr-medium-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-medium-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-medium-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-medium-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-regular-subset.eot');
  src: url('../fonts/notoserifcjkkr-regular-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-regular-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-regular-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-regular-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSerif';
  src: url('../fonts/notoserifcjkkr-semibold-subset.eot');
  src: url('../fonts/notoserifcjkkr-semibold-subset.woff2') format('woff2'),
       url('../fonts/notoserifcjkkr-semibold-subset.woff') format('woff'),
       url('../fonts/notoserifcjkkr-semibold-subset.ttf') format('truetype'),
       url('../fonts/notoserifcjkkr-semibold-subset.eot?#iefix') format('embedded-opentype');
  font-weight: 600;
  font-style: normal;
}


@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:200;
	src:url(../fonts/notosans-demilight.eot);
	src:url(../fonts/notosans-demilight.eot?#iefix) format('embedded-opentype'),url(../fonts/notosans-demilight.woff) format('woff'),url(../fonts/notosans-demilight.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:300;
	src:url(../fonts/notosans-light.eot);
	src:url(../fonts/notosans-light.eot?#iefix) format('embedded-opentype'),url(../fonts/notosans-light.woff) format('woff'),url(../fonts/notosans-light.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:400;
	src:url(../fonts/notosans-regular.eot);
	src:url(../fonts/notosans-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/notosans-regular.woff) format('woff'),url(../fonts/notosans-regular.ttf) format('truetype');
}
@font-face{font-family:'NotoSans';
	font-style:normal;
	font-weight:500;
	src:url(../fonts/notosans-medium.eot);
	src:url(../fonts/notosans-medium.eot?#iefix) format('embedded-opentype'),url(../fonts/notosans-medium.woff) format('woff'),url(../fonts/notosans-medium.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:600;
	src:url(../fonts/notosans-semibold.eot);
	src:url(../fonts/notosans-semibold.eot?#iefix) format('embedded-opentype'),url(../fonts/notosans-bold.woff) format('woff'),url(../fonts/notosans-semibold.ttf) format('truetype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:700;
	src:url(../fonts/notosans-bold.eot);
	src:url(../fonts/notosans-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/notosans-bold.woff) format('woff'),url(../fonts/notosans-bold.ttf) format('truetype');
}



body {font-family: 'Noto Sans KR','NotoSans', sans-serif; letter-spacing:-0.02em; word-break:keep-all; -webkit-text-size-adjust:none;}
.nt {font-family: 'Noto Sans KR', 'NotoSans',sans-serif;}
.nts {font-family: 'Noto Serif KR','NotoSerif', serif;}
.bcn {font-family: 'BenchNine', sans-serif;}

.popup_bg {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998; background-color:rgba(0,0,0,.5); display:none;}
.popup_bg.on {display:block;}
.popup_layer {position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); 
z-index:9999; max-width:920px; width:90%;   display:none; 
overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:95vh;}
.popup_bg.on + .popup_layer {display:block;}
.popup_con {display:none;}
.popup_con img {display:block; margin:0 auto; width:auto; height:auto;}
.popup_con .popup_close {position:absolute; right:10px; top:10px;}
.popup_form {background-color:#fff; padding:50px 40px; position:relative; }
.popup_form .popup_tit {text-align:center; color:#102b5b; margin:0 0 40px;}
.popup_form .popup_tit h4 {font-size:35px; margin:0 0 20px; font-weight:600; line-height:1;}
.popup_form:before,
.popup_form:after {display:block; content:''; position:absolute; top:0; width:50%; height:4px;}
.popup_form:before {background-color:#e2770c; left:0;}
.popup_form:after {background-color:#346e99; right:0;}
.popup_form .btn_wrap {margin: 40px 0 0;}
.popup_print {margin:20px;}


#header {position:relative; z-index:100;}
#header h1 {float:left; margin:10px 0;}
#header .h_con {overflow:hidden; height:70px;}
.btn_m_nav {display:none;}
.m_nav {display:none;}
.user_nav {float:right;}
.lnb .wrap {max-width:none;}
.lnb {border-top:1px solid #dcdcdc; border-bottom:3px solid #e17101;}
.lnb .dep1 {text-align:center; font-size:0;}
.lnb .dep1 > li {display:inline-block; position:relative; vertical-align:top;}
.lnb .dep1 > li > a {display:block; height:54px; line-height:54px; text-align:center; padding:0 50px; font-size:19px; position:relative; }
.lnb .dep1 > li > a:before {display:block; content:''; width:1px; height:16px; background:#bbbbbb; position:absolute; left:-1px; top:50%; margin-top:-8px;}
.lnb .dep1 > li:first-child > a:before {display:none;}
.lnb .dep1 > li:hover > a:after {
	content: '';
    position: absolute;
    bottom: 0;
    left:50%;
    width: 0;
    height: 0;
	margin-left:-4px;
    border-width: 8px;
    border-style: solid;
    border-color:  transparent transparent #e17101 transparent;
}
.lnb .dep1 > li > a .en {font-family: 'Noto Serif KR','NotoSerif',serif;}
.lnb .dep1 > li > a .kr {display:none; font-size:18px;}
.lnb .dep1 > li:hover > a .kr {display:block; position:absolute; top:0; left:0; right:0; color:#601010; font-weight:bold; }
.lnb .dep1 > li:hover > a .en {opacity:0;}
.lnb .dep2 {display:none; background-color:rgba(0,10,38,.8); position:absolute; top:100%; z-index:20; left:0; width:100%; border-top:3px solid #e17101;}
.lnb .dep1 > li:hover  .dep2 {display:block;}
.lnb .dep2 > li > a {display:block; height:45px; line-height:45px; text-align:center; padding:0 10px; font-size:15px; color:#fff; border-bottom:1px solid rgba(102,89,142,.2);}
.lnb .dep2 > li > a:hover {color:#e17101;}

.gnb {float:right; margin:20px 0;} 
.gnb li {display:inline-block;}
.gnb li a {display:inline-block; font-size:15px;}
.user_nav {float:left; color:#777777;}
.user_nav li {margin:0 8px;}
.sns_nav {float:left; font-size:0;}
.sns_nav li {margin:0 5px; vertical-align:middle;}
.sns_nav li a {display:inline-block; width:25px;  height:25px;  line-height:25px; padding:0;  background-repeat:no-repeat; font-size:0;}
.sns_nav li.eng a {background-color:#fe5022; color:#fff;  width:auto; padding:0 5px; font-size:14px; border:1px solid #fe5022}
.sns_nav li.eng a:hover {background-color:#FFF; color:#fe5022;}
.sns_nav li.fbook a {background-image:url("../imgs/common/ico_sns_fbook.png");}
.sns_nav li.twitter a {background-image:url("../imgs/common/ico_sns_twitter.png");}
.sns_nav li.blog a {background-image:url("../imgs/common/ico_sns_blog.png");}
.sns_nav li.cafe a {background-image:url("../imgs/common/ico_sns_cafe.png");}


.sns_nav li.eng2 a {background-color:#00a412; color:#fff;  width:auto; padding:0 5px; font-size:14px; border:1px solid #00a412}
.sns_nav li.eng2 a:hover {background-color:#FFF; color:#00a412;}


#footer {position:relative;}
#footer .sns_nav {display:none;}
.f_link {background-color:#0a1f37; padding:10px 0;}
.f_link li {display:inline-block; padding:0 33px; }
.f_link li a {font-weight:500; color:#c4cfe4; font-size:13px;}

.f_con {background-color:#000514; padding:30px 0;}
.f_logo {float:left; margin:20px 40px 0 0;} 
.f_info {overflow:hidden; font-size:13px; color:#cccccc;}
.f_info p {line-height:1.8;}
.f_info p span {display:inline-block;}
.f_info p a {color:#cae51c;}
.f_info p span strong {color:#a1f3ff;}
.f_info p span strong.pink {color:#ffa3a3;}
.f_info p:not(.copy) span:before {display:inline-block; content:''; width:1px; height:10px; background-color:#303440; margin:0 10px; vertical-align:middle;}
.f_info p:not(.copy) span.bar_none:before {display:none;}
.f_info p.copy {margin:20px 0 0;}
.f_info p.copy span {margin:0 5px;}



.btns {display:inline-block; padding:0 20px; height:32px ;line-height:28px; background-color:#114e7b; border:1px solid #002c4d; box-shadow:1px 1px 3px #454545; color:#fff}
.btns2  {display:inline-block; padding:2px 10px 4px; line-height:1; background-color:#fe5022; border:1px solid #fe5022; box-shadow:1px 1px 3px #868686; color:#fff}
.top_line {display:block; position:relative; }
.top_line:before,.top_line:after {position:absolute; content:''; top:0; width:50%; height:3px;}
.top_line:before {background-color:#e17101; left:0;}
.top_line:after {background-color:#2b6895; right:0;}

.wrap {max-width:1230px; margin:0 auto; padding-left:15px; padding-right:15px; position:relative;}

.main_contents { margin-bottom:20px; }
.main_contents .section {padding:20px 0;}
.main_contents .title {margin:20px 0; }
.main_contents .title h3 {font-size:20px; color:#333; padding-left:20px; position:relative; display:inline-block; padding-left:15px; line-height:1; font-weight:normal;}
.main_contents .title h3:before,
.main_contents .title h3:after {display:block; content:''; width:4px; height:9px; position:absolute; left:0;}
.main_contents .title h3:before { background-color:#e17101; bottom:50%;}
.main_contents .title h3:after {background-color:#2b6895; top:50%;}
.main_contents .title strong {color:#2b6895;}
.main_contents .title {position:relative;}
.main_contents .title span {color:#e23c1d; font-size:16px; font-weight:500;}
.main_contents .title .more {position:absolute; right:0; top:0;}

.main_vis { background-color:#f5f5f5; position:relative;}
.main_vis .slides {background-position:center; background-repeat:no-repeat; background-size:cover; height:400px; }
.main_vis .slide01 { background-image:url("../imgs/main/main_vis01_bg.jpg"); }
.main_vis .slide02 { background-image:url("../imgs/main/main_vis02_bg.jpg"); }
.main_vis .slide03 { background-image:url("../imgs/main/main_vis03_bg.jpg"); }
.main_vis_txt {position:absolute; left:0;  top:0; width:100%; height:100%; z-index:99; }
.main_vis_txt .wrap {height:100%; position:relative; }
.main_vis_txt .wrap > div {position:absolute; top:50%; left:15px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.main_vis_txt .info_box { padding: 5px 0; background-color: rgba(255,255,255,.2);  width: 215px;  margin: 25px 5px 10px;}
.main_vis_txt .info_box th, .main_vis_txt .info_box td { font-size: 16px;  text-align: left;  padding: 5px 0;  line-height: 1; }
.main_vis_txt .info_box th {  color: #fff; padding-left: 33px;   background: url(../imgs/common/ico_bullet.png) no-repeat 15px 50%; }
.main_vis_txt .info_box td {color:#9baac3; font-weight:500; padding-left:13px;}
.main_vis_txt p {color:#9baac3; font-size:15px; letter-spacing:-0.02em; margin:0 5px;}

.main_ban li {float:left; width:20%;}
.main_ban li a {display:block;margin:3px;  height:115px; position:relative; color:#fff; font-size:18px; font-weight:400; background-position:center; background-size:cover; border:2px solid #83b0cf; }
.main_ban li a:before {display:block; content:''; position:absolute; left:0; right:0; bottom:0; top:0; background-repeat:no-repeat; background-size:contain; background-position: right bottom;}
.main_ban li a span {display:block; position:absolute; top:50%; transform:translateY(-50%); left:20px;}
.main_ban li a span strong {display:block; font-weight:500;}
.main_ban .ban01 a {background-image:url("../imgs/main/main_ban01_bg01.jpg");}
.main_ban .ban01 a:before {background-image:url("../imgs/main/main_ban01_img01.png");}
.main_ban .ban02 a {background-image:url("../imgs/main/main_ban01_bg02.jpg");}
.main_ban .ban02 a:before {background-image:url("../imgs/main/main_ban01_img02.png");}
.main_ban .ban03 a {background-image:url("../imgs/main/main_ban01_bg03.jpg");}
.main_ban .ban03 a:before {background-image:url("../imgs/main/main_ban01_img03.png");}
.main_ban .ban04 a {background-image:url("../imgs/main/main_ban01_bg04.jpg");}
.main_ban .ban04 a:before {background-image:url("../imgs/main/main_ban01_img04.png");}
.main_ban .ban05 a {background-image:url("../imgs/main/main_ban01_bg05.jpg");}
.main_ban .ban05 a:before {background-image:url("../imgs/main/main_ban01_img05.png");}


.main_search {background-color:#e7eff8; padding:20px 25px; margin:25px 0;text-align:center;
		background: rgba(232,240,250,1);
		background: -moz-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,240,250,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0fa', endColorstr='#ffffff', GradientType=0 );
}

.main_search .search_box {}
.main_search .sch_wrap {position:relative; padding-left:140px; padding-right:60px; float:left; width:70%; position:relative; }
.main_search .sch_wrap:before { content:""; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; top:8px; left:0; border:3px solid #2b6895; }
.main_search .sch_tit {position:absolute; left:20px; top:0; background-color:#2b6895; width:115px; height:30px; color:#fff; line-height:30px; font-size:17px;}
.main_search .sch_ipt {height:30px; border:1px solid #dfe2e9; width:100%; margin:0;}
.main_search .sch_btn {display:block; border:0;  width:55px; height:30px; background-color:#2b6895; color:#fff; position:absolute; right:0; top:0;
background-image:url("../imgs/main/ico_main_sch.png"); background-repeat:no-repeat; background-position:center; text-indent:-9999px; box-shadow:1px 1px 3px #454545;}
.main_search .sch_ex {margin:3px 0 0; text-align:right; font-size:16px; color:#333; float:left; width:30%; }

.txt_shadow {text-shadow:2px 2px 3px #454545}
.b_ban .ban { background-position:center; background-size:cover; background-repeat:no-repeat; padding:30px 30px 20px;}
.b_ban .ban .btns {margin:20px 0 0;}

.main_ban02 {margin:40px 0;}
.main_ban02 .ban h4 {font-size:22px; margin:0 0 15px; font-weight:500; line-height:160%; }
.main_ban02 .ban01 {background-image:url("../imgs/main/main_ban02_bg01.jpg"); color:#fff;}
.main_ban02 .ban02 {background-image:url("../imgs/main/main_ban02_bg02.jpg");}
.main_ban02 li p { font-size:15px; font-weight:300;  }
.main_position {margin:40px 0;}
.main_position table tr:first-child {border-top:1px dashed #e4e4e4;}
.main_position table tr {border-bottom:1px dashed #e4e4e4;}
.main_position table td {height:40px; line-height:40px; padding:0 10px; text-align:left;}
.main_position table td:first-child {text-align:left;}
.main_position table td:nth-child(2) {text-align:left;}
.main_ban03 {margin:40px 0;}
.main_ban03 .ban {text-align:right; }
.main_ban03 .ban h4 {font-size:26px; color:#111111; font-weight:600; margin:0 0 12px;}
.main_ban03 .ban h4 span {display:block;font-size:16px;color:#1878ee; font-weight:500;}
.main_ban03 .ban01 {background-image:url("../imgs/main/main_ban03_bg01.jpg"); }
.main_ban03 .ban02 {background-image:url("../imgs/main/main_ban03_bg02.jpg");}
.main_ban03 .ban02 .icon {position:absolute; left:20px; top:20px;}
.main_ban03 .ban01 .btns {background-color:#0497d7; border-color:#0497d7;}
.main_ban03 .ban02 .btns {background-color:#1878ee; border-color:#1878ee;}
.main_ban03 .btns:after {display:inline-block; content:''; width:5px; height:11px; background:url("../imgs/common/ico_btns_arrow.png"); margin-left:10px;}

.main_ban04 img {width:100%;}
.main_ban04 > ul  > li {margin:3px 0;}
.main_ban04 > ul  > li  > a {display:block;}

.main_contents #sec02 {
		background: rgba(232,240,250,1);
		background: -moz-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,240,250,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(232,240,250,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0fa', endColorstr='#ffffff', GradientType=0 );
}


.main_board {overflow:hidden;}
.main_board .bbs {margin:20px 0 40px;}
.main_board .bbs li {position:relative; padding:10px 0; border-bottom:1px dotted #e1e1e1; font-size:15px; color:#092753; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board .bbs li:first-child {border-top:1px dotted #e1e1e1;}
.main_board .bbs li a {font-weight:normal;}
.main_board .bbs .date {color:#444444; position:absolute; right:0; top:10px}


.main_ban05 img {width:100%;}
.main_ban05 > ul  > li {margin:3px 0;}
.main_ban05 > ul  > li  > a {display:block;}
.ban_sl {position:relative;}
.ban_sl .bx-controls-direction a {position:absolute; width:20px; height:33px; top:50%; margin-top:-15px; font-size:0; background-repeat:no-repeat; background-image:url("../imgs/common/ico_ban_sl_controls.png");}
.ban_sl .bx-controls-direction .bx-prev {left:5px;  background-position:0 50%;}
.ban_sl .bx-controls-direction .bx-next {right:5px; background-position:-20px 50%;}


/* 서브 */
.sub_wrap #container {max-width:1230px; margin:0 auto; padding:20px 15px 100px; position:relative;}
.snb_wrap {position:absolute; width:200px; left:15px; top:20px; bottom:0; background-color:#f9f9f9;  padding:0 1px}
.sub_contents {overflow:hidden; min-height:100vh; margin-left:245px;}
.sub_contents p strong {font-weight:bold;}
.snb_tit {padding:30px 10px; background-color:#FFF; position:relative;}
.snb_tit:before,
.snb_tit:after {display:block; content:''; position:absolute; top:0; width:50%; height:2px;}
.snb_tit:before {background-color:#e2770c; left:0;}
.snb_tit:after {background-color:#346e99; right:0;}
.snb_tit h2 {font-size:27px; color:#0b204e; letter-spacing:-1.2px; text-transform:uppercase;}
.snb_tit p {font-size:13px;}
.snb .dep1 > li > a {display:block;font-size:15px; color:#333333; padding:12px 15px; border-bottom:1px solid #eeeeee; }
.snb .dep1 > li:first-child > a {border-top:1px solid #eeeeee;}
.snb .dep1 > li.on > a {color:#fff; background-color:#102b5b; background-image:url("../imgs/common/snb_on_bg.png"); background-repeat:no-repeat; background-position:right center; 
background-size:contain;}
.sub_vis {height:250px; background-color:#0b214f; background-position:center; background-image:url("../imgs/sub/sub_vis.jpg");}
.sub_vis_txt {padding:80px 0;}
.location {text-align:right; float:right;}
.location li {display:inline-block; font-size:14px; color:#999999; font-weight:300;}
.location li:before {display:inline-block; content:''; width:5px; height:9px; vertical-align:middle; margin:0 10px; background:url("../imgs/common/ico_location_arrow.png") no-repeat center;}
.location li.home:before {width:12px; height:11px; background:url("../imgs/common/ico_home.png") no-repeat center;}
.location li span {display:inline-block; vertical-align:middle;}
.location li:last-child {color:#102b5b; font-weight:500;}
.page_tit {padding:20px 0; margin:0 0 30px;border-bottom:1px solid #dcdcdc;}
.page_tit h3 {font-size:25px; font-weight:bold; color:#0b204e; line-height:1;}


.sub_contents .title {margin:20px 0;}
.sub_contents .title h4 {font-size:20px; color:#102b5b;  position:relative; display:inline-block; padding-left:15px; line-height:1; font-weight:bold;}
.sub_contents .title h4:before,
.sub_contents .title h4:after {display:block; content:''; width:4px; height:9px; position:absolute; left:0;}
.sub_contents .title h4:before { background-color:#e17101; bottom:50%;}
.sub_contents .title h4:after {background-color:#2b6895; top:50%;}
.sub_contents .sec {margin:50px 0 80px;}
.sub_contents .sec.sec01 {margin-top:0;}

.line_tit {position:relative; display:inline-block; padding-left:15px; line-height:1;}
.line_tit:before,
.line_tit:after {display:block; content:''; width:4px; height:9px; position:absolute; left:0;}
.line_tit:before { background-color:#e17101; bottom:50%;}
.line_tit:after {background-color:#2b6895; top:50%;}

/* sub01 */
div[class*="sub01"] .sub_vis {background-image:url("../imgs/sub/sub_vis01.jpg");}


.sub01_1 .sec_top {background-image:url("../imgs/sub/sub01_1_sec_top_bg.jpg"); margin-bottom:0;}
.sub01_1 .sec_desc { padding:10px 0 40px;background-image:url("../imgs/sub/sub01_1_about_con_bg.png"); 
background-position:right bottom; background-repeat:no-repeat; background-size:cover;}


.sub01_2 .sec_top {background-image:url("../imgs/sub/sub01_2_about_box_bg.jpg");}
.sub01_2 .sec_desc figure {text-align:center;}



.sub01_3 .sec_top {background-image:url("../imgs/sub/sub01_2_about_box_bg.jpg");}
.sub01_3 .sec_con p {margin:0; line-height:1.5;}
.sub01_3 .sec01 .sec_list {margin-bottom:80px;}
.sub01_3 .sec01 dl {display:table; width:100%; table-layout:fixed; margin:50px 0; position:relative;}
.sub01_3 .sec01 dl dt,.sub01_3 .sec01 dl dd {width:50%; display:table-cell; vertical-align:middle; padding:10px 20px; line-height:1.8; height:110px;}
.sub01_3 .sec01 dl dt {font-size:17px; color:#000; background-color:#f7f8f9; position:relative;  font-weight:600; padding-left:170px; padding-right:60px;
background-image:url("../imgs/sub/sub01_3_sec01_dt_bg.png");  background-repeat:no-repeat; background-position:right center; background-size:contain;}
.sub01_3 .sec01 dl dt:before {position:absolute; content:'';  left:0; top:0;width:154px; height:168px; z-index:2; background-repeat:no-repeat; background-size:contain;}
.sub01_3 .sec01 dl dt:after {display:block; content:''; width:77px; height:100%; background:#fff; position:absolute; left:0; top:0;}
.sub01_3 .sec01 dl dt strong {color:#005cc0;}
.sub01_3 .sec01 dl dd {font-size:16px; }
.sub01_3 .sec01 dl.list01 dt{background-color:#f7f8f9;}
.sub01_3 .sec01 dl.list01 dt:before{background-image:url("../imgs/sub/sub01_3_sec01_no01.png");}
.sub01_3 .sec01 dl.list02 dt{background-color:#f8f8f8;}
.sub01_3 .sec01 dl.list02 dt:before{background-image:url("../imgs/sub/sub01_3_sec01_no02.png");}
.sub01_3 .sec01 dl.list03 dt{background-color:#f3f7fb;}
.sub01_3 .sec01 dl.list03 dt:before{background-image:url("../imgs/sub/sub01_3_sec01_no03.png");}
.sub01_3 .sec01 dl.list04 dt{background-color:#f3f3f3;}
.sub01_3 .sec01 dl.list04 dt:before{background-image:url("../imgs/sub/sub01_3_sec01_no04.png");}
.sub01_3 .sec02 .sec_list {background-image:url("../imgs/sub/sub01_3_sec02_bg.png"); background-position:center; background-repeat:no-repeat; padding-bottom:800px; position:relative;
}
.sub01_3 .sec02 dl {background-color:#f9f9f9; padding:15px; text-align:center; position:absolute;}
.sub01_3 .sec02 dl dt {font-size:21px; color:#111111; font-weight:bold; margin:10px 0;}
.sub01_3 .sec02 dl dd {font-size:16px; color:#333333;}
.sub01_3 .sec02 dl.list01 {top:0; left:50%; transform:translateX(-50%); width:60%; max-width:600px;}
.sub01_3 .sec02 dl.list02 {top:50%; left:0; width:40%; max-width:330px;}
.sub01_3 .sec02 dl.list03 {top:50%; right:0; width:40%; max-width:330px;}
.sub01_4 .sub_con h4 {color:#000; margin:20px 0;}
.sub01_4 .sub_con h4  strong {color:#102b5b}
.sub01_4 .map_area {border:3px solid #eeeeee; margin:0 0 40px;}
.sub01_4 .map_info dl {padding:30px 0; border-bottom:1px solid #eeeeee; overflow:hidden;}
.sub01_4 .map_info dl dt {float:left; margin-right:20px; width:100px; }
.sub01_4 .map_info dl dd {padding-left:140px;  line-height:1.8; margin-top:-5px;}
.sub01_4 .map_info dl dd strong {color:#102b5b; font-weight:bold;}

.btn_wrap {margin:40px 0;}
.btn_type1 {display:inline-block; background-color:#FFF; line-height:55px; height:55px; padding:0 40px;  font-size:18px; font-weight:500; background-color:#555555; color:#fff; border:0;
position:relative; margin:5px; box-shadow: 4px 4px 9px 0px #a9a7a7;} 
.btn_type1.btn_highlight {background-color:#102b5b; }
.btn_type1.btn_highlight2 {background-color:#fe5022; }
.btn_type1.btn_highlight3 {background-color:#26e124; }
.btn_type1.btn_highlight:before {display:block; content:''; position:absolute; top:6px; left:6px; bottom:6px; right:6px; border:1px solid rgba(255,255,255,.5);}
.btn_type1.btn_more:after {display:inline-block; content:''; margin-left:20px; vertical-align:middle; width:15px; height:17px; 
background:url("../imgs/common/ico_btn_type1_arrow.png") no-repeat center; margin-top:-3px;}


.sec_tit_h5 {font-size:25px; color:#0b204e; text-align:center; margin:50px 0; font-weight:700; letter-spacing:-0.04em; line-height:1.8;     font-family: 'Noto Serif KR', serif;}
.sec_tit_h5 strong {font-size:20px;}

/* sub02 */
div[class*="sub02"] .sub_vis {background-image:url("../imgs/sub/sub_vis02.jpg");}
.sec_top {padding:40px; text-align:center; background-color:#0c224d;  background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; margin:0 0 40px;}
.sec_top p {font-size:20px; font-weight:500; color:#fff; line-height:1.8; text-shadow: 0px 0px 5px #fff; }
.sec_top h3 {font-size:45px;  font-family: 'Noto Serif KR', serif; letter-spacing:-0.04em; text-shadow: 0px 0px 20px #fff; margin:0 0 10px;}
.sec_top h4 {font-size:20px;  font-family: 'Noto Serif KR', serif; margin:5px 0; font-weight:bold;}

.reg_form {border-top:2px solid #102b5b;}
.reg_form th,
.reg_form td {padding:10px 30px; border:1px solid #dcdcdc; vertical-align:middle;}
.reg_form th {background-color:#f9f9f9; color:#333333; font-size:15px; font-weight:400; padding:10px;} 
.reg_form td {font-size:14px; color:#555555;}
.reg_form input[type=text],.reg_form input[type=password] {height:30px; margin:2px 0; padding:.25em 1em; box-sizing:border-box; }
.reg_form select {height:30px;}
.reg_form td > * {vertical-align:middle;}
.reg_form td span.g_info {display:inline-block; margin-left:5px;}






.sub02_1 .sec_top {background-image:url("../imgs/sub/sub02_1_sec_top_bg.jpg");}
.sub02_1 .sec_top p {font-size:16px; color:#b7c8e5; font-weight:300; text-shadow:none;}
.sub02_1 .sec01 .sec_list {padding-left:285px; position:relative;}
.sub02_1 .sec01 .sec_list:before {display:block; content:''; width:332px; height:560px; background:url("../imgs/sub/sub02_1_sec01_img.png") no-repeat center; 
position:absolute; left:0; top:0; background-size:contain;}
.sub02_1 .sec01 .sec_list li {margin:10px 0; position:relative; padding-left:40px;}
.sub02_1 .sec01 .sec_list li:before {display:block; content:''; width:80px; height:1px; background-color:#929395; position:absolute; left:0; top:50%; z-index:2;}
.sub02_1 .sec01 .sec_list li:after {display:block; content:''; width:5px; height:5px; background-color:#929395; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;} 
.sub02_1 .sec01 .sec_list dl { background-color:#f9f9f9; padding:6px 10px; padding-left:40px;  position:relative; display:table; width:100%; }
.sub02_1 .sec01 .sec_list dl:after {display:block; content:''; clear:both;}
.sub02_1 .sec01 .sec_list dt {position:relative; padding-left:30px;}
.sub02_1 .sec01 .sec_list dt:before {display:block; content:''; width:14px; height:14px; border:1px solid #929395; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-7px;}
.sub02_1 .sec01 .sec_list dt:after {display:block; content:''; width:8px; height:8px; background-color:#323232; border-radius:50%; position:absolute; left:4px; top:50%; margin-top:-3px;}
.sub02_1 .sec01 .sec_list dt,.sub02_1 .sec01 .sec_list dd {display:table-cell; vertical-align:middle;}
.sub02_1 .sec01 .sec_list dt {font-size:48px; width:80px; font-weight:bold; font-family:"Lato",sans-serif;  margin:0 20px 0 0; color:#014580;}
.sub02_1 .sec01 .sec_list dd {overflow:hidden;}
.sub02_1 .sec01 .sec_list h5 {font-size:17px; color:#222222; font-weight:600;}
.sub02_1 .sec01 .sec_list p {color:#333333;}
.sub02_1 .sec01 .sec_list .list01 dt {color:#014580;}
.sub02_1 .sec01 .sec_list .list01 dt:after {background-color:#014580;}
.sub02_1 .sec01 .sec_list .list02 dt {color:#015aa5;}
.sub02_1 .sec01 .sec_list .list02 dt:after {background-color:#015aa5;}
.sub02_1 .sec01 .sec_list .list03 dt {color:#2f9fff;}
.sub02_1 .sec01 .sec_list .list03 dt:after {background-color:#2f9fff;}
.sub02_1 .sec01 .sec_list .list04 dt {color:#58b2ff;}
.sub02_1 .sec01 .sec_list .list04 dt:after {background-color:#58b2ff;}
.sub02_1 .sec01 .sec_list .list05 dt {color:#67b9ff;}
.sub02_1 .sec01 .sec_list .list05 dt:after {background-color:#67b9ff;}
.sub02_1 .sec01 .sec_list .list06 dt {color:#66b8ff;}
.sub02_1 .sec01 .sec_list .list06 dt:after {background-color:#66b8ff;}
.sub02_1 .sec01 .sec_list .list07 dt {color:#74bfff;}
.sub02_1 .sec01 .sec_list .list07 dt:after {background-color:#74bfff;}

.sub02_1 .sec02 .sec_list li {padding:20px 50px; border-bottom:1px solid #eeeeee; overflow:hidden; white-space:nowrap}
.sub02_1 .sec02 .sec_list li strong {font-size:25px; color:#102b5b; font-weight:600; margin-right:30px; display:inline-block; vertical-align:middle;}
.sub02_1 .sec02 .sec_list li p {display:inline-block; vertical-align:middle; }

.sec_box {background-color:#f9f9f9; padding:10px; text-align:center; line-height:2;} 
.sec_box .inner {padding:20px; border:3px solid #eeeeee;}
.sec_box h5 {color:#102b5b; font-size:20px;   font-weight:500;}
.sec_box p span {display:inline-block; margin:0 20px;font-size:18px; color:#333333; font-weight:400;}

.sec_desc p {margin:40px 0; line-height:1.8;}
.sec_desc p strong {font-weight:500;}

.sub02_3 .sec_top {background-image:url("../imgs/sub/sub02_3_sec_top_bg.jpg");}




/* sub03 */
div[class*="sub03"] .sub_vis {background-image:url("../imgs/sub/sub_vis03.jpg");}

.bbs_search {margin:15px 0; overflow:hidden;}
.bbs_search .search_wrap { position:relative; padding-right:70px; max-width:400px; float:right;}
.bbs_search .search_wrap:before,
.bbs_search .search_wrap:after {display:block; content:''; width:4px; height:50%; position:absolute; left:0;}
.bbs_search .search_wrap:before {top:0; background-color:#e2770c;}
.bbs_search .search_wrap:after {bottom:0;  background-color:#346e99;}
.bbs_search .search_ipt {margin:0;width:100%; height:33px; border:0; padding:.5em 1em; border:4px solid #102b5b;}
.bbs_search .search_btn {display: block;    border: 0;    width: 70px;    height: 33px;    background-color: #102b5b;    color: #fff;    position: absolute;    right: 0;    top: 0;
    background-image: url("../imgs/main/ico_main_sch.png");    background-repeat: no-repeat;    background-position: center;    text-indent: -9999px; }

.bbs_search2 {margin:15px 0; overflow:hidden;}
.bbs_search2 .search_wrap { position:relative; padding-left:105px; padding-right:55px; max-width:500px; float:right;}
.bbs_search2 .search_wrap:before {top:0; background-color:#e2770c;}
.bbs_search2 .search_wrap:after {bottom:0;  background-color:#346e99;}
.bbs_search2  select {position:absolute; left:0; top:0; width:100px; height:33px;}
.bbs_search2 .search_ipt {margin:0;width:100%; height:33px; border:0; padding:.5em 1em; border:1px solid #dcdcdc;}
.bbs_search2 .search_btn {display: block;    border: 0;    width: 50px;   line-height:33px; height: 33px; text-align:center;  background-color: #102b5b;    color: #fff;    position: absolute;    right: 0;    top: 0;}

.bbs_list {font-size:15px; text-align:center;}
.bbs_list thead th {background-color:#102b5b; color:#fff;}
.bbs_list  tbody tr {border-bottom:1px dashed #e4e4e4; }
.bbs_list  th,.bbs_list  td {padding:7px 10px;}
.bbs_list .titleString {text-align:left; font-weight:normal;}
.bbs_list .date {font-size:13px; color:#777777;}


.bbs_list2 {font-size:15px; text-align:center; border-top:3px solid #102b5b; color:#444444;}
.bbs_list2 thead th {background-color:#f9f9f9; color:#102b5b; font-weight:500;}
.bbs_list2  tr {border-bottom:1px dashed #e4e4e4; }
.bbs_list2  th,.bbs_list2  td {padding:7px 10px;}
.bbs_list2 .titleString {text-align:left; font-weight:500;}
.bbs_list2 .date {font-size:13px; color:#777777;}
.bbs_list2  thead th {position:relative;}
.bbs_list2  thead th:before {position:absolute; top:0; left:0; display:block; content:''; width:1px; height:10px; background-color:#102b5b;}
.bbs_list2  thead th:first-child:before {display:none;}
.td_subject {text-align:left; color:#333333; font-weight:500;} 
.td_subject .inf {font-size:12px; color:#969696; display:inline-block; margin: 5px;}
.td_subject .inf:first-child {margin-left:0;}
.td_dis_mo {display:none;}




.bbs_tab {border-top:2px solid #102b5b;}
.bbs_tab th, .bbs_tab td {vertical-align:middle;}
.bbs_tab .mark {display:inline-block; width:25px; height:25px; border-radius:50%; text-align:center; line-height:25px;} 
.bbs_tab dl {margin-bottom:5px; position:relative; padding-left:50px; overflow:hidden;}
.bbs_tab dl dt {width:50px; position:absolute; top:50%; left:15px; margin-top:-12px;}
.tab_qestion {background-color:#f9f9f9; color:#102b5b; font-weight:500; cursor:pointer}
.tab_qestion .mark {background-color:#fff; color:#102b5b;}
.tab_qestion dd {padding:10px; min-height:40px;}
.tab_answer {border-bottom:1px dashed #dcdcdc; display:none;}
.tab_answer .mark {background-color:#102b5b; color:#fff;}
.tab_answer dd {padding:10px; color:#666666;}
.tab_answer dd p {margin:20px 0;}
.tab_answer dd .subject {font-weight:500; color:#323232;}
.tab_qestion.on + .tab_answer {display:block;}

.bbs_paging {margin:40px 0;}
.bbs_paging li {display:inline-block; vertical-align:middle; margin:0 10px;}
.bbs_paging li a {font-size:15px; color:#333333;}
.bbs_paging li a strong {color:#092753; font-weight:600;}
.bbs_paging li.dir {border:1px solid #dcdcdc; margin:0 5px;}
.bbs_paging li.dir a {display:inline-block; width:20px; height:20px; background-color:#f9f9f9;  background-image:url("../imgs/common/ico_pager.png");}
.bbs_paging li.dir.first a {background-position:0 50%;}
.bbs_paging li.dir.prev a {background-position:-20px 50%;}
.bbs_paging li.dir.next a {background-position:-40px 50%;}
.bbs_paging li.dir.last a {background-position:-60px 50%;}

.bbs_view thead th {background-color:#102b5b; color:#fff; font-size:18px; font-weight:600; padding:15px ;}
.bbs_view th,
.bbs_view td {padding:10px 30px; border:1px solid #dcdcdc; vertical-align:middle;}
.bbs_view th {background-color:#f9f9f9; color:#333333; font-size:15px; font-weight:400;} 
.bbs_view td {font-size:14px; color:#555555; line-height:1.8;}
.bbs_view input[type=text] {height:30px; margin:2px 0; padding:.25em 1em; box-sizing:border-box; }
.bbs_view select {height:30px;}
.bbs_view td * {vertical-align:middle;}
.bbs_view td p {margin:20px 0;}

.bbs_view2 {border-top:2px solid #102b5b;}
.bbs_view2 thead th {background-color:#f9f9f9; color:#102b5b; font-size:18px; font-weight:600;  text-align:left; border-bottom:0; padding:20px 30px;}
.bbs_view2 .bbs_inf span {display:inline-block; margin:0 10px 0 0; font-size:13px; color:#999999; font-weight:400;}
.bbs_view2 th,
.bbs_view2 td {padding:10px 30px; border:1px solid #dcdcdc; vertical-align:middle;}
.bbs_view2 th {background-color:#f9f9f9; color:#333333; font-size:15px; font-weight:400;} 
.bbs_view2 td {font-size:14px; color:#555555; line-height:1.8;}
.bbs_view2 input[type=text] {height:30px; margin:2px 0; padding:.25em 1em; box-sizing:border-box; }
.bbs_view2 select {height:30px;}
.bbs_view2 .bbs_con {border-top:0;}
.bbs_view2 td p {margin:20px 0;}

.bbs_btn {margin:20px 0;}
.bbs_btn:after {display:block; content:''; clear:both;}
.bbs_btn .btn {display:inline-block; font-size:13px; background-color:#f9f9f9; font-size:13px; color:#555555; width:70px; height:24px; border:1px solid #dcdcdc; text-align:center; line-height:24px;
margin-right:5px;}
.bbs_btn .btn_left {float:left;}
.bbs_btn .btn_right {float:right;}


.privacy_memberbox {height:370px; border:1px solid #dcdcdc; padding:20px; overflow-y:scroll; font-size:15px; color:#555555; -webkit-overflow-scrolling:touch;}
.agree_memberbox {margin:20px 0; text-align:right; font-size:15px; color:#555555;}

 
input[type=radio] {visibility:hidden;}
input[type=checkbox] {visibility:hidden;}
.chk_label {position:relative;}
.chk_label:before {display:block; content:''; background-color:#FFF; width:18px; height:18px; border:1px solid #dcdcdc; display:inline-block; vertical-align:middle; border-radius:50%; 
margin-right:10px;}
input[type=radio]:checked + .chk_label:before,
input[type=checkbox]:checked + .chk_label:before {background-image:url("../imgs/common/ico_chk_on.png"); background-repeat:no-repeat; background-position:center}
input[name*='btn'] {margin:0;border:0;width:85px; height:30px; background-color:#102b5b; color:#fff; margin-left:6px;}

.reg_form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fe5022;
}
.reg_form  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fe5022;
   opacity:  1;
}
.reg_form  ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fe5022;
   opacity:  1;
}
.reg_form  :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fe5022;
}
input {margin:0;}

.file_input_wrap {position:relative; padding-right:90px;  max-width:500px;}
.file_input_div {position:absolute; right:0; top:0; margin:0; overflow:hidden;}
.file_input_textbox {width:100%;}
.file_input_div{position: absolute; width: 86px; height: 30px; overflow: hidden;margin:2px 0;}
.file_input_button{width: 86px; height:30px;position: absolute; top: 0; right:0; background-color: #102b5b;color: #333;border-style: solid;color:#fff;border:0;
    -webkit-appearance: none; border-radius:0;}
.file_input_hidden{font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}


/* sub03_2_3  */
.complete_box {border:1px solid #dcdcdc; border-top:2px solid #102b5b; text-align:center; padding:80px 40px;}
.complete_box h4 {font-size:30px;}
.complete_box h4  strong {font-weight:600;}
.complete_box p {font-size:16px; color:#787878; margin:20px 0 0}
.complete_box p strong {color:#102b5b; font-weight:400;}
.complete_box .btn_wrap {margin-bottom:0;}


/* sub03_3  */

.sub03_3 .sec01 .sec_list li {padding:20px 0; border-bottom:1px solid #dcdcdc;}
.sub03_3 .sec01 .sec_list li strong {display:block; font-weight:500; font-size:20px; color:#102b5b; margin:0 0 10px;}
.sub03_3 .sec01 .sec_list li p {line-height:1.8; color:#555555; padding-left:30px;}

/* sub04 */
div[class*="sub04"] .sub_vis {background-image:url("../imgs/sub/sub_vis04.jpg");}
.sub04_1 .sec_top {background-image:url("../imgs/sub/sub04_1_sec_top_bg.jpg");}
.sub04_1 .sec_list {background:url("../imgs/sub/sub04_1_sec01_bg.png") no-repeat top center; padding:70px 0; padding-left:50%; position:relative;}
.sub04_1 .sec_list:before {display:block; content:''; width:50%; height:460px; position:absolute; left:0; top:0; background-image:url("../imgs/sub/sub04_1_sec01_img.png");
background-repeat:no-repeat; background-position:center; background-size:contain;}
.sub04_1 .sec_list h5  {font-size:26px; color:#1267e1; font-weight:600; margin:0 0 10px;}
.sub04_1 .sec_list .list li {color:#333333; text-align:left; padding-left:15px; text-indent:-12px; letter-spacing:-0.04em;}
.sub04_1 .sec_list .list li:before {display:inline-block; content:''; width:3px; height:3px; background-color:#1267e1; border-radius:50%; vertical-align:middle; margin-right:10px;}
.sub04_1 .sec_list .list > div {padding:20px; background-color:#FFF; box-shadow:3px 4px 14px 0px #dcdcdc; margin:20px 10px;}
.sub04_1 .sec_list .list02 h5 {color:#0a3f8e;}
.sub04_1 .sec_list .list02 li:before {background-color:#0a3f8e;}

.sub04_2 .sec_top {background-image:url("../imgs/sub/sub04_2_sec_top_bg.jpg");}
.sub04_2 .sec_list {position:relative;}
.sub04_2 .sec_list li {padding:10px 50px; padding-left:60px; margin:10px 0; background-color:#f9f9f9; font-size:18px; color:#333333; position:relative;}
.sub04_2 .sec_list li:before {display:inline-block; content:'';  vertical-align:middle; margin-right:20px; width:30px; height:30px; background:url("../imgs/common/ico_chk_bullet.png") no-repeat center;}
.sub04_2 .sec_list:before {display:block; content:''; width:340px; height:416px; position:absolute; right:0; bottom:-30px; 
background:url("../imgs/sub/sub04_2_sec01_img.png") no-repeat left center; z-index:2; background-size:contain;}


/* sub05 */
div[class*="sub05"] .sub_vis {background-image:url("../imgs/sub/sub_vis05.jpg");}




/*  로그인 */

.g_box {
    border: 1px solid #dcdcdc;
    border-top: 2px solid #102b5b;
    text-align: center;
    padding: 60px 40px;
}
.g_box  h4 {font-size:30px; color:#333333; font-weight:bold; margin:0 0 20px;}
.g_box .btn_wrap {margin:30px 0 0;}
.g_box p strong {margin:20px 0 0;display:block; font-size:20px; color:#102b5b; font-weight:500;}


.my01_login .login_box {position:relative;}
.my01_login .login_box:before {display:block; content:''; position:absolute; left:0; top:0; width:50%; height:100%; background:url("../imgs/mypage/my01_login_box_bg.png") no-repeat  50%;
background-size:contain;}
.login_box { text-align:left; max-width:740px; margin:0 auto; padding-left:335px;}
.login_box input[type=text],.login_box input[type=password] {margin:0 ;height:30px; width:100%; border:1px solid #dcdcdc; box-sizing:border-box;}
.login_box th {color:#787878;}
.login_box th,.login_box td {vertical-align:top;}
.login_box td {padding-bottom:10px;}
.login_box .btn_login {text-align:right;}
#btn_login {display:inline-block; background-color:#1d447b; width:95px; height:70px; line-height:70px; color:#fff; font-size:20px; font-weight:500; text-align:center;}


/* 사이트맵 */
.site_map {background:url("../imgs/mypage/my03_site_map_bg.png") no-repeat right bottom;}
.site_map .dep1 {margin:0 -15px;}
.site_map .dep1 > li {float:left; width:33.33%; padding:0 15px; margin-bottom:80px;}
.site_map .dep1 > li:nth-child(3n+1) {clear:both;}
.site_map .dep1 > li > a {display:block; font-size:24px; color:#fff; padding:6px 20px;  font-family:"Noto Serif",serif; font-weight:300;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #132f60), color-stop(1, #4e75b3));
	background: -moz-linear-gradient(left, #132f60 0%, #4e75b3 100%);
	background: -webkit-linear-gradient(left,  #132f60 0%, #4e75b3 100%);
	background: -o-linear-gradient(left,  #132f60 0%, #4e75b3 100%);
	background: -ms-linear-gradient(left,  #132f60 0%, #4e75b3 100%);
	background: linear-gradient(left,  #132f60 0%, #4e75b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#132f60', endColorstr='#4e75b3', gradientType=1);
}
.site_map .dep1 > li > a .kr {display:none;}
.site_map .dep2 > li {border-bottom:1px solid #eee;}
.site_map .dep2 > li > a {display:block; padding:12px 30px; position:relative; font-size:17px; color:#173a71;}
.site_map .dep2 > li > a:after {display:block; content:''; width:4px; height:4px; background-color:#132f60; border-radius:50%; position:absolute; left:15px; top:50%; margin-top:-2px;}
.site_map .dep2 > li > a:hover {background-color:#f9f9f9;}

.memberbox { border: 1px solid #dcdcdc; border-top: 2px solid #102b5b;  padding: 40px 20px; font-size:15px; color:#666666;}
.memberbox h3 {font-size:18px; font-weight:500; margin:10px 0; color:#333;}
.memberbox h4 {margin:5px 0;}
.memberbox ol {margin:20px 0;}


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

 .lnb .dep1 > li > a {padding:0 40px;}
 
}


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

  body {font-size:15px;}
  .wrap {max-width:1000px;}

   .lnb .dep1 > li {width:20%;}
   .lnb .dep1 > li > a {padding:0 5px; font-size:16px;}
   .lnb .dep1 > li > a .kr {font-size:15px;}
   .lnb .dep2 > li > a {font-size:14px;}
  .f_link li { padding:0 20px; }
  .f_logo {float:none; margin:0 0 20px;}
  .f_logo img {width:180px;}

  .main_ban li {width:33.33%}
  .main_search .sch_wrap { float:none; width:100%; } 
  .main_search .sch_ex { margin-top:5px; float:none; width:100%; }
 
  .sec_top {padding:30px;}
  .sec_top h3 {font-size:40px;}
  .sec_top p {font-size:18px;}
  .sec_top p br {display:none;}

  .sec_box h5 {font-size:18px;}

  .sec_tit_h5 {font-size:22px;}
  .sec_tit_h5 strong {font-size:18px;}

  .sub01_3 .sec01 dl dt {font-size:16px;}
  .sub01_3 .sec01 dl dd {font-size:15px;}

   .sub01_3 .sec02 dl dt {font-size:18px;}
  .sub01_3 .sec02 dl dd {font-size:15px;}
  .sub01_3 .sec02 dl.list02,
  .sub01_3 .sec02 dl.list03 {width:30%;}


  .sub02_1 .sec01 .sec_list:before {width:260px;}
  .sub02_1 .sec01 .sec_list {padding-left:230px;}

  .sub02_1 .sec02 .sec_list li {white-space: normal; padding:20px;}

  .sub04_2 .sec_list:before {right:-60px;}
  .sub04_2 .sec_list li {padding-left:20px; font-size:17px;}


  .login_box {padding-left:30%; max-width:none;}
  .my01_login .login_box:before {width:30%;}

  .site_map .dep1 > li {padding:0 7.5px;}
  .site_map .dep1 > li > a {font-size:20px;}
  .site_map .dep2 > li > a {font-size:15px;}
}



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

 body {font-size:14px;}
  #wrap {transition:all .4s ease;}
  .wrap {max-width:740px;}

  #header .h_con {height:50px;}
   #header h1 {margin:8px 0;}
  #header h1 img {width:150px;}
  .gnb {margin:13px 0;}
  .lnb {display:none;}
  .user_nav {display:none;}
  .sns_nav {margin-right:50px;}
  .btn_m_nav {display:block; width:40px; height:40px; position:absolute;  right:15px; top:50%; margin-top:-16px; font-size:0;}
  .btn_m_nav span {display:block; width:30px; height:3px; background-color:#013d6c; margin:6px auto; border-radius:2px}
  .m_nav {display:block; position:fixed; right:0; top:0; bottom:0; z-index:9999; background-color:#09183a;  color:#fff; width:80%; overflow-y:auto; -webkit-overflow-scrolling:touch;
  -webkit-transform:translateX(100%); transform:translateX(100%); transition:all .4s ease;}
  .open-container .m_nav {-webkit-transform:translateX(0); transform:translateX(0);}
  .open-container #wrap {-webkit-transform:translateX(-80%); transform:translateX(-80%); position:fixed; left:0; right:0; top:0; bottom:0;}
  
  .m_user li {float:left; width:25%;}
  .m_user li a {display:block; padding:15px 5px; text-align:center;}
  .m_menu .dep1 > li {border-bottom:1px solid rgba(255,255,255,.2);}
  .m_menu .dep1 > li > a {display:block; padding:15px 20px; border-bottom:1px solid rgba(255,255,255,.2); background-color:#112961; font-size:16px;}
  .m_menu .dep1 > li > a .kr {display:none;}
  .m_menu .dep2  {padding:14px 0;}
  .m_menu .dep2 > li > a {display:block;padding:14px 20px; font-size:15px;}

  #footer .sns_nav {display:block; float:none; text-align:center; margin:30px 0;}
  #footer .sns_nav li {display:inline-block;}


  .f_link {text-align:center;}
  .f_con {text-align:center;}

  .f_info {font-size:11px;}

  .b_ban .ban {margin:10px 0;}
  .main_ban li {width:33.33%}

  .main_contents .title h3 {font-size:16px;}
  .main_contents .title span {font-size:13px;}
  .main_search .sch_ex {font-size:14px;}

.sub_contents {min-height:0; margin-left:0;}
  .snb_wrap {display:none;}

   .sec_top h3 {font-size:36px;} 

 .sec_tit_h5 {font-size:20px;}
 .sec_tit_h5 strong {font-size:16px;}
 .sec_desc p br {display:none;}

  .sub01_1 .sec_desc {background:none;}

  .sub01_3 .sec01 dl dt {padding-left:120px;}
  .sub01_3 .sec01 dl dt:after {width:50px;}
  .sub01_3 .sec01 dl dt br {display:none;}
  .sub01_3 .sec01 dl dt:before {width:100px; height:100%}

 .sub02_1 .sec02 .sec_list li strong {display:block;}

  .sub03_3 .sec01 .sec_list li strong {font-size:18px;}
  .sub03_3 .sec01 .sec_list li p {padding-left:0;}


  .sub04_1 .sec_list h5 {font-size:20px;} 
 .sub04_2 .sec_list:before {right:-70px;}
  .sub04_2 .sec_list li {padding:10px 15px; font-size:16px;}

  .site_map .dep1 > li > a {font-size:18px;}
  .site_map .dep2 > li > a {font-size:14px;}

}


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

  body {font-size:13px;}

.popup_form .popup_tit { margin:0 0 20px;}
.popup_form .popup_tit h4 {font-size:26px; margin:0 0 10px; }

  .wrap {max-width:none; padding-left:10px; padding-right:10px; }

  .gnb {display:none;}

  .f_link {overflow:hidden;}
  .f_link li {padding:0 5px; }
  .f_link li a {font-size:11px;}
  .f_logo img {width:140px;}

  .main_vis .slides {height:350px;}
  .main_vis_txt .wrap {background-size:auto 60%;}
  .main_vis_txt h2 img {width:90%; max-width:586px;}

  .b_ban .ban {margin:5px 0;}

  .main_ban li {width:50%}
  .main_contents .title h3 {line-height:1.5;}
  .main_contents .title span {display:block; margin-top:10px;padding-left:15px; font-size:12px;}
  .main_contents .title strong {display:block;}
  .main_contents .section { padding:10px 0; }
 .main_ban02 li p { font-size:13px;}
 .main_ban03 .ban02 .icon {position:static; width:100px; margin: 0 0 5px;}


.sub_wrap #container {padding-bottom:50px;}

	.sub_vis  {height:auto;}
	.sub_vis_txt {padding:60px 0;}
	.sub_vis_txt img {width:300px;}

	.sub_contents .sec {margin:30px 0;}

  .sec_top {padding:25px;}
 .sec_top h3 {font-size:28px;}
  .sec_top p {font-size:16px;}

  .sec_desc p {margin:20px 0; line-height:1.5;}
  .location {float:none;}
  .location li {font-size:12px;}
  .location li:before {margin:0 5px; background-image:url("../imgs/common/ico_location_arrow_x2.png"); background-size:5px auto;}
  .location li.home:before {background-image:url("../imgs/common/ico_home_x2.png"); background-size:12px auto;}
   
   .page_tit h3 {font-size:20px;}
   .sec_tit_h5 {font-size:18px; margin:30px 0;}
   .sec_tit_h5 strong {font-size:15px;}

 .sec_box h5 {font-size:16px;}
 .sec_box p span {font-size:14px;}

  .sub01_3 .sec01 .sec_list {margin-bottom:40px;}
  .sub01_3 .sec01 dl {display:block;}
  .sub01_3 .sec01 dl dt, .sub01_3 .sec01 dl dd {width:auto; display:block; height:auto;}
  .sub01_3 .sec01 dl dt {padding-left:80px; padding-right:40px; margin-bottom:20px;}
  .sub01_3 .sec01 dl dt:after {width:40px;}
  .sub01_3 .sec01 dl dt:before {width:60px; height:65px;}
  .sub01_3 .sec01 dl dt {font-size:15px;}
  .sub01_3 .sec01 dl dd {font-size:13px;}

  .sub01_3 .sec02 .sec_list {padding-bottom:0; background-size:50%;}
  .sub01_3 .sec02 dl {position:static; width:auto !important; max-width:none !important; transform:none !important;
  margin:20px 0; background-color:rgba(249,249,249,.7); }
  .sub01_3 .sec02 dl dt {font-size:15px;}
  .sub01_3 .sec02 dl dd {font-size:13px;}

  .sub01_4 .map_area {margin:0 0 20px;}
  .sub01_4 .map_area iframe {height:300px;}
  .sub01_4 .map_info dl {padding:15px 0;}
  .sub01_4 .map_info dl dt {float:none; margin: 0 0 20px;}
  .sub01_4 .map_info dl dd {padding-left:0;}


.sub02_1 .sec01 .sec_list {padding-left:0;}
  .sub02_1 .sec01 .sec_list:before {position:relative; height:300px; margin:0 auto;}
  .sub02_1 .sec01 .sec_list li {padding-left:0;}
  .sub02_1 .sec01 .sec_list li:before,
  .sub02_1 .sec01 .sec_list li:after {display:none;}
  .sub02_1 .sec01 .sec_list dl {padding:10px 20px;}
  .sub02_1 .sec01 .sec_list dt {padding-left:0; width:40px; font-size:38px;}
  .sub02_1 .sec01 .sec_list dt:before,
  .sub02_1 .sec01 .sec_list dt:after {display:none;}
  .sub02_1 .sec01 .sec_list h5 {font-size:15px;}


.reg_form th,
.reg_form td {padding:10px; }
.reg_form th {font-size:13px;} 
.reg_form td {font-size:12px;}

.bbs_list {font-size:13px;}
.td_dis_pc {display:none;}
.td_dis_mo {display:block;}

.bbs_view thead th {padding:10px; font-size:15px;}
.bbs_view th, .bbs_view td {padding:7px 10px; font-size:13px;}
.bbs_view td p {margin:10px 0;}

.bbs_view2 thead th {padding:10px; font-size:15px;}

.btn_type1 {height:50px; line-height:50px; font-size:16px; padding:0 30px;}

.privacy_memberbox {height:150px; font-size:13px; padding:10px;}
.memberbox {padding:10px; font-size:13px;}
.memberbox h3 {font-size:15px;}

.bbs_view2 th, .bbs_view2 td {padding:10px;}

.g_box {padding:40px 20px;}
.g_box h4 {font-size:22px;}
.g_box p strong {font-size:18px;}

  .sub03_3 .sec01 .sec_list li strong {font-size:16px;} 

	.sub04_1 .sec_list {padding:50px 0 0;}
  .sub04_1 .sec_list:before {position:static; width:100%;   height:300px; margin:0 auto;}
  .sub04_1 .sec_list h5 {font-size:18px;}

  .sub04_2 .sec_list:before {position:static; margin:0 auto; height:300px; background-position:center}
  .sub04_2 .sec_list li {font-size:15px;}


  .my01_login .login_box {padding-left:0;}
  .my01_login .login_box:before {position:static; height:100px; margin:0 auto;}
  .my01_login .g_box h4 {text-align:center;}
   .my01_login  .g_box .btn_wrap {text-align:center;}

.site_map  {background-size:200px;}
.site_map .dep1 > li {width:50%; padding:0 5px; margin-bottom:40px;}
.site_map .dep1 > li:nth-child(3n+1) {clear:none;}
.site_map .dep1 > li:nth-child(2n+1) {clear:both;}
.site_map .dep1 > li > a {font-size:16px;}

}
@media screen and (max-width:480px){

  body {font-size:12px;}

.popup_form {padding:30px 20px;}
.popup_form .popup_tit { margin:0 0 20px;}
.popup_form .popup_tit h4 {font-size:22px; margin:0 0 10px; }

.f_link  {display:none;}
#footer .sns_nav { margin:15px 0; } 

  .main_vis .slides {height:300px;}
  .main_vis_txt .wrap {background-size:auto 50%;}
  .main_vis_txt .info_box th, .main_vis_txt .info_box td {font-size:13px;}
  .main_vis_txt .info_box td {color:#d4deef;}
  .main_vis_txt p {font-size:12px; color:#fff; color:#d4deef;}
  .b_ban .ban {padding:20px;}
  .main_ban li {width:100%;}
  .main_contents .main_search .title {margin:0 0 10px;}
  .main_search {margin:10px 0;}
  .main_search .sch_wrap {padding-left:0;}
  .main_search .sch_wrap:before, .main_search .sch_tit {display:none;}
  .main_search .sch_ex {font-size:12px;}
  .main_ban02 {margin:20px 0;}
  .main_ban02 .ban h4 {font-size:18px; margin:0 0 10px;}
  .main_position {margin:20px 0;}
  .main_ban03 {margin:10px 0;}
  .main_ban03 .ban h4 {font-size:18px;}
  .main_board .bbs { margin:20px 0; }
  .main_board .bbs li {font-size:12px; padding:5px 0; }
  .main_position table td { height:30px; line-height:30px; }


.sub_wrap #container {padding-bottom:20px;} 
.sub_contents .title h4 {font-size:16px;}

 .sub_vis_txt {padding:50px 0;}
.sub_vis_txt img {width:240px;} 

  .sec_top {padding:20px;}
   .sec_top h3 {font-size:24px;}
   .sec_top h4 {font-size:16px;}
  .sec_top p {font-size:14px;}

	.sec_box {padding:5px; }
	.sec_box .inner {padding:15px; border-width:2px;}
    .sec_box h5 {font-size:14px;}
   .sec_box p span {font-size:12px; margin:10px 5px;} 

  .sec_tit_h5 {margin:20px 0;}

   .sub01_3 .sec01 dl dt {font-size:14px;}
  .sub01_3 .sec01 dl dd {font-size:12px;}
  .sub01_3 .sec02 dl dt {font-size:14px;}
  .sub01_3 .sec02 dl dd {font-size:12px;}

  .sub02_1 .sec_top p {font-size:13px; }
  .sub02_1 .sec02 .sec_list li {padding:15px;}
  .sub02_1 .sec02 .sec_list li strong {font-size:20px;}

.reg_form th,
.reg_form td {padding:5px; height:40px;}
.reg_form th {font-size:11px;} 
.reg_form td {font-size:11px;}

.bbs_list {font-size:12px;}
.bbs_list th, .bbs_list td {padding:5px 7px;}

.bbs_view th, .bbs_view td {padding:5px 7px; font-size:12px;} 

.bbs_paging {margin:20px 0;}
.bbs_paging li {margin:0 5px;}
.bbs_paging li.dir {margin:0 0;}
.bbs_paging li a {font-size:13px;}


.g_box .btn_wrap {margin:20px 0 0;}
.btn_type1 {height:44px; line-height:44px; font-size:15px; padding:0 20px; box-shadow: 2px 2px 5px 0px #a9a7a7;}
.btn_type1.btn_highlight:before {top:3px; left:3px; bottom:3px; right:3px;}
.btn_type1.btn_more:after {background-size:auto 12px;}
#btn_login {font-size:15px;}

.g_box {padding:30px 15px;}
.g_box h4 {font-size:18px;}
.g_box p strong {font-size:16px;}


.sub04_1 .sec_list .list > div {margin:15px; padding:15px; }
  .sub04_2 .sec_list li {font-size:14px; text-indent:-20px; padding-left:40px; }
  .sub04_2 .sec_list li:before {width:15px; height:15px; background-size:15px; margin-right:5px;}

.site_map {background:none;}
 .site_map .dep1 > li {width:100%; padding:0 10px; margin-bottom:20px;}
.site_map .dep1 > li:nth-child(3n+1) {clear:none;}
.site_map .dep1 > li:nth-child(2n+1) {clear:both;}
.site_map .dep1 > li > a {font-size:15px; padding:8px 15px;}
.site_map .dep2 > li > a {padding:10px 25px; font-size:13px;}




}


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

.btn_type1 {height:40px; line-height:40px; font-size:13px; padding:0 14px;}
.btn_type1.btn_highlight:before {top:3px; left:3px; bottom:3px; right:3px;}
.btn_type1.btn_more:after {background-size:auto 12px;}
}



/* 20190201 추가 시작 */
input, select {
    font-family: 'Noto Sans KR','NotoSans', sans-serif;
    font-size: 14px;
}

.peopleList .list {
    *zoom: 1;
    padding: 40px;
    border-top: 1px solid #eeeeee;
}

    .peopleList .list:nth-child(2n+1) {
        background: #f8f8f8;
    }

    .peopleList .list:after {
        content: "";
        display: block;
        clear: both;
    }

.peopleList .peopleThum {
    float: left;
    width: 180px;
}

.peopleList .peopleTxt {
    float: left;
    width: 675px;
    padding-left: 20px;
    font-family: 'Noto Serif KR', serif;
}

.peopleList .peopleName {
    font-size: 18px;
    font-family: 'Noto Serif KR', serif;
    font-weight: 700;
}

.peopleList .width40 {
    width: 40px;
    height: 1px;
    background-color: #afafaf;
    margin: 8px 0;
}

.peopleList .exp {
    font-size: 14px;
    line-height: 180%;
}

    .peopleList .exp br {
        display: none;
    }

@media screen and (max-width:1300px) {
    .peopleList .list {
        padding-left: 5%;
        padding-right: 5%;
        padding: 20px;
    }

    .peopleList .peopleThum {
        width: 20%;
    }

    .peopleList .peopleTxt {
        width: 80%;
        padding-left: 20px;
    }

    .peopleList .peopleName {
        font-size: 14px;
    }

    .peopleList .exp {
        font-size: 13px;
    }
}

@media screen and (max-width:600px) {
    input, select {
        font-size: 13px;
    }

    .peopleList .list {
        padding-left: 5%;
        padding-right: 5%;
        padding: 20px;
    }

    .peopleList .peopleThum {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .peopleList .peopleTxt {
        float: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .peopleList .peopleName {
        font-size: 14px;
    }

    .peopleList .exp {
        font-size: 13px;
    }

    .peopleList .width40 {
        width: 30px;
        margin: 8px auto;
    }
}

/* 20190201 추가 끝 */
/* 20190201 추가 끝 */
.bbs_view th, .bbs_view td {
    word-break:break-all;
}