@charset "utf-8";
/*@import url( "/css/nanumgothic.css" );*/
/*@import url( "/css/nanumsquare.css" );*/
/*@import url( "//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css" );*/
@import url( "/css/NotoSansKR-Hestia.css" );
@import url("/fonts/S-Core-Dream-light/s-core-dream.css");
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
            
            
/*
1. s-core-dream-thin 
2. s-core-dream-extralight 
3. s-core-dream-light 
4. s-core-dream-regular 
5. s-core-dream-medium 
6. s-core-dream-bold 
7. s-core-dream-extrabold 
8. s-core-dream-heavy 
9. s-core-dream-black
*/


/*
Main	#0c4681
Mainbd	#0094d6

Sub1	#e1be82
Sub2	#006ea7
Point	#e1be82
Font	#232d39

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



/* -------------------------------------------------------------------------------- Setting (html) ---------------------------------------- */
html{}
body{font-family:"Noto Sans Korean", sans-serif;word-break:keep-all;}
html,body{min-width:1250px;}





/* -------------------------------------------------------------------------------- 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:0;top:0px;z-index: 9999;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-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:#0c4681;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:#0c4681;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:#0c4681}

/* 자바스크립트 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 #0094d6;background:#0c4681;color:#fff}
a.btn_b02:hover{background:#0094d6;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:#0c4681}
.copymove_currentbg{background:#0c4681}


/* 게시판 리스트 */
#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 #0094d6;background:#0c4681;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}




/* -------------------------------------------------------------------------------- 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.8;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}





/* ------------------------------------------------------------------------------ 상도바른정형외과 (Header) ---------------------------------------- */
#header{height:110px; line-height:110px; border-top:4px solid #2ea2d3}
#header .col-xs-8{position:relative;}
#listTopMenu{position:absolute; right:20px; top:10px; font-size:15px; line-height:0; z-index:9999999999999999}
#listTopMenu li{display:inline-block; font-size:0.8em; font-weight:400; color:#c2c2c2; }
#listTopMenu li a{display:block; width:auto; padding:8px 8px;}

#header .h-logo{width:280px; margin-top:14px;}


#h-bar{padding: 5px 0;border-bottom:1px solid #d4d4d4; background:#f7f7f7;}
#h-bar .h-number .txt{position:relative; top:-3px; font-size:12px; font-weight:600; color:#999}
#h-bar .h-number .number{position:relative; padding-left:10px; font-size:1.6em; font-weight: 600; color:#0c4681}


/* GNB */
#gnb{position:relative;z-index: 999;text-align: right;}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb #gnb_1dul {text-align:right;zoom:1;}
.gnb_1dli{display: inline-block;position:relative;}
.gnb_1dli:hover{background:#;}
.gnb_1dli .bg{display: none;overflow:hidden;width:10px;height:10px;text-indent:-999px}
.gnb_1dli, #gnb .gnb_menu_btn, #gnb .gnb_close_btn{height: 50px;line-height: 50px;} #gnb .gnb_close_btn{top:-50px;}
.gnb_1da {display: block;padding: 0 15px;font-size:18px;font-weight:500;}
.gnb_1dli_over .gnb_1da {color:#0c4681;}
.gnb_2dli{line-height: 40px;}
.gnb_2dul {display:none;position:absolute;min-width: 250px;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: 0px;}
.gnb_2da {display:block;padding:0px 20px;font-size: 16px;color:#;text-align:left;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:#0c4681;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:#0c4681}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#0c4681}
#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;}





/* -------------------------------------------------------------------------------- 상도바른정형외과 (Footer) ---------------------------------------- */
#fnb{margin-top: 150px;padding-bottom: 120px;border-top: 1px solid #ccc;padding-top: 30px;}
#fnb .container>*>ul{float: left;width: 20%;vertical-align: top;text-align: center;}
#fnb .container>*>ul>li a{display: block;width: 100%;padding: 5px 0;}
#fnb .container .fnb_depth1 ul a{padding-bottom:10px; font-size:.1.4em; font-weight:300;}
#fnb .container .fnb_depth2 ul a{font-size: 1.1em;}

#f-btn{background: #837e77;}
#f-btn li a{float: left;width:auto; padding:0 30px;border-right: 1px solid #9c9892;font-size: 16px;color:#ccc5be;line-height:46px;}
#f-btn li:first-child a{border-left: 1px solid #9c9892;}
#f-btn .f-btn-blog img{border-left: 1px solid #9c9892;border-right: 1px solid #9c9892;}

#footer{padding:20px 0;background:#2f2f2f;font-size:15px; font-weight:300; color:#fff;}
#footer .f-logo{margin-top:18px;}
#footer .f-privacy{margin-top:28px; font-size:13px; opacity:.7;}
#footer .f-privacy li{float:left; position:relative; padding-left:12px; padding-right:12px;}
#footer .f-privacy li:before{display:block; content:''; position:absolute; left:-2px; top:10px; width:2px; height:10px; background:#ddd;}
#footer .f-privacy li:first-child:before{display:none;}
#footer copyright{opacity: 0.8;}

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


/*상도바른 공통으로 들어가는 css*/
.mark-white {display:inline-block; padding:5px 12px; background:rgba(255,255,255,.7); color:#777;}
.et{display:block; margin:4px 0}
.small{font-size:.7em; opacity:.8; line-height:0}
#main section{padding-top:50px; padding-bottom:50px;}

#main .sub-tit{position:relative; font-size:2rem; font-weight:300; text-align:center; margin-bottom:50px;}
.border-box{border:1px solid #ddd; background:#fff; padding:50px 14px;}
.more-btn{position:relative; border:1px solid #ababab; padding:6px 16px; color:#ababab; font-size:14px; z-index:10; transition:all 1s ease}
.more-btn:after{display:block; content:'';  position:absolute; left:0%; top:0; width:0%; height:100%; background:#adadad; z-index:-1;
transition:all .6s ease}

.more-btn:hover{color:#fff;}
.more-btn:hover:after{width:100%;}

/* -------------------------------------------------------------------------------- 상도바른정형외과 (Index) ---------------------------------------- */

.bxslider,.bxslider>div {height: 100%;}
#m-visual {position:relative; height:750px;}
#m-visual .container{padding:60px 0 0 0; text-align:center;}
#m-visual .text > *{margin:20px 0;}
#m-visual .text .mark-white .num{margin-left:10px; font-size:1.8rem; vertical-align: sub; font-weight:bold; color:#111;}
#m-visual .text .mark-white .icon-tel{display:inline-block; width:24px; margin-right:10px; vertical-align:sub;}
#m-visual .text .small{color:rgba(255,255,255,.5); letter-spacing:2px;}
#m-visual .text .tit{font-size:3.8rem; line-height:130%; letter-spacing:-2px; font-weight:300; color:#fff; text-shadow:1px 2px 8px rgba(1,1,1,.3)}
#m-visual .text .tit .bold{font-weight:bold; display:block;}
#m-visual ul.point{margin-top:30px;}
#m-visual ul.point li{display:inline-block; padding:44px 20px; margin-left:10px; margin-right:10px; width:200px; height:200px; border-radius:50%;
font-size:1.7rem; text-align:center; color:#fff;}
#m-visual ul.point li:nth-child(odd){background:#2ea2d3}
#m-visual ul.point li:nth-child(even){background:#1a8bc0}
#m-visual ul.point li .subcopy{display:block; font-size:1.1rem; color:#f7ffaf;}


#m-visual .txtbar{display:inline-block; padding:20px 60px; margin:35px auto; background:#0c4681;
-webkit-border-radius: 200px; -moz-border-radius:200px; border-radius:200px; font-size:18px; color:#fff;}
#m-visual .txtbar small{display:inline-block;padding: 0 15px; font-weight:300;}
#m-visual .bxpager{position:absolute; bottom:0; width:100%;  text-align: center; z-index: 9999;}
#m-visual .bxpager a{display: inline-block; padding: 1em 2em; background:#fff; opacity:0.7;}
#m-visual .bxpager a.active{opacity:1;}


#m-part {background:url('../img/logo_bg.png') 500px 0 no-repeat}
#m-part a img {position:relative; top:0px; transition:all .7s ease}
#m-part a:hover img{top:-6px;}
#m-part p{ margin-top:20px; font-weight:500; text-align:center; color:#464545}
#m-doctor {background-color: #eef7ff; padding-top: 50px; }
#m-doctor .tit{font-size:2.5rem; letter-spacing:-1.6px; font-weight:700; text-align: center;}
#m-doctor p {margin-top:20px; font-size:16px; text-align:center; color:#464545}
#m-doctor .doc_img {display: grid; place-items: center; padding-top: 30px;}

#m-doctor .check {display: flex; justify-content: center; /* 가운데 정렬 */ gap: 40px; /* li 간격 */ list-style: none; padding: 0; margin: 0;}
#m-doctor .check li {display: flex; align-items: center; /* 이미지와 글자 수직 가운데 */}
#m-doctor .check li img {margin-right: 10px; /* span과의 간격 */}
#m-doctor .check li span {font-weight: 700; font-size: 22px;}



#main #m-treat{padding-top:80px; padding-bottom:80px; background:#e5e5e5; text-align:center}
#m-treat .tit{font-size:2.5rem; letter-spacing:-1.6px; font-weight:700; }
#m-treat .tit .sub-copy{display:block; margin-bottom:18px; font-size:.6em; font-weight:500;}
#m-treat img{margin-top:24px; margin-bottom:24px;}
#m-treat p{ margin-bottom:24px; font-size:16px; line-height:160%;}
#m-treat a:hover .more-btn{color:#fff;}
#m-treat a:hover .more-btn:after{width:100%;}

#main #m-point{position:relative; padding-top:80px; padding-bottom:80px; background:#1a4a7b; text-align:center; color:#fff;}
#main #m-point a {display:block; height:100%;}
#m-point h2{font-size:2.5rem; font-weight:300; line-height:140%; letter-spacing:-1px;}
#m-point h2 .bold{font-weight:500;}
#m-point .more{display:inline-block; margin-top:50px; font-weight:300; border-bottom:1px solid #fff;}
.more-arrow img{margin-left:6px; transition:all .4s ease}
#main #m-point:hover .more-arrow img{margin-left:12px;}
#m-point .bg-text{position:absolute; bottom:0; left:50%; margin-left:-274px;
font-size:3.4rem; font-weight:100; line-height:100%; letter-spacing:16px; opacity:.1;}


.row-0>div.info-banner{float:left; padding-left:0; padding-right:0}
#main section#foot-info{padding-top:0; padding-bottom:0;}
#foot-info {width:100%; background:url('../img/map.png') top center no-repeat #eaebe6; background-size:contain; }
#foot-info .container{z-index:99;}
#foot-info .map-img a{display:block; float:left; width:800px;height:660px;}
#foot-info .map-img img{display:none}
#foot-info .map-pop{float:right; width:600px;}







.m-bn{margin: 80px 0;}
.bx-wrapper .bx-pager{z-index: 999 !important;}
.m-bn .bx-wrapper .bx-pager.bx-default-pager {top:20px;left:20px;bottom: auto;text-align: left;}
.m-bn .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.m-bn .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #fff;}
.m-bn .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2a3c00;}

.m-bn .inc{position: relative;}
.m-bn .inc .text{position: absolute;bottom:30px;left: 20px;z-index: 10;width: 80%;color:#fff;}
.m-bn .inc .text p{width: 90%;margin-bottom: 10px;font-size: 16px;}
.m-bn .inc .text .tit{font-family: "s-core-dream-bold", sans-serif;font-size: 32px;font-weight: 600;color: #fff;letter-spacing: -0.1em;}
.m-bn .inc {background:#000;}
.m-bn .inc img{opacity:0.7;transition:all 0.5s}
.m-bn .inc:hover img{opacity:0.9;transition:all 0.5s}



.m-info .row>*{background: url(../img/m_info_bar.png) no-repeat left;}
.m-info .row>*:first-child{background: none;}






/* -------------------------------------------------------------------------------- 상도바른정형외과 (Content) ---------------------------------------- */
#content{margin-bottom: 80px;}
#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:;line-height: 1.8em;}
#content ol,#content ul{margin: 0 0 20px 20px;}
#content li{list-style-type: disc;list-style-position: inside;}
#content h4{margin:10px 0 5px 0;font-size: 1.2em;}





/* -------------------------------------------------------------------------------- 상도바른정형외과 (Board) ---------------------------------------- */
#board{margin-bottom:50px;}
.full_input {
    width: 100%;
}





/* -------------------------------------------------------------------------------- 상도바른정형외과 (Sub:Setting) ---------------------------------------- */
/* _SUB_ 폰트설정 */
.sub section:first-child{padding-top:80px;}
.sub section:last-child{padding-bottom:80px;}
.sub .a040 section:last-child{margin-bottom:80px; padding-bottom:0}
.sub h2,.sub h3,.sub h4,.sub h5{font-weight:400;letter-spacing: -0.02em;color:inherit}
.sub h2{margin-bottom: 40px;font-size:33px;}
.sub h3{margin-bottom: 20px;font-size:33px;}
.sub h3 .bold{font-weight: 700;}
.sub h4{font-size:35px;}
.sub h5{font-size:1.6em;}
.sub h6{font-size:1.2em;}
.sub p, .sub li{font-size:1.2em;line-height: 1.6em;}
.sub p{margin-bottom:10px;}

.sub-visual .mark-white {display:inline-block; padding:5px 12px; margin-bottom:20px; background:rgba(255,255,255,.7); font-size:.9rem; color:#777;}
.sub-visual .mark-white img{display:inline-block;}
.sub-visual .mark-white .num{margin-left:10px; font-size:1.8rem; vertical-align: sub; font-weight:bold; color:#111;}
.sub-visual .mark-white .icon-tel{display:inline-block; width:24px; margin-right:10px; vertical-align:sub;}

/* etc */
.ee {display:block; height:1px;}
.f-right {float:right;}
.f-left {float:left;}
.fc-small {font-size:80%;}
.cc-green {border-radius:500px; color:#fff; background:#bdb93f;}
.cc-purple {border-radius:500px; color:#fff; background:#893bd1;}
.cc-yellow {border-radius:500px; color:#fff; background:#eea73f;}
.cc-blue {border-radius:500px; color:#fff; background:#2c9ede;}
.dot-line {display:block; height:1px; border:1px dotted #ececec;}


/* s-visual */
.sub-visual{overflow: hidden;position: relative;width:100%;max-height: 300px;background:#000;text-align: center;}
.sub-visual .container{position: relative;z-index: 10;padding:56px 0 70px;color:#fff}
.sub-visual .depth1{margin-bottom: 15px;font-size:.8em; font-weight:300; letter-spacing:2px; opacity:.8;}
.sub-visual .depth2{font-size: 45px;color:#;letter-spacing: -2px;line-height: 1em;}
.sub-visual .bg{position: absolute;top:0px;width: 100%;height: 400px;z-index: 1;opacity: .6;}


/* 서브네비 */
.snb {border-bottom: 1px solid #a8a8a8;text-align: center;}
.snb li{display: inline-block;list-style-type:none;}
.snb li a{display:block;padding:15px 20px;font-size: 20px;}
.snb li.on a{border-bottom:3px solid #2ea2d3; color:#2ea2d3; font-weight:700;}

.ssnb{margin-top: 30px;text-align: center;}
.ssnb li{display: inline-block;}
.ssnb li a{display:block;margin: 0 3px;padding:10px 25px;border: 1px solid #ccc;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;font-size: 18px;}
.ssnb li.on a{border: none;background:#2ea2d3;color:#fff}



/* -------------------------------------------------------------------------------- 상도바른정형외과 (Sub:Page) ---------------------------------------- */

/* 설명 */
.sub-explanation{margin-top:80px;text-align: center;}
.sub-explanation p{}
.sub-explanation .thumb{margin-top: 30px;}
.sub-explanation .thumb img{border: 10px solid #eee;}
.sub-explanation .thumb img::before{display: block;line-height: 100px;content:'이미지 준비중';text-align: center;opacity: .3;font-size: 2em;}
.sub-explanation .btn{padding: 1em 2em;-webkit-border-radius: 100px;-moz-border-radius:100px ;border-radius: 100px;font-size: 1.1em;text-align: center;}


/* 증상 */
.sub-symptom{background: #e4effb;}
.sub-symptom .container{padding:50px 0 50px 0;}
.sub-symptom h3{margin-bottom:45px;}
.sub-symptom .row{max-width: 600px;margin: 0 0 0 auto;}
.sub-symptom .col-sm-6{width: 100%;}
#s-30 .sub-symptom .row{max-width:100%}
#s-30 .sub-symptom .col-sm-6{width:50%}
.list-check{}
.list-check li{position: relative;margin-bottom:10px;padding:20px 30px;background: #fff;font-size: 18px;}
.list-check li::before{content:"\f058";position: relative;left:0px;top:5px;padding-right: 10px;font-family:"Font Awesome 5 Free";font-size: 1.6em;font-weight: 900;color:#0c4681}


/* 원인 */
.sub-cause{padding-bottom: 100px;border-bottom: 1px solid #efefef;}
.sub-cause .hidden-xs{min-height: 200px;}
.sub-cause h3{margin-bottom: 20px;}
.sub-cause p{padding: 20px;background: #efefef;text-align: center;}
.sub-cause .col-sm-6{width: 100%;}
.list-table{text-align: center;}
.list-table li{position: relative;display: block;margin-bottom: 10px;padding: 20px 50px;border: 5px solid #efefef;font-size: 1.3em;text-align: ;list-style-type: none;}
.list-table li:nth-child(even){background: #;color:#}
.list-table li::before{content:"\f00c";position: absolute;width:80px;height: 100%;left:0px;top:0px;padding: 20px;border-right: 5px solid #f6f6f6;font-family:"Font Awesome 5 Free";font-size: 1.6em;font-weight: 900;color:#ccc;line-height: 100%;}



/* s-10 비수술적 치료법 */
.sub-treatment{margin-bottom:80px;}
.sub-treatment h3::before{content:'상도바른정형외과';display: block;margin-bottom: 5px;text-align: center;font-size: .5em;color:#0c4681;letter-spacing:0;opacity: .8;}
.list-circle{text-align: center;}
.list-circle li{overflow: hidden;display:inline-block;margin:0 5px;width: 250px;height: 250px;padding:46px 30px;-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;font-size: 1.3em;text-align: ;list-style-type: none;}
.list-circle li .txt{margin-bottom: 5px;font-size: 16px;opacity: .6;}
.list-circle li .tit{font-size: 1.4em;letter-spacing: -0.05em;line-height: 1.4em;}
.list-circle li:nth-child(1){border: 10px solid #129ac8;}
.list-circle li:nth-child(2){border: 10px solid #23a8b3;}
.list-circle li:nth-child(3){border: 10px solid #3fb88c;}
.list-circle li:nth-child(4){border: 10px solid #56c256;}
.list-circle li:nth-child(5){border: 10px solid #9fd600;}
.list-circle li:nth-child(6){border: 10px solid #e5db00;}
.list-circle li:nth-child(7){border: 10px solid #fca700;}
.list-circle li:nth-child(7) .tit{letter-spacing: -0.1em;}
.list-circle li .thumb{display: none;}


/* s-20 치료 프로그램 종류 */
.sub-program{margin-bottom:80px;}
.sub-program .row{}
.sub-program .row {}
.sub-program .row .thumb {overflow: hidden;max-height: 200px;}
.sub-program .row .thumb img{position: relative;top:-130px}
.sub-program .row .thumb img::before{display: block;line-height: 100px;content:'이미지 준비중';text-align: center;opacity: .3;font-size: 1.6em;}
.sub-program .row .text{margin: 15px 0}
.sub-program .row .text .txt{display: none;}
.sub-program .row .text .tit{position: relative;font-size: 1.6em;}
.sub-program .row .text .tit::after{content:"\f105";position: absolute;top:1px;right:10px;font-family:"Font Awesome 5 Free";font-size: 1.2em;font-weight: 900;color:#ccc}
.sub-program .row p{text-align:left;}
.sub-program hr{margin-top: 50px;margin-bottom: 50px;}


/* s-30 치료과정 */
.sub-process{}
.sub-process h4{margin-top:1em;margin-bottom:10px;padding:6px 0;font-size:24px;text-align: left;}
.sub-process p{text-align: left;}


/* s-30, s-a030 치료대상 */

.s-pagenb{padding-top: 30px;}
.s-pagenb dt{display: inline-block;width: 15%;}
.s-pagenb dd{display: inline-block;width: 20%;margin: 0 4px;}
.s-pagenb dt a{font-size: 1.6em;}
.s-pagenb dd a{display: block;padding: 15px 15px;border: 1px solid #ddd;font-size: 1.2em;}
.s-pagenb dd a:hover{background: #f9f9f9;}
.s-pagenb dd a::before{content:"\f105";position: relative;top:1px;padding-right: 10px;font-family:"Font Awesome 5 Free";font-size: 1.2em;font-weight: 900;color:#e1be82}

.sub-target{margin-bottom:80px;}
.sub-target .s-pagenb{text-align:left}





/* -------------------------------------------------------------------------------- 상도바른정형외과 병원소개 (Sub:Page) ---------------------------------------- */
/* 병원소개 */

.bold {font-weight:bold;}

.bg-sky {background:#eef8ff;}
.sbg-gray {background:#e9eced;}
.sbg-gray .container {width:100%;}

.bd-top {margin:20px 0; display:block; width:40px; height:2px; background:#0c4681;}




/*병원소개*/
.sub{text-align:center;}
.sub .sub-tit{margin-top:30px; margin-bottom:30px; font-size:2.6rem; font-weight:300;}

.sub section.a010-treepoint{position:relative; padding-bottom:0;}
.a010-treepoint:before{display:block; position:absolute; left:50%; top:40px; margin-left:-390px;
content:'SANGDOBARUN'; font-family:'GmarketSansBold'; font-size:5.4rem; line-height:100%; color:#eff6fe; z-index:-1}
.a010-principle{padding:60px 0 80px;background:url('../img/sub/a010_principle_bg') left top no-repeat #f5f5f5; }
.sub-tit-line{width:24px; height:3px; margin:16px auto; background:#113969;}

.sub section.a010-special{position:relative; padding:160px 0 80px;}
.a010-special:before{display:block; position:absolute; left:50%; top:40px; margin-left:-220px;
content:'SPECIAL'; font-family:'GmarketSansBold'; font-size:5.4rem; line-height:100%; color:#eff6fe; z-index:-1}
.a010-special img{border:8px solid #ddd; box-shadow:24px 24px 8px rgba(0,0,0,.2)}
.a010-special>div div:nth-child(odd) {top:-50px;}
.a010-special>div div:nth-child(odd) img{border:7px solid #2ea2d3}
.a010-special>div div:nth-child(even) img{border:7px solid #1da195}

.a010-special dl{padding:0 30px; text-align:left;}
.a010-special dl dt{margin:30px 0; font-size:2.2rem; letter-spacing:-2.4px; font-weight:600;}
.a010-special dl dd{font-size:1.2rem;}
.a010-special .sub-tit-line{margin:16px 0;}

.a010-history .row{ background:#f1f1f7; text-align:left;}
.a010-history .row .text{padding:80px 0; margin-left: 70px;}
.a010-history img{position: relative;right:-70px;z-index:0;}
.doc-name{display:block;}
.doc-name h5{font-size:1.3rem; font-weight:500; color:#545454}
.doc-name p{font-size:3rem; font-weight:600;}
.doc-name p .small{font-size:1.8rem; font-weight:300;}
.doc-history li{font-size:0.95em;line-height:1.8em;}
.doc-history li:before{display:inline-block; margin-right:8px; content:'■'; font-size:.5rem; vertical-align:bottom; color:#00b5ee;}
.doc-name h5{text-align:left;}
.doc-paper {margin-top:50px; text-align:left;}
.doc-paper .tit{padding:12px 16px; border-radius:12px; border:1px solid #ddd; background:#f1f1f7; font-size:1.4rem; }
.doc-paper .text{margin-top:30px; font-size:1rem; }
.doc-paper .text li{position:relative; margin:20px 0;}
.doc-paper .text li .small{padding:10px;}
.doc-paper .text li::before{display:inline-block; margin-right:12px; content:'■'; font-size:.5rem; vertical-align:bottom; color:#00b5ee;}

.a020 .sbg-gray{padding:70px 0}
.a020 .txt-con{margin-top:20px;}
.a020 .a020-tit{text-align:left;}
.a020 .a020-tit h2{font-size:2rem; line-height:140%;}
.a020 .time{padding:50px; background:#fff; border-top:2px solid #1b487e}
.a020 .time h6 {margin-bottom:20px; font-size:1.2rem; }
.a020 .time ul {margin-bottom:20px;}
.a020 .time ul li {margin:8px 0; font-size:1.5rem; }
.a020 .time ul .day{display:inline-block; margin-right:20px; width:92px; text-align:justify;}
.a020 .time p {font-size:1rem; line-height:1.4rem; font-weight:400; color:#777;}

.a040 h2 {font-size:2.4rem; line-height:140%; letter-spacing:-2px; text-align:center;}
.a040 .txt-con {padding:0 20px 40px;}
.dlist{margin:40px 0 20px; padding:18px 0; border:4px solid #ddd; font-size:20px; letter-spacing:-0.5px; text-align:center;}
.dlist dt{display:inline-block; padding:10px 38px; margin:0 8px; vertical-align: super;}
.dlist dd{display:inline-block; font-size:1.8rem; line-height: 48px; vertical-align: text-bottom;}
.exit-num{width:26px; height:26px; padding:4px; border-radius:50%; background:#fdf34e; border:3px solid #111; font-size:.9em;}

/* 비급여수가표 */
.barun-price{}
.barun-price td:last-child{text-align: center;}





#s-a030 .tbl_head01{}
#bo_gall {margin: 50px auto}
#bo_list {margin-top: 50px;}

.bd-box {box-sizing:border-box; border:10px solid #f7f7f7; padding:20px 30px;}

@media screen and (max-width: 768px) {
	.flex{display:block;}
	.row-wide{margin-right:5px; margin-left:5px;}
}


@media screen and (max-width:1399px) {
	#m-treat .tit {height:120px;}
	#m-treat p{height:100px;}
}


.doc_con_1{}
.doc_con_2{}
.doc_con_3{height: 660px !important; overflow: hidden !important;}
.doc_con_1 .doc_img img{margin-left: -20px;}
.doc_con_2 .doc_img img{margin-top: -20px;margin-left: -20px;}
.doc_con_3 .doc_img img{margin-top: -10px;margin-left: -20px;}


.list-disease{padding:30px;border:5px solid #EEE;text-align: center;margin-top: 30px;}