
/*
	 font-family: 'Nanum Square'; 
*/
#main { padding:100px 0 0 0;}

/*타이틀 스타일 */
.titleSt1 { text-align:center;}
.titleSt1 h2 { font-family:'Myriad-Pro'; font-size:48px; color:#474747; line-height:1.2;}
.titleSt1 p { font-size:16px; line-height:25px; letter-spacing:-0.5px; margin:40px 0 0 0;}

.titleSt2 { font-size:23px; color:#3d3d3d;  font-family: 'Nanum Square','나눔스퀘어'; font-weight:700;}

/* 메인 비주알*/
#mainVisual { position:relative;}
#mainVisual .visu { }
#mainVisual .visu li { background-size:cover !important; height:751px;}
#mainVisual .visu li .txtBox { text-align:center; padding:149px 0 0 0; color:#fff;}
#mainVisual .visu li .txtBox p:before { content:""; width:43px; height:2px; background:#ed1b24; display:block; margin:0 auto 20px;}
#mainVisual .visu li .txtBox dl { margin:60px 0 0 0; }
#mainVisual .visu li.active-slide .txtBox dl { }

#mainVisual .visu li .txtBox p { font-size:25px; opacity:0; animation:txtAni_off1 0.3s forwards ease-in-out; }
#mainVisual .visu li .txtBox dl dt {  animation:txtAni_off2 0.3s forwards ease-in-out; opacity:0; font-family:'Exo'; font-weight:500;  font-size:80px; letter-spacing:-1.5px; text-shadow:2px 2px 10px rgba(0,48,133,0.3); margin:0 0 0 -60px;}
#mainVisual .visu li .txtBox dl dd { animation:txtAni_off3 0.3s forwards ease-in-out; font-family: 'Nanum Square','나눔스퀘어';  font-size:16px; line-height:26px; margin:20px -90px 0 0; opacity:0; }
#mainVisual .visu li .txtBox .more { display:block; opacity:0;  animation:txtAni_off4 0.3s forwards ease-in-out;  width:146px; height:39px; border:1px solid #fff; border-radius:5px; line-height:39px; color:#fff; font-size:13px; font-family: 'Nanum Square','나눔스퀘어'; margin:95px auto 0;}


#mainVisual .visu li.active-slide .txtBox p {animation:txtAni_on1 0.3s forwards ease-in-out; display:inline-block;  animation-delay:1s; }
#mainVisual .visu li.active-slide .txtBox dl dt { animation:txtAni_on2 0.3s forwards ease-in-out; animation-delay:1.2s; }
#mainVisual .visu li.active-slide .txtBox dl dd { animation:txtAni_on3 0.3s forwards ease-in-out; animation-delay:1.4s; }
#mainVisual .visu li.active-slide .txtBox .more { animation:txtAni_on4 0.3s forwards ease-in-out; animation-delay:1.2s;}

#mainVisual .controls {position:absolute; top:291px; width:100%; z-index:1000; left:50%; margin:0 0 0 -600px;}
#mainVisual .controls div { position:absolute; display:block; width:79px; height:76px; font-size:0;  z-index:100;}
#mainVisual .controls div a { display:block; height:76px;}
#mainVisual #slider-prev { background:url("/img/main/visu_prev.png") no-repeat center; left:0;}
#mainVisual #slider-next { background:url("/img/main/visu_next.png") no-repeat center; right:0;}
#mainVisual .quick { position:absolute; width:100%; bottom:0; background:rgba(85,98,130,0.8); z-index:1000;}
#mainVisual .quick ul {overflow:hidden; }
#mainVisual .quick ul li { width:/* 16.666% */20%; float:left; display:table; text-align:center;}
#mainVisual .quick ul li a { display:table-cell; color:#fff; height:75px; vertical-align:middle; font-size:15px;  font-family: 'Nanum Square','나눔스퀘어';}
#mainVisual .quick ul li a:hover, 
#mainVisual .quick ul li a.active { background:#fff; color:#414141; }
#mainVisual .visu .visu01 { background:url("/img/main/mainViaual01.jpg") no-repeat center top;  }
#mainVisual .visu .visu02 { background:url("/img/main/mainViaual02.jpg") no-repeat center top;  }
#mainVisual .visu .visu03 { background:url("/img/main/mainViaual03.jpg") no-repeat center top;  }
#mainVisual .visu .visu04 { background:url("/img/main/mainViaual04.jpg") no-repeat center top;  }
#mainVisual .visu .visu05 { background:url("/img/main/mainViaual04.jpg") no-repeat center top;  }
#mainVisual .visu .visu06 { background:url("/img/main/mainViaual05.jpg") no-repeat center top;  }



@keyframes txtAni_on1{
	0%{ opacity:0; margin:0 -50px 0 0;}
	100%{opacity:1; margin:0;}
}
@keyframes txtAni_on2{
	0%{ opacity:0; }
	100%{opacity:1; margin:0 0 0 0;}
}
@keyframes txtAni_on3{
	0%{ opacity:0; }
	100%{opacity:1; margin:20px 0 0 0;}
}
@keyframes txtAni_on4{
	0%{ opacity:0; }
	100%{opacity:1; margin:65px auto 0;}
}

@keyframes txtAni_off1{
	0%{ margin:0 0 0 0; opacity:1}
	100%{ margin:-20px 0 0 0;  opacity:0;}
}

@keyframes txtAni_off2{
	0%{  margin-left:0; opacity:1}
	100%{ margin-left:-100px; opacity:0;}
}

@keyframes txtAni_off3{
	0%{  margin-right:0; opacity:1}
	100%{ margin:20px 0 0 0; opacity:0;}
}

@keyframes txtAni_off4{
	0%{ margin:65px auto 0; opacity:1}
	100%{ margin:125px auto 0;  opacity:0;}
}



#mainContents { font-size:15px;}
#mainContents #infomation { background:url("/img/main/infomation_bg.jpg") no-repeat center top; }
#mainContents #infomation .notice {overflow:hidden; margin:68px 0 0 0; }
#mainContents #infomation .notice > div { border:1px solid #cecece; box-sizing:border-box; width:48.58333333333%; margin:0 2.83333333333% 0 0; float:left; padding:44px 4.58333333333% 40px; background:#fff; position:relative; min-height:299px;}
#mainContents #infomation .notice > div .more { position:absolute; display:block; right:8%; top:44px;}
#mainContents #infomation .notice > div .mainList { border-bottom:1px solid #bdbdbd; padding:0 0 19px 0;overflow:hidden; margin:32px 0 20px 0;}
#mainContents #infomation .notice > div .mainList .date { background:url("/img/main/date_line.png") no-repeat center #efefef; width:67px; height:67px; position:relative; float:left; margin:0 4.24628450106% 0 0;}
#mainContents #infomation .notice > div .mainList .date span { color:#858585; display:block; height:33.5px;  padding:13px; box-sizing:border-box;}
#mainContents #infomation .notice > div .mainList .date span:last-child { text-align:right; padding:0 13px;}
#mainContents #infomation .notice > div .mainList dl { width:79.40552016985%; float:left; margin:5px 0 0 0;}
#mainContents #infomation .notice > div .mainList dl dt { font-size:18px; color:#4e4e4e; font-weight:700; margin:0 0 12px 0;}
#mainContents #infomation .notice > div .mainList dl dt, 
#mainContents #infomation .notice > div .mainList dl dd { width:99%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2;}
#mainContents #infomation .notice > div .list { }
#mainContents #infomation .notice > div .list li { margin:0 0 15px 0; position:relative; }
#mainContents #infomation .notice > div .list li .date { position:absolute; right:0; top:0;}
#mainContents #infomation .notice > div .list li a { width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; line-height:1.2;} 
#mainContents #infomation .notice > div .list li:last-child { margin:0;}
#mainContents #infomation .notice > div.ir { margin:0;}
#mainContents > section { min-height:749px; padding:110px 0 0 0; box-sizing:border-box;}


#mainContents #network {  background:url("/img/main/network_bg2.jpg") no-repeat center; overflow:hidden; background-size:cover; background-attachment:fixed;}
#mainContents #network .titleSt1 { color:#fff; text-align:left;}
#mainContents #network .titleSt1 h2 { color:#fff;}
#mainContents #network .place_list { width:44.08333333333%;  box-sizing:border-box; margin:85px 0 0 0; overflow:hidden; float:left;}
/*border:1px solid #143778;*/
#mainContents #network .place_list li { float:left; width:50%; border-bottom:1px solid #143778; box-sizing:border-box;}
#mainContents #network .place_list li:nth-child(odd) { border-right:1px solid #143778;}
#mainContents #network .place_list li a { display:block; background:#fff; line-height:62px; text-align:center; font-size:16px;}
#mainContents #network .place_list li a:hover,
#mainContents #network .place_list li.on a { background:rgba(13,49,113,0.9); color:#fff;}
#mainContents #network .map {     position: absolute; margin: -195px 0 0 0;  float: right;    right: 0;}
#mainContents #network .map .icon {}
#mainContents #network .map .icon li { position:absolute; }
#mainContents #network .map .icon li a { display:inline-block; vertical-align:super; color:#fff; font-size:16px; text-shadow:2px 2px 5px rgba(0,48,133,1)}
#mainContents #network .map .icon li:after  {}

#mainContents #network .map .icon li.incheon:before, 
#mainContents #network .map .icon li.kimPo:before, 
#mainContents #network .map .icon li.busan:before, 
#mainContents #network .map .icon li.Jeju:before, 
#mainContents #network .map .icon li.yeosu:before { content:url("/img/main/mapIcon_off.png"); margin:0 7px 0 0; vertical-align:middle;}

#mainContents #network .map .icon li.incheon.on:before, 
#mainContents #network .map .icon li.kimPo.on:before, 
#mainContents #network .map .icon li.busan.on:before, 
#mainContents #network .map .icon li.Jeju.on:before, 
#mainContents #network .map .icon li.yeosu.on:before { content:url("/img/main/mapIcon_on.png"); }

#mainContents #network .map .icon li.busan:before, 
#mainContents #network .map .icon li.yeosu:before {display:block; margin:0 0 7px 0; text-align:center;}

#mainContents #network .map .icon li.gwangju:after, 
#mainContents #network .map .icon li.Jinju:after, 
#mainContents #network .map .icon li.muan:after { content:url("/img/main/mapIcon_off.png"); margin:0 0 0 7px; vertical-align:middle;}

#mainContents #network .map .icon li.gwangju.on:after, 
#mainContents #network .map .icon li.Jinju.on:after, 
#mainContents #network .map .icon li.muan.on:after { content:url("/img/main/mapIcon_on.png");}

#mainContents #network .map .icon li.Jinju:after { display:block; text-align:center; margin:7px 0 0 0;}

#mainContents #network .map .icon li.incheon { top: 96px; left: 153px; text-align:center;}
#mainContents #network .map .icon li.incheon a{display:block;}
#mainContents #network .map .icon li.kimPo { top:90px; left: 197px;}
#mainContents #network .map .icon li.busan { left:356px; bottom:190px;}
#mainContents #network .map .icon li.Jeju { left:180px; bottom:20px;}
#mainContents #network .map .icon li.gwangju { bottom:215px; left:120px;}
#mainContents #network .map .icon li.Jinju { left:320px; bottom:218px;} 
#mainContents #network .map .icon li.muan { left:93px; bottom:193px;}
#mainContents #network .map .icon li.yeosu { left:246px; bottom:157px;}

#mainContents #customer {  background:#f6f6f6; min-height:auto; height:auto; padding:55px 0;}
#mainContents #customer .titleSt1 p { margin:30px 0 0 0;}
#mainContents #customer .tabs { margin:70px 0 49px;}
#mainContents #customer .tabs ul { overflow:hidden; font-size:0; text-align:center;}
#mainContents #customer .tabs ul li { font-size:24px;  font-family: 'Nanum Square','나눔스퀘어'; border-bottom:3px solid #dbdbdb;  padding:0 0 13px 0; display:inline-block; width:26.08333333333%; margin:0 2.5% 0 0; text-align:left; cursor:pointer;}
#mainContents #customer .tabs ul li:last-child { margin:0;}
#mainContents #customer .tabs ul li.on { border-bottom-color:#ed1c25; color:#ed1c25; background:url("/img/main/tab_on.png") no-repeat 95% center;}
#mainContents #customer .tabContainer { }
#mainContents #customer .tabContainer > div { display:none; }
#mainContents #customer .tabContainer > div.list1 { display:block; }
#mainContents #customer .tabContainer ul {border:1px solid #cecece; border-bottom:none; box-sizing:border-box; overflow:hidden; border-left:none;}
#mainContents #customer .tabContainer ul li { float:left; width:25%; box-sizing:border-box; border-left:1px solid #cecece; border-bottom:1px solid #cecece;}
#mainContents #customer .tabContainer ul li img { width:100%;}
#mainContents #customer .tabContainer ul li a { display:block;}
#mainContents #customer .more { width:140px; height:40px; background:#8b8b8b; border-radius:18px; text-align:center; color:#fff; display:block; line-height:40px; margin:54px auto 0; font-family: 'Nanum Square','나눔스퀘어'; font-size:18px;}