@charset "utf-8";

@font-face {
	font-family: "NanumGothic";
	src: url('../font/NanumGothic.eot');
	src: local(""),
		url('../font/NanumGothic.woff') format('woff'),
		url('../font/NanumGothic.ttf') format('truetype'),
		url('../font/NanumGothic.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family: "NanumMyeongjo";
	src: url('../font/NanumMyeongjo.eot');
	src: local(""),
		url('../font/NanumMyeongjo.woff') format('woff'),
		url('../font/NanumMyeongjo.ttf') format('truetype'),
		url('../font/NanumMyeongjo.svg#webfonturzspG4F') format('svg');
} 

/* default definition*/
* { margin:0; padding:0;}
html, body { margin:0; padding:0;}
body { font-family:"나눔고딕", "NanumGothic"; font-size:14px; color:#555; line-height:20px;position:relative;word-break:keep-all;letter-spacing: -0.05em;}
table, div {border-collapse:collapse;}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
h1, h2, h3 ,h4, h5, h6{font-size:12px; text-decoration:none; font-weight:normal;}
img, fieldset {border:0; margin:0; padding:0; }
li{vertical-align:top; }
select, input, img, label{vertical-align:middle;}
input{padding:0 0 0 4px;}
ul, li, dl, dt, dd{list-style-type : none; }
caption { text-indent:-5000px; line-height:0; font-size:0;}
legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}
a {color:#555;text-decoration:none;}
table{letter-spacing: 0em;}

/* 숨김텍스트처리(Text To Speech) */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* text align style */
.text_left{text-align:left!important;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.text_justify{text-align:justify; text-justify:inter-cluster;word-break:break-all; }

/* vertical align style */
.text_top{vertical-align:top;}
.text_middle{vertical-align:middle;}
.text_bottom{vertical-align:bottom;}

/* float */
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

/*자간*/
.spacing{letter-spacing:-1px}

/*overflow*/
.overflow {overflow:hidden}

/*block*/
.block{display:block}

/*텍스트*/
.bold{font-weight:600;}
.underline{text-decoration:underline;}
.tx_blue{color:#1a499f}
.tx_orange {color: #ff7900;}

/*margin*/
.marT0{margin-top:0}
.marT5{margin-top:5px}
.marT10{margin-top:10px}
.marT15{margin-top:15px}
.marT20{margin-top:20px}
.marT25{margin-top:25px}
.marT30{margin-top:30px} 
.marT35{margin-top: 35px}
.marT40{margin-top:40px}
.marT45{margin-top:45px}
.marT50{margin-top:50px}
.marT95 {margin-top:95px}

.marB0{margin-bottom:0}
.marB5{margin-bottom:5px}
.marB10{margin-bottom:10px}
.marB15{margin-bottom:15px}
.marB20{margin-bottom:20px}
.marB25{margin-bottom:25px}
.marB30{margin-bottom:30px}
.marB35{margin-bottom:35px}
.marB40{margin-bottom:40px}
.marB45{margin-bottom:45px}
.marB50{margin-bottom:50px}
.marB55{margin-bottom:55px}
.marB60{margin-bottom:60px}
.marB65{margin-bottom:65px}
.marB70{margin-bottom:70px}


.marL0{margin-left:0}
.marL5{margin-left:5px}
.marL10{margin-left:10px}
.marL15{margin-left:15px}
.marL20{margin-left:20px}
.marL25{margin-left:25px}
.marL30{margin-left:30px}
.marL35{margin-left:35px}
.marL40{margin-left:40px}
.marL45{margin-left:45px}
.marL50{margin-left:50px}

.marR0{margin-right:0}
.marR5{margin-right:5px}
.marR10{margin-right:10px}
.marR15{margin-right:15px}
.marR20{margin-right:20px}
.marR25{margin-right:25px}
.marR30{margin-right:30px}
.marR35{margin-right:35px}
.marR40{margin-right:40px}
.marR45{margin-right:45px}
.marR50{margin-right:50px}

/*padding*/
.padT3{padding-top:3px}
.padT5{padding-top:5px}
.padT10{padding-top:10px}
.padT15{padding-top:15px}
.padT20{padding-top:20px}
.padT25{padding-top:25px}
.padT30{padding-top:30px}
.padT40{padding-top:40px}
.padL0{padding-left:0px}
.padB5{padding-bottom:5px}
.padB10{padding-bottom:10px}
.padB15{padding-bottom:15px}
.padB20{padding-bottom:20px}
.padB25{padding-bottom:25px}
.padB30{padding-bottom:30px}
.padB40{padding-bottom:40px}


#wrap{position:relative;width:100%;}

/* skip navigation */
#skipNavi{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999;}
#skipNavi a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;text-align:center;}
#skipNavi a:focus{top:0px;height:30px;line-height:30px;z-index:9999;}

/* util */
#util{position:relative;background:#f0f0f0;z-index: 100;font-size:12px }
#util .util_in{width:1200px;height:30px; margin:0 auto; }
#util .util_left{float:left; }
#util .util_left .utilmenu li a {font-size: 13px; color: #767676;font-weight: 600;}
#util .util_left .utilmenu li.on {background-color: #bbb; }
#util .util_left .utilmenu li.on a {color: #fff; font-weight: 600;}
#util .util_right{float:right;}
#util .util_right .utilmenu li a{font-weight:600}
#util .utilmenu{float:left;}
#util .utilmenu:after{content:''; clear:both; display:block}
#util .utilmenu li{float:left;padding:5px 18px;background:url("../images/common/bg_util.gif") no-repeat left center}
#util .utilmenu li.last {padding-right: 0;}
#util .utilmenu li a{color:#898989}
#util .utilmenu li a:hover, #util .utilmenu li a:focus, #util .utilmenu li .util_on {color:#337cb7; font-weight: 600;}
#util .utilmenu li:first-child{background:0 none; padding-left: 0;}
#util .util_right li.login{padding-left:17px; background:url("../images/common/util_login.gif") no-repeat left center}

/* header */
#header{position:relative;width:100%;min-height:73px;border-bottom:1px solid #e5e5e5;z-index:30; background-color: #fff;}
#header .header_box{width:1200px;height:73px;margin:0 auto;position:relative;}
#header .header_in{height:73px;z-index:80;position:relative;}
#header .header_in h1{float:left;margin:20px 0 0 2px;font-size:19px; font-weight:600; color:#333;}
#header .header_in h1 img{vertical-align:text-bottom; margin:5px 10px 3px 0;}
#header .header_in h1 a,#header .header_in h1 a:hover{color:#333;}


#gnb .gnb_wrap {position:absolute; right:0; top:0;width:800px;height:73px; margin:0 auto; }
#gnb .gnb_wrap {float:left; }
#gnb .gnb_wrap li {float:left; height:73px;line-height:73px; vertical-align:middle;position:relative}
#gnb .gnb_wrap li a {display:block;padding:0 35px; height:73px;font-size:17px;font-weight:600;color:#525252; text-align:center; letter-spacing:-1px;background:url("../images/common/bg_gnb.gif") no-repeat left center}
#gnb .gnb_wrap li:first-child a{background:0 none}
#gnb .gnb_wrap li a:focus, #gnb.gnb_wrap li a:hover, #gnb .gnb_wrap li.on > a{ color:#009c93  }
#gnb .gnb_wrap li ul{display:none;position:absolute; z-index:10; top:73px;left:60%;margin-left:-97px; width:140px; min-height:100px; padding:20px;background:#f2f2f2}
#gnb .gnb_wrap li ul.first {border-left:0 none}
#gnb .gnb_wrap li ul li{margin:5px 0 10px;width:150px;height:20px;line-height:20px;float:none}
#gnb .gnb_wrap li ul.subMenu li a{font-weight:normal;width:115px;height:20px;padding:0 15px 0 20px; font-size:14px; color:#333; text-align: left;display:block;background:url("../images/common/bg_gnb2.gif") no-repeat 10px center}
#gnb .gnb_wrap li ul.subMenu li a:hover, #gnb .gnb_wrap li ul li a:focus{color:#009c93;background:url("../images/common/bg_gnb2_on.gif") no-repeat 10px center }


.gnblink {display: none;height: 400px;width: 230px;left: 230px;top: 74px;overflow: hidden;position: absolute;z-index: 4;}
.gnblink a{display:block;width:230px; height:70px;padding-top:130px;font-size:19px; color:#444444; font-weight:600;text-align:center;}
.gnblink .type1 a{background:#eaeaea url("../images/common/bg_gnblink1.gif") no-repeat center 43px}
.gnblink .type2 a{background:#dadada url("../images/common/bg_gnblink2.gif") no-repeat center 51px}

/* nav menu styles */
.f_site_wrap{position:relative; background:url("../images/common/bg_f_site.gif") repeat-x left top; min-height:55px;border-bottom:1px solid #dfdfdf}
.f_site {display: block; overflow:hidden ; font-size:13px; width:1200px; margin:0 auto;}
.f_site a.depth1{display: block;overflow: hidden;padding:14px 20px 15px 40px;margin-top:1px;color:#202020; font-size:14px; line-height:24px;font-weight:600; text-align: center;background: #fff url("../images/common/ico_down.gif") no-repeat 20px center; border-bottom: 1px solid #fff;}
.f_site a.open{background:#fff url("../images/common/ico_up.gif") no-repeat 20px center;padding:14px 20px 16px 40px;}
#f_site > li.d_tel {float: left;padding:19px 10px 15px 37px; background:url("../images/common/bg_footer_bg.gif") no-repeat left center; font-size:14px; font-weight:600; color:#2f5fc2}
#f_site > li.d_tel span{font-size:20px; color:#fe9b00}
#f_site > li {float: right;min-width: 100px;}
.depth1_1{ color:#202020; width:1200px; padding: 22px 0 13px;margin:0 auto;overflow:hidden}
.depth1_1 .left{float:left;width:50%;font-size:14px;}
.depth1_1 .left h4{color:#2f5fc2; font-size:16px; font-weight:600; margin-bottom:10px}
.depth1_1 dt{float:left;width:80px;font-weight:600; padding:5px 0;}
.depth1_1 dd{float:left;width:390px;padding:5px 0}
.depth1_1 dd li{float:left; margin:0 0 5px 20px;}
.depth1_1 dd li a{display:block; }

/* footer */
#footer{width:100%; height: 109px; font-size:14px;line-height:22px;background:#323c4d;}
#footer .footer_box{position:relative;width:1200px;height:109px;margin:0 auto;font-size:12px; color:#a3a3a3;line-height:12px;}
#footer .footer_box ul.link{position:absolute; left:0; top:25px;}
#footer .footer_box ul.link li{float:left; padding-left:15px; margin-left:15px;border-left:1px solid #71747b;}
#footer .footer_box ul.link li:first-child{margin-left:0; border-left: 0; padding-left: 0}
#footer .footer_box ul.link li a{color:#a3a3a3}
/*#footer .footer_box ul.link li.pri a{color:#ff7900}*/
#footer .footer_box address{position:absolute;left:0;top:50px;font-style:normal;}
#footer .footer_box .copyright{position:absolute;left:0;top:70px;}

#footer .footer_box .right{position:absolute;right:0; top:24px;}
#footer .footer_box .right p{ font-size:16px; color:#919294; text-align:right; margin-bottom:15px; font-weight: 600}
#footer .footer_box .family_site { position:relative; float:right; margin:0; padding:0; width:249px; z-index:5000; top:2px;}
#footer .footer_box .family_site span.txt{display:block; margin-bottom:10px;color:#a3a3a3;font-weight:600; font-size:17px;text-align:right;}
#footer .footer_box .family_site h3 { float:left; display:inline-block; margin:0; padding:0; overflow:hidden; }
#footer .footer_box .family_site ul.family_layer { position:absolute; bottom:33px; left:0; list-style:none; margin:0; padding:5px 0; overflow:hidden; width:247px; height:200px; border:1px solid #bfbfbf; background:#fff; z-index:500; visibility:hidden; line-height: 22px;}
#footer .footer_box .family_site ul.family_layer li { float:left; display:inline-block; margin:0; padding:3px 10px; overflow:hidden; width:170px; }
#footer .footer_box .family_site ul.family_layer li a { float:left; display:inline-block; width:170px; margin:0; padding:0 5px; font-size:13px; }
#footer .footer_box .family_site ul.family_layer li a:hover { background:#007cc3; text-decoration:none; color:#fff; }
#footer .footer_box .link a.fd_color{color:#eb7308;}

#footer .footer_box .back_banner{position:absolute; left:680px; top:10px; z-index:1000;}


/* sub layout */
#container{width:100%;background:url("../images/common/bg_sub.gif") repeat center top;}/* 기본 */
#conbox{width:1200px;margin:0 auto;padding:0;z-index:10;position:relative;background:#fff}
#conbox .conbox_bg{position:relative;padding-bottom:100px;overflow: hidden; }


/*contents*/
#contents{position:relative;float:left;width:1140px;margin:0 30px;z-index:20;}
.noti_wrap #contents {position:relative;float:left;width:900px;margin:0 30px;z-index:20;padding-left: 119px; padding-top: 57px; padding-right:121px;}
/* h3 */
.h3_box{position:relative; margin-bottom: 20px}
.h3_box_in{position:relative;padding:20px 0 10px;;z-index:25;}
.h3_box_in h3{font-size:37px;display:inline-block;font-weight:bold;line-height:1;color:#3a3a3a; vertical-align:middle}
.h3_box_in span{padding-left:36px; display:inline-block;font-size:25px;font-weight:bold; color:#006fa8; vertical-align:middle; background:url("../images/common/bg_h3_box.gif") no-repeat 18px center}
.h3_box p.desc{color:#929292}

/* location */
.location{ position:relative; padding:0 30px;background:#eeeef0;overflow:hidden;color:#878787;}
.location ul{float:right}
.location li{float:left;height:37px; line-height:37px; padding-left:16px; margin-left:16px; background:url("../images/common/location_left.gif") no-repeat left center;}
.location li.first{margin:0;padding-left:15px;background:url("../images/common/location_home.gif") no-repeat left center;text-indent:-10000px}
.location li.end{color:#3a3a3a;}

/* 메인 */
#container{width:100%;position:relative;}
#container.type1{background:url("../images/main/main_bg.gif") repeat left top}
#container #mainbox{width:1200px; margin:0 auto;}
#container #mainbox:after{clear:both; display:block; content:""}
#container #mainbox #cont1 .left{width:700px; float:left}
#container #mainbox #cont1 .left h2{fo}
#container #mainbox #cont1 .right{width:500px; float:left}
#container #mainbox #cont1 .right li{width:250px;height:250px; float:left}
#container #mainbox #cont1 .right li a{display:block;width:250px;height:80px;padding:170px 0 0 ; text-align:center; color:#fff; font-size:21px; font-weight:600; line-height:1}
#container #mainbox #cont1 .right li.bg1 a{background:url("../images/main/mleft_bg1.gif") no-repeat left top}
#container #mainbox #cont1 .right li.bg2 a{background:url("../images/main/mleft_bg2.gif") no-repeat left top}
#container #mainbox #cont1 .right li.bg3 a{background:url("../images/main/mleft_bg3.gif") no-repeat left top}
#container #mainbox #cont1 .right li.bg4 a{background:url("../images/main/mleft_bg4.gif") no-repeat left top}

#container #mainbox #cont2 .left{width:400px;height:200px;padding:25px; float:left;background:#cacaca; position:relative;}
#container #mainbox #cont2 .left h2{font-size:18px;font-weight:600; color:#353535; padding-bottom:15px;margin-bottom:30px; border-bottom:1px dashed #a6a6a6}
#container #mainbox #cont2 .left .more{position:absolute; right:25px; top:25px;}
#container #mainbox #cont2 .left li{position:relative;margin-bottom:10px;font-size:"맑은고딕", "Malgun Gothic"}
#container #mainbox #cont2 .left li a{width:300px;display:block;color:#4c4c4c}
#container #mainbox #cont2 .left .date{position:absolute; right:3px;top:0; font-size:12px;color:#6a6969}
#container #mainbox #cont2 .left li a:focus, #container #mainbox #cont2 .left li a:hover{font-weight:600;letter-spacing:-0.7px}

#container #mainbox #cont2 .middle{width:500px; float:left;background:#fff}
#container #mainbox #cont2 .right{width:250px; float:left}
#container #mainbox #cont2 .right li{widt
h:250px;height:125px; float:left}
#container #mainbox #cont2 .right li a{display:block;width:150px;height:125px;line-height:110px;padding:0 0 0 100px ; text-align:left; color:#fff; font-size:21px; font-weight:600;background:url("../images/main/mleft_bg6.jpg") no-repeat left top}
#container #mainbox #cont2 .right li:first-child a{background:url("../images/main/mleft_bg5.jpg") no-repeat left top}

#popupWrap{position:relative;clear:both}
#popupWrap h2{position:absolute; left:28px; top:23px;z-index:103;}
#popupWrap dl { list-style:none; margin:0; padding:0; overflow:hidden; width:500px; height:250px; }
#popupWrap dl dt { position:absolute; top:20px; right:20px; display:inline-block;line-height:16px; margin:0; padding:0;background:0 none;z-index:3}
#popupWrap dl dd { position:absolute; top:0; margin:0; padding:0; overflow:hidden; width:500px; height:250px;z-index:1 }
#popupWrap .m3_play { position:absolute; top:22px; right:20px; display:inline-block; margin:0; padding:0; overflow:hidden;z-index:3 }
#popupWrap .m3_stop { position:absolute; top:22px; right:35px; display:inline-block; margin:0; padding:0; overflow:hidden;z-index:3 }

#popupWrap #popup{ margin:0; padding:0; overflow:hidden; width:500px; height:250px; }
#popup .slidesjs-pagination {position: absolute; right: 27px; top: 20px; z-index:101;}
#popup .slidesjs-pagination li {float: left; width: 19px; height: 18px; margin-left: 3px;}
#popup .slidesjs-pagination li a {display: inline-block; width: 19px; height: 18px; background: url("/images/main/banner_icon_off.png") no-repeat 0 0;}
#popup .slidesjs-pagination li a.active {display: inline-block; width: 19px; height: 18px; background: url("/images/main/banner_icon_on.png") no-repeat 0 0;}
#popup .slidesjs-pagination li a span { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

#popup a.slidesjs-stop ,#popup a.slidesjs-play{background-image: url("/images/main/play_gray.png"); right: 10px; top:20px; background-repeat: no-repeat;position: absolute;display:block;width:12px;height:18px;text-indent: -9999px;z-index:101;}
#popup a.slidesjs-stop{background-image: url("/images/main/stop_red.png");}

/* 2개배너일때 */
#popupWrap dl dt.num1 { right:70px; }
#popupWrap dl dt.num2 { right:50px; }

/* 3개배너일때 
#popupWrap dl dt.num1 { right:90px; }
#popupWrap dl dt.num2 { right:70px; }
#popupWrap dl dt.num3 { right:50px; }*/

/* 4개배너일때 
#popupWrap dl dt.num1 { right:110px; }
#popupWrap dl dt.num2 { right:90px; }
#popupWrap dl dt.num3 { right:70px; }
#popupWrap dl dt.num4 { right:50px; }*/

div#popup { float:left;position:relative; width:200px; height:400px;}
div#popup dl { overflow:hidden;position:relative; height:30px; z-index:2;padding-left:10px; padding-top:370px}
div#popup dt { display:inline; height:10px; z-index:1; width:10px;}
div#popup dd { position:absolute; left:0; top:0;z-index:-1;  }
div#popup ul.btn_play {float:left;position:absolute; left:63px; bottom:18px; z-index:3; }
div#popup ul.btn_play li {float:left;height:10px; line-height:11px; padding:2px;}
div#popup dt img {vertical-align:top;}
div#popup dt.visual_flash_btn1 { padding-left:0px; }
div#popup .dipy_n, hr {font-size: 0;height: 1px;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}

#mainbox #mright div.mcont10{float:left;}
#mainbox #mright div.mcont10 p{float:left;width:200px; height:88px; display:block; padding:112px 0 0;color:#353535;font-weight:600;text-align:center; font-size:18px;background:url("../images/main/main_ico8.png") no-repeat center 40px}
#mainbox #mright div.mcont10 p span.number{display:block; padding-top:5px;color:#068f93;font-size:28px}
#mainbox #mright div.mcont11{float:left;background:url("../images/main/main_bg6.gif") no-repeat left top}
#mainbox #mright div.mcont11 a{float:left;width:200px; height:64px; display:block; padding:136px 0 0;color:#fff;font-weight:600;text-align:center; font-size:19px;background:url("../images/main/main_ico9.png") no-repeat center 42px}


#mainbox #bg{position:absolute;left:230px; top:0;z-index:1;background:url('../images/main/main_slide1_img1.jpg') no-repeat;max-width:1400px;min-width:1200px; height:800px;}
#mainbox #bg img{ position:absolute; top:0px;}
#bg .slidesjs-pagination {position: absolute; right: 49px; top: 20px; z-index:20;}
#bg .slidesjs-pagination li {float: left; width: 12px; height: 12px; margin-left: 5px;}
#bg .slidesjs-pagination li a {display: block; width: 12px; height: 12px; background: url("../images/sub/btn_B_off.png") no-repeat 0 0;}
#bg .slidesjs-pagination li a.active {display: block; width: 12px; height: 12px; background: url("../images/sub/btn_B_on.png") no-repeat 0 0;}
#bg .slidesjs-pagination li a span { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/*상단 로그인 후 병원명 06.21*/
.main .ho_name{display:none;}