@charset "utf-8";

body {font-size:15px;font-family:'Noto Sans KR';font-weight:400; }

/*  전체 영역  */	
#wrap { display:block; position:relative; width:100%; font-size:14px;font-family:'Noto Sans KR';font-weight:400; /* background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; */}
#wrap_sub { display:block; position:relative; width:100%; /*background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; */}

/* top */	
#header { display:block; position:relative; z-index:3; width:1002px; height:110px;margin:0 auto; top:0; }
.tm {  float:right; position:absolute; z-index:2; right:0; width:450px; padding:70px 0 0 0; text-align:right; }
.tm img { padding:0; margin:0 -2px; }
.tm a { color:#999; padding:0; height:27px; text-decoration:none;  font-size:14px;font-family:'Noto Sans KR'; font-weight:500; margin:0 2px; letter-spacing:-0.05em;}
.tm span.adm a { color:#d80000; font-size:14px;font-family:'Noto Sans KR'; font-weight:500; margin:0 5px; }
.tm_logo { display:block; position:absolute; z-index:99999; padding-top:25px; width:295px; text-align:left; }
.tm .sitemap { color:#999;  padding:0; height:27px; text-decoration:none; font-size:14px;font-family:'Noto Sans KR'; font-weight:500; margin:0 2px; letter-spacing:-0.05em; }

.span_ll { width:7px; font-size:11px; font-family:'dotum'; color:#999; font-weight:normal; padding:0 3px 0 2px; }
.span_fl { color:#ccc; font-size:13px; font-family:'Noto Sans KR', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* GNB */
#gnb { display:block; position:relative; z-index:9999; width:100%; height:53px; margin:0 auto;  } 
#gnb_sub { display:block; position:relative; z-index:9999; width:100%; height:60px; margin:0 auto; top:0; } 
.visual_main_stripe {  display:block; position:absolute; z-index:2; top:0; height:260px; width:100%; background-image: url('../images/bg_main.jpg');background-position: top; background-repeat:repeat-x;  }	
.visual_sub_stripe { display:block; position:absolute; top:0; height:370px; width:100%; background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; }	

#main_nav {  display:block; margin:0 auto; width:100%; top:0; left:0; position:absolute; z-index:9999; }
#main_nav_wrapper { width:1002px; position:relative; margin:0 auto; 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:167px; height:60px; cursor:pointer; position:relative; font-size:16px;font-family:'Noto Sans KR';font-weight:400;}
#main_nav_wrapper div ul li .square { width:167px; height:60px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; width:167px; height:60px; position:absolute; }
#main_nav_wrapper div ul li .over { width:167px; height:60px; position:absolute; }

#main_nav_wrapper #main_nav_line { top:0; left:0; margin:0; padding:0; cursor:pointer; position:absolute; }
#main_nav_wrapper #main_nav_line div { list-style:none; top:0; width:0; height:60px; position:absolute; } 

#sub_nav_mask { top:60px; width:100%; height:0; overflow:hidden; position:absolute; background:#FFF; opacity:1;  border-bottom:1px #ddd solid; bottom:-1px;} 
#sub_nav_wrapper { top:-60px; left:0; width:1002px; height:190px; position:relative; margin:0 auto; border-left:1px #ddd solid; border-top:0px #FFF solid; }
		
div.sub_nav_square { display:block; left:4px; position:absolute; top:0; }
div.sub_nav_square div.cate_wrapper { left:0; float:left; height:190px; position:absolute; }
div.sub_nav_square div.cate_wrapper ul { padding:0; }
div.sub_nav_square div.cate_wrapper ul li { list-style:none; float:left; width:158px; height:24px; position:relative;  margin:0 auto;  font-size:15px;font-family:'Noto Sans KR'; font-weight:400;  letter-spacing:-0.03em;}
div.sub_nav_square div.cate_wrapper ul li div.square { width:158px; height:24px;  background:#429CD5; position:absolute;  margin:0 auto;}
div.sub_nav_square div.cate_wrapper ul li div.over { top:4px; left:14px;line-height:14px;text-decoration:none; color:#000; position:absolute; }

div.sub_nav_btn { top:0; left:0; position:absolute; }
div.sub_nav_btn div.cate_wrapper { top:0; float:left; width:158px; height:190px; position:absolute; }
div.sub_nav_btn div.cate_wrapper ul { margin:0; padding:0; width:158px; position:absolute; }
div.sub_nav_btn div.cate_wrapper ul li { list-style:none; float:left; width:158px; height:24px;  font-size:15px;font-family:'Noto Sans KR'; font-weight:400;  letter-spacing:-0.03em;/* 백그라운드 중요함,삭제금지 => */background:#FFFFFF; cursor:pointer; position:relative; }
	
#sub_nav_line_1 { top:0; left:0; position:absolute; }
#sub_nav_line_1 div { width:1px; height:190px; position:absolute; margin-left:-1px;}


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

#slider { top:0; left:0; height:500px; position:absolute; }
#slider ul {  height:500px;position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:500px; position:absolute; }
#slider ul li div { margin:0 auto; width:100%; height:500px; position:relative; }
	
/* step1 */
.slider_sp1 { top:0; left:0; height:500px; position:absolute; }
.slider_sp1 ul { height:500px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:500px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1100px; height:500px; position:relative; }
.slider_sp1 ul li div.box1 img { top:0px; left:470px; position:absolute; z-index:4; }
.slider_sp1 ul li div.box2 img { top:0px; left:570px; position:absolute; z-index:4; }
.slider_sp1 ul li div.box3 img { top:0px; left:700px; position:absolute; z-index:4; }

/* step2 */
.slider_sp2 { top:0; left:0; height:500px; position:absolute; }
.slider_sp2 ul { height:500px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:500px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1100px; height:500px; position:relative; }
.slider_sp2 ul li div.box1 img { top:120px; left:0; position:absolute; }
.slider_sp2 ul li div.box2 img { top:120px; left:0; position:absolute; }
.slider_sp2 ul li div.box3 img { top:60px; left:130px; position:absolute; }

/* step3 */
.slider_sp3 { top:0; left:0; height:500px; position:absolute; }
.slider_sp3 ul { height:500px; position:relative; }
.slider_sp3 ul li { list-style:none; float:left; width:100%; height:500px; position:absolute; }
.slider_sp3 ul li div { margin:0 auto; width:1100px; height:500px; position:relative; }
.slider_sp3 ul li div.box1 img { top:363px; left:49px; position:absolute;  z-index:4;}
.slider_sp3 ul li div.box2 img { top:280px; left:0; position:absolute;  z-index:4; }
.slider_sp3 ul li div.box3 img { top:280px; left:160px; position:absolute; z-index:4; }


/* button */
#arrow-btn { display:inline-block;position:relative; z-index:9; top:0; margin-left:300px; width:220px; height:40px; }

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

/* navigation */
#contents_ms_nav { display:none; width:146px; height:24px; top:500px; 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; }

/* 인포 배너 */
#info_banner { width:100%; height:180px; top:0; position:relative; margin:0 auto; padding:0; background:url('../images/bg_visual.jpg'); }
#info_banner p { width:1000px; height:180px; top:0; position:relative; margin:0 auto; padding:0;  }
#info_banner img { float:left; height:180px; top:0; position:relative; margin:0; padding:0;  }


/* 퀵메뉴 */
#qBtn {  display:block; position:relative; margin:0 auto; width:100%; height:145px; top:-20px; }
.qbtn { width:1002px; margin:0 auto; }
.qbtn .box { text-align:center; top:0; }
.qbtn .box .btn { float:left;  width:166px; height:145px; margin:0;}

/*  메인 본문내용 */
#wrapper { display:block; position:relative; width:100%; text-align:center; top:0; }
#wrapper .review { display:block; position:relative; width:100%; height:211px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; background:#eee; text-align:center;  }
#wrapper .review ul { width:1002px; margin:0 auto; }
#wrapper .review ul li { float:left; margin:0; }
#wrapper .cont { margin:0 auto; width:1002px; height:180px; margin-top:30px; padding:0; }
#wrapper .cont ul { width:1002px; margin:0 auto; }
#wrapper .cont .lb { display:inline-block; position:relative;float:left; width:344px; text-align:left;}
#wrapper .cont .cb { display:inline-block; position:relative;float:left; width:347px;  text-align:left;}
#wrapper .cont .rb { display:inline-block; position:relative;float:left; width:309px;  text-align:left;}


/* 서브 비쥬얼 */
#visual_sub { display:block; position:relative; width:100%; height:160px; top:0; }
.top_visual_g0 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg0.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g1 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg1.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g2 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg2.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g3 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg3.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g4 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg4.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g5 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg5.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g6 { display:block;width:100%; height:160px; background-image: url('../images/SubVisual/bg6.jpg');background-repeat:no-repeat; background-position:50%; }

/*  서브 메뉴 부  */
#container{ display:block; position:relative; z-index:3; width:1002px; margin:0 auto; padding-top:0px; background:none; }
#aside { display:block; float:left; text-align:left; width:200px; margin-top:0px;  }
#aside .gr_tit { display:block; width:200px; height:162px; }
#aside .snb { float:left;width:200px; padding:0; text-align:left; font-size:16px;font-family:'Noto Sans KR'; font-weight:400; /*background-image: url('../images/td_line.jpg');*/}
#aside .leftImg{ margin-top:30px; }
#aside .td_line {  float:left;width:200px; position:relative; padding-top:50%;  height:0; /*background-image: url('../images/td_line.jpg');*/}
#aside .td_line p{ position:absolute; top:0; left:0; height:100%; } 

#board { display:block; position:relative; float:right; top:0; padding:0 0 0 50px; width:752px; min-width:752px !important; height:auto !important; }
#board:after { display:block;visibility:hidden;clear:both;content:""}
#board .bo_tit { display:inline-block; width:752px; text-align:left; padding:0; }
#board .bo_tit .bo_img {  float:left; clear:both; font-family:nanum gothic; font-size:35px; font-weight:bold;color:#444; letter-spacing:-0.05em; width:752px;height:87px;background-image: url('../images/bo_titie_bg.png');} 
#board .bo_tit .bo_nav {  float:left; text-align:left; padding:13px 0 45px 0; font-family:nanum gothic; font-size:13px; font-weight:bold; color:#FFF; letter-spacing:0em;} 
#board .bo_tit .bo_nav a {  color:#FFF; } 
#board .cont { position:relative; text-align:left; padding:30px 0 0; }

.snbBtn { display:block; position:relative; width:200px;  }
.snbBtn .nav { position:relative; }
.snbBtn .nav ul {  padding:0; }
.snbBtn .nav li { font-size:16px;font-family:'Noto Sans KR';font-weight:500; color:#222; background:#FFF; list-style:none; display:inline-block; float:left;  text-align:left; width:190px; height:28px; padding:12px 0 0 10px; border-bottom:1px #DDD solid;  cursor:pointer; background-image: url('../images/snb_off.png');}
.snbBtn .nav li:hover { background-image: url('../images/snb_on.png'); }
.snbBtn .nav li span { float:left; margin-top:-12px;  margin-left:-10px; width:190px; height:28px; padding:12px 0 0 10px; background:#FFF; color:#00b24b;  cursor:pointer; background-image: url('../images/snb_on.png'); }


/* COPYRIGHT */
#ft_tb { display:block; position:relative; width:100%; }

#fb_banner { display:inline-block; position:relative; width:100%; height:70px; top:40px;  border-top:1px #d9d9d9 solid; border-bottom:0px #d9d9d9 solid;  background:#F7F7F7;}
.fb { width:1002px; margin:0 auto;}
.fb img { float:left; }

#foot { display:block; position:relative; width:100%; text-align:center; top:40px; background:#777; /*background-image: url('../images/copyright_bg.png'); */ }
.copyright { width:1002px; margin:0 auto; text-align:left; padding:20px 0 30px 0;}
.copyright .add { text-align:center; }
.copyright .add img { vertical-align:top; overflow:hidden;}
.copyright .privacy { display:block; position:absolute; z-index:1; width:180px; height:18px; top:24px; margin-left:820px; cursor:pointer;  }
.copyright .sns { display:block; position:relative; z-index:9; width:70px; margin-top:-60px; margin-left:760px;  }


/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; margin-top:-3px; text-align:center; background:#fff; }
#head_content #head { width:950px;  margin:0 auto; padding:30px 0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; background:#fff; }

/* 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(../images/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;  }


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:35px; margin:0 auto; margin-bottom:20px; font-size:15px;font-family:'Noto Sans KR'; font-weight:400; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:34px; /*background:#EEEEEE;*/ padding-left:1px;width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:35px; line-height:35px; padding:0 24px 0 24px; background:#EEE; color:#222; letter-spacing:-0.05em; border-right:1px #fff solid; border-bottom:0px #fff solid; text-align:center; cursor:pointer; }
#bo_cate li a { display:block;position:relative;margin-left:-1px; text-align:center; cursor:pointer; height:35px; margin-left:-24px;  margin-right:-24px; padding:0 24px 0 24px; }
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; margin-left:-24px;  margin-right:-24px;height:35px; padding:0 24px 0 24px; background:#20C1F0; color:#FFF; letter-spacing:-0.05em;text-align:center; cursor:pointer; /*z-index:2; background:#FA3C6A; color:#fff; */}
.td_subject img {margin-left:3px}


/*  메인 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;  }

/* 우측 퀵메뉴 버튼*/
#quick_container { top:110px; right:0; width:65px; height:599px; position:fixed; z-index:9999999; }
#quick_wrapper { left:0px; position:absolute; }

#quick_nav_wrapper { position:relative; }
#quick_nav_wrapper ul { margin:0; padding:0; position:absolute; }
#quick_nav_wrapper ul.nav li { list-style:none; float:left; width:65px; height:100px; cursor:pointer; position:relative; }
#quick_nav_wrapper ul.nav li div { position:absolute; }

#contents_wrapper { left:65px; position:absolute; }
#contents_wrapper ul { margin:0; padding:0; position:relative; }
#contents_wrapper ul li { list-style:none; overflow:hidden; width:470px; height:599px; background:#EEE; position:absolute; }
#contents_wrapper ul li.map .btn { top:511px; left:140px; width:156px; height:37px; background:#fff; cursor:pointer; position:absolute; }
#contents_wrapper div.close { top:16px; left:370px; width:58px; height:58px; cursor:pointer; position:relative; }



/* BOX 바로가기 */
#scrollLayer { display:block;position:relative; z-index:9; width:90px; height:420px;  margin-top:55px; margin-left:1205px; }
.quick-go  { margin:0 auto; width:90px; top:0; }
.btn-qbox1 { display:block; position:absolute; z-index:9; width:90px; height:91px; margin-left:0; top:0; }
.btn-qbox1 div { background:url(../include/qm/qm1_on.png) 50% 50% no-repeat; width:90px; height:91px; }
.btn-qbox2 { display:block; position:absolute; z-index:9; width:90px; height:92px; margin-left:0; top:91px; }
.btn-qbox2 div { background:url(../include/qm/qm2_on.png) 50% 50% no-repeat; width:90px; height:91px; }
.btn-qbox3 { display:block; position:absolute; z-index:9;width:90px; height:92px; margin-left:0; top:182px; }
.btn-qbox3 div { background:url(../include/qm/qm3_on.png) 50% 50% no-repeat; width:90px; height:91px; }
.btn-qbox4 { display:block; position:absolute; z-index:9;width:90px; height:92px; margin-left:0; top:274px; }
.btn-qbox4 div { background:url(../include/qm/qm4_on.png) 50% 50% no-repeat; width:90px; height:91px; }
.btn-qbox5 { display:block; position:absolute; z-index:9;width:90px; height:92px; margin-left:0; top:365px; }
.btn-qbox5 div { background:url(../include/qm/qm5_on.png) 50% 50% no-repeat; width:90px; height:91px; }