@charset "utf-8";

/*기본 정보부분*/
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 { position:relative; z-index:99999991;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:17px; 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:999999992; }

.snb_title { display:inline-block; width:100%; text-align:left; }
.snb_title .nav_gr {  display:inline-block; padding:10px 12px; margin:0 12px 0 0; background:#8F8F8F;  color:#fff; font-size:18px; font-weight:600; letter-spacing:-0.05em; }
.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:#5B97FF;  color:#fff; font-size:18px; font-weight:600; letter-spacing:-0.05em; }
.snb_title img {  }

.navbar { display:block;position:relative; width:100%; /* 높이지정 중요 */  min-height:41px; margin:0 auto;  z-index:999999992; 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 30px 0px #222; box-shadow:0 0 30px 0 #222; }

.book_m_wrap { position:absolute; z-index:9993; width:100%; margin:0 auto; top:37%; text-align:center; }
.book_m_wrap img { display:inline-block; width:22%; margin:3px; }


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

#main_step1 { display:inline-block; position:relative;  width:100%; text-align:center; padding:15px; top:0px; background:#ededed; }
#main_step1 ul { width:94%; list-style:none; }
#main_step1 li { float:left; width:33%; padding:0;}
#main_step1 li img { padding:0; margin:5px 0; overflow:hidden; vertical-align:top; }

#main_step2 { display:inline-block; position:relative;  width:100%; text-align:center; overflow:hidden; vertical-align:top;}
#main_step2 ul { list-style:none; padding:0; }
#main_step2 li { float:left; width:100%; padding:0;}
#main_step2 li img { padding:0; margin:0; }

#main_step3 { display:inline-block; position:relative;  width:100%; text-align:center; overflow:hidden; vertical-align:top;}
#main_step3 ul { list-style:none; padding:0; }
#main_step3 li { float:left; width:100%;padding:0; margin:0; overflow:hidden; vertical-align:top; }
#main_step3 li img { padding:0; margin:0; }


/* 하단 온라인 상담 폼 */
@ placeholder.css
input::-ms-input-placeholder { color: #ccc;  font-size:15px;}
input::-webkit-input-placeholder { color: #ccc; font-size:15px; } 
input::-moz-placeholder { color: #ccc;  font-size:15px;}
textarea::-ms-input-placeholder { color: #ccc;  font-size:15px;}
textarea::-webkit-input-placeholder { color: #ccc;  font-size:15px;} 
textarea::-moz-placeholder { color: #ccc;  font-size:15px;}

.fm_wrap {  float:left; width:96%; margin-top:10px; text-align:left;}
.fm_wrap input { height:30px; border:0; padding:3px 5px;  font-size:15px; background:#555; color:#ddd; }
.fm_wrap textarea {  margin:10px 0 0 0; width:94%; height:90px; padding:4px; border:1px solid #555; background:#555; color:#ddd; }

.fm_wrap .policy { padding:4px 4px; background:#6A7889; color:#fff; font-size:14px; font-family:'Noto Sans Kr'; letter-spacing:-0.05em; }
.km_agreetext { font-size:14px; font-weight:300; font-family:'Noto Sans Kr'; color:#fff; }
 .btn_btm input { display:inline-block; position:relative; width:95%; margin-top:10px; height:35px; text-align:center; line-height:25px; padding:5px 0; border-radius:25px; background:#128C9D;color:#fff;font-size:20px; font-family:'Noto Sans Kr'; font-weight:300;letter-spacing:-0.03em; text-decoration:none;cursor:pointer;}

#main_step7 { display:inline-block; position:relative;  width:100%; text-align:center;  margin-top:0px; }
#main_step7 ul { list-style:none; padding:0; }
#main_step7 li { float:left; width:100%; padding:0; }
#main_step7 li img { padding:0; margin:0; overflow:hidden; vertical-align:top; }

#main_bna { display:inline-block; position:relative; width:100%; text-align:center; top:0; padding:0; margin-top:-3px;}
#container_tab_ { display:inline-block; position:relative;width:100%; margin:0 auto; top:0; background:#F0F0F0;}
ul.tabs_ { display:inline-block; padding:0; list-style:none; width:100%; margin:0 auto; margin-bottom:20px; }
ul.tabs_ li {float:left; text-align:center; cursor:pointer; width:24.7%; padding:0; height:35px; line-height:35px; background:#223E7F; border-right:1px #051C50 solid; color:#FFF; font-size:15px; font-weight:500; letter-spacing:-0.07em;overflow:hidden; }
ul.tabs_ li:last-child { border-right:none; }
ul.tabs_ li.active { background:#051C50; color:#FFF; }
.tab__container { width:94%; min-height:150px; margin:0 auto;text-align:center; }
.tab__content {  padding:0; display:none;}

/* 동영상 반응형 */
.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;  z-index:99991;}
#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:10px 0; text-align:center; background:#27367E; color:#fff; font-size:1.5em; font-weight:600; letter-spacing:-0.05em; }
#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:10px;} /* 게시판외 전체 사이즈 좌우 */
#sub_wrap .cont1 { display:inline-block;position:relative; width:96%; height:100%; margin:0 auto; text-align:left; margin-top:10px;} /* 게시판외 전체 사이즈 좌우 */
#sub_wrap .cont_bo { display:inline-block;position:relative; width:96%; height:100%; margin:0 auto; text-align:left; margin-top:10px; } /* 게시판의 전체 사이즈 좌우 */


/* 푸터 */
#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; width:100%; margin-top:-1px;}

#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; width:100%; text-align:center; margin-bottom:10px; }
.tail_c​lause_menu ul { width:90%; margin:0 auto; text-align:center; display:flex; justify-content:center; align-items:center; }
.tail_c​lause_menu li { float:left; width:34%; list-style:none; margin:0; line-height:10px; padding:10px 7px; background:#444; margin:0 3px; }
.tail_c​lause_menu li:last-child { border-right:none;  }
.tail_c​lause_menu li a {  line-height:12px;color:#ccc;  font-size:13px; letter-spacing:-0.04em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }
.tail_c​lause_menu li span {  line-height:12px;color:#ccc;  font-size:14px; letter-spacing:-0.04em;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }

#tail_copyright{ clear:both; text-align:center; background:#222; padding:30px 0 30px 0; font-size:14px; line-height:20px;letter-spacing:-0.04em; color:#aaa; }
#tail_copyright p { padding:0 0 6px 0 }

.span_ll { font-size:11px; font-family:'dotum'; color:#999; font-weight:normal; padding:0 7px 0 6px; }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { display:block; position:relative; width:100%;  height:36px; margin:0 auto; margin-bottom:10px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display:block;position:relative; width:100%;height:36px; 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:28px;  line-height:30px; padding:4px 15px 2px 16px; background:#EEE; color:#222; letter-spacing:-0.05em; border: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:28px;  line-height:30px; margin-top:-4px; margin-bottom:-2px;  margin-left:-16px;  margin-right:-15px; padding:4px 15px 2px 16px;  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:-4px; margin-bottom:-2px;  margin-left:-16px;  margin-right:-15px; width:100%; height:28px;  line-height:30px; padding:4px 15px 2px 16px;  background:#000; 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; text-align:center; background:#F5F5F5; border-top:0px #DDD solid; top:1px;}
#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:33.332%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate .on { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; color:#5B97FF; background:#FFF; }
#cate #nav_line { width:100%; height:114px; margin-top:-130px; cursor:pointer; } 
#cate #nav_line div { float:left; width:33.332%; } 
#cate #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:114px; left:1px; }

#cate1 { position:relative; text-align:center; background:#F5F5F5; border-top:0px #DDD solid; top:1px;}
#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:#5B97FF; background:#FFF; }
#cate1 #nav_line { width:100%; height:15px; margin-top:-31px; 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:15px; left:1px; }

#cate2 { position:relative; text-align:center; background:#F5F5F5; border-top:0px #DDD solid; top:1px;}
#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:#5B97FF; background:#FFF; }
#cate2 #nav_line { width:100%; height:15px; margin-top:-31px; 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:15px; left:1px; }

#cate3 { position:relative; text-align:center; background:#F5F5F5; border-top:0px #DDD solid; top:1px;}
#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:33.332%; height:14px; border-bottom:1px #DDD solid; background:#FFF; }
#cate3 .on { display:inline-block; width:33.332%; height:14px; border-bottom:1px #DDD solid; color:#5B97FF; background:#FFF; }
#cate3 #nav_line { width:100%; height:138px; margin-top:-155px; cursor:pointer; } 
#cate3 #nav_line div { float:left; width:33.332%; } 
#cate3 #nav_line div .line { float:right; position:relative; border-right:1px #DDD solid;  height:138px; left:1px; }