@charset "utf-8";
@import "animate.css";
@import "font.css";


/* reset css */
body.No_bg{font-family: 'NotoEN-Regular', sans-serif; }
#header.No_bg {position: relative;width: 100%;height: auto;padding: 0;}

/* main layout -s*/

#container.container {width: 100%;} 
.contents { 
position: relative;
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#057ac9+0,0344a8+99 */
background: #057ac9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #057ac9 0%, #0344a8 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #057ac9 0%,#0344a8 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(125deg,  #057ac9 30%,#0344a8 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057ac9', endColorstr='#0344a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.contents:before {content: '';width: 100%;height: 100%;display: block;position: absolute;bottom: 0;left: 0;background: url(../../../english/images/home/new_main/bg_full.png) no-repeat bottom center;}
.inner{width: 1200px; margin: 0 auto;position: relative;}
.mainTlt{font: 1.25rem NotoEN-Bold;margin-bottom: 15px;}
/* header area */
/*body {background:none;}*/

.header_top {height: 32px;}
.header_top ul {text-align: right;}
.header_top ul li{display: inline-block;padding: 5px 15px;position: relative;}
.header_top ul li:last-child{padding-right: 0;}
.header_top ul li:after {content: '';background-color: #fff;width: 1px;height: 12px;display: inline-block;position: absolute;bottom: 9px;right: 0;}
.header_top ul li:last-child:after {display: none;}
.header_top ul li a {color: #fff;font: 0.875rem NotoKR-Regular;}
.header_top ul li:last-child{position:relative;padding-left:40px;background:none;}
.header_top ul li:last-child:before{content:"";position:absolute;top:8px;left:15px;display:inline-block;width:18px;height:18px;background:url(../../../english/images/home/common/ico_earth.png) no-repeat 0 0;}



.header_bottom {height: 68px;position: relative;}
.header_bottom:after {content: '';display: inline-block;clear: both;}
.header_bottom h1 {width: 250px;height: 70px;background: url(../../../english/images/home/new_main/logo_w.png) no-repeat bottom left;position: absolute;top:-5px;left: 20px;z-index: 1;}
.header_bottom h1 a {display: block;height: 100%;font-size: 0;text-indent:-999px;}
section.section01 {height: 700px;}

/* 기본 Top_Menu */



#gnb{}
.header_bottom #gnb{top: 20px;right: 0;}
#gnbwrap  {position : relative; width : 100%;} 
#animate  {position : relative; height:240px; left : 0; width : 100%; overflow : hidden; z-index :2; }
#tm:after{content: "";clear:both;display:block;} 
#tm li.th1:last-child:after{display:none;}
#tm.new_main li.th1 a:link{color:#fff;}
#tm.new_main li.th1 a:visited{color:#fff;}
#tm.new_main li.th1 a:hover{color:#ffcc00;}
#tm.new_main li.th1 a:focus{color:#ffcc00;}

#tm li.th1.last {float: left;width: 14%;margin-top: -2px;}
#tm.new_main li.th1 ul.th2 a:link{color:#fff;}
#tm.new_main li.th1 ul.th2 a:visited{color:#fff;}
#tm.new_main li.th1 ul.th2 a:hover{color:#fff;}
#tm.new_main li.th1 ul.th2 a:focus{color:#fff;}
#tm.new_main  li.th1 ul.th2{background:rgba(1, 39, 93, 0.9);max-width:inherit;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);z-index:111;padding: 10px 0;box-sizing: border-box;border-radius: 10px;}
#summery1{position:absolute;left:0px;top:50px;width:150px;}
#summery2{position:absolute;left:0px;top:50px;width:150px;}
.new_main #summery3{position:absolute;left:0px;top:50px;width:180px;}
.new_main #summery4{position:absolute;left:0px;top:50px;width:190px;}
#summery5{position:absolute;left:0px;top:50px;width:170px;}
#summery6{position:absolute;left:0px;top:50px;width:150px;}
.new_main #summery7{position:absolute;right:0px;top:50px;width:230px;}
#tm li.th1 ul.th2 li  { width : auto;text-align : left; position : relative; background : url(../images/home/sub/dot.gif) left 8px no-repeat; } 
#tm li.th1 ul.th2 li:after  { content : ""; display : block; clear : both; } 
#tm li.th1 ul.th2 li a  {display: block;font: 0.875rem NotoEN-Regular;height: auto;padding: 7px 20px;text-align: left;line-height: normal;background: none;} 
#tm li.th1 ul.th2 li a[target="_blank"]  {/*padding : 2px 7px 2px 7px;*/ } 
#tm li.th1 ul.th2 li a:hover, #tm li.th1 ul.th2 li a:active, #tm li.th1 ul.th2 li a:focus  {color:#fff;background-color:#009bdf;} 



/* main_cont area */
.main_cont{position: relative;}
.main_tlt {color: #fff;text-align: center;height: 278px;padding-top: 100px;box-sizing: border-box;}
.main_tlt p {color: #ffcc00;font:2rem Oswald-Light;}
.main_tlt h1 {font:2.5rem Oswald-Bold;color: #fff; }

/* infoBox_inner */
.infoBoxs {width: 100%;margin: 0 auto;padding: 15px 0;}
.infoBoxs:after {content: '';display: block;clear: both;}
.infoBox {float: left;box-sizing: border-box;width: 24%;margin-right: 15px;height: 350px;}
.infoBox:last-child{margin-right: 0;}
.infoBox > div {border-radius:10px;}
.infoBox .info_top,
.infoBox .info_bottom
{box-shadow: 5px 5px 5px #034e8c;}


.infoBox .info_top,
.infoBox .info_bottom {display:table;padding: 0 0 0 5px;background-color: #fff;width: 100%;box-sizing: border-box;}
.infoBox .info_top {margin-bottom: 10px;}
/*.infoBox span{display:block;}*/
/*
.infoBox .info_top a em,
.infoBox .info_bottom a em {display: block;}
*/

.infoBox01 > div {background-color: #f9f9f9;height: 170px;position: relative;}
.infoBox02 > div {height: 100%;position: relative;}
.infoBox03 > div {height: 100%;position: relative;}
.infoBox04 > div {height: 100%;position: relative;}


.infoBox01 .info_top{background: #fff url(../../../english/images/home/new_main/koami_icon01.png) no-repeat 90% 75%;}
.infoBox01 .info_bottom{background: #fff url(../../../english/images/home/new_main/koami_icon02.png) no-repeat 90% 75%;}
.infoBox01 .info_bottom dt {font: 1.625rem Oswald-Regular;margin-top: 15px;}
.infoBox01 .info_bottom dt span {font: 1.625rem Oswald-Regular;}
.infoBox01 .info_bottom dt span em {color: #009bdf;}
.infoBox01 .info_top div,
.infoBox01 .info_bottom div {display: table-cell;vertical-align: middle;padding: 0 20px;}
/*.infoBox01 .info_top div {padding-right: 120px;}*/
.infoBox01 dd.Go a {position: relative;display: block;width: 95px;padding: 5px 20px;margin-top: 20px;font: 0.875rem NotoEN-Regular;border-radius: 15px;background-color: #05337e;color: #fff;}
.infoBox01 dd.Go a:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../../../english/images/home/new_main/arrowRight_w.png) no-repeat 90% 50%;}

.infoBox02 .maMove {background-color: #fff;padding: 25px;box-sizing: border-box;}

.infoBox01 h3,
.infoBox02 h3 {font: 1.25rem NotoEN-Bold;margin-bottom: 10px;}
.infoBox02 h3 strong {display:block;font: 1rem Oswald-Medium;line-height:20px;}
.infoBox02 dl{margin-top:5px;}
.infoBox02 dl dd {color: #666666;line-height: 120%;}
.infoBox01 dd,
.infoBox03 dd,
.infoBox04 dd {color: #666666;line-height: 120%;}
/*

.infoBox02 .info_top dl:after {content: '';display: block;clear: both;}
.infoBox02 .info_top dl dd {position: relative;float: left;width: 30%;height: 80px;margin-right: 3%;box-sizing: border-box;padding-top: 55px;text-align: center;cursor: pointer;}
.infoBox02 .info_top dl dd:last-child {margin-right: 0;}
.infoBox02 .info_top dl dd:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../../../english/images/home/new_main/play_btn.png) no-repeat top 5px center;}
.infoBox02 .info_bottom dl dd a {display: block;padding: 7px 20px;margin-top: 10px;border-radius: 15px;box-sizing: border-box;background: #f1f1f1 url(../../../english/images/home/new_main/Download_icon.png) no-repeat 93% 50%;}
*/
.infoBox02 .maMove {}
.infoBox02 .maMove h3 {}
.infoBox02 .maMove a {position: relative;display: block;width: 100%;height: 180px;margin-top: 20px;border:1px solid lightgray;font-size: 0;text-indent: -999px;}
.infoBox02 .maMove a span {display: block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url(../../../english/images/home/new_main/play_btn.png) no-repeat center center;}
.infoBox02 .maMove p {color: #666666;line-height: 1.2;text-align: center;margin-top: 15px;}


.infoBox03,
.infoBox04 {box-shadow: 5px 5px 5px #034e8c;}

.infoBox03 a,
.infoBox04 a {display: block;padding: 0 20px;}

.infoBox03 {position: relative;padding: 200px 0 30px 0;background: #f7f7e0 url(../../../english/images/home/new_main/koami_icon03.png) no-repeat center 40px;box-sizing: border-box; border-radius: 10px;}
.infoBox03:before {content: url(../../../english/images/home/new_main/more_o.png);position: absolute;top: 20px;right: 20px;}
.infoBox03 dl {text-align: center;}
.infoBox03 dt {font: 1.25rem NotoEN-Bold;margin-bottom: 15px;}


.infoBox04 {position: relative;padding: 200px 0 30px 0;background: #fff url(../../../english/images/home/new_main/koami_icon04.png) no-repeat center 40px;box-sizing: border-box; border-radius: 10px;}
.infoBox04:before {content: url(../../../english/images/home/new_main/more_g.png);position: absolute;top: 20px;right: 20px;}
.infoBox04 dl {text-align: center;}
.infoBox04 dt {font: 1.25rem NotoEN-Bold;margin-bottom: 15px;}


/* section02 전체 레이아웃*/
section.section02 {padding: 60px 0 0 0;}
.second_row {height: 230px;margin-bottom: 20px;}
.third_row {height: 100px;margin-bottom: 20px;background-color: #fff;border-radius: 10px;border: 1px solid #d4d7db;}

.second_row > div {width: 49%;height: 100%;background-color: #fff;float: left;padding: 20px 25px;border-radius:10px;border: 1px solid #d4d7db;box-sizing: border-box;}
.second_row:after {content: '';display: block;clear: both;}
.notice_list {margin-right: 20px;}





/* .ma_new 탭메뉴*/ 
.tab_btn {background-color: #f8f8fa;position: relative;z-index: 1;}
.tab_btn:before {content: '';width: 100%;height: 50px;border-bottom: 1px solid lightgray;position: absolute;top: 0;left: 0;z-index: -1;}
.tab_btn:after {content: '';display: block;clear: both;}
.tab_btn > li {float: left;width: 16.6%;height: 50px;padding:12px 0;border-bottom: 1px solid #d8dde5;border-right:1px solid #d8dde5;text-align: center;box-sizing: border-box;}
.tab_btn > li > a {font: 1rem NotoEN-Regular;}
.tab_btn > li.on {background-color: #fff;border-bottom: 1px solid #fff;}
.tab_btn > li.on > a {font: 1rem NotoEN-bold;}
.tabCont {display: none; width: 100%;position: absolute;top: 50px;left: 0;padding: 30px 30px;box-sizing: border-box;}
.tabCont.on{display: block;}
.tabCont:after {content: '';display: block;clear: both;}
.tabCont p{margin-right:23px;width:150px;height:150px;display:block;float:left;}
.tabCont dl{float: left; width:calc(100% - 180px);text-align: left;box-sizing: border-box;}
.tabCont dt{line-height: 23px;letter-spacing: -0.05em;margin-bottom: 15px;color: #000;font: 1.125rem NotoEN-Regular;}
.tabCont04 #txt4 dt {font: 1rem NotoEN-Regular;margin-bottom: 10px;}
.tabCont dd{font-size: 0.875rem;letter-spacing: -0.5px;}
.tabCont dd.file{margin-top:15px;color:#777;background:url('../images/sub/ico_download02.png') no-repeat left center;padding-left:22px;}
.tabCont > a {display: inline-block;font-size: 0.875rem;width: 80px;text-align: right;padding-right: 40px;position: absolute;top: -37px;right: 0;background: url(../../../english/images/home/new_main/more_small.png) no-repeat right 20px center;}


/* 공지사항 */
.notice_list {position:relative;margin-right: 20px;padding: 20px;box-sizing:border-box;}
.notice_list p{position: relative;font:1.25rem NotoEN-Bold;}
/*.notice_list p:before {content: url(../../../english/images/home/new_main/more_g.png);position: absolute;top: 0;right: 0;}*/
.notice_list dl {margin-top: 20px;}
.notice_list dd {position: relative;padding-left: 10px;margin: 5px 0;}
.notice_list dd:before {content: '·';position: absolute;top: 0;left: 0;}
.notice_list dd span {float: right;font: 0.875rem NotoEN-Regular;}
.notice_list dd:after {content: '';display: block;clear:both;}



/* 주요서비스*/
.recomserviceMune { width:49%; margin:0;padding:0;position:relative; float: left;}
.recomserviceMune:after { content:""; display:block; clear:both; }
/*.recomserviceMune p {margin-left:20px;font-weight:bold;margin-top:17px;line-height:32px;}*/
.recomserviceMune .mainService {position:relative; width:95%;height:150px; margin:0 auto;padding:0; overflow:hidden;}
.recomserviceMune .mainService:after {content:''; display:block; clear:both;}
.recomserviceMune .mainService ul {position: relative;clear:both;overflow:hidden; margin:10px 0 0 0;padding:0; list-style:none;}
.recomserviceMune .mainService li {display:block; float: left;position:relative;width:25%; height:160px; text-align:center; }
.recomserviceMune .mainService li a {height: 120px;display: block;position: relative;padding-top: 90px;box-sizing: border-box;}
.recomserviceMune .mainService li a span{display: inline-block;font: 1rem NotoEN-Medium;line-height: 120%;letter-spacing: -0.02em;}
.recomserviceMune .mainService li a:after {content: '';display: block;width: 80px;height: 80px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);border-radius: 50%;background-color: #009dde;}



/*주요서비스 아이콘 백그라운드 포지션 위치로 조절*/
.recomserviceMune .icon01 a:after{background: url(../../../english/images/home/new_main/service_icon.png) no-repeat 25px center;}
.recomserviceMune .icon02 a:after{background: url(../../../english/images/home/new_main/service_icon.png) no-repeat -100px center;}
.recomserviceMune .icon03 a:after{background: url(../../../english/images/home/new_main/service_icon.png) no-repeat -223px center;}
.recomserviceMune .icon04 a:after{background: url(../../../english/images/home/new_main/service_icon.png) no-repeat -347px center;}









/* new_css 작성자 윤가영 e */