@charset "utf-8";

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

/* 레이어 */
#popup { display:; position:fixed; top:0; width:650px; height:870px; right:100px; z-index:99999; overflow:hidden; }
#popup .guide { position:absolute; top:30px; width:650px;  }
#popup .close { position:absolute; top:15px; right:15px; z-index:99999; cursor:pointer;}
#popup .con { overflow-x:hidden; overflow-y:auto;}
#popup .pop_frm {  border:1px #ccc solid; width:640px; height:358px; background-image: url('../images/popup_img2.jpg');background-position: top; background-repeat:repeat-x;}


/*  전체 영역  */	
#wrap { width:100%; }
#wrap_sub { width:100%; }

/* TM */	
#header { display:block; position:relative; z-index:3; width:1280px; height:100px; margin:0 auto; top:0; }
.tm {  float:right; position:absolute; z-index:2; right:0; width:600px; padding:5px 0 0; text-align:right; color:#222; font-size:12px; letter-spacing:-0.03em;}
.tm img { padding:0; margin:0 -5px; }
.tm a { padding:4px 0; text-decoration:none; color:#222; }
.tm span{ padding:4px 3px; color:#222; }
.tm span.adm a { color:#ee0000; margin:0; }
.tm_logo { top:0; width:250px; margin:0 auto; text-align:center;}
.tm_tel { float:left; margin-top:23px; }
.tm_sns { float:right; position:absolute; right:148px; top:26px; }
.tm_sns img { float:left; margin:0; }
.tm_nation { float:right; position:absolute; right:-5px; top:26px; }
.tm_nation img { float:left; margin:0 1px; top:0;}

.span_ll { width:4px; font-size:11px; font-family:'dotum'; color:#999; font-weight:normal; padding:0; }
.span_fl { color:#999; font-size:13px; font-family:'NanumGothic', '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:70px; margin:0 auto; top:16px; } 
.visual_main_stripe {  display:block; position:absolute; z-index:2; top:0; height:221px; width:100%; background-image: url('../images/gnb_stripe_main.png');background-position: top; background-repeat:repeat-x;  }	
.visual_gnb_stripe { display:block; position:absolute; z-index:2; top:0; height:221px; width:100%; background-image: url('../images/gnb_stripe_sub.png');background-position: top; background-repeat:repeat-x;}	

#main_nav { display:block; display:none; margin:0 auto; width:100%; top:0; left:0; position:absolute; z-index:99;}
#main_nav_wrapper { width:1300px; height:46px; position:relative; z-index:1; margin:0 auto; text-align:left;  }
#main_nav_wrapper div ul{  margin:0; padding:0; }
#main_nav_wrapper div ul li { list-style:none; float:left; height:46px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { height:46px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; height:46px; position:absolute; }
#main_nav_wrapper div ul li .over { height:46px; position:absolute; }
.m01 { width:116px; float:left; }
.m02 { width:116px; float:left; }
.m03 { width:116px; float:left; }
.m04 { width:116px; float:left; }
.m05 { width:116px; float:left; }
.m06 { width:116px; float:left; }
.m07 { width:116px; float:left; }
.m08 { width:116px; float:left; }
.m09 { width:116px; float:left; }
.m10 { width:116px; float:left; }
.m11 { width:116px; float:left; }

#sub_nav_mask { top:46px; width:100%; height:0; overflow:hidden; position:absolute; z-index:999999; background:#FFF;  border-bottom:1px #DDD solid; opacity:1; }
#sub_nav_wrapper { top:-46px; left:0; width:1280px; position:relative; margin:0 auto;  }

.sub_nav_wrapper { display:block; left:0; top:-46px; width:1280px; position:relative; margin:0 auto;  text-align:left;}
.sub_nav_wrapper .square_wrapper { width:1280px; top:0; position:absolute; margin:0 auto;}
.sub_nav_wrapper .square_wrapper .square { list-style:none;  position:relative; }
.sub_nav_wrapper a { font-family:'Noto Sans Kr'; color:#222; font-size:16px; letter-spacing:-0.02em; text-decoration:none; }
.sub_nav_wrapper a:hover { color:#18b0c9;  }
.sub_nav_wrapper .nav_gr { width:165px; height:40px; list-style:none; display:inline-block; float:left; text-align:left; padding:0; margin:-3px 15px 0 0; font-family:'Noto Sans Kr';font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#666; background-image: url('../include/gnb/gr_line.png');}

.sub_nav_wrapper .txt_wrapper1 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper1 li { float:left;  list-style:none; padding:0 18px; text-align:center;}
.sub_nav_wrapper .txt_wrapper2 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper2 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper3 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper3 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper4 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper4 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper5 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper5 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper6 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper6 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper7 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper7 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper8 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper8 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper9 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper9 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper10 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper10 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper11 { position:absolute; padding:18px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper11 li { float:left;  list-style:none; padding:0 18px; text-align:center; }

/*  MAIN VISUAL  */	
#visual { display:inline-block; position:relative; width:100%; height:770px; margin-top:-8px; }
#contents_ms { display:block; overflow:hidden; width:100%; height:770px; margin:0 auto; position:absolute; top:0px; display:none; } /* top:-25px; 배경상단 위치 */
	
#slider { top:0; left:0; height:770px; position:absolute; }
#slider ul { height:770px; position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:770px; position:absolute; }
#slider ul li div { margin:0 auto; width:1283px; height:770px; position:relative; }
	
/* step1 */
.slider_sp1 { top:0; left:0; height:770px; position:absolute; }
.slider_sp1 ul { height:770px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:770px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1283px; height:770px; position:relative; }
.slider_sp1 ul li div.box1 img { top:0; left:0px; position:absolute; }
.slider_sp1 ul li div.box2 img { top:0; left:0px; position:absolute; }
.slider_sp1 ul li div.box3 img { top:0; left:0px; position:absolute; }
.slider_sp1 ul li div.box4 img { top:0; left:0px; position:absolute; }
.slider_sp1 ul li div.box5 img { top:0; left:0px; position:absolute; }
.slider_sp1 ul li div.box6 img { top:0; left:0px; position:absolute; }
	
/* step2 */
.slider_sp2 { top:0; left:0; height:770px; position:absolute; }
.slider_sp2 ul { height:770px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:770px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1283px; height:770px; position:relative; }
/*
.slider_sp2 ul li div.box1 img { top:120px; left:570px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:100px; left:320px; position:absolute; }
.slider_sp2 ul li div.box3 img { top:150px; left:110px; position:absolute; }
.slider_sp2 ul li div.box4 img { top:100px; left:270px; position:absolute; }
.slider_sp2 ul li div.box5 img { top:110px; left:5px; position:absolute; }
.slider_sp2 ul li div.box6 img { top:100px; left:90px; position:absolute; }
*/

.slider_sp2 ul li div.box1 img { top:120px; left:570px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:100px; left:320px; position:absolute; }
.slider_sp2 ul li div.box3 img { top:100px; left:100px; position:absolute; }
.slider_sp2 ul li div.box4 img { top:150px; left:90px; position:absolute; }
.slider_sp2 ul li div.box5 img { top:110px; left:270px; position:absolute; }
.slider_sp2 ul li div.box6 img { top:100px; left:90px; position:absolute; }


/* step3 */
.slider_sp3 { top:0; left:0; height:770px; position:absolute; display:none;}
.slider_sp3 ul { height:770px; position:relative; }
.slider_sp3 ul li { list-style:none; float:left; width:100%; height:770px; position:absolute; }
.slider_sp3 ul li div { margin:0 auto; width:1283px; height:770px; position:relative; }
.slider_sp3 ul li div.box1 img { top:0; left:0; position:absolute; }
.slider_sp3 ul li div.box2 img { top:0; left:0; position:absolute; }
.slider_sp3 ul li div.box3 img { top:0; left:0; position:absolute; }
.slider_sp3 ul li div.box4 img { top:0; left:0; position:absolute; }
.slider_sp3 ul li div.box5 img { top:0; left:0; position:absolute; }

/* prev */
#arrowPrev { width:70px; height:115px; position:absolute; top:300px; left:6%; }
#arrowPrev div.img { width:70px; height:115px; position:absolute; }
#arrowPrev div.square { width:115px; height:115px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; left:-50px; }
		
/* next */
#arrowNext { width:70px; height:115px; position:absolute; top:300px; right:6%; }
#arrowNext div.img { width:70px; height:115px; position:absolute; }
#arrowNext div.square { width:115px; height:115px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

/* navigation */
#contents_ms_nav { width:100%; height:52px; top:700px; position:absolute; margin:0 auto; /*background-image: url('../images/MainVisual/bg_sp_bar.png');background-repeat:no-repeat; background-position:50% ; */}
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:1185px; height:52px; position:relative; padding:0;}
#contents_ms_nav div ul { width:1185px; height:52px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:197px; height:52px; margin:0; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }

/*  VISUAL MULTI  */	
#visual_multi { display:inline-block; position:relative; width:100%; height:1150px; margin-top:-4px; background-image: url('../images/visual_multi.jpg');background-repeat:no-repeat; background-position:50% ; }

/*  VISUAL MULTI  */	
#visual_mtb { display:inline-block; position:relative; width:100%;  margin-top:-4px; }
#visual_mtb ul { width:100%; text-align:center; }
#visual_mtb .ml { float:left; width:33.332%; }
#visual_mtb .mc { float:left; width:33.332%; position:absolute; margin-left:33.332%; }
#visual_mtb .mc1 { }
#visual_mtb .mc2 { margin-top:-3px; width:100%; }
#visual_mtb .mr { float:left; width:33.332%; position:absolute; margin-left:66.664%;}

/*  CONTENT  */	
#content_wrapper { width:100%; height:884px; top:0; padding:80px 0 100px 0; background-image: url('../images/bg_content.jpg');background-position: top; background-repeat:repeat-x;}
#content_wrapper .content { width:1280px; margin:0 auto; }
#content_wrapper .content ul { }
#content_wrapper .bna { float:left; width:550px; height:450px; text-align:left; background:url('../images/mi_bg_bna.jpg');position:relative; z-index:99;}
#content_wrapper .bna span.roll2 { background:url('../images/mi_ba_roll_on.png') center center no-repeat ; width:550px; height:450px; position: absolute; z-index:999; top:0px; }
#content_wrapper .counsel { float:left; position:absolute; width:366px; margin-left:550px; }
#content_wrapper .counsel .bg1 { width:366px; height:182px; text-align:center; padding:43px 0 0;background-image: url('../images/mi_bg_counsel.jpg');}
#content_wrapper .counsel .bg2 { width:366px; height:182px; text-align:center; padding:43px 0 0;background-image: url('../images/mi_bg_ps.jpg');}
#content_wrapper .counsel .bg1 span.roll1 { display:inline-block;background:url('../images/mi_roll_on.png') center center no-repeat ; width:225px; height:135px; position: absolute; z-index:999; top:43px; }
#content_wrapper .counsel .bg2 span.roll1 { display:inline-block;background:url('../images/mi_roll_on.png') center center no-repeat ; width:225px; height:135px; position: absolute; z-index:999; top:268px; }
#content_wrapper .banner { float:left; position:absolute; width:363px; margin-left:916px; }
#content_wrapper .banner img { margin:0 0 -1px 0; }


#content_wrapper .map_cont { display:block; position:relative; width:1280px; margin:0 auto; top:520px; }
#content_wrapper .map_cont ul { }
#content_wrapper .map_cont .map_tit { float:left; width:341px; margin-left:-550px;}
#content_wrapper .map_cont .map_api { float:left; position:absolute; width:938px; height:388px; margin-left:341px; overflow:hidden;}


/*  서브 내용 부  */
#snb_tb {display:inline-block;  position:absolute; z-index:99; width:100%; height:50px; margin:0 auto; text-align:left;  background:#FFF;}
.snb { width:1280px; margin:0 auto; text-align:left; padding:0; background:#FFF;}

/* SNB */
.snbBtn { display:block; position:relative; width:1280px; margin:0 auto; text-align:left; padding:10px 0 0 0; }
.snbBtn .nav { position:relative; }
.snbBtn .nav ul { margin:0; padding:0; }
.snbBtn .nav .nav_gr {  width:165px; height:40px; list-style:none;  float:left; text-align:left; padding:0; margin:-3px 15px 0 0; font-family:'Noto Sans Kr'; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#666; background-image: url('../include/gnb/gr_line.png');}
.snbBtn .nav li { list-style:none; display:block; float:left; padding:0 18px; /* 깜빡임 없앰 -> */ font-family:'Noto Sans Kr'; font-size:16px;  letter-spacing:-0.02em; color:#222; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { color:#ff982a; }
.snbBtn .nav li span { float:left; margin-left:-18px; margin-right:-18px; width:100%; padding:0 18px; color:#18b0c9; text-align:center; cursor:pointer;  }

/*  서브 내용 부  */
#container{ display:inline-block;  position:relative;width:100%; margin:0 auto;top:0; text-align:center; }
#board { display:inline-block;   position:relative; padding:0; width:100%; margin:0 auto; top:0;}
#board .cont {  position:relative; min-height:600px; padding:0; margin:0; text-align:left;  height:auto !important;}
#board1 { display:inline-block;  position:relative; width:100%; padding:0; margin:0 auto; margin-top:100px;}
#board1 .cont1 {  position:relative; margin:0 auto; width:1280px; min-height:600px; padding:0;  text-align:left;  height:auto !important;} 

/* FOOT IMG */
#foot_img { position:relative; width:100%; margin-top:30px; background:#C7C7C9; padding:120px 0;  text-align:center; }
#foot_img ul { width:1280px; margin:0 auto; }
#foot_img li img { margin:0 auto; }

/* FOOT BANNER */
#foot_banner { display:inline-block; position:relative; width:100%; height:350px; background:#272727; padding:80px 0;  text-align:center; }
.banner_wrap { display:block; position:relative; width:1280px; height:342px; margin:0 auto; }
.btn_wrap { float:left; position:relative;width:409px; height:282px; padding-top:60px; background-image: url('../images/tail_bg_bna.jpg'); }
.btn_wrap1 { float:left; position:absolute;width:409px; height:282px; padding-top:60px; margin-left:435px;background-image: url('../images/tail_bg_ps.jpg'); }
.btn_wrap2 { float:left; position:absolute;width:409px; height:282px; padding-top:60px;  margin-left:870px;background-image: url('../images/tail_bg_counsel.jpg'); }
span.roll { background:url('../images/tail_bg_roll.png') center center no-repeat ; width:270px; height:220px; position: absolute; z-index:999; top:60px; }


/* FOOT SITEMAP
#foot_sitemap { position:relative; width:100%; height:505px; margin-top:0px; background:#272727; font-family: 'Noto Sans KR';}
.fc_sitemap { width:1280px; height:505px; margin:0 auto; text-align:left; padding:50px 0 0; }
.fc_sitemap .fc_stb { display:inline-block; width:900px; padding:40px 0 0; position:relative;}
.fc_sitemap .fc_map { width:445px; float:right;  position:absolute; top:0; margin-left:830px; }
.fc_sitemap .fc_stb .td_gr { float:left; width:110px; height:26px; text-align:left; font-size:13px; font-weight:bold; font-family: 'Noto Sans KR'; letter-spacing:-0.01em; color:#A0A09F; }
.fc_sitemap .fc_stb .td_bo { float:left; display:inline-block; }
.fc_sitemap .fc_stb .td_bo a { float:left; text-decoration:none; }
.fc_sitemap .fc_stb .td_bo a:hover span {  color:#09D1F2;}
.fc_sitemap .fc_stb .td_bo .td_bo_title { display:block; padding:0:15px 0 0; font-size:12px;font-family: 'Noto Sans KR';color:#ccc; letter-spacing:-0.02em;text-decoration:none; }
 */


/* FOOT SITEMAP */
#fc_sitemap { display:inline-block; position:relative;width:100%; height:580px; margin:0 auto; top:0; background:#2A2A2A;}
#fc_sitemap .cont { width:1280px; margin:0 auto;  padding:0;}
#fc_stb { width:1280px; padding:0; margin:0 auto; text-align:left; }
.td_gr { display:block; position:relative; width:180px; height:30px; left:0; padding:20px 0 10px 55px; font-size:1.5em; font-family:'Noto Sans Kr'; font-weight:bold; letter-spacing:-0.01em; color:#DDD; }
.td_bo { display:inline-block; position:relative; width:180px; height:20px; left:0;  padding:0 0 0 55px;  vertical-align:top; }
.td_bo a {  text-decoration:none;}
.td_bo a:hover span {  color:#F27FB2;}
.td_bo_title { font-size:1.1em;font-family:'Noto Sans Kr'; color:#aaa; letter-spacing:-0.01em;text-decoration:none;}

#fc_sitemap .gr_line { position:absolute; width:1275px;  height:280px; cursor:pointer; border-bottom:1px #444 solid;  } 
#fc_sitemap .gr_line div { width:1275px; } 
#fc_sitemap .gr_line div .line { position:relative; height:10px; height:280px; }

#fc_sitemap .nav_line { position:absolute; width:1280px; top:0px; height:580px; cursor:pointer; border-left:1px #444 solid;} 
#fc_sitemap .nav_line div { float:left; width:255px; } 
#fc_sitemap .nav_line div .line { float:right; position:relative; width:1px; height:580px;  border-left:1px #444 solid;  }



/* COPYRIGHT */
#foot { position:relative;width:100%; height:230px; text-align:center; top:-3px; background:#131313; }
.copyright { width:1280px; margin:0 auto; text-align:left; padding:0;}
.copyright img { float:left; margin:0; vertical-align:top; overflow:hidden;}
.copyright .privacy { position:absolute; margin-top:150px; margin-left:970px; cursor:pointer;  }

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

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


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:20px; font-family:'nanum gothic'; font-size:1.1em; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:34px; background:#EEE;  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:25px;  padding:9px 24px 0 24px; background:#EEE; color:#222; letter-spacing:-0.01em; 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:34px; margin-top:-9px; margin-left:-24px;  margin-right:-24px; margin-top:-9px; padding:9px 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-top:-9px; margin-left:-24px;  margin-right:-24px;height:25px; padding:9px 24px 0 24px; background:#1A9CEF; color:#FFF; letter-spacing:-0.01em;text-align:center; cursor:pointer; }
.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;  }