@import url("layout.css");
@import url("common.css");

#main_visual {position:relative; width:100%; height:398px; overflow:hidden; }

/* section */
#section1{position:relative; width:1000px; height:240px; margin:0 auto; margin-top:30px; overflow:hidden; }
#section2{position:relative; width:1000px; height:220px; margin:0 auto; margin-top:20px; overflow:hidden; }

#section1 .block1_1{position:relative; float:left; width:100%; height:240px; background:#fff; overflow:hidden;}
#section1 .block1_1 .title{position:relative;letter-spacing:-0.5px;height:50px; background:#00806e;}
#section1 .block1_1 .title li.more{position:absolute;top:12px;right:28px;}
#section1 .block1_1 .title li a{float:left; width:170px; height:50px; text-align:center; line-height:49px; font-size:16px; color:#add6d0;border-right:1px solid #3e8e83;}
#section1 .block1_1 .title li a:hover, .block1_1 .title li a:active {display:block; color:#fff;}
#section1 .block1_1 .title li a.active {display:block; width:170px; height:50px; background:#fff; color:#000; line-height:49px;}
#section1 .block1_1 .title li a.last {border-right:none;}
#section1 .block1_1 .left_contents {float:left; margin:27px 0; padding:0 27px; width:520px; height:135px; border-right:1px solid #eee;}
#section1 .block1_1 .left_contents li h4.b_tit {font-size:18px; color:#333; font-weight:600; margin-bottom:10px;}
#section1 .block1_1 .left_contents li h4.b_tit a {font-size:12px; color:#048f79; text-decoration:underline; font-weight:normal; float:right; line-height:30px;}
#section1 .block1_1 .left_contents li p.txt {font-size:13px; color:#777; line-height:23px;}
#section1 .block1_1 .left_contents li span.dat {font-size:12px; color:#aaa; float:right; margin-top:-8px;}
#section1 .block1_1 .right_li {float:right; width:369px; padding:28px;}
#section1 .block1_1 .right_li li {background:url('../images/main/board_dot.gif') no-repeat 0 8px; margin-bottom:10px;}
#section1 .block1_1 .right_li li a {font-size:13px; color:#333; padding-left:13px;}
#section1 .block1_1 .right_li li a span.date {font-size:12px; color:#aaa; float:right;}

#section2 .block2_1{position:relative; float:left; width:260px; height:170px; background:#fff; overflow:hidden; padding:25px;}
#section2 .block2_1 h3.tit {font-size:16px; color:#000; font-weight:normal; letter-spacing:-0.8px;}
#section2 .block2_1 span.exp {font-size:11px; color:#aaa; letter-spacing:0; margin-left:10px;}
#section2 .block2_1 .admi_01 {width:125px; height:130px; text-align:center; margin-top:30px; float:left;}
#section2 .block2_1 .admi_01 h4.admi_01_btn {background:#0ab096; font-weight:normal; padding:7px 0; border-radius:30px; margin-top:15px;}
#section2 .block2_1 .admi_01 h4.admi_01_btn a {color:#fff; font-size:13px;}
#section2 .block2_1 .admi_02 {width:125px; height:130px; text-align:center; margin-top:33px; float:right;}
#section2 .block2_1 .admi_02 h4.admi_02_btn {background:#0aa6b0; font-weight:normal; padding:7px 0; border-radius:30px; margin-top:21px;}
#section2 .block2_1 .admi_02 h4.admi_02_btn a {color:#fff; font-size:13px;}

/* 170630 게시판 css 추가 */
#section2 .block2_1 .free_board{padding:15px 0;}
#section2 .block2_1 .free_board li{background:url('../images/main/board_dot.gif') no-repeat 0 8px; margin-bottom:10px;}
#section2 .block2_1 .free_board li a{font-size:13px; color:#333; padding-left:13px;}
#section2 .block2_1 .free_board li a.date {font-size:12px; color:#aaa; float:right;}

#section2 .block2_2{position:relative; float:left; width:410px; height:170px; margin-left:20px; background:#fff; overflow:hidden; padding:25px;}
#section2 .block2_2 h3.tit {font-size:16px; color:#000; font-weight:normal; letter-spacing:-0.8px;}
#section2 .block2_2 span.exp {font-size:11px; color:#aaa; letter-spacing:0; margin-left:10px;}
#section2 .block2_2 h4.more_btn {position:absolute; top:22px; right:25px;}
#section2 .block2_2 .gallery {margin-top:15px;}
#section2 .block2_2 .gallery li {float:left; text-align:center;}
#section2 .block2_2 .gallery li.ml10 {margin-left:10px;}
#section2 .block2_2 .gallery li p {font-size:13px; color:#333; margin-top:5px;}

#section2 .block2_3{position:relative; float:left; width:190px; height:220px; margin-left:20px; background:url('../images/main/block2_3_bg.jpg'); overflow:hidden;}
#section2 .block2_3 .quick {padding:30px 25px;}
#section2 .block2_3 .quick li {margin-bottom:18px; background:url('../images/main/quick_arrow.png') no-repeat right;}
#section2 .block2_3 .quick li.last {margin-bottom:0;}
#section2 .block2_3 .quick li a {color:#c7e9e6; font-size:13px; letter-spacing:-0.5px;}
#section2 .block2_3 .quick li:hover {background:url('../images/main/quick_arrow_hover.png') no-repeat right;}
#section2 .block2_3 .quick li:hover a {color:#fad506; font-weight:600;}