@charset "utf-8";

@font-face {
font-family: 'BusanBada';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BusanBada.woff') format('woff');
font-weight: normal;
font-style: normal;
}
                     
/*
Main	#b78a60
Mainbd	#121b38

Sub1	#4cb2d4
Sub2	#56b949
Point	#ee4035
Font	#646464

N1	#736e72
N2	#616161
N3	#9e9e9e
N4	#a9aeae
N5	#c5bcc1
N6	#ebeceb
N7	#f7f5f6
*/



/* ---------------------------------------------- Setting (html) ---------------------------------------- */
html{min-width:1450px;}
body{word-break:keep-all;}
@media screen and (min-width:1450px) {overflow-x:hidden;}}

/* --------------------------------------------- Setting (Dnew) ---------------------------------------- */
.mobile{display:none;}

/* Layout */
.container{max-width: 1400px;margin-right:auto;margin-left:auto}
.container-xs{max-width:768px;margin-right:auto;margin-left:auto}
.container-sm{ max-width:800px; margin-right:auto;margin-left:auto}
.container-md{max-width:1200px; margin-right:auto;margin-left:auto}
.container-lg{max-width:1600px;margin-right:auto;margin-left:auto}

/* 여백부여 */
.mt-1{margin-top:10px;}.mt-2{margin-top:20px;}.mt-3{margin-top:30px;}.mt-4{margin-top:40px;}.mt-5{margin-top:50px;}.mt-6{margin-top:60px;}.mt-7{margin-top:70px;}.mt-8{margin-top:80px;}.mt-9{margin-top:90px;}.mt-10{margin-top:100px;}.mt-11{margin-top:110px;}.mt-12{margin-top:120px;}.mt-13{margin-top:130px;}.mt-14{margin-top:140px;}.mt-15{margin-top:150px;}.mt-20{margin-top:200px;}
.mb-1{margin-bottom:10px;}.mb-2{margin-bottom:20px;}.mb-3{margin-bottom:30px;}.mb-4{margin-bottom:40px;}.mb-5{margin-bottom:50px;}.mb-6{margin-bottom:60px;}.mb-7{margin-bottom:70px;}.mb-8{margin-bottom:80px;}.mb-9{margin-bottom:90px;}.mb-10{margin-bottom:100px;}.mb-11{margin-bottom:110px;}.mb-12{margin-bottom:120px;}.mb-13{margin-bottom:130px;}.mb-14{margin-bottom:140px;}.mb-15{margin-bottom:150px;}.mb-20{margin-bottom:200px;}
.pt-1{padding-top:10px;}.pt-2{padding-top:20px;}.pt-3{padding-top:30px;}.pt-4{padding-top:40px;}.pt-5{padding-top:50px;}.pt-6{padding-top:60px;}.pt-7{padding-top:70px;}.pt-8{padding-top:80px;}.pt-9{padding-top:90px;}.pt-10{padding-top:100px;}.pt-11{padding-top:110px;}.pt-12{padding-top:120px;}.pt-13{padding-top:130px;}.pt-14{padding-top:140px;}.pt-15{padding-top:150px;}.pt-20{padding-top:200px;}
.pb-1{padding-bottom:10px;}.pb-2{padding-bottom:20px;}.pb-3{padding-bottom:30px;}.pb-4{padding-bottom:40px;}.pb-5{padding-bottom:50px;}.pb-6{padding-bottom:60px;}.pb-7{padding-bottom:70px;}.pb-8{padding-bottom:80px;}.pb-9{padding-bottom:90px;}.pb-10{padding-bottom:100px;}.pb-10{padding-bottom:100px;}.pb-11{padding-bottom:110px;}.pb-12{padding-bottom:120px;}.pb-13{padding-bottom:130px;}.pb-14{padding-bottom:140px;}.pb-15{padding-bottom:150px;}.pb-20{padding-bottom:200px;}
.padding-1{padding:10px;}.padding-2{padding:20px;}.padding-3{padding:30px;}.padding-4{padding:40px;}.padding-5{padding:50px;}
.margin-1{padding:10px;}.margin-2{margin:20px;}.margin-3{margin:30px;}.margin-4{margin:40px;}.margin-5{margin:50px;}
.box-1{padding:10px;border:1px solid #ebeceb;}.box-2{padding:20px;border:1px solid #ebeceb}.box-3{padding:30px;border:1px solid #ebeceb}.box-4{padding:40px;border:1px solid #ebeceb}.box-5{padding:50px;border:1px solid #ebeceb}
.border-1{border:1px solid #ebeceb;}.border-2{border:2px solid #ebeceb;}.border-3{border:3px solid #ebeceb;}.border-4{border:4px solid #ebeceb;}.border-5{border:5px solid #ebeceb;}.border-6{border:6px solid #ebeceb;}.border-7{border:7px solid #ebeceb;}.border-8{border:8px solid #ebeceb;}.border-9{border:9px solid #ebeceb;}.border-10{border:10px solid #ebeceb;}

/* 마우스오버 */
.over-zoom{overflow:hidden;}
.over-zoom img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1); 
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.over-zoom:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);  
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

.over-dark {background:#000;}
.over-dark img{opacity:1;transition:all 0.5s}
.over-dark:hover img{opacity:0.9;transition:all 0.5s}

.over-light {background:#fff;}
.over-light img{opacity:1;transition:all 0.5s}
.over-light:hover img{opacity:0.9;transition:all 0.5s}

.over-gray img{-webkit-filter: gray(100%);filter:gray;transition:all 0.5s}
.over-gray:hover img{-webkit-filter: grayscale(100%);filter: none;transition:all 0.5s}

.over-blur img{-webkit-filter:blur(3px);filter:blur(3px);transition:all 0.5s}
.over-blur:hover img{-webkit-filter:none;filter:none;transition:all 0.5s}

.over-color img{-webkit-filter:none;filter:none;transition:all 0.5s}
.over-color:hover img{-webkit-filter:saturate(3);filter:saturate(3);transition:all 0.5s}

/* 기타 */
.pc-ee{display:block}
.thumb img::before{display:block;line-height: 100px; content:'이미지 준비중';text-align: center;opacity:.3; font-size:2em;}


/* -------------------------------------------------------------------------------- Setting (Bootstrap) -------------------------------------- */
.lead{font-size:21px}
.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}

@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}
.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
.form-horizontal .form-group-lg .control-label{padding-top:14.33px}
.form-horizontal .form-group-sm .control-label{padding-top:6px}
.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}
.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}
.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}
.navbar{border-radius:4px}
.navbar-header{float:left}
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
.navbar-static-top{border-radius:0}
.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
.navbar-toggle{display:none}
.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}
.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-text{float:left;margin-right:15px;margin-left:15px}
.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}
@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}

.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}
@media (min-width:992px){.modal-lg{width:900px}}
@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}

.col-sm-w5,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-w5{width:20%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-w5{right:20%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-w5{margin-left:20%}.col-sm-offset-0{margin-left:0}
.col-md-w5,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-w5{width:20%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-w5{right:20%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-w5{margin-left:20%}.col-md-offset-0{margin-left:0}
.col-lg-w5,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-w5{width:20%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-w5{right:20%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-w5{margin-left:20%}.col-lg-offset-0{margin-left:0}

.visible-xs,.visible-sm,.visible-md{display:none;}
.hidden-lg{display:none!important}


/* ----------------------------------------------- Setting (Gnuboard)---------------------------------------- */
/* ie6 이미지 너비 지정 */
.img_fix{width:100%;height:auto}

/* Mobile화면으로 */
/* #device_change{display: block;left:0;top:0px;width:100vw;padding:5vw;font-size:6vw;text-align:center;} */
#device_change{position: fixed; display: block;left:50%;bottom:20px;transform: translateX(-50%); width:90vw;padding:2vw;font-size:20px;text-align:center;z-index: 999999;color:#FFF;border: 1px solid #FFF;border-radius: 10px;box-shadow: 3px 3px 5px rgba(0,0,0,0.15);font-weight: 700;letter-spacing: -0.05em;}

@media (min-width:1024px){#device_change{display:none;} }

/* 팝업 */
#hd_pop{z-index:1000;position:relative;margin:0 auto;height:0;}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}

.hd_pops{/*position:absolute;*/z-index:20;min-width:300px;}
.hd_pops_con img {width:100%;}
.hd_pops_footer{margin-top:-5px;padding:10px;border-radius:5px;background:#303231;font-size:0.9em;color:#fff;opacity:0.9;}
.hd_pops_footer input {margin-right:5px;}
.hd_pops_footer .hd_pops_close{border:none;background:none;}

.hd_pops_bg{position:fixed;top:0px;left:0px;z-index:1000;width:100%;height:100%;background:#000;opacity:0.8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';/* IE 8 */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* IE 7 and olders */}

/* 댓글 스타일 */
.cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:12px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head01 thead a{color:#383838}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td{padding:14px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;
line-height:1.5em;word-break:break-all;}
.tbl_head01 a{}

.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}

/* 폼 테이블 */
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_frm01 th{width:150px;padding:10px 13px;border-bottom:1px solid #e9e9e9;text-align:left}
.tbl_frm01 td{padding:10px 10px;border-bottom:1px solid #e9e9e9;}
.tbl_frm01 textarea,.frm_input{border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea{padding:2px 2px 3px;width:100%;height:100px}
.tbl_frm01 fieldset{border:0px;}
.tbl_frm01 select{pospadding:5px 10px;}
.frm_input{padding:3px;}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required,textarea.required{background:url('../img/wrest.gif') top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board{width:120px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center;font-size:.85rem; color:#5b5b5b;}
.td_datetime{width:110px;text-align:center}
.td_group{width:100px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:200px;text-align:left; font-size:.85rem; color:#5b5b5b;}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center; font-size:.85rem; color:#5b5b5b;}
.td_num strong{color:#ea7a89}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}
.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#aaa}
.txt_rdy{color:#8abc2a}

/* 새창 기본 스타일 */
.new_win .tbl_wrap{margin:0 20px}
.new_win #win_title{margin:0 0 10px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
.new_win .win_ul{margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;margin-left:-1px}
.new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc{padding:20px}

.new_win .win_btn{clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button{display:inline-block;padding:0 10px;height:30px;border:0;background:#b78a60;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input{padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a{display:inline-block;padding:0 10px;height:30px;background:#b78a60;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus,.new_win .win_btn a:hover{text-decoration:none}


/* 검색결과 색상 */
.sch_word{color:#b78a60}

/* 자바스크립트 alert 대안 */
#validation_check{margin:100px auto;width:500px}
#validation_check h1{margin-bottom:20px;font-size:1.3em}
#validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap{display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a{display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus,.sv_wrap a:hover,.sv_wrap a:active{text-decoration:none}
.sv_on{display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv{display:block}

/* 페이징 */
.pg_wrap{clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg{}
.pg_page,.pg_current{display:inline-block;padding:0 8px;height:25px; line-height:25px; color:#000;letter-spacing:0;vertical-align:middle}
.pg a:focus,.pg a:hover{text-decoration:none}
.pg_page{background:#e4eaec;text-decoration:none}
.pg_start,.pg_prev{/* 이전 */}
.pg_end,.pg_next{/* 다음 */}
.pg_current{display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* 게시판 일괄적용 */
#bo_v_atc_title{position:absolute;width:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#container_title{display:none;}
#bo_v_act{display:none;}

/* 게시판용 버튼 */
a.btn_b01,a.btn_b02,a.btn_admin,.btn_bo_adm input{display:inline-block;padding:7px 10px;border-radius:3px;
text-decoration:none; vertical-align:middle;color:#303231}
a.btn_b01,.btn_bo_adm input{border:1px solid #ddd;background:#fff;}
a.btn_b01:hover,.btn_bo_adm input:hover{background:#edeeed;color:#000;transition:all 0.3s}
a.btn_b02{border:1px solid #b78a60;background:#d29f70;color:#fff}
a.btn_b02:hover{background:#b78a60;transition:all 0.3s}
a.btn_admin{border:1px solid #f3b15f;background:#f1c161;color:#fff}
a.btn_admin:hover{background:#f3b15f;transition:all 0.3s}

/* 게시물 선택복사 선택이동 */
#copymove{}
.btn_bo_adm {float:left;width:auto;}
.copymove_current{float:right;color:#b78a60}
.copymove_currentbg{background:#b78a60}

/* 게시판 리스트 */
#bo_list_total{display:none;float:left;width:auto;margin:13px 0 10px 0;font-size:0.9em;} /*게시물수*/
.bo_fx ul{margin:0 0 7px 0;padding:0;} /*버튼줄*/
.bo_fx li{display:inline-block;margin:0 1px;padding:0;list-style-type:none;}
.btn_bo_user{float:right;width:auto;}

#bo_list thead th{padding:15px 0;background:none;} /*테이블*/
#bo_list .td_cnt {width:100px;border-radius:3px;text-align:center;color:#fff;}
#bo_list .td_cnt span {display:block;width:100%;padding:5px 0;}
#bo_list .td_name{text-align:center;}
#bo_sch{width:100%;text-align:center; margin-top:30px;  margin-bottom:50px;}/* 검색 */

/* 카테고리 */
#bo_cate h2{position:absolute;top:0;left:0;overflow:hidden;height:0;}/*카테고리*/
#bo_cate_ul{width:auto;margin:2em auto 0 auto;}
#bo_cate_ul li{display:inline-block;}
#bo_cate_ul li a{display:block;width:100%;padding:0 10px;border-right:1px solid #ebeceb;border-top:1px solid #ebeceb;}
#bo_cate_ul li:first-child a{border-left:1px solid #ebeceb;}
/*#bo_cate_ul #bo_cate_on{border:1px solid #121b38;background:#b78a60;color:#fff}*/

/* 게시판 쓰기 */
/* 임시저장 */
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}
#btn_autosave{margin-top:5px;}

/* ckeditor 단축키 */
.cke_sc{display:none;}

/* 기타 */
.margin-auto{margin:0 auto;}

/* 게시판 댓글 */
#bo_vc {margin:0 0 10px;padding:20px 20px 10px;border:1px solid #ebeceb;background:#fdfdfd}
#bo_vc h4 {margin-bottom:1em;font-size:1.2em;} 
#bo_vc section {padding:0 0 10px;border-top:1px solid #ebeceb}
#bo_vc header {position:relative;padding:15px 0 5px} /*작성자이름*/
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
#bo_vc .bo_vc_hdinfo {display:none;inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc .bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
#bo_vc .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc .bo_vc_act li {float:left;margin-left:5px;font-size:0.8em;opacity:0.9;}


/*댓글쓰기*/
#bo_vc_w {position:relative;margin:0 0 10px;}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
#bo_vc_w .tbl_frm01{margin:0;}
#bo_vc_w th,#bo_vc_w td{padding:10px 0;border-bottom:none;}
#bo_vc_w .btn_confirm{margin:0;text-align:right;}
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}




/* --------------------------------------------- 더나아산부인과 (Header) ---------------------------------------- */
#header .top-head{position:relative; height:130px;}
#header .top-head #listTopMenu{position:absolute; top:10px; left:0;z-index:9999 }
#header .top-head #listTopMenu li{display:inline-block;font-size:0.9em;}
#header .top-head #listTopMenu li a{display:block; width:auto; padding:5px 8px;}
#header .top-head #listTopMenu li a img{margin-right:10px;}
#header .top-head h1.logo{position:relative; top:24px;}
#header .top-head .logo a{position:absolute; left:50%; margin-left:-250px; width:500px; }
#header .top-head h1.logo-new{position:relative; top:24px;}
#header .top-head .logo-new a{position:absolute; left:50%; margin-left:-250px; width:500px; }
#header .top-head .logo-new img{width:100%;}
#header .top-head .h-contact {position:absolute;top:10px;right:10px;}
#header .top-head .h-contact li{margin:0 0 5px 0px;text-align: right;}
#header .top-head .h-contact li.call img{position: relative;top:5px;display:inline-block;width:20px;}
#header .top-head .h-contact li.call small{font-size:0.7em;opacity:0.6;}
#head-pop{position:relative; height:142px; overflow:hidden;}
.head-pop-btn{position:absolute; right:10px; top:10px;}
.head-pop-btn button{background:transparent; outline:0; border:0;}

/* GNB */
#gnb{position:relative;z-index: 999; }
#gnb .gnb_wrap{margin:0 auto;position:relative; }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb #gnb_1dul {height:60px; line-height:60px; text-align: center;zoom:1;
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 3px 10px rgba(0,0,0,0.1);
box-shadow: 0 3px 10px rgba(0,0,0,0.1)}
.gnb_1dli{display: inline-block;position:relative;color:#111;}
.gnb_1dli:hover{}
.gnb_1dli .bg{display:inline-block;overflow:hidden;width:10px;height:10px;text-indent:-999px}
.gnb_1dli, #gnb .gnb_menu_btn, #gnb .gnb_close_btn{height: 60px;line-height: 60px;} #gnb .gnb_close_btn{top:-60px;}
.gnb_1da {display: block;padding: 0 20px;font-size:18px;font-weight:300;}
.gnb_1dli_over .gnb_1da {color:#b78a60;}
.gnb_2dli{line-height: 40px;}
.gnb_2dul {display:none;position:absolute;top:100%; min-width:220px;margin-top: -5px;padding:5px 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background:#fff;-webkit-box-shadow: n;-moz-box-shadow:  0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.gnb_1dli_over .gnb_2dul {display:block;left:50%;margin-left: -110px;}
.gnb_2da {display:block;padding:0px 20px;font-size: 16px;color:#;text-align:center;text-decoration:none;opacity: 0.8;}
.gnb_2da:focus, .gnb_2da:hover {opacity: 1;}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#}
.gnb_wrap .gnb_empty a{color:#;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}
#gnb .gnb_menu_btn{position: absolute;top: 0px;right: 0;width:50px;line-height:50px;border:0;background:#fff;color:#000;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{position:absolute;top:-60px;right:0;z-index: 2;width:50px;line-height:50px;border:0;background:#b78a60;color:#fff;vertical-align:top;font-size:18px;}
#gnb_all{display:none;position:absolute;top:60px;width:100%;z-index:999;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{position: absolute;width: 100%;z-index: 3;background:#fff;padding:10px 10px 30px 10px;}
#gnb_all .gnb_al_li{float: left;width: 11.11%;background:#fff;vertical-align: top;}
#gnb_all .gnb_al_li .gnb_al_a{padding:10px 20px;display:block;position:relative;margin-bottom:10px;border-bottom: 1px solid #ccc;font-weight: bold;color:#b78a60}
#gnb_all .gnb_al_li li {padding-left:10px;font-size:0.9rem;line-height:2em}
#gnb_all .gnb_al_li li i{color:#b78a60}
#gnb_all .gnb_al_li li a{color:#}
#gnb_all .bg-cover{position: fixed;top:0%;left:0px;z-index: 1;width: 100%;height: 200%;background: #000;opacity: 0.7;}

.a030-map{height:400px;}
li.step{height:180px;padding-top:20px; border-radius:20px; border:12px solid #fff; text-align:center;}
/* ------------------------------------------------- 더나아산부인과 (Footer) ---------------------------------------- */
#fnb{display:none;}
#fnb .container>*>ul{float: left;width: 14%;vertical-align: top;}
#fnb .container>*>ul>li a{display: block;width: 100%;padding: 5px 0;}
#fnb .container .fnb_depth1 ul a{padding-bottom: 20px;font-weight: 600;}
#fnb .container .fnb_depth2 ul a{}

#footer{border-top:1px solid #e1e1e1;}
.top-footer{background:#fff; color:#333; height:48px; line-height:48px; }
.top-footer ul{margin:0 auto; width:600px; text-align:center;}
.top-footer ul li a{margin:0 10px;}

.real-footer{padding:50px 0;background:#f2b2b5;color:#fff; text-align:center;}
.real-footer ul{text-align:center;}
.real-footer li{display:inline-block; margin:20px 10px; }
.real-footer li:first-child a{padding-left:0;}
.real-footer .copyright{margin-top:30px; padding-top:30px; border-top:1px solid rgba(255,255,255,.5); font-size:18px;}

#quick{border:1px solid #ededed;}
#quick{display:inline;position:fixed;right:30px;top:130px; z-index:9999;background:#fff;}

#quick{display:none;}
@media (min-width:1024px){#quick{display:;initial}}

.f-info{overflow:hidden; background:#e3e3e3;}

.f-info .img-responsive{max-width:none}
/* ------------------------------------------------ 더나아산부인과 (Index) ---------------------------------------- */
#m-visual .bx-wrapper .bx-controls-direction a{display:none;}, #m-interior .bx-wrapper .bx-controls-direction a{display:none;}
.bxslider,.bxslider>div {height: 100%;}
.m-subtit{text-align:center; margin-bottom:30px;}
.m-subtit h3{font-size:46px; font-weight:400; letter-spacing:-4px; color:#111;}
.m-subtit p>small{font-size:15px; color:#aeadad}
#m-interior {position:relative;}
#m-interior .m-interior-cont{width:100%; position:absolute; left:50%; margin-left:-724px; top:120px; z-index:99999;}
.m-info h4{font-size:26px; letter-spacing:-2px; color:#111; font-weight:600; margin-bottom:8px;}

#m-visual {position: relative;}
#m-visual .bxpager{position: absolute;bottom:30px;z-index:999;width:100%;text-align: center; font-size:16px; color:#777;}
#m-visual .bxpager a{display: inline-block; width:210px; height:56px; line-height:56px; margin:0 4px; background: #fff;opacity:0.8;}
#m-visual .bxpager a.active{opacity:1; color:#111; font-weight:800;}

#m-rolling{position: relative;}
#m-rolling .bxpager a{position:absolute;top:calc(50% - 27px);}
#m-rolling .bxpager .prev a{left:1vw;}
#m-rolling .bxpager .next a{right:1vw;}
#m-rolling-banner {position: relative;}
#m-rolling-banner .bxslider{position: relative;}
#m-rolling-banner .bx-controls{position:absolute; width:100%; height:60px; bottom:210px;z-index: 9999;}
#m-rolling-banner .bx-wrapper .bx-prev {left:-80px; background:url('<?php echo G5_THEME_IMG_URL ?>/common/rolling_banner_pre.png') no-repeat; height:50px;}
#m-rolling-banner .bx-wrapper .bx-next {right:-110px; background:url('<?php echo G5_THEME_IMG_URL ?>/common/rolling_banner_next.png') no-repeat; height:50px;}
.bx-wrapper .bx-controls-direction a{display:block;}

.footer-point{position:relative; width:100%; height:700px; margin-top:200px;
background:url('../img/sub/footer_point_bg.png') #f1c7d0 no-repeat; background-size:cover;}
.footer-point .sub-tit{position:absolute; top:0; left:50%; width:840px; height:50%; margin-left:-410px; 
background:#fff;}
.footer-point .sub-tit .border{display:inline-block; padding:50px 100px 200px; border:4px solid #fbc7ce}
.footer_point_doc{position:absolute; left:0; top:-120px; }
.footer_point_doc img{width:84%; display:block;}
.footer-point .cont{position:absolute; bottom:120px; left:50%; width:1200px; height:340px; margin-left:-600px;
background:url('../img/sub/footer_point_cont.png') center top #f1c7d0; text-align:center;}

.footer-point .cont .text{text-align:center; margin-top:110px;}
.footer-point .cont .ee{height:0; margin-bottom:0;}
.footer-point .cont .sub-text{display:inline-block; padding:4px 12px; font-size:1.4em; letter-spacing:-1.4px;  background:#fff;}
.footer-point .cont .point-text{display:inline-block; padding:10px 12px;
font-size:2em;  letter-spacing:-2.4px; background:#fff;}
.footer-point .cont .point-text .bold{ font-size:2.2rem;}

/* ---------------------------------------- 더나아산부인과 (Sub:Basic Setting) -------------------------------------- */

/*서브비쥬얼*/
#sub-visual{padding:60px 0 74px 0; background:#ddd; text-align:center;  font-weight:400; color:#fff;}
#sub-visual .sv-subtit{display:inline-block; margin-bottom:20px;font-size:19px; border-bottom:1px solid #fff;}
#sub-visual .sv-tit{margin-bottom:20px; font-size:42px; letter-spacing:-1.4px;}
#sub-visual p{font-size:17px;letter-spacing:-.4px; }
.sv-tit{color:#fff;}



/*서브네비*/
ul li{font-size:1.1em;}
.ssnb ul {border-bottom:1px solid #ddd}
.ssnb ul li a{padding-left:20px; padding-right:20px;}
.ssnb ul li.on a{background:#e1ba5f; border-radius:50px; color:#fff; font-weight:600;}
.ssnb ul:nth-child(2) {margin-top:40px; border-bottom:0;}
.ssnb li{display: inline-block;}
.ssnb li a{display:block;padding:15px;}
.ssnb ul:first-child li.on a{border-bottom:2px solid #ea7a89; background:#fff; color:#ea7a89; border-radius:0}
#s-20 .ssnb ul:last-child{/*border-bottom:0;*/margin-top:0px}


/*서브컨텐츠*/
#content{margin-bottom: 80px; font-size:17px; color:#111; line-height:2rem;}
#content #s-title{margin-bottom:1em;padding:15px 0;border-bottom:1px solid #ebeceb;font-family:"Nanum Square";font-size:2em;text-align:center;}
#content .container{max-width:1000px;line-height: 1.8em;}
#content ol,#content ul{margin: 0 0 20px 20px;}
#content li{list-style-type: disc;list-style-position: inside;}
.sub h3{font-size:24px; font-weight:600; margin-bottom:10px; color:#333; letter-spacing:-1px;}
.sub h3.sub-cont-tit{} 
.sub h3.sub-cont-tit small{font-size:15px; margin-left:8px;}
.sub h3.sub-cont-tit:before{content:''; display:block; width:28px; height:3px;background:#111;margin-bottom:4px;}
.num-li, .circle-li {margin-left:20px;}
.sub .num-li li {margin-bottom:5px;font-size:1.2em; line-height:1.8rem; list-style:decimal;}
.sub .circle-li li {margin-bottom:5px;font-size:1.2em; line-height:1.8rem; list-style:circle;}
.sub h5{font-size:19px; font-weight:800;}

/*서브폰트*/
.sub h2,.sub h3,.sub h4,.sub h5{font-weight: 300;letter-spacing: -0.05em;}
.sub h2{font-size:32px; font-weight:600;}
.sub h3{font-size:40px;}
.sub h4{font-size:35px;}
.sub h5{font-size:1.6em;}
.sub h6{font-size:1.2em;}


/* ---------------------------------------- 더나아산부인과 (Sub:Custom Page) ---------------------------------- */

.sub-doc>li{padding:38px 20px;margin:4px; width:48%; min-height:530px; background:#f2f2f2;}
.sub-doc>li>div{float:left; font-size:15px; line-height:150%;}
.sub-doc .doc-img{width:48%; }

.sub-doc .doc-text{width:48%; padding-left:16px;}
.sub-doc .doc-text .name{font-size:1.3em; font-weight:800;}
.sub-doc .doc-text .clinic{margin-top:12px;}
.sub-doc .doc-text ul.small{margin-top:18px; color:#777}
.sub-doc .doc-text ul.small>li{margin: 2px 0;}

.location-info{padding:24px; margin-bottom:50px; background:#f7f7f7; border:4px solid #ddd;}
.location-info  h5{font-size:1.2rem; font-weight:500; margin-bottom:1%;}
.location-info .bold{font-size:1.3rem;}

.check-list li{position:relative; padding:18px 62px; margin:16px 0; border-radius:100px;}
.check-list li:nth-child(odd){background:#f6e9db; border:2px solid #dccab6}
.check-list li:nth-child(even){background:#eac69a; border:2px solid #dccab6}
.check-list li i{position:absolute; left:20px; top:24px; margin:0 16px; font-size:1.1em; color:#fff;}

.num-list li{overflow:hidden; height:84px; line-height:150%; margin:16px 0; padding:10px 0; background:#fff; border:1px solid #bbb;}
.num-list li span{display:block; float:left; width:84px; line-height:100px; margin-right:24px; margin-top:-20px; text-align:center; color:#fff;}
.num-list li:nth-child(odd) span{opacity:1}
.num-list li:nth-child(even) span{opacity:.7}

#sub-cont section{margin-top:84px; margin-bottom:84px;}

#sub-cont .container section:first-child{margin-top:0}
#sub-cont .sub-tit{text-align:center; color:#111; margin-bottom:40px;}
#sub-cont .sub-tit h4{margin-bottom:8px;font-size:1.4rem; font-weight:500; letter-spacing:-2px; color:#474747}
#sub-cont .sub-tit h2{font-size:2.2rem; margin-bottom:16px;  line-height:140%; font-weight:500; letter-spacing:-3.4px;}
#sub-cont .sub-tit h2.comma{position:relative;}
#sub-cont .sub-tit h2.comma::before {display:inline-block; position:absolute; top:88px; left:400px;
content:'"';  font-family:'BusanBada'; font-size:6rem; color:#fce8e8; transform:rotate(360deg) scaleX(-1);}
#sub-cont .sub-tit h2.comma::after {display:inline-block; position:absolute; top:88px; right:400px;
content:'"'; font-family:'BusanBada'; font-size:6rem; color:#fce8e8;}
#sub-cont .sub-tit small{display:inline-block;font-size:1em; opacity:.7;}
#sub-cont .sub-tit p{letter-spacing:-.6px;}
#sub-cont .sub-explanation{margin-top:30px; margin-bottom:30px;}
.sub-explanation .detail{width:100%; padding:50px 0; margin:80px 0;
background:url('../img/sub/1010_detail_bg.png') right no-repeat;
background-color:#fce8e8; text-align:center;}
.sub-explanation .detail .white-box{display:inline-block; padding:16px; background:#fff; margin:12px 4px;}

.sub-timing .cont{width:100%; padding:80px 0;  background:#efefef}
.sub-timing .cont .box{position:relative; padding:50px 20px; margin-top:80px;
-webkit-background:#fff;
-ms-background:#fff;
-moz-background:#fff;
background:repeating-linear-gradient(45deg, #f7f7f7, #f7f7f7 2px, #fff 0, #fff 8px) #fff;
border:1px solid #ddd;
text-align:center;}
.sub-timing .cont .box:first-child{margin-top:0px;}
.sub-timing .cont .box h5{display:inline-block; position:absolute; left:50%; margin-left:-300px; top:-27px;
width:600px; height:54px; line-height:54px; font-size:1.4rem; font-weight:300; text-align:center; background:#111; color:#fff;}
.sub-timing .cont .box p{margin:24px 16px;letter-spacing: -.6px; }
.sub-timing .cont .box p.small-comma {position:relative; margin:60px 16px; font-size:1.1em; font-weight:500;}
.sub-timing .cont .box p.small-comma::before{display:inline-block; position:absolute; top:20px; left:50%; margin-left:-10px;
content:'"';  font-family:'BusanBada'; font-size:4rem; color:#d3d3d3; transform:rotate(360deg) scaleX(-1);}

#sub-cont .sub-point .sub-tit h2{font-weight:300;}
.sub-timing .cont .box p.small-comma::after{display:inline-block; position:absolute; bottom:-120px; left:50%; margin-left:-3px;
content:'"';  font-family:'BusanBada'; font-size:4rem; color:#d3d3d3;}
#sub-cont .sub-point .sub-tit h2{font-weight:300;}
#sub-cont .sub-point .cont{position:relative; padding:50px 20px; margin-top:50px; background:#fff7f6; border:2px solid #fbc7ce; text-align:center;}
#sub-cont .sub-point .cont h5{display:inline-block; position:absolute; left:50%; margin-left:-300px; top:-27px;
width:600px; height:54px; line-height:54px; font-size:1.4rem; font-weight:300; text-align:center; background:#111; color:#fff;}
#sub-cont .sub-point .cont li{padding:20px; border-bottom:1px dotted #ddd;}
#sub-cont .sub-point .cont li:last-child{border-bottom:0}

#sub-cont .sub-selfcheck .sub-tit{margin-bottom:30px;}
#sub-cont .sub-selfcheck .cont{width:92%;max-width: 940px; margin: 0 auto}
#sub-cont .sub-selfcheck .box{padding:18px 0 30px; border-bottom:2px dotted #ededed;}
#sub-cont .sub-selfcheck .box:last-child{border-bottom:none}
#sub-cont .sub-selfcheck .check-q{padding:8px 0px; text-align:left;}
#sub-cont .sub-selfcheck .check-q .q{display:inline-block; margin-right:12px; font-size:1.4rem; color:#c8c8c8;
letter-spacing:-4px;}
#sub-cont .sub-selfcheck .check-q .q sup{font-size:.8rem; vertical-align:baseline;}
#sub-cont .sub-selfcheck .check-a{margin-top:8px;}
#sub-cont .check-a li{display:inline-block; padding:10px 12px; border:2px solid #fff; background:#ededed; font-size:1rem; color:#7c7c7c;
transition:all .1s ease}
#sub-cont .check-a li.on{background:#f69d8e; color:#fff;}

#sub-cont .sub-treat .box{margin:50px 0;}
#sub-cont .sub-treat .box h5{font-size:1.2rem; font-weight:500;}
#sub-cont .sub-treat .box img{display:block; border:2px solid #ededed;}

.sub-experience img{margin-bottom:2%;}

#sub-cont .dia-list{background:#f2f2f2; padding:80px 0}
#sub-cont .dia-list .container-md{padding:30px 74px; background:#fff; border:1px solid #828282;}
#sub-cont .dia-list .container-md .row{margin:24px 0}
#sub-cont .dia-list .dia-tit{font-size:24px; margin-top:10px;}
#sub-cont .dia-list .dia-tit .dia{position:relative; margin-right:16px; font-size:.85em; color:#fff; z-index:2;}
#sub-cont .dia-list .dia-tit .dia::before{display:inline-block; position:absolute; content:""; left:-4px; top:2px; 
width:30px; height:30px; background:#393939;
transform:rotate(45deg);  z-index:-1; }

#sub-cont .dia-list p{}

#sub-cont .sub-step dl{}
#sub-cont .sub-step dl dt{display:inline-block; position:relative; padding:0 6px; margin-bottom:2%; background:#393939; color:#fff;}
#sub-cont .sub-step dl dt::after{display:inline-block; position:absolute; content:''; right:-32px; top:0;
width:32px; height:32px; border-left:16px solid #393939; border-top:16px solid #fff; border-bottom:16px solid #fff;}
#sub-cont .sub-step dl img{display:block; margin:0;}
#sub-cont .sub-step dl dd{display:block; height:160px; padding:8px 12px;background:#ab8b76; text-align:center; color:#fff;}

.sub-price table{text-align:center}
.sub-price table thead td{background:#deb350; color:#fff}
.sub-price table tbody tr td:first-child{color:#9b761f; font-weight:500;}
.sub-price span{display:inline-block; width:100%; text-align:right; font-size:.8rem;}

#sub-cont .line{border-bottom:1px solid #111; background:0;}

#sub-cont section#care-center {margin-top:40px; margin-bottom:-150px;}
#care-center #bx-pager{margin-bottom:50px; text-align:center}
#care-center #bx-pager a{display:inline-block; margin:0 4px; padding:.4em 2em; border:1px solid #ddd;}
#care-center #bx-pager a.active{background:#deb350; color:#fff}

#care-center .slider .tit{padding:50px 0 160px; background:#dcba6a; text-align:center; color:#fff}
#care-center .slider .tit h3{margin-bottom:12px; font-weight:500; color:#fff}
#care-center .slider .center-interior{position:relative; top:-150px;}
#care-center .slider .center-interior .interior-img{padding:30px 20px; background:#fff; text-align:center}
#care-center .slider .center-interior .interior-img>div{margin-bottom:30px;}
#care-center .slider .center-interior .interior-img>div img{width:100%;}
#care-center .slider .center-interior .interior-img>div .caption{display:block; width:100%; padding:4px 0; text-align:center; background:rgb(0,0,0,.5); color:#fff;}

#care-center .slider .center-interior .bx-wrapper .bx-pager {bottom:-50px}
.bx-wrapper .bx-pager.bx-default-pager a{border:2px solid #dcba6a}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#dcba6a}


/*여성성형-분홍배경*/
#surgery .sub-explanation .detail{font-size:1.4rem; line-height:2em;}

/*여성성형-치료인포*/
#surgery .treat-info{display:block; text-align:center}
#surgery .treat-info li{display:inline-block; padding:0 40px; border-right:1px dotted #ddd}
#surgery .treat-info li img{margin-bottom:20px;}
#surgery .treat-info li h5{font-sizE:1.2rem; font-weight:700; }
#surgery .treat-info li p{font-size:1rem; line-height:1.2em; color:#474747;}

/*여성성형-종류*/
#surgery .sort{display:block; text-align:center}
#surgery .sort li{display:inline-block; width:180px; padding-top:20px; margin:0 4px; border:3px solid #eebbbb}
#surgery .sort li img{margin-bottom:20px;}
#surgery .sort li h5{margin-bottom:0!important; padding:.4em; background:#474747; font-sizE:1.1rem; font-weight:400; color:#fff}

/*여성외과-종류*/
#surgery .sort_c{display:block; text-align:center}
#surgery .sort_c li{display:inline-block; width:180px; padding-top:0px; margin:0 4px; border:3px solid #eebbbb}
#surgery .sort_c li img{margin-bottom:0px;}
#surgery .sort_c li h5{margin-bottom:0!important; padding:.4em; background:#474747; font-sizE:1.1rem; font-weight:400; color:#fff}

/*여성성형-종류(지스팟)*/
#surgery .sort-g{display:block; text-align:center}
#surgery .sort-g li{display:inline-block; width:270px; padding-top:15px; margin:0 10px; border:3px solid #eebbbb}
#surgery .sort-g li img{margin-bottom:15px;}
#surgery .sort-g li h5{margin-bottom:0!important; padding:.4em; background:#474747; font-sizE:1.1rem; font-weight:400; color:#fff}

/*여성비뇨과 클리닉*/
#surgery .sort-GAG{display:block; text-align:center; padding-top:15px;}
#surgery .sort-GAG li{display:inline-block; width:270px; margin: 0 10px; border:3px solid #eebbbb;}
#surgery .sort-GAG li h4{margin-bottom:0!important; padding:.4em; background:#474747; font-sizE:1.1rem; font-weight:400; color:#fff;}

/*여성성형-필요한 경우*/
#surgery .sub-when{padding:80px 0; margin-bottom:0!important;
background:url('../img/sub/flower_bg.png') right top no-repeat #fceded; background-size:cover;}
#surgery .sub-when .container-sm{max-width:900px;}
#surgery .sub-when .list{display:table; width:100%; min-height:118px; padding:20px 0; margin-top:20px; border-radius:80px; border:6px solid #eebbbb; vertical-align:middle}
#surgery .sub-when .list h5{display:table-cell; width:28%; 
font-size:1.2em; font-weight:700; letter-spacing:-2px; text-align:center; vertical-align:middle; }
#surgery .sub-when .list p{display:table-cell; width:72%; padding-left:20px; border-left:2px dotted #808080; vertical-align:middle}

/*여성외과-자가진단*/
#surgery .sub-explanation .cont .box{margin-top:22px}


/*여성외과-필요한 경우*/
#surgery .sub-merit{padding:80px 0; margin-bottom:0!important;
background:url('../img/sub/10_stethoscope_bg.png') right top no-repeat #fceded; background-size:cover;}
#surgery .sub-merit .container-sm{max-width:900px;}
#surgery .sub-merit .list{display:table; width:100%; min-height:118px; padding:20px 0; margin-top:20px; border-radius:80px; border:6px solid #eebbbb; vertical-align:middle}
#surgery .sub-merit .list h5{display:table-cell; width:28%; 
font-size:1.2em; font-weight:700; letter-spacing:-2px; text-align:center; vertical-align:middle; }
#surgery .sub-merit .list p{display:table-cell; width:72%; padding-left:20px; border-left:2px dotted #808080; vertical-align:middle}


/*여성성형-추천대상*/
#surgery .sub-target{padding:80px 0; margin-top:0!important;
background:url('../img/sub/target_bg.png') right top no-repeat #d1d2d5; background-size:cover; text-align:left}
#surgery .sub-target .sub-tit{text-align:left}
#surgery .sub-target .cont{width:600px;}
#surgery .sub-target .cont li{background:#fff; border:0; color:#111;}
#surgery .sub-target .cont li i{color:#111;}

#surgery .sub-target2{padding:80px 0; margin-top:0!important;
background:url('../img/sub/target_bg_2.png') right top no-repeat #fff; background-size:cover; text-align:left}
#surgery .sub-target2 .sub-tit{text-align:left}
#surgery .sub-target2 .cont{width:600px;}
#surgery .sub-target2 .cont li{background:#fff; border:0; color:#111;}
#surgery .sub-target2 .cont li i{color:#111;}


/*여성외과-추천대상*/
#surgery .sub-targets{padding:80px 0; margin-top:0!important;
background:url('../img/sub/10_target_bg.png') right top no-repeat #d1d2d5; background-size:cover; text-align:left}
#surgery .sub-targets .sub-tit{text-align:left}
#surgery .sub-targets .cont{width:600px;}
#surgery .sub-targets .cont li{background:#fff; border:0; color:#111;}
#surgery .sub-targets .cont li i{color:#111;}


/*여성성형-핵심포인트*/
#surgery .sub-core .cont>div{overflow:hidden; }
#surgery .sub-core .cont .img{width:50%;}
#surgery .sub-core .cont .img img{width:100%;}
#surgery .sub-core .cont .text{width:50%; margin-top:50px; text-align:center}
#surgery .sub-core .cont>div .text h3{position:relative; padding-top:50px; font-size:1.8rem; line-height:1.4em; font-weight:700; color:#111;}
#surgery .sub-core .cont>div .text h3::before{position:absolute; left:50%; top:0; font-size:1rem; color:#ea7a89 }
#surgery .sub-core .cont>div:nth-child(1) .text h3::before{content:'01';}
#surgery .sub-core .cont>div:nth-child(2) .text h3::before{content:'02';}
#surgery .sub-core .cont>div:nth-child(3) .text h3::before{content:'03';}
#surgery .sub-core .cont>div:nth-child(4) .text h3::before{content:'04';}
#surgery .sub-core .cont>div:nth-child(5) .text h3::before{content:'05';}
#surgery .sub-core .cont .text p{margin-top:50px; font-size:1.2rem; font-weight:500; color:#474747}

/*카톡배너*/
.sub-kakao-banner{background:#f9e000}
.sub-kakao-banner a{display:block;}


/* ------------------------------------------- 더나아산부인과 (Sub:Custom Page a0) ----------------------------------- */
#s-b030 li.step{height: 220px;font-size: 1.1em;}
#s-b030 li.step h5{padding-bottom:8px; font-size: 1em; border-bottom:1px solid rgba(255,255,255,.2);}

/* 기본검진 */
.price_test{padding:0em 0 5em 0;}
.price_test .tit{font-size:2em;font-weight:700;text-align: center;}
.price_test .txt{font-size:1.1em;text-align: center;}
.price_test .price-box{padding: 2em;border:3px solid #b78a60;-webkit-border-radius:1em;-moz-border-radius: 1em;border-radius: 1em;}
.price_test .price-box .sale{padding:10px;-webkit-border-radius:1em;-moz-border-radius: 1em;border-radius: 1em;background: #b78a60;font-size: 1.4em;font-weight:900;text-align: center;color:#fff;}
.price_test .price-box .sale .pc{position: relative;top:-3px;font-size: 0.6em;font-weight: 100;}
.price_test .price-box .sale .before{font-size: 1rem;opacity: 0.5;text-decoration: line-through;}
.price_test .price-box p {padding-top: 0.2em;line-height: 1.8em;}

#m-interior .bx-controls-direction{display:none}
#m-visual .bx-controls-direction{display:none}


/*병원소개*/
#a060-box{overflow:hidden;}
#a060-box .box{float:left; width:33.3333%; }
#a060-box .box a{display:block; background:rgba(255,255,255,.4)}
#a060-box .box a:hover img{opacity:.9;}
#a060-box .box a img{width:100%; text-align:center; transition:all .2s;}

#a060-point{overflow:hidden;}
#a060-point dl{float:left; width:50%; height:240px;padding:20px 40px 20px 80px;}
#a060-point dl .num{position:relative; left:-46px; top:32px; font-size:1.2rem; color:#fff;}
#a060-point dl .num::before{content:''; position:absolute; left:-9px; top:-1px;
display:block; width:40px; height:40px; background:#ee6987; color:#fff; transform:rotate(45deg); z-index:-1}
#a060-point dl dt{position:relative; font-size:1.4rem; letter-spacing:-1px; font-weight:600;}

#a060-point dl dd{margin-top:20px;}

/* -------------------------------------------------- 더나아산부인과 (Board) ------------------------------------------ */
#bo_list{max-width:1400px; margin-left:auto; margin-right:auto;}
#bo_v{max-width:1400px; margin-left:auto; margin-right:auto;}
.tbl_head01{max-width:1400px; margin-left:auto; margin-right:auto;}
#bo_gall{width:1200px; margin:0 auto;}
.full_input {width: 100%;}


#bo_w{max-width: 1400px;margin:0 auto;}