@charset "utf-8";

/*layout*/
#wrap{    position: relative;    width: 100%;    height: 100%;    margin: 0 auto;}
#heade{width:100%;height:135px;background:#015729;position:relative;min-width: 1392px;} 
#header{width:100%;height:135px;background:#015729;position:relative;min-width: 1100px;} 
#headerBanner{width:100%;height:142px;background:#f7f7f7;border-bottom:1px solid #e3e3e3;}
#headerBanner .topBanner{width:1100px;height:143px;margin:0 auto;overflow:hidden;position:relative;}
#headerBanner .topBanner .topBannerImg{float:left;margin-right:30px}
#headerBanner .topBanner .topBannerArea{float:left;width:640px;padding:20px 0 0 0;}
#headerBanner .topBanner .topBannerArea p{margin-bottom:18px;font-size:14px;color:#666;}
#headerBanner .topBanner .topBannerArea p.announce{margin-bottom:13px;font-size:23px;color:#28303b;letter-spacing:-2px}
#headerBanner .topBanner .topBannerArea p.announce span{color:#1bb76c;}
#headerBanner .topBanner .cookies{position:absolute;top:115px;right:0;z-index:100}
#headerBanner .topBanner .cookies label{font-size:12px;color:#565656;}
#headerBanner .topBanner .topBannerCls{position:absolute;top:18px;right:0;}
#headArea{height:135px;margin:0 auto;position:relative;font-family:'Nanum Gothic' !important;width: 1100px;}
#headArea .topArea{width: 1050px;height: 50px;margin: 0 auto;padding: 0 25px;}
#headArea .logo{float:left;margin: 40px 150px 0 0; width:200px; height:69px; z-index:999; position:relative}
#headArea .history{float:left;margin:22px 0 0 0}
#headArea .commonArea{float:right;position:relative;height: 50px;padding:12px 0 0 0;}
#headArea .commonArea .commonLink{height:42px;letter-spacing: -1px; color:#c4c4c4} 
/* #headArea .commonArea .commonLink.tall{height:260px} */
#headArea .commonArea .commonLink li{float:left;height:27px; margin:0 8px}
#headArea .commonArea .commonLink li a{display:inline-block;font-size:12px;color:#c4c4c4}

#headArea .memberArea{width:245px;position:absolute;top:42px;left:605px;border:1px solid #e4e4e4;background:#fff;z-index:800}
#headArea .memberArea .tabs{position:absolute;top:-6px;left:50%;margin-left:-6px;}
#headArea .memberArea .tabs img{vertical-align:top;}
#headArea .memberArea .inforCls{position:absolute;top:10px;right:10px}
#headArea .memberArea .inforCls img{width:10px;}
#headArea .member_infor{width:216px;padding:24px 0 10px 29px;}
#headArea .member_infor p{margin-bottom:20px;font-size:14px;color:#444}
#headArea .member_infor dl{width:190px;overflow:hidden;}
#headArea .member_infor dl dt{float:left;width:85px;margin-bottom:15px;font-size:12px;color:#666}
#headArea .member_infor dl dd{margin-bottom:15px;font-size:12px;font-weight:bold;color:#333;letter-spacing:0;}
#headArea .inforLink{width:100%;height:33px;border-top:1px solid #e4e4e4;overflow:hidden;}
#headArea .inforLink li{float:left;width:81px;height:33px;}
#headArea .inforLink li:first-child{border-right:1px solid #e4e4e4;}
#headArea .inforLink li.type{width:127px;}
/* #headArea .inforLink li:last-child{width:117px;border-right:0} */
#headArea .inforLink a{display:block;height:33px;line-height:33px;text-align:center;background:#f8f8f8;font-size:13px;font-weight:bold;color:#666;}
#headArea .commonArea .commonLink .tnb_searbox{display:none;position:absolute;top:0;right:0;width:183px;height:25px;z-index:50;}
#headArea .commonArea .topLink{text-align:right;}
#headArea .commonArea .topLink *{vertical-align:middle;}
#headArea .commonArea .topLink a{display:inline-block;margin-left:15px;text-align:right}

#gnb{height:50px;*zoom:1;font-family:'Nanum Gothic' !important;position:relative;margin-top: 15px;width: 100%;}
#gnb:after {content:" "; display:block; clear:both;}
#gnb > ul{width: 1100px;margin:0 auto;padding: 0;}
#gnb > ul > li{float:left;width: 95px;height:50px;text-align:center;margin: 0 24px;}
#gnb > ul > li.menu2{margin: px;}
#gnb > ul > li.menu4{margin:0 11px 0 21px;}
#gnb > ul > li.menu6{margin:0 0 0 22px;}
#gnb > ul > li > a{display:block; font-size:18px; color:#fff; height:36px; line-height:20px !important; padding:14px 0 0 0; font-weight:700 }
#gnb > ul > li.on0{background:url('../images/common/bg_gnb.png') no-repeat 0 bottom}
#gnb > ul > li.on{background:url('../images/common/bg_gnb.png') no-repeat 0 bottom}
.gnb_dep2{display:none;width:100%;height: 300px;position:absolute;top: 70px;left:0;background:#fff;z-index:550;}
.gnb_dep2 .gnb_con{width:1100px
;margin:0 auto;}
.gnb_dep2 .depTitArea{float:left;width:280px;height:195px; margin:43px 0 0 50px;text-align:left; z-index:1000; border-right:1px solid #c9c9c9; }
.gnb_dep2 .depTitArea h2{margin-bottom:5px;}

.gnb_dep2 .depCont{float:left;width:616px;height: 260px;padding:40px 0;overflow:hidden;  padding-left:94px;}
.gnb_dep2 .depCont .gnbList{float:left;width:130px;height: 225px;position:relative;}
.gnb_dep2 .depCont .gnbList > li{float:none;text-align:left;}
.gnb_dep2 .depCont .gnbList > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;font-weight:bold;}
.gnb_dep2 .depCont .gnbList > li.on > a{padding-right:10px;background:url('../images/common/bg_gnbActive.gif') no-repeat right 5px;color:#31b97f;}
.gnb_dep2 .depCont .gnbList > li.on > a span{border-bottom:1px solid #31b97f;}
.gnb_dep2 .depCont .gnbList > li.over > a{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont .gnbList > li > a:hover{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont .gnbList > li > ul{width:190px;position:absolute;top:0;left:150px;display:none}
.gnb_dep2 .depCont .gnbList > li > ul > li{float:none;text-align:left;} 
.gnb_dep2 .depCont .gnbList > li > ul > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;} 
.gnb_dep2 .depCont .gnbList > li > ul > li.on > a{color:#31b97f;}

.gnb_dep2 .depCont1{float:left;width:373px;height: 260px;padding:40px 0;overflow:hidden; padding-left:237px;}
.gnb_dep2 .depCont1 .gnbList{float:left;width:130px;height: 225px;position:relative;}
.gnb_dep2 .depCont1 .gnbList > li{float:none;text-align:left;}
.gnb_dep2 .depCont1 .gnbList > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;font-weight:bold;}
.gnb_dep2 .depCont1 .gnbList > li.on > a{padding-right:10px;background:url('../images/common/bg_gnbActive.gif') no-repeat right 5px;color:#31b97f;}
.gnb_dep2 .depCont1 .gnbList > li.on > a span{border-bottom:1px solid #31b97f;}
.gnb_dep2 .depCont1 .gnbList > li.over > a{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont1 .gnbList > li > a:hover{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont1 .gnbList > li > ul{width:190px;position:absolute;top:0;left:150px;display:none}
.gnb_dep2 .depCont1 .gnbList > li > ul > li{float:none;text-align:left;} 
.gnb_dep2 .depCont1 .gnbList > li > ul > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;} 
.gnb_dep2 .depCont1 .gnbList > li > ul > li.on > a{color:#31b97f;}


.gnb_dep2 .depCont2{float:left;width:260px;height: 260px;padding:40px 0;overflow:hidden; padding-left:380px;}
.gnb_dep2 .depCont2 .gnbList{float:left;width:130px;height: 225px;position:relative;}
.gnb_dep2 .depCont2 .gnbList > li{float:none;text-align:left;}
.gnb_dep2 .depCont2 .gnbList > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;font-weight:bold;}
.gnb_dep2 .depCont2 .gnbList > li.on > a{padding-right:10px;background:url('../images/common/bg_gnbActive.gif') no-repeat right 5px;color:#31b97f;}
.gnb_dep2 .depCont2 .gnbList > li.on > a span{border-bottom:1px solid #31b97f;}
.gnb_dep2 .depCont2 .gnbList > li.over > a{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont2 .gnbList > li > a:hover{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont2 .gnbList > li > ul{width:190px;position:absolute;top:0;left:110px;display:none}
.gnb_dep2 .depCont2 .gnbList > li > ul > li{float:none;text-align:left;} 
.gnb_dep2 .depCont2 .gnbList > li > ul > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;} 
.gnb_dep2 .depCont2 .gnbList > li > ul > li.on > a{color:#31b97f;}



.gnb_dep2 .depCont3{float:left;width:140px;height: 260px;padding:40px 0;overflow:hidden; padding-left:520px;}
.gnb_dep2 .depCont3 .gnbList{float:left;width:130px;height: 225px;position:relative;}
.gnb_dep2 .depCont3 .gnbList > li{float:none;text-align:left;}
.gnb_dep2 .depCont3 .gnbList > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;font-weight:bold;}
.gnb_dep2 .depCont3 .gnbList > li.on > a{padding-right:10px;background:url('../images/common/bg_gnbActive.gif') no-repeat right 5px;color:#31b97f;}
.gnb_dep2 .depCont3 .gnbList > li.on > a span{border-bottom:1px solid #31b97f;}
.gnb_dep2 .depCont3 .gnbList > li.over > a{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont3 .gnbList > li > a:hover{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont3 .gnbList > li > ul{width:190px;position:absolute;top:0;left:150px;display:none}
.gnb_dep2 .depCont3 .gnbList > li > ul > li{float:none;text-align:left;} 
.gnb_dep2 .depCont3 .gnbList > li > ul > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;} 
.gnb_dep2 .depCont3 .gnbList > li > ul > li.on > a{color:#31b97f;}



.gnb_dep2 .depCont4{float:left;width:80px;height: 260px;padding:40px 0;overflow:hidden; padding-left:650px;}
.gnb_dep2 .depCont4 .gnbList{float:left;width:130px;height: 225px;position:relative;}
.gnb_dep2 .depCont4 .gnbList > li{float:none;text-align:left;}
.gnb_dep2 .depCont4 .gnbList > li > a{padding-left:10px; text-align:left;font-size:15px;line-height:27px;color:#666;font-weight:bold;}
.gnb_dep2 .depCont4 .gnbList > li.on > a{padding-left:10px;background:url('../images/common/bg_gnbActive_.gif') no-repeat left 5px;color:#31b97f;}
.gnb_dep2 .depCont4 .gnbList > li.on > a span{border-bottom:1px solid #31b97f;}
.gnb_dep2 .depCont4 .gnbList > li.over > a{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont4 .gnbList > li > a:hover{border-bottom:1px solid #31b97f;color:#31b97f;}
.gnb_dep2 .depCont4 .gnbList > li > ul{width:190px;position:absolute;top:0;display:none; right:90px}
.gnb_dep2 .depCont4 .gnbList > li > ul > li{float:none;text-align:left;} 
.gnb_dep2 .depCont4 .gnbList > li > ul > li > a{padding:0;text-align:left;font-size:15px;line-height:27px;color:#666;} 
.gnb_dep2 .depCont4 .gnbList > li > ul > li.on > a{color:#31b97f;}


.gnb_dep3{ display:none}

.gnb_banner{float:right;} 
.gnb_banner a{display:block;margin-bottom:15px;}
.frame {overflow: hidden; position: relative;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.frame ul li img {width:100%;}
.frame ul li.active { color: #fff; background: #a03232;}
.campaign_gnbBanner{float:right;position:relative;width:280px;height:220px;}
.campaign_gnbBanner .campaign_mask{width:280px;height:210px;overflow:hidden;position:relative;}
.campaign_gnbBanner .campaign_slide{width:9999px;position:absolute;top:0;left:0;text-align:left;}
.campaign_gnbBanner .campaign_slide li{float:left;width:280px;height:auto;position:relative;}
.campaign_gnbBanner .campaign_slide li .photo{display:block;width:280px;height:136px;margin-bottom:10px;font-size:0;vertical-align:top;}
.campaign_gnbBanner .campaign_slide li .photo img{width:280px;height:136px;}
.campaign_gnbBanner .campaign_slide li .tit{color:#333;line-height:24px;font-size:14px;text-align:left;vertical-align:top;}
.storyCont{float:right;position:relative;width:238px;height:220px;}
.storyCont .storyMask{width:238px;height:150px;overflow:hidden;position:relative;}
.storyCont .story_slide{width:9999px;position:absolute;top:0;left:0;text-align:left;}
.storyCont .story_slide li{float:left;width:238px;height:auto;position:relative;}
.storyCont .story_slide li .photo{display:block;width:238px;height:136px;margin-bottom:10px;font-size:0;vertical-align:top;}
.storyCont .story_slide li .photo img{width:238px;height:136px;}
.storyCont .story_slide li .tit{color:#333;line-height:24px;font-size:14px;text-align:left;vertical-align:top;}
.pages{text-align:center;height:10px;}
.pages a {display:inline-block;*display:inline;zoom:1;width:9px;height:9px;margin-right:10px;text-indent:-999px;border-radius:10px;border:1px solid #bababa;background:#bababa;cursor:pointer;overflow:hidden;}
.pages a.active {background:#000;border:1px solid #000;}
.campaign_gnbBanner .bt_roll {width:50px;height:10px;margin:0 auto;overflow:hidden;} 
.campaign_gnbBanner .bt_roll li{float:left;width:10px;height:10px;margin-right:5px;} 
.storyCont .sbt_roll {width:50px;height:10px;margin:0 auto;overflow:hidden;} 
.storyCont .sbt_roll li{float:left;width:10px;height:10px;margin-right:5px;} 
.gnbBg{display:none;width:100%;height:305px;position:absolute;top:135px;left:0;background:#fff;z-index:450;border-bottom:3px solid #4eb159;}
.totalMenu .totalBtn{display:block;width:24px;height:18px;text-indent:-9999px;overflow:hidden;position:absolute;top:16px;left:50%;margin-left:450px;background:url('../images/common/totalView.gif') no-repeat 0 0;}
.totalMenu .totalBtn.totalBtnCls{background:url('../images/common/totalViewCls.gif') center center no-repeat;} 
.totalMenu > div {display:none;width:100%;height:250px;position:absolute;top:50px;left:0px;z-index:450;}
.totalMenu > div .totalMenu_con{width:1100px
; margin:0 auto;}
.totalMenu > div ul{float:left; width:95px; padding:35px 65px 0 0;}
.totalMenu > div ul.total_menu1{padding-left:25px;}
.totalMenu > div ul.total_menu4{width:110px; padding-right:30px;}
.totalMenu > div ul.total_menu5{padding-right:45px;}
.totalMenu > div ul li{float:none;margin-bottom:13px}
.totalMenu > div li a{display:inline-block;font-size:14px;color:#444;border-bottom:1px solid #fff;}
.totalMenu > div li a:hover{color:#31b97f;border-bottom:1px solid #31b97f;}

#subVisual{width:100%;height:250px}
#subVisual .inner{width:1000px;margin:0 auto;padding:69px 0 0 0}
#contents:after { content:''; display:block; clear:both; }
.location {text-align:right;overflow:hidden;margin-bottom:25px; float:right}
.location li{display:inline-block;*display:inline;zoom:1;margin-right:5px;padding-right:10px;background:url('../images/common/gt.gif') no-repeat right 4px;font-size:12px; color:#888;line-height:14px;}
.location li.last{background:none}
.location a{color:#888;}
.location a:hover{text-decoration:underline;}



#contents .lnb {float:left;width:232px;border: 1px solid #d9d9d9;border-bottom: none; margin-bottom:25px}

m {}



#contents .lnb .lnb_banner{width:168px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-radius:3px}
#contents .lnb .lnb_banner ul > li{height:40px;border-bottom:1px solid #e4e4e4;}
#contents .lnb .lnb_banner ul > li > span{display:inline-block;width:46px;height:29px;padding-top:11px;background:#f5f5f5;text-align:center;}
#contents .lnb .lnb_banner ul > li > a{display:inline-block;width:113px;height:15px;padding:13px 0 13px 9px;font-size:13px;font-weight:bold;color:#666;vertical-align:top }
#contents .lnb.mypage .dep1 > li a {display:block;padding:0 0 0 10px;font-size:16px;font-weight:bold;color:#333}
#contents .lnb.mypage .dep1 > li.on {border:0;background:url('../images/common/bg_dep2_on.gif') no-repeat 0 20px;} 
#contents .lnb.mypage .dep1 > li.on > a {color:#31b97f;border-bottom:1px solid #e4e4e4;}
#contents .lnb.mypage .dep1 > li.on > .dep2{display:block;}
#contents .lnb.mypage .dep1 > li > .dep2{display:none;margin-top:15px;padding-left:17px;border-bottom:1px solid #e4e4e4;}
#contents .lnb.mypage .dep1 > li > .dep2 > li{margin-bottom:15px;line-height:15px;background:url('../images/common/bg_dep3.gif') no-repeat 0 9px} 
#contents .lnb.mypage .dep1 > li > .dep2 > li.on{background:url('../images/common/bg_dep3_on2.gif') no-repeat 0 9px} 
#contents .lnb.mypage .dep1 > li > .dep2 > li.on > a{color:#31b97f;font-weight:normal;} 
#contents .content_sub {float:right;width: 820px;overflow:hidden; padding-bottom:50px}
#contents .content_sub .addTxt{height:17px;margin:20px 0 60px 0}
#contents .content_sub .addTxt1{margin:20px 0 10px 0}
#contents .content_sub .subTxt{margin:25px 0 35px 0}


#contents .lnb h2 {width:232px;  float:left; background:#0054a6; height:50px; color:#fff; text-align:center; font-size:30px; padding-top:34px}
/*
.side_menu { margin-bottom:22px; float:left;}
.side_menu > ul > li > a{border:#e3e3e3 solid 1px; border-top:none;}
.side_menu > ul > li:first-child{border-top:none;}
.side_menu > ul > li > a{display:block; color:#222222; font-size:17px;}
.side_menu > ul > li > a > span{display:block; background:url(http://www.cwg.go.kr/site/www/images/sub/side_li_bg.gif) no-repeat 93% center; padding:18px 0 17px 17px;}
.side_menu > ul > li > a.blank > span{background:url(http://www.cwg.go.kr/site/www/images/common/blank.png) no-repeat 93% center;}
.side_menu > ul > li.on{}
.side_menu > ul > li.on > a{background:#355aaa url(http://www.cwg.go.kr/site/www/images/sub/side_li_top.gif) repeat-x 0 top; border:#355aaa solid 1px; border-top:none; color:#FFF;}
.side_menu > ul > li.on > a > span{background:url(http://www.cwg.go.kr/site/www/images/sub/side_li_on.png) no-repeat 93% center;}
.side_menu > ul > li > a:hover{background:#355aaa url(http://www.cwg.go.kr/site/www/images/sub/side_li_top.gif) repeat-x 0 top; border:#355aaa solid 1px; border-top:none; color:#FFF;}
.side_menu > ul > li > a:hover > span{background:url(http://www.cwg.go.kr/site/www/images/sub/side_li_on.png) no-repeat 93% center;}
.side_menu > ul > li > a.blank:hover > span{background:url(http://www.cwg.go.kr/site/www/images/common/blank_on.png) no-repeat 93% center;}
.side_menu ul li ul.side_2depth{background-color:#FFF; border:#e3e3e3 solid 1px; border-top:none; display:none;}
.side_menu ul li.on ul.side_2depth{display:block;}
.side_menu > ul > li > ul.side_2depth > li{background-color:#fafafa;}
.side_menu > ul > li > ul.side_2depth > li > a{display:block; background:url(http://www.cwg.go.kr/site/www/images/sub/side_2depth_bg.png) no-repeat 93% center; padding:14px 36px 11px 19px; font-size:15px;}
.side_menu > ul > li > ul.side_2depth > li > a.blank{background:url(http://www.cwg.go.kr/site/www/images/common/blank.png) no-repeat 93% center;}
.side_menu > ul > li > ul.side_2depth > li.on > a{background:url(http://www.cwg.go.kr/site/www/images/sub/side_2depth_bg_on.png) no-repeat 93% center; color:#355aaa;}
.side_menu > ul > li > ul.side_2depth > li > a:hover{background-color:#f1f1f1;}
.side_menu > ul > li > ul.side_2depth > li > ul.side_3depth{background-color:#FFF; padding:7px 0 4px; display:none;}
.side_menu ul li ul.side_2depth li.on ul.side_3depth{display:block;}
.side_menu ul li ul.side_2depth li ul.side_3depth li{background:url(http://www.cwg.go.kr/site/www/images/sub/side_3depth_bg.png) no-repeat left 8px; margin:0 0 6px 18px; padding:0 0 0 12px;}
.side_menu ul li ul.side_2depth li ul.side_3depth li a.blank{background:url(http://www.cwg.go.kr/site/www/images/common/blank.png) no-repeat right center; padding-right:19px;}
.side_menu ul li ul.side_2depth li ul.side_3depth li.on{background:url(http://www.cwg.go.kr/site/www/images/sub/side_3depth_bg_on.png) no-repeat left 8px;}
.side_menu ul li ul.side_2depth li ul.side_3depth li.on a{font-weight:bold;}

*/


.sideNavi {width:232px;/* margin-bottom:22px; */float:left;/* border:1px solid #d9d9d9; *//* border-bottom: none; */}
.sideNavi ul{float:left;}
.sideNavi li { border-bottom:1px solid #d9d9d9; background:#fff; font-size:16px;  float:left; width:232px; }
.sideNavi li a { display:block; font-size:16px; color:#333; background:url(../images/common/side_li_bg.gif) no-repeat 93% center; padding:18px 0 17px 17px;}
.sideNavi li a:hover,
.sideNavi li a:focus,
.sideNavi li a:active,
.sideNavi li a.on,
.sideNavi li a.lock {background: #07233e url(../images/common/side_li_on.png) no-repeat 93% center;color:#FFF;}
.sideNavi li ul { display:none; background-color:#fff;    font-size:14px}
.sideNavi li ul li { background-color: #fafafa;   border-bottom:none;}
.sideNavi li ul li a { display: block;   background: url(../images/common/side_2depth_bg.png) no-repeat 93% center;   padding:11px 36px 11px 19px;   font-size:14px }
.sideNavi li ul li a:hover,
.sideNavi li ul li a:focus,
.sideNavi li ul li a:active,
.sideNavi li ul li a.on,
.sideNavi li ul li a.lock {  background: url(../images/common/side_2depth_bg_on.png) no-repeat 93% center;    color: #355aaa;  font-size:14px}



#foote{width:100%;background: #626262; min-width:1392px;position: relative;bottom:0;float: left;padding:15px 0;clear:both;}
#footAre{margin:0 auto; padding: 15px 144px; position:relative; width:1100px;}

#footAre .foot_logo{float:left;margin-right:40px}
#footAre .foot_info{float:left;width:900px;padding-top:2px;}
#footAre .foot_cont{float:right;}
#footAre .footer_nav{height:19px;margin-bottom: 5px;}
#footAre .footer_nav li{float:left;margin-right:9px;padding-right:10px;background:url('../images/common/line_v_footer.gif') no-repeat right 2px;}
#footAre .footer_nav li.bgNone{margin-right:0;padding-right:0;background:none; color:#fdb15a}
#footAre .footer_nav li a{font-size:14px;color:#eaeaea}
#footAre .footer_nav li.bgNone a{color:#fdb15a}
#footAre .footer_nav li.individual a{color:#eaeaea;font-weight:bold;}
#footAre address{font-size: 14px;color:#eaeaea;line-height: 16px;}
#footAre address span{display:inline-block;margin: 0 3px 2px 0;padding-right:8px;background:url('../images/common/line_v_footer.gif') no-repeat right 2px;}
#footAre address span.bgNone{margin-right:0;padding-right:0;background:none}
#footAre address span.bgNone a{ color:#fff}







#footer{width:100%;background: #626262; min-width: 1100px;position: relative;bottom:0;float: left;padding:15px 0;clear:both;}
#footArea{margin:0 auto; padding: 15px 0; position:relative; width: 1100px;}
#footArea .foot_logo{float:left;margin-right:40px}
#footArea .foot_info{float:left;width:900px;padding-top:2px;}
#footArea .foot_cont{float:right;}
#footArea .footer_nav{height:19px;margin-bottom: 5px;}
#footArea .footer_nav li{float:left;margin-right:9px;padding-right:10px;background:url('../images/common/line_v_footer.gif') no-repeat right 2px;}
#footArea .footer_nav li.bgNone{margin-right:0;padding-right:0;background:none; color:#fdb15a}
#footArea .footer_nav li a{font-size:14px;color:#eaeaea}
#footArea .footer_nav li.bgNone a{color:#fdb15a}
#footArea .footer_nav li.individual a{color:#eaeaea;font-weight:bold;}
#footArea address{font-size: 14px;color:#eaeaea;line-height: 16px;}
#footArea address span{display:inline-block;margin: 0 3px 2px 0;padding-right:8px;background:url('../images/common/line_v_footer.gif') no-repeat right 2px;}
#footArea address span.bgNone{margin-right:0;padding-right:0;background:none}
#footArea address span.bgNone a{ color:#fff}

/* 탑 버튼 */
.gotoTop{display:none;width:40px;height:40px;position:absolute;bottom:130px;right:15px;z-index:1000;-webkit-transition:opacity .7s ease-in-out, bottom .5s ease-in-out;transition:opacity .7s ease-in-out, bottom .5s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0);}
.gotoTop.affix{position:fixed;bottom:200px}
.gotoTop.maffix{position:fixed;bottom:250px}

 /*layout-초록튜브,*/
#subTitle{width:1100px
; height:167px; margin:0 auto;}
#subTitle > div{float:left; padding:50px 0 0 0;}
#subTitle > ul{float:right; padding:25px 0 0 0;}
#subTitle h2{margin:0 0 20px 0;}
.filter{float:left; width:170px;}
.filter strong{display:block; margin:0 0 10px 0;}
.filter div{margin:0 0 30px 0;}
.filter div > ul li{height:18px; margin:0 0 7px 0; color:#666; font-size:13px; vertical-align:middle; line-height:18px; position:relative;}
.filter .line ul{height:20px;}
.filter .line ul li{float:left; font-size:13px}
.filter .keyword .board_search{margin:0;}
.filter .keyword .board_search label{width:0; height:0; overflow:hidden; text-indent:-9999px;}
.filter .keyword .board_search input{width:115px; height:28px; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.filter .keyword .board_search img{height:30px;}
.filter .keyword .tag{margin:10px 0 0 0; padding:0 0 0 25px; font-size:13px; line-height:23px; background:url('../images/common/icon_tag.gif') left 3px no-repeat;}
.filter .keyword .tag ul li{float:left; margin:0 3px 0 0;}
.filter .keyword .tag ul li a{color:#666;}
.filter .category > ul li > span{display:inline-block; width:18px; height:18px; vertical-align:middle; background:url('../images/common/radio_n.png') no-repeat 0 0; position:absolute; top:2px; left:0;}
.filter .category > ul li > span button{width:18px; height:18px; text-indent:-9999px;}
.filter .category > ul li > span.on{background:url('../images/common/radio_p.png') no-repeat 0 0;}
.filter .category > ul li > input{width:10px; height:10px; margin:0 15px 0 0; border:0; background:0;}
.filter .category > ul li > label{display:inline-block; margin:0 0 0 5px; vertical-align:top; line-height:18px;}


 .main_info {position:relative; width:1100px;  padding-top:22px; float:left}
 .main_info:after {visibility:hidden;display:block;font-size:0;line-height:0;text-indent:-9999px;clear:both;content:''}
 
 .main_info .potho {width:300px; height:206px; border:1px #dadada solid; margin-right:21px; float:left; padding:25px}
 
.info_student .potho {display:block}
 .main_info .potho p.tit{ font-size:20px; color:#333; font-weight:600}
 .main_info .potho p.tit span{ float:right}
 .main_info .potho  ul{ margin-top:25px; float:left}
 .main_info .potho  ul li{ width:144px; float:left; position:relative}
 .main_info .potho  ul li span.new{width:40px;height:40px; position:absolute; top:-15px; left:-10px}
  
 .main_info .potho  ul li span.img{width:142px;border:1px #dadada solid;height: 95px;overflow: hidden;float:left;text-align:center;}
  .main_info .potho  ul li span.img img{width: 142px;/* width: 100%; *//* height: auto; */height: 95px;}
 .main_info .potho  ul li span.tit{
    /*white-space: nowrap;   text-overflow: ellipsis;    overflow: hidden; height:14px; width:100%; margin-top:4px; float:left*/
    height: 32px;    word-wrap: normal;    overflow: hidden;    width:99%;    margin-top:10px;    float:left;    font-size: 14px;    line-height: 16px;    }
	
	 .main_info .potho  ul li span.day{    white-space: nowrap;   text-overflow: ellipsis;    overflow: hidden; height:14px; width:100%; margin-top:10px; float:left; color:#ccc }
 .main_info .potho  ul li.after{width:144px;float:left;margin-right:10px;}
 
  .main_info .video {overflow:hidden;float:none;position:relative;width:300px; height:206px; border:1px #dadada solid;  padding:25px}
 .main_info .video p.tit{ font-size:20px; color:#333; font-weight:600}
 .main_info .video p.tit span{ float:right}
 .main_info .video ul{margin-top:25px; float:left}
  .main_info .video ul li {border:1px #dadada solid;width:299px;height:159px;float:left;position: relative;}
 .main_info .video ul li iframe{frameborder:0; width:299px; height:159px; border:0 }
 .main_info .video ul li  span.new{width: 40px;height: 40px;position:absolute;top: -15px;left: -5px;}
  
.info_foundation {position:absolute;right:0px;z-index:20;width:353px;height: 307px;border: 1px #ed6710 solid;background:#fff;top: -29px;} 

.info_foundation .notice{ margin-left:-10px; margin-top:6px}
.info_foundation .notice span{ float:right; padding-right:25px; padding-top:15px }
.info_foundation ul{ padding:0px 25px 25px 25px; float:left; width:300px}
.info_foundation ul li { background:url('../images/main/li.gif') 0px 5px no-repeat ; font-size:16px; color:#4d4d4d; padding-left:20px;  white-space: nowrap;   text-overflow: ellipsis;    overflow: hidden; height:18px;  width:285px; float:left; margin-top:18px }




 .value{width:487px; height:230px;border: 1px #dadada solid; float:left; margin:22px 22px 22px 0; padding:10px 25px 0 25px; text-align:center}
 .value p.tit{ text-align:center; float:left; width:487px;}
 .value ul.tab{width: 467px;float:left;height:45px;text-align:center;margin-left: 14px;background:url('../images/main/value_bg.png')  no-repeat;}
  .value ul.tab li{width:42px; float:left; height:45px; margin-right:11px }
  .value ul.tab li.end{width:42px; float:left; height:45px; margin-right:0 }
  
  .value .box{ float:left; margin-top:10px}
  
  
  
  
  
  
  
  
  
  
  
  
 
 .habit{width:537px;height:240px;border: 1px #dadada solid; float:left; margin:22px 0}
 .habit ul.tab{ width:155px; float:right; position:absolute; right:0}
 .habit ul.tab li{ float:left; width:155px; height:80px}


.inform{width:672px;height:205px;border: 1px #233d93 solid; float:left; margin-right:22px; margin-bottom:22px; padding:10px 25px 25px 25px }
.inform p.tit{ font-size:20px; color:#333; font-weight:600}

.inform ul.tab{ float:left; width:672px;}
.inform ul.tab li{ float:left; margin-left:5px}



.inform .bax{ margin-top:10px; float:left;  color:#4d4d4d;}

.inform .bax li{ background:url('../images/main/li_.gif') 0px 5px no-repeat ; padding-left:20px; width:652px;  float:left; margin-top:10px}
.inform .bax li span.tit{font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height:19px;width: 310px;float:left;}
.inform .bax li span.place{background:url('../images/main/place.gif') 0px 1px no-repeat;padding-left:20px;font-size:13px;margin:0 10px;width: 190px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height:19px;float:left;}
.inform .bax li span.term{background:url('../images/main/term.gif') 0px 1px no-repeat ; padding-left:20px; font-size:13px; float:left}








.step{height:190px;border: 1px #233d93 solid; float:left; width:302px;   padding:25px;  margin-bottom:22px}
.step p.tit{ font-size:20px; color:#333; font-weight:600; width:200px; float:left}




.pop_list{ float:left; width:300px; height:166px; border:1px #dadada solid;  }
.pop_list li{display:none; }
.pop_list li img{ width:300px; height:166px}
.pop_list li:first-child{display:block;}
.pop_ctrl{ width:40px; height:20px; float:right; z-index:999; position:relative}

.pop_ctrl p.pop_prev{ float:left;}
.pop_ctrl p.pop_next{float:left; }

.pop_list{margin:5px 0 0 0;}













/* 메인 */

#container{   position:relative; width:1392px; margin:0 auto ; }
#containe{position:relative;width:1100px;max-height:700px; *zoom:1;margin: 30px auto 0;padding: 0 0 100px 0;}


.main_visualArea{height:504px;background: url(../images/main/bg.jpg) center top no-repeat;width:100%;min-width: 1392px;}
.main_visualArea p{ width: 1100px;    margin: 0 auto;    padding:40px 0 0 0; }


.main_section1{height:408px;padding-top: 22px;overflow:hidden; width:1100px;  margin:0 auto; position:relative}

.main_section1 .story{float:left; width:726px; overflow:hidden; }


.main_section1 .story .potho{ width:350px; height:256px; border:1px #dadada solid; margin-right:21px; float:left}
.main_section1 .story .video { width:350px; height:256px; border:1px #dadada solid;  float:left}
                         


.main_section1 .main_campaign{ width: 353px; height: 307px; border: 1px #ed6710 solid; margin-top:-53px; background: #fff; float:left;  position:absolute;   z-index:10; right:15px; overflow:hidden;  }


#mbanne{ position:relative; width:1100px;  margin:0 auto;   }
#mbanne .layout{position:relative;float: left;width:1073px;border: 1px #dadada solid;height: 64px;padding-right:25px;border-bottom:none;}
#mbanne .layout h2{width:119px;position: absolute;height:64px;}



#mbanne .layout .contro{ position:absolute;top:0; right:0px ; background:#fff; z-index:999}
#mbanne .layout .contro button{display:inline-block;float:left;width:41px;height:63px;}
#mbanne .box{overflow:hidden;position:relative;padding: 0 0 0 250px;}
#mbanne .grap{overflow:hidden;position:relative;margin-left: -120px;z-index:11;margin-top: 15px;}
#mbanne .grap .obj{overflow:hidden;position:relative;width:10000px;}
#mbanne .grap .obj .item{display:inline-block;position:relative;float:left;padding:4px 28px;color:#666;font-size:15px;line-height:1.4;}
#mbanne .grap .obj .item:after{content:"";display:block;position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;background-color:#c5c5c5;}




#mbanner{ position:relative; width:1100px;  margin:0 auto;   }
#mbanner .layout{position:relative;float: left; width:1073px;border: 1px #dadada solid;  height:44px; padding-right:25px; margin-bottom:22px}
#mbanner .layout h2{width:119px;position: absolute;height: 44px;}



#mbanner .layout .control{ position:absolute;top:0; right:0px ; background:#fff; z-index:999}
#mbanner .layout .control button{display:inline-block;float:left;width:41px;height:44px;}
#mbanner .box{overflow:hidden;position:relative;padding: 0 0 0 250px;}
#mbanner .grap{overflow:hidden;position:relative;margin-left: -120px;z-index:11;margin-top: 5px;}
#mbanner .grap .obj{overflow:hidden;position:relative;width:10000px;}
#mbanner .grap .obj .item{display:inline-block;position:relative;float:left;padding:4px 28px;color:#666;font-size:15px;line-height:1.4;}
#mbanner .grap .obj .item:after{content:"";display:block;position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;background-color:#c5c5c5;}


#banner{ width:144px; float:left; border:1px #fff solid }

#banner1{ width:124px; float:left; margin-left:22px}
#banner1 p{ width:124px; float:left; margin-top:22px}