@charset "utf-8";

#_contentBuilder,
.multipleContentsDiv{
  height:auto !important;

}

#menu5555_obj72 {width:100% !important;}
/**[Layout]********************************************************/
#_wrap {
  overflow:hidden;
}
#_wrap #_wrapHeader {
  background-color: #fff;
  /*border-bottom: 1px #ddd solid;*/
}
#_wrap #_wrapHeader #_header {
  position: relative;
}
#_wrap #_wrapArticle {
}
#_wrap #_wrapArticle #_container {
  position: relative;
  height: 500px;
  min-height: 500px;
}
#_wrap #_wrapFooter { 
  border-top: 1px #e4e4e4 solid;
  padding:50px 0;
  overflow:hidden;
  background-color:#1e2d58;
}
#_wrap #_wrapFooter #_footer {
  position: relative;
  max-width: 1200px;
  margin: auto;
}
.f-logo {
  margin-top:50px;
}
/* 	#_wrap #_wrapFooter #_footer .f-logo{
width:260px;
float:left;
margin-top: 50px;
} */
#_wrap #_wrapFooter #_footer .contact,
#_wrap #_wrapFooter #_footer ._addressWrap{
  width:100%;
}
#_wrap #_wrapFooter #_footer .contact ul{
  overflow:hidden;
}
#_wrap #_wrapFooter #_footer .contact li{
  float:left;
  padding:0px 40px 30px 0;
  position:relative;
}
#_wrap #_wrapFooter #_footer .contact li:before{
  content:'';
  display:block;
  height: 20px;
  border-right: 1px solid #e4e4e4;
  position: absolute;
  right: 20px;
  top: 0px;
}
#_wrap #_wrapFooter #_footer .contact li:last-child:before{
  display:none;
}
#_wrap #_wrapFooter #_footer ._addressWrap{ 
  margin-top:20px; 
}
#_wrap #_wrapFooter #_footer ._addressWrap p{
  margin-bottom:10px; 
  color:#fff;
}
#_wrap #_wrapFooter #_footer .contact li a,
#_wrap #_wrapFooter #_footer ._addressWrap span{
  font-family:'NanumSquare';
  font-size:14px;
  display:block;
  color:#fff;
}
#_wrap #_wrapFooter #_footer .contact li a{
  color:#fff;
}

#_wrap #_wrapFooter #_footer ._directWrap{
  border-bottom: 1px #e4e4e4 solid;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#_wrap #_wrapFooter #_footer ._directWrap ._direct h2,
#_wrap #_wrapFooter #_footer ._directWrap ._direct ul,
#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li{
  float: left;
}
#_wrap #_wrapFooter #_footer ._directWrap ._direct h2{
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  padding: 0 30px 0 15px;
  margin-right: 1em;
  background: url("../images/directH2.gif") no-repeat 90px 50%;
}
#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li a{
  display: block;
  color: #363636;
  font-size: 1.1em;
  padding: 0 1em;
  background: url("../images/directGab.gif") no-repeat left 50%;
}
#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li:first-child a{
  background-image: none;
}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap {
  position: relative;
}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu {
  text-align: center;
}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu h2{
  display: none;
}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu select{
  width:96%;
  height: 50px;
  border-color: #e4e4e4;
  padding:0 20px;
  font-size: 16px;
}
#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu button{
  height: 30px;
  border: 0;
  background-color: #24314c;
  color: #fff;
  padding: 0 1em;
}

#_wrap #_wrapFooter #_footer ._addressWrap ._info{
  /*display: inline-block;
  *zoom: 1;
  _display: inline;*/
}
#_wrap #_wrapFooter #_footer ._addressWrap ._info span{
  /*float: left;*/
  padding: 0 1em;
  line-height: normal;
  border-left: 1px #ccc solid;
}
#_wrap #_wrapFooter #_footer ._addressWrap ._info span._address{
  border: 0;
  padding: 0 1em 0 0;
  line-height:20px;
  font-weight:bold;
}
#_wrap #_wrapFooter #_footer ._addressWrap ._copyright{

}
#_wrap #_wrapHeader #_header,
#_wrap #_wrapArticle #_container{
  position: relative;
  margin: 0 auto;
}





/**********************************************************/
#_logo{
  position: absolute;
}

/**[모바일 - 메뉴열기/닫기]********************************************************/
.mMenu{
  display: none;
}
.mMenu .mMenuButton{
  border: 1px #ddd solid;
  /*border-radius: 20px;*/
  width: 42px;
  height: 42px;
  text-indent: -5000px;
  background-image: url("../images/rMenuButton.gif");
  background-color: #fff;
}

#wrapGnb{
  position: absolute;
  z-index: 10;
  display: none;
}
.menuUItop a{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
}
.menuUItop #top_div {
  margin: 0;
  padding: 0;
}
.menuUItop ul.ul_1{
  position: relative; 
} 
.menuUItop ul.ul_1 li.li_1{
  float: left;  
}
.menuUItop ul.ul_1 li.li_1 a.a_1{
  font-weight: 400;
  color: #333;
  margin: 0;
}
.menuUItop ul.ul_1 li.li_1 a.a_1._active{
  font-weight: 600;
}
.menuUItop ul.ul_1 li.li_1 .div_2 ul {
  overflow: hidden;	
  top:2px;
  left: -6px;
  padding: 15px 0 0 10px;

  height:323px;
}
.menuUItop ul.ul_1 li.li_1 .div_2 > ul{
  position:relative;
}

.menuUItop ul.ul_1 li.li_1 .div_2 ul li {
  text-align: left;
  margin-bottom:5px;
}
.menuUItop ul.ul_1 li.li_1 .div_2 ul li a{
  display: block;
  margin: auto;
  padding: 0 10px;
  color: #000;
}
.menuUItop ul.ul_1 li.li_1 .div_2 ul li a:hover,
.menuUItop ul.ul_1 li.li_1 .div_2 ul li a._active{
  color: #13b3c3;
}
.menuUItop ul.ul_1 li.li_1 .div_2 ul li a._active{
  font-weight: 600;
}
.menuUItop ul.ul_1 li.li_1 .div_2 .navGab{
  width: 19px;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 35px;
  background: url("../images/navGab.gif");
  display: none;
}
.menuUItop ul.ul_1 li.li_1 .div_2.active .navGab{
  display: block;
}
/* 	.menuUItop ul.ul_1 li.li_1 .div_2 ul.ul_2 li.li_2 .div_3{
background-color: #142959;
width: 100%;
} */

/* 2016-12-14 */
header .hd-top{width:100%;background:#f8f8f8;height:32px;display:block;}
header .hd-top-wrap{width:1200px;margin:0 auto;overflow:;height:32px;text-align:right;}
header .hd-top-wrap ul{float:right; width:210px;padding-right:10px; background:#e5e5e5;}
/* //2016-12-14 */
header .hd-top-wrap ul li{display:inline-block;padding-left:14px;background:url('../../images/new/new/common/header-sl.png')no-repeat left;margin-left:14px;}
header .hd-top-wrap ul li:first-child{padding-left:0;background:none;}
/* 2016-12-14 */
header .hd-top-wrap ul li a{color:#606060; font-size:12px;line-height:32px;}
/* //2016-12-14 */
header .gnb-wrap{width:100%;}
header .gnb-wid{width:1200px;margin:0 auto;height:80px;background:#fff;vertical-align:middle;position:relative;}
header .gnb-wid a.logo{padding-top:3px;padding-right:73px;}

header .gnb-wid img{}
#gnb{display:inline-block;vertical-align:top;margin-top:32px;position:absolute;top:0;z-index:3;right:0;}
#gnb > li{display:inline-block;width:140px;text-align:center;position:relative;margin-left:0px;}
#gnb > li > a{font-size:18px;font-weight:600;line-height:20px;}
#gnb > li:first-child > ul {border-left:1px solid #d9d9d9;}
#gnb > li:first-child > ul:hover{margin-left:1px;}
#gnb ul.dep2{position:absolute;padding:35px 0 0 10px;width:140px;border-right:1px solid #d9d9d9;height:164px;top:48px;left:-5px; display:none;}
#gnb ul.dep2.show{display:inherit;}
#gnb ul.dep2:hover{background:url('../../images/new/common/2dep-ho.png') repeat;border:0;}
#gnb ul.dep2 li{text-align:left;padding:5px 0 5px 5px;}
#gnb ul.dep2 li a{font-size:14px;line-height:16px;}
#gnb ul.dep2 li a:hover{font-weight:600;color:#2688e4;text-decoration:underline;}
/* 2016-12-14 */
.dep2-wrap{background:url('../../images/new/common/2dep.png') repeat;height:199px;z-index:1;position:absolute;width:100%;display:none;border:1px solid #aaaaaa; border-left:none;border-right:none;}
/* //2016-12-14 */
.dep2-wrap.show{display:inherit;}

/* 2016-12-19 */
.main{width:100%;height:775px;}
/* //2016-12-19 */

/* 2016-12-09 */
.main .visual{width:100%;height:456px;}
.main .visual ul{width:100%;height:456px;}
.main .visual ul li{width:100%;height:456px;}
/* //2016-12-09 */
.visual ul li.visual01{background:url('./../images/visual01.png') no-repeat 60% 100%;background-size:cover;}
.visual ul li.visual02{background:url('./../images/visual02.png') no-repeat 60% 100%;background-size:cover;}
.visual ul li.visual03{background:url('./../images/visual03.png') no-repeat 60% 100%;background-size:cover;}
.visual ul li .visual01-wrap{width:1200px;margin:0 auto;}
.visual ul li .visual01-wrap img{padding-top:115px;}

.cont-wrap{width:1200px;margin:0 auto;position:relative;}
.content-top{}
.content-top ul{/* width:100%; *//* display:block; *//* margin-top:-201px; */}
/* 2016-12-09 */

.content-bt > ul > li {width:25%}

h1.num{font-size:18px;}


/*box left*/
.content-top ul{width:100%;display:block;}
.content-top ul li{width:25%;height:85px;float:left;}
.content-top ul li h1{font-size:18px;font-weight:600;margin:20px 0 0 40%;color:#fff;line-height:22px;}
.content-top ul li h4{font-size:13px;margin:2px 0 0 41%;color:#fff;font-weight:200;}

.content-top ul li.top1{background:#0080c0 url('./../images/cont-top1.png') no-repeat 20% center ;}
.content-top ul li.top1 a{background:#6abaff url('./../images/cont-btn.png') no-repeat 20% center;;}
.content-top ul li.top2{background:#005079 url('./../images/cont-top2.png') no-repeat 20% center;}
.content-top ul li.top2 a{background:#43adff url('./../images/cont-btn.png') no-repeat 20% center;;}
.content-top ul li.top3{background:#008d79 url('./../images/cont-top3.png') no-repeat 20% center;}
.content-top ul li.top3 a{background:#2ba1ff url('./../images/cont-btn.png') no-repeat 20% center;;}
.content-top ul li.top4{background:#153a4e url('./../images/cont-top4.png') no-repeat 20% center;}




/* 2016-12-09 */
div.log-top{font-size:13px;margin:20px 0 0 6%;}
.log_after {line-height:16px; padding-left:15px; background:url('./../images/log_out.png') no-repeat left center ;}
.log_after_txt {margin:15px 0; background:#fff; width:320px; padding:15px;}
.log_after_txt strong {color:#2ea4ff; font-weight:900;}
.login-wrap.log-out {border:none; height:60px;}
.login-wrap.log-out button {margin-left:0px; background:#2ea4ff; width:45%; padding:15px 0;}
.login-wrap.log-out button.btn2 {right:20px; background:#555555;}
/* //2016-12-09 */

#footer{width:100%;background:#f8f6f7;border-top:1px solid #dddddd;}
#footer .ft-wrap{width:1200px;margin:0 auto;padding:30px 0;}
#footer .txt-wrap{display:inline-block;margin-left:40px;}
#footer .txt-wrap p{font-size:13px;font-weight:600;line-height:19px;color:#6e6e6e;}

div.site-wrap{display:inline-block;vertical-align:top;float:right;}
label.hidden {position: absolute;left: -10000px;top: auto;height: 1px;overflow: hidden;}
select.site{border:1px solid #676767;height:27px;width:170px;color:#676767;outline:none;font-size:13px;padding-left:12px;}
div.site-wrap fieldset{display:inline-block;}
a.site-go{background:#676767;color:#fff;font-weight:600;line-height:27px;font-size:13px;float:right;padding:0 8px;margin-left:3px;}


.gnb-tab-wrap{display:none;}
.main .visual ul li img.pc{display:block;}
.main .visual .visual-tit {font-weight:bold; position:absolute; font-size:50px; line-height:50px; color:#fff; top:120px; left:50%; margin-left:-605px; z-index:1000;}
.main .visual .visual-en {position:absolute; top:200px; left:50%; margin-left:-603px; font-weight:bold; font-size:25px; line-height:25px; color:#92e0fc;  z-index:1000;}
.main .visual .visual-txt {position:absolute; top:200px; left:50%; margin-left:-603px; font-size:14px; color:#fff;  z-index:1000; line-height:20px;}
.main .visual .visual-txt  span {display:block;}
.main .visual .visual-tit1 {position:absolute; background:#00b6a9; padding:10px 30px; font-size:18px; color:#fff; top:50px; left:50%; border-radius:15px; margin-left:-603px; z-index:1000;}
.main .visual ul li img.mo{display:none;}
.content-top ul.mo {display:none;}
.content-top ul.pc {display:block;}
.ft-wrap.pc{display:block;}
.ft-wrap.mo{display:none;}

/* 2016-10-26 */
.bn-list li {height:43px; line-height:43px; text-align:center; border:1px solid #ccc; background:#f1f1f1;}
.bn-list li strong {color:#333;}
.bn-list li a {display:block;}
/* //2016-10-26 */

.content-bt{display:block;}
.content-bt > ul{width:100%;display:block;}
.content-bt > ul > li{width:25%;height:269px;float:left;border:1px solid #f1f1f1;border:0;}
.content-bt ul li.top1{background:#c4eaf4 url('./../images/cont-bt1.png') no-repeat 85% 85% ;}
.content-bt ul li.top2{background:#e0ebf0;position:relative;}
.content-bt ul li.top2.two{background:#f6f6f6;}
.content-bt ul li.top3{background:#ebebeb;}

/* 2016-10-19 */
ul.mon-img{margin:25px 0 0 7%;}
/* //2016-10-19 */
ul.mon-img > li{display:inline-block;vertical-align:top;}
ul.mon-img > li.img-s{width:30%}
/* 2016-10-19 */
ul.mon-img > li.mon-txt{font-size:12px;width:65%}
ul.mon-img > li.mon-txt ul li{line-height:17px;}
ul.mon-img > li.mon-txt ul li:first-child{margin-top:-5px;}
ul.mon-img > li.mon-txt ul li:before {content:"·"; display:inline-block; padding-right:4px;}
/* //2016-10-19 */
ul.mon-img > li.mon-txt ul li.mon-tit{font-size:14px;font-weight:600;background:none;padding-left:0;padding-bottom:9px;}
.mon-btn-wrap{text-align:center;display:block;margin-top:20px;}
a.mon-btn{background:#00b6a9 url('./../images/check.png') no-repeat 15% center;display:inline-block;color:#fff;border-radius:15px;padding:9px 22px 9px 37px;
  font-size:13px;font-weight:bold;line-height:13px;}

.bd-wrap{border:1px solid #e6e6e6;min-height:268px;border-bottom:1px solid #dddddd;margin-left:-1px;}


/* 2016-10-19 */
.content-bt h2{font-size:15px;font-weight:600;margin:30px 0 0 6%;}
/* //2016-10-19 */
.main-num-wrap{margin-top:30px;}/*2016-10-07*/
/* 2016-10-19 */
h1.num{font-size:22px;font-weight:900;color:#0080c0;margin:0px 0 0 6%;line-height:28px;}/*2016-10-07*/
/* //2016-10-19 */
h1.num.two{color:#008d79;}/*2016-10-07*/
/* 2016-10-19 */
p.mails{font-size:14px;margin:15px 0 0 6%;line-height:14px;padding-left:25px;background:url('./../images/mail-icon.png') no-repeat left center;}
/* //2016-10-19 */
ul.down{margin-left:40px;margin-top:22px;}
ul.down li{display:inline-block;}
ul.down li a{border: 1px solid #6cbffe;color:#6cbffe;font-size:12px;line-height:12px;padding:9px 25px 9px 10px;background:url('./../images/down.png') no-repeat 92% center ;}

.more{position:absolute;top:25px;right:30px;padding-right:20px;background:url('./../images/more.png') no-repeat right center ;line-height:20px;}
ul.no-list{margin:20px 0 0 40px;width:100%;}
ul.no-list li{padding-left:8px;background:url('./../images/sq-bul.png') no-repeat left center ;}
ul.no-list li a{font-size:13px;line-height:23px;width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
/* 2016-10-19 */
div.log-top{font-size:13px;margin:20px 0 0 6%;}
.login-wrap{border:1px solid #f1f1f1;margin:19px 0 0 6%;position:relative;}
.login-wrap input[type="text"]{width:64%;margin:0;outline:none;margin-top:-3px;height:40px;font-size:12px;line-height:14px;padding-left:15px;}
/* //2016-10-19 */


/* 2016-11-09 */
.log_after {line-height:16px; padding-left:15px; background:url('./images/log_out.png') no-repeat left center ;}
.log_after_txt {margin:15px 0; background:#fff; width:230px; padding:27px 15px;}
.log_after_txt strong {color:#008d79; font-weight:900;}

/* 2016-11-15 */
.login-wrap {height:84px;}
.login-wrap.log-out button {margin-left:0px; background:#2fa090; width:45%; padding:19px 0;}
.login-wrap.log-out button.btn2 {right:20px; background:#405d6d;}
/* //2016-11-15 */

/* //2016-11-09 */

.login-wrap input[type="text"]:first-child{margin-bottom:-1px;}
.login-wrap button{background:#171717;color:#fff;font-size:13px;font-weight:600;color:#fff;border:0;width:25%;margin-left:-6px;vertical-align:top;padding:33px 0 34px 0;position:absolute;top:-3px;line-height:13px;}
/* 2016-10-19 */
ul.login-bt{margin:20px 0 0 6%;}
/* //2016-10-19 */
ul.login-bt li{display:inline-block;padding-left:3px;font-size:13px;}
ul.login-bt li:first-child{background:url('./../images/sl-j.png') no-repeat right center ;padding-right:10px;}


.bt-btn{margin-top:30px;display:block;}
.bt-btn ul{width:100%;margin-top:30px;}
.bt-btn ul li{width:12.5%;float:left;text-align:center;padding:15px 0;margin-top:0px;}
.bt-btn ul li a{font-size:13px;color:#fff;text-align:center;}
.bt-btn ul li.bt-btn1{background:#7263fe}
.bt-btn ul li.bt-btn2{background:#6375ff}
.bt-btn ul li.bt-btn3{background:#629cff}
.bt-btn ul li.bt-btn4{background:#59b2ff}
.bt-btn ul li.bt-btn5{background:#b9b9b9}
.bt-btn ul li.bt-btn6{background:#a4a4a4}
.bt-btn ul li.bt-btn7{background:#777777}
.bt-btn ul li.bt-btn8{background:#555555}


#footer{width:100%;background:#f8f6f7;border-top:1px solid #dddddd;}
#footer .ft-wrap{width:1200px;margin:0 auto;padding:30px 0;}
#footer .txt-wrap{display:inline-block;margin-left:40px;}
#footer .txt-wrap p{font-size:13px;font-weight:600;line-height:19px;color:#6e6e6e;}

div.site-wrap{display:inline-block;vertical-align:top;float:right;}
label.hidden {position: absolute;left: -10000px;top: auto;height: 1px;overflow: hidden;}
select.site{border:1px solid #676767;height:27px;width:170px;color:#676767;outline:none;font-size:13px;padding-left:12px;}
div.site-wrap fieldset{display:inline-block;}
a.site-go{background:#676767;color:#fff;font-weight:600;line-height:27px;font-size:13px;float:right;padding:0 8px;margin-left:3px;}


.gnb-tab-wrap{display:none;}
.main .visual ul li img.pc{display:block;}
.main .visual ul li img.mo{display:none;}
/*.list-wrap{width:50%;}*/
.content-top ul.mo {display:none;}
.content-top ul.pc {display:block;}
.ft-wrap.pc{display:block;}
.ft-wrap.mo{display:none;}

@media all and (max-width:1200px) {
  #footer {width: 1200px;}
  header .hd-top {width:1200px;}
  header .gnb-wrap {width: 1200px;}
  .main .visual {width:1200px;}

}
/*******************************************************************************************************************************************************/
@media all and (max-width:1024px) {
  .dep2-wrap{display:none !important;}
  #footer {width: 100%;}
  header .hd-top {width:100%;}
  header .gnb-wrap {width: 100%;}
  .main .visual {width:100%;}
  header .hd-top-wrap {width: 100%;}
  header .gnb-wid {width:100%;}
  #gnb > li {width:110px;}
  .main .visual ul li .visual01-wrap {width: 100%;padding-left:3.5%;}
  header .gnb-wid img {padding-left:3%;}
  header .hd-top-wrap ul {padding-right:3%;}
  #footer .ft-wrap {width:100%;padding: 30px 30px;vertical-align:middle;}
  #footer .site-wrap{display:none;}
  #footer .txt-wrap{width:80%;vertical-align:middle;margin-left:20px;}

  #gnb{display:none;}
  .gnb-tab-wrap{display:block;position:absolute;z-index:999;right:0;top:0}
  a#tab-menu{height:80px;width:80px;display:inline-block;background:#b9b9b9;position:absolute;right:0;}
  a#tab-menu img{padding:30px 0 0 30px;}
  .bx-wrapper .bx-pager {left: 0 !important;}

  .cont-wrap {width: 100%;}
  .content-bt > ul > li {width:25%}

  h1.num{font-size:18px;}


  /*box left*/
  .content-top ul li h1{margin:20px 0 0 35%;}
  .content-top ul li h4{margin:2px 0 0 35%;}


  .content-top ul li.top1{background:#0080c0 url('/../images/newbkm/main/cont-top1.png') no-repeat 10% center ;}
  .content-top ul li.top2{background:#005079 url('/../images/newbkm/main/cont-top2.png') no-repeat 10% center;}
  .content-top ul li.top3{background:#008d79 url('/../images/newbkm/main/cont-top3.png') no-repeat 10% center;}
  .content-top ul li.top4{background:#153a4e url('/../images/newbkm/main/cont-top4.png') no-repeat 10% center;}


  ul.mon-img > li.img-s img{width:100%;}
  ul.mon-img > li.mon-txt {font-size: 12px;padding-left: 8px;padding-top:0px;width: 50%;}
  .m-last{display:none;}
  .main {height:725px;}


  .main .visual ul li.visual01{background:url('./../images/visual01-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul li.visual02{background:url('./../images/visual02-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul li.visual03{background:url('./../images/visual03-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul {height: 376px;}
  .main .visual ul li {height: 376px;width:100%;}

  .main .visual{height:}
  .main .visual ul li.visual01{background:url('./../images/visual01-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul li.visual02{background:url('./../images/visual02-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul li.visual03{background:url('./../images/visual03-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul li.visual04{background:url('./../images/visual04-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul li.visual05{background:url('./../images/visual05-tab.png') no-repeat;background-size:100% 100%;}
  .main .visual ul {height: 376px;}
  .main .visual ul li {height: 376px;width:100%;}

  /* 2016-12-09 */
  .main .visual .visual-tit {margin-left:-45%;}
  .main .visual .visual-en {margin-left:-45%;}
  .main .visual .visual-txt {margin-left:-45%;}
  /* //2016-12-09 */

  /* 2016-12-16 */
  .main .visual .visual-tit1 {margin-left:-45%;}
  /* //2016-12-16 */
  #gnb-tab{margin-top:80px;background:#f7f7f7;width:280px;display:none;}
  #gnb-tab > li{border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;margin-top:-1px;background:url('/../images/gnb-down.png') no-repeat 89% 23px;}
  #gnb-tab > li.selected{background:url('/../images/gnb-up.png') no-repeat 89% 23px;}
  #gnb-tab > li:first-child{border-top:0;}
  #gnb-tab > li > a{font-size:15px;font-weight:600;line-height:15px;padding:20px 17px;display:block;}
  #gnb-tab > li > ul{border-top:1px solid #c6c6c6;padding:20px 0 10px 0;display:none;}
  #gnb-tab > li > ul > li{padding:0px 0 13px 17px}
  #gnb-tab > li > ul > li > a{font-size:13px;padding-left:13px;background:url('/../images/sl-bul.png') no-repeat left center;display:block;}

  .tab-site{background:#f7f7f7;height:140px;display:none;}
  .tab-site fieldset{padding:30px 0 30px 30px;display:inline-block;}
  .tab-site select.site {border: 1px solid #676767;height: 35px;width: 215px;color: #676767;outline: none;font-size: 13px;padding-left:15px;}
  .tab-site a.site-go{float:inherit;padding:10px 13px;margin-left:0;}

  .gnb-tab-on{position:absolute;background:#333333;width:100%;height:80px;display:none;}
  .gnb-tab-on h1{font-size:15px;color:#fff;font-weight:600;display:inline-block;padding:30px 17px;}
  .gnb-tab-on a{vertical-align:top;float:right;margin-right:30px;margin-top:27px;}

  /* 2016-12-14 */
  .log_after_txt {width:85%;}
  .bt-btn ul li {width:50%;}
  .bt-btn ul li.bt-btn3 {width:50%;}
}

/* 2016-12-09 */
@media all and (max-width:960px) {
  .bt-btn ul li {width:50%;}
  .main {height: 770px;}
}


@media all and (max-width:900px) {
  .bt-btn ul li {width: 25%;}
  .bt-btn ul li.bt-btn5, .bt-btn ul li.bt-btn6, .bt-btn ul li.bt-btn7, .bt-btn ul li.bt-btn8{margin-top:0;}
  .main {height:1079px;}
  .content-top ul li {width: 50%;}
  .content-bt > ul > li {width: 50%;}
  .content-bt h2 {font-size: 16px;font-weight: 600;margin: 30px 0 0 10%;}
  h1.num {font-size: 28px;font-weight: 900;color: #0080c0;margin: 0px 0 0 10%;line-height: 35px;}
  ul.mon-img > li.img-s img {max-width:100px;}
  .mon-btn-wrap{margin-top:15px;}
  .m-last{display:block;}
  ul.mon-img > li.mon-txt ul li {line-height: 20px;font-size:14px;    background: url('/../images/sl-bul.png') no-repeat left 9px;}
  ul.mon-img > li.mon-txt ul li.mon-tit {font-size: 15px;}
  ul.mon-img > li.mon-txt {width: 65%;padding-left:12px;}
}

@media all and (max-width:880px) {

  ul.down {margin-left: 8%;margin-top: 15px;}
  ul.down li{display:block;height:26px;margin-top:7px;}
  ul.down li a {border: 1px solid #6cbffe;color: #6cbffe;font-size: 12px;line-height: 12px;padding: 5px 25px 5px 10px;background: url('/../images/down.png') no-repeat 92% center;}
}

@media all and (max-width:800px) {
  #footer .txt-wrap{width:70%;vertical-align:middle;margin-left:20px;}
}


/*******************************************************************************************************************************************************/
@media all and (max-width:768px) {
  .content-top ul li h1 {font-size: 18px;line-height: 18px;}

  #footer .txt-wrap{width:60%;vertical-align:middle;margin-left:20px;}
}

@media all and (max-width:750px) {
  ul.mon-img > li.mon-txt {width: 55%;padding-left:8px;}
}



@media all and (max-width:640px){
  .main .visual ul li.visual01{background:url('./../images/visual01-mo.png') no-repeat 60% 100%;background-size:cover;}
  .main .visual ul li.visual02{background:url('./../images/visual02-mo.png') no-repeat 60% 100%;background-size:cover;}
  .main .visual ul li.visual03{background:url('./../images/visual03-mo.png') no-repeat 60% 100%;background-size:cover;}
  .main .visual {height: 560px;}
  .main .visual ul {height: 560px;}
  .main .visual ul li {height: 560px;}
  .main .visual ul li img.pc{display:none;}
  .main .visual ul li img.mo{display:block;max-width:90%;}
  .ft-wrap.pc{display:none;}
  .ft-wrap.mo{display:block;}
  .content-bt > ul > li {width: 100%}
  .bt-btn ul li {width: 50%;}
  .bt-btn ul li.bt-btn1, .bt-btn ul li.bt-btn2, .bt-btn ul li.bt-btn3, .bt-btn ul li.bt-btn4, .bt-btn ul li.bt-btn5, .bt-btn ul li.bt-btn6, .bt-btn ul li.bt-btn7, .bt-btn ul li.bt-btn8{margin-top:0;}
  .login-wrap input[type="text"] {width: 63%;}
  .more {right: 50px;}
  .content-top ul.mo {display:block;border-bottom:0;}
  .content-top ul.pc {display:none;}
  .content-top ul.mo li{width:100%;height:140px;}
  .content-top ul.mo li a{background:none;border:none;padding:0;margin:0;display:block;}
  .content-top ul.mo li a h1{font-size:20px;padding-top:8px;}
  .content-top ul.mo li a h4{padding-top:5px;font-size:17px;}
  .content-top ul.mo li.top1{background:#59b2ff url('./../images/cont-top1-tab.png') no-repeat 90% center;}
  .content-top ul.mo li.top2{background:#2ea4ff url('./../images/cont-top2-tab.png') no-repeat 90% center;}
  .content-top ul.mo li.top3{background:#1396ff url('./../images/cont-top3-tab.png') no-repeat 90% center;}
  #gnb-tab {width: 100%;}
  .gnb-tab-wrap {width:100%;}
  .tab-site fieldset{width:100%;}
  .tab-site select.site {width:75%;}
  header .hd-top-wrap ul{display:none;}
  header .hd-top-wrap {height:15px;}
  header .hd-top {height:15px;}
  .content-bt ul li.top3 {padding-bottom:15px;}
  .ft-wrap.mo{background:#444444;text-align:center;padding:0 !important;}
  .txt-wrap.mo{width:100% !important;margin-left:0 !important;}
  .ft-wrap.mo a img{width:50%;margin-top:35px;}
  .ft-wrap.mo p{color:#e1e1e1 !important;line-height:22px !important;margin-top:18px;margin-bottom:20px;margin-left:0 !important;width:100%;}
  h1.num {font-size: 42px;font-weight: 900;color: #0080c0;margin: 0px 0 0 6%;line-height: 48px;}
  p.bank {font-size: 15px;margin-top:14px;}
  p.bank2 {font-size: 15px;margin-top:10px;}
  ul.down li {display: inline-block;height: 35px;margin-top: 7px;}
  ul.down li a {border: 1px solid #6cbffe;color: #6cbffe;font-size: 12px;line-height: 12px;padding: 9px 25px 9px 10px;}
  ul.down li a {margin-left:6px !important;}
  ul.down li:first-child a{margin-left:0 !important;}
  .content-top ul li {width:100%;height:150px;}
  .content-bt > ul > li {width:100%;}
  .content-bt > ul > li {height: 350px;}
  .bd-wrap {min-height: 349px;}
  .content-top ul li.top1{background:#0080c0 url('./../images/cont-top1-tab.png') no-repeat 85% center ;}
  .content-top ul li.top2{background:#005079 url('./../images/cont-top2-tab.png') no-repeat 85% center;}
  .content-top ul li.top3{background:#008d79 url('./../images/cont-top3-tab.png') no-repeat 85% center;}
  .content-top ul li.top4{background:#153a4e url('./../images/cont-top4-tab.png') no-repeat 85% center;}
  .content-top ul li h1 {font-size: 26px;line-height:20px;margin: 50px 0 0 6%;}
  .content-top ul li h4 {margin: 18px 0 0 6%;font-size:20px;}
  .content-bt h2 {font-size: 26px;line-height:20px;margin: 50px 0 0 6%;}
  .content-bt ul li.top1 {background: #c4eaf4 url('./../images/cont-bt1-mo.png') no-repeat 85% 92%;}
  p.mails {font-size: 18px;margin: 25px 0 0 6%;line-height: 25px;padding-left: 50px;background: url('./../images/mail-icon-mo.png') no-repeat left center;}
  .mon-img > li.img-s img {max-width: 140px;}
  ul.mon-img {margin: 25px 0 0 6%;}
  a.mon-btn {border-radius: 20px;padding: 15px 30px 15px 45px;font-size: 16px;line-height: 13px;}
  ul.mon-img > li.mon-txt ul li.mon-tit {font-size: 18px;}
  ul.mon-img > li.mon-txt ul li {line-height: 23px;font-size: 16px;}
  ul.mon-img > li.mon-txt {padding-left: 10px;}
  div.log-top {margin: 25px 0 0 6%;}
  div.log-top label{font-size:15px;}
  .login-wrap {margin: 30px 0 0 6%;}
  ul.login-bt {margin: 25px 0 0 6%;}
  ul.login-bt li a{font-size:15px;}
  .login-wrap input[type="text"] {height: 47px;font-size: 15px;line-height: 17px;padding-left: 20px;}
  .login-wrap button {font-size: 15px;padding: 44px 0 44px 0;line-height: 15px;}

}
@media all and (max-width:450px){
  .main .visual {height: 460px;}
  .main .visual ul {height: 460px;}
  .main .visual ul li {height: 460px;}
  .content-bt h2 {font-size: 20px;}
  h1.num {font-size: 30px;margin-top:0px;}
  .content-top ul li h1 {font-size: 22px;line-height: 20px;margin: 50px 0 0 6%;}
  .content-top ul li h4 {margin: 18px 0 0 6%;font-size: 18px;}
}

@media all and (max-width:400px){

  .content-top ul.mo li a h1 {font-size: 16px;padding-top: 8px;}
  .content-top ul.mo li a h4 {padding-top: 5px;font-size: 14px;}
}


@media all and (max-width:350px){

  .content-top ul li.top1{background:#0080c0 url('./../images/cont-top1-tab.png') no-repeat 90% center ;}
  .content-top ul li.top2{background:#005079 url('./../images/cont-top2-tab.png') no-repeat 90% center;}
  .content-top ul li.top3{background:#008d79 url('./../images/cont-top3-tab.png') no-repeat 90% center;}
  .content-top ul li.top4{background:#153a4e url('./../images/cont-top4-tab.png') no-repeat 90% center;}
}

#_wrap #_wrapHeader #_header{max-width: none; width: 100%}





.news-wrap{background-color: #ececec; padding: 92px 0;}
.news-wrap .news-inner{display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto;}
.news-wrap .news-text{width: 415px;}
.news-wrap .news-text h1{font-family: "Pretendard"; font-weight: 400; font-size: 40px; line-height: 50px; letter-spacing: -.05em;}
.news-wrap .news-text h1 > span{font-weight: 800; font-size: 50px; display: inline-block;}
.news-wrap .news-text h1 > span span{color: #4daeaa; font-size: 50px;}
.news-wrap .news-content{width: calc(100% - 415px);}
.news-wrap .news-content > div{display: flex; flex-wrap: wrap; margin-bottom: 20px; gap: 20px;}
.news-wrap .news-content > div:last-child{margin-bottom: 0;}
.news-wrap .news-content > .news-top{justify-content: end; align-items: end;}
.news-wrap .news-content > .news-bottom{align-items: start;}
.news-wrap .news-content .news-image{border-radius: 20px; border-bottom-right-radius: 0; overflow: hidden;}
.news-wrap .news-content .news-link{display: flex; flex-wrap: wrap; max-width: 460px; background-color: white; width: 100%; border-radius: 20px; justify-content: end; padding: 46px 43px 54px 0; box-sizing: border-box; box-shadow: 5px 0 20px rgba(0,0,0,.05);}
.news-wrap .news-content .news-link-left span{font-size: 20px; font-family: "Pretendard"; font-weight: 500; color: #000000;}
.news-wrap .news-content .news-link-left h1{font-family: "Pretendard"; font-weight: 600; font-size: 35px; margin: 1px 0 12px;}
.news-wrap .news-content .news-link-left a{display: inline-block; text-align: center; width: 150px; border-radius: 50px; border: 1px solid #c9c9c9; background-color: #f4f4f4; color: #b2b2b2; font-size: 16px; line-height: 41px;}
.news-wrap .news-content .news-link-left a:hover{color:#222; font-weight:500;}
.news-wrap .news-content .news-link-right{margin-left: 20px;}
.news-wrap .news-content > div:first-child .news-link{border-bottom-left-radius: 0;}
.news-wrap .news-content > div:first-child .news-image{border-bottom-right-radius: 0;}
.news-wrap .news-content > div:last-child .news-link{border-top-right-radius: 0;}
.news-wrap .news-content > div:last-child .news-image{border-top-left-radius: 0;}
.news-wrap .news-content .news-link-right p{font-size: 160px; color: #6e5bca; line-height: 117px; font-family: "Pretendard"; font-weight: 900;}
.news-wrap .news-content > div:last-child .news-link{padding-bottom: 37px;}

@media screen and (max-width: 1240px) {
  .news-wrap{padding: 70px 0;}
  .news-wrap .news-inner{padding: 0 20px;}
  .news-wrap .news-text h1{font-size: 30px; line-height: 40px;}
  .news-wrap .news-text h1 > span span,
  .news-wrap .news-text h1 > span{font-size: 40px;}
  .news-wrap .news-inner{flex-direction: column; gap: 20px;}
  .news-wrap .news-content{width: 100%;}
  .news-wrap .news-content .news-link{max-width: 400px; padding: 40px 40px 40px 0;}
  .news-wrap .news-content .news-link-left span{font-size: 16px;}
  .news-wrap .news-content .news-link-left h1{font-size: 28px;}
  .news-wrap .news-content .news-link-left a{width: 100px; line-height: 30px; font-size: 14px;}
  .news-wrap .news-content .news-link-right p{font-size: 110px; line-height: 85px;}
  .news-wrap .news-content > div:last-child .news-link{padding-bottom: 40px;}
  .news-wrap .news-content > div:last-child .news-link-right img{width: 72px;}
}

@media screen and (max-width: 768px) {
  .news-wrap{padding: 50px 0;}
  .news-wrap .news-text h1{font-size: 25px; line-height: 35px;}
  .news-wrap .news-text h1 > span,
  .news-wrap .news-text h1 > span span{font-size: 25px;}
  .news-wrap .news-content > div{flex-direction: column;}
  .news-wrap .news-content .news-link{max-width: none; justify-content: center; padding: 40px 0;}
  .news-wrap .news-content > div:first-child{flex-direction: column-reverse;}
  .news-wrap .news-content .news-image{width: 100%;}
  .news-wrap .news-content .news-image img{width: 100%;}
}

.program-wrap{padding: 145px 0 150px;}
.program-inner{max-width: 1200px; margin: 0 auto;}
.program-inner .program-title{margin-bottom: 60px;}
.program-inner .program-title h1{text-align: center; font-size: 40px; line-height: 50px; color: #333333; letter-spacing: -.05em; font-family: "Pretendard"; font-weight: 500;}
.program-inner .program-title h1 > span,
.program-inner .program-title h1 > span span{font-weight: 800; font-size: 50px;}
.program-inner .program-title h1 > span{color: #000000;}
.program-inner .program-title h1 > span span{color: #4daeaa;}
.program-inner .program-content ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.program-inner .program-content li{margin-right: 27px; width: calc(25% - 20.25px); position: relative;}
.program-inner .program-content li:nth-child(even){margin-top: 70px;}
.program-inner .program-content li:last-child{margin-right: 0;}
/*.program-inner .program-content li:nth-child(3) .program-text h1{word-break: break-all;} */
.program-inner .program-content li img{width: 100%;}
.program-inner .program-content .program-text{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding: 65px 40px 10px 40px; box-sizing: border-box;     word-break: keep-all;}
.program-inner .program-content .program-text h1{font-size: 25px; line-height: 30px; color: white; font-family: "Pretendard"; font-weight: 700;}
.program-inner .program-content .program-text p{font-size: 18px; line-height: 23px; color: #ffffff; font-family: "Pretendard"; font-weight: 300; margin-top: 12px;}

@media screen and (max-width: 1240px) {
  .program-wrap{padding: 70px 0;}
  .program-inner{padding: 0 20px;}
  .program-inner .program-title{margin-bottom: 20px;}
  .program-inner .program-title h1{font-size: 30px; line-height: 40px;}
  .program-inner .program-title h1 > span span,
  .program-inner .program-title h1 > span{font-size: 40px;}
  .program-inner .program-content ul{margin-top: -20px;}
  .program-inner .program-content li{width: 49%; margin-right: 2%; margin-top: 20px;}
  .program-inner .program-content li:nth-child(2n){margin-right: 0; margin-top: 20px;}
}

@media screen and (max-width: 768px) {
  .program-wrap{padding: 50px 0;}
  .program-inner .program-title h1{font-size: 25px; line-height: 35px;}
  .program-inner .program-title h1 > span,
  .program-inner .program-title h1 > span span{font-size: 25px;}
  .program-inner .program-content li{width: 100%; margin-right: 0 !important;}
  .program-inner .program-content .program-text{padding: 50px 10px 10px 30px;}
}

.banner-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.banner-wrap .banner-left,
.banner-wrap .banner-right{width: 50%;}
.banner-wrap .banner-left img,
.banner-wrap .banner-right img{width: 100%; display: block;;}
.banner-wrap .banner-text-box{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner-wrap .banner-text{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; height: 100%;}
.banner-wrap .banner-text > div{width: 50%; text-align: center;}
.banner-wrap .banner-text h1{color: #fafafc; font-size: 30px; font-family: "Pretendard"; font-weight: 700;}
.banner-wrap .banner-text p{color: #fafafc; font-size: 18px; font-family: "Pretendard"; font-weight: 400; opacity: .7; margin: 22px 0 23px;}
.banner-wrap .banner-text a{display: inline-block; border-radius: 50px; border: 1px solid #cccccc; font-size: 16px; background-color: rgba(244,244,244,.3); color: white; width: 150px; line-height: 40px;}

@media screen and (max-width: 1240px) {
  .banner-wrap .banner-text h1{font-size: 25px;}
  .banner-wrap .banner-text p{font-size: 16px; margin: 15px 0 16px;}
  .banner-wrap .banner-text a{width: 100px; line-height: 30px; font-size: 14px;}
}

@media screen and (max-width: 768px) {
  .banner-wrap .banner-left,
  .banner-wrap .banner-right{width: 100%;}
  .banner-wrap .banner-text{flex-direction: column;}
  .banner-wrap .banner-text > div{width: 100%; height: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
  .banner-wrap .banner-text h1{font-size: 20px;}
  .banner-wrap .banner-text p{font-size: 14px; margin: 15px 0 16px;}
}

.edu-content-wrap{padding: 145px 0 150px;}
.edu-content-inner{max-width: 1200px; margin: 0 auto;}
.edu-content-inner .edu-content-title{margin-bottom: 60px;}
.edu-content-inner .edu-content-title h1{text-align: center; font-size: 40px; line-height: 50px; color: #333333; letter-spacing: -.05em; font-family: "Pretendard"; font-weight: 500;}
.edu-content-inner .edu-content-title h1 > span,
.edu-content-inner .edu-content-title h1 > span span{font-weight: 800; font-size: 50px;}
.edu-content-inner .edu-content-title h1 > span{color: #305ecd;}
.edu-content-inner .edu-content-title h1 > span span{color: #4daeaa;}
.edu-content-content{display: flex; flex-wrap: wrap; justify-content: space-between;}
.edu-content-content .edu-content-link{width: 49.17%; border-bottom-right-radius: 100px; overflow: hidden; height: 520px;}
.edu-content-content .edu-content-link a{width: 100%; height: 100%; display: block; background: #6e5bca url(/sites/edu/images/down_logo.png) no-repeat right 80px bottom 100px; box-sizing: border-box; padding: 75px 0 0 80px}
.edu-content-content .edu-content-link a h1{font-size: 45px; line-height: 55px; font-family: "Pretendard"; color: white;}
.edu-content-content .edu-content-link a p{font-size: 20px; line-height: 30px; color: #ffffff; margin-top: 17px;}
.edu-content-content .edu-content-info{width: 46.25%;}
.edu-content-content .edu-content-info ul{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.edu-content-content .edu-content-info li a{display: block; width: 100%; height: 100%; background-color: #f3f3f3; border-top-right-radius: 50px; border-bottom-left-radius: 50px; box-sizing: border-box; padding: 53px 0 50px 80px; background-repeat: no-repeat; background-position: right 61px center;}
.edu-content-content .edu-content-info li:nth-child(1) a{background-image: url(/sites/edu/images/edu_link_1.png);}
.edu-content-content .edu-content-info li:nth-child(2) a{background-image: url(/sites/edu/images/edu_link_2.png);}
.edu-content-content .edu-content-info li:nth-child(3) a{background-image: url(/sites/edu/images/edu_link_3.png);}
.edu-content-content .edu-content-info li h1{font-size: 28px; color: #000000; font-family: "Pretendard"; font-weight: 700;}
.edu-content-content .edu-content-info li p{font-size: 16px; color: #000000; font-family: "Pretendard"; font-weight: 500; margin-top: 7px;}

@media screen and (max-width: 1240px) {
  .edu-content-wrap{padding: 70px 0;}
  .edu-content-inner{padding: 0 20px;}
  .edu-content-inner .edu-content-title{margin-bottom: 20px;}
  .edu-content-inner .edu-content-title h1{font-size: 30px; line-height: 40px;}
  .edu-content-inner .edu-content-title h1 > span span,
  .edu-content-inner .edu-content-title h1 > span{font-size: 40px;}
  .edu-content-content .edu-content-link{height: 450px;}
  .edu-content-content .edu-content-link a{padding: 45px 0 0 50px;}
  .edu-content-content .edu-content-link a h1{font-size: 35px; line-height: 45px;}
  .edu-content-content .edu-content-link a p{font-size: 16px; line-height: 25px; margin-top: 10px;}
  .edu-content-content .edu-content-info li a{padding: 37px 0 40px 30px; background-position: right 30px center;}
  .edu-content-content .edu-content-info li h1{font-size: 23px;}
  .edu-content-content .edu-content-info li p{font-size: 14px;}
}

@media screen and (max-width: 768px) {
  .edu-content-wrap{padding: 50px 0;}
  .edu-content-inner .edu-content-title h1{font-size: 25px; line-height: 35px;}
  .edu-content-inner .edu-content-title h1 > span,
  .edu-content-inner .edu-content-title h1 > span span{font-size: 25px;}
  .edu-content-content{flex-direction: column; gap: 20px;}
  .edu-content-content .edu-content-info,
  .edu-content-content .edu-content-link{width: 100%;}
  .edu-content-content .edu-content-link{height: 300px;}
  .edu-content-content .edu-content-link a{background-position: right 50px bottom 50px; background-size: 75px;}
  .edu-content-content .edu-content-link a h1{font-size: 25px; line-height: 35px;}
  .edu-content-content .edu-content-info ul{gap: 20px;}
}