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

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{margin:0;padding:0;font-weight:normal;font-size:12px;font-family:'Nanum Gothic','맑은 고딕',dotum,'돋움',sans-serif;line-height:18px;}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
header,section,footer,nav,article,aside,figure{display:block;margin:0;padding:0}
img{padding:0;max-width:100%;border:0;vertical-align:top;}
ol,ul,dl,li{list-style:none}
a{outline:none;color:#444;text-decoration:none;select-dummy:expression(this.hideFocus=true)}
a[href^=tel]{font-style:normal}
table{border-spacing:0;border-collapse:collapse;table-layout:fixed;}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type=text],input[type=password]{-webkit-appearance:none;}
input[type=checkbox]{-webkit-border-radius:0;-webkit-appearance:none;}
input[type=radio]{border:none;-webkit-appearance:none;}
input[type=button],input[type=submit],input[type=reset],input[type=image],button{cursor:pointer;}
input[type=text],input[type=password],input[type=submit],input[type=search],textarea{-webkit-appearance:none;}
input:checked[type=checkbox]{-webkit-appearance:checkbox;}
fieldset{border:0}
legend,caption{display:none;}
textarea{-webkit-appearance:menulist-text;}
address,caption,em,var{font-weight:normal;font-style:normal;}
input,textarea,select{-webkit-border-radius:0;letter-spacing:normal;-webkit-appearance:none;}
select{-webkit-border-radius:0;-webkit-appearance:menulist-text;}
header,section,footer,nav,article,aside,figure,div,p,dl,li{box-sizing:border-box;}
strong {display:inline-block;padding-bottom:5px;font-size:12px;}


/* COMMON */
html, body {min-width:320px;width:100%;}
body {position:relative;overflow:hidden;overflow-y:auto;}

.header{position:relative;width:100%;height:50px;background:#38387b;}
.header h1 {position:absolute;top:10px;left:10px;}
.header h1 img{height:27px;}
.header .gnb_btn {position:absolute;top:15px;right:10px;z-index:10;width:25px;height:20px;border:0;background:url(../images/common/gnb_btn.png) top/contain no-repeat;font-size:0;}
.header.menuOn .gnb_btn {background-image:url(../images/common/gnb_close.png);}

.gnb_container {position:relative;overflow:hidden;width:100%;}
.gnb_area {position:absolute;top:50px;right:-265px;z-index:5;width:265px;background:#fff;}
.gnb > li {border-bottom:1px solid #f5f5f5;}
.gnb > li > a {display:block;padding-left:28px;background:url(../images/common/gnb_off.gif) 13px center/8px no-repeat;font-size:15px;line-height:45px;}
.gnb > li > a.on {background:url(../images/common/gnb_on.gif) 13px center/8px no-repeat }
.gnb .sub_menu {display:none}
.gnb .sub_menu {border-top:1px solid #f5f5f5;background:#fbfbfb;}
.gnb .sub_menu a {padding-left:30px;color:#989898;font-size:13px;line-height:30px;}

.overlay {position:absolute;top:50px;width:100%;background:url(../images/common/overlay.png);}

.footer {overflow:hidden;text-align:center;} 
.footer_nav {padding:5px 0;height:60px;background:#eeefef;text-align:center;font-size:0;}
.footer_nav li {display:inline-block;width:50%;line-height:30px;}
.footer_nav li a {padding:0 10px;font-size:12px;font-size:12px;}
.address_box {padding:18px 0;background:#000;}
.address_box address {margin-bottom:15px;color:#e8e8e8;letter-spacing:-0.1em;font-size:12px;line-height:18px;}
.address_box .copy {color:#9f9f9f;letter-spacing:-0.1em;font-size:9px;}

.blue_txt {color:#1f559f;}


/* MAIN */
.main_quick {overflow:hidden;width:100%;height:60px;}
.main_quick ul {width:100%;height:60px;}
.main_quick li {float:left;box-sizing:border-box;padding-top:40px;width:33.3%;height:100%;border-right:1px solid #d5dce5;background:#afbccd;text-align:center;line-height:0;}  
.main_quick li.online_quick {background:#afbccd url(../images/main/online_icon.png) center 8px/30px no-repeat;}
.main_quick li.press_quick {background:#afbccd url(../images/main/press_icon.png) center 8px/30px no-repeat;}
.main_quick li.locate_quick {background:#afbccd url(../images/main/locate_icon.png) center 8px/30px no-repeat;}
.main_quick li.kis_quick {background:#afbccd url(../images/main/kis_icon.png) center 8px/30px no-repeat;}
.main_quick li a {color:#fff;font-size:14px;line-height:11px;}

.visual_slider img{width:100%;}
.banner_zone {overflow:hidden;}
.banner_zone li {float:left;box-sizing:border-box;padding-top:12px;width:50%;height:55px;border-bottom:1px solid #fff;color:#fff;text-align:center;font-size:11px;line-height:16px;}  
.banner_zone li:first-child{background:#3e7fb7;}
.banner_zone li:nth-child(2){background:#4a64be;}
.banner_zone li:nth-child(3){border-bottom:0;background:#26a2ab;}
.banner_zone li:last-child{border-bottom:0;background:#5d9bd2;}
.banner_zone li:nth-child(odd){border-right:1px solid #fff;}
.banner_zone a {color:#fff;}
.banner_zone strong {font-size:14px;}

.call{width:100%;height:63px;text-align:center;} 
.call img {max-width:100%;height:63px;}
.main_clinic_box {overflow:hidden;width:100%;}
.main_clinic_box a {position:relative;display:block;float:left;overflow:hidden;width:50%;color:#fff;}
.main_clinic_box a img {width:100%;}

.erectile_box {background:url(../images/main/erectile_bg.jpg) top/cover;}
.prostate_box {background:url(../images/main/prostate_bg.jpg) top/cover}


/* SUB COMMON */
#quick {position:fixed;right:20px;bottom:50px;z-index:10;display:none;max-width:30px;max-height:30px;width:10%;height:10%;}
#quick img {width:100%;}
.sub_container {position:relative;padding:5px 10px;padding-bottom:20px;min-height:400px;width:100%;}
.sub_container h2 {margin-bottom:10px;padding:10px 0;border-bottom:1px solid #e3e3e3;text-align:center;font-weight:bold;font-size:15px;}
.contents_area, .sub_content,.board_area  {overflow:hidden;width:100%;}


/* Info */
.info_text h5, .officeHour h5, .clinic_article h5,
.achievement dt, .profile dt {margin-bottom:10px;padding-left:14px;background:url(../images/common/bullet_blue.png) 0 3px/12px no-repeat;color:#1f559f;font-weight:bold;font-size:16px;line-height:18px;} 
.profile dt { margin-bottom:5px;}
.info_text p {padding-left:18px;color:#555;font-size:12px;line-height:20px;line-height:16px;}
.info_detail {overflow:hidden;margin-top:10px;padding:16px;height:180px;border:1px solid #e6e6e6;background:#f8f7f7;}
.info_detail li {padding-left:5px;background:url(../images/common/bullet_gray.png) 0 7px/2px no-repeat;color:#777;font-size:12px;line-height:16px;}
.info_text > ul > li {position:relative;margin-bottom:10px;}

.greeting {margin-bottom:10px;width:100%}
.data_explain {display:table;margin-top:10px;padding:10px 0;min-height:50px;width:100%;background:#ebebeb;color:#555;text-align:center;}
.data_explain p {display:table-cell;vertical-align:middle;text-align:center;letter-spacing:-1px;font-size:11px;line-height:16px;}

.info_data {overflow:hidden;margin-bottom:50px;width:100%;}
.info_data li {float:left;margin-bottom:3%;width:48.5%;}
.info_data li img {width:100%}
.info_data li:nth-child(odd){margin-right:3%}

.invigation {overflow:hidden;width:100%;border-bottom:1px solid #e3e3e3;}
.invigation ul{margin-bottom:5px;height:16px;}
.invigation li {float:left;margin-right:5px;vertical-align:middle;line-height:16px;}
.invigation li:before {content:'>';font-size:12px;}
.invigation li a {margin-left:5px;font-size:12px;}
.invigation .home img {max-height:12px;vertical-align:middle;}
.invigation .home:before{content:'';}

.intro_content .con_more_btn {position:absolute;bottom:1px;left:1px;padding-top:12px;width:99%;height:52px;background:#f8f7f7;text-align:center;}
.con_more_btn input {width:95px;height:30px;border:0;border-bottom:1px solid #999;background:#a9a9a9;color:#fff;font-size:16px;}

.office_area > div {margin-bottom:18px;}
.office_area table {box-sizing:border-box;width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.office_area th {clear:both;box-sizing:border-box;padding:2%;width:30%;border-bottom:1px solid #d9d9d9;background:#1f559f;color:#fff;}
.office_area td {overflow:hidden;box-sizing:border-box;padding:2%;width:60%;border-bottom:1px solid #d9d9d9;line-height:18px;}
.office_area .last {border:0 }

.location_info dl {overflow:hidden;margin-bottom:10px;}
.location_info dt {float:left;clear:both;width:20%;color:#1f559f;font-weight:bold;line-height:18px;}
.location_info dd {float:left;color:#444;font-size:0.9em;line-height:18px;}
.location_info > div {padding:10px 0;border-top:1px solid #aaa;line-height:18px;}
.location_info > div h5 {margin-bottom:5px;padding-left:20px;font-weight:bold;font-size:14px;}
.location_info > div p, .location_info > div ul {padding-left:20px;font-size:14px;}
.location_info ul li {padding-left:6px;background:url(../images/common/bullet_gray.png) left/2px no-repeat;font-size:14px;}
.location .map {margin-bottom:10px;width:100%;}
.parking ul li {color:#888;}
.parking h5 {background:url(../images/sub/intro/icon_park.gif) left/14px no-repeat;}
.car h5 {background:url(../images/sub/intro/icon_car.gif) left/14px no-repeat;}
.subway h5 {background:url(../images/sub/intro/icon_subway.gif) left/13px no-repeat;}

.doctor_img img {width:100%;}
.profile {overflow:hidden;margin:10px 0;font-size:0;}
.profile_half dd {display:block;float:left;min-width:180px;background:none !important}
.achievement {margin-bottom:15px;}
.profile dd, .profile dd li, .achievement dd li{padding-left:5px;background:url(../images/common/bullet_gray.png) 0 7px/2px no-repeat;color:#777;font-size:12px;line-height:16px;}


/* Clinic */
.clinic_article {margin-top:10px;}
.clinic_article h6, .cause dt {margin-bottom:5px;padding-left: 5px;background:url(../images/common/triangle_arr.gif) left 4px/3px no-repeat;color:#1f559f;font-size:14px;line-height:16px;}
.clinic_article p.caption {color:#20559f;font-weight:bold;}
.clinic_article img {margin:5px 0;}
.clinic_article .kind_box h6 {margin:8px 0;padding-left:0;background:none;color:#1f559f;font-size:14px;}
.clinic_content .con_more_btn {padding-top:6px;width:99%;height:48px;border-bottom:1px solid #e3e3e3;text-align:center;}

.enlage_table {box-sizing:border-box;margin:10px auto;width:100%;border:1px solid #506cab;}
.enlage_table th {padding:6px 0 6px;border:1px solid #506cab;background:#becadf;color:#1f559f;}
.enlage_table tbody th {background:#d6dfef;}
.enlage_table td {padding:6px 0;border:1px solid #506cab;color:#777;text-align:center;}
.erectile_content h5 {display:inline-block;margin:20px auto;padding:0;border-bottom:1px solid #1f559f;background:none;font-size:16px;line-height:18px;}
.erectile_content .anchor {overflow: hidden;box-sizing:border-box;margin-bottom:15px;min-width:320px;width:100%;border:1px solid #ddd;background:#f8f7f7;font-size:0;}
.erectile_content .anchor li {display:table;float:left;width:33.3%;height:35px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;vertical-align:top;}
.erectile_content .anchor li.btm {border-bottom:0}
.erectile_content .anchor li:nth-child(1),.erectile_content .anchor li:nth-child(4) {border-left:0;}
.erectile_content .anchor li a {display:table-cell;height:35px;background:#f8f7f7;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;}
.erectile_content .anchor li a.on {background:#6a91c6;color:#fff;}
.erectile_content .top_anchor {position:fixed;top:0;left:0;z-index:10;display:none;}
.erectile_content .clinic_article {padding:0 14px 10px 0; background:#f7f7f7;text-align:center;}
.erectile_content .depth1 {text-align:left;}
.depth1 {padding-left:14px }
.depth1 .prostate_narrow {margin-top:-6px;}
.depth1 .therapy_method  li{margin-left:10px;color:#777;font-weight:normal;line-height:16px;}
.depth1 .medicine_treatment li{margin-bottom:0;}
.depth1 .urolift li {margin-bottom:0}
.depth1 strong {display:inline-block;padding-bottom:5px;color:#000;}
.depth1 ol li, .depth1 ol li p {margin-bottom:5px;color:#555;line-height:16px;}
.depth1 dt, .depth1 dd {font-size:12px;}
.depth1 dt {font-weight:bold;}
.depth1 .depth2 * {color:#888;font-size:12px;}
.depth1 .depth2 strong {color:#444;}
.therapy_method {margin-bottom:10px;}
.therapy_method dd {font-weight:bold;}
.injection_ex {overflow:hidden;margin-bottom:10px;}
.injection_ex img {float:left;margin:1%;width:48%;}
.property_detail {overflow:hidden;box-sizing:border-box;margin-bottom:30px;padding:10px;width:100%;border:1px solid #ddd;background:#f7f7f7;text-align:center;}
.property_detail p {margin:10px 0;color:#777;text-align:left;line-height:16px;}
.property_detail span, .blue_txt {color:#20559f}
.property_detail .detail_title {color:#1f559f;font-weight:bold;font-size:16px;}
.obesity_content h6{margin-bottom:5px;}
.obesity_content .chapter, .vasectomy_content .chapter{margin-bottom:5px}
.obesity_content h5 {margin-bottom:15px;}
.obesity_content .depth1 {margin-top:0}

.kind_box {overflow:hidden;margin-bottom:10px;padding:10px;width:100%;border:1px solid #ddd;background:#f8f7f7;}
.kind_box ul {overflow:hidden;}
.kind_box li {padding-left:12px;background:url(../images/common/bullet_dia.png) left center no-repeat;color:#666;font-size:12px;}
.line_box {margin-bottom:9px;padding:10px;border:1px solid #ddd;}
.line_box li, .de_list li {color:#555;font-size:12px;line-height:16px;}

.chapter {margin-bottom:18px;}
.chapter .line_box_title {margin-bottom:3px;color:#466caa;font-size:12px;line-height:16px;}
.chapter .con_more_btn + .hide {display:none;}
.chapter p, .cause dd {margin-top:-3px;margin-bottom:9px;color:#555;text-align:left;font-size:12px;line-height:16px;}
.de_list {margin-bottom:10px;} 

.align_center {width:100%;text-align:center;}
.align_center {padding:5% 0;width:100%;}


/* Board */
.board_list {margin:25px 0 30px;width:100%;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.board_list > tbody > tr > td {padding:5px 0;border-bottom:1px solid #e7e7e7;}
.board_list .num {color:#1f559f;text-align:center;font-weight:bold;font-size:11px;}
.board_list .sec {text-align:center;}
.board_list .sec img {max-width:12px;vertical-align:middle;}
.board_prev {width:100%;}
.board_prev a {display:block;overflow:hidden;width:100%;color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:16px;}
.board_info {overflow:hidden;}
.board_info dt, .board_info dd {display:inline-block;color:#777;vertical-align:middle;font-size:10.5px;}
.board_info dd:after {content:' | ';}
.board_info .hidden + dd:after {content:'';}
.hidden {overflow:hidden;width:0;text-indent:-999px;}

.board_view,.post_list {margin:12px 0 25px;border-bottom:1px solid #d7d7d7;} 
.board_view p {margin-bottom:10px;}
.board_title {margin-bottom:10px;}
.board_title * {font-size:16px;}
.board_con * {color:#777;font-size:14px;line-height:16px;}
.board_ans * {color:#777;font-size:14px;line-height:16px;}
.board_ans {margin-top:20px;padding:20px 10px;border-top:1px solid #d7d7d7;background:#fafafa;}
.board_ans .ans_tit {padding-bottom:10px;color:#333;font-size:16px;}
.view_item {margin-bottom:20px;width:100%;height:auto;}

.post_list {padding-bottom:10px}
.post_list li {display:table;box-sizing:border-box;margin-bottom:5px;width:100%;border:1px solid #d7d7d7;table-layout:fixed;font-size:16px;}
.post_list li > div {display:table-cell;vertical-align:middle;}
.post_number {width:15%;background:#1f559f;color:#fff;text-align:center;} 
.post_con {box-sizing:border-box;padding:10px;width:85%;}
.post_title {display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}

.board_write {margin:12px 0 25px;width:100%;border-top:1px solid #d7d7d7;}
.board_write input, .board_write textarea {box-sizing:border-box;padding:5px;width:100%;border:1px solid #d7d7d7;vertical-align:middle;}
.board_write textarea {max-width:100%;max-height:175px;height:175px;}
.board_write th {border-bottom:1px solid #d7d7d7;color:#1f559f;text-align:center;font-weight:bold;font-size:12px;} 
.board_write td {padding:5px 0;border-bottom:1px solid #d7d7d7;}
.board_write td {font-size:12px;line-height:15px;}
.chapchar {font-weight:bold;}

.board_btn_zone {margin-bottom:30px;}
.board_btn_zone input{width:65px;height:30px;border:0;border-radius:2px;color:#fff;}
.board_btn_zone .prev{background:#a9a9a9 url(../images/common/prev_arr.png) 5px center/6px no-repeat;}
.board_btn_zone .next{background:#1f559f url(../images/common/next_arr.png) 53px center/6px no-repeat;}
.board_btn_zone .list{float:right;margin-left:3px;background:#38387b;}
.board_btn_zone .write{float:right;background:#38387b;}
.board_btn_zone .default_btn {background:#1f559f}

.popup {position:absolute;top:50px;left:5%;z-index:100;display:none;max-height:220px;width:90%;height:65%;background:#fff;}
.pop_title {position:relative;padding:12px;width:100%;height:40px;background:#111d79;}
.pop_title p {color:#fff;font-size:15px;}
.pop_title input{position:absolute;top:10px;right:10px;width:20px;height:20px;border:0;background:url(../images/common/close_btn.png) 0 0/20px no-repeat;font-size:0;}
.pop_title .privacy_title {font-size:22px;}
.pop_con {padding:5%;height:100%;text-align:center;}
.pop_con p {margin-top:20px;margin-bottom:10px;color:#454545;font-size:13px;line-height:16px;}
.pop_con input[type=password] {margin-bottom:20px;padding:8px 5px;width:80%;border:1px solid #ccc;}
.pop_con input[type=button] {width:105px;height:40px;border:0;border-radius:4px;background:#b4b4b4;color:#fff;font-size:15px;}
.privacy_con {overflow-y:auto;margin-bottom:5%;height:80%;text-align:left;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/common/overlay.png);}