@charset "utf-8";
/*@import url( "//fonts.googleapis.com/earlyaccess/notosanskr.css" );*/
@import url( "/css/NotoSansKR-Hestia.css" );

/* -------------------------------------------------------------------------------- Setting ---------------------------------------- */
html,body,#navi,#m-visual{min-width:1300px;}
html,body,h1,h2,h3,h4,h5,h6,p,li,dt,dd{font-family:"Noto Sans Korean", sans-serif;}

/* -------------------------------------------------------------------------------- Bootstrap -------------------------------------- */
.container{width:1170px;}
.container-lg {width:1300px; margin:0 auto;}
.container-no{max-width:1200px;width:100%;padding:0;}

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

/* 팝업 */
#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;}
.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 li {display:inline-block;width:19%;color:#fff}
.hd_pops_footer li:first-child{width:79%}
.hd_pops_footer .hd_pops_close{display:block;width:100%;height:100%;margin-top:-5px;border:none;background:none;text-align:right;}

.hd_pops_bg{position:fixed;top:0px;left:0px;z-index:10;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 */}

/* Mobile화면으로 */
#device_change{display:block;width:98%;margin:10px auto 10px auto;padding:1em 0;border:5px solid #aaa;text-align:center;}

/* -------------------------------------------------------------------------------- Board ---------------------------------------- */


/* 댓글 스타일 */
.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;border-top:2px solid #505452;}
.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:98%;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') #f7f7f7 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:#e5305e;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:#e5305e;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:#e5305e}

/* 자바스크립트 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}

/* -------------------------------------------------------------------------------- Borad ---------------------------------------- */
/* 게시판 일괄적용 */
#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 #dcdddc;background:#fff;}
a.btn_b01:hover,.btn_bo_adm input:hover{background:#edeeed;color:#000}
a.btn_b02{border:1px solid #e3174b;background:#e5305e;color:#fff}
a.btn_b02:hover{background:#e3174b;}
a.btn_admin{border:1px solid #f3b15f;background:#f1c161;color:#fff}
a.btn_admin:hover{background:#f3b15f;}

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

/* 게시판 리스트 */
#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;border-top:2px solid #505452;background:none;} /*테이블*/
#bo_list .td_cnt {width:100px;border-radius:3px;text-align:center;color:#fff;}
#bo_list .td_name{text-align:center;}
#bo_sch{width:100%;padding-top:20px;text-align:center;}/* 검색 */

#bo_cate h2{position:absolute;top:0;left:0;overflow:hidden;height:0;}/*카테고리*/
#bo_cate_ul{float:left;width:100%;margin:10px 0;padding:0;}
#bo_cate_ul li{float:left;width:auto;list-style-type:none;}
#bo_cate_ul li a{display:block;padding:10px 20px;border-right:1px solid #dcdddc;border-top:1px solid #dcdddc;border-bottom:1px solid #dcdddc;}
#bo_cate_ul li:first-child a{border-left:1px solid #dcdddc;}
#bo_cate_ul #bo_cate_on{border:1px solid #e3174b;background:#e5305e;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;}


/* -------------------------------------------------------------------------------- Header ---------------------------------------- */
#header{height:120px;background:#fff;}
#header .h-info{float:left; width:500px; margin-top:40px;}
#header .h-info li {float:left; list-style:none; margin-right:20px;}
#header .h-info li:nth-child(2),#header .h-info li:nth-child(3){margin-top:10px;}
#header .h-info img{margin-bottom:15px;}
#header .h-logo{float:left;width:300px;margin:30px auto 0 auto;}

#header .h-btn{float:right;width:230px;margin-top:25px;font-size:0.9em;text-align:center;}
#header .h-btn .row>div{margin-top:7px;}
#header .h-btn .row a{display:block;width:100%;padding:10px;border:1px solid #ccc;font-size:1.1em;font-weight:700;text-align:center;color:#000;}
#header .h-btn .row .on a{background:#ccc;color:#fff}

#navi{position:relative;z-index:1000;max-width: 2200px;margin: 0 auto;/*background:#f9f9f9;*/background:#f9f9f9; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
#navi .nav{text-align:center;}
#navi .nav>li{display:inline-block;width:auto;}
#navi .nav>li>a{display:block;width:100%;padding:15px 10px;font-size:1.1em;color:#f00f67;}



/* -------------------------------------------------------------------------------- Index ---------------------------------------- */
#index .m-visual {max-width: 2220px;margin: 0 auto;border-bottom:1px solid #efefef;}
#index .m-visual .visual-new-01{height:600px;background:url(../img/visual_new_1.png) center top no-repeat #394d61;}
#index .m-visual .visual-01{height:600px;background:url(../img/visual_01.jpg) center top;}
#index .m-visual .visual-02{height:600px;background:url(../img/visual_02.jpg) center top;}
#index .m-visual .visual-03{height:600px;background:url(../img/visual_03.jpg) center top;}
#index .m-visual .visual-04{height:600px;background:url(../img/visual_04.jpg) center top;}
#index .m-visual .visual-05{height:600px;background:url(../img/visual_05.jpg) center top;}
#index .m-visual .visual-06{height:600px;background:url(../img/visual_06.jpg) center top;}
#index .m-visual .visual-07{height:600px;background:url(../img/visual_07.jpg) center top;}

#index .m-bn{margin-top:50px;}
#index .m-bn .m-bn-left{float:left;width:600px;}
#index .m-bn .m-bn-right{float:right;width:580px;}
#index .m-bn .m-bn-top{float:left;width:100%;margin-bottom:6px;}
#index .m-bn .m-bn-bottom{float:left;width:100%;}

#index .m-bn .m-bn-new-left{float:left;width:600px;}
#index .m-bn .m-bn-new-center{float: left;width:200px;margin-left:15px;}
#index .m-bn .m-bn-new-right{float:right;width:370px;}
#index .m-bn .m-bn-new-top{float:left;width:100%;height: 205px;margin-bottom:6px;}
#index .m-bn .m-bn-new-bottom{float:left;width:100%;}

#index .m-slide{margin-bottom:10px;}
#index .m-slide .slide>div>a{display:block;width:100%;height:100%;}
#index .m-slide .slide-01{height:300px;background:url(../img/m_slide_01_1709.png) left top;}
#index .m-slide .slide-02{height:300px;background:url(../img/m_slide_02.png) left top;}
#index .m-slide .slide-03{height:300px;background:url(../img/m_slide_03.png) left top;}
#index .m-slide .slide-04{height:300px;background:url(../img/m_slide_04.png) left top;}
#index .m-slide .bx-wrapper .bx-pager{margin-left:50px;text-align:left;}
#index .m-slide .bx-controls-direction{display:none;}


#index .m-kakao{float:left;width:50%}
#index .m-call{float:right;width:50%;text-align:right;}

#index .m-tap, #index .m-info{float:left;width:370px;}
#index .m-blog, #index .m-location{float:right;width:200px;}
#index .m-tap, #index .m-blog{margin-bottom:5px;}

#index .hr{margin:50px 0;height:1px;background:#efefef;}

#index .m-tap>ul{height:40px;margin-bottom:5px;border:none;}
#index .m-tap>ul>li{float:left;width:122px;margin-left:1px;}
#index .m-tap>ul>li:first-child{margin-left:0;}
#index .m-tap>ul>li>a{display:block;width:100%;padding:10px 0;border-radius:0;border:1px solid #cdcdcd;background:#ccc;text-align:center;color:#fff}
#index .m-tap>ul>li.active{width:124px;}
#index .m-tap>ul>li.active>a{border:1px solid #e3174b;background:#e5305e;}
#index .m-tap #tab-01,#index .m-tap #tab-02,#index .m-tap #tab-03{overflow:hidden;width:100%;height:155px;padding:16px 15px 15px 15px;border:1px solid #e1e1e1;}

#index .m-tap .fade ul li{line-height:2em;}

#index .m-btn{margin-top:30px;}
#index .m-btn .col-xs-8 {padding:0 30px;}
#index .m-btn ul{border:1px solid #ececec;}
#index .m-btn ul li{border-left:1px soldi #ececec;}
#index .m-btn ul li a{display:block;width:100%;padding:16px 0;}

/* -------------------------------------------------------------------------------- Footer ---------------------------------------- */
#footer{margin-top:100px;padding:50px 0;background:#010101;}
#footer>div>div{padding:0;}
#footer ul{margin-bottom:20px;}

/* -------------------------------------------------------------------------------- Sub ---------------------------------------- */
#snb ul {margin-bottom:0;}
#snb li {display:inline-block;}
#snb li a{display:block;width:100%;padding:20px 10px;font-size:1.2em;text-align:center;letter-spacing:-1px;}
#snb li.on a{color:#e5305e;}
#snb li.on:first-child {width:180px;margin-left:20px;}
#snb li.on:first-child a{font-size:1.4em;font-weight:bold;color:#000}

#sub{}
#sub #snb{position:absolute;top:775px;}
#sub #snb-box{height:70px;}

#board{}
#board #title{position:relative;top:35px;width:50%;margin-top:0;font-size:1.8em;}
#board #snb{}

#sub h3{margin-bottom:50px;font-size: 60px;font-weight: 100;letter-spacing: -4px;}
#sub dl{margin-bottom: 50px;}
#sub dt{margin-bottom: 10px;font-size: 20px;font-weight: 400;}
#sub dd{font-size: 20px;font-weight: 300;}

.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;}

.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;}


.quick-map{position:fixed;top:180px;left:10px;z-index:10000;width:248px;height:396px;padding:0;background:url(//www.clinicever.co.kr/img/sms/quick_sms_bg.png) no-repeat center top;}
.quick-map .sms-img {display:block; float:left; margin:79px 0 0 19px; width:210px;}
.quick-map .sms-img-m {display:none;}
.quick-map .info{margin-top:210px;}
.quick-map .info textarea {display:block;width:190px;height:50px; padding:0; margin:0 auto; font-size:12px;}
.quick-map .number{margin:5px auto; width:190px; color:#fff; }
.quick-map .number select, .quick-map .number input {width:55px;padding:0.2em 0;color:#464545}
.quick-map .agree{margin:0 auto;text-align:center; vertical-align:middle; font-size:12px; color:#000;}
.quick-map .button-pc {display:block; margin:16px auto; width:100px;}
.quick-map .button-m {display:none;}
.quick-map .close {margin-top:5px; padding:7px; background:#303231; border-radius:5px; width:100%; color:#fff; text-align:center; font-size:13px; font-weight:lighter; line-height:0; opacity:0.9;}


/* -------------------------------------------------------------------------------- Contents etc ---------------------------------------- */
.s-visual{overflow:hidden;height:600px;}
.art {background:url('../img/s_2080_art_bg.png') no-repeat; background-size:cover;}
.art img {margin:0 0 50px 0;}