@charset "utf-8";


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:750px; min-width:1300px; overflow:hidden;}
.main_visual ul { width:100%; left:0px;top:0px; height:750px; position:absolute; overflow:hidden;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:750px; background-size:110% 110%; transition: all 8s;}
.main_visual li.cycle-slide-active{ ;background-size:100% 100%;transition: all 8s;}


.main_visual .main_visual_text {position:absolute; width:100%; height:750px; top:0px;  color:#000; z-index:2; }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:130%; background:rgba(0,0,0,0); z-index:0; display:none;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  ; color:#000; text-align:center;   }
.main_visual .main_visual_text .t1 {font-size:25px; letter-spacing:-2px;   top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }
.main_visual .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px; letter-spacing:-6px;     font-family: 'Chosunilbo_myungjo';   top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }
.main_visual .main_visual_text .t3 {font-size:18px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }


.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 210px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 230px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 330px;    transition: all 1.7s;    transition-delay: 1.5s;    opacity: 1; ;} 




.main_visual .main_pager {position:absolute; width:100%;  bottom:130px; text-align:center;   z-index:99999999 !important; }
.main_visual .main_pager span{display:inline-block;  margin:0 5px; width:34px; height:34px;   background:url(../images/main/main_visual_dot.png) left top no-repeat; cursor:pointer;}
.main_visual .main_pager .cycle-pager-active{background-position:right top; }

.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999;display:none; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:41px; height:80px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#visual_next{background-position:right top; float:right;}



.main_quick_wrap { position:relative;  }
.main_quick_wrap .color_header {background:#313959;position:absolute; left:0px; top:-400px; height:400px; width:100%;  text-align:center; z-index:0;}

.main_quick_wrap .title_text {font-size:40px; color:#fff;  margin-top:90px; font-weight:bold;}
.main_quick_wrap .title_text span {font-size:18px; color:rgba(255,255,255,0.6); display:block; padding-top:10px; font-weight:normal;}


.main_quick_wrap .index_bg{background:#f2f2f2; margin:370px 30px 0px;;  top:0px; position:relative;  z-index:1;  padding-bottom:60px;}


.main_quick_wrap .list {padding-top:0px; text-align:center; font-size:0; position:relative; top:-185px; clear:both; font-size:0px;}
.main_quick_wrap .list li{ width:305px; margin:0px 10px; vertical-align:top; position:relative; text-align:left; display:inline-block;}

.main_quick_wrap .list li .box{ background:#fff; text-align:left; padding:30px;  }
.main_quick_wrap .list li .photo {width:100%; height:185px; overflow:hidden; }
.main_quick_wrap .list li .photo img  {vertical-align:middle; width:100%; height:185px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_quick_wrap .list li:hover .photo img  {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_quick_wrap .list li dl {overflow:hidden; white-space: normal;;}
.main_quick_wrap .list li dl dt{font-size:25px; color:#000; margin-bottom:30px;  font-family: 'Chosunilbo_myungjo';    letter-spacing:-2px;}
.main_quick_wrap .list li dl dd{font-size:16px; letter-spacing:-2px; color:#777; height:40px; line-height:20px;}
.main_quick_wrap .list li:hover dl dt {color:#d33a45;}
.main_quick_wrap .list .btn {display:block; margin-top:20px; color:#999; font-size:15px; }




.main_notice_box {clear:both;  display:table; table-layout:fixed; width:100%;  font-size:16px; margin-top:-120px;  border-top:1px #ddd solid; padding-top:30px;}
.main_notice_box .col {display:table-cell; vertical-align:top; padding-right:40px; position:relative;}
.main_notice_box .col.notice {border-right:1px #ddd solid;}
.main_notice_box .col.news {padding-left:40px;padding-right:0px;}

.main_notice_box .col .common_title{position:absolute; left:0px; top:0px; font-size:18px;  color:#000; } 

.main_notice_box .com_notice {position:relative;} 
.main_notice_box .col.news .common_title{ left:40px; } 
.main_notice_box .com_notice ul {margin-left:100px} 
.main_notice_box .com_notice ul li{position:relative; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px;} 
.main_notice_box .com_notice ul li span{position:absolute; right:0px; top:0px;} 
.main_notice_box .com_notice ul li:hover {text-decoration:underline;} 



.main_fast {margin-top:56px; overflow:hidden;}
.main_fast li {float:left; width:50%; background:#0c8a44;}
.main_fast li.last { background:#6c6c6c;}
.main_fast li .box {position:relative; padding:40px 40px 40px 140px; color:#fff;}
.main_fast li .box .icon{position:absolute;left:20px; top:30px;}
.main_fast li .box .icon span {display:block; width:88px; height:88px; line-height:88px; text-align:center; background:rgba(255,255,255,0.2); border-radius:88px;}
.main_fast li .box .icon span img  {vertical-align:middle;}
.main_fast li .box dl dt{ font-size:20px;}
.main_fast li .box dl dd{ font-size:16px; color:rgba(255,255,255,0.6)}
.main_fast li .box a {display:inline-block; line-height:45px; margin-top:20px; color:#fff; border:1px rgba(255,255,255,0.3) solid; padding:0 20px;  transition: all 0.3s;}
.main_fast li .box a:hover {margin-left:20px;}