@charset "euc-kr";
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

/*񃧯*/
* {margin:0; padding:0; max-height:100000000px;}
* {-webkit-text-size-adjust:none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */

html {overflow-y:scroll;}
body {width:100%; height:100%;}

td *, div *, li *, span *, p * {}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans KR', 'Nanum Gothic','NanumGothic', 'µ¸¿ò','dotum', sans-serif; font-size:15px; font-weight:300; line-height:160%; color:#666;}

img {border:0; vertical-align:middle;}

ul, li, dl, dt, dd {list-style:none;}

a:link, a:visited, a:active, a:hover {color:#666; font-family:'Noto Sans KR', 'Nanum Gothic','NanumGothic','µ¸¿ò','dotum',sans-serif; font-size:15px; font-weight:300; line-height:160%;} 
a:link, a:visited, a:active {text-decoration:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*±âº» ³¡*/



/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
³ª´®ºê·¯½¬ (Nanum Brush Script)
³ª´®°íµñ(Nanum Gothic)
³ª´®°íµñÄÚµù(Nanum Gothic Coding)
³ª´®¸íÁ¶(Nanum Myeongjo)
³ª´®Ææ(Nanum Pen Script)
*/

#wrap {width:100%; min-width:1000px;}
.header01{text-align:center;}
.header{text-align:center;}


#header {width:1200px; height:98px; margin:0 auto;z-index:900;}
#header:after {height:0; display:block; content:""; clear:both;}
#header h1 {width:170px;margin-top:30px; float:left;}
#header .gnb {float:right;margin-top:-19px; clear:both;}
#header .gnb:after {height:0; display:block; content:""; clear:both;}
#header .gnb > li {float:left; padding:0 30px; position:relative;background:url('../image/main/top_menu.jpg') no-repeat right 7px}
#header .menu05 {padding-right:0px !important; background:url('../image/main/.jpg') no-repeat !important;}
#header .gnb > li > a {height:45px; display:block; font-size:17px; font-weight:500; color:#333; text-align:center; box-sizing:border-box;}
#header .gnb > li > a:hover, #header .gnb > li.on > a {color:#0d3e75; border-bottom:3px solid #0d3e75;}
#header .gnb > li > ul {display:none; position:absolute; top:45px; z-index:99999; background:#fff; padding:20px 0 25px;}
#header .gnb > li > ul > li {width:200px;}
#header .gnb > li > ul > li > a {height:30px; line-height:30px; display:block; text-align:center; font-size:14px;}
#header .gnb > li > ul > li > a:hover {color:#111;}
#header .gnb > li > ul.s5 {left:-40px;}
#header .gnb > li > ul.s1 {left:-45px;}
#header .gnb > li > ul.s2 {left:-52px;}
#header .gnb > li > ul.s3 {left:-54px;}
#header .gnb > li > ul.s4 {left:-123px;}
#header .global {float:right;}
#header .global > a {display:inline-block;  padding:2px 6px 2px 6px;border:1px solid #afafaf; font-size:12px; color:#999999; text-decoration:none;margin-left:5px}
#header .global > a:first-child {background:none;}
#header .global > a:hover {color:#333;}






#visual {width:100%; min-width:1200px; height:802px; overflow:hidden; position:relative;}
#visual .copy {position:absolute; height:600px;left:50%; margin-left:-460px; text-align:center; top:88px; z-index:999; font-size:26px; color:#fff; letter-spacing:0; line-height:110%; font-weight:400;background:url('../image/main/visualLogo.png') no-repeat 0px 105px}
#visual .copy > p {position:absolute;font-size:39px; color:#b79a37; font-weight:700;}
#visual .copy h1 {font-size:45px; color:#ffffff; font-weight:700;margin-top:260px;display:inline-block;margin-left:200px}
#visual .copy strong {font-size:23px; color:#fcff00; font-weight:600;}
#visual .copy span {font-size:23px; color:#ffffff; font-weight:300;margin-top:25px;display:inline-block;margin-left:200px}
#visual .roll {position:relative; width:500%; height:100%;}
#visual .roll > li {overflow:hidden; float:left; width:20%; height:100%;}
#visual .roll .bg1 {background:url('../image/main/visual_01.jpg') no-repeat center top;}
#visual .roll .bg2 {background:url('../image/main/visual_02.jpg') no-repeat center top;}
#visual .roll .bg3 {background:url('../image/main/visual_03.jpg') no-repeat center top;}
#visual .roll .bg4 {background:url('../image/main/visual_04.jpg') no-repeat center top;}
#visual .roll .bg5 {background:url('../image/main/visual_05.jpg') no-repeat center top;}
#visual .roll .bg6 {background:url('../image/main/visual_06.jpg') no-repeat center top;}
#visual .controlBox {width:100%; position:absolute; bottom:40px; left:0; text-align:center; z-index:88;}
#visual .controlBox > p {display:inline-block;}
#visual .controlBox .tab {}
#visual .controlBox .tab > a {width:18px; height:18px; display:inline-block; margin:0 8px; background:url('../image/main/visualDot_off.png') no-repeat center ;z-index:999;}
#visual .controlBox .tab a.active {width:18px; height:18px; background:url('../image/main/visualDot_on.png') no-repeat;z-index:999;}
#visual .controlBox .play {margin-left:15px;}
#visual .controlBox .play > a {width:13px; height:13px; display:inline-block; background:url('../image/main/visual_stop.png') no-repeat;}
#visual .controlBox .play a.go {background:url('../image/main/visual_play.png') no-repeat;}


.footer{width:100%;min-width:1200px;margin:0 auto;border-top:1px solid #afafaf;}
.footer ul{width:1200px;margin:0 auto;}
.footer01 {width:1200px;margin:0 auto;}
.footer li{float:left;height:120px;padding-top:30px}
.footer img{padding-top:10px;padding-right:60px}
.mainingtxt{padding-left:130px}