@charset "utf-8";
/***** CSS reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; color:#666; font-size:63%; -webkit-text-size-adjust:none; font-size: 1em;}
body { margin:0; padding: 0; font-size: 75%;}
a { text-decoration:none; color:#666}

/****** 레이아웃 ****** design width 800px 기준으로 비율로 환산하였음 **************/
img { vertical-align:top; width: 100%;}
.wrap { min-width:320px; max-width:800px; margin:0 auto;}
.top_area { overflow: hidden; border-bottom: 1px solid #cdcdcd; position: relative; padding: 0; margin: 0;}
	#logo { width: 67%; display: block; margin: 0 !important; padding: 0 !important;}
	#btn_call { width: 16.5%; display: block; position: absolute; top: 0; right: 16.5%;}
	#btn_menu { width: 16.5%; display: block; position: absolute; top: 0; right: 0;}
	ul#mo_menu_lists { display: none; list-style-type: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: #202020;}
	ul#mo_menu_lists.view { display: block;}
	ul#mo_menu_lists li { list-style: none; background: url("./images/sqm.gif") no-repeat 98% center; border-bottom: 1px solid #464646; padding-right: 8%}
	ul#mo_menu_lists li a { color: #ddd; line-height: 3em; text-align: right; display: block; font-size: 1.3em;}

.contents_box { padding: 0 3% 25px 3%; font-size: 1.1em; line-height: 150%;}
.contents_box h1.mo_page_title { font-size: 2em; margin-bottom: 15px;}
.contents_box h1.mo_page_title em { color: #ccc; font-size: 0.8em; padding-left: 10px; font-weight: bold;}
.contents_box h2 { font-size: 1.3em; margin: 10px 0; color: #0b6198;}
strong.bold { font-size: 1.2em; margin: 10px 0; color: #0b6198; display: block;}
p.page_txt { text-align: justify;}
p.page_txt em { font-size: 1.1em; color: #0b6198;}
p.page_txt em.bold { font-size: 1.6em; color: #0b6198;}
.title_txt {}
.title_txt em { font-weight: bold; color: #0b6198;}
.title_txt.names { font-size: 1.5em; line-height: 160%;}
#location .page_txt { margin-bottom: 20px;}
.page_txt .loca_title { display: block; color: #444; font-weight: bold; font-size: 1.2em;}
.page_txt .loca_em { display: inline-block; color: #0779b6; font-weight: bold; font-size: 1em; width: 5em;}
	
#main_visual_area { width: 100%;}
#main_visual_area>img { width: 100% !important;}

#mlink_list { overflow: hidden;}
#mlink_list li { list-style: none; float:left; width: 50%;}

.inform_mo { position: relative; padding: 3%; line-height: 160%; background-color: #fafafa;}3e505d
.inform_mo span { margin-right: 15px;}
.inform_mo span em { color: #4483ab; font-weight: bold;}

/*******  서브페이지 레이아웃  ***********************************/
.tab_menu_list { width: 96%; margin: 15px auto; padding: 0; list-style-type: none;}
.tab_menu_list:after { content: ""; display: block; clear: both; }
.tab_menu_list li { list-style: none; width: 24%; float: left;}
.tab_menu_list.clinic li { list-style: none; width: 32%; float: left;}
.tab_menu_list li.hover a { display: block; outline: 1px solid #8b7f75; background-color: #3e505d; color: #fff;}
.tab_menu_list li a { display: block; line-height: 300%; text-align: center; outline: 1px solid #cdcdcd; background-color: #fff;}
.sub_qlink { margin-bottom: 40px;}

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

.location_vod { margin: 0 auto; 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%;}

/*이벤트 팝업
#mo_popupzone { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); text-align: center; z-index: 100000; padding-top: 0;}
#mo_popup_event { width: 100%; position: relative;}
#mo_popupzone>a#close_pop { width: 100%; display: block; text-align: right;}
#mo_popupzone>a#close_pop>img { width: 15%;}*/

@media all and (max-width:320px) { 
}

@media all and (min-width:361px) and (max-width:400px) {
}

@media all and (min-width:401px) and (max-width:480px) {
}

@media all and (min-width:481px) and (max-width:640px) {
}