@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:450px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:450px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:450px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:140px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .main_pager {position:absolute; width:100%;  bottom:30px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#f3700a;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


/*메인퀵*/
.main_quick_wrap {margin:60px 0px;}
.main_quick_wrap h3 {text-align:center; font-size:30px; color:#333;}
.main_quick_wrap h3 span{color:#f3700a;}
.main_quick_wrap ul {overflow:hidden; margin-top:30px;}
.main_quick_wrap ul li{float:left; width:25%; text-align:center;}
.main_quick_wrap ul li .icon {height:155px; line-height:155px;}
.main_quick_wrap ul li img {vertical-align:middle; transition:transform 500ms;}
.main_quick_wrap ul li:hover img {transform:rotateY(180deg); transition:transform 500ms;}
.main_quick_wrap ul li .box {padding:0 10px; border-right:1px  #eaeaea solid;}
.main_quick_wrap ul li:last-child .box {border-right:0px;}
.main_quick_wrap ul li dl dt {color:#222; font-size:20px;font-weight:bold; padding-bottom:15px; line-height:20px;}
.main_quick_wrap ul li dl dd {color:#888; font-size:14px; line-height:16px;}
.main_quick_wrap ul li a {display:inline-block; margin-top:20px; border:1px #666 solid; padding:0 20px; line-height:30px; color:#666;  transition: all .2s;}
.main_quick_wrap ul li:hover a {background:#666; color:#fff; transition: all .3s;}



.main_col_wrap {height:400px; overflow:hidden; background:#ddd url(../images/main/main_col_bg.jpg) left top no-repeat;;}
.main_col_wrap .col{float:left; width:50%;}
.main_col_wrap .col .col_box li{float:left; width:50%; height:200px;}
.main_col_wrap .col .col_box li.m1{background:#4f4f4f;}
.main_col_wrap .col .col_box li.m2{background:#93bfdc;}
.main_col_wrap .col .col_box li.m3{background:#977b53;}
.main_col_wrap .col .col_box li.m4{background:#acacac;}

.main_col_wrap .col .col_box li .box_pad {padding:40px;}
.main_col_wrap .col .col_box li .box_pad h3 {font-size:20px; color:#fff; }
.main_col_wrap .col .col_box li .box_pad .info {margin-top:10px; color:#fff;}
.main_col_wrap .col .col_box li .box_pad a {display:inline-block; text-align:left; margin-top:20px; border-bottom:1px #fff solid; padding:0 20px 0 5px; line-height:30px; color:#fff;  transition: all .2s;}
.main_col_wrap .col .col_box li:hover .box_pad a {padding-right:50px; transition: all .3s;}
.main_col_wrap .col .col_box li .box_pad a .fonti {padding-left:30px;}


.main_gallery {background:#eaeff5; padding:60px 0px;}
.main_gallery h3 {text-align:center; font-size:30px; color:#333;}
.main_gallery h3 span{color:#f3700a;}

.main_gallery ul{margin-top:30px;}
.main_gallery ul li{width:245px;; margin:0 10px; overflow:hidden;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; padding:20px;}
.main_gallery ul li .t1 {font-size:16px;color:#000000; margin:10px 0px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#f3700a;}
.main_gallery ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;     white-space: normal;}
.main_gallery ul li:hover .t2 {color:#000; text-decoration:underline;}
.main_gallery ul li .date {font-size:12px; color:#929292; margin-top:5px;}