@charset "utf-8";
@import url(//cdn.rawgit.com/eondcom/webfont/master/NanumGothic/NanumGothic.css);
@import url("notosanskr.css");
/*body 공통속성*/
html {height:100%}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; padding:0; font-family:'Noto Sans KR','Nanum Gothic',sans-serif; font-style:normal; font-weight:400; font-size:15px; line-height:20px;}
body { 
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none; 
	color:#666;
}
a, address, blockquote, br, fieldset, legend, label, form, input, select, textarea, button, table, th, td caption, cite, code, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, div, iframe, ul, ol, li, hr, form, img{margin:0; padding:0;}
ul,ol,dl {list-style:none;}
img {border:0; vertical-align:top;}
button {border:0; margin:0; padding:0;}
ul {list-style:none; padding:0; margin:0;}
fieldset {border:0; padding:0; margin:0; float:left;}
label	{}
legend, caption {visibility:hidden; width:0; height:0; overflow:hidden; font:0;}
a { color:#666; font-size:15px; text-decoration:none;}
a:hover, a:active, a:focus{ color:#333; }
.png24 {tmp:expression(setPng24(this)); }
.hidden {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0;}
.hand {cursor:pointer}


#wrap {float:left; width:100%; min-width:1200px;}
#header {float:left; width:100%; text-align:center;  padding:15px 0 15px 0;}
#container {width:100%; float:left;}
#footer {width:100%; float:left; padding-top:40px; border-top:1px solid #e1e2e4;}


/* main */
.main_visual {width:100%; height:980px; float:left;overflow:hidden;}
.main_visual .main_img {width:100%; height:777px; float:left;position:relative;}
.main_visual .main_img .img_box {width:100%; height:777px; float:left; background:#FFFFFF;}

.main_visual .main_img .img_box div.main_rolling {width:100%; height:777px; margin:0 auto; position:relative; min-width:1200px;}
.main_visual .main_img .img_box div.main_rolling .btn_left{position:absolute;top:323px;left:50px;cursor:pointer;z-index:20;display:block;}
.main_visual .main_img .img_box div.main_rolling .btn_right{position:absolute;top:323px;right:50px;cursor:pointer;z-index:20;display:block;}
.main_visual .main_img .img_box div.main_rolling div.num{position:absolute;width:1200px;left:50%;top:650px;text-align:left;margin-left:-600px;z-index:20;}
.main_visual .main_img .img_box div.main_rolling div.num span{width:300px; height:280px; float:left; display:block;text-indent:-5000px;cursor:pointer; transition: 0.3s;}
.main_visual .main_img .img_box div.main_rolling div.num span:nth-child(1) {background:url(../images/main/btn_01.jpg) no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.num span:nth-child(2) {background:url(../images/main/btn_02.jpg) no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.num span:nth-child(3) {background:url(../images/main/btn_03.jpg) no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.num span:nth-child(4) {background:url(../images/main/btn_04.jpg) no-repeat;}

.main_visual .main_img .img_box div.main_rolling div.num span.on:nth-child(1) {background:url(../images/main/btn_01_on.jpg) no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.num span.on:nth-child(2) {background:url(../images/main/btn_02_on.jpg) no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.num span.on:nth-child(3) {background:url(../images/main/btn_03_on.jpg) no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.num span.on:nth-child(4) {background:url(../images/main/btn_04_on.jpg) no-repeat;}


.main_visual .main_img .img_box div.main_rolling div.slide_container{width:1680px; height:777px; margin:0 auto; overflow:hidden; position:relative;z-index:10;}
.main_visual .main_img .img_box div.main_rolling div.slide_container ul{width:6720px; position:absolute; top:0; left:0;}
.main_visual .main_img .img_box div.main_rolling div.slide_container li {float:left; width:1680px; height:777px; margin:0;}
.main_visual .main_img .img_box div.main_rolling div.slide_container li .img1{width:100%; height:777px; float:left; background:url(../images/main/bk1/main03.jpg) center top no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.slide_container li .img2{width:100%; height:777px; float:left; background:url(../images/main/bk2/main02.jpg) center top no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.slide_container li .img3{width:100%; height:777px; float:left; background:url(../images/main/bk3/main03.jpg) center top no-repeat;}
.main_visual .main_img .img_box div.main_rolling div.slide_container li .img4{width:100%; height:777px; float:left; background:url(../images/main/bk4/main03.jpg) center top no-repeat;}

.text_box {width:1200px; height:700px; margin:0 auto;}
.text_box .text1 {float:left; width:1000px; padding-left:10px; padding-top:420px;}
.text_box .text2 {float:left; width:1000px; padding-left:10px; padding-top:70px;}
.text_box .text3 {float:left; width:500px; padding-left:510px; padding-top:70px;}
.btn_box {float:left; width:300px; height:50px; border-radius:29px; border:4px solid #fff; margin-top:12px; margin-left:12px; box-shadow: 1px 3px 3px #666;}
.btn_box p {font-size:20px; color:#fff; font-weight:600; line-height:34px; padding-top:10px; text-align:center; word-spacing:1px; text-shadow : 0px 0px 3px #444;}
.text_font {color:#fff; font-size:48px; font-weight:500; line-height:53px;text-shadow : 0px 0px 5px #444;}
.text_font span {font-size:32px;}


/*footer*/
.copyright_box {width:1200px; margin:0 auto; height:110px; position:relative;}
.copyright_box .logo {width:450px; float:right; padding-left:2px;}
.copyright_box .logo p { font-size:11px; color:#555; line-height:23px; padding-left:4px;}
.copyright_box .copyright {width:600px; float:left;}
.copyright_box .copyright p { font-size:13px; color:#666; line-height:23px;}