@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

#subComm {overflow:hidden; margin:0px; padding:0px}
#subComm  .caption_hide {margin:0px; padding:0px; height:0px; width:0px; visibility:hidden}

#subComm .tit_txt {margin:23px 12px 0px 12px}
#subComm .tit_txt img {width:100%}
#subComm .con1 {margin-top:20px; position:relative}
#subComm .con1 img {width:100%}
#subComm .con1 .btn {position:absolute; width:45%; left:26%; top:52%}
#subComm .con2 {margin:20px 12px 0px 12px}
#subComm .con2 img {width:100%}
#subComm .con3 {margin-top:30px}
#subComm .con3 img {width:100%}
#subComm .con5 {margin:0px 12px 0px 12px}
#subComm .con5 img {width:100%}
#subComm .con6 {margin:7px 12px 0px 12px}
#subComm .con6 img {width:55%}
#subComm .con7 img {width:100%}
#subComm .con8 {margin-top:50px; position:relative}
#subComm .con8 img {width:100%}
#subComm .con8 .btn { position:absolute; width:25%; right:12px; top:32%}
#subComm .con9 {margin-top:25px}
#subComm .con9 img {width:100%}
#subComm .con10 {margin-top:30px}
#subComm .con10 img {width:100%}
#subComm .con11 {margin:25px 12px 0px 12px}
#subComm .con11 img {width:100%}
#subComm .con12 {margin-top:25px; margin-bottom:30px}
#subComm .con12 img {width:100%}
#subComm .con13 {margin-top:10px}
#subComm .con13 img {width:100%}
#subComm .con14 {margin-top:15px}
#subComm .con14 img {width:100%}
#subComm .con15 {margin-top:25px}
#subComm .con15 img {width:100%}

/* 비수술적 치료 */
#subComm .sub_tit{font-size:16px; font-family:'Jeju Gothic', sans-serif; font-weight:600; letter-spacing:-0.25px; color:#545351; text-align:left; box-sizing:border-box; line-height:36px;; border-top:1px solid #26b804; background-color:#f2f2f2; padding-left:3%;}
#subComm .sub_tit span.s_con_num{display:inline-block; font-size:20px; font-weight:600; letter-spacing:0.1px; line-height:34px; border-bottom:2px solid #26b804; box-sizing:border-box; margin-right:5px;}
#subComm .sub_tit span.new_color{color:#fc9d08; line-height:inherit; display:inline-block; vertical-align:top;}
#subComm .sub_con{display:block; width:100%; box-sizing:border-box; padding:10px 3% 0 3%; font-size:0;}
#subComm .sub_con li{display:inline-block; vertical-align:top;}
/* #subComm .sub_con li.s_con_num{font-size:20px; font-weight:600; letter-spacing:0.1px; line-height:1; padding:4px 0 6px 0; border-bottom:2px solid #26b804;} */
#subComm .sub_con li.s_con_content{font-size:13px; font-weight:400; line-height:1.8; text-align:left; color:#141414; float:none; width:100%; box-sizing:border-box;}
#subComm .sub_con li.s_con_content img{margin-top:7.5px;}
#subComm .sub_con li.s_con_content2{font-size:13px; font-weight:400; line-height:1.8; text-align:left; color:#141414; float:none; width:calc(55% - 25px); box-sizing:border-box; padding-left:10px; word-break:keep-all;}
#subComm .sub_con li.s_con_content.bgimg1{position:relative; padding-left:0; margin-left:10px; width:calc(100% - 35px);}
#subComm .sub_con li.s_con_content .bgimg2{background:transparent url('../img/sub2/con4_3_1.jpg') no-repeat center; background-size:contain; width:100%; text-align:right; position:relative; overflow:hidden; z-index:2;}
#subComm .sub_con li.s_con_content.bgimg1 .right_content{width:65%; display:inline-block; text-align:left; position:relative; z-index:2; box-sizing:border-box; padding:5px 0;}
#subComm .sub_con li.s_con_content.bgimg1::before{content:""; position:absolute; width:100%; height:100px; background-color:#f2f2f0; top:0; left:0; z-index:1;}
#subComm .sub_con li.s_con_content.bgimg1::after{content:""; position:absolute; width:100%; height:100px; background-color:#fcfcfa; bottom:0; left:0; z-index:1;}
#subComm .sub_con li .s_con_list1{text-align:left;}
#subComm .sub_con li .s_con_list1 li{text-align:left; display:block; position:relative; box-sizing:border-box; padding:0 7px;}
#subComm .sub_con li .s_con_list1 li::before{content:"∙"; position:absolute; top:2.5px; left:0; font-size:16px; font-weight:900; color:#fd0808; line-height:1;}
#subComm .sub_con li .s_con_list2{text-align:right;}
#subComm .sub_con li .s_con_list2 li{text-align:right; position:relative; box-sizing:border-box; padding-right:7px;}
#subComm .sub_con li .s_con_list2 li::after{content:"∙"; position:absolute; top:2.5px; right:0; font-size:16px; font-weight:900; color:#fd0808; line-height:1;}
#subComm .sub_con li.s_con_img1{width:45%; display:inline-block;}
#subComm .sub_con li.s_con_img1 img{width:100%; max-width:100%;}
@media (max-width: 350px) and (orientation: portrait) {
#subComm .sub_tit{font-size:14px;}
#subComm .sub_con li.s_con_content{font-size:12.5px;}
#subComm .sub_con li.s_con_content2{font-size:12.5px;}
}
@media (min-width: 351px) and (max-width: 400px) and (orientation: portrait) {
#subComm .sub_tit{font-size:15px;}
}
#subComm .con4 {border-top:1px solid #e3e3e3}
#subComm .con4 li {border-bottom:1px solid #e3e3e3; position:relative}
#subComm .con4 li .btn_add { position:absolute; width:25%; bottom:12%; left:39%}
#subComm .con4 .on {display:none}
#subComm .con4 img {width:100%}

#subComm .txt1 {font-size:1.1em; color:#009a8a; font-weight:bold; letter-spacing:-1px; padding:13px 0px 0px 12px}
#subComm .txt2 {letter-spacing:-1px; padding:8px 0px 0px 12px}

#subComm .box_tit1 {overflow:hidden; background:url(../img/sub2/bg_tit1.jpg) no-repeat; background-size:cover; height:103px}
#subComm .box_tit1 h1 {text-align:center; font-size:2em; color:#FFFFFF; margin-top:20px}
#subComm .box_tit1 .sub_menu {text-align:center; margin-top:5px}
#subComm .box_tit1 .sub_menu .opt_sub_menu {border:1px solid #4c4c4c; background:url(../img/sub2/bg_opt.gif) no-repeat; color:#FFFFFF; height:30px; width:250px; font-size:1.1em; -webkit-appearance: none; padding-left:10px}

#subComm .box_tit2 {overflow:hidden; background:url(../img/sub2/bg_tit2.jpg) no-repeat; background-size:cover; height:103px}
#subComm .box_tit2 h1 {text-align:center; font-size:2em; color:#FFFFFF; margin-top:20px}
#subComm .box_tit2 .sub_menu {text-align:center; margin-top:5px}
#subComm .box_tit2 .sub_menu .opt_sub_menu {border:1px solid #4c4c4c; background:url(../img/sub2/bg_opt.gif) no-repeat; color:#FFFFFF; height:30px; width:250px; font-size:1.1em; -webkit-appearance: none; padding-left:10px}

#subComm .box_tit3 {overflow:hidden; background:url(../img/sub2/bg_tit3.jpg) no-repeat; background-size:cover; height:103px}
#subComm .box_tit3 h1 {text-align:center; font-size:2em; color:#FFFFFF; margin-top:20px}
#subComm .box_tit3 .txt_bottom {overflow:hidden; background:url(../img/sub2/bg_txt.png); width:100%; margin-top:5px}
#subComm .box_tit3 .txt_bottom p { text-align:center; color:#d9dee3; padding:5px 0px 5px 0px}
#subComm .box_tit3 .sub_menu {text-align:center; margin-top:5px}
#subComm .box_tit3 .sub_menu .opt_sub_menu {border:1px solid #4c4c4c; background:url(../img/sub2/bg_opt.gif) no-repeat; color:#FFFFFF; height:30px; width:250px; font-size:1.1em; -webkit-appearance: none; padding-left:10px}

#subComm .box_tit4 {overflow:hidden; background:url(../img/sub2/bg_tit4.jpg) no-repeat; background-size:cover; height:103px}
#subComm .box_tit4 h1 {text-align:center; font-size:2em; color:#FFFFFF; margin-top:20px}
#subComm .box_tit4 .sub_menu {text-align:center; margin-top:5px}
#subComm .box_tit4 .sub_menu .opt_sub_menu {border:1px solid #4c4c4c; background:url(../img/sub2/bg_opt.gif) no-repeat; color:#FFFFFF; height:30px; width:250px; font-size:1.1em; -webkit-appearance: none; padding-left:10px}

#subComm .box_tit5 {overflow:hidden; background:url(../img/sub2/bg_tit5.jpg) no-repeat; background-size:cover; height:103px}
#subComm .box_tit5 h1 {text-align:center; font-size:2em; color:#FFFFFF; margin-top:20px}
#subComm .box_tit5 .sub_menu {text-align:center; margin-top:5px}
#subComm .box_tit5 .sub_menu .opt_sub_menu {border:1px solid #4c4c4c; background:url(../img/sub2/bg_opt.gif) no-repeat; color:#FFFFFF; height:30px; width:250px; font-size:1.1em; -webkit-appearance: none; padding-left:10px}

#subComm .box_mt {margin:25px 12px 0px 12px}

#subComm .box_tb .tb_txt1 {color:#FFFFFF}
#subComm .box_tb .tb_bg1 {background-color:#009a8a}
#subComm .box_tb .tb_txt2 {color:#009a8a; font-weight:bold; padding-top:10px}
#subComm .box_tb .tb_bg2 {background-color:#ecfaf8}
#subComm .box_tb .tb_txt3 {color:#009a8a; padding:10px 0px 10px 0px}
#subComm .box_tb .tb_txt3_2 {color:#7cb26b; padding:10px 0px 10px 0px}
#subComm .box_tb .tb_bg3 {background-color:#f3f6f3}
#subComm .box_tb .tb_bg4 {background-color:#f9f9f9}
#subComm .box_tb .tb_bg5 {background-color:#f6f9f9}
#subComm .box_tb .tb_txt4 {padding-left:5px}
#subComm .box_tb .tb_txt5 {padding:10px 0px 10px 0px}
#subComm .box_tb .tb_txt6 {padding:10px 10px 10px 10px}
#subComm .box_tb .tb_txt7 {color:#549194}
#subComm .box_tb .tb_txt8 {color:#4b5453; padding:10px 10px 10px 10px; line-height:20px}
#subComm .box_tb .tb_line_l {border-left:1px solid #eaeaea}
#subComm .box_tb .tb_line_r {border-right:1px solid #eaeaea}
#subComm .box_tb .tb_line_t {border-top:1px solid #eaeaea}
#subComm .box_tb .tb_line_b {border-bottom:1px solid #88bdb7}
#subComm .box_tb .tb_line_b2 {border-bottom:1px solid #bcbcbc}

.caption_text_box{width:100%; height:auto; box-sizing:border-box;}
.caption_text_box img{width:100%; max-width:100%;}
.caption_text_box .caption_hide_box{width:0; height:0; line-height:0; opacity:0; font-size:0; text-indent:-9999px; margin:0; padding:0;}

/* 오시는길 */
#subComm .box_map {margin:25px 0px 0px 0px; overflow:hidden; border-top:1px solid #cbcbcb}
#subComm .box_map dl {border-bottom:1px solid #cbcbcb}
#subComm .box_map dl dd {border-top:1px solid #cbcbcb; overflow:hidden; background-color:#f0f6f6; padding:20px 12px 20px 12px}
#subComm .box_map dl dd ul li:first-child {font-size:1.1em; font-weight:bold; letter-spacing:-1px; color:#009a8a}
#subComm .box_map dl dd ul li+li {margin-top:5px; line-height:20px}
#subComm .box_map dl dd ul li+li span {color:#009a8a; font-weight:bold}
#subComm .box_map dl dd ul+ul { margin-top:25px}
#subComm .box_map img {width:100%}


/* 진료시간 및 예약 */
#subComm .box_time {overflow:hidden}
#subComm .box_time img {width:100%}
#subComm .box_time ul {margin:25px 12px 0px 12px}
#subComm .box_time ul li+li {margin-top:25px; font-size:0.9em}

#subComm .box_reserve {overflow:hidden; padding-top:2px}
#subComm .box_reserve dl {padding:20px 22px 20px 22px; border-bottom:1px solid #e3e3e3}
#subComm .box_reserve dl dt {overflow:hidden}
#subComm .box_reserve dl dt ul li {float:left}
#subComm .box_reserve dl dt ul li+li {margin-left:15px; line-height:21px; letter-spacing:-0.5px}
#subComm .box_reserve dl dt ul li p {font-size:1.15em; font-weight:bold; margin-top:5px; margin-bottom:5px}
#subComm .box_reserve dl dt ul li span {letter-spacing:11px}
#subComm .box_reserve dl dt ul li:first-child img {width:54px}
#subComm .box_reserve dl dt ul li+li .btn_call {padding-bottom:6px}
#subComm .box_reserve dl dt ul li+li .btn_call img {width:177px}
#subComm .box_reserve dl dd {margin-top:18px}
#subComm .box_reserve dl dd img {width:100%}

/* 입퇴원안내 */
#subComm .box_admission {margin:30px 12px 20px 12px;}
#subComm .box_admission ul {margin-left:10px}
#subComm .box_admission ul li img {width:100%}
#subComm .box_admission ul .arr {text-align:center; margin:5px 0px 5px 0px}
#subComm .box_admission ul .arr img {width:27px}

/* 제증명 발급안내 */
#subComm .box_step {overflow:hidden; margin:15px 12px 0px 12px}
#subComm .box_step ul {overflow:hidden}
#subComm .box_step ul+ul {margin-top:15px}
#subComm .box_step ul li {float:left}
#subComm .box_step ul li:first-child img {width:60px}
#subComm .box_step ul li+li {width:70%; margin-left:10px}
#subComm .box_step ul li+li span {color:#549194; font-weight:bold}

#subComm .box_download {overflow:hidden; margin:12px 26px 0px 12px}
#subComm .box_download ul {overflow:hidden; float:left; width:50%; text-align:center}
#subComm .box_download ul li:first-child img {width:70%}
#subComm .box_download ul li+li { margin-top:5px}
#subComm .box_download ul li+li img {width:70%}

#subComm .box_num {overflow:hidden; margin:15px 12px 30px 12px}
#subComm .box_num  ul { overflow:hidden}
#subComm .box_num  ul+ul { margin-top:8px}
#subComm .box_num  ul li:first-child { float:left; color:#549194; font-weight:bold; font-size:1.2em}
#subComm .box_num  ul li+li { float:left; width:90%; margin-left:5px; line-height:20px}

#subComm .fontText1{width:100%; height:auto; box-sizing:border-box; padding:0 12px; font-family: 'nalgae'; font-size:1em; font-weight:400; letter-spacing:-0.5px; line-height:1.5; margin-top:22.5px; margin-bottom:36.5px; color:#151515; word-break:keep-all;}
#subComm .fontImg{width:100%; height:auto; max-width:100%;}
#subComm .fontText2{font-family: 'nalgae'; margin-top:40px; padding:0 12px;}
#subComm .fontText2 dt{font-size:1.1em; font-weight:700; letter-spacing:-0.5px; line-height:1; margin-bottom:20px; text-align:center; color:#383838;}
#subComm .fontText2 dd{font-size:1em; font-weight:300; letter-spacing:-0.1px; line-height:1.4; word-break:keep-all; color:#151515;}
#subComm .fontDownload{width:100%; height:auto; box-sizing:border-box; text-align:center; padding-top:25px; padding-bottom:30px;}
#subComm .fontDownload a{display:inline-block; vertical-align:top;}
#subComm .fontDownload a img{width:79.5px;}
#subComm .fontColorBg{width:100%; height:auto; box-sizing:border-box; margin-top:10px; background:#f5f5f5; padding:35px 12px 0 12px;}
#subComm .fontColorBg p{font-family: 'nalgae'; font-size:1.1em; font-weight:300; letter-spacing:-0.16px; color:#383838; line-height:1; margin-top:45px; text-align:center;}
#subComm .fontText3{width:100%; height:auto; box-sizing:border-box; padding:10px 12px 0 12px; position:relative; margin-top:30px; font-family: 'nalgae'; font-size:1em; font-weight:300; letter-spacing:-0.1px; color:#383838; line-height:1.5; padding-bottom:30px; word-break:keep-all;}
#subComm .fontText3::before{content:""; display:block; width:52px; height:2.5px; background:#21b6b5; position:absolute; top:0; left:12px;}


#subComm h2.subTitle{font-size:7.0313vw; font-weight:400; letter-spacing:-0.075em; color:#424242; line-height:1; position:relative; padding:11.7189vw 3.9063vw 4.0625vw 3.9063vw; margin-bottom:1.8750vw; -webkit-box-sizing:border-box; box-sizing:border-box;}
#subComm h2.subTitle::after{content:""; display:block; width:7.0313vw; height:0.3125vw; background-color:#19a3a9; position:absolute; bottom:0; left:3.9063vw;}
#subComm .subTitleText{font-size:4.0625vw; font-weight:400; letter-spacing:-0.05em; color:#7e888f; line-height:5.0000vw; word-break:keep-all; margin-bottom:5.3125vw; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 3.9063vw;}
#subComm .subContentTitle{width:100%; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; padding:4.6875vw 0 5.4688vw 0; background-color:#f5f5f5; margin-bottom:3.9063vw;}
#subComm .subContentTitle h3{display:inline-block; vertical-align:top; font-size:5.0000vw; font-weight:400; letter-spacing:-0.05em; color:#424242; line-height:1; padding-top:2.3438vw; position:relative;}
#subComm .subContentTitle h3::before{content:""; display:block; width:7.0313vw; height:0.3125vw; background-color:#19a3a9; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
#subComm .subContentTitle2{width:100%; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:left; padding:2.3438vw 3.9063vw; background-color:#f5f5f5; border-top:0.1563vw solid #88bdb7;}
#subComm .subContentTitle2 h4{font-size:4.3750vw; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#424242;}
#subComm .scrollTableBox{width:100%; height:auto; overflow-x:scroll; padding-bottom:3.1250vw; margin-top:1.95315vw; margin-bottom:3.9063vw;}
#subComm .scrollTableBox::-webkit-scrollbar{width:3px; background:#f1f1f1; border-radius:10px;}
#subComm .scrollTableBox::-webkit-scrollbar-thumb{background:#cdcdcd; border-radius:10px;}
#subComm .scrollTableBox table.nonTable{width:800px; min-width:100%; max-width:none; table-layout:fixed; border-collapse:collapse; border-top:2px solid #879ab6;}
#subComm .scrollTableBox table.nonTable th, #subComm .scrollTableBox .nonTable td{border:1px solid #d8d8d8; vertical-align:middle; word-break:break-word; text-align:center;}
#subComm .scrollTableBox table.nonTable th{padding:5px 2px; font-size:12px; font-weight:700; letter-spacing:-0.08em; background-color:#f1faf9;}
#subComm .scrollTableBox table.nonTable td{padding:5px 2px; font-size:11px; font-weight:400; letter-spacing:-0.08em;}
#subComm .scrollTableBox table.nonTable thead th[colspan]{padding-top:10px; padding-bottom:10px;}
/* .content:first-child .nonTable + h4{margin-top:50px !important;} */
/* #subComm .scrollTableBox .nonTable + h5{margin-top:30px;} */

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}