@charset "utf-8";





body{ margin:0; padding:0; position:relative; overflow-x:hidden; background:#5c5c5c; }
 
#wrap{ width:640px; margin:0 auto; background:#fff; position:relative;}




/***************************** ////// 상단 헤더 부분 ////// *******************************/
#header {position:absolute; left:0; z-index:10; width:100%; height:100px; background:#f5f0ee; }
#header #menu {float:left; margin:20px 15px; width:60px; height:60px; background:url(../images/main/h01.jpg) no-repeat center center; font-size:0; cursor:pointer;}
#header #logo {position:absolute; top:40%; left:50%; width:220px; height:85px; margin:-20px -125px;}
#header #logo h1 {width:100%; height:100%;}
#header #logo h1 a {display:block; width:100%; height:100%; background:url(../images/logo.png) no-repeat; font-size:0; line-height:0;}
#header #mem_btns {position:absolute; width:107px; height:100px; text-align:left; right:0;}
#header #mem_btns a {color:#bbb; font-size:20px; padding:0 7px; line-height:100px;}



/***************************** ////// 메뉴 ////// *******************************/
#menu_list_bg {display:none; position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
#menu_list {position:fixed; left:-500px; top:0; z-index:100; width:500px; height:100%; background:#fff; overflow:auto; overflow-x:hidden;}
#menu_list .menu_list_tit { width:100%; height:70px; text-align:center; color:#fff; font-size:27px; line-height:70px; background:#333;}
#menu_list .menu_list_tit .close {display:block; position:absolute; right:10px; top:10px; width:48px; height:48px; border:solid 1px #999; text-align:center; line-height:48px; font-size:30px; color:#999;}
#menu_list #navi {width:100%; background:#fff; }
#menu_list #navi li {position:relative; border-bottom:solid 1px #d9d9d9;}
#menu_list #navi li a {display:block; padding:0 20px; height:80px; font-size:27px; line-height:80px; cursor:pointer;}
#menu_list #navi li .main_mn {font-size:30px; background:url(../images/submenu_arrow.gif) no-repeat 445px 8px;}
#menu_list #navi li .main_mn.on {font-weight:bold; color:#333; border-bottom:solid 1px #d9d9d9; background-position:445px -53px;}
#menu_list #navi li .close_lnb {display:block; width:100%; height:80px; padding:0; position:absolute; left:0; top:0; z-index:13;}
#menu_list #navi .lnb {display:none; background:#f6f6f6;}

#menu_list  #navi p{font-size:22px;height:50px; line-height:50px}
#menu_list  #navi p a{font-size:22px; height:50px; line-height:50px}

/* 전체메뉴 */
#total_menu {position:absolute; top:90px; left:50%; margin-left:-320px; z-index:11; width:640px; display:none;}
.total_wrap {padding:10px 25px; background:#575757; overflow:hidden;}
.total_box { clear:both; position:relative; padding:10px 0; overflow:hidden; border-bottom:1px dotted #797979;}
.noline {border-bottom:none !important;}
.total_box .mn_tit {float:left; width:150px;}
.total_box .mn_tit a {color:#FFF; font-size:26px; font-weight:400; letter-spacing:-1px; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:200px; margin-right:10px;}
.total_box ul li a {display:block; padding:3px 0; font:normal 23px/26px '나눔고딕','NanumGothic','宋體', 'simsun', Arial;color:#ccc; letter-spacing:-1px;}





/***************************** ////// 메인비주얼 ////// *******************************/
#main_visual {width:640px; position:relative; padding-top:100px; margin:0 auto; overflow:hidden; background:#FFF; z-index:1}
#main_visual .imgbox {width:100%; height: 754px;}
#main_visual .slider {width:100%; height:100%;}
#main_visual .slider .item {float:left; width:640px;}
#main_visual .btnbox {height:59px; cursor:pointer; position:absolute; bottom:0px; z-index:2; left: 50%; transform:translateX(-50%);}
#main_visual .btnbox li{display:block; margin:0;}
#main_visual .btnbox .go {float:left; width:18px; height:17px; background:url('../images/main/mv_btn.png') no-repeat; text-indent:-9999px; margin-right:5px;}
#main_visual .btnbox .go.on {background:url('../images/main/mv_btn_ov.png') no-repeat;}
#main_visual .btnbox .go.off {background:url('../images/main/mv_btn.png') no-repeat;}
#m_wrap #button {width:640px;overflow:hidden;margin:0 auto;background:#FFF;}
#m_wrap #button li{float:left;padding-top:15px;}
#m_wrap #button li:nth-child(2){margin:0 1px 0 1px;}


/* m01 */

#m01{width:100%; height:auto; overflow:hidden;  position: relative; padding-top: 60px; margin-bottom: 40px;}
#m01 .m01_tit {padding-bottom: 40px;}
#m01 .m01_tit h3 {color: #222; font-size: 28px; font-family: 'S-CoreDream-5Medium'; text-align: center; letter-spacing: -1px; padding-bottom: 9px;}
#m01 .m01_tit .line {width: 545px; height: 1px; background-color: #666; margin: 0 auto;}
#m01 .m01_txt {width: 640px; margin: 0 auto; background-color: #fbfbfb; padding-top: 80px; padding-bottom: 80px;}
#m01 .m01_txt li:first-child {text-align: center; color: #222; font-size: 19px;  font-family: 'S-CoreDream-3Light'; padding-bottom: 34px;}
#m01 .m01_txt li:nth-child(2) {text-align: center; color: #222; font-size: 20px; font-family: 'S-CoreDream-5Medium'; padding-bottom: 30px;}
#m01 .m01_txt .m01_btn {width: 349px; height: 41px; background: transparent;  border: 1px solid #d1d1d1; margin: 0 auto;}
#m01 .m01_txt .m01_btn a {text-align: center; color: #666; font-size: 19px; font-family: 'S-CoreDream-3Light'; line-height: 40px; padding: 2px 60px;}

/* m02 */

#m02{width:100%; height:auto; overflow:hidden;  position: relative; margin-bottom: 60px;}
#m02 .m02_tit {padding-bottom: 40px;}
#m02 .m02_tit h3 {color: #222; font-size: 28px; font-family: 'S-CoreDream-5Medium'; text-align: center; letter-spacing: -1px; padding-bottom: 9px;}
#m02 .m02_tit .line {width: 548px; height: 1px; background-color: #666; margin: 0 auto;}
#m02 .m02_txt {width: 640px; margin: 0 auto; background-color: #fbfbfb; padding-top: 123px; padding-bottom: 123px;}
#m02 .m02_txt li:first-child {text-align: center; color: #222; font-size: 19px;  font-family: 'S-CoreDream-3Light'; padding-bottom: 34px;}
#m02 .m02_txt li:nth-child(2) {text-align: center; color: #222; font-size: 20px; font-family: 'S-CoreDream-5Medium'; padding-bottom: 30px;}
#m02 .m02_txt .m02_btn {width: 349px; height: 41px; background: transparent;  border: 1px solid #d1d1d1; margin: 0 auto;}
#m02 .m02_txt .m02_btn a {text-align: center; color: #666; font-size: 19px; font-family: 'S-CoreDream-3Light'; line-height: 40px; padding: 2px 70px;}

/* m03 */

#m03 {width:100%; height: 556px; overflow:hidden;  position: relative; background:url('../images/main/m03_bg.jpg') center no-repeat;}
#m03 .m03_tit {padding-bottom: 40px; padding-top: 60px;}
#m03 .m03_tit h3 {color: #222; font-size: 35px; font-family: 'S-CoreDream-6Bold'; text-align: center; letter-spacing: -1px;}
#m03 ul {width:100%; margin:0 auto;  overflow:hidden;}
#m03 ul li {float:left; /*padding-right: 10px;*/}
#m03 ul li:last-child {padding-right: 0;}
#m03 ul li img {padding-bottom: 0; width: 100%;}
#ban_wrap {width: 600px; margin: 0 auto;}
.theme_img > img{width: 95%;}

/*m04*/

#m04 {width:100%; overflow:hidden;  position: relative;}
#m04 .m04_tit {padding-bottom: 40px; padding-top: 60px;}
#m04 .m04_tit h3 {color: #222; font-size: 35px; font-family: 'S-CoreDream-6Bold'; text-align: center; letter-spacing: -1px;}
.root_daum_roughmap .wrap_controllers {display: none;}
#m04 ul li:last-child {width: 580px; margin: 0 auto;}




#comm  {position:relative;}
.bx-wrapper .bx-controls {
	 position: absolute;
    display: flex;
    right: 30px;
    top: 30px;	}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ddd;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 8px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;	
	float:left;
	text-indent: -100000px;
	}

	.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #00bacb;}



/*하단 배너들
#ban_wrap { width:100%; max-width:640px; margin:0 auto; position:relative; }
#ban_wrap .main_ban { position:relative; overflow:hidden;  }
#ban_wrap .main_ban .ban { position:relative; overflow: hidden; left: -150px; }

#ban_wrap .main_ban .ban .txt_wrap { top:0; left:0; position:absolute; /*background:#f00;*/ }

#ban_wrap .main_ban2 .ban { width:50%; }*/







/* 오시는길 */

.bot_ban li{float:left; width:50%}



#contant_wrap #hot{width:100%; text-align:center; overflow:hidden;}
#hot_list #hot {overflow:hidden;position:absolute; top:0; width:100%; }
#hot_list #hot ul {width:100%;}


#contant_wrap .hot_cont{width:45%; background:#fff; padding:12px 0; margin-right:17px;}
#contant_wrap .hot_cont:last-child{margin-right:0}


#contant_wrap #hot_wrap{text-align:center}
#contant_wrap #hot_wrap h2 {font-size:35px; font-weight:normal; color:#222; padding:40px 0 10px 0; }
#contant_wrap #hot_wrap h2 span{font-weight:normal; font-family:nanumbarungothiclight;font-size:35px; }


#contant_wrap .hot_cont_txt {padding:20px 20px 40px; min-height:72px; letter-spacing:-1px;}


#contant_wrap #hot {overflow:hidden; position:relative; text-align:center;}
#contant_wrap #hot h2 {font-size:35px; font-weight:normal; color:#222; padding:40px 0; }




#ban_wrap{width:620; padding:0 10px}
#ban_wrap li{float:left; /*padding:7px*/}