@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*기본 정보부분*/
body {font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;font-size:9pt;color:#333;margin:0;padding:0;width:100%;background:#fff;text-align:center;-webkit-text-size-adjust:none;position:relative}

html { overflow-y:scroll }

img {border:0px; vertical-align:bottom; }
table {border-collapse:collapse;border-spacing:0px}
img, fieldset {border:0 none;padding:0px} hr,legend {display:none}
input {font-size:9pt;color:#333;font;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;vertical-align:middle}
div,ol,ul,li,dl,dt,dd,h1,h2,h3,p {margin:0px;padding:0px;list-style:none}
ul,ol,li {list-style-image:none;list-style-position:outside;list-style-type:none}
a:link,a:visited,a:active {font-family:dotum;font-size:12px; color:#333;text-decoration:none}
a:hover {font-family:dotum; font-size:12px; color:#000;text-decoration:none}

* {margin:0;padding:0;}

#mobi_wrapper {width:100%; height:100%; margin:0 auto; overflow:hidden; position:relative; }
.contents_wrapper { position:relative; height:100%; }
.main_top_wrap { height:100%; margin:0 auto;  background:#FFF;  }
.main_top_wrap .main_top { height:60px; background:#FFF;border-bottom:1px #ddd solid; }
.main_top_wrap .main_top .tel { left:0; top:0px; width:60px; height:auto; position:absolute; cursor:pointer; right:50px;}
.main_top_wrap .main_top .logo { display:block; position:absolute; top:16px; left:0; width:100%; height:0; margin:0 auto; }
.main_top_wrap .main_top .navBtn { right:0; top:0px; width:60px; height:auto; position:absolute; cursor:pointer; }

.disabeldBox { top:0; left:0; width:100%; height:100%; background:#333; position:absolute; z-index:9999992; }

.snb_title { display:inline-block; position:relative; width:100%; text-align:left; margin-top:0;}
.snb_title .nav_gr {  display:inline-block; padding:10px 12px; margin:0 12px 0 0; background:#000;  color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.05em; border-right:1px #565759 solid; }
.snb_title .nav_arr { color:#fff; font-size:1.3em; font-weight:400; padding:0 10px; font-family:Helvetica; }
.snb_title .nav_bo {  display:inline-block; width:100%; background:#292A2C;  color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.05em; }
.snb_title img {  }

.navbar { display:block;position:relative; width:100%; /* 높이지정 중요 */  margin:0 auto;  z-index:99992; top:0; background:#FFF; }
.navbar.sticked { width:100%; }
.sticked .navbar .navbar-collapse.collapse{ margin-top:0px; transition:0.7s; }
.navbar {  }
.navbar.sticked { top:0px; /*background:rgba(255,255,255,1); */ border-bottom:0px #ff291c solid; -webkit-box-shadow:0 0 20px 0px #222; box-shadow:0 0 20px 0 #222; }

.snb_bo_tit { width:100%; margin:0 auto; text-align:center; margin:0; padding:5px 0 30px 0; }
.snb_bo_tit .bo_tit { text-align:center; font-family:'Noto Sans Kr'; font-size:23px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:30px; }
.snb_bo_tit .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:170px; height:10px; } 


/*  메인  */
#main_wrap {  display:block; width:100%; margin:0 auto; padding:0; }

/* STEP1 */
.step1_m_wrap { position:absolute; z-index:2; width:100%; height:100%; text-align:center; }
.step1_m_wrap ul { margin:0 auto;}
.step1_m_wrap .txt { margin:0 auto; padding-top:85px; font-family:'Noto Sans Kr' }
.step1_m_wrap .txt h2 { font-weight:600; color:#0bc7d4; font-size:50px; line-height:50px; letter-spacing:-0.06em; }
.step1_m_wrap .txt h3 { font-weight:600; color:#222; font-size:23px; line-height:20px; letter-spacing:-0.06em; padding:15px 0 25px 0; }
.step1_m_wrap .txt p { font-weight:500; color:#222; font-size:17px; line-height:20px; letter-spacing:-0.06em; padding:0 0 40px 0;  }
.step1_m_wrap .img .step1_btn { margin:0 auto; text-align:center; padding:0 5px;}
.step1_m_wrap .img .step1_btn img { float:left; margin:5px;}
.step1_m_wrap .img1 .step2_btn { margin:0 auto; text-align:center; padding:60px 5px 0 5px; }
.step1_m_wrap .img1 .step2_btn img { float:left; margin:2px;}
.step1_m_bg { position:relative; width:100%; height:100%; text-align:center; }
.visual_main{	position:relative; height:1000px; overflow:hidden; }

.back_m_main{ position:relative; left:0; top:0; width:100%; height:100%; 
	-moz-transform: translate(0) scale(1.5);;
	-webkit-transform: translate(0) scale(1.5);;
	-o-transform: translate(0) scale(1.5);;
	-ms-transform: translate(0) scale(1.5);;
	transform: translate(0) scale(1.5);;
	-moz-transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	}
.visual_m_main.on .back_m_main{
  -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	}


/* STEP2 */
.step2_m_wrap { position:absolute; z-index:2; width:100%; height:100%; text-align:center; }
.step2_m_wrap ul { margin:0 auto;}
.step2_m_wrap li { display:inline-block;  margin:0 auto;}
.step2_m_wrap .txt { margin:0 auto; padding-top:50px; font-family:'Noto Sans Kr'; }
.step2_m_wrap .txt h2 {  font-family:'Noto Sans Kr'; margin:0 auto; width:130px; font-weight:500; color:#fff; font-size:17px; line-height:34px;  letter-spacing:0.2em; border-bottom:1px #fff solid;}
.step2_m_wrap .txt h2 span { font-weight:600; color:#E88359; font-size:87px; letter-spacing:-0.06em; vertical-align:bottom; }
.step2_m_wrap .txt h3 { font-family:'Noto Sans Kr'; font-weight:400; color:#fff; font-size:37px; letter-spacing:-0.05em; padding:15px 0 0;}
.step2_m_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; color:#fff; font-size:19px; line-height:27px; letter-spacing:-0.05em; padding:10px 0 0; }
.step2_m_wrap .img { width:90%; margin:0 auto; padding-top:20px; }
.step2_m_wrap .img1 { margin:0 auto; padding-top:15px; }
.step2_m_wrap .img1 a { display:inline-block; font-family:'Noto Sans Kr'; color:#fff; font-size:18px; width:180px; margin:0 auto; border-radius:25px; line-height:35px; letter-spacing:-0.05em; background:#B48C2A; color:#fff; }
.step2_m_bg { position:relative; width:100%; height:100%; text-align:center; }

/* STEP3 */
.step3_m_wrap { position:absolute; z-index:2; width:100%; height:100%; text-align:center; }
.step3_m_wrap ul { margin:0 auto;}
.step3_m_wrap li { display:inline-block;  margin:0 auto;}
.step3_m_wrap .txt { margin:0 auto; padding-top:50px; font-family:'Noto Sans Kr'; }
.step3_m_wrap .txt h2 {  font-family:'Noto Sans Kr'; margin:0 auto; width:130px; font-weight:500; color:#11aee1; font-size:17px; line-height:34px;  letter-spacing:0.2em; border-bottom:1px #11aee1 solid;}
.step3_m_wrap .txt h3 { font-family:'Noto Sans Kr'; font-weight:400; color:#222; font-size:28px; letter-spacing:-0.05em; padding:22px 0 0;}
.step3_m_wrap .txt h3  strong { color:#11aee1; }
.step3_m_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; color:#222; font-size:19px; line-height:24px; letter-spacing:-0.05em; padding:20px 0 0; }
.step3_m_wrap .img { width:96%; margin:0 auto; padding-top:10px; }
.step3_m_wrap .img1 { margin:0 auto; padding-top:45px; }
.step3_m_wrap .img1 a { display:inline-block; font-family:'Noto Sans Kr'; font-size:18px; width:200px; margin:0 auto; border-radius:25px; line-height:35px; letter-spacing:-0.05em; background:#B48C2A; color:#fff; }
.step3_m_bg { position:relative; width:100%; height:100%; text-align:center; }

/* STEP4 */
.step4_m_wrap { position:absolute; z-index:2; width:100%; height:100%; text-align:center; }
.step4_m_wrap ul { margin:0 auto; }
.step4_m_wrap .txt { margin:0 auto; padding-top:25px; }
.step4_m_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:600; color:#222; font-size:33px; line-height:87px; letter-spacing:0em; }
.step4_m_wrap .txt h2 span { color:#1CB2C0;}
.step4_m_wrap .box { display:inline-block; width:100%; height:200px; padding-top:0px; margin:0 auto; text-align:center; }
.step4_m_wrap .box .madd { width:100%; height:23px; padding:8px 0 8px 0; text-align:center; background:#000; font-family:'Noto Sans Kr'; font-weight:300; color:#fff; font-size:16px; letter-spacing:-0.05em; }
.step4_m_wrap .box1 { width:100%; padding-top:20px; margin:0 auto; }
.step4_m_wrap .box1 .info { display:inline-block; float:left; width:100%; margin:10px 0 0; }
.step4_m_wrap .box1 .news { display:inline-block; width:100%; margin:0; }
.step4_m_wrap .box1 .news .la { display:inline-block; width:95%; margin:0 auto; background:#fff; }


/* 동영상 반응형 */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:0 0 20px 0; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; left:0; top:0;  width: 100%; height: 100%; }


/* 서브 GNB  */
#sub_wrap { display:block; position:relative; width:100%; top:0px; }
#sub_wrap .gnb_tb { display:inline-block;width:100%;  margin:0; top:0; background:#27367E; }
#sub_wrap .gnb_title { display:inline-block; width:100%; padding:20px 0 0; text-align:center; background:#fff; color:#000; font-size:22px; font-weight:600; letter-spacing:-0.05em; }
#sub_wrap .gnb_title .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:50px; height:10px; border-bottom:1px #000 solid; } 
#sub_wrap .cate_tb { display:inline-block;width:100%; margin:-1px 0 0 0; }

/* 서브 CONTENT  */
#sub_wrap .cont { display:inline-block;position:relative; width:96%; height:100%; margin:0 auto; text-align:left; margin-top:20px;} /* 게시판외 전체 사이즈 좌우 */
#sub_wrap .cont1 { display:inline-block;position:relative; width:96%; height:100%; margin:0 auto; text-align:left; margin-top:20px;} /* 게시판외 전체 사이즈 좌우 */
#sub_wrap .cont_bo { display:inline-block;position:relative; width:96%; height:100%; margin:0 auto; text-align:left; margin-top:20px; } /* 게시판의 전체 사이즈 좌우 */

.snb_mobi_tit { width:100%; margin:0 auto; text-align:center; margin:0; padding:15px 0 20px 0; }
.snb_mobi_tit .bo_tit { text-align:center; font-family:'Noto Sans Kr'; font-size:28px; font-weight:600; color:#222; letter-spacing:-0.08em; }
.snb_mobi_tit .bo_nav {  float:right; text-align:right; padding:25px 0 0; font-size:13px; color:#444; letter-spacing:0em;}
.snb_mobi_tit .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:50px; height:13px; border-bottom:1px #000 solid; } 


/* 상담 폼 */
.coun_m_wrap { display:inline-block; position:relative; z-index:2; width:100%; margin:0 auto; text-align:left; padding:30px 0; margin-bottom:30px;background-image:url('../mobile/img/tail_coun_bg.jpg'); }
.coun_m_wrap h2 { padding:0 20px 10px 20px; font-size:16px; font-weight:300; letter-spacing:-0.04em; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;  }
.coun_m_wrap h2 strong { padding:0 0 7px 0; font-size:22px; font-weight:600; letter-spacing:-0.04em; }

/* 푸터 */
#tail_cont { display:inline-block; position:relative; width:100%; top:0px; vertical-align:top;}
#tail_cont ul { list-style:none; }
#tail_cont li { float:left; width:50%; }

#tail_wrap { display:inline-block; position:relative; position:relative; z-index:99; width:100%; margin-top:-29px;}

#tail_login{ width:100%;  text-align:center; border-bottom:0px #4f4f4f solid; background:#EEE;  }
#tail_con_login { width:100%; height:22px; padding:10px 0 10px 0; line-height:25px;}
#tail_con_login li { float:left; text-align:center; width:20%; border-right:0px #4F4F4F solid; }
#tail_con_login li:last-child { border-right:none; }
#tail_con_login li a { color:#000; font-size:14px; letter-spacing:-0.04em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }

#tail_con_menu { width:100%; margin:0 auto; text-align:center; vertical-align:bottom;  border-top:0px #DDD solid; }
#tail_con_menu ul { text-align:center; }
#tail_con_menu li { float:left; width:25%; list-style:none; margin:0;  }
#tail_con_menu li img { margin:0; padding:0;}

.tail_c​lause_menu { display:inline-block; position:relative; width:100%; text-align:center; margin-bottom:0; }
.tail_c​lause_menu ul { width:90%; margin:0 auto; text-align:center; padding:15px 0 20px 0; display:flex; justify-content:center; align-items:center; }
.tail_c​lause_menu li { float:left; list-style:none; margin:0; line-height:10px;  margin:0 1px; }
.tail_c​lause_menu li:last-child { border-right:none;  }
.tail_c​lause_menu li a { color:#ccc;  font-size:13px; letter-spacing:-0.04em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }
.tail_c​lause_menu li span { display:inline-block; background:#111; padding:8px 8px; line-height:12px;color:#ccc;  font-size:14px; letter-spacing:-0.04em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }
.tail_c​lause_menu li img { float:left; margin:0 -2px; }

#tail_copyright{ clear:both; text-align:center; background:#fff; padding:30px 0; font-size:14px; line-height:20px;letter-spacing:-0.04em; color:#555; }
#tail_copyright p { padding:0 }
.span_ll { font-size:11px; font-family:'dotum'; color:#777; font-weight:normal; padding:0 7px 0 6px; }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { display:block; position:relative; width:100%;  height:28px; margin:0 auto; margin-bottom:20px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display:block;position:relative; width:100%;height:28px; background:#EEE; zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; width:19.6%; height:21px;  padding:6px 0 0 0; background:#EEE; color:#222; letter-spacing:-0.05em; border-right:1px #fff solid; border-bottom:1px #fff solid; text-align:center; cursor:pointer; }
#bo_cate li a { display:block;position:relative;margin-left:-1px; text-align:center; cursor:pointer; height:21px; margin-top:-6px; margin-left:-0px;  margin-right:-0px; margin-top:-6px; padding:6px 0 0 0; font-size:1em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;}
#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:-6px; margin-left:-0px;  margin-right:-0px; width:100%; height:21px; padding:6px 0 0 0; background:#00A4AE; color:#FFF; letter-spacing:-0.05em;text-align:center; cursor:pointer; /*z-index:2; background:#FA3C6A; color:#fff; */}
.td_subject img {margin-left:3px}


/* GNB */
#gnbMenu { display:inline-block; position:relative;width:100%; margin:0 auto; top:0; margin:0;  text-align:center; background:#FFF; font-size:2.15em; font-weight:bold; border-top:1px #DDD solid; border-bottom:1px #DDD solid;}
#gnbMenu span {  letter-spacing:-0.06em; color:#222; font-size:15px; line-height:38px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#gnbMenu .off { display:inline-block; padding:0 10px; }
#gnbMenu .on { display:inline-block; padding:0 10px; color:#CE128B; background:#FFF; }

/* SNB */
#snb_sub1 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub1 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub1 .off { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub1 .on { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub1 #nav_line { width:100%; height:48px; margin-top:-66px; cursor:pointer; } 
#snb_sub1 #nav_line div { float:left; width:33.332%; } 
#snb_sub1 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:48px; left:1px; }

#snb_sub2 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub2 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub2 .off { display:inline-block; width:100%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub2 .on { display:inline-block; width:100%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub2 #nav_line { width:100%; height:15px; margin-top:-33px; cursor:pointer; } 
#snb_sub2 #nav_line div { float:left; width:100%; } 
#snb_sub2 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:15px; left:1px; }

#snb_sub3 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub3 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub3 .off { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub3 .on { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub3 #nav_line { width:100%; height:15px; margin-top:-33px; cursor:pointer; } 
#snb_sub3 #nav_line div { float:left; width:50%; } 
#snb_sub3 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:15px; left:1px; }

#snb_sub4 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub4 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub4 .off { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub4 .on { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub4 #nav_line { width:100%; height:48px; margin-top:-66px; cursor:pointer; } 
#snb_sub4 #nav_line div { float:left; width:33.332%; } 
#snb_sub4 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:48px; left:1px; }

#snb_sub5 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub5 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub5 .off { display:inline-block; width:25%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub5 .on { display:inline-block; width:25%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub5 #nav_line { width:100%; height:15px; margin-top:-33px; cursor:pointer; } 
#snb_sub5 #nav_line div { float:left; width:25%; } 
#snb_sub5 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:15px; left:1px; }

#snb_sub6 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub6 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub6 .off { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub6 .on { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub6 #nav_line { width:100%; height:15px; margin-top:-33px; cursor:pointer; } 
#snb_sub6 #nav_line div { float:left; width:33.332%; } 
#snb_sub6 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:15px; left:1px; }

#snb_sub7 { position:relative; z-index:99;text-align:center; background:#FFF; border-top:1px #DDD solid;}
#snb_sub7 span {  padding:10px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#snb_sub7 .off { display:inline-block; width:25%; height:14px; border-bottom:1px #DDD solid; }
#snb_sub7 .on { display:inline-block; width:25%; height:14px; border-bottom:1px #DDD solid; color:#a832a0; background:#FFF; }
#snb_sub7 #nav_line { width:100%; height:48px; margin-top:-66px; cursor:pointer; } 
#snb_sub7 #nav_line div { float:left; width:25%; } 
#snb_sub7 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:48px; left:1px; }

/* CATEGORY */ 
#cate { position:relative; z-index:9992; text-align:center; top:0px;}
#cate span {  padding:8px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate .off { display:inline-block; width:25%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate .on { display:inline-block; width:25%; height:14px; border-bottom:1px #DDD solid; color:#b48c2a; background:#FFF; }
#cate #nav_line { width:100%; height:16px; margin-top:-32px; cursor:pointer; } 
#cate #nav_line div { float:left; width:25%; } 
#cate #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:16px; left:1px; }

#cate1 { position:relative; z-index:9992; text-align:center; top:0px;}
#cate1 span {  padding:8px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate1 .off { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate1 .on { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; color:#b48c2a; background:#FFF; }
#cate1 #nav_line { width:100%; height:50px; margin-top:-67px; cursor:pointer; } 
#cate1 #nav_line div { float:left; width:33.332%; } 
#cate1 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:50px; left:1px; }

#cate2 { position:relative; z-index:9992; text-align:center; top:0px;}
#cate2 span {  padding:8px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate2 .off { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate2 .on { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; color:#b48c2a; background:#FFF; }
#cate2 #nav_line { width:100%; height:50px; margin-top:-67px; cursor:pointer; } 
#cate2 #nav_line div { float:left; width:50%; } 
#cate2 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:50px; left:1px; }

#cate3 { position:relative; z-index:9992; text-align:center; top:0px;}
#cate3 span {  padding:8px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate3 .off { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate3 .on { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; color:#b48c2a; background:#FFF; }
#cate3 #nav_line { width:100%; height:16px; margin-top:-32px; cursor:pointer; } 
#cate3 #nav_line div { float:left; width:50%; } 
#cate3 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:16px; left:1px; }

#cate4 { position:relative; z-index:9992; text-align:center; top:0px;}
#cate4 span {  padding:8px 0 8px 0; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;cursor:pointer; }
#cate4 .off { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate4 .on { display:inline-block; width:50%; height:14px; border-bottom:1px #DDD solid; color:#b48c2a; background:#FFF; }
#cate4 #nav_line { width:100%; height:16px; margin-top:-32px; cursor:pointer; } 
#cate4 #nav_line div { float:left; width:50%; } 
#cate4 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:16px; left:1px; }