@charset "utf-8";

#header {width:100%; height:134px; border-bottom:1px solid #e8e5e2; position:relative; z-index:10}
#header:after {display:block; clear:both; content:"";}
#header .inner_header {width:980px;padding-left: 0px; height:103px;margin:0 auto;}
#header .inner_header h1 {float:left;margin:7px 0 0 3px;}

#utilWrap {width:100%;height:30px;background:#333c45;}
.innerUtilWrap{width:980px;margin:0 auto;}
.util {display:table;height:30px;float:right;}
.util li {float:left; padding:0 10px;border-left:1px solid #828a92; position:relative;}
.util li.last {border-right:1px solid #828a92;}
.util li a{color:#fff;line-height:30px; display:block;}

/* sub menu for family sites */
.util ul{display:none;}
.util li > ul > li{border-left:0 !important;}
/*.util li:nth-child(3):hover ul{display:block;}*/
.util li ul {margin:0; padding:0; list-style:none;position:absolute;z-index:999; top:30px; left:0; width:104px; background-color:#333c45;}
.util li ul li {float:none; margin:0; padding:5px 0 0 10px;}

#gnb { float:right; padding:43px 0 40px;}
#gnb > li {float:left; padding-left: 30px; position:relative;}
#gnb > li.last {float:left; padding:0 0px;position:relative;}
#gnb > li > a {display:block;  font-size:18px; font-weight:700; letter-spacing:-0.05em; color:#494949; font-family:'nanum gothic';}
#gnb div {display:none; position:absolute; top:18px; left:0px;margin:15px 0 0;}
#gnb ul {width:500px;position:absolute;display:table;}
#gnb ul li {float:left;line-height:27px; padding:0 0 0 20px;}
#gnb ul li a{font-size:14px; letter-spacing:-0.05em; color:#323232}

#gnb ul.sub01 {}
#gnb ul.sub02 {margin-left:-70px;}
#gnb ul.sub03 {margin-left:-40px;}
#gnb ul.sub04 {}
#gnb ul.sub05 {margin-left:-370px;}


#mcontainer {width:100%; position:relative;}
.mvisual {width:990px; height:400px;margin:0 auto;}
.mvisual ul.mleft {width:688px; float:left;}
.mvisual ul.mleft > li {height:400px;}
.mvisual ul.mright {width:302px; float:right;}
.mvisual ul.mright > li.mRtop{height:190px;}
.mvisual ul.mright > li.mRbotm{height:210px;}
.mvisual ul li {position:relative;}
.caption {position:absolute;height:40px;width:100%;background:#000;display:block;color:#fff;line-height:40px;bottom:0;z-index:999;opacity:0.7;text-indent:15px;font-size:14px}

.mbanner {position:relative; margin:45px 0 30px}
.mbanner .bx-prev {position:absolute; top:8px; left:0px; background:url('../images/main/btm_arr01.gif') no-repeat left top; display:block; width:11px; height:32px; font-size:0px;}
.mbanner .bx-next {position:absolute; top:8px; right:0px; background:url('../images/main/btm_arr02.gif') no-repeat left top; display:block; width:11px; height:32px; font-size:0px;}

.mcont {width:990px; min-height:510px; position:relative; margin:0 auto;}
.mfir {height:225px;}
.mgallery {float:left; width:340px; height:225px;}
.mtitle {width:310px; height:50px; border-bottom: 1px solid #4d6073;}
.mtitle h2 {height:30px; float:left; color:#323232; font-family:'nanum gothic'; padding-top:20px;}
.mmore{height:20px; float:right; color:#4d6073; font-size:12px; font-family:'nanum gothic'; padding-top:25px;}
.mbox {width:310px; height:150px; border-bottom:1px solid #d4d4d4; float:left; padding-top:20px;}
.msec {height:auto;}

.mgallery ul.mGthum {display:table; font-family:'nanum gothic'; font-size:12px; color:#585858;}
.mGthum {font-family:'nanum gothic'; font-size:12px; color:#585858;}
.mGthum li {float:left; padding-right:5px; font-family:'nanum gothic'; font-size:12px; color:#585858; letter-spacing:-0.05em;}
.mGthum li:last-child{padding-right:0;}
.mtxt{padding-top:8px;}

/*NOTICE*/
.mnotice {float:left; width:340px; height:225px;}
.mnotice .mbox {}
.mnotice .mbox .mbbs_list li {position:relative;margin-bottom:12px;}
.mnotice .mbox .mbbs_list li span.ncol02 {position:absolute;right:0;}

/*°æ±âÀÏÁ¤*/
.mschedule {float:left; width:310px; height:225px;}
.mschedule .mbox {padding-top:0;border-bottom:none; }
.mschedule .mbox .mbbs_list {height:140px;border-top:0;overflow-y:scroll;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.mschedule .mbox .mbbs_list li {height:40px; border-bottom:1px solid #d4d4d4;height:44px;border-left:1px solid #aaa;border-right:1px solid #aaa;}
.mschedule .mbox .mbbs_list li.bgC{background-color:#f2f4f5;}
.mschedule .mbox .mbbs_list li span {display:inline-block;vertical-align:middle; padding-top:8px;}
.mschedule .mbox .mbbs_list li span.col01 {width:16%;text-align:center;}
.mschedule .mbox .mbbs_list li span.col02 {width:63%;color:#3a5064; text-align:center;}
.mschedule .mbox .mbbs_list li span.col03 {width:15%;}
/*.mschedule .mbox .mbbs_list li:last-child{border-bottom:1px solid #aaa;}*/

/*»ç°Ý´º½º*/
.mnews {float:left;width:340px;}
.mnews .mbox {}
.mnews .mbox .mnews_list li {overflow:hidden;border-bottom:1px solid #d4d4d4; margin-bottom:5px;}
.mnews .mbox .mnews_list li p {float:left;margin-bottom:5px;}
.mnews .mbox .mnews_list li div.list_txt {float:left;width:200px;height:67px;padding-left:10px;position:relative;}
span.date {position:absolute;display:inline-block;bottom:0;right:0;clear:both}


/* ¼­¿ïƯº°½Ã »ç°Ý¿¬¸Í SNS */
.msns {float:right;}
.msns h3 {color:#315c99;font-size:16px;margin:16px 0 14px;}
.tab_box {position:relative;margin-top:15px;}
.tab_box > div{padding: 0 0;display:none;margin-top:14px;width:308px;height:248px;border:1px solid #aaaaaa;border-top:1px solid #315c99;}
.tab_box h4 {height:29px;display:inline-block;position:absolute;top:0;}
.tab_box h4 a {display:block;height:109px;}
.tab_box h4.h401 {top:-33px;right:30px;width:23px;background:url('../images/main/sns_icon01_off.gif') no-repeat left top;}
.tab_box h4.h402 {top:-33px;right:0;width:23px;background:url('../images/main/sns_icon02_off.gif') no-repeat left top;}
.tab_box h4.h401 a.on {width:23px;background:url('../images/main/sns_icon01_on.gif') no-repeat left top;}
.tab_box h4.h402 a.on {left:118px;width:23px;background:url('../images/main/sns_icon02_on.gif') no-repeat left top;}

.snsBox .fb-post {border:1px solid red;width:306px;}


.mban {width:340px; float:left;height:298px; padding-top:30px;}
.quick_list {height:197px;}
.quick_list li {display:inline-block; width:154px; height:98px;}
.ban_list {height:64px;}
.ban_list li {display:inline-block; width:153px; padding-top:7px;}

/* ½½¶óÀ̵庣³Ê */
.mbanner {background:#fff; padding:13px 0;}
.mbanner ul li {text-align:center;}
.mbanner ul li a{display:inline-block; vertical-align:middle; height:52px;}
.mbanner ul li img {max-width:100%; vertical-align:middle;}
.mbanner .bx-wrapper {width:990px; position:relative;}
.mbanner .bx-prev {position:absolute; top:45%; left:-32px; font-size:0px; margin-top:-11px; display:inline-block; width:19px; height:29px; background:url('../images/common/btn_prev_m.gif') no-repeat left top;}
.mbanner .bx-next {position:absolute; top:45%; right:-32px; font-size:0px; margin-top:-11px; display:inline-block; width:19px; height:29px; background:url('../images/common/btn_next_m.gif') no-repeat left top;}



#footer {width: 100%; height: 100px; background:#333c45; position: relative;}
#footer > div {width:1024px; padding:22px 45px; margin:0 auto;}
#footer > div > .left_footer {float: left; width: 176px;}
#footer > div > .right_footer {float: left; width: 780px; padding-left: 33px; padding-top: 12px;}
#footer > div p {letter-spacing:-0.06em; line-height:18px; color:#f2f3f3; font-size:12px; font-family:'nanum gothic';}