@charset "utf-8"; 
/* Reset */
html,body{width:100%; height:100%}
html{font-size:1.0em}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,*{margin:0; padding:0}
body,h1,h2,h3,h4,input,button{font-family:NanumGothic, sans-serif; font-size:1.0em; color:#333}
body{-webkit-text-size-adjust:none; background-color:#fff; *word-break:break-all; -ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle; font-family:NanumGothic; color:#666; border:1px solid #999}
td input, td select, td button {border:1px solid #ccc}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0; padding:0}
a{color:#222; text-decoration:none}
a:hover{color:#390; text-decoration:underline}
button *{position:relative}
button img{left:-3px; *left:auto}
option{padding-right:6px}
hr{display:none}
caption,legend{position:relative; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0}
table{border-collapse:collapse; border-spacing:0}
*[lang=en], *[lang=en] a {font-family:CenturyGothic, sans-serif !important}

/* font */
@font-face {
font-family:'NanumGothic';
	src:url(../font/NanumGothic.eot);
	src:url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothic.woff) format('woff'),
	url(../font/NanumGothic.ttf) format('truetype')
}
@font-face {
font-family:'NanumGothicBold';
	src:url(../font/NanumGothicBold.eot);
	src:url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothicBold.woff) format('woff'),
	url(../font/NanumGothicBold.ttf) format('truetype')
}

/* 공통 */
.ir , .ir * {display:block; position:absolute; top:-5000px; left:0; width:1px; height:1px; text-indent:-5000px}
.fl {float:left !important}
.fr {float:right !important}
.ar {text-align:right !important}
.ac {text-align:center !important}

.clear {clear:both}
.clear:after {clear:both; display:block; content:""}

.mt0 {margin-top:0 !important}
.mt50 {margin-top:50px !important}

.w100 {width:100%}
.w90 {width:90%}
.w50 {width:50%}
.w30 {width:30%}
.w40 {width:40%}
.w25 {width:25%}
.w20 {width:20%}
.w15 {width:15%}
.w11 {width:11%}
.w07 {width:7%}

h1		{float:left; margin-top:16px; *margin-right:40px;}
.mt10	{margin-top:10px}
.mb10	{margin-bottom:10px}
.ml10	{margin-left:10px;}
.mr10	{margin-right:10px}

.fr		{float:right;}


/* main
#main #wrap {position:relative; margin:0 auto; width:100%; max-width:1400px; background:url(../images/bg_main02.png) center 0 no-repeat}
#main #header .gnb li a {color:#333}
#main #contents {position:relative; width:100%; max-width:1020px; height:660px}
#main #footer {margin:0; border-top:none; height:140px}
#main #header .gnb li a:hover, #main #header .gnb li a:focus {background:none}
#main .view {display:none;}

#main .portfolio {position:absolute; bottom:0; left:0; overflow:hidden; margin:0 auto; width:100%}
#main .portfolio img {display:none}
#main .portfolio h2, .portfolio ul, .portfolio li {float:left}
#main .portfolio h2 {margin:0; padding-left:1.4%; width:11.4%; height:36px; line-height:36px; text-align:left; background:rgba(255,255,255,.35) url(../images/main/bg_portfolio.png) right center no-repeat; border-right:1px solid #e0e0e0; color:#fff; font-size:0.8125em; font-weight:normal}
#main .portfolio ul {overflow:hidden; width:87%}
#main .portfolio li {box-sizing:border-box; width:14.28%; height:36px; line-height:34px; text-align:center; background:#fff; border:1px solid #e0e0e0; border-left:0; color:#333}
#main .portfolio li a {font-size:0.8125em}
#main .portfolio .mobile {display:none}
 */

/* sub */
#wrap {height:100%; background:url(../images/layout/bg_sub.gif) 0 0 repeat-x}
#header, #contents, #footer .inner {overflow:hidden; clear:both; margin:0 auto; width:100%; max-width:1020px}
#header {height:120px}
#header h1 {float:left; padding:44px 0 31px; width:17%; height:45px}
#header h1 a {display:block; width:100%; height:45px;}
#header h1 a.tel {display:none}
.gnb {overflow:hidden; margin-top:45px; float:right; width:83%; text-align:right}
.gnb li {display:inline; margin-right:3%; }
.gnb li:last-child {margin-right:0}
.gnb li a {display:inline-block; font-size:1.125em; padding-top:15px; text-decoration:none; color:#666}
.gnb li a:hover, .gnb li a:focus, .gnb li a.on {background:url(../images/layout/bg_gnb.png) center 0 no-repeat; color:#333}
#contents {width:100%; max-width:950px;}
.web {display:block}
.mobile {display:none}
#contents h2 {margin:87px 0 40px; font-size:1.75em; text-align:center; font-family:NanumGothicBold; font-weight:normal}
#footer {clear:both; margin-top:110px; height:120px; border-top:1px solid #ccc}
#footer .fnb {padding:32px 0 13px 0; text-align:center}

#footer .fnb li {display:inline; padding:0 7px; font-family:NanumGothicBold; font-weight:normal; font-size:0.8125em; height:14px; line-height:14px; text-align:center; color:#666}

#footer .fnb li a {color:#333}
#footer .inner address {padding-bottom:8px; line-height:17px; height:auto; font-size:0.8125em; text-align:center; color:#666}
#footer .inner .copyright {font-size:0.8125em; line-height:14px; text-align:center; color:#666}


@media all and (max-width:780px){
#footer .inner address span {display:block;}
}

/*
@media all and (max-width:640px){
*/
* {font-family:initial !important}
a:hover, a:active {text-decoration:none}
#main #wrap {background:none; width:100%}
#main #contents {display:block; height:auto; min-height:auto}
#main .view {display:block;}
#main .view video {width:100%;}
#main .portfolio {position:relative; overflow:hidden}
#main .portfolio img, #main .portfolio ul.mobile {display:block; width:50%}
#main .portfolio h2, #main .portfolio ul {display:none}
#main .portfolio .mobile {position:absolute; top:0; left:0; height:100%}
#main .portfolio .mobile li {float:left; box-sizing:border-box; padding:5% 0; width:25%; height:50%; background:none; border:none; color:#fff; font-family:CenturyGothic, sans-serif !important; font-size:1.0em}
#main .portfolio .mobile li em {font-style:normal; font-size:0.6em}
#main .portfolio .mobile li span {font-size:9px; vertical-align:-1px; color:#cdcdcd}
#main .portfolio .mobile li a {display:block; color:#fff; font-family:initial; font-size:0.6em; text-decoration:none}

.m_del {display:none !important}
#wrap {background:none}
#header {height:87px}
#header h1 {float:none; padding:0; width:100%; height:38px; background:#fff; text-align:center}
/*
#header h1 a {display:inline-block; padding:13px 0; width:250px; height:20px; background:url(../images/mobile/h1_logo.png) center 13px no-repeat; background-size:100%}
#header h1 a.tel {display:block; position:absolute; top:10px; right:10px; width:27px; height:27px; background:url(../images/mobile/btn_tel.png) 0 0 no-repeat; background-size:100%}
*/
#header h1 img {opacity:0}
.gnb {float:none; overflow:hidden; margin-top:0; width:100%; height:31px; border-bottom:1px solid #c8c8c8; background:#fff}
.gnb li {margin-right:0; display:block; float:left; width:25%}
.gnb li a {display:block; padding:0; width:100%; height:30px; line-height:30px; text-align:center; border-top:1px solid #c8c8c8; font-size:0.8em}
.gnb li a:hover, .gnb li a:focus, .gnb li a.on {height:29px; line-height:27px; background:none; border-top:2px solid #666; font-weight:bold; text-shadow:0 -1px 1px rgba(255,255,255,.7)}
.web {display:none}
.mobile {display:block}
#footer {margin-top:0;}
#footer .inner address, #footer .inner .copyright {font-size:0.8em}
#footer .fnb {padding:1em 0.5em}
#footer .fnb li {background-position:right 3px; background-size:1px 10px; font-size:0.7em; font-weight:bold}
#footer .fnb li:last-child {background:none}
#footer .inner address {padding-bottom:0}
#footer .inner address br {display:none}
/*
}
*/

@media all and (max-width:550px) {#main .portfolio .mobile li {padding:4.5% 0}}
@media all and (max-width:450px) {#main .portfolio .mobile li {padding:3.5% 0}}

.relative_area				{width:100%; clear:both;}
.relative_area h3			{height:18px; background:#354052; font-size:14px; font-weight:bold; color:#fff; padding:10px;}
.region_devide				{width:98%; float:left; margin:0 1%;}
.region_devide h4			{background:#2652d5; color:#fff; font-weight:bold; font-family:dotum; text-align:center; font-size:11px; margin:6px 0 4px 0; padding:5px 0}
.region_devide .second		{background:#cc39a3;}
.relative li				{width:48%; border:2px solid #8a8a8a; text-align:center; float:left; margin-bottom:10px;}
.logo_area					{height:57px; width:100%; padding:5px 0; line-height:45px !important; display:inline-block}
.logo_area img              {vertical-align:middle !important}
.logo_area span				{width:100%; vertical-align:middle}
.rel_clinic					{height:30px; line-height:30px; background:#efefef; font-size:13px}
.rel_name, .region			{display:inline-block;}
.rel_name					{width:70%; margin-left:8px; float:left; text-align:left; color:#404855; font-family:dotum !important}
.rel_name strong			{padding-right:4px;font-family:dotum !important; letter-spacing:-0.05em}
.region						{width:50%; text-align:right; margin-right:8px; font-size:11px; color:#808080; float:right; font-family:dotum !important}

.right_bbs					{position:relative; width:100%; margin:0px 0 0 0px;}
.right_bbs ul li			{padding:3px 0; font-size:15px !important;}
.right_bbs ul li span		{display:inline-block; color:#666}
.right_bbs ul li .notice_contents {width:78%; float:left;}
.right_bbs ul li .classify	{background:#828282; text-align:center; color:#fff; font-weight:bold; width:70px; font-size:11px; line-height:20px; height:20px; display:inline-block}
.right_bbs ul li .notice_cont{width:70%; text-align:left; color:#333}
.right_bbs ul li .name		{width:5%; text-align:right; font-size:13px; }
.right_bbs ul li .date		{width:12%; text-align:right; font-size:13px; }

.input_text {width:168px;height:13px;border:1px solid #ccc;color:#666;padding:5px;}