@charset "utf-8";

/*구글 웹폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* LONG BANNER */
#long-banner {  display:block; position:relative; width:100%; margin:0 auto; top:0;} 

/*  전체 영역  */	
#wrap { display:block; position:relative; width:100%; text-align:center; background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; }
#wrap_sub { display:block; position:relative; width:100%; text-align:center; background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x;  }

/* TM */	
#header { display:block; position:relative; z-index:2; width:978px; height:35px; margin:0 auto; top:0; }
.tm {  float:right; position:relative; width:450px; padding:11px 0 0; text-align:right; }
.tm img { padding:0; margin:0 -7px; }
.tm a { padding:15px 3px; height:28px; color:#555; }
.tm span{ color:#555; }
.tm span:hover { color:#555;}
.tm a:hover { color:#555; text-decoration:none;}
.tm span.adm a { color:#095ffd; font-size:11px; argin:0;}
.tm .sns img { margin:0; }

.span_ll { width:7px; font-size:11px; font-family:'dotum'; color:#ddd; font-weight:normal; padding:0 6px 0 5px; }
.span_fl { color:#999; font-size:13px; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* TD */
#hd { display:block; position:relative; z-index:2; width:978px; height:101px; margin:0 auto; top:0; }
.tm_logo {  display:block; float:left; width:370px; margin-top:14px; text-align:left;}
.tm_sch {  display:block; float:left; margin-top:37px; width:330px; text-align:left;}
.tm_adm {  display:inline-block; float:right; width:45px; margin-top:12px; text-align:right;}
.tm_adm img { float:right; margin:0 0 3px; }
.tm_btn{  display:block; position:relative; padding-top:45px; text-align:right;}
.tm_popular { display:block; position:absolute; z-index:2; margin-top:30px; width:370px; text-align:left;}
.tm_banner { float:right; position:relative; width:250px; margin-top:15px; right:0; }

.span_ll { width:7px; font-size:11px; font-family:'dotum'; color:#ddd; font-weight:normal; padding:0 6px 0 5px; }
.span_fl { color:#999; font-size:13px; font-family:'Nanum Gothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* 전체 검색 */
#hd_sch {float:left;margin:0;padding:0;border:2px solid #333}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx { padding-left:5px;width:230px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 15px;height:26px;border:0;background:#333;color:#fff;cursor:pointer}


/* GNB */
#gnb { display:block; position:relative; z-index:99; width:100%; height:50px; margin:0 auto;  } 
#gnb_sub { display:block; position:relative; z-index:99; width:100%; height:50px; margin:0 auto;  } 

#main_nav {  display:inline-block; display:none; margin:0 auto; width:978px; top:0; }
#main_nav_wrapper { width:720px; position:relative; float:left; text-align:left;  left:0; }
#main_nav_wrapper div ul{ margin:0; padding:0; }
#main_nav_wrapper div ul li { list-style:none; float:left; width:120px; height:50px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { width:120px; height:50px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; width:120px; height:50px; position:absolute; }
#main_nav_wrapper div ul li .over { width:120px; height:50px; position:absolute; }
		
#sub_nav_mask { margin:0 auto; top:0px; left:0; width:980px; height:0px;overflow:hidden; position:relative; background:none;} 
.sub_nav_wrapper { top:-50px; height:30px; position:absolute; font-family:nanum gothic; font-size:1.15em; font-weight:bold; }
.sub_nav_wrapper a { letter-spacing:-0.01em;text-decoration:none; }

.txt_wrapper1 {  position:absolute; width:700px; height:30px; padding:7px 0 0 0; }
.txt_wrapper1 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper1 li a:hover { color:#EB2625; }

.txt_wrapper2 {  position:absolute; width:700px; height:30px; padding:7px 0 0 120px; }
.txt_wrapper2 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper2 li a:hover { color:#EB2625; }

.txt_wrapper3 {  position:absolute; width:500px; height:30px; padding:7px 0 0 241px; }
.txt_wrapper3 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper3 li a:hover { color:#EB2625; }

.txt_wrapper4 { position:absolute; width:780px; height:30px; padding:7px 0 0 363px; }
.txt_wrapper4 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper4 li a:hover { color:#EB2625; }

.txt_wrapper5 { position:absolute; width:700px; height:30px; padding:7px 0 0 403px; }
.txt_wrapper5 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper5 li a:hover { color:#EB2625; }

.txt_wrapper6 { position:absolute; width:500px; height:30px; padding:7px 0 0 605px; }
.txt_wrapper6 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper6 li a:hover { color:#EB2625; }

.txt_wrapper7 { position:absolute; width:600px; height:30px; padding:7px 0 0 345px; }
.txt_wrapper7 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper7 li a:hover { color:#EB2625; }

.txt_wrapper8 { position:absolute; width:900px; height:30px; padding:7px 0 0 0px; }
.txt_wrapper8 li { display:block; float:left; text-align:left; padding:0 10px; height:14px; border-right:1px #ddd solid; }
.txt_wrapper8 li a:hover { color:#EB2625; }


/* 올메뉴 보기 */
#main_nav_login { position:relative; float:right; text-align:right;  right:0; padding:14px 0 0 0; list-style:none;}
#main_nav_login ul { list-style:none;}
#main_nav_login li { float:left; margin:0; }
#main_nav_login .login { margin:0 40px 0 0; }

.sitemapmenu ul{ margin:0;padding:0; ;}
.sitemapmenu ul li{ position:static; }
.sitemapmenu > ul { width:30px; display:block; position:absolute; z-index:99992; float:right; right:0; top:0; margin-right:24px; }
.sitemapmenu > ul .btn { display:block; position:relative; padding:10px 0 0 15px;; }
.sitemapmenu > ul li a{ color: black;display: block;overflow: auto;	padding:0;	position: relative;text-decoration: none;text-indent:10px; line-height:1.8em; font-family:nanum gothic; font-size:1.05em; }
.sitemapmenu > ul li.hassub > a::after{ /*border: 5px solid transparent;border-left-color: gray; content: '';height: 0;position: absolute;right: 5px;	top: 35%;width: 0;*/}
.sitemapmenu > ul li.hassub.selected > a::after{  }
.sitemapmenu ul li a:hover, .sitemapmenu ul li.hassub.selected > a{ color:#49b8db;}
.sitemapmenu ul li > div, .sitemapmenu ul li > ul{ position: absolute;z-index:999;margin-top:0px;font-family:nanum gothic;float:left;background:#FFF; border: 1px solid #ccc;border-radius: 0 0 12px 12px; /* box-shadow: 2px 2px 0px 2px #F7F7F7; */ display: none;font-weight: normal;width: 980px;left: -925px;	padding:0 20px 0 20px; text-align:left;-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;}


/*  MAIN VISUAL  */	
#main_visual { position:relative; width:100%; height:417px; margin:0 auto; top:5px; }
#contents_ms { display:block; overflow:hidden; width:100%; height:417px; margin:0 auto; position:absolute; top:0px; display:none;  }

#slider { top:0; left:0; height:417px; position:absolute; }
#slider ul {  height:417px;position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:417px; position:absolute; }
#slider ul li div { margin:0 auto; width:100%; height:417px; position:relative; }
	
/* step1 */
.slider_sp1 { top:0; left:0; height:417px; position:absolute; }
.slider_sp1 ul { height:417px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:417px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1000px; height:417px; position:relative; }

/* step2 */
.slider_sp2 { top:0; left:0; height:417px; position:absolute; }
.slider_sp2 ul { height:417px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:417px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1000px; height:686px; position:relative; }
.slider_sp2 ul li div.box1 img { top:140px; left:10px; position:absolute; z-index:1;}
.slider_sp2 ul li div.box2 img { top:140px; left:10px; position:absolute; z-index:1;}


/* button */
#arrow-btn {  position:relative;  z-index:999; top:0px; width:100%; height:135px; margin:0 auto; }

/* prev */
#arrowPrev { width:75px; height:135px; position:absolute;  z-index:999; top:150px; left:2%; }
#arrowPrev div.img { width:75px; height:135px; position:absolute; }
#arrowPrev div.square { width:115px; height:135px; position:absolute; background:#ffffff; opacity:1; cursor:pointer; top:0px; left:-50px; }
		
/* next */
#arrowNext { width:75px; height:135px; position:absolute;  z-index:999; top:150px; right:2%; }
#arrowNext div.img { width:75px; height:135px; position:absolute; }
#arrowNext div.square { width:115px; height:135px; position:absolute; background:#ffffff; opacity:1; cursor:pointer; top:0px; }

/* navigation */
#contents_ms_nav { width:146px; height:24px; top:235px; position:relative; margin:0 auto; z-index:99; padding:0; /*background:url('../images/MainVisual/gnb_bg.png');*/ }
#contents_ms_nav div { overflow:hidden; width:146px; height:24px; position:relative; margin:0px; }
#contents_ms_nav div ul { width:146px; height:24px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:24px; height:24px; margin:0 4px 0 0;  cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }


/*  메인 본문내용 */
#wrapper { display:block; position:relative; width:100%; height:1400px; top:60px; }
.contain { display:inline-block; position:relative; width:977px; margin:0 auto; }
.contain ul li { list-style:none; }
.contain .cl { float:left; width:480px; text-align:left; }
.contain .cl .news { float:left; width:450px; text-align:left; border:1px #ddd solid; padding:15px;background:#fafafa;}
.contain .cl .news_total { float:left; width:450px; text-align:left; border:1px #ddd solid; margin-top:10px; padding:15px;}
.contain .cl .news_total h2 { width:100%; float:left; font-size:1.3em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 7px 0; border-bottom:1px #ddd solid;}
.contain .cl .news_total .line { padding:15px 0; line-height:29px; }

.contain .cc { display:block; float:left; width:225px; padding:0 10px; }
.contain .cc .contest { float:left; width:195px; height:151px; text-align:left; border:1px #ddd solid; padding:15px; }
.contain .cc .contest_total { float:left; width:215px; text-align:left;  margin-top:30px; padding:0 5px; }
.contain .cc .contest_total h2 { width:100%; float:left;  font-size:1.2em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 7px 0; border-bottom:1px #ddd solid;}
.contain .cc .contest_total h2 a { /*color:#0050d5; */}
.contain .cc .contest_total .line { padding:15px 0; line-height:29px; }
.contain .cc .ysin{ float:left; width:215px; height:151px; text-align:left; margin-top:20px; padding:0 5px;}
.contain .cc .ysin h2 { width:100%; float:left; font-size:1.2em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 7px 0; border-bottom:1px #ddd solid;}
.contain .cc .ysin h2 a { /*color:#0050d5; */}
.contain .cc .movie{ float:left; width:215px; height:151px; text-align:left; margin-top:20px; padding:0 5px;}
.contain .cc .movie h2 { width:100%; float:left; font-size:1.2em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 7px 0; border-bottom:1px #ddd solid;}
.contain .cc .movie h2 a { /*color:#0050d5; */}

.contain .cr { float:left; width:250px; }
.contain .cr .banner { display:block; float:left; text-align:left; width:249px; }
.contain .cr .banner ul li { list-style:none; }
.contain .cr .photonews { display:block; float:left; text-align:left; width:220px; height:230px; border:1px #ddd solid; margin:10px 0 0; padding:15px;  }
.contain .cr .photonews h2  { width:100%; float:left;  font-size:1.2em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 10px 0; border-bottom:1px #ddd solid;}
.contain .cr .food { display:block; float:left; text-align:left; width:220px; height:200px; border:1px #ddd solid; margin:10px 0 0; padding:15px;  }
.contain .cr .food h2  { width:100%; float:left;  font-size:1.2em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 10px 0; border-bottom:1px #ddd solid;}
.contain .cr .dt { display:block; float:left; text-align:left; width:220px; height:200px; border:1px #ddd solid; margin:10px 0 0; padding:15px;  }
.contain .cr .dt h2  { width:100%; float:left;  font-size:1.2em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 6px 0; margin:0 0 10px 0; border-bottom:1px #ddd solid;}


.contain1 { float:left; display:inline-block; position:absolute; width:707px; border-top:1px #ddd solid; margin-top:820px; margin-left:-975px; }
.contain1 ul li { list-style:none; }
.contain1 .cl { float:left; width:695px; text-align:left; }
.contain1 .cl .photo { float:left; width:695px; text-align:left; border:0px #ddd solid; padding:15px 0; }
.contain1 .cl .photo h2 { width:100%; float:left; font-size:1.3em; font-weight:bold; letter-spacing:-0.02em; }

.contain2 { float:left; display:inline-block; position:absolute; width:707px; margin-top:1000px; margin-left:-975px; }
.contain2 .gt { float:left; text-align:left; width:689px; background:#475057; padding:5px 10px; color:#fff; margin:10px 0; font-size:1.3em;font-weight:bold;}
.contain2 ul li { list-style:none; }
.contain2 .cl { float:left; width:350px; text-align:left; }
.contain2 .cl .life { float:left; width:320px; text-align:left; border:1px #ddd solid; padding:15px;  margin:0 0 30px 0;}
.contain2 .cl .life h2 { width:100%; float:left; font-size:1.3em; font-weight:bold; letter-spacing:-0.02em; padding:0 0 10px 0;}
.contain2 .cr { float:left; width:350px; text-align:left; margin:0 0 0 7px;}
.contain2 .cr .room { float:left; width:320px; text-align:left; border:1px #ddd solid; padding:15px 15px 28px 15px; margin:0 0 30px 0;}
.contain2 .cr .room h2 { width:100%; float:left; font-size:1.3em; font-weight:bold; letter-spacing:-0.02em; }


/*  새로운 글 */
#wrapper_new { display:block; position:relative; width:100%; top:70px; margin-bottom:70px;}
.contain_new { width:977px; margin:0 auto; text-align:left;}

/* 탭  */
ul.tabs {margin:10px 0 0 0; padding:0; float:left; list-style:none; height:30px; width:100%; font-family:"nanum gothic"; font-size:13px;font-weight:bold;}
ul.tabs li { float:left;text-align:center; cursor:pointer; width:116px; height:30px; line-height:30px; margin:0 1px 0 0; border-left:none; background:#eee; overflow:hidden; position:relative;}
ul.tabs li.active { background:#FF3061; color:#FFF; }
.tab_container {  clear:both; float:left; width:100%; height:137px;  background:#FFF; margin-top:1px;}
.tab_content { padding:20px 0 0 0; display:none;}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li { padding:0; list-style:none;}
 #container_tab { width:100%; margin:0 auto; top:0;}


/*  서브 메뉴 부  */
#container{ display:block; position:relative; width:980px; min-height:600px;height:auto !important; margin:0 auto; top:60px; background:none; }

#aside { display:block; float:left; text-align:left; width:135px; height:auto; }
#aside .snb { float:left;width:120px; padding:5px 0 0; text-align:left; }
#aside .gr_tit { display:block; width:90px; background:#747c83; padding:20px 15px; text-align:center; font-size:1.5em; color:#FFF; font-weight:bold; letter-spacing:-0.02em; }

#board { z-index:4; display:block; position:relative; float:left; margin:0; padding:0 20px; width:550px; height:100%; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
#board:after { display:block;visibility:hidden;clear:both;content:""}
#board .bo_tit { display:block; width:100%; text-align:left; padding:14px 0 50px 0; margin-bottom:10px; border-bottom:1px #ddd solid; }
#board .bo_tit .bo_img {  float:left; padding:0; clear:both; font-size:2.4em; font-weight:bold; letter-spacing:-0.04em;} 
#board .bo_tit .bo_nav {  float:right; text-align:right; padding:12px 0 0; } 
#board .cont { text-align:left; padding:15px 0 0 0; min-height:450px !important; height:auto !important;}

#right_content { display:block; float:left; text-align:left; margin-left:-1px; width:249px; min-height:750px !important; height:auto !important;  border-right:0px #e1e1e1 solid;background:#FFF; }
#right_content ul li { list-style:none; background:#FFF; }
#right_content .group_today { width:220px; margin:0 auto; padding:20px 0; }
#right_content .group_today .gr_tit { font-size:1.2em; font-weight:bold; }
#right_content .group_today .gr_latest {  }

.snbBtn { display:block; position:relative; width:120px; font-size:1.2em; color:#555; letter-spacing:0em; }
.snbBtn .nav { position:relative; }
.snbBtn .nav ul { margin:0; padding:0; }
.snbBtn .nav li { font-weight:bold; background:#FFF; display:inline-block; float:left;  text-align:left; font-size:0.93em; width:120px; height:22px; padding:7px 0 0 0; border-bottom:1px #D9D9D9 solid; cursor:pointer; }
.snbBtn .nav li:hover { width:120px; border-bottom:1px #D9D9D9 solid;}
.snbBtn .nav li span { float:left; margin-top:-7px; width:100%; height:22px; padding:7px 0 0 0; background:#FFF; color:#EB2625;  border-bottom:1px #EB2625 solid; cursor:pointer;  }


/* 하단 레이아웃 */
#ft_tb { display:inline-block; position:relative; width:100%; text-align:center; font-size:13px; margin-top:60px; background:#FFF; }
#ft { display:block; position:relative; margin:0 auto; padding:0 0 15px 0; width:980px; border-top:2px #999 solid;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft div {position:relative;margin:0 auto;padding:0;width:980px;text-align:center;}
#ft_logo {position:absolute;top:20px;left:0}
#ft ul {margin:0 0 15px;padding:13px 0 10px 170px;zoom:1; text-align:center; border-bottom:1px #ddd solid; }
#ft ul:after {display:block;visibility:hidden;clear:both;content:""}
#ft li {float:left; padding:0; }
#ft a:hover {text-align:center; text-decoration:none; color:#EB2625; }
#ft p { font-size:13px; text-align:left; line-height:1.7em;color:#777; }
#ft .fm_logo { float:left; width:180px; }
#ft .fm_add { float:left;  }
#ft p { font-size:13px; text-align:left; line-height:1.7em;color:#777; }
#ft span {display:inline-block;margin:0}
#ft b {display:inline-block;margin:0 5px 0 0}
#ft_totop {position:absolute;top:20px;right:0}

#ft_family { position:relative; margin:0 auto; width:960px; }
#ft_family .family {position:absolute; z-index:1; margin-top:-85px; right:0; width:185px; height:20px; line-height:20px; border:1px solid #707070;}
#ft_family .family a.button{display:block;padding:0 7px;font-size:11px; text-align:left;background:url(../images/footer_family_button_bg.gif) right 0 no-repeat;text-decoration:none;}
#ft_family .family a.button.on{background-position:right -20px;}
#ft_family .family ul{visibility:hidden;position:absolute; bottom:20px;left:-1px; width:185px;border:1px solid #707070;background:white; }
#ft_family .family ul li{width:185px; float:left; list-style:none;}
#ft_family .family ul li a{display:block;padding:1px 7px;font-size:11px; float:left;text-decoration:none;}


/*  로그인/회원가입 head 부  */
#head_content { min-width:100%; margin-top:0; text-align:center; margin-top:5px; }
#head_content #head { width:980px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:980px; text-align:left;   margin:0 auto; }

/* Go Top 버튼 */
.WapGoTop {position: fixed;	bottom: 0;	right: 0;	font-size: 0;	z-index: 1020;}
.GotopBtn {display: block;position: absolute;bottom: -75px;right: 20px;width: 65px;height:65px;	background: url('../img/btn-gotop.gif') 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 0.5;z-index: 1021; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size: 100%;opacity: 1;z-index: 1021;  }


/*  메인 popup   */
#popup_la {  border:0px #ffffff solid; background:#eee;  }
#popup_la .file { }
#popup_la .content { width:400px; height:400px;padding:20px; }
#popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; }
#popup_la .day strong { color:#000;  }