@charset "utf-8";
/*@import url( "/css/nanumgothic.css" );*/
/*@import url( "/css/nanumsquare.css" );*/
/*@import url( "/css/NotoSansKR-Hestia.css" );*/
/*@import url( "//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css" );*/

/*
Main	#30499b
Mainbd	#171958

Sub1	#0d69b3
Sub2	#42a237
Point	#e50012
Font	#12121a

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



/* -------------------------------------------------------------------------------- Setting (html) ---------------------------------------- */
html{overflow-y: scroll;}
body{word-break:keep-all;}
html,body,#header{min-width:1600px;}


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

/* 여백부여 */
.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}


/* 기타 */
.ee{display:block;height:1px;}
.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}

.container{max-width:1400px}
@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{position: fixed; display: block;left:50%;top:20px;transform: translateX(-50%); width:90vw;padding:2vw;font-size:20px;text-align:center;z-index: 999999;background-color: #30499b;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:1200px){
	#device_change{display:none;}
}


/* 팝업 */
#hd_pop{/*z-index:1000;position:relative;margin:0 auto;height:0; y:bottom 기준이 적용되지 않아서 숨김처리함 220919 */}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops{overflow: hidden;/*position:absolute;*/z-index:20;min-width:300px;}
.hd_pops:hover{}
.hd_pops_con img {width:100%;}
.hd_pops_footer{position: relative;margin-top:-5px;background:#fff;color:#;letter-spacing:-1px;opacity:;}
.hd_pops_footer .hd_pops_reject{display: inline-block;cursor:pointer;font-size:12px;line-height:16px;}
.hd_pops_footer .hd_pops_reject strong{font-weight: normal;}
.hd_pops_footer .hd_pops_close{position: absolute;right:0px;border:none;background:none;line-height:14px;}
.hd_pops_footer>*{padding:15px 20px;transition-duration:0.7s;transition-delay:0s;}
.hd_pops_footer>*:hover{color:#30499b;transition-duration:0.7s;transition-delay:0s;}

.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:8px 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}
.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:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.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{}
.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:#30499b;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:#30499b;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:#30499b}

/* 자바스크립트 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;color:#000;letter-spacing:0;line-height:2.2em;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 #ebeceb;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 #171958;background:#30499b;color:#fff}
a.btn_b02:hover{background:#171958;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:#30499b}
.copymove_currentbg{background:#30499b}


/* 게시판 리스트 */
#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;}/* 검색 */


/* 카테고리 */
#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 #171958;background:#30499b;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_v{}


/* 게시판 댓글 */
#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) ---------------------------------------- */
#listTopMenu{text-align:right;}
#listTopMenu li{display:inline-block;font-size:0.9em;}
#listTopMenu li a{display:block;width:auto;padding:5px 8px;}

#header{position: absolute;top: 0;left: 0px;width: 100%;z-index: 9999;padding-top:30px;}

/* GNB */
#gnb{position:absolute; right:20px;top:30px;}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb #gnb_1dul {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;}
.gnb_1dli:hover{background:#;}
.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 25px;font-size:21px;font-weight:400;color:#fff;}
.gnb_1dli_on .gnb_1da {color:#d7f0ff;}
.gnb_1dli_on .gnb_2dul {display:block;left:50%;margin-left: -160px;}
.gnb_1dli_over2 .gnb_2dul{left:auto;right:0px;}
.gnb_2dli{line-height: 40px;}
.gnb_2dul {display:none;position:absolute;min-width:300px;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_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;left: 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:0px;left:0;z-index: 2;width:50px;line-height:50px;border:0;background:#002c89;color:#fff;vertical-align:top;font-size:18px;}
#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#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{background:#fff;float:left;}
#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:#002c89}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#002c89}
#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;}

/* 상단 기본 스타일 수정 (가로 배치) */
#header .container-fluid{position: relative;padding-left:50px;padding-right:50px;}
#header .logo{position: relative;display: inline-block;width:250px;}
#gnb {top:-8px;right:50px;}
#gnb #gnb_1dul{box-shadow:none;}
#gnb #gnb_1dul .bg{display: none;}
.gnb_mnal{display: none;}




/* -------------------------------------------------------------------------------- 당진사랑내과 (Footer) ---------------------------------------- */
#fnb{}
#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{padding:20px 0;background:#616161;color:#fff}
#footer ul{}
#footer li a{display:inline-block;padding:5px 10px;color:#fff}
#footer li:first-child a{padding-left:0;}

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





/* -------------------------------------------------------------------------------- 당진사랑내과 (Index) ---------------------------------------- */
.bxslider,.bxslider>div {height: 100%;}





/* -------------------------------------------------------------------------------- 당진사랑내과 (Content) ---------------------------------------- */
#content{margin-bottom: 80px;}
#content #s-title{margin-bottom:1em;padding:15px 0;border-bottom:1px solid #ebeceb;font-size:2em;text-align:center;}
#content .container{max-width:1000px;}
/*#content ol,#content ul{margin: 0 0 20px 20px;}*/
/*#content li{list-style-type: disc;list-style-position: inside;}*/





/* -------------------------------------------------------------------------------- 당진사랑내과 (Board) ---------------------------------------- */
#board{}
#board #contents{padding-top:5rem;padding-bottom:5rem;}

.full_input {
    width: 100%;
}




/* -------------------------------------------------------------------------------- 당진사랑내과 (Sub:Layout) ---------------------------------------- */
/* 서브 비주얼 */
.s-visual{position: relative;padding:10em 0 8em 0;font-size:1.2em;text-align: center;}
.s-visual *{color:#fff}
.s-visual h1{padding-bottom:1rem;font-size:3.5em;}

.s-visual .dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* 딤처리 정도를 조절할 수 있습니다 */
}

.s-visual .container {
    position: relative; /* dim 위에 컨텐츠가 보이도록 */
    z-index: 1;
}



/* 서브네비 2depth */
.snb{border-bottom:1px solid #dadada;text-align: center;}
.snb ul{display: flex;}
.snb li{flex:1;list-style-type:none;}
.snb li a{display:block;padding:1em 0em;border-right:1px solid #dadada;font-size:1.2em;}
.snb li.on a{font-weight:700;color:#30499b;}
.snb li:first-child a{border-left: 1px solid #dadada;}



/* 서브네비 location */
.s-location li{display: inline-block;}
.s-location li a{display:block;padding:15px;}


/* -------------------------------------------------------------------------------- 당진사랑내과 (Sub:Basic Setting) ---------------------------------------- */
/* _SUB_ 폰트설정 */
.sub{padding-bottom:5rem;}
.sub h2,.sub h3,.sub h4,.sub h5{font-weight: 300;letter-spacing: -0.05em;}
.sub h2{font-size:2.8em;}
.sub h3{font-size:2.8em;}
.sub h4{font-size:1.8em;}
.sub h5{font-size:1.6em;}
.sub h6{font-size:1.2em;}
.sub p, .sub th, .sub td,.sub p, .sub th, .sub li{margin-bottom:5px;font-size:1.2em;line-height:1.8em;}

/* 서브 소제목 */
.sub .s-tit h2, .sub .s-tit h3{padding-top:5rem;padding-bottom:2rem;text-align: center;}
.sub .s-tit h2::after, .sub .s-tit h3::after{content:'DANGJIN SARANG';display: block;padding-top:0.5em;font-size:.7rem;color:#303f9f;font-weight: bold;letter-spacing:.5em;}

.sub .s-tit .txt{padding-bottom:3rem;}
.sub .s-tit>p:last-child{padding-bottom: 3rem;}
.sub .s-tit p{text-align: center;}



/* -------------------------------------------------------------------------------- 당진사랑내과 (Sub:Custom Page) ---------------------------------------- */



/* ──────────────────── 설명 ──────────────────── */
.sub-explanation{display:block;padding-bottom:3rem;text-align:center;}
.sub-explanation .s-tit{}
.sub-explanation .s-con p{padding-bottom:1rem;line-height:2em;}
.sub-explanation .thumb{margin-bottom:2rem;}

/* ──────────────────── 증상 ──────────────────── */
.sub-symptom{padding-bottom:5rem;}
.s-list-symptom{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
.s-list-symptom .li{position:relative;background:#fff;padding:35px 35px 35px 80px;margin:0;font-size:17px;line-height:1.6;color:#333;border-radius:15px;border:1px solid #eaeaea;display:flex;align-items:center;}
.s-list-symptom .li::before{content:'';position:absolute;left:25px;top:50%;transform:translateY(-50%);width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:24px;border-radius:150px;background-color:#eaf6fc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2330499b'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");}


/* ──────────────────── 원인 ──────────────────── */
.sub-cause {
    padding-bottom: 5rem;
}

/* 전체 레이아웃 컨테이너 */
.s-con-cause {
    display: flex;
    gap: 30px;
    align-items: stretch; /* flex-start에서 stretch로 변경 */
    padding: 20px;
}

/* 리스트 스타일 */
.s-list-cause {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    position: relative;
    counter-reset: cause-counter;
}

/* 리스트 아이템 스타일 */
.s-list-cause .li {
    position: relative;
    margin: 0;
    padding: 25px 30px 25px 100px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    counter-increment: cause-counter;
    width: 100%;
}

/* 숫자 카운터 스타일 */
.s-list-cause .li::before {
    content: counter(cause-counter, decimal-leading-zero);
    position: absolute;
    left: 25px;
    color: #30499b;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    opacity: 0.8;
}

/* 구분선 */
.s-list-cause .li::after {
    content: '';
    position: absolute;
    left: 75px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background: #ebeceb;
}

/* 홀수/짝수 배경색 */
.s-list-cause .li:nth-child(odd) {
    background: rgba(48, 73, 155, 0.03);
}

.s-list-cause .li:nth-child(even) {
    background: rgba(13, 105, 179, 0.03);
}

/* 텍스트 스타일 */
.s-list-cause .li span {
    font-size: 17px;
    line-height: 1.6;
    color: #12121a;
    word-break: keep-all;
}

/* 이미지 컨테이너 스타일 */
.s-cause-image {
    width: 35%;
    position: sticky;
    top: 20px;
}

.s-cause-image img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 반응형에서 높이 자동 처리 */
@media (max-width: 768px) {
    .s-con-cause {
        flex-direction: column;
    }
    
    .s-cause-image {
        width: 100%;
        margin-top: 20px;
        position: static;
        height: auto !important; /* JS로 설정된 높이 무시 */
    }
    
    .s-cause-image img {
        height: auto !important; /* JS로 설정된 높이 무시 */
    }
    
    .s-list-cause {
        width: 100%;
    }

    .s-list-cause .li {
        padding: 20px 20px 20px 70px;
    }

    .s-list-cause .li::before {
        left: 20px;
        font-size: 20px;
    }

    .s-list-cause .li::after {
        left: 55px;
    }
}






/* ──────────────────── 효과 ──────────────────── */
.sub-effect{padding-bottom:8rem;}

.s-list-effect {
  display: flex;
  justify-content: center; /* 가운데 정렬로 변경 */
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  gap: 20px; /* 동그라미 사이의 간격 설정 */
}

.s-list-effect .li {
  position: relative;
  width: 250px;
  height: 250px;
  /* margin 제거하고 gap으로 대체 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  background-color: #30499b; /* 기본 색상: Main */
}

.s-list-effect .li:nth-child(odd) { background-color: #30499b; } /* Main */
.s-list-effect .li:nth-child(even) { background-color: #0d69b3; } /* Sub1 */

/* 이하 코드는 동일하게 유지 */
.s-list-effect .li:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border-radius: 50%;
  border: 2px dashed #fff;
  box-sizing: border-box;
  opacity:.3;
}

/* 숫자 스타일 (01, 02 등) */
.s-list-effect .li:after {
  content: attr(data-number);
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}


/* ──────────────────── 적용 대상 ──────────────────── */
.sub-target {padding-bottom:5rem;}

.sub-target .s-tit {
    text-align: center;
}

/* 리스트 */
.s-list-target {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin: 0 auto;
    background: #fff;
}

.s-list-target .li {
    position: relative;
    padding: 20px 20px 20px 70px;
    background: #f8f9fa;
    border-radius: 15px;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.s-list-target .li::before {
    content: '';
    position: absolute;
    left: 30px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
    background-color: #002989;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

/* 반응형 */
@media (max-width: 768px) {
    .s-list-target {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 15px;
    }
    
    .s-list-target .li {
        padding: 15px 15px 15px 45px;
        min-height: 60px;
    }

    .s-list-target .li::before {
        left: 12px;
        width: 20px;
        height: 20px;
        background-size: 14px;
    }
}





/* ──────────────────── 예방/검사 ──────────────────── */
.sub-prevent{padding-bottom: 5rem;}

.s-list-prevent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.s-list-prevent .dl {
    position: relative;
    padding: 40px;
    background-color: #fff;
    border-radius: 15px;
	border:5px solid #f0f3fc;
    overflow: hidden;
}

/* 상단 장식 디자인 */
.s-list-prevent .dl::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
}

.s-list-prevent .dt {
    color: #171958;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 25px;
    display: inline-block;
    padding: 10px 25px;
    background-color: #f7fafd;
    border-radius: 5px;
}

.s-list-prevent .dd {
    color: #12121a;
    font-size: 16px;
    line-height: 1.8;
    word-break: keep-all;
}

/* 반응형 디자인 */
@media (max-width: 1024px) {
    .s-list-prevent {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .s-list-prevent .dl {
        padding: 30px 25px;
    }
    
    .s-list-prevent .dt {
        font-size: 20px;
        padding: 8px 20px;
    }
    
    .s-list-prevent .dd {
        font-size: 15px;
    }
}



/* ──────────────────── 치료/종류 ──────────────────── */
.sub-treatment {
    margin-top: 5rem;
    padding-bottom: 6rem;
    background: #eaf6fc;
    text-align: center;
}

/* 리스트 */
.s-list-treatment {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.s-list-treatment .dl {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 60px;
    transition: all 0.4s ease;
    position: relative;
    border-left: 5px solid #0070c0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: 280px 1fr;
    align-items: start;
    gap: 40px;
    overflow: hidden;
}

.s-list-treatment .dl .dt {
    font-size: 24px;
    font-weight: 700;
    color: #002989;
    margin: 0;
    padding: 0 0 15px 0;
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
}

.s-list-treatment .dl .dt:before {
    content: counter(section);
    margin-right: 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.s-list-treatment .dl {
    counter-increment: section;
}

.s-list-treatment {
    counter-reset: section;
}

.s-list-treatment .dl .dd {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    margin: 0;
    word-break: keep-all;
    text-align: left;
    position: relative;
    z-index: 2;
    border-left: 1px solid #e0e0e0;
    padding-left: 40px;
}



/* 색상 클래스 정의 */
.s-list-treatment .dl .dd .btn {
    display: block;
    max-width: 280px;
    width: 80%;
    margin-top: 1rem;
	border: none;
}

/* 색상 클래스 정의 */
.s-list-treatment .dl.color-1 {
    border-left-color: #30499b;
}
.s-list-treatment .dl.color-1 .dt:before {
    background: #30499b;
}
.s-list-treatment .dl.color-1 .dd .btn {
    background: #30499b;
    color: #fff;
}

.s-list-treatment .dl.color-2 {
    border-left-color: #0d69b3;
}
.s-list-treatment .dl.color-2 .dt:before {
    background: #0d69b3;
}
.s-list-treatment .dl.color-2 .dd .btn {
    background: #0d69b3;
    color: #fff;
}

.s-list-treatment .dl.color-3 {
    border-left-color: #42a237;
}
.s-list-treatment .dl.color-3 .dt:before {
    background: #42a237;
}
.s-list-treatment .dl.color-3 .dd .btn {
    background: #42a237;
    color: #fff;
}


@media (max-width: 1024px) {
    .s-list-treatment .dl {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px;
    }
    
    .s-list-treatment .dl .dd {
        border-left: none;
        padding-left: 25px;
    }
}











/* ──────────────────── 과정 ──────────────────── */
/* 프로세스 섹션 기본 스타일 */
.sub-process {
    padding-bottom:5rem;
}

/* 프로세스 리스트 컨테이너 */
.s-list-process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    position: relative;
}

/* 각 프로세스 아이템 */
.s-list-process .dl {
    position: relative;
    background: #fff;
    padding: 3rem 1.5rem;
    border-radius: 15px;
    border: 1px solid rgba(48, 73, 155, 0.1);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.3s ease;
}

/* 프로세스 제목 */
.s-list-process .dt {
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 55px;
    position: relative;
}

/* 숫자 스타일링 */
.s-list-process .dt::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background: #30499b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 900;
    font-size: 1.2em;
}

/* 프로세스 설명 */
.s-list-process .dd {
    color: #12121a;
    line-height: 1.8;
    word-break: keep-all;
    position: relative;
	text-align: left;
}

/* 각 단계별 스타일 차별화 */
.s-list-process .dl:nth-child(1) {
    background: linear-gradient(180deg, #fff 0%, #f0f3fc 100%);
}

.s-list-process .dl:nth-child(2) {
    background: linear-gradient(180deg, #fff 0%, #eef4fc 100%);
}

.s-list-process .dl:nth-child(3) {
    background: linear-gradient(180deg, #fff 0%, #ecf6fc 100%);
}

.s-list-process .dl:nth-child(4) {
    background: linear-gradient(180deg, #fff 0%, #eaf8ec 100%);
}

.s-list-process .dl:nth-child(5) {
    background: linear-gradient(180deg, #fff 0%, #f0f3fc 100%);
}

/* 숫자 스타일 */
.s-list-process .dl:nth-child(1) .dt::before { 
    content: '01';
    background: #30499b;
}

.s-list-process .dl:nth-child(2) .dt::before { 
    content: '02';
    background: #2d5bb3;
}

.s-list-process .dl:nth-child(3) .dt::before { 
    content: '03';
    background: #0d69b3;
}

.s-list-process .dl:nth-child(4) .dt::before { 
    content: '04';
    background: #42a237;
}

.s-list-process .dl:nth-child(5) .dt::before { 
    content: '05';
    background: #30499b;
}

/* 아이콘 추가 (선택적) */
.s-list-process .dt::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background: currentColor;
    opacity: 0.3;
}

/* 반응형 스타일 */
@media (max-width: 1200px) {
    .s-list-process {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .s-list-process {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .s-list-process .dl {
        padding: 30px 20px 25px;
    }
    
    .s-list-process .dt {
        padding-top: 45px;
    }
    
    .s-list-process .dt::before {
        width: 40px;
        height: 40px;
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .s-list-process {
        grid-template-columns: 1fr;
    }
    
    .s-list-process .dl {
        max-width: 400px;
        margin: 0 auto;
        width: 100%;
    }
}

/* PC에서만 보이는 줄바꿈 */
.pc.hidden-xs.hidden-sm {
    display: none;
}

@media (min-width: 992px) {
    .pc.hidden-xs.hidden-sm {
        display: inline;
    }
}





/* ──────────────────── 당진사랑의 특별함 ──────────────────── */
.sub-special {padding-bottom:;}
.sub-special .s-con {}

.s-list-special .dl {
    display: flex;
	gap:30px;
    position: relative;
	margin-top:5rem;
}

.s-list-special .dl:nth-child(odd) {
    flex-direction: row;
}

.s-list-special .dl:nth-child(even) {
    flex-direction: row-reverse;
}

.s-list-special .thumb {
    flex: 0 0 500px;
    position: relative;
	bottom:30px;
}

.s-list-special .dl:nth-child(odd) .thumb {left:30px;}
.s-list-special .dl:nth-child(even) .thumb {right:30px;}

.s-list-special .thumb img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.s-list-special .content {
    flex: 1;
    padding: 5rem ;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.s-list-special .dt {
    font-size: 24px;
    font-weight: 700;
    color: #30499b; /* Main 컬러 */
    margin-bottom: 20px;
    position: relative;
}

.s-list-special .dt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 30px;
    height: 2px;
    background: #30499b; 
}


.s-list-special .dd {}
.s-list-special .dd:last-child {}

/* 배경 장식 스타일 */
.s-list-special .dl:nth-child(1), .s-list-special .dl:nth-child(5) {background: #f6f6fc;}
.s-list-special .dl:nth-child(2), .s-list-special .dl:nth-child(4) {background: #f6fafc;}
.s-list-special .dl:nth-child(3), .s-list-special .dl:nth-child(6) {background: #f5faf5;}

@media (max-width: 991px) {
    .s-list-special .dl {
        flex-direction: column !important;
        margin-bottom: 60px;
    }
    
    .s-list-special .thumb {
        flex: 0 0 auto;
        margin-bottom: 30px;
    }
    
    .s-list-special .content {
        padding: 20px;
    }
}





/* ──────────────────── 주의사항 ──────────────────── */
.sub-caution{}
.sub-caution p{padding:20px 20px;border-radius: 10px;background:#f9f9f9;text-align:center;}