@charset "utf-8";
@import url('aos.css');
@import url('swiper.min.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

@font-face {
    font-family: 'Freesentation';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-7Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Freesentation';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Freesentation';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-3Light.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

:root { 
    --blue1:#3c6bf6;
    --blue2:#003974;
    --gray1:#c8c9ca;
    --font1:'Nanum Myeongjo'; 
    --font2:'Libre Caslon Text'; 
}

/* 
font-family: 'Nanum Myeongjo'; 
font-family: "Libre Caslon Text", serif;
*/
/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:8rem !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.pd0 { padding:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }


/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%;}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
th { background: #eee;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#555;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'Freesentation',sans-serif; font-size:13px; color: #555;}
body,textarea,input,select { font-family:'Freesentation',sans-serif; font-size:13px; color: #555; text-decoration: none; } 
textarea,.inp,select,button { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal; background:none;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
::-ms-clear { display: none;}
select::-ms-expand { display:none; }

.inner { max-width:1010px; margin:0 auto; padding:0 20px;}

.hidden { position: absolute; opacity:0; visibility: hidden;}



/*********************************************************************************************************************************************************************
	Layout
*********************************************************************************************************************************************************************/

#s-header { position: fixed; left: 0; right:0; top:0; height:100px; z-index:1000; transition:all 1s ease; }
#s-header .inner { max-width:1200px; display: flex; justify-content: space-between; }
#s-header.active .bg-menu {  height:230px; background:rgba(0,0,0,0.2); backdrop-filter: blur(50px); opacity:1; }

#s-header .header-inner {  margin:0 auto; position: relative; z-index:10;  }
#s-header h1 {  }
#s-header h1 a { display: block; background: url(../img/common/logo.png) no-repeat 0 50%; width:281px; height:100px; text-indent: -9999px; background-size: contain; }

.menu-on #s-header { background:rgba(255,255,255,0.7); }

.btn-m { display: none; width:37px; height:30px;  flex-direction: column; justify-content: space-between; }
.btn-m span { display:block; height:3px; background: #000;  }

#s-gnb{  } 
#s-gnb > ul:after { display: block; content: ''; clear: both; }
#s-gnb > ul > li {float:left; position: relative; padding:0 20px; }
#s-gnb .btn-dep1 { display: block; height:100px; line-height: 100px; font-size:16px;   color: #55565a;  padding:0 26px; position: relative ;font-weight:600; transition: all 0.5s ease;}
#s-gnb > ul > li:hover .btn-dep1 { color:#3c6bf6 !important}
#s-gnb > ul > li:hover .btn-dep1:before { opacity:1; }
#s-gnb > ul > li:hover .dep2 { opacity:1; visibility: visible; top:100px; }

#s-gnb .dep2 { position: absolute; left: 0; right:0; top:120px;  padding:10px 0;  z-index:10; background-color: rgba(255,255,255,0.9); visibility: hidden; opacity:0; transition: all 0.5s ease;}
#s-gnb .btn-dep2 { display: block; font-size:15px; line-height: 40px; color: #555; font-weight: 400; white-space: nowrap; text-align: center;  }
#s-gnb .btn-dep2:hover {  color:#111; font-weight:600; }



#s-wrap {  min-height: 100vh;}


.m-gnb { display: none; position: fixed; right:0; top:0; left:0; bottom:0; z-index:9999; background: #fff; font-family: var(--font1);}
.m-gnb .btn-close { position: absolute; right:10px; top:10px; width:45px; height: 45px; background: url(../img/common/ico_close.svg) no-repeat 50% 50%; background-size: 20px auto; background:none;}
.m-gnb .scroll > ul { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 100vh;}
.m-gnb .scroll > ul > li { text-align: center; margin-bottom: 30px;}
.m-gnb .scroll .btn-dep1 { text-align: center; font-size:20px; color:var(--blue1); font-weight:700; }
.m-gnb .scroll .btn-dep2 { text-align: center; font-size:15px; }
.m-gnb .scroll .dep2 { display: flex; justify-content: center; padding-top:25px; align-items: center;}
.m-gnb .scroll .dep2 > li { padding:0 10px; position: relative; }
.m-gnb .scroll .dep2 > li + li:before { content:''; position: absolute; left:0; top:50%; width:1px; height: 10px; background-color: #000; margin-top:-5px;}
.m-gnb .btn-close span { display: inline-block; position: relative; width: 14px; height: 2px; background: #fff; }
.m-gnb .btn-close span:before { content: ""; display: block; position: absolute; top: -8px; right: 0; z-index: 1; width: 20px; height: 2px; background: #222; transition: 0.3s; }
.m-gnb .btn-close span:after { content: ""; display: block; position: absolute; bottom: -8px; right: 0; z-index: 1; width: 20px; height: 2px; background: #222; transition: 0.3s; }
.m-gnb .btn-close span { background-color: transparent;}
.m-gnb .btn-close span:before { width: 26px; height: 3px; top: -1px; transform: rotate(45deg); }
.m-gnb .btn-close span:after { width: 26px; height: 3px; bottom: 0; transform: rotate(-45deg); }

.main-visual { height: 730px; position: relative; color:#231815;  display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: var(--font1); font-weight:600;overflow:hidden;}
.main-visual:before { content: ''; position: absolute; left:0; top:0; right:0; bottom:0;background: url(../img/main/main_visual.jpg) no-repeat 50% 50%; background-size: cover; transform:scale(1.2); opacity:0; transition:all 2s cubic-bezier(0.25, 1, 0.5, 1); }
.main-visual .t1 { font-size:36px; position: relative; transition:all 1s cubic-bezier(0.25, 1, 0.5, 1);transition-delay:1s; transform:translateY(30px); opacity:0; }
.main-visual .t1 strong { font-family: var(--font2); color:#578fcc; font-weight:600; }
.main-visual .t2 { font-size:20px; margin-top:5px; padding-bottom: 35px; position: relative;transition:all 1s cubic-bezier(0.25, 1, 0.5, 1); transition-delay:1.2s; transform:translateY(30px); opacity:0;}
.main-visual.active:before { transform:scale(1); opacity:1; }
.main-visual.active .t1{ transform:translateY(0); opacity:1; }
.main-visual.active .t2{ transform:translateY(0); opacity:1; }

.main1 { padding:90px 0; background-color: #f9f8f8;}
.main1 .inner { max-width:940px;}
.main1 .logo { text-align: center; margin-bottom: 50px;}
.main1 ul li { padding: 20px 0; border-bottom: 1px solid #ddd; display: flex; align-items: center; gap:30px}
.main1 ul li:last-child { border-bottom: 0;}
.main1 ul li dl dt { font-size:25px; color:#555; margin-bottom: 10px; font-weight:600; } 
.main1 ul li dl dd{ font-size:20px; color:#555; line-height: 1.5; word-break: keep-all;}

.main h2 { text-align: center; font-size:38px; font-weight:600; color:#55565a; font-family: var(--font1); margin-bottom: 60px;}
.h3-main { text-align: center; font-family: var(--font1); font-size:24px; color:#55565a; margin-bottom: 30px;}

.main2 { padding:90px 0 140px; }
.main2 .inner { max-width:890px; }
.main2 ul { display: flex; flex-wrap: wrap; padding-right:25%; gap:8px; position: relative;}
.main2 ul li { width:calc(33.333333% - 8px); height: 185px; background: url(../img/main/bg1.jpg) no-repeat 50% 50%; background-size: cover; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size:23px; color:#55565a; text-align: center; font-weight:500;position:relative;}
/*.main2 ul li:before {content:''; position:absolute; left:0; top:0;right:0;bottom:0; background:rgba(255,255,255,0.5); }*/
.main2 ul li p {position:relative; z-index:2}
.main2 ul li p span { display:block; font-size:18px; margin-top:8px; }
.main2 ul li small { font-size:18px;}
.main2 ul li:last-child { position: absolute; right:0; top:0; width:25%; height: 100%;}
.main2 ul li:nth-child(2) { background-image: url(../img/main/bg2.jpg);}
.main2 ul li:nth-child(3) { background-image: url(../img/main/bg3.jpg);}
.main2 ul li:nth-child(4) { background-image: url(../img/main/bg4.jpg);}
.main2 ul li:nth-child(5) { background-image: url(../img/main/bg5.jpg);}
.main2 ul li:nth-child(6) { background-image: url(../img/main/bg6.jpg);}
.main2 ul li:nth-child(7) { background-image: url(../img/main/bg7.jpg);}

.main3 { padding:90px 0 140px; }
.main3 .inner { max-width:890px; }
.main3 { padding:90px 0 140px;  background-color: #f9f8f8;}
.main3 .inner { max-width:890px; }
.main3 ul li { margin-bottom: 55px; position: relative; border:1px solid #ddd; border-radius:10px; background-color: #fff; padding-left: 50px; ;}
.main3 ul li dl { display: flex; padding:14px 0; }
.main3 ul li dl dt { flex:0 0 185px; text-align: center; font-size:22px; color:#578fcc; ;}
.main3 ul li dl dd { font-size:18px; color:#000000; padding-left: 10px;}
.main3 ul li:last-child { margin-bottom: 0;}
.main3 ul li:before {content:''; position: absolute; left:50%; bottom:-55px; width:60px; height: 55px; background: url(../img/main/arr.png) no-repeat 50% 50%;}
.main3 ul li:last-child:before { display: none ;}

.main4 { padding: 90px 0; }
.main4 .inner { max-width:890px; }
.main4 .main-map {margin-bottom: 50px;}
.main4 .main-map iframe { width:100%; height:342px; aspect-ratio: 89/34;}
.time { padding: 30px 0; border-top:2px solid #6a9cd2; border-bottom: 2px solid #6a9cd2; display: flex; margin-bottom: 30px;}
.time dl { width:33%}
.time dl dt { font-size:24px; font-weight:600; margin-bottom: 10px;}
.time dl dd { font-size:18px; line-height: 1.5;}
.time dl dd .t2 span { display: inline-block; width:75px}
.time dl dd .t1 + .t1 { margin-top:8px;}
.tels { padding: 25px 20px; background-color: #f9f8f8; text-align: center;}
.tels .t1 { font-size:58px; line-height: 1; font-family: var(--font2);}
.tels .t2 { font-size:25px; font-weight:600; margin-top:20px; }
.tels .t3 { font-size:20px; margin-top:5px; }
.tels .btns { text-align:center; } 
.tels .btns a { display:block; line-height:52px; border-radius:5px; background:#5587bf; font-size:28px; color:#fff; font-weight:600; max-width:320px; margin:20px auto 0; }


.footer { padding:60px 0; background-color: #595757;}
.footer .inner { max-width:1100px; position: relative; padding-left: 360px; ;}
.footer .logo { position: absolute; left:20px; top:0; }
.footer .addr { font-size:18px; line-height: 1.6; color:#fff;}

.sub-head { height: 395px; position: relative; margin-bottom: 80px; display: flex; justify-content: center; align-items: center;}
.sub-head:before {content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: url(../img/sub1/head.jpg) no-repeat 50% 50%; background-size: cover;}
.sub-head h2 { font-size:56px; font-weight:600; position: relative; z-index:2;}
.sub-head.sub2:before { background-image: url(../img/sub2/head.jpg);}
.sub-head.sub3:before { background-image: url(../img/sub3/head.jpg);}

.h3 { text-align: center; margin-bottom: 40px; font-size:38px; color:#578fcc; font-weight:600; font-family: var(--font1);}
.h3.border { border-bottom: 2px solid #578fcc; padding-bottom: 40px;}
.content { max-width:970px; margin:0 auto; padding:0 20px 100px;}

.tit1 { font-size:28px; font-weight:600; margin-bottom: 12px; word-break: keep-all;}
/*.tit2 { padding:10px; background-color: #578fcc; font-size:25px; color:#fff; font-weight:600; margin-bottom: 5px;}*/
.tit2 { padding:10px 20px; background-color: #578fcc; font-size:28px; color:#fff; font-weight:600; margin-bottom: 5px;}
.tit3 { font-size:38px; color:#595757; text-align:center; font-family:var(--font1); }
.txt1 { font-size:24px; line-height: 1.4;word-break: keep-all; margin-bottom: 60px;text-align:justify;}
.txt2 { padding:20px 30px; font-size:23px; line-height: 1.5; background-color: #f9f8f8; margin-bottom: 20px; word-break: keep-all; text-align:justify;}
.txt2 .tit { font-size:27px; font-weight:600; margin-bottom: 10px;}
.txt2 u { font-weight:600; }
.txt-box1 { display: flex; gap:40px; align-items: center;}
.txt-box1 .img { flex:1 0 auto; }
.movie { display: flex; gap:10px; }
.movie .item { width:100%; }
.movie .item iframe { width:100%; aspect-ratio: 16/9; height:auto;}

.doctor .logo { text-align: center; margin-bottom: 70px;}
.doctor .photo { display: flex; background-color: #e2ecf2; margin-bottom: 45px;}
.doctor .photo .img { flex:0 0 370px;}
.doctor .photo .info { flex:1; padding:0 0 15px 40px; display: flex; align-items: flex-end; font-size:23px; line-height: 1.4; background: url(../img/sub2/symbol.png) no-repeat 95% 25px;}
.doctor .photo .info .txt strong { font-size:26px; font-weight:600;  }
.doctor .photo.type2 { flex-direction: row-reverse; }
.doctor .photo.type2 .info { background-position: 98% 50% !important;padding-top:30px; padding-bottom:30px;}

.his { display: flex; justify-content: space-between; gap:90px; margin-bottom:40px;}
.his > div { flex:1; }
.his dl { margin-bottom: 45px;}
.his dl dt { font-size:24px; font-weight:600; margin-bottom: 10px;}
.his dl dd { font-size:20px; line-height: 1.5;}
.his dl dd a { font-weight:600; color:#111; white-space:nowrap;}
.his iframe { width:100%; aspect-ratio: 16/9;}

.contact iframe { width:100%; aspect-ratio: 16/9; margin-bottom: 30px; height: auto;}
.contact .t1 { font-size:26px; line-height: 1.4; margin-bottom: 5px; font-weight:600 }
.contact .t2 { font-size:24px; line-height: 1.5; }

.res { padding: 28px 0; background-color: #f9f8f8; display: flex; margin-bottom: 50px;}
.res > div { flex:1;}
.res .ico { width:100%; display: flex; justify-content: center; align-items: center; border-right:2px solid #a4a3a4}

.slider1 { position: relative; border:2px solid #ccc; margin-bottom: 20px;}
.slider1 .swiper-slide img { width:100%; }
.slider1 .swiper-button-prev,
.slider1 .swiper-button-next { width:70px; height: 70px; background: url(../img/sub3/btn_slide.png) no-repeat 50% 50%; top:50%; opacity:1; }
.slider1 .swiper-button-prev { transform: scaleX(-1);}
.slider1 .swiper-button-next.swiper-button-disabled,
.slider1 .swiper-button-prev.swiper-button-disabled { opacity:0.5; }
.slider2 .swiper-slide { cursor: pointer; overflow: hidden;}
.slider2 .swiper-slide img { transition:all 3s ease; }
.slider2 .swiper-slide:hover img { transform: scale(1.2);}

.btn-box1 { display:flex; gap:30px; }
.btn-box1 a { flex:1; border-radius:10px; padding:30px 40px 30px 0;text-align:center; font-size:26px; line-height:1.4; color:#414042; font-weight:600; border:2px solid #568fcc; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(239,239,240,1) 100%);position:relative;}
.btn-box1 a:before { content:''; background: url(/img/common/ico_down.png) no-repeat 100% 50%; position:absolute; right:30px; top:0; bottom:0; width:70px;}






/* Form */
.select { height: 40px; border: 1px solid #ccc; padding:0 30px 0 10px; font-size:17px; color: #444; background: #fff url(../img/common/bu_select.png) no-repeat 100% 50%; background-position:right 12px center; }

.inp { vertical-align:middle; padding:0 0 0 15px; height:40px; background:#fff; border:1px solid #cccccc; font-size:17px; color:#444; }
#wr_content { padding:15px 10px; height:300px; background:#fff; border:1px solid #ccc; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.w100 { width:100%; }
.btn { display:inline-block; vertical-align:middle; border:0; min-width:150px; height:45px; line-height:43px; border-radius:8px;  background:#249fda;  font-size:18px; color:#fff;  text-align:center;}
.btn-type1 { display:inline-block; vertical-align:middle; border:0; min-width:150px; height:45px; line-height:43px; border-radius:8px;  background:#249fda;  font-size:18px; color:#fff;  text-align:center;}
.btn-type2 { display:inline-block; vertical-align:middle; border:0; min-width:150px; height:45px; line-height:43px; border-radius:8px;  background:#cccccc;  font-size:18px; color:#fff;  text-align:center;}
#bo_sch .inp { height:50px; border:0; border-bottom:1px solid #249fda; width:280px; }
#bo_sch .inp:focus { box-shadow:none; border:0 !important; border-bottom:1px solid #249fda !important;outline:none;  }



.table1 { margin-bottom:40px; }
.table1 table { width:100%; border-collapse: collapse; border-top:2px solid #dedede; }
.table1 table thead th { border-bottom: 1px solid #dedede; padding:13px 10px; font-size:18px; color:#555555;  font-weight: 300; background:none; }
.table1 table thead th + th { border-left: 1px solid #dedede; }
.table1 table tbody th { background:#f5f5f5; }
.table1 table tbody td { border-bottom: 1px solid #dedede; padding:13px 10px; font-size:18px; color:#444; height:52px;}
.table1 table tbody td + td { border-left: 1px solid #dedede; }
.table1 table tbody td dl:after { display: block; content: ''; clear: both; }
.table1 table tbody td dl dt { float:left; }
.table1 table tbody td dl dd { float:right; }
.table1 table tbody td .arr { width:14px;}
.table1.no-border table thead th + th,
.table1.no-border table tbody td + td { border-left:0;}

.board-write { border-top:2px solid #646465; margin-bottom: 15px; }
.board-write table { width:100%; border-collapse: collapse; }
.board-write table tbody th { background:#f5f5f5; width:20%; padding-left: 40px; font-size:18px; text-align: left; font-weight: 300; border-bottom: 1px solid #dedede;  }
.board-write table tbody td { border-bottom: 1px solid #ababab; padding:10px;  }
.board-bottom-desc { font-size:16px; letter-spacing: -1px; line-height: 1.4; margin-bottom: 60px;}


.board-head { display:flex; justify-content:space-between; padding:15px 0; align-items:center;}
.board-head .title { font-size:16px; }
.inp-srch { display: inline-block; max-width:293px; position: relative; border-bottom: 1px solid #ddd; height: 45px;  }
.inp-srch .inp-srch { width:100%; padding:0 40px 0 20px; height: 45px; background: none; border: 0; outline:none; font-size:17px; }
.inp-srch .inp-srch:focus { border: 0 !important; }
.inp-srch .btn-srch { position: absolute; right:0; top:0; width:45px; height: 45px; border: 0; background: url(../img/sub3/btn_srch.png) no-repeat 50% 50%; text-align: left; text-indent: -9999px; }




.board-view {  font-weight:300;  margin-bottom:70px; }
.board-view .subject { text-align:center; padding:22px 15px; font-size:18px; line-height:1.4;border-top:2px solid #646465; border-bottom:1px solid #ddd; }
.board-view .subject div { margin-bottom:5px;  word-break:break-all; font-size:22px;  }
.board-view .subject p {  }
.board-view .text-area { padding:50px 70px; font-size:17px; line-height:1.7;  border-bottom:1px solid #646465; }
.board-view .files { border-bottom:1px solid #d9d9d9;  display:none;}
.board-view .files dl { padding:20px 15px 20px 160px; position:relative; line-height:1.7;  font-size:17px; } 
.board-view .files dl:after { display:block; content:''; clear:both; }
.board-view .files dl dt { position:absolute; left:15px; top:20px;  padding:0 26px; background:url(../img/common/ico_file.png) no-repeat 100% 50%; }
.board-view .files dl dd { }
.board-view .files dl dd a { color:#444; }


/* GNU */
.pg_wrap { margin-bottom: 50px; float:none; display:block; text-align:center;  }
.pg_page { width:44px; height:44px; background:#fff; border:1px solid #cccccc; line-height:42px; font-size:20px; color:#249fda; margin:0 2px; border-radius:5px;}
.pg_page:hover { background-color:transparent; border-color:#249fda; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.pg_current { width:44px; height:44px; background:#249fda; border:1px solid #249fda; line-height:42px; font-size:20px; color:#fff; margin:0 2px; border-radius:5px; font-weight:600; box-shadow:none;}
.pg_start { border:0; background:url(../img/common/page_first.png) no-repeat 50% 50%; }
.pg_prev{ border:0; background:url(../img/common/page_prev.png) no-repeat 50% 50%; }
.pg_next { border:0; background:url(../img/common/page_next.png) no-repeat 50% 50%; }
.pg_end { border:0; background:url(../img/common/page_last.png) no-repeat 50% 50%; }
#bo_cate {display:none; }
.auth-img img { max-width:550px; width:100%;}
.bo_fx { float:none; margin-bottom:40px;  overflow:hidden; }
.btn_bo_user li { margin-bottom:5px; }
.write_div { margin:30px 0; text-align:center;}

.section { margin-bottom:140px; padding-top:20px; }
.section .main2 { padding-bottom:0;}

.quick { position:fixed; right:30px; bottom:20px; transition:all 1s ease; opacity:0; visibility: hidden; z-index:20;}
.quick p { margin-bottom:10px; }
.quick a img { width:60px; }
.menu-on .quick { bottom:50px; opacity:1; visibility:visible; }

.mobile { display: none;}

@media all and (max-width:1020px) {	
	.mb70 { margin-bottom: 35px !important;}

    .pc { display: none;}
    .mobile { display: block;}
    #s-gnb { display: none;}
   .btn-m { display: flex; height: 50px; width:50px; padding:15px; margin-top:10px; margin-right:-10px;}
    .btn-m span { height: 2px;}
    #s-header .header-inner{ padding:0 10px 0 20px; }
    #s-header { height: 70px;}
    #s-header h1 a { width:190px; height: 70px; ;}
    .m-gnb .btn-close { width:45px; height: 45px; background-size: 20px auto;}

    .main-visual { height: 500px;;}
    .main-visual .t1 { font-size:26px; }
    .main-visual .t2 { font-size:16px; padding-bottom: 15px;}
    .main1 { padding:50px 0;}
    .main1 ul li { gap:15px; }
    .main1 ul li i { flex:0 0 50px;}
    .main1 ul li dl dt { font-size:20px; }
    .main1 ul li dl dd { font-size:15px; }
    .main2 {padding:50px 0;}
    .main h2 { font-size:28px; margin-bottom: 30px;}
    .main2 ul { padding:0;}
    .main2 ul li { width:calc(50% - 4px); font-size:18px; height: 105px;; }
	
    .main2 ul li small { font-size:14px; }
	.main2 ul li p span { font-size:13px; letter-spacing:-0.5px;}
    .main2 ul li:nth-child(7) { position: static; width:100%; padding:40px 0;}
    .main3 { padding:50px 0;}
    .main3 ul li { margin-bottom: 30px; padding:20px;}
    .main3 ul li dl { display: block; padding:0; }
    .main3 ul li:before { width:30px; height: 30px; bottom:-30px; margin-left: -15px; background-size: 20px auto;}
    .main3 ul li dl dt { font-size:20px; margin-bottom: 5px; text-align: left;}
    .main3 ul li dl dd { font-size:16px; word-break: keep-all; padding-left:0; }
    .main4 { padding:50px 0; }
    .main4 .main-map { margin-bottom: 30px;}
    .main4 .main-map iframe { aspect-ratio: 16/5; height: 250px; }
    .time { padding:20px 0; margin-bottom: 20px; display: block;}
    .time dl { width:auto; }
    .time dl + dl { margin-top:15px; }
    .time dl dt { font-size:20px; }
    .time dl dd { font-size:16px; }
    .tels .t1 { font-size:30px; }
    .tels .t2{ font-size:20px; margin-top:12px; }
    .tels .t3 { font-size:15px; }
    .footer { padding:30px 0;}
    .footer .inner { padding-left: 20px;}
    .footer .logo { position: static; }
    .footer .logo img { width:180px; }
    .footer .addr { font-size:14px; margin-top:10px;}
    .sub-head {height: 220px; margin-bottom: 40px;}
    .sub-head h2 { font-size:38px; padding-top:20px; }

    .h3 { font-size:30px; margin-bottom: 20px; ;}
    .h3.border { padding-bottom: 20px;;}
    .txt-box1 { display: block; margin-bottom: 30px;}
    .tit1 { font-size:20px; margin-bottom: 8px;}
    .tit2 { padding:8px 10px; font-size:20px; }
	.tit3 { font-size:20px; word-break:keep-all; }
    .txt1 { font-size:16px; margin-bottom: 30px;}
    .txt2 { padding:10px; font-size:18px; margin-bottom: 15px;}
    .txt2 .tit { font-size:19px; margin-bottom: 7px;}
    .movie { display: block;;}
    .movie > div { margin-top:15px;}
    .movie iframe { aspect-ratio: 16/9; height: auto;}
    .doctor .logo { margin-bottom: 50px;}
    .doctor .logo img { width:70%; }
    .doctor .photo { display: block; margin-bottom: 30px;}
    .doctor .photo .info { padding:20px; font-size:18px; background-position: 95% 5px !important;}
    .his { gap:15px; }
    .his dl dt { font-size:20px; }
    .his dl dd { font-size:15px; }
    .his.last { display: block;}
    .his iframe { height: auto;}
    .slider1 .swiper-button-prev, .slider1 .swiper-button-next { width:40px; height: 40px; background-size: contain;}
    .contact .t1 { font-size:20px; }    
    .contact .t2 { font-size:18px; }
    .res { display: block; padding:15px;}
    .res .ico { border:0; text-align: center; margin-bottom: 20px;}
    .res .ico img { max-width:70%;}


	.btn-box1 { display:block; }
	.btn-box1 a { padding:12px 30px;  font-size:16px;  display:block; margin-bottom:10px;}
	.btn-box1 a:before { right:15px; background-size:30px auto;}
	
	.table1 table thead th { font-size:14px; padding:8px 5px; }
	.table1 table tbody td { font-size:13px; padding:5px; }
	.board-view .subject { padding:10px 8px; font-size:14px; }
	.board-view .subject div { font-size:17px; }
	.board-view { margin-bottom:35px; }
	.board-view .text-area { padding:15px 0; font-size:14px; }
	.board-view .files dl { padding:10px 10px 10px 80px; font-size:14px; }
	.board-view .files dl dt { left:10px; padding:0 5px; top:10px; }
	.board-desc1 { font-size:14px; margin-bottom:25px; }


	.pg_page,
	.pg_current  { width:24px; height:24px; line-height:22px; font-size:12px; }
	.board-write table tbody th { padding-left:8px; font-size:13px; }
	.inp-srch .inp-srch { font-size:14px;padding-left:10px; }
	.replay-label { padding:0 5px; height:25px; line-height:24px; font-size:12px; }
	.board-bottom-desc { font-size:13px; margin-bottom:20px; }
	
	.btn-type1 { min-width:60px; height:35px; line-height:33px; font-size:16px;}
	.quick { right:20px; bottom:0px;  }
	.menu-on .quick { bottom:20px; }
	.quick a img { width:45px; }
	
}