@charset "utf-8";
@import url('reset.css');

/* 공통(레이아웃)  */
/*html {overflow:hidden;}*/
body {width:100%;min-width:320px;height:100%;-webkit-text-size-adjust:none;}

/* 공통(레이아웃) 컨텐츠 */
#contbody_scroll {position:relative;overflow:hidden;}
#bodyClickdiv {display:none;position:absolute;top:0;right:0;width:100%;height:1000px;z-index:11;}
#contwrap {position:relative;right:0;z-index:10;}
#container {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/* 공통(레이아웃) - header 영역 */
header {overflow:hidden;width:100%;height:45px;padding: 0 90px 0 90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#33353f;}
header:after {content:""; display:block; clear:both;}
header .logo {overflow:hidden;position:relative; left:-80px; float:left; width:90px;}
header .logo img {width:90px;height:45px;}
header .title {float:left; width:100%; margin:0 -90px 0 -90px;padding:12px 0 0;text-align:center; color:#fff; font-size:20px;}
header .loghome {overflow:hidden;position:relative; left:90px; float:right; width:45px;text-align:right;}
header .loghome img {width:45px;height:45px;}
.subcontent {padding-bottom:25px;background:#efefef;}

/* 공통(레이아웃) - footer 영역 */
footer {width:100%; height:125px; padding:15px 5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#222;z-index:2;}
footer .medinumsnpc_wrap {margin-top:16px;padding-right:123px;}
footer .medinumsnpc_wrap:after {content:""; display:block; clear:both;}
footer .medinumsnpc_wrap .numbsns_wrap {float:left; width:100%; margin-right:-123px;}
footer .medinumsnpc_wrap .numbsns_wrap .number {color:#fff;font-size:20px;font-weight:bold;line-height:24px;vertical-align:middle;}
footer .medinumsnpc_wrap .numbsns_wrap img {width:16px;height:18px;margin:0 0 0 8px;vertical-align:middle;}
footer .medinumsnpc_wrap .mobile_wrap {position:relative; left:120px; float:right; width:120px;}
footer .medinumsnpc_wrap .mobile_wrap a {display:block;height:19px;padding-top:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#121212;color:#fff;font-size:12px;text-align:center;}
footer .copyright {margin-top:10px;color:#fff;font-size:10px;}

/* input - type */
input[type="checkbox"] {position:absolute;left:-10000px;top:-10000px;width:15px;height:15px;margin:0;opacity:0;}
input[type="checkbox"] + label {height:15px;margin:0;padding:0 3px 0 20px;display:inline-block;background: url('/asan/images/mobile/bullet/bul_checkbox.png') no-repeat 0 0;background-size:15px 32px;color:#333;font-size:14px;line-height:16px;}
input[type="checkbox"]:checked + label {background-position:0 -17px;background-size:15px 32px;}
input[type="text"] {width:100%;height:30px;padding:0 10px; font-size:14px; border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="password"] {width:100%;height:30px;padding:0 10px; font-size:14px; border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="tel"] {width:100%;height:30px;padding:0 10px; font-size:14px; border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="email"] {width:100%;height:30px;padding:0 10px;  font-size:14px; border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="radio"] {position:absolute;left:-10000px;top:-10000px;width:16px;height:16px;margin:0;opacity:0;}
input[type="radio"] + label {height:16px;margin:0;padding:1px 20px 0 21px;display:inline-block;background: url('/asan/images/mobile/bullet/bul_radio.png') no-repeat 0 -28px;background-size:18px 45px;color:#333;font-size:14px;line-height:16px;}
input[type="radio"]:checked + label {background-position:0 1px;background-size:18px 45px;}
input::-webkit-input-placeholder {color:#999; font-size:14px;}
input:-input-placeholder {color:#999; font-size:14px;}
input:-ms-input-placeholder {color:#999; font-size:14px;}
input::-moz-input-placeholder {color:#999; font-size:14px;}

/* 타이틀 */
.stit {margin-top:20px;color:#111;font-size:14px;font-weight:bold;}
.stit02 {color:#111;font-size:18px;font-weight:bold;}

/* font - color */
.color01 {color:#0e787c !important;}

/* select */
select {width:100%;height:30px;padding:0 10px;border:0;border:1px solid #ddd;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#fff url('/asan/images/mobile/bg_select.png') no-repeat right 0;background-size:32px 28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea {border:1px solid #ddd;}

/* button */
button.btn_green {display:block;width:100%;padding:5px 0 4px;border:none;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#4ab8bc;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:21px;}
button.btn_gray {display:block;width:100%;padding:5px 0 4px;border:none;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#666;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:21px;}

/* button 간격용 */
.btnwrap {font-size:0;line-height:0;}
.btnwrap button {margin-top:10px;}
.btnwrap button:first-child {margin-top:20px;}
.btnwrap02 {display:table;width:100%;margin-top:20px;font-size:0;line-height:0;}
.btnwrap02 .ty_wrap {display:table-cell;}
.btnwrap02 .word_spacing {display:table-cell;width:10px;font-size:0;line-height:0;text-indent:-9999px;}
.btnwrap02.type01 .ty_wrap button {min-width:100px;}

/* button 블릿 */
button .plus {display:inline-block;padding-left:14px;background: url('/asan/images/mobile/bullet/bul_plus02.png') no-repeat 0 5px; background-size:8px 8px;}
button .phon {display:inline-block;padding:5px 0 4px 36px;background: url('/asan/images/mobile/bullet/bul_num.png') no-repeat 0 50%; background-size:24px 24px;}

/* 공통 - 간격용 */
.gap_wrap {margin-top:10px !important;}
.gap_wrap02 {margin-top:20px !important;}
.gap_wrap03 {margin-top:0px !important;}
.gap_wrap04 {margin-top:8px !important;}

/* 공통 - 라인 */
.hr_line {margin-top:10px;background:none;border:none;border-top:1px solid #ddd;font-size:0;line-height:0;}

/* 공통- 테이블 list */
.tbl_list {width:100%;margin-top:20px;border:1px solid #ddd;background:#ddd;border-radius:2px;}
.tbl_list thead th {padding:13px 0;background:#4ab8bc url('/asan/images/mobile/bullet/bg_line.png') no-repeat 0 50%; background-size:1px 10px;color:#fff;font-size:14px;font-weight:bold;}
.tbl_list thead th:first-child {background:#4ab8bc;}
.tbl_list tbody td {padding:18px 0;border-bottom:1px solid #ddd;background:#fff;color:#333;font-size:14px;text-align:center;}


/* 공통- 테이블 view */
.tbl_view {width:100%;margin-top:10px;border:1px solid #ddd;border-radius:2px;background:#fff;}
.tbl_view.type01 {margin-top:20px;}
.tbl_view th {padding:0 0 0 9px;border-bottom:1px solid #c9eaeb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#4ab8bc;color:#fff;font-size:14px;font-weight:bold;text-align:left;line-height:20px;}
.tbl_view th.al_t {padding-top:19px;vertical-align:top;}
.tbl_view td {height:51px;padding:10px;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.tbl_view td .gap01 {margin-bottom:10px;}
.tbl_view td textarea {width:97.5%;height:85px;}

/* 메인 */
html.layout-main,
body.layout-main,
body.layout-main #contbody_scroll,
body.layout-main #contwrap {
	display: -webkit-box; /* OLD: Safari, iOS 6 and earlier; Android browser, older WebKit */ /* OLD: Firefox (can be buggy) */  
    display: -ms-flexbox; /* OLD: IE 10 */  
    display: -webkit-flex; /* FINAL, PREFIXED, Chrome 21+ */  
    display: flex; /* FINAL: Opera 12.1+, Firefox 22+ */  	
	-webkit-box-orient:vertical;  	
	-webkit-box-direction:normal;  	
	-webkit-flex-direction:column;  	
	    -ms-flex-direction:column;
	        flex-direction:column;
	
	width:100%; height:100%;
}
body.layout-main #contwrap>#container {
	position:relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

body.layout-main .steps_wrap {position:absolute; top:6px; bottom:0; right:0; left:0; padding-top:0;}

.steps_wrap {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
	        
	min-height:375px; padding-top:6px; padding-left:6px; padding-right:6px;
}
.steps_wrap .bwrap {
	overflow:hidden; width:100%; position:relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
    min-height:220px;
}
.steps_wrap .bwrap:first-child {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}
.steps_wrap .setArea {position:absolute; top:0; left:0; right:0; bottom:0;}
.steps_wrap .bwrap a {
	width:100%;height:100%;text-align:center;
	display:table-cell;
	text-align:center; vertical-align:middle;
}
.steps_wrap .bwrap a img {margin:auto;}

.steps_wrap .bwrap .service {float:left; display:table; width:50%;height:100%; padding-bottom:6px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.steps_wrap .bwrap .service a {background:#4ab8bc;}
.steps_wrap .bwrap .serch_wrap {float:left;width:50%;height:100%;padding:0 0 0 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.steps_wrap .bwrap .serch_wrap .ty01 {display:table; width:100%; height:100%; padding-bottom:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.steps_wrap .bwrap .serch_wrap .ty01 a {background:#7f9dcf;}
.steps_wrap .bwrap .num {float:left; display:table; width:50%;height:100%; padding-bottom:6px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.steps_wrap .bwrap .num a {background:#579dd1;}
.steps_wrap .bwrap .reserve {float:right; display:table; width:50%;height:100%; padding-bottom:6px; padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.steps_wrap .bwrap .reserve a {background:#ff912f;}

/* 수술역량 */
.conttit_wrap {overflow:hidden;width:100%;height:50px;padding:0 45px 0 45px;border-bottom:1px solid #b9b9b9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#fff;font-size:0;line-height:0;}
.conttit_wrap.linetype {border-bottom:1px solid #555;}
.conttit_wrap.linetype02 {border-bottom:1px solid #222;}
.conttit_wrap .text {width:100%; margin:0; height:50px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;color:#111;font-size:24px;line-height:50px;text-align:center;font-weight:bold;}
.text1 {width:100%; margin:0; height:50px; color:#111; font-size:20px; text-align:left; line-height:50px;font-weight:bold; background:#fff; border-bottom:1px solid #ddd;}
.text2 {width:100%; margin:0; height:50px; color:#111; font-size:20px; text-align:left; line-height:50px;font-weight:bold; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.text1 p, .text2 p {padding-left:10px;}

.contdiv_wrap {padding:10px;}
.contdiv_wrap02 {padding:20px 10px;}
.contdiv_wrap02 p {margin:20px 0 20px 3px; line-height:25px;}
.contdiv_wrap02 p:first-child, .contdiv_wrap02 p img {margin-top:0;}
.contdiv_wrap img, .contdiv_wrap02 img {width:100%;}
.temporarily_box {padding:16px 10px;border:1px solid #ddd;border-radius:2px;background-color:#fff;color:#0e787c;font-size:16px;font-weight:bold;}
.temporarily_box dl {margin-left:10px; text-align:left;}
.temporarily_box dt {font-size:18px; font-weight:bold; margin-bottom:10px;}
.temporarily_box dd {font-size:15px; line-height:30px; padding-left:15px; background: url('/asan/images/mobile/bg_chart.png') no-repeat 2px 12px;}
.temporarily_box dd a {color:#0e787c;}
.temporarily_box .btn {margin-top:10px;}
.temporarily_box .txt01 {margin-top:20px;padding-bottom:10px;color:#111;font-size:14px;line-height:20px;}
.temporarily_box2 {padding:0;margin:0;}

/* 수술진행과정 */
.process-list>li>a {display:block;padding:18px 0 18px 10px;border-bottom:1px solid #ddd;background:#f1f1f1 url('/asan/images/mobile/bullet/bul_aro05.png') no-repeat right 19px;background-size:29px 61px;color:#111;font-size:18px;font-weight:bold;}
.process-list>li .span {font-size:15px;}
.process-list li .inlist_wrap {display:none;overflow:hidden;padding:0 10px 17px; line-height:20px; color:white; background-color:#555;}
.process-list li ul.list {margin:4px 0 0 0;}
.process-list li ul.list img {width:100%;}
.process-list li ul.list h3 {height:20px; color:#ff912f; font-weight:bold; padding:20px 0 0 50px}
.process-list li ul.list h3.step1 {background: url('/asan/images/surgery/q_01.png') no-repeat 0 0;}
.process-list li ul.list h3.step2 {background: url('/asan/images/surgery/q_02.png') no-repeat 0 0;}
.process-list li ul.list h3.step3 {background: url('/asan/images/surgery/q_03.png') no-repeat 0 0;}
.process-list li ul.list h3.step4 {background: url('/asan/images/surgery/q_04.png') no-repeat 0 0;}
.process-list li ul.list li {position:relative;}
.process-list li ul.list .imgBox {margin-bottom:20px;}
.process-list li ul.list .imgBox2 {margin:20px 0;}
.process-list li ul.list li p {margin:10px 0 20px;}

.process-list>li.current>a {border-top:1px solid #ddd;border-bottom:none;background:#555 url('/asan/images/mobile/bullet/bul_aro05.png') no-repeat right -31px;background-size:29px 61px;color:#fff;}
.process-list>li.current .inlist_wrap {display:block;}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.green_text {display:block;width:100%; margin-top:20px; padding:10px 0 8px;border:none;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#4ab8bc;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:21px;}
.orange_text {display:block;width:100%; margin-top:20px; padding:10px 0 8px;border:none;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#ff912f;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:21px;}

/* 자주하는 질문 */
.faq-list {margin:20px 10px 0 10px;}
.faq-list .green_color {display:block;width:100%; margin-top:20px; padding:10px 0 8px;border:none;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#4ab8bc;color:#fff;font-size:18px;font-weight:bold;text-align:left;line-height:24px;}
.faq-list .gray_color {display:block;width:100%; margin-top:20px; padding:10px 0 8px;border:none;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#999;color:#fff;font-size:18px;font-weight:bold;text-align:left;line-height:24px;}
.faq-list dt span.q {margin-left:10px;}
.faq-list dt span.text {margin-left:32px;}
.faq-list dd {margin-top:10px; line-height:24px;}