@charset "utf-8";

/*
-------------------------------------------------
File Name : common.css
Maker : UILAB(www.uilab.co.kr) / SuCheol, Hwang (ssangchee@uilab.co.kr)
Maker : UILAB(www.uilab.co.kr) / YuRyeon, Oh (somlove@uilab.co.kr)
Date : 2013
explanation : Common Style Sheet
-------------------------------------------------
*/

/* reset */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, address, em, img, strike, strong, dl, dt, dd, ul, ol, li, table, thead, tfoot, tbody, th, td, form fieldset, label, input, article, aside, footer, header, hgroup, menu, nav, section{padding:0; margin:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
body{-webkit-text-size-adjust:none; font-size:24px; color:#444; line-height:1;}
article, aside, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, li{list-style:none;}
a{padding:0; margin:0; vertical-align:baseline; background:transparent; color:#444; text-decoration:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
address, em{font-style:normal;}

/* main */
#mWrap{width:640px;}
#mWrap #mCon{width:100%; height:990px; background:url('../images/m_bg.png') no-repeat; background-size:100% 100%;}
#mWrap h1{padding-top:50px; text-align:center;}
#mWrap h1 img{vertical-align:top;}
#mWrap nav{width:500px; height:309px; padding:59px 0 0 9px; margin:0 auto; overflow:hidden;}
#mWrap nav ul {overflow:hidden; height:256px; margin:0;}
#mWrap nav ul li{float:left; padding:0 9px 12px 0; width:116px;}
#mWrap nav ul li a{display:block; position:relative;}

	#mBan{text-align:center;}
	#mBan #ban_img{position:relative; width:560px; height:90px; margin:0 auto;}
	#mBan #ban_img img{position:absolute; top:0; left:0; z-index:1; width:560px; height:90px; opacity:0;}
	#mBan #ban_img img:first-child{opacity:1;}
	#mBan img{vertical-align:top;}
	#mBan #ban_btn{padding:11px 0 20px 0;}

	#mBanLink{margin-bottom:20px; text-align:center;}
	#mBanLink img{width:560px;}

	#mBoard{width:560px; margin:0 auto;}
	#mBoard #mTab{height:53px;}
	#mBoard #mTab:after{clear:both; display:block; content="";}
	#mBoard #mTab li{float:left; padding-top:7px;}
	#mBoard #mTab a{display:block; width:186px; height:33px; padding-top:13px; background:url('../images/m_tab_off.png') no-repeat; font-size:1.25em; color:#eef4ff; font-weight:bold; text-align:center;}
	#mBoard #mTab li.bOn{padding-top:0;}
	#mBoard #mTab li.bOn a{width:188px; height:37px; padding-top:16px; background:url('../images/m_tab_on.png') no-repeat;}
	#mBoard .mList{display:none; background:#fff;}
	#mBoard .mList li{border-top:1px #b9b9b9 solid;}
	#mBoard .mList li:first-child{border-top:none;}
	#mBoard .mList li {display:block; padding:15px 0 14px 35px; background:url('../images/m_dot.png') no-repeat 16px 50%; font-size:1.06em; color:#555; font-weight:bold;}
	#mBoard #mList0{display:block;}
	
footer{clear:both; overflow:hidden; width:640px; height:60px; background:#000;}
footer address{float:left; padding:24px 0 0 16px;}
footer #footBtn{float:right; padding:18px 18px 0 0;}

/* content */
#wrap {width:640px;}
#wrap header{position:relative; height:85px; background:url('../images/header_bg.png') no-repeat 50% 0;}
#wrap header h1{padding-top:20px; text-align:center;}
#wrap header #hBtn_back{position:absolute; top:26px; left:17px;}
#wrap header #hBtn_home{position:absolute; top:26px; right:20px;}
#minwon .txt{padding:20px 20px 36px 20px; background:url('../images/photoView_bg.png') repeat-x 0 1px; background-size:100% 40px; font-size:1em; color:#454545; line-height:1.2;}
#minwon h3{height:40px; padding-left:48px; background:url('../images/minwon_dot.png') no-repeat 20px 0;  font-size:1.1em; color:#282828;}
#minwon .ap_btn{overflow:hidden; height:100%; padding:46px 0 40px 0; background:url('../images/minwon_line.png') repeat-x; background-size:100% 6px;}
#minwon .ap_btn span{float:left; width:274px; padding-left:20px;}
#minwon .ap_btn ul{float:left; width:326px;}
#minwon .ap_btn ul li{margin-bottom:6px;}
#minwon .goWebSite{text-align:center;}

#subTle{*zoom:1; position:relative; z-index:5; height:78px; margin-bottom:30px; background:url('../images/title_bg.png') repeat-x;}
#subTle:after{display:block; clear:both; content="";}
#subTle .fstTle{float:left; height:50px; padding:25px 40px 0 20px; font-size:1.31em; color:#7685a6; background:url('../images/sub_tle_bg.png') no-repeat 100% 0;}
#subTle .lstTle{float:left; padding:22px 0 0 20px; font-size:1.62em; color:#f2efca;}
#subTle #menuOpen{position:absolute; top:21px; right:19px;}
#subTle #subNavi{display:none; position:absolute; top:78px; left:0; width:100%; background:url('../images/subNavi_bg.png') no-repeat 0 100%;}
#subTle #subNavi ul{padding:15px 0 30px 140px;}
#subTle #subNavi ul li{padding-left:20px; background:url('../images/subNavi_dot.png') no-repeat 0 20px; line-height:2;}
#subTle #subNavi ul li a{font-size:1.1em; color:#444; font-weight:bold;}
#subTle #subNavi #menuClose{position:absolute; bottom:8px; right:20px;}
#subTle #subNavi #menuClose img{vertical-align:top;}

#boardList{padding:0 20px;}
#boardList #fixedList{padding:19px 0 16px 0; margin-bottom:30px; background:url('../images/dotLine1.png') repeat-x 0 100%; border-top:2px #638eb6 solid;}
#boardList #fixedList li .fixDiv {position:relative; padding-bottom:3px; line-height:1.5;}
#boardList #fixedList li .fixDiv .fCon{padding-right:145px; }
#boardList #fixedList li .fixDiv .fDate{position:absolute; top:0; right:0; *right:20px; font-size:0.87em; color:#999; font-weight:bold;}
#boardList #fixedList li .fixDiv a{padding-left:12px; background:url('../images/dot1.png') no-repeat 0 50%; font-size:1.1em; color:#315899; font-weight:bold;}

#boardList #conList{margin-bottom:40px;}
#boardList #conList li{height:90px; background:#f9f9f9; border-bottom:1px #d1d1d1 solid; margin-bottom:1px;}
#boardList #conList li:nth-child(even){background:#e8e8e8;}
#boardList #conList li a{display:block; height:71px; padding:19px 0 0 27px;}
#boardList #conList li strong{font-size:1.1em; color:#444;}
#boardList #conList li .cNew{font-size:1.1em; color:#f07317; font-weight:bold;}
#boardList #conList li .listOp{display:block; padding-top:10px; font-size:0.87em; color:#999; font-weight:bold;}
#boardList #conList li .listOp span{padding:0 5px;}

#photoList{padding:0 20px; font-size: 12px;}
#photoList > ul{overflow:hidden; padding:40px 0 0 15px; margin:50px 0; background:#f6f6f6; border:1px #e4e4e4 solid;}
#photoList > ul li{float:left; padding:0 14px 30px 15px; box-sizing: border-box;}
#photoList > ul li a{display:block;}
#photoList > ul li img{display:block; width:140px; height:140px;}
#photoList > ul li span{display:block; padding-top:5px; font-size:1.1em; color:#444; font-weight:bold;}

.moreView a{display:block; padding:14px 0 12px 0; background:#f6f6f6; border:1px #dedede solid; font-size:1em; color:#888; font-weight:bold; text-align:center;}
#btnTop{padding:20px; text-align:right;}

#paging{text-align:center;}
#paging a{display:inline-block; width:35px; height:32px; padding-top:7px; border:1px #c9c9c9 solid; font-size:1.1em; color:#6f6f6f; vertical-align:middle; text-align:center;}
#paging strong{display:inline-block; width:35px; height:32px; padding-top:7px; border:1px #c9c9c9 solid; font-size:1.1em; color:#125695; vertical-align:middle; text-align:center;}
#paging ul {overflow: hidden;}
#paging ul.paging {}
#paging ul > li {display: inline-block; margin: 0 5px 5px;}

#boardView{padding:0 20px 20px 20px;}
#boardView .viewTop{padding:19px 0 24px 0; border-top:2px #638eb6 solid;}
#boardView .viewTop h3{font-size:1.1em; color:#315899;}
#boardView .viewTop .viewOpt{display:block; padding-top:10px; font-size:0.87em; color:#999; font-weight:bold; white-space:nowrap;}
#boardView .viewTop .viewOpt span{padding:0 5px;}
#boardView .viewFile{overflow:hidden; height:100%; padding:10px 0 10px 0; margin-bottom:38px; background:url('../images/dotLine1.png') repeat-x 0 100%; border-top:1px #eaeaea solid; font-size:1em;}
#boardView .viewFile dt{float:left; width:110px; padding-top:2px; font-size:0.87em; color:#999; font-weight:bold; line-height:1.8;}
#boardView .viewFile dd{float:left; line-height:1.8;}
#boardView .viewFile dd a{display:inline-block; position:relative; padding-right:26px; background:url('../images/ico_file.png') no-repeat 100% 50%; font-size:0.87em; color:#444;}
#boardView .viewCon{padding:25px; background:#f9f9f9; border-bottom:1px #d1d1d1 solid; font-size:1em; color:#444; line-height:1.7;}
#boardView .viewCon .vcImg{display:block; width:100%; padding-bottom:10px;}
#boardView .viewCon .vcImg img{display:block; width:100%;}
#boardView .prevNext{width:100%; margin-bottom:20px;}
#boardView .prevNext th{width:77px; height:50px; border-bottom:1px #eaeaea solid; font-size:0.87em; color:#999; vertical-align:middle;}
#boardView .prevNext td{height:50px; border-bottom:1px #eaeaea solid; color:#999; vertical-align:middle;}
#boardView .prevNext td.pnDate{text-align:right;}
#boardView .prevNext td.pnDate span{display:block; padding-right:17px; font-size:0.87em;}
#boardView .prevNext td a{font-size:0.87em; color:#444;}
#boardView .photoView{padding:35px 35px 15px 35px; margin-bottom:20px; background:#f3f4f6; border:1px #e4e4e4 solid;}
#boardView .photoView span{display:block; padding-bottom:20px;}
#boardView .photoView img{display:block; width:100%;}
#boardView .rgBtn{text-align:right; margin-top: 40px;}
#boardView .rgBtn a {font-size: 12px; display: inline-block; border: 1px solid #ddd; background-color: #f1f1f1; padding: 5px; border-radius: 5px;}

#subCon{overflow:hidden; height:100%; padding:0 20px 20px 20px;}

.subTle1{padding-left:25px; margin-bottom:13px; background:url('../images/sDot1.png') no-repeat 0 3px; font-size:1.25em; color:#444; line-height:1.2;}

.box{padding:15px 23px 5px 23px; border:3px #eaeaea solid;}

.txtList1 li{padding-left:12px; margin-bottom:10px; background:url('../images/sDot2.png') no-repeat 0 10px; font-size:1.1em; color:#444; line-height:1.3;}
.txtList1 ul{padding-top:10px;}
.txtList1 li li{padding-left:18px; background:url('../images/sDot3.png') no-repeat 0 7px; font-size:0.94em;}
.txtList1 li strong{color:#3468c8;}

.mp_lf{float:left; width:295px; margin-right:10px;}
.mp_lf .mpImg{width:295px; height:668px; background:url('../images/medical_img1.png') no-repeat;}
.mp_lf ol{visibility:hidden;}
.mp_rg{float:left; width:295px;}
.mp_rg .mpImg{width:295px; height:669px; background:url('../images/medical_img2.png') no-repeat;}
.mp_rg ol{visibility:hidden;}

.pntProcess{width:600px; height:85px; margin-bottom:50px; background:url('../images/printProcess.png') no-repeat;}
.pntProcess ol{visibility:hidden;}

.noticeTxt{padding:17px 0 15px 0; background:#f2f2f2; font-size:0.87em; color:#444; font-weight:bold; text-align:center;}
.noticeTxt2{padding-left:18px; background:url('../images/sDot3.png') no-repeat 0 6px; font-size:0.94em; color:#444; font-weight:bold; line-height:1.2;}
.noticeTxt2 strong{color:#3468c8;}

.table1{width:100%; border-top:3px #454545 solid; table-layout:fixed;}
.table1 thead th{padding:10px 0 10px 0; background:#dedede; border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; font-size:1em; color:#454648;}
.table1 tbody th{padding:10px 0 10px 0; background:#f9f9f9; border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; font-size:1em; color:#454648;}
.table1 tbody td{padding:10px 0 10px 0; background:#f6fafd; border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; font-size:1em; color:#666; text-align:center; line-height:1.3;}
.table1 .treat1{width:25%;}
.table1 .end{border-right:none;}
.table1 tbody td ul{padding-left:13px; text-align:left;}
.table1 tbody td ul li{padding-left:7px; background:url('../images/sDot4.png') no-repeat 0 8px; line-height:1.5;}

.meetPcss{width:600px; height:361px; margin-bottom:15px; background:url('../images/meetingImg.png') no-repeat;}
.meetPcss ol{visibility:hidden;}

#intro{position:relative; z-index:1; overflow:hidden; width:600px; height:797px; padding:20px; margin-top:-60px; background:url('../images/intro_bg.png') no-repeat; font-size:1em; color:#444; line-height:1.4;}
#intro .introImg{float:left; padding:0 10px 0 0;}
#intro strong{display:block; clear:both;}

.organization{width:600px; height:604px; background:url('../images/organization.png') no-repeat;}
.organization h4{visibility:hidden;}
.organization h5{visibility:hidden;}
.organization ul{visibility:hidden;}

.mapImg{width:100%; height:369px; margin-bottom:45px; background:url('../images/location.png') no-repeat;}
.mapImg p{visibility:hidden;}

.trafficInfo{width:100%;}
.trafficInfo th{width:72px; padding-bottom:20px; font-size:0.9em; color:#444; font-weight:bold; line-height:1.5;}
.trafficInfo td{padding-bottom:20px; font-size:0.9em; color:#444; line-height:1.5;}
.trafficInfo td .locIco1{padding-left:30px; background:url('../images/location_ico1.png') no-repeat 0 0;}
.trafficInfo td .locIco2{padding-left:30px; background:url('../images/location_ico2.png') no-repeat 4px 0;}

.relateSite{overflow:hidden; width:476px; height:100%; margin:0 auto;}
.relateSite li{float:left; padding-bottom:24px;}
.relateSite li.oddObj{margin-right:44px;}

/* term */
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}