@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 

font-family: 'Montserrat', sans-serif;
Light 300
Regular 400
Medium 500
Semi-bold 600
Bold 700
Bold 900


font-family: 'Noto Sans KR', sans-serif;	
Thin 100
Light 300
Regular 400
Medium 500
Bold 700
Black 900

 */



*{margin:0;padding:0;box-sizing:border-box;word-break:keep-all;}
body{ font-size:11px; line-height:110%; color:#666; text-align:center; }
input, select, textarea{ color:#666; font-family:'Montserrat','Noto Sans KR',Sans-serif; }
img,fieldset,iframe{border:0 none;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

a				{color:#666; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:visited		{color:#666; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover			{color:#666;2021-12-26 text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}


input[type=text]{vertical-align:middle; position:relative; border:1px solid #999; height:20px; line-height:20px; padding:0px 10px 0px 10px;}

textarea{border:1px solid #999;}
select{border:1px solid #999; height:20px; line-height:20px;}

/* 애니메이션 */
.csInfoWrap,
.mainVi,
.gnb,
.animate												{ -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

/*레이어 팝업*/
.layerPop												{ position:relative; width:90%; max-width:1100px; margin:5% auto; border:2px solid #000; border-radius:5px; display:inline-block; zoom:1; *display:inline; background:#fff; padding:20px; box-sizing:border-box; }
.layerPop .content										{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; padding:0px 0px 60px 0px; }
.layPopContWrap											{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.layerPop .closeBtn										{ position:absolute; right:0px; top:0px; width:30px; height:30px; font-size:1.5em; }
.laypopLayout											{ position:relative; width:100%; padding:0px 60px; box-sizing:border-box; display:inline-block; zoom:1; *display:inline; }
.overflowHidden											{ position:fixed; width:100%; height:100%; overflow:hidden !important; box-sizing:border-box; }
.blackArea												{ position:fixed; width:100%; height:100% !important; background:rgba(0,0,0,0.9); z-index:999 !important; left:0px; top:0px; opacity:0; overflow-y:scroll !important; -webkit-overflow-scrolling:touch; }


#loadingWrap											{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99; opacity:0; }
#loadingWrap > div										{ position:absolute; left:50%; top:50%; margin:-100px 0px 0px -100px; }
@keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-webkit-keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{-webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}
@-webkit-keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}

.lds-double-ring						{ position:relative; }
.lds-double-ring div					{ position:absolute; width:160px; height:160px; top:13px; left:13px; border-radius:50%; border:8px solid #000; border-color:rgba(77.64705882352942%,26.66666666666667%,51.37254901960785%,0.474) transparent rgba(77.64705882352942%,26.66666666666667%,51.37254901960785%,0.474) transparent; -webkit-animation:lds-double-ring 2s linear infinite;  animation:lds-double-ring 2s linear infinite; }
.lds-double-ring div:nth-child(2)		{ width:140px; height:140px; top:23px; left:23px; border-color:transparent #c64483 transparent #c64483; -webkit-animation:lds-double-ring_reverse 2s linear infinite; animation:lds-double-ring_reverse 2s linear infinite; }
.lds-double-ring						{ width:200px !important; height:200px !important; -webkit-transform:translate(-100px, -100px) scale(1) translate(100px, 100px); transform:translate(-100px, -100px) scale(1) translate(100px, 100px); }



.button 												{ display:inline-block; zoom:1; *display:inline; vertical-align:baseline; margin:0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100% Nanum Gothic; padding:.5em 2em .55em; text-shadow:0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); }
.button:hover											{ text-decoration:none;}
.button:active											{ position:relative; top:1px;}
														
.bigrounded 											{ -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; }
.medium 												{ font-size:12px; padding:.4em 1.5em .42em; }
.small 													{ font-size:11px; padding:.2em 1em .275em; }

/* 탑 */													
.top													{ position:fixed; left:0px; top:0px; width:100%; padding:18px 20px; background:rgba(255,255,255,0.7); border-bottom:1px solid #ffffff; z-index:99999; box-shadow:0px 0px 50px rgba(0,0,0,0.7); }
.top_back												{ width:100%; max-width:1300px; display:inline-block;}
.top .logo												{ float:left; }

/* 네비 */
.gnb													{ position:relative; display:inline-block; white-space:nowrap; vertical-align:top; float:right; }
.gnb li													{ position:relative; display:inline-block; float:left; }
.gnb li a												{ display:inline-block; font-size:20px; color:#303030; font-weight:500; padding:19px; }
.gnb li a:hover											{ color:#4e98ea; }

/* 메인비쥬얼 */
.mainVi													{ position:relative; width:100%; height:940px; background-size:cover !important; }
.mainVi img												{ width:100%; }
.mainVi .txtWrap										{ position:absolute; left:50%; top:50%; width:80%; max-width:500px; padding:50px; background:rgba(78,152,234,0.8); margin:-100px 0px 0px -700px; }
.mainVi .txtWrap > span									{ display:inline-block; width:100%; vertical-align:top; color:#fff; text-align:left; }

/* 고객센터정보 */
.midBanner												{ position:relative; width:calc(100% - 20px); max-width:1100px; margin-left:10px; z-index:8; }
.csInfoWrap												{ position:absolute; left:0px; top:-100px; box-shadow:0px 30px 40px rgba(0,0,0,0.3); }
.csInfoWrap .td											{ position:relative; padding:30px; text-align:left; }
.csInfoWrap .td > span									{ display:inline-block; width:100%; }
.csInfoWrap .td.blueBg1 .typoType4						{ color:#fff; }
.csInfoWrap .td .typoType5								{ margin:0px 0px 25px 0px; }
.csInfoWrap .td .typoType6								{ margin:0px 0px 10px 0px; }
.csInfoWrap .td .typoType7								{ margin:0px 0px 10px 0px; }
.csInfoWrap .td .moreBtn								{ position:relative; display:inline-block; width:100%; padding:30px 0px 0px 0px; color:#fff; }
.csInfoWrap .td .moreBtn img							{ position:absolute; right:0px; top:50%; transform:translate(0,-50%); }

/* 원장소개 */
.aboutWrap												{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:30px 10px; text-align:center; }
.aboutWrap .container									{ position:relative; width:100%; max-width:1300px; display:inline-block; }
.aboutWrap .titleWrap									{ position:relative; width:100%; text-align:right; margin:0px 0px 40px 0px; }
.aboutWrap .titleWrap > span							{ display:inline-block; width:100%; line-height:100%; }
.aboutWrap .item1										{ position:relative; max-width:550px; text-align:left; padding:0px 0px 230px 0px; }
.aboutWrap .item1 > span								{ display:inline-block; width:100%; text-align:left; vertical-align:top; line-height:100%; }
.aboutWrap .item1 > .typoType12							{ position:relative; margin:0px 0px 35px 0px; padding:0px 0px 0px 60px; }
.aboutWrap .item1 > .typoType16							{ position:relative; margin:0px 0px 35px 0px; }
.aboutWrap .item1 > .typoType12:before					{ position:absolute; left:0px; top:50%; transform:translate(0,-50%); width:40px; height:1px; background:#4a4a4a; content:""; }
.aboutWrap .item1 > .typoType13							{ margin:0px 0px 10px 0px; }
.aboutWrap .item1 > .typoType14							{ margin:0px 0px 45px 0px; }
.aboutWrap .item1 > .typoType15							{ line-height:160%; }
.aboutWrap .item1 .moreBtn2								{ margin:30px 0px; line-height:100%; }
.aboutWrap .thum										{ position:absolute; left:0px; bottom:55px; white-space:nowrap; }
.aboutWrap .thum img									{ float:left; margin:0px 20px 0px 0px; box-shadow:0px 20px 30px rgba(0,0,0,0.5); }
.aboutWrap .item2										{ overflow:hidden; }


.special_Wrap { position:relative; width:100%; display:inline-block; vertical-align:top; padding:70px 0px 50px 0px; margin:30px 0px; text-align:center; background:#002150; color:#fff;}
.special_box {font-size:22px; border:1px solid #fff; border-radius: 20px;  width:100%; max-width:800px; padding:15px; display:inline-block;  text-align:left; margin-bottom:20px;}

.main_docCont	{ position:relative; width:100%; max-width:1300px; text-align:left; display:inline-block; vertical-align:top; }
.main_logo_img1 {float:left; width:50%; margin-top:30px; text-align:left;}
.main_logo_img2 {float:left; width:50%; margin-top:30px;  text-align:right;}
.main_logo_img1 img {width:97%;}
.main_logo_img2 img {width:97%;}

/* 인테리어 */
.interiorWrap											{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:0px 10px 80px 10px; text-align:center; overflow:hidden; }
.interiorWrap .titleWrap								{ position:relative; width:100%; text-align:right; margin:0px 0px 40px 0px; transform:translate(-55%,0); }
.interiorWrap .titleWrap > span							{ display:inline-block; width:100%; line-height:100%; }
.interiorWrap .typoWrap									{ position:relative; width:100%; max-width:1300px; display:inline-block; transform:translate(0,-100px); z-index:8; }
.interiorWrap .typoWrap .container						{ position:relative; width:100%; max-width:550px; float:right; text-align:left; }
.interiorWrap .typoWrap .container > span				{ display:inline-block; vertical-align:top; width:100%; }
.interiorWrap .typoWrap .container .typoType14			{ margin:0px 0px 45px 0px; }
.interiorWrap .typoWrap .container .typoType15			{ line-height:160%; }
.interiorWrap .typoWrap .container .moreBtn2			{ margin:30px 0px; line-height:100%; }
.interiorWrap .blueBg1									{ position:absolute; left:0px; top:300px; width:45%; padding:650px 0px 0px 0px; z-index:-1; }
.interiorWrap .thumSlide								{ position:relative; width:100%; }

.mySwiper2												{ position:relative; width:660px; /* height:450px; */ z-index:9; margin:-220px 0px 0px 0px; margin-left:calc((100% - 1300px) / 2); overflow:hidden; box-shadow:0px 30px 40px rgba(0,0,0,0.3); background:#f7f7f7; }
.mySwiper2 .swiper-slide								{ padding-top:66%; }
.mySwiper2 .swiper-slide img							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }
.mySwiper2 .noData										{ background:#c8d8e9; font-size:20px; color:#fff; }
.mySwiper2 .noData span									{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }


.mySwiper												{ position:absolute; left:calc(50% + 90px); top:200px; width:calc((100% / 2) - 90px); overflow:hidden; padding:0px 0px 50px 0px; }
.mySwiper .swiper-slide									{ position:relative; padding-top:17%; overflow:hidden; background:#f7f7f7; box-shadow:0px 10px 10px rgba(0,0,0,0.1); }
.mySwiper .swiper-slide img								{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:100%;  -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mySwiper .swiper-slide.swiper-slide-thumb-active		{ border:2px solid #f26c4f; }
.mySwiper .arrowWrap									{ position:absolute; left:204px; bottom:32px; width:66px; box-shadow:0px 10px 20px rgba(0,0,0,0.3); }
.mySwiper .arrowWrap > div								{ position:relative; display:inline-block; float:left; width:50%; height:33px; line-height:33px; background:#f26c4f; color:#fff; font-size:20px; margin:0px; padding:0px; left:auto; top:auto; right:auto; bottom:auto; }
.mySwiper .noData										{ background:#c8d8e9; font-size:13px; color:#fff; }
.mySwiper .noData span									{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }


/* 진료시간 */
.hourInfo												{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.hourInfo .container									{ position:relative; width:45%; background:#4e98ea; text-align:right; padding:0px 80px 60px 0px; }
.hourInfo .container .titleWrap							{ margin:0px 0px 17px 0px; }
.hourInfo .container .titleWrap .typoType11				{ color:#fff; }
.hourList												{ position:relative; width:100%; }
.hourList .item											{ display:inline-block; vertical-align:top; width:100%; padding:3px 0px; }
.hourList .item.typoType15								{ color:#fff; font-family: 'Noto Sans KR', sans-serif; }

/* 오시는길 */
.mapInfo												{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:-200px 0px 0px 0px; overflow:hidden; }
.mapInfo .titleWrap										{ position:relative; width:50%; float:right; text-align:left; margin:0px 0px 30px 0px; }
.mapInfo .titleWrap > span								{ display:inline-block; width:100%; vertical-align:top; line-height:100%; }
.mapInfo .titleWrap .typoType11							{ padding:0px 0px 0px 10px; }
.mapInfo .adrInfo										{ position:relative; width:50%; float:right; text-align:left; clear:both; margin:0px 0px 70px 0px; }
.mapInfo .adrInfo > span								{ display:inline-block; width:100%; vertical-align:top; text-align:left; padding:0px 0px 0px 10px; }
.map													{ position:relative; width:100%; height:600px; border:1px solid #ddd; vertical-align:top; }

/* 푸터 */
.footer													{ position:relative; width:100%; padding:0px 0px 50px 0px; background:#2a2f37; }
.footer .item											{ position:relative; width:100%; border-bottom:1px solid #40444b; padding:20px 10px; text-align:center; }
.footer .item:last-child								{ border-bottom:0px; }
.footer .item .container								{ position:relative; display:inline-block; width:100%; max-width:1300px; text-align:left; }

.ftgnb													{ position:relative; float:right; }
.ftgnb li												{ float:left; }
.ftgnb li a												{ position:relative; display:inline-block; padding:20px 10px; font-size:13px; color:#808393; font-weight:500; }
.ftgnb li a:before										{ position:absolute; left:0px; top:50%; transform:translate(0,-50%); width:3px; height:3px; background:#808393; content:""; }
.ftgnb li:first-child a:before							{ display:none; }
.ftgnb li a:hover										{ color:#fff; }

.comInfo												{ font-size:13px; color:#808393; line-height:160%; font-weight:500; font-family: 'Noto Sans KR', sans-serif; float:left; }
.copy													{ position:relative; width:100%; margin:10px 0px 0px 0px; font-size:13px; color:#5e6570; font-family: 'Noto Sans KR', sans-serif; }
.copy strong											{ color:#a7afbb; }
.csCenter												{ position:relative; float:right; }
.csCenter .tel											{ display:inline-block; width:100%; vertical-align:top; font-size:35px; color:#3892ff; font-weight:600; text-align:right; margin:0px 0px 10px 0px; }
.csCenter .hoIn											{ display:inline-block; width:100%; vertical-align:top; text-align:right; font-size:15px; color:#808393; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }

/* 서브로케이션 */
.location												{ position:relative; width:100%; margin:102px 0px 0px 0px; display:inline-block; vertical-align:top; background:#4e98ea; padding:10px 10px; text-align:center; }
.location .container									{ position:relative; width:100%; max-width:1300px; font-size:14px; color:#fff; display:inline-block; vertical-align:top; text-align:left; }

/* 서브 */
.docWrap												{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:80px 10px; text-align:center; }
.docWrap .container										{ position:relative; width:100%; max-width:1300px; min-height:500px; display:inline-block; }

.docTitle												{ position:relative; width:100%; text-align:left; }
.docTitle .tit1											{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:0px 0px 10px 0px; }
.docTitle .tit2											{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.docTitle .tit3											{ position:absolute; top:0px; right:0px; line-height:100%; z-index:-1; }

.docCont												{ position:relative; width:100%; text-align:left; display:inline-block; vertical-align:top; padding:70px 0px 0px 0px; }

/* 의료진 소개 */
.docName												{ display:inline-block; margin:0px 10px 0px 0px; }
.docPos													{ display:inline-block; }
.doc_his												{ padding:100px 50px 0px 50px; }

/* 테이블 */
.table													{ display:table; width:100%; }
.td														{ display:table-cell; }

/* 컬럼 */
.col10													{ width:10% }
.col20													{ width:20% }
.col30													{ width:30% }
.col33													{ width:33.333333% }
.col40													{ width:40% }
.col45													{ width:45% }
.col50													{ width:50% }
.col55													{ width:55% }
.col60													{ width:60% }
.col70													{ width:70% }
.col80													{ width:80% }
.col90													{ width:90% }
.col100													{ width:100% }

.grayBg1												{ background:#2a2f37; }
.grayBg2												{ background:#414854; }
.blueBg1												{ background:#4e98ea; }

/* 폰트 */
.typoType1												{ font-size:34px; color:#ffffff; font-weight:300; }
.typoType2												{ font-size:48px; color:#ffffff; font-weight:700; }
.typoType3												{ font-size:23px; color:#ffffff; font-weight:500; }
.typoType4												{ font-size:15px; color:#999da2; font-weight:500; }
.typoType5												{ font-size:17px; color:#ffffff; font-weight:600; }
.typoType6												{ font-size:15px; color:#999da2; font-weight:500; }
.typoType7												{ font-size:35px; color:#ffffff; font-weight:600; }
.typoType8												{ font-size:15px; color:#ffffff; font-weight:400; }
.typoType9												{ font-size:16px; color:#ffffff; font-weight:500; }
.typoType10												{ font-size:200px; color:#eeeeee; font-weight:700; }
.typoType11												{ font-size:50px; color:#b8b8b8; font-weight:300; }
.typoType12												{ font-size:20px; color:#404040; font-weight:500; }
.typoType13												{ font-size:45px; color:#313131; font-weight:300; }
.typoType14												{ font-size:45px; color:#313131; font-weight:700; }
.typoType15												{ font-size:16px; color:#7e7e7e; font-weight:400; }
.typoType16												{ font-size:22px; color:#404040; font-weight:500; }
.typoType17												{ font-size:50px; color:#313131; font-weight:500; }
.typoType18												{ font-size:30px; color:#4b4b4b; font-weight:500; }
.typoType19												{ font-size:178px; color:#f7f7f7; font-weight:700; }
.typoType20												{ font-size:50px; color:#313131; font-weight:600; }
.typoType21												{ font-size:21px; color:#313131; font-weight:300; }
.typoType22												{ font-size:40px; color:#ffffff; font-weight:700; }
.typoType23												{ font-size:148px; color:#f7f7f7; font-weight:700; }

/* 기타 */
.mo														{ display:none !important; }
.pc														{ display:block !important; }

p														{ margin:0px 0px 40px 0px; }

/* 정렬 */
.floatLeft												{ float:left; }
.floatRight												{ float:right; }

/* 버튼 */
.closeBtn a												{ font-size:30px !important; }
.naviBtn												{ position:absolute; right:20px; top:33px;  }
.naviBtn i												{ font-size:30px; color:#000; }
.moreBtn2												{ display:inline-block; vertical-align:top; color:#ffffff; background:#4e98ea; font-size:13px; padding:10px 20px; }

img														{ max-width:100%; }

/* 리스트 */
.listType1												{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:0px 0px 40px 0px; }
.listType1 li											{ padding:5px 0px; }

.mMap																{ position:relative; width:100%; height:600px; border:1px solid #ddd; margin:50px 0px 0px 0px; }
.mMap iframe														{ position:absolute; width:100%; height:100%; left:0px; top:0px; }

.searchTop{overflow:hidden; font-size:14px; padding : 0px 0px 15px 0px; margin-top:50px;}
.searchTop .selectWrap{text-align:right;}
.searchTop .selectWrap select{width:150px; height:30px; font-size:14px; color:#171717; padding-left:12px; margin-right:9px; border:1px solid #dadada; vertical-align:middle;}
.searchTop .selectWrap input[type="text"]{width:250px; height:30px; padding:0 10px; border:1px solid #dadada; border-right:0; box-sizing:border-box; vertical-align:middle;}
.searchTop .selectWrap a{vertical-align:middle; display:inline-block; width:60px; height:30px; font-size:13px; color:#fefefe; background:#282828; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:29px;}

.bbsList {width:100%; margin:0px auto;}
.bbsList th,
.bbsList td{padding:15px 10px; border-bottom:1px solid #eaecf1; text-align:center; font-size:15px;}
.bbsList thead th{padding:15px 10px; background:#f9fafb; border-top:1px dotted #8c92a3; border-bottom:1px solid #d2d7dc; font-weight:300; font-size:15px;}
.bbsList thead tr:first-child th{border-top:2px solid #505c78;}
.bbsList td{color:#666; word-break:break-all;}
.bbsList tr.active td{background:#f0f6f8; color:#333 !important;}
.bbsList td[data-table="subject"] a{display:inline-block; font-size:14px;}
.bbsList td[data-table="subject"]{text-align:left; line-height:19px;}
.bbsList td[data-table="subject"] i{display:inline-block; margin-left:10px; font-size:14px; color:#ce6c0c;}
.bbsList td[data-table="subject"] .new{display:inline-block; margin-right:5px; width:25px; height:11px; background:url(../images/board/icon_new.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#365ec3; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:23px;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:0 7px; margin-right:5px; background:#fff; border-radius:3px; border:1px solid #365ec3; font-size:13px; color:#365ec3;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10px; background:#41464e;}
.bbsList .reply:before{top:0px; width:1px; height:10px;}
.bbsList .reply:after{top:10px; width:10px; height:1px;}
.bbsList + .pagination{border-top-width:0px;}

.bbsTitle{margin:0px auto; width:100%;  text-align:left; padding-top:15px; padding-bottom:15px; border-top:2px solid #505c78; border-bottom:1px dotted #8c92a3; font-size:17px;}

.bbsView{border-top:1px solid #505c78; border-collapse:inherit; table-layout:fixed; width:100%; font-size:14px; margin:0px auto;}
.bbsView th,
.bbsView td{padding:15px 10px;  text-align:left; border-bottom:1px solid #eaecf1; max-height:100000px; }
.bbsView th{background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1px;}
.bbsView td{color:#666; word-break:break-all; line-height:19px;}
.bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"] + td{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left:15px;}
.bbsView td.conts{padding:30px 20px; border:0px; line-height:23px;}
.bbsView div.conts{min-height:150px;}
.bbsView .conts .img{padding-bottom:30px;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView .conts p{margin:0px 0px 0px 0px; line-height:23px;}
.bbsView textarea{resize:none; height:150px;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView td.days input{width:110px; background:#e0e9f7; border-color:#9fb3d4;}
.bbsView td.days span{display:inline-block; margin-right:5px;}
.bbsView td.days span:after{content:','; display:inline-block;}
.bbsView td.days span:last-child:after{display:none;}
.bbsView.page{margin-top:20px;}
.bbsView.page th,
.bbsView.page td{padding:15px 15px 15px 25px;}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1px solid #eaecf1; border-bottom:1px dotted #eaecf1;}
.bbsView td input[type="text"].inputSpam{width:70%; height:28px; font-size:13px; }
.bbsView td input[type="text"].inputSpam2{width:30%; height:29px; font-size:13px; }
.bbsView td input[type="password"].inputSpam{width:70%; height:28px; font-size:13px; }
.bbsView td input[type="password"].inputSpam2{width:30%; height:29px; font-size:13px; }
.bbsView td input[type="file"].inputSpam2_file{ }
.bbsView td input[type="text"].inputSpam3{width:20%; height:28px; font-size:13px;}
.bbsView td input[type="text"].inputSpam4{width:10%; height:28px; font-size:13px;}

.btn_confirm {text-align:center; margin-top:20px; margin-bottom:40px;}
.btn_confirm .m_btn{display:inline-block; cursor: pointer; width:130px; margin-top:0px; height:35px; font-size:14px; color:#fff; background:#626262;  text-align:center; line-height:35px;}
.btn_confirm .m_btn2{display:inline-block; cursor: pointer; width:130px; margin-top:0px; height:35px; font-size:14px; color:#fff; background:#d7a303;  text-align:center; line-height:35px;}



.port_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
.port_list li{ float:left;  width:33.33%;  padding-bottom:40px; }
.port_list li:first-child{ margin-left:0}
.port_list li dl { padding:0; margin-left:25px; border:1px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.port_list li dl:hover{border:1px solid #999  ;}
.port_list li dl dt{  position:relative; overflow:hidden;  text-align:center; height:300px;}
.port_list li dl dt img{ width:auto; height:100% !important;; }

.port_list li dl dd { margin:6% 8%;  overflow:hidden; position:relative; font-size:14px; height:22px; line-height:25px;}
.port_list li dl dd p{height:25px;line-height:1.8em}
.port_list li dl dd  > div .tit{ position:relative; margin-bottom:25px; overflow:hidden} /*타이틀*/
.port_list li dl dd  > div h3{ font-size:1.2em; font-weight:600; line-height:1.5em; margin-bottom:0; padding-bottom:0}
.port_list li dl dd  > div span.more{ position:absolute; top:0; right:0;}
.port_list li dl dd p{ margin-top:0.2em; color:#777; font-size:14px}



.programPage{margin-top:40px; text-align:center; font-size:0; margin-bottom:40px;}
.programPage a{display:inline-block; width:38px; height:38px; line-height:36px; font-size:14px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage a img{margin-top:13.5px;}
.programPage a.page_first{border-left:1px solid #dadada;}
.programPage a.page_prev{border:0; width:43px; margin-right:24px;}
.programPage a.page_next{border:0; width:43px; margin-left:24px;}
.programPage a:hover{background:#e5e5e5; font-weight:bold;}
.programPage a.active{background:#e5e5e5; font-weight:bold;}
.programPage a.page_prev:hover, .programPage a.page_next:hover{background:inherit;}


.layer_pop_tutle {overflow:hidden; height:35px;background:#605b5b; width:100%; color:#fff;}
.layer_pop_tutle_L {float:left; padding-left:20px; line-height:34px; width:80%;}
.layer_pop_tutle_R {float:right;  padding-right:20px; line-height:40px;}
.layer_pop_tutle_R a {color:#fff;}

.park_img1 {float:left; width:50%; margin-top:30px; text-align:left;}
.park_img2 {float:left; width:50%; margin-top:30px;  text-align:right;}
.park_img1 img {width:97%;}
.park_img2 img {width:97%;}


table.list_tb { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #b3b3b3;  border-right: solid 1px  #b3b3b3; margin-top:10px; }
table.list_tb th { font-weight:weight; text-align:center;  border-bottom: solid 1px  #b3b3b3; font-size:15px; border-left: solid 1px  #b3b3b3;line-height:18px; padding:20px 0; color:#fff; background:#000379;}
table.list_tb td { text-align:center; letter-spacing:-0.5px; padding:12px 2px; font-size:14px; color:#333; border-bottom: solid 1px  #b3b3b3;  border-left: solid 1px  #b3b3b3; position:relative; word-break:break-all; }
table.list_tb td a { color:#333;}
table.list_tb td a:hover { color:#000; font-weight:bold;}
table.list_tb tr:hover td{ background:#f4f8ff;}



@media only screen and (max-width : 1600px) {
	.mySwiper .swiper-slide									{ /* height:100px; */ }
}

@media only screen and (max-width : 1400px) {
	.mainVi .txtWrap										{ left:50px; margin:-100px 0px 0px 0px; }
}

@media only screen and (max-width : 1200px) {
	.mainVi .txtWrap										{ left:50px; top:auto; bottom:150px; margin:0px 0px 0px 0px; }
	
	.typoType1												{ font-size:24px; }
	.typoType2												{ font-size:38px; }
	.typoType3												{ font-size:20px; }

	.aboutWrap .item2 img									{ width:130%; }
	.aboutWrap .thum										{ bottom:50px; }
	.aboutWrap .thum img									{ width:200px; }


	.port_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
	.port_list li{ float:left;  width:50%;  padding-bottom:40px; }
	.port_list li dl dd p{ margin-top:0.2em; color:#777; font-size:13px}

}
 
@media only screen and (max-width : 1024px) {
	.mo														{ display:block !important; }
	.pc														{ display:none !important; }

	.mainVi													{ height:640px; }
	.mainVi .txtWrap										{ left:50px; top:auto; bottom:50px; margin:0px 0px 0px 0px; }

	.gnb													{ position:fixed; right:-80%; top:0px; width:80%; max-width:600px; height:100%; overflow-y:auto; background:#4e98ea; z-index:10; }
	.gnb li													{ width:100%; border-bottom:1px solid rgba(255,255,255,0.2); }
	.gnb li a												{ width:100%; text-align:left; padding:20px 30px; color:#fff; }
	.gnb li a:hover											{ color:#fff; }
	.gnb.active												{ right:0px; box-shadow:0px 0px 50px rgba(0,0,0,0.7); } 

	.csInfoWrap												{ top:-20px; }
	.csInfoWrap .td:first-child								{ display:none; }

	.aboutWrap												{ padding:200px 10px 50px 10px; text-align:center; }
	.aboutWrap .titleWrap									{ margin:0px 0px 40px 0px; }

	.interiorWrap											{ padding:0px 10px 40px 10px; }
	.interiorWrap .titleWrap								{ position:absolute; left:0px; top:50px; text-align:right; margin:0px 0px 40px 0px; transform:translate(0,0); }
	.interiorWrap .typoWrap									{ transform:translate(0,0); z-index:8; }
	.interiorWrap .typoWrap .container						{ position:relative; width:100%; max-width:100%; float:right; text-align:left; }
	.interiorWrap .blueBg1									{ position:absolute; left:50%; top:200px; width:50%; padding:700px 0px 0px 0px; z-index:-1; }

	.mySwiper2												{ position:relative; width:100%;/*  height:500px; */ margin:0px 0px 0px 0px; margin-left:0px; overflow:hidden; box-shadow:0px 30px 40px rgba(0,0,0,0.3); }
	.mySwiper2 .swiper-slide img							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }

	.mySwiper												{ position:relative; left:auto; top:auto; width:100%; margin:30px 0px 0px 0px; }
	.mySwiper .swiper-slide									{  }
	.mySwiper .arrowWrap									{ display:none; }

	.hourInfo												{ display:none; }

	.mapInfo												{ margin:0px 0px 0px 0px; }
	.mapInfo .titleWrap										{ position:absolute; right:10px; top:0px; text-align:right; }
	.mapInfo .titleWrap .typoType11							{ padding:0px 10px 0px 10px; }
	.mapInfo .adrInfo										{ position:relative; width:100%; float:left; text-align:left; clear:both; margin:30px 0px 40px 0px; }
	.mapInfo .adrInfo > span								{ display:inline-block; width:100%; vertical-align:top; text-align:left; padding:0px 0px 0px 10px; }
	.map													{ position:relative; width:100%; height:400px; border:1px solid #ddd; }

	.ftLogo													{ margin:0px 0px 20px 10px; float:left; clear:both; }
	.ftgnb													{ position:relative; float:left; clear:both; }
	.ftgnb li a												{ padding:5px 10px; }
	.ftgnb li a:before										{ display:none; }


	.comInfo												{ float:left; clear:both; width:100%; padding:0px 10px; }
	.csCenter												{ float:left; clear:both; width:100%; margin:0px 0px 20px 0px; }
	.csCenter .tel											{ font-size:25px; text-align:left; margin:0px 0px 10px 0px; padding:0px 10px; }
	.csCenter .hoIn											{ font-size:15px; text-align:left; color:#808393; font-weight:500; font-family: 'Noto Sans KR', sans-serif; padding:0px 10px; }

	.doc_his												{ padding:50px 50px 100px 50px; }

	.location												{ margin:94px 0px 0px 0px; }

	.typoType5												{ font-size:15px; }
	.typoType6												{ font-size:13px; }
	.typoType7												{ font-size:25px; }
	.typoType8												{ font-size:16px; }
	.typoType9												{ font-size:16px; }
	.typoType10												{ font-size:100px; }
	.typoType11												{ font-size:25px; }
	.typoType12												{ font-size:17px; }
	.typoType13												{ font-size:35px; }
	.typoType14												{ font-size:35px; }
	.typoType15												{ font-size:15px; }
	.typoType16												{ font-size:18px; }
	.typoType17												{ font-size:35px; }
	.typoType19												{ font-size:100px; }
	.typoType23												{ font-size:75px; display:none;}
	.typoType22												{ font-size:23px;}

}
@media only screen and (max-width : 800px) {
	.bbsList colgroup{display:none;}
	.bbsList thead{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10px; border-radius:3px; border:1px solid #eaecf1;}
	.bbsList tr:first-child{margin-top:0px;}
	.bbsList tr:nth-child(2n){background:#f9fafb;}
	.bbsList tbody td{display:block; border-bottom:0px;}
	.bbsList td[data-table="number"]{display:none;}
	.bbsList td[data-table="subject"]{padding:0px; border-bottom:1px dashed #e4e4e4;}
	.bbsList td[data-table="subject"] > a{display:block; padding:15px; font-weight:bold; font-size:13px;}
	.bbsList td[data-table="date"]{position:absolute; right:0px; bottom:0px;letter-spacing:-1px;font-size:13px;}
	.bbsList td[data-table="write"]{padding-right:110px; text-align:left;font-size:13px;}
	.bbsList td[data-table="area"]{display:none;}
	.bbsList td[data-table="category"]{border-bottom:1px dashed #e4e4e4; text-align:left; color:#148f77;}
	.bbsList .reply + a{padding-top:5px !important;}

	.searchTop{overflow:hidden; font-size:13px; margin-top:0px;}
	.searchTop .selectWrap{text-align:right; font-size:0;}
	.searchTop .selectWrap select{width:80px; height:27px; font-size:13px; color:#171717; padding-left:4px; margin-right:4px; border:1px solid #dadada; vertical-align:middle;}
	.searchTop .selectWrap input[type="text"]{width:150px; height:27px; padding:0 5px; border:1px solid #dadada; border-right:0; box-sizing:border-box; vertical-align:middle;}
	.searchTop .selectWrap a{vertical-align:middle; display:inline-block; width:55px; height:29px; font-size:12px; color:#fefefe; background:#282828; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:27px;}


	.bbsTitle{font-size:15px; }

	.bbsView th{padding:0px; text-align:center;}
	.bbsView td{padding:10px 3px;  text-align:left; border-bottom:1px solid #eaecf1; max-height:100000px; }
	.bbsView th{background:#f9fafb; text-align:center; font-weight:500; letter-spacing:-1px; font-size:12px;}
	.bbsView td{color:#666; word-break:break-all; line-height:19px; font-size:12px;}

	.bbsView td input[type="text"].inputSpam{width:100%; height:25px; font-size:13px; }
	.bbsView td input[type="text"].inputSpam2{width:30%; height:29px; font-size:13px; }
	.bbsView td input[type="file"].inputSpam2_file{ }
	.bbsView td input[type="text"].inputSpam3{width:20%; height:28px; font-size:13px;}
	.bbsView td input[type="text"].inputSpam4{width:10%; height:28px; font-size:13px;}

	.port_list li dl dt{ height:240px;}
	.port_list li dl dd { font-size:13px;}

	.park_img1 {float:none; width:100%; margin-top:0px; text-align:center;}
	.park_img2 {float:none; width:100%; margin-top:30px;  text-align:center;}
	.park_img1 img {width:100%;}
	.park_img2 img {width:100%;}
	.mMap { border:1px solid #ddd; margin:0px 0px 0px 0px; }



}

@media only screen and (max-width : 640px) {
	.mainVi													{ height:500px; }
	.mainVi .txtWrap										{ padding:20px; }

	.csInfoWrap												{ position:relative; left:auto; top:auto; box-shadow:none; padding:10px 0px; }
	.csInfoWrap.table										{ display:inline-block; vertical-align:top; }
	.csInfoWrap .td											{ display:inline-block; vertical-align:top; width:100%; }
	.csInfoWrap .td .typoType5								{ display:none; }
	.csInfoWrap .td .typoType6								{ margin:0px 0px 5px 0px; }
	.csInfoWrap .td .typoType7								{ margin:0px 0px 5px 0px; }

	.aboutWrap												{ padding:20px 10px 50px 10px; text-align:center; }
	.aboutWrap .item1										{ padding:30px 0px 0px 0px;  }
	.aboutWrap .item1.col50									{ max-width:100%; width:100%; }
	.aboutWrap .item2.col50									{ max-width:100%; width:100%; }
	.aboutWrap .item2 img									{ width:100%; }
	.aboutWrap .thum										{ position:relative; left:auto; bottom:auto; white-space:nowrap; width:calc(100% + 10px); margin-left:-5px; }
	.aboutWrap .thum img									{ float:left; margin:0px 5px 0px 5px; box-shadow:0px 20px 30px rgba(0,0,0,0.5); width:calc(33.33333% - 10px); }

	.aboutCont .col50										{ width:100%; }

	.doc_his												{ padding:50px 10px 0px 10px; }

	.typoType1												{ font-size:18px; }
	.typoType2												{ font-size:25px; }
	.typoType3												{ font-size:20px; }
	.typoType20												{ font-size:40px; }

	.programPage{ margin-bottom:20px; margin-top:20px; text-align:center; font-size:0;}
	.programPage a{display:inline-block; width:26px; height:26px; line-height:24px; font-size:13px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
	.programPage a.page_first{border-left:1px solid #dadada;}
	.programPage a.page_prev{border:0; width:31px; margin-right:13px;}
	.programPage a.page_next{border:0; width:31px; margin-left:13px;}

	.port_list li dl dt{ height:150px;}
	
	.special_Wrap { padding:50px 0px 30px 0px; }
	.special_box {font-size:14px; border:1px solid #fff; border-radius: 20px;  width:95%; max-width:800px; padding:10px; display:inline-block;  text-align:left; margin-bottom:20px;}
	.special_box img{width:24px;}

}

@media only screen and (max-width : 414px) {
	.typoType10												{ font-size:70px; }
	.typoType11												{ font-size:20px; }
}