/*@media (max-width:1280px) {
body { font-size:0.8em }
.wrap { width:100%; padding:0 20px }
#header .gnb .depth1 { padding:0 30px; }
#header .gnb .depth1 > a:before { left:30px }
#header.down { height:240px }
#header .btn_user { margin-right:20px }
#header .user { right:5px }
#main_visual .bx-controls { bottom:200px; }
.pic_lt .ts-controls { text-align:center; margin-top:10px }
.pic_lt .ts-controls button { display:none }
.pic_lt .ts-controls button.ts-paging-btn { display:inline-block; margin:0 3px; position:static; width:100%; background:none; width:20px; height:20px; border:1px solid #333; border-radius:50% }
.pic_lt .ts-controls button.ts-paging-btn.ts-paging-active { background:#333 }
#footer { margin:60px 0 0 0; padding:40px 0 }
#footer nav { right:20px }
#left_area { width:180px }
#right_area { width:calc(100% - 230.1px) }
.tbl_head01 td, .tbl_head01 th { padding:12px 7px !important }
#bo_list .td_num2 { width:50px }
.td_thumb { width:150px }
#bo_list .td_datetime { width:80px }
#bo_gall .gall_info .gall_view { display:none }
#faq_sch .frm_input, #faq_sch .btn_submit { height:40px }
.history_slogun { width:260px }
.history_list { width:calc(100% - 300px) }
#bo_v iframe { width: 100%; height:43vw }
}
*/

/* =========================================================
   FIRST DENTAL v1.0.5 - HEADER TWO MODE FINAL
   1601px 이상 : PC 가로 메뉴
   1600px 이하 : 태블릿/좁은창/모바일 공통 햄버거 메뉴
   메뉴 표시 여부는 .pc_v/.m_v와 분리하여 직접 제어한다.
   ========================================================= */

/* 기본(1601px 이상): PC 메뉴 */
#header .btn_gnb {display:none !important;}

@media screen and (min-width:1601px) {
    #header .btn_gnb {display:none !important;}
    #header .gnb {display:block !important;}
}

@media screen and (max-width:1600px) {
    /* 구형 그누보드 고정 최소폭이 반응형 헤더 계산을 방해하지 않도록 해제 */
    html, body {min-width:0 !important;}
    #hd, #wrapper, #ft {min-width:0 !important; width:100%;}

    /* 좁은 PC/태블릿/모바일은 한 가지 메뉴 구조만 사용 */
    #header {margin-top:-100px; height:100px !important;}
    #header .w1600 {width:100%; max-width:none; padding:0 20px; box-sizing:border-box;}
    #header h1 {position:relative; z-index:11; text-align:left; margin:0; padding:12px 0;}
    #header h1 img {width:auto; max-width:175px; height:auto;}

    /* PC 보조메뉴는 햄버거 구간에서 숨김 */
    #header .top_call,
    #header .btn_user {display:none !important;}

    /* PC 가로 GNB와 동일 media query에서 햄버거를 반드시 노출 */
    #header .btn_gnb {
        display:block !important;
        position:absolute;
        right:30px;
        top:35px;
        margin:0;
        font-size:22px;
        line-height:1;
        color:#10294a;
        z-index:1002;
    }
    #header .btn_gnb.on {color:#fff; transform:rotate(-90deg);}

    /* GNB는 display:none을 쓰지 않고 항상 존재시켜 우측 화면 밖/안 이동만 사용 */
    #header .gnb {
        display:block !important;
        position:fixed !important;
        width:400px;
        max-width:88vw;
        height:100vh;
        top:0;
        right:-410px;
        margin:0 !important;
        padding:65px 0 30px !important;
        float:none !important;
        text-align:left !important;
        white-space:normal !important;
        background:#10294a;
        z-index:1001;
        overflow-x:hidden;
        overflow-y:auto;
        box-sizing:border-box;
        transition:right .3s ease;
        -webkit-overflow-scrolling:touch;
    }
    #header .gnb.on {right:0 !important;}

    #header.down {height:100px !important;}
    #header.down .gnb a,
    #header.on .gnb a {color:#fff;}
    #header.down .gnb .depth1 > a {margin-bottom:0;}
    #header.down .gnb .depth1:hover > a {color:#fff;}

    #header .gnb > ul {width:100%; margin:0; padding:0;}
    #header .gnb .depth1 {
        display:block !important;
        float:none !important;
        width:100%;
        margin:0;
        padding:0 !important;
        text-align:left !important;
        border-bottom:1px solid rgba(255,255,255,.10);
        box-sizing:border-box;
    }
    #header .gnb .depth1 > a {
        position:relative;
        display:block !important;
        width:100%;
        height:54px;
        line-height:54px;
        margin:0 !important;
        padding:0 52px 0 28px;
        box-sizing:border-box;
        font-size:18px;
        font-weight:500;
        letter-spacing:-.5px;
        color:#fff !important;
        white-space:nowrap;
    }
    #header .gnb .depth1 > a:before {display:none !important;}
    #header .gnb .depth1.has-sub > a:after {
        content:'+';
        position:absolute;
        right:22px;
        top:0;
        width:26px;
        height:54px;
        line-height:54px;
        text-align:center;
        font-size:22px;
        font-weight:300;
        color:#fff;
    }
    #header .gnb .depth1.has-sub.open > a:after {content:'−';}

    #header .gnb .depth1 ul,
    #header.down .gnb .depth1 ul {
        display:none;
        height:auto;
        overflow:visible;
        margin:0;
        padding:6px 0 10px;
        background:rgba(0,0,0,.12);
    }
    #header .gnb .depth1.open > ul,
    #header.down .gnb .depth1.open > ul {display:block;}
    #header .gnb .depth2 > a {
        display:block;
        padding:10px 28px 10px 42px;
        line-height:1.35;
        font-size:15px;
        font-weight:400;
        color:rgba(255,255,255,.84) !important;
        white-space:normal;
    }
    #header .gnb .depth2 > a:hover {color:#fff !important;}
}

@media screen and (max-width:1000px) {
    #header .gnb {width:360px; right:-370px;}
}

@media screen and (max-width:768px) {
    #header .w1600 {padding:0 16px;}
    #header h1 {padding:12px 0;}
    #header h1 img {max-width:165px;}
    #header .btn_gnb {right:20px; top:31px;}
    #header .gnb {width:88%; max-width:none; right:-90%;}
    #header .gnb .depth1 > a {height:52px; line-height:52px; padding-left:24px; font-size:17px;}
    #header .gnb .depth1.has-sub > a:after {height:52px; line-height:52px;}
    #header .gnb .depth2 > a {padding:9px 24px 9px 36px; font-size:14px;}
}


@media (max-width:1200px) {
body { font-size:0.8em }
.wrap { width:100%; padding:0 4% }
.mobile_only { display:block !important }
.mobile_no { display:none !important }



#footer { padding:30px 0 }
#footer nav { position:static; margin:0 0 10px }
#footer nav li { margin:0 17px 0 0 }

#main_visual .roll_txt {width:100%; margin:0 auto; text-align:center; }
#main_visual h2 {margin:23vh 0 0 0; padding:0 10% }
#main_visual h3 { padding:0 10% }
#main_visual p { padding:0 10%; word-break:keep-all }
#main_visual .bx-controls { bottom:50px; }

.main_gallery { margin-bottom:50px }
.main_bbs, .main_cs { width:47.5% }



#contents { margin:0; min-height:510px }
#contents .wrap { padding:0 }


.left_cs { display:none }

#right_area { width:100%; float:none; }
.container_title { display:none }

#ctt_con { font-size:1.12em }
.history_slogun { width:230px }
.history_list { width:calc(100% - 280.1px) }

#bo_gall .gall_li { width:calc(100%/3 - 10.1px) }
#bo_gall .gall_li:nth-child(4n + 1) { clear:none }
#bo_gall .gall_li:nth-child(3n + 1) { clear:none }
#bo_gall .gall_img:hover img { transform:none }

#bo_v_act { margin:40px 0 !important }
#bo_v_desc { margin-top:40px }
.bo_v_nb { margin: 30px 0 }
#bo_vc_empty { padding:40px 0 !important }
#bo_v_con { min-height:50px }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.2em }
#bo_list .td_datetime { width:60px }
#bo_list .td_name { width:90px }
#captcha.m_captcha #captcha_key { height:40px; margin-top:5px }
#captcha.m_captcha #captcha_img { display:inline-block; width:120px; height:40px; }
#captcha.m_captcha #captcha_reload { margin-top:5px }
td .thumb { width:150px }
td .thumb ~ div { margin-left:170px }
#bo_v iframe { width: 100%; height:52vw }
}

@media (max-width:1000px) {
.s_mobile_only { display:block !important }
.pc_only { display:none !important }

#header {margin-top:-100px; height:100px !important }
#header .btn_gnb { top:31px;  }
#header .btn_user { top:36px; }
#header .user { top:58px }
#header .gnb .depth1 > a {color:#fff;}
#header.on h1 a { background-position:0 27px }

#footer { margin:0px 0 0 0; padding:25px 0 }
#footer nav { text-align:center }
#footer nav li { display:inline-block; float:none }
#footer #top_btn { right:10px; bottom:10px }
#footer dt, #footer dd {  display:inline-block; font-size:14px; }
#footer .copyright {font-size:10px; }

#main_visual { height:calc(345px); }
#main_visual h2 {margin:10vh 0 0 0; font-size:2em }
#main_visual h3 { font-size:2.4em }
#main_visual hr { margin:22px 0 0 0 }
#main_visual p { font-size:1.3em; margin:0px 0 0 0 }
#main_visual .bx-controls {display:none  }

.main_gallery { margin-top:5px }
.main_gallery h2 { font-size:1.5em; padding:30px 0 20px 0 }
.pic_lt #touchSlider { position:relative; overflow:hidden; min-height:202px !important }

.tab_menu li a { padding:0; margin:0 10px; border:0 }
.main_gallery .tab_con { margin-top:0px }
.pic_lt li .lt_name { font-size:1.3em }
#main_visual .bx-controls { bottom:150px }
.main_bbs, .main_cs { width:100%; float:none }
.main_bbs h2 { font-size:1.5em }
.main_cs { margin:50px 0 0 0; }
.root_daum_roughmap .wrap_map { height:250px !important }




#contents { min-height:300px }

#bo_cate { margin-top:0 }
#bo_cate a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#bo_cate #bo_cate_on { border:0 }
#bo_gall #gall_ul { margin:10px 0 0 0; }
#bo_gall .gall_li { width:100%; float:none; margin-left:0; margin-bottom:15px }
#bo_gall .bo_tit { white-space:normal }
#bo_v_item #bo_v_img { float:none; width:100%; margin-top:5px }
#bo_v_item #bo_v_summary { float:none; width:100%; margin:30px 0 0 0 }
#bo_v_summary .bo_v_title { font-size:1.5em }
#bo_v_summary .bo_v_title small { font-size:0.6em }
#bo_v_summary, #bo_v_desc { font-size:1em }
#bo_v_summary .refer { margin:12px 0 0 0 }
#bo_v_sns li a { width:50px; height:50px; line-height:50px }
#bo_v_share .btn { width:50px; height:50px; font-size:11px }
#bo_v_share .btn i { margin:8px 0 0 0 }
#bo_v_share { padding:25px 0 }
.bo_v_nb { margin:20px 0 }
#bo_v_desc { margin-top:30px }
.bo_vc_w_info .frm_input { width:49.5%; margin:0 }
.bo_vc_w_info #wr_password { float:right }
#bo_vc article .pf_img { display:none }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.1em }
#bo_gall.listtype .gall_img { float:none; width:100% }
#bo_gall.listtype .gall_img + div { float:none; width:100%; padding:20px; font-size:1em }
#bo_gall .bo_tit, #bo_gall.listtype .bo_tit { font-size:1.3em }
.gall_list_opt dt { min-width:60px; text-align:center }
.gall_list_opt dt, .gall_list_opt dd { font-size:.95em }
td .thumb { width:100%; float:none }
td .thumb ~ div { margin-left:0; margin-top:15px }
#bo_v_title { font-size:1.3em; font-weight:400 }
#bo_v_title .bo_v_tit { font-size:1em }
#bo_v_act { margin:30px 0 !important }
.bo_v_nb li .nb_tit { padding-right:0; width:65px; vertical-align:top }
.bo_v_nb li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:calc(100% - 120px); vertical-align:top }
.tbl_head01 td, .tbl_head01 th { font-size:1em }
#faq_sch .btn_submit { width:70px; }
#faq_sch .frm_input { width:calc(100% - 75px) }
#faq_sch .frm_input, #faq_sch .btn_submit { height:36px; font-size:1em }
#faq_sch { padding:20px; }
#faq_wrap li { font-size:1em }
#bo_v_con { font-size:1em }
#bo_list .td_stat, #bo_v_rel .td_stat { width:80px }
#bo_list .txt_rdy, #bo_v_rel .txt_rdy { padding:0 5px }
#bo_list .td_date { width:70px }
.bo_cate_link { float:none; display:block }
#bo_v_title .bo_v_cate { display:block; font-size:0.7em }
.bo_v_com > li { margin-left:0 }
.bo_sch { width:320px; margin-left:-160px }
.bo_sch .sch_input { width:240px }

.mbskin .mbskin_box { width:320px }
#mb_login #sns_login .txt { padding-left:0 !important }
#fregister p { padding:10px; line-height:1.3; font-size:1em; height:auto }
#sns_register h2 { display:none }
#sns_register .sns-wrap { width:100%; display:block; text-align:center }
#fregister h2 { font-size:1.1em }

#ctt_con { font-size:1em; overflow:hidden }
#ctt_con.sub01_01 .sec01 > div { float:none; width:100% }
#ctt_con.sub01_01 .sec01 h2 { font-size:1.5em }
#ctt_con.sub01_01 .sec01 .img01 { width:100%; float:none }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:center }
#ctt_con h2.title { font-size:1.4em; padding-bottom:20px }
#ctt_con.sub01_01 th { width:auto }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { padding:12px 7px; word-break:keep-all }
#ctt_con.sub01_02 .tab_menu a { font-size:16px; border:1px solid #e0e0e0; border-left:0; border-right:0; padding:10px 0; margin:0 }
#ctt_con.sub01_02 .tab_menu li.on a { border-color:#666 }
#ctt_con.sub01_02 .tab_menu { margin:0 0 30px }
.history_slogun { width:100% }
.history_slogun img { display:none }
.history_list { width:100% }
.history_slogun header { animation:none; opacity:1; border-bottom:1px solid #e0e0e0; padding-bottom:15px }
.history_list h3 { font-size:1.5em }
.history_list li li { background-size:4px 4px; background-position:0 5px; padding-left:10px }
.history_list > ul > li { animation: left .7s .0s forwards; }
.os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt { font-size:1em !important }

}