@charset "utf-8";
@import "common.css";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


html, body {height:100%;margin:0;padding:0; -webkit-text-size-adjust:none;}
body {min-height:100%;font-family:'Noto Sans', sans-serif;font-size:0.75em;color:#484848; -webkit-text-size-adjust: none; word-wrap:break-word; word-break:break-all;}
img {border:none;}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd, em, figure {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
ul, li {list-style:none;margin:0; padding:0;}
fieldset {margin:0; padding:0; border:none;}
legend {position:absolute; left:-1000px; top:-1000px; height:0; font-size:0; line-height:0; visibility:hidden;}
a{color:#575757; text-decoration:none;}
a:hover, a:focus, a:active{/*color:#575757*/;text-decoration:none;}

table {width:100%;/* border-collapse:collapse;*/ font-size:1em;}
table caption {display:none;position:absolute; left:-999px; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
table td, table th {padding:0;}
button {margin:0; padding:0; font:normal 1em 'Noto Sans','Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; color:#484848; vertical-align:middle; background:0; border:none; overflow:visible; cursor:pointer;}
button:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0.2);}

article, aside, footer, header, hgroup, nav, section, figure {display:block; padding:0; margin:0;}
em, address {font-style:normal;}
img {max-width:100%;vertical-align:middle;}
input {vertical-align:middle;}


/* common class */
.f100 {width:100%;}
.f49 {width:49.5%;}
.fr {float:right;}
.fl {float:left;}
.mid {vertical-align:middle;}
.vtop {vertical-align:top;}
.r_btn {padding:5px 0; text-align:right; line-height:36px; background:#e6e6e6;}
.r_btn .btn02 {height:36px; padding:0 7px; vertical-align:top; border-radius:5px 0 0 5px;}
.c_btn {margin:15px 0; padding:0 10px; text-align:center;}
.c_btn:first-child {margin-top:0;}
.alignr {text-align:right !important;}
.cen {position:relative;text-align:center !important;}
.hide {position:absolute !important; left:-10000px; top:-10000px; visibility:hidden;}
.clear:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.layer_back {position:fixed; left:0; top:0; bottom:0; width:100%; background:#000; opacity:0.6;}
.pt3 {padding:3px 0px !important;}


/* layout
header ul, main, nav ul, footer ul, {display:block; max-width:100%; margin:0 auto;}
main {display:block; max-width:95%; margin:2em auto; font-size:1.167em;}

header ul {border-bottom:1px solid #E5E5E5;}
header ul li {display:block; text-align:center; padding:.5em 0;}
header ul li button {margin-top:1em; background-color:rgba(255, 255, 255, 0);}
header ul li button:nth-of-type(1) {float:left; margin-left:.6em;}
header ul li button:nth-of-type(2) {float:right; margin-right:.6em;}

nav {margin-bottom:1em;}
nav ul {text-align:center; padding-right:5px; background-color:#4388BF;}
nav ul li {display:inline-block; margin-right:-5px; width:19.8%; text-align:center; line-height:2;}
nav ul li a:link, nav ul li a:visited, nav ul li a:hover {color:#FFF;}
nav ul li a {display:block; font-size:1.083em; font-weight:bold; padding:20% 0;}
nav ul li a.nowPage {color:#FFF261;}

메인페이지
#mainImg {width:100%; margin:0 auto; color:#FFF; font-size:1.167em; background-color:#4B79AD;}
#mainImg p {padding:1.5em 2em;}

메인페이지 게시물 추출
.noticeWrap {margin:2em 1em;}
.noticeWrap .list li {margin:.45em .3em;}
.noticeWrap h4 {font-size:1.250em;}
.noticeWrap ul {margin-top:30px;}
.noticeWrap .more {margin-top:7px; font-size:1.000em;}

메인 퀵메뉴
#quickArea {margin:1em 0;}
#quickArea ul {text-align:center; padding-right:6px;}
#quickArea ul li {display:inline-block; margin-right:-5px; width:24.8%; border:1px solid #CCC; text-align:center; border-right:0;}
#quickArea ul li:last-of-type {border-right:1px solid #CCC;}
#quickArea ul li a {display:block; font-weight:bold; padding:20% 0;}

서브페이지
main > section > article {min-height:155px;}

사이트맵
#sitemap a {display:block; width:90%; padding:.5em; font-size:1.167em;}
*/


/* 전체스킨 */
.skinWrap {font-size:0.917em;}
.skinWrap > .skinWrap {font-size:1.000em;}


/* media queries */
@media (min-width:320px) { 
	.boardWrap #gallery ul li {width:143px !important;}
	.boardWrap #gallery ul li > img {height:95px;}
}
@media (min-width:360px) { 
	.boardWrap #gallery ul li {width:163px !important;}
	.boardWrap #gallery ul li > img {height:108px;}
}
@media (min-width:568px) { 
	.boardWrap #gallery ul li {width:170px !important;}
	.boardWrap #gallery ul li > img {height:113px;}
}
@media (min-width:640px) { 
	.boardWrap #gallery ul li {width:194px !important;}
	.boardWrap #gallery ul li > img {height:129px;}
}

nav {background:#2e2e2e;height:1000px;overflow-y:auto;}
nav ul li {position:relative;}
nav ul li a.sub1th {display:inline-block;width:60%;padding:0px 20px;color:#fff;z-index:999;position:absolute;left:0;top:0;height:40px;line-height:40px;}
nav > ul > li > button {position:relative; width:100%;height:40px;padding:0 20px; color:#fff; text-align:left; border-bottom:1px solid #3e3e3e; border-top:1px solid #272727; background:url("/image/common/nav_down.png") no-repeat 95% center;background-size:auto 20%;}
nav ul ul {height:0; background:#1e1e1e; overflow:hidden; opacity:0; transition:all 0.5s ease;}
nav ul ul li > button:after {height:0; opacity:0;}
nav .on ul {height:auto; opacity:1; transition:all 0.5s ease-in;}
nav .on > button {color:#fff;}
nav .on > button:after {content:""; position:absolute; right:0; top:0; width:40px; height:100%; background:url("/image/common/nav_up.png") no-repeat center #2e2e2e;background-size:auto 20%; opacity:1; transition:all 0.5s ease-in;}
nav ul ul li {float:left;width:50%;border-bottom:0px solid #2c2c2c;}
nav ul ul a {display:block;padding:5px 0px 5px 20px; color:#acacac;font-size:0.93em;line-height:-1px;}
nav ul ul a:hover {color:#acacac;}

.bn_wed {display:block;padding:9px 21px; text-align:left;}
.bn_wed img {width:7%;position:relative;z-index:10;}
.bn_wed_txt {color:#acacac;font-size:0.90em;line-height:-1px;}

.mn_floating {margin:20% 0 0 20%;}
.mn_floating img {width:70%;}

/*
main > section {margin-bottom:.2em;}
main > section > h1 {border-bottom:2px solid #888;}
main > section > h1, main section > h2 {padding-bottom:.2em;}
main > section > article {margin-top:1em;}


footer ul li a:link,
footer ul li a:visited {color:#DBDBDB;}
footer {clear:both; color:#DBDBDB; font-size:0.833em; text-align:center;}
footer div:nth-of-type(1) {background-color:#686868; padding:.8em 0;}
footer div:nth-of-type(1) ul li {display:inline;}
footer div:nth-of-type(1) ul li:last-of-type {position:absolute; margin-left:4em;}
footer div:nth-of-type(2) {background-color:#404040;}
footer div:nth-of-type(2) ul {padding:2em 0;}
footer div:nth-of-type(2) ul li p span {display:inline-block; margin-right:.6em;}
*/


/* common */
body,table,input,textarea,select,button {font-family:Malgun Gothic,'맑은 고딕';}
h1, h2 {letter-spacing:-.05em;}
h2 {margin-bottom:.2em;}
.topLogo {position:relative; display:inline-block; top:.8em; width:140px; height:41px; background:url('/mobile/images/ci.png') no-repeat; background-size:100%; text-indent:-9999em;}

/* layout */
header {position:fixed;left:0;top:0;width:100%;height:60px;background:#1c1b20;z-index:999;}
#logo {display:block;padding:9px 0px; text-align:center;}
#logo img {width:145px;position:relative;z-index:10;}
header .btn_phone {display:block;width:60px;height:60px;background:url("/image/common/btn_phone.png") no-repeat center center;text-indent:-999em; background-size:29px auto;position:relative;z-index:10}
header .btn_menu {width:60px;height:60px;text-indent:-999em;background:url("/image/common/btn_menu.png") no-repeat center center; background-size:29px auto;position:relative;z-index:10}
header .rbtn {position:absolute;right:0px;top:0;height:100%;}
header .menuWrap {position:absolute;left:0px; top:0;}
.menuWrap {position:relative;z-index:9;}
.menuWrap article {position:absolute; left:-340px; top:60px; width:270px;font-size:1.142em; color:#fff; background:rgba(0,0,0,0.8); box-sizing:border-box; -webkit-box-sizing:border-box; transition:all 0.3s ease;}
.menuWrap.on article {left:0; transition:all 0.3s ease;}
.btn_close {position:absolute; right:-45px; top:0; width:45px; height:45px; text-indent:-999em; background:url("/image/common/btn_close.png") no-repeat center center #000; background-size:21px auto; border:none;}

.quick_counsel {margin-bottom:17px; padding:14px 9px 14px 18px; color:#fff; border-bottom:2px solid #606265;}
.quick_counsel th {text-align:left; white-space:nowrap;}
.quick_counsel td {padding:2px 0 2px 5px;}
.quick_counsel td img {height:62px;}
.quick_counsel .agree {margin-top:14px;}

.contentsWrap {padding-top:60px;min-height:500px;position:relative;z-index:10;}

.subtit {height:51px;  text-align:center; border-bottom:1px solid #ccc;}
.subtit img {height:100%;}

/* main */


.notice01 {width:100%; position: relative;text-align:center !important;}
.notice01 ul {overflow:hidden;}
.notice01 li {float:left; width:50%;}

.board01 {width:100%; padding:16% 0% 0% 12%;}
.board01 img {position: relative; float:left;}
.board01 ul {margin:8% 0%; text-align:left !important;}
.board01 li {width:80%; padding:1% 0%; display:block;}

.n_txt01 {line-height:1.3;color:#666666; font-size:13px; letter-spacing:-0.06em;}
.n_txt02 {line-height:19px;color:#7a7a7a; font-size:10px; clear:both; }

footer {background:url("/image/common/foot_bimg.jpg") repeat center center; margin:0px; padding:0px;}

.quick01 ul {overflow:hidden;}
.quick01 li {float:left; width:33%;}
.quick01 li:nth-child(3n - 1) {width:34%;}
.quick01 li a {display:block; height:54px; line-height:54px; text-align:center; background-color:#3cbfe6; border-bottom:2px solid #fff;}
.quick01 li a img {height:16px; vertical-align:middle;}
.quick01 li:nth-child(3n - 1) a {border-left:2px solid #fff; border-right:2px solid #fff;}


.quick03 {width:100%;}
.quick03 ul:after {display:block;visibility:hidden;clear:both;content:""}
.quick03 li {float:left;width:25%;margin:0px;padding:0px;}
.quick03 li a img {width:100%;}

.quick04 {width:100%;position:relative;text-align:center !important;}


.quick05 {width:100%;position:relative;padding:30px 0px;text-align:center !important;}
.quick05:after {display:block;visibility:hidden;clear:both;content:""}
.quick05 ul {width:60%;margin:0px auto;padding:0px;clear:both;}
.quick05 li {width:33.3%;float:left;text-align:center;}
.quick05 li img {width:65%; max-width:160px;}

.log_menu {text-align:center;}
.log_menu a img {width:18%;display:inline-block;padding:0px 0px 10px 0px;}

.copy {text-align:center;}
.copy img {width:80%; max-width:850px;padding:10px 0px 20px}


/***** slider *****/
.bx-wrapper {position:relative;}
.bx-wrapper img {vertical-align:top;}
.bx-pager {display:none;}
.bx-controls-direction a {width:28px; height:29px; text-indent:-999em;}
.bx-prev {position:absolute; left:0; top:50%; background:url("/image/common/btn_prev01.png") no-repeat center center; background-size:auto 100%;}
.bx-next {position:absolute; right:0; top:50%; background:url("/image/common/btn_next01.png") no-repeat center center; background-size:auto 100%;}

#m_visual {width:100%;margin:0px auto 0px;position:relative;overflow:hidden;}
#m_visual .content {width:100%; margin:0px auto;}
#m_visual .flexslider_event {text-align:center;}
#m_visual .flexslider_event .slides {width:100%;}
#m_visual .flexslider_event .slides > li {display: none; -webkit-backface-visibility: hidden;}
#m_visual .flexslider_event .slides img {display: block;width:100%;}
/*
#m_visual .flexslider_event .flex-direction-nav {z-index:9;width:100%;background:#e7e7e7;height:30px;position:relative;}
#m_visual .flexslider_event .flex-direction-nav li {width:10%;z-index:999;}
#m_visual .flexslider_event .flex-direction-nav a {width:10%;height:30px;display:block;z-index:10;cursor:pointer;text-indent:-9999px;}
#m_visual .flexslider_event .flex-direction-nav .flex-next {background:url('../img/common/arrow_right.png') no-repeat center;position:absolute;top:0px;right:0px;background-size:8px auto;}
#m_visual .flexslider_event .flex-direction-nav .flex-prev {background:url('../img/common/arrow_left.png') no-repeat center;position:absolute;top:0px;left:0px;background-size:8px auto;}
*/
#m_visual .flexslider_event .flex-control-nav {position:absolute;left:15%;bottom:3px;width:70%;z-index:99;text-align:center}
#m_visual .flexslider_event .flex-control-nav li {margin:0px 4px;display:inline-block; zoom: 1; *display: inline; }
#m_visual .flexslider_event .flex-control-paging li a {width:10px;height:10px;display:block;background:#fff;border-radius:10px;cursor:pointer;text-indent:-9999px;}
#m_visual .flexslider_event .flex-control-paging li a:hover, #m_visual .flexslider_event .flex-control-paging li a.flex-active {background:#1c1b20;border-radius:10px;cursor: pointer;}

.go_top {position:fixed;bottom:15px;right:15px;z-index:999999;}
.go_top button {background:url('../img/common/btn_top.png') no-repeat;width:40px;height:40px;background-size:100%;text-indent:-999px;border:none;cursor:pointer;filter:alpha(opacity=80);-ms-filter:alpha(opacity=80);opacity:0.8;}

#sub_line {display:block;background:url("/image/common/ind_bg.jpg") repeat center center;width:100%;position:fixed;top:60px;left:0px;height:40px;text-align:left;z-index:200;}
#sub_line span {margin-left:16px;line-height:40px;color:#fff;font-size:13px;}

.btn_counsel {background:url('../img/common/sub_down.png') no-repeat center #898989;background-size:40% auto;width:40px;height:40px;text-indent:-999em;z-index:999;float:right;}


.pop_counsel {position:fixed; right:0;top:100px;background:#424242; z-index:200;display:none;}
.pop_counsel.open {height:auto;}
.pop_counsel li {display:block;padding:0px;margin:0px;}
.pop_counsel li a {display:block;padding:0px 20px;line-height:35px;color:#fff;border-bottom:1px solid #646464;font-size:13px;}
.pop_counsel .btn_close {position:absolute; right:0; top:-40px; width:40px; height:40px; text-indent:-999em; background:url("../img/common/sub_up.png") no-repeat center #898989;background-size:40% auto;}

.m_img {padding-bottom:0px;text-align:center;}
.m_img img {max-width:100%;}

.link01 {position:absolute;top:9%;left:15%;width:17.5%;height:38%;border:0px solid red;background:url('blank/png'); }
.link02 {position:absolute;top:9%;left:41%;width:17.5%;height:38%;border:0px solid red;background:url('blank/png'); }
.link03 {position:absolute;top:9%;left:68%;width:17.5%;height:38%;border:0px solid red;background:url('blank/png'); }
.link04 {position:absolute;top:54.5%;left:15%;width:17.5%;height:38%;border:0px solid red;background:url('blank/png'); }
.link05 {position:absolute;top:54.5%;left:41%;width:17.5%;height:38%;border:0px solid red;background:url('blank/png'); }
.link06 {position:absolute;top:54.5%;left:68%;width:17.5%;height:38%;border:0px solid red;background:url('blank/png'); }
/*
.link07 {position:absolute;top:54.5%;left:52.8%;width:17.5%;height:24.5%;border:0px solid red;background:url('blank/png');}
.link08 {position:absolute;top:54.5%;left:76.2%;width:17.5%;height:24.5%;border:0px solid red;background:url('blank/png');}
*/

.subWarp{width:device-width; margin-top:40px;position:relative;overflow:visible;}
.subWarp img{width:100%}

.locationWarp{width:device-width; margin-bottom:40px;position:relative;overflow:visible; text-align:center;}
.locationWarp img{width:91%}


/* 비용상담 */
.write_common article { margin:0% 5%; padding: 20px 0 32px 0; border-top: 1px solid #3d3e40;}

dl.register_common { overflow: hidden; width:100%; }
dl.register_common dt { width:30%; float: left; height: 41px; margin-top: 10px; font-size: 15px; font-weight: bold; color: #3d3e40; line-height: 41px;}
dl.register_common dd {position: relative;	height: 41px; margin-top: 10px; font-size: 15px; line-height: 41px; }
dl.register_common dd input { width:66%; height:28px; color: #333; font-size:1.0em; border-color:#cfcfcf; position:absolute; right:0;}

.write_common article.ib { position: relative; padding: 25px 0 25px 0px; font-size: 14px; color: #333; line-height: 18px; border-bottom: 1px solid #3d3e40; }
.write_common article.ib .left { padding-right: 100px; }
.write_common article.ib .right { float:none; position: absolute; right:0; top:50%; margin-top:-18px; }
.write_common article.ib .right button.line_green { height: inherit; height:35px; padding:0 20px; line-height: 35px; color: #3d3e40; border: 1px solid #3d3e40; }

.submit_btn {width:100%;position:relative;padding:40px 0px 80px 0px;text-align:center !important;}
.submit_btn:after {display:block;visibility:hidden;clear:both;content:""}
.submit_btn ul {width:80%;margin:0px auto;padding:0px;clear:both;}
.submit_btn li {width:50%;float:left;text-align:center;}
.submit_btn li button.register { width:98%; height: 47px; font-size: 18px; color: #fff; line-height: 47px; text-align: center; background-color: #176274;}
.submit_btn li button.cancel { width:98%; height: 47px; font-size: 18px; color: #fff; line-height: 47px; text-align: center; background-color: #666666;}

/* 이벤트페이지 */
.eventWarp{width:device-width; margin:0px auto 0px;position:relative;overflow:hidden;}
.eventWarp img{width:100%}


















/* Mobile Main 이벤트롤링  --------------------------------------------------*/

/* Main Visual */
.swiper-container {width:100%;color:#fff;text-align:center;}
.swiper-slide .title {width:100%;}
.swiper-slide .title img{width:100%;display:block;}
.pagination {position:absolute;z-index:20;right:35%;bottom:15px;margin-right:-75%;width:100%;text-align:center;display:none;}
.pagination span{display:inline-block;}
.swiper-pagination-switch {position:relative;background-color:#959595;opacity:0.5;width:8px;height:8px;margin-left:5px;display:block;cursor:pointer;border-radius:50%;}

.swiper-active-switch {background-color:#4baddb;opacity:1;}
.swiper-active-switch:after {color:#333333;}


.swiper-container2 {width:100%;color:#fff;text-align:center;}
.swiper-slide .title {width:100%;}
.swiper-slide .title img{width:100%;display:block;}
.swiper-container2 .pagination {position:absolute;z-index:20;left:10px;top:35px;width:100%;}
.swiper-container2 .swiper-pagination-switch {position:relative;float:left;background-color:#b8e5ff;width:10px;height:10px;margin-left:5px;display:block;cursor:pointer;border-radius:50%;}

.swiper-container2 .swiper-active-switch {background-color:#fff;}


.swiper-slide {float:left;}
.swiper-container {margin:0 auto;position:relative;overflow: hidden;z-index: 1;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-wrapper {position: relative;width: 100%;            
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}


/* 모바일용 로그인 */
.login_box{padding:10px 0;border:1px solid #ddd;margin:30px auto;width:92%;position:relative;}
.login_box ul{padding-top:10px;}
.login_box ul li{margin-bottom:10px;}
.login_box ul li label{width:20%;height:25px;line-height:25px;display:inline-block;color:#474747;font-size:14px;padding-left:5%;}
.login_box ul li span{width:69%;display:inline-block;padding-right:5%;}
.login_box ul li span input{width:100%;border:1px solid #cacaca;height:26px;}
.login_box .btn_login {padding-top:10px;display:block;}
.login_box .btn_login input{width:90%;margin:0 5%;height:35px;line-height:35px;font-family:'Nanum Gothic';font-size:14px;border:0;text-align:center;background-color:#8dc73f;color:#fff;cursor:pointer;border-radius:0 !important;}

.login_box .join_idpw{padding-top:10px;margin:0 6%;}
.login_box .join_idpw div{padding-bottom:10px;font-size:13px;text-align:center;}
.login_box .join_idpw div span{display:block;text-align:left;}
.login_box .btn_join {display:block;width:50%;margin:15px auto;background:#333;color:#fff;text-align:center;line-height:30px;}


/* 모바일용 회원가입 */
table .join_agree_tit{font-weight:bold;color:#2f2f2f;font-size:16px;}
table .join_agree_tit span{font-weight:normal;color:#8d919b;}


/* 모바일용 - 회원가입 정보입력 */
.web_join_form table{width:100%;border-collapse:collapse;}
.web_join_form table .input_info{font-size:15px;}
.web_join_form table .input_info strong{color:#404040;}
.web_join_form table.big_table{border-top:1px solid #cccccc;}
.web_join_form table th{border-bottom:1px solid #d7d7d7;background-color:#fafaf9;height:35px;}
.web_join_form table td{padding:3px 5px !important;border-bottom:1px solid #d7d7d7;}
.web_join_form table td table td{border-bottom:0;padding:0 !important;}
.web_join_form table td input[type=text],
.web_join_form table td input[type=password]{height:25px;}
.web_join_form .dubble_check{display:block;width:100%;height:25px;font-weight:bold;line-height:22px;border:1px solid #cac9c9;background-color:#f4f3f3;text-align:center;color:#403f3f;cursor:pointer;margin:5px 0;}
.web_join_form .form_sub{display:block;font-size:11px;}

/* 모바일용 - 회원가입 회원정보수정 */
.web_myinfo_form table{width:100%;border-collapse:collapse;}
.web_myinfo_form table .input_info{font-size:15px;}
.web_myinfo_form table .input_info strong{color:#404040;}
.web_myinfo_form table.big_table{border-top:1px solid #cccccc;}
.web_myinfo_form table th{border-bottom:1px solid #d7d7d7;background-color:#fafaf9;height:35px;}
.web_myinfo_form table td{padding:3px 0;border-bottom:1px solid #d7d7d7;}
.web_myinfo_form table td table td{border-bottom:0;}
.web_myinfo_form table td input[type=text],
.web_myinfo_form table td input[type=password]{height:25px;}
.web_myinfo_form .dubble_check{display:inline-block;width:88px;height:25px;font-weight:bold;line-height:22px;border:1px solid #cac9c9;background-color:#f4f3f3;text-align:center;color:#403f3f;cursor:pointer;}

/* 모바일용 - 회원가입 완료 */
.join_ok{margin:20px 0;padding-top:35px;text-align:center;background:url('/images/common/join_ok_line.gif') top center no-repeat;}
.join_ok .logo{padding-top:0; width:205px;height:50px;display: inline-block;background: url('../images/common/icon/ico_logo.png') no-repeat 50% 50% transparent;
    background-size:124px 27px;text-indent:-9999px;}
.join_ok div{padding-top:35px;color:#474747;font-size:20px;letter-spacing:-1px;text-align:center;font-weight:bolder;}
.join_ok div span{color:#8dc73f;}
.join_ok p{padding-top:35px;color:#474747;font-size:13px;}
.join_ok .go_login{padding-top:35px;display:inline-block;}
.join_ok .go_login a{width:163px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:15px;background-color:#8dc73f;display:block;}
.join_ok em{padding-top:35px;background:url('/images/common/join_ok_line.gif') bottom center no-repeat;display:block;}




/* 솔류션 공용시작  --------------------------------------------------*/

/* Mobile Main 공지사항  --------------------------------------------------*/
#M_Notice { height:34px; border-width:1px 0 1px; border-style:solid; border-color:#ddd; background:#f0f0f0; position:relative; font-size:12px; z-index:9999; }
#M_Notice span { position:absolute; left:15px; top:10px; color:#333; }
#M_Notice ul { overflow:hidden; position:absolute; left:50px; top:10px; }
#M_Notice a { color:#666; display:block; }
#M_Notice .notice_next {  position:absolute; right:10px; top:6px; border:1px solid #ddd; }
#M_Notice .notice_prev {  position:absolute; right:31px; top:6px; border:1px solid #ddd; }


/* Mobile Main 아이콘  --------------------------------------------------*/
#M_Icons { padding:0 10px 0; margin-top:15px;  z-index:9999;}
#M_Icons ul { overflow:hidden; }
#M_Icons li { float:left; width:33.3%;  }
#M_Icons li a { display:block; }
#M_Icons div { padding:5px 5px 0;  text-align:center; }
#M_Icons p { border:1px solid #ddd; padding:15px 0 15px; border-radius:10px; margin-bottom:5px; background:#f8f8f8; }
#M_Icons p img { width:100%; max-width:40px; max-height:40px; }
#M_Icons span { font-size:12px; letter-spacing:-1px; }


/* Mobile Sub 레이아웃  --------------------------------------------------*/
#M_SubWrap { padding:0px; margin:0 auto; width:100%;  max-width:640px;}
#M_SubBody { padding:0 15px 15px; overflow:hidden; }
#M_SubBody img { width:100%; max-width:610px;  }

#M_Subbar { background:#3f4457; padding:10px 15px;  text-align:right; color:#fff; font-size:12px; line-height:12px; height:12px; } 
#M_Subbar span { background:url(../img/arrow.png) no-repeat 3px -29px; padding:0 7px; }


/* Mobile Sub 메뉴  --------------------------------------------------*/
#M_submenu { position:relative; max-width:610px; padding:0 15px; margin:20px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:25%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:13px; line-height:14px; letter-spacing:-0.05em;  }
#M_submenu li a { color:#333; border:1px solid #ddd; }
#M_submenu li.on a { color:#fff;background:#4068ad; border:1px solid #4068ad; font-weight:bold; }


/* Mobile Sub 타이틀  --------------------------------------------------*/
#M_subtitle { font-size:22px;  margin:20px 15px 20px; font-weight:bold; letter-spacing:-2px; }


/* Mobile Sub 컨텐츠  --------------------------------------------------*/
.subtit { padding:0 0 0 16px; background:url(../img/i_tit.png) no-repeat 0 50%; font-weight:bold; }
.subtxt { font-size:13px; }
.toptxt_right { text-align:right; font-size:12px; color:#666; height:15px; }
.tableA { border-top:1px solid #333; }
.tableA th { background:#f8f8f8; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableA td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableF { border-top:1px solid #333; }
.tableF.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableF th { background:#f7f7f7; padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; text-align:left; color:#333; }
.tableF td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


/* Mobile Sub 버튼  --------------------------------------------------*/
#btnArea {text-align:center; margin-top:10px; vertical-align:middle;}
.btnA { width:84px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnB { width:84px; height:32px;  border:none; cursor:pointer; background:#8c909b; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnC { width:84px; height:32px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:12px; line-height:30px;  display:inline-block; vertical-align:middle; } /*취소*/
.btnS { width:64px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; } /*검색*/



/* Mobile LOGIN 로그인  --------------------------------------------------*/
.loginbox { border:1px solid #ddd; background:#f8f8f8; padding:30px 30px 15px; }
.login_input {padding:10px 3px; border:1px solid #ddd; width:95%}
.login_txt { font-size:12px; text-align:left; margin-top:10px; }


/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }

/* Mobile PRODUCT List --------------------------------------------------*/
.M_prd_List_wrap  {  border-left:1px solid #ddd;  border-top:1px solid #ddd; } 
.M_prd_List {  border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:15px 0; } 
.M_prd_List a { display:block; }
.M_prd_List_th {padding:0 0 5px; text-align:center; overflow:hidden; font-size:14px;  }
.M_prd_List_td { padding:10px 0px;  }
#M_SubBody .M_prd_List_td img { max-width:120px; max-height:80px; }


/* Mobile PRODUCT View  --------------------------------------------------*/
.M_prd_View { border-top:1px solid #333; }

/* Product 이미지 */
.M_prd_View_img { border:1px solid #ddd; padding:0px 0; text-align:center; vertical-align:middle; display:table-cell; width:640px; }
						#M_SubBody .M_prd_View_img img {   }

/* Product 서브이미지 */
.M_prd_View_simg { float:left; padding:10px 0; text-align:center; overflow:hidden; vertical-align:middle; display:table-cell; }
						#M_SubBody .M_prd_View_simg .prdThimg td { border:1px solid #ddd;  max-height:66px; }
						#M_SubBody .M_prd_View_simg .prdThimg td img { max-width:100px;  vertical-align:middle; }

.M_prd_View_name { clear:both; padding:20px 0; font-weight:bold; font-size:28px; letter-spacing:-0.03em; border-bottom:1px solid #ddd; }
.M_prd_View_line{ padding:5px 0; border-bottom:1px solid #ddd; }
.M_prd_View_info { clear:both; padding:15px 0 0; font-size:13px; color:#666; line-height:1.5; }
.M_prd_View_info2 { clear:both; padding:5px 0 10px; font-size:13px; color:#666; line-height:1.5; }
/* Contents 사이즈 */
#M_prd_View_cont { padding:20px 0px 40px;  color:#333; }
#M_prd_View_cont  #wiz_get_table_width { width:100%!important }



/* Mobile 카테고리  --------------------------------------------------*/
.mCategory { border:1px solid #ddd; background:#f8f8f8;  padding:15px; margin-bottom:10px; font-size:14px; }


/* Mobile 이전글,다음글  --------------------------------------------------*/
.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }


/* Mobile 페이징  --------------------------------------------------*/
.mPaging td { padding:0 1px; }
.mPaging td a { color:#666; }


/* Mobile Sub 게시판 하단 검색  --------------------------------------------------*/
.mSch_select { padding:8px; border:1px solid #ddd; }
.mSch_input { padding:8px; border:1px solid #ddd; width:120px; }


/* Mobile Password 암호  --------------------------------------------------*/
#M_pw_wrap { border:1px solid #ddd; background:#f8f8f8; padding:25px 15px; }
#M_pw_wrap .mPw_txt { font-size:13px; padding:0px 0; }
#M_pw_wrap .mPw_input { padding:15px 0 5px; }
#M_pw_wrap .mPw_input input { border:1px solid #ddd; padding:4px 8px; width:180px; }

/* Mobile 둘러보기 Tap  --------------------------------------------------*/

.m_view{width:100%;}
.m_view .tab_ul_view{overflow: hidden;}
.m_view .tab_ul_view li{float:left;width:50%;}
.m_view .tab_ul_view li img{width:100%;display:block;}

/* Mobile 둘러보기(상담센터/피부센터)  --------------------------------------------------*/

.mar_l0{margin-left:0 !important;}

#sub_gal {overflow: hidden;/* margin-bottom: 10%; */}
#sub_gal .bimg {/* background: #ddd; */position: relative;}
#sub_gal .bimg ul li {float:left;position: absolute;z-index: 99;padding: 0 4.8% 4.8% 4.8%;}
#sub_gal .thumb {width: 100%;float: left;margin-top: 63%;padding: 0 4.8% 4.8% 4.8%;}
#sub_gal .thumb ul li {width: 17.8%;float: left;margin-bottom: 0.3%;margin-left: 0.3%;cursor: pointer;}
/*#sub_gal .thumb ul li:hover {border: 1px solid #0091d4;}*/

/* Mobile 둘러보기(수술센터)  --------------------------------------------------*/

#sub_gal2 {overflow: hidden;/* margin-bottom: 10%; */}
#sub_gal2 .bimg2 {/* background: #ddd; */position: relative;}
#sub_gal2 .bimg2 ul li {float:left;position: absolute;z-index: 99;padding: 0 4.8% 4.8% 4.8%;}
#sub_gal2 .thumb2 {width: 100%;float: left;margin-top: 63%;padding: 0 4.8% 4.8% 4.8%;}
#sub_gal2 .thumb2 ul li {width:22.2%;float: left;margin-bottom: 0.5%;margin-left: 0.5%;cursor: pointer;}
/*#sub_gal .thumb ul li:hover {border: 1px solid #0091d4;}*/

#M_pic_View_cont img {width:100%;margin-bottom:20px;}
#M_pic_View_cont {text-align:center;}