@charset "utf-8"; 

/*레이아웃 큰박스 속성*/
#wrap {float:left; width:100%; position:relative; min-width:1320px; opacity:0.1;}
#header {width:1196px; position:absolute; top:0px; left:50%; margin-left:-598px; height:80px; z-index:2000;}
#container {width:100%; float:left;}
#footer {width:100%; float:left; }

/*메뉴넘기기*/
.menu_skip {position:absolute; text-align:center; overflow:hidden; width:100%;height:24px; z-index:2500; font-size:1.0em;color:#fff;}
.menu_skip ul {list-style:none;}
.menu_skip_view {position:absolute; display:block; width:100%; height:24px; left:0; text-align:center; top:-10000px; z-index:2501; font-size:1.0em; text-decoration:none;}
.menu_skip_view:hover,
.menu_skip_view:focus,
.menu_skip_view:active {position:absolute; height:24px; top: 0; padding: 5px 0; font-weight:bold; color:#fff; background:#9F0B08; z-index:2501; text-decoration:none;}


/* header */
.nav_box {height:80px; width:100%; float:left; position:relative;}
.nav_box .logo {width:300px; float:left; padding:15px 0 0 1px;}
.nav_box .main_menu {float:right; width:800px; height:80px;}
.nav_box .main_menu .navi {width:800px; height:80px;}
.nav_box .main_menu .navi li {float:left; padding:30px 40px 30px 40px; height:20px; -webkit-padding-before:26px;}
.nav_box .main_menu .navi li a {font-size:17px; line-height:23px; font-weight:500; color:#fff; word-spacing:1; letter-spacing:0.5px;}


/*footer*/
.copyright_box {width:1052px; margin:0 auto; height:140px;}
.copyright_box p { font-size:13px; color:#214172; line-height:23px; font-weight:300; padding-top:40px; text-align:center;}



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

.main_visual .main_img .img_box div.main_rolling {width:100%; height:800px; margin:0 auto; position:relative; min-width:1320px;}
.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:1196px;left:50%;top:450px;text-align:left;margin-left:-598px;z-index:20;}
.main_visual .main_img .img_box div.main_rolling div.num span{width:11px;height:11px;float:left; background:url(../images/main/icon_02.png) no-repeat; display:block;text-indent:-5000px;margin:3px 12px 3px 12px;cursor:pointer;}
.main_visual .main_img .img_box div.main_rolling div.num span.on{width:17px;height:17px; background:url(../images/main/icon_01.png) no-repeat; margin:0 12px 0 12px;}

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

.main_visual .text_box {position:absolute; width:1196px; height:200px; z-index:204; left:50%; top:250px; margin-left:-598px;}
.main_visual .text_box .visual_text {float:left; width:1000px; color:#fff; font-size:38px; font-weight:100; margin-top:40px; line-height:43px;}
.main_visual .text_box .visual_text span {font-size:14px; font-weight:100; line-height:20px;}
.main_visual .text_box .visual_text2 {float:left; width:1000px; color:#fff; font-size:14px; font-weight:100; margin-top:10px; line-height:18px;}

.abs_box {width:1320px; position:absolute; z-index:204; left:50%; top:605px; margin-left:-660px;}
.abs_box .time_box {width:660px; height:410px; float:left; background:#fff url(../images/main/time_img.png) 50px 120px no-repeat;}
.abs_box .time_box p {color:#000; font-size:40px; font-weight:100; padding:30px 0 0 62px;}
.abs_box .time_box table {width:250px; float:left; border-collapse:collapse; margin:10px 0 0 340px;}
.abs_box .time_box th{font-size:18px; color:#000; border-bottom:1px solid #e9e9e9; text-align:left; font-weight:300;}
.abs_box .time_box td {height:35px;font-size:18px; border-bottom:1px solid #e9e9e9; text-align:left; font-weight:100;}

.abs_box .news_box {width:660px; height:410px; float:left; background:#214172; position:relative;}
.news_box p {color:#fff; font-size:40px; font-weight:100; padding:30px 0 0 62px;}
.news_box ul {width:540px; float:left; padding-left:62px; padding-top:20px;}
.news_box ul a li {border-bottom:1px solid #647a9d;}
.news_box ul a li p {color:#fff; font-size:15px; padding:20px 0 10px 0;}
.news_box img {position:absolute; bottom:0px; right:0px;}


.main_contents {width:100%; float:left; background:#e6eff3; padding-top:345px; padding-bottom:120px;}
.main_contents .contents_box {width:1196px; margin:0 auto;}
.main_contents .contents_box p {color:#000; font-size:60px; line-height:80px; text-align:center; letter-spacing:1px; font-weight:100;}
.main_contents .contents_box ul {width:1196px; float:left; padding-top:40px;}
.main_contents .contents_box ul li {float:left; width:355px; margin:70px 0 0 0; position:relative;}
.main_contents .contents_box ul li.li_pd {margin:70px 65px 0 65px;}
.main_contents .contents_box ul li img {opacity:1.0; width:355px; height:225px; position:absolute; top:0px; left:0px; transition: 0.3s;}
.main_contents .contents_box ul li .tBox {width:355px; height:135px; float:left; margin-bottom:22px; padding-top:90px; background:#214172; color:#fff; font-size:40px; font-weight:100; text-align:center;}
.main_contents .contents_box ul li:hover img {opacity:0.1;}
.main_contents .contents_box ul li p {color:#000; font-weight:300; font-size:18px; line-height:20px; text-align:left;}
.main_contents .contents_box ul li:hover p {color:#e6eff3;}


button {width:135px; height:30px; border:1px solid #214172; text-align:left; padding-left:20px; transition: 0.3s; background:url(../images/main/buttn_line.gif) 100px 13px no-repeat; color:#214172; font-size:11px; cursor:pointer;}
button:hover {background:#fff url(../images/main/buttn_line.gif) 100px 13px no-repeat;}


.main_bottom {width:100%; height:1032px; float:left; background:url(../images/main/bottom_bg.jpg) center top no-repeat;}
.main_bottom .mb_tbox {width:1000px; margin:0 auto; padding-top:100px;}
.main_bottom .mb_tbox p {text-align:center;}
.main_bottom .mb_tbox p.mb_title {color:#fff; font-size:60px; line-height:80px; letter-spacing:1px; font-weight:100;}
.main_bottom .mb_tbox p.mb_text1 {padding-top:45px; color:#214172; font-size:24px; font-weight:500;}
.main_bottom .mb_tbox p.mb_text2 {padding-top:5px; color:#214172; font-size:16px; font-weight:300;}
.main_bottom .mb_tbox p img {padding-left:10px; padding-right:10px;}