/*  영역  */	
body {font-family: 'Noto Sans KR', dotum, sans-serif;font-size: 16px;font-weight: 400;letter-spacing: -0.04em; }
input, button, select {margin: 0;padding: 0}
input[type="submit"]{cursor: pointer}
button {cursor: pointer}

/* 길이 자르기 */
.ellips_ {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

/*  전체 영역  */	
#wrap {width: 100%;min-width: 1450px;height: auto !important;height: 100%;min-height: 100%;overflow-y: hidden;font-family: 'Noto Sans Kr';letter-spacing: -0.04em}

/* TM */	
.tm {float: right;position: absolute;z-index: 1;right: 50px;top: 30px;color:#fff}
.tm a {color: #fff;text-decoration: none}
.tm a:hover {color: #fff;text-decoration: none}
.tm a svg {margin: 0 5px}

.span_ll {padding: 0 5px;font-family: 'dotum';font-size: 14px;font-weight:normal}

/* GNB */
#gnb {display: block;position: relative;z-index: 2;width: 100%;min-width: 1450px; height: 100px; margin: 0 auto; top:0;} 
.gnb_container {top: 0;left: 0;width: 100%;height: 100px;line-height: 0;position: relative;z-index: 30;opacity: 1;filter:alpha(opacity=100); transition: all .5s ease}
.gnb_container:hover {background: #fff;opacity: 0.9;transition: all .5s ease}
.gnb_container .temp_gnb {width: 100%;height: 100%;position:relative}
.gnb_container .temp_gnb .logo {top: 35px;left: 50px;position: absolute;z-index: 2}
.gnb_container .temp_gnb .mb {top: 35px;right: 100px;position: absolute;z-index: 2;vertical-align:middle}
.gnb_container .temp_gnb .mb svg {margin-left: 6px;vertical-align: middle}
.gnb_container .temp_gnb .navBtn {top: 31px;right: 50px;position: absolute;z-index: 3;vertical-align: middle;cursor: pointer}

.gnb_wrap {width: 100%;height: 100%;text-align: center;position: relative}
.gnb_wrap .bg_wrap {top: 0;left: 0;position: absolute;z-index: 1;width: 100%;height:100%}
.gnb_wrap .bg_wrap .bg {width: 100%;height: 100%;}

@media only screen and (max-width: 1920px){
	.gnb_wrap {width: 100%;}
}
@media only screen and (max-width: 1440px){
	.gnb_wrap {width: 100%;}
}
	
.gnb_wrap .g_wrap {display: inline-block;width: 100%;position: relative;z-index: 1;padding-right: 400px;margin: 0 auto;text-align: center;overflow:hidden}
.gnb_wrap .g_wrap .btn {display: inline-block; *display:inline; zoom:1;line-height: 100px;padding: 0 30px;font-family: 'Noto Sans Kr';font-size: 19px;color: #000;font-weight: 400;overflow: hidden;cursor: pointer;letter-spacing: -0.04em}

.bar_container {width: 100%;position: absolute;bottom: 0;left:0}
.bar_container .bar_wrap {position: relative}
.bar_container .bar_wrap .bar {width: 0;height: 2px;position: relative;background: #009790}
	
.snb_wrap { position:relative; width:100%; top:0px; }
.snb_wrap .temp_wrap { position:relative; margin:0 auto; text-align:center; opacity:1; filter:alpha(opacity=100); }
.snb_wrap .wrap { margin-top:0px; width:100%;padding-right: 400px; text-align:center; position:absolute; overflow:hidden; background:#eee; }
.snb_wrap .wrap .bg { display:none; top:0; width:100%; height:100%; text-align:center; position:absolute; }
.snb_wrap .wrap .btn_wrapper { display:inline-block; top:0px; position:relative; width:100%; text-align:center; left:0px;  }
.snb_wrap .wrap .btn { display:inline-block; float:center; /*width:180px;*/ padding:0 20px;height:50px; line-height:52px;position:relative; cursor:pointer; }
.snb_wrap .wrap .btn .title { float:left; padding:0; text-align:center; display:inline-block;}
.snb_wrap .wrap .btn .txt { display:inline-block; position:relative; z-index:2; height:50px;font-family:'Noto Sans Kr'; font-size:16px; font-weight:400; color:#000; letter-spacing:-0.04em; }
.snb_wrap .wrap .btn:after { content:""; display:none; /* display:block; */ width:0px; height:4px; background:#000; position:absolute; z-index:1; bottom:0px; left:10%; transform:translateX(0%); transition:width 0.4s; opacity:1;}
.snb_wrap .wrap .btn:hover:after { display:none; /*display:inline-block;*/ list-style:none; float:left; width:80%; line-height:50px; }
.snb_wrap .wrap .btn .underline { display:none; /*display:inline-block;*/ bottom:1px; height:1px; left:0; background:#fff; position:absolute; z-index:1;  }
.snb_wrap .wrap  .h_line { /*display:block; */ display:none; width:1px; height:16px; background:#fff; opacity:.3; filter:alpha(opacity=20); top:26%; left:0px; position:absolute; }	

@media only screen and (max-width: 1680px){
	.gnb_wrap .g_wrap {padding-right: 200px}
	.snb_wrap .wrap { padding-right: 200px}
}
@media only screen and (max-width: 1440px){
	.gnb_wrap .g_wrap {padding-right: 50px}
	.snb_wrap .wrap { padding-right: 50px}
}


/* 사이트맵 */
.btn-open-popup {display: inline-block;position: absolute;z-index: 99;float: right;width: 50px;right: 30px;margin: 32px 0 0 22px;cursor: pointer}
.gnb_menu_btn {position: relative; }

.navbar {position: fixed;width: 100%;height: 100px;margin: 0 auto;z-index: 99992;margin-top:0}
.navbar.sticked {width: 100%;transition: all 0.2s ease}
.sticked .navbar .navbar-collapse.collapse{margin-top: 0}
.navbar {  }
.navbar.sticked {top: -100px;background: #fafafa;transition: all 0.6s ease}


/* 진료과목 */
.sec1_container {width: 100%;height: 730px;position: relative;text-align: center;margin-top: 30px;font-family: 'Noto Sans Kr'}
.sec1_wrap {display: inline-block:;width: 1300px;margin: 0 auto}
.sec1_wrap .box {width: 400px;text-align: left}
.sec1_wrap .box > p:nth-child(1) {font-size: 40px;font-weight: 500;letter-spacing: -0.04em}
.sec1_wrap .box > p:nth-child(2) {font-size: 18px;font-weight: 300;line-height: 28px;}
.sec1_wrap .box1 {}

.slide-wrap {float: right;width: 1700px;margin-top: -95px}
.slide {position: relative;right: -380px}
.slide .slick-list {margin:0}
.slick-slide {margin:0}
.item {width:550px;margin: 0 5px;text-align:left;cursor: pointer}
.item > p:nth-child(2) {font-family: 'Noto Sans Kr';font-size: 25px;font-weight: 600;padding-top: 25px}
.item > p:nth-child(3) {font-family: 'Noto Sans Kr';font-size: 18px;font-weight: 300;line-height: 28px;padding-top: 20px}

#slider1 .slick-dots {text-align: left; margin-top: 50px; }
#slider1 .slick-dots li {display: inline-block;margin: 0; }
#slider1 .slick-dots li button {font-size: 0;line-height: 0;width: 150px;height:4px;border: none;background-color: #eee;border-radius: 0%;cursor: pointer}
#slider1 .slick-dots li.slick-active button {background-color: #333}
#slider1 .slick-dots li button:hover {background-color: #333}

/* 석촌호수의 특별함 */
.sec2_container {width: 100%;height: 1120px;position: relative;text-align: center;padding-top: 120px;font-family: 'Noto Sans Kr';background-color: #f5f5f5}
.sec2_container > p:nth-child(1) {font-size: 18px;font-weight: 300}
.sec2_container > p:nth-child(2) {font-size: 40px;font-weight: 500;line-height: 90px;letter-spacing: -0.04em}
.sec2_container > p:nth-child(3) {font-size: 18px;font-weight: 300;line-height: 28px}
.sec2_wrap {display: inline-block:;width: 1300px;margin: 0 auto}

.sec2_acco {}
.sec2_acco .acco_wrap {display:flex;margin-top: 60px}
.sec2_acco .acco_wrap .box {width: 100%;height: 620px;position: relative;cursor: pointer;transition: 0.8s}
.sec2_acco .acco_wrap .box:after {content:'';display: block;width: 100%;height: 100%;background: rgba(0 0 0 / 55%);position: absolute;top: 0;left: 0;transition: 0.3s;opacity:0}
.sec2_acco .acco_wrap .box:before {content:'';display: block;width: 100%;height: 620px;position: absolute;bottom: 0;left: 0;opacity: 0;transition: 0.3s}
.sec2_acco .acco_wrap .box + .box {margin-left: 13px}
.sec2_acco .acco_wrap .box.big {width: 100%}
.sec2_acco .acco_wrap .box.big:before {transition: 0.3s;opacity: 1}
.sec2_acco .acco_wrap .box.small {width: 485px;transition: 0.8s; position: relative;}
.sec2_acco .acco_wrap .box.small:after {transition: 0.3s;opacity: 1}
.sec2_acco .acco_wrap .bg1 {background-image:url("../images/sec2_img1.png");background-position: center;background-size: cover}
.sec2_acco .acco_wrap .bg2 {background-image:url("../images/sec2_img2.png");background-position: center;background-size: cover}
.sec2_acco .acco_wrap .bg3 {background-image:url("../images/sec2_img3.png");background-position: center;background-size: cover}
.sec2_acco .acco_wrap .txt_wrap {position: absolute;bottom: 80px;left: 50px;text-align: left;transition: 0.5s}
.sec2_acco .acco_wrap .txt_wrap > p:nth-child(1) {font-family: 'Noto Sans Kr';color: #fff;font-size: 18px;font-weight: 400;text-transform:initial}
.sec2_acco .acco_wrap .txt_wrap > p:nth-child(2) {padding: 5px 0 15px 0;font-family: 'Noto Sans Kr';color:#fff;font-size: 28px;font-weight: 500}
.sec2_acco .acco_wrap .txt_wrap > p:nth-child(2).txt_size {font-size: 23px}
.sec2_acco .acco_wrap .txt_wrap > p:nth-child(3) {font-family: 'Noto Sans Kr';color: #fff;font-size: 18px;font-weight: 300}
.sec2_acco .acco_wrap .hover {bottom: 80px;opacity: 0;transition: 0.5s}
.sec2_acco .acco_wrap .box.big .txt_wrap {opacity: 0;transition: 0.5s}
.sec2_acco .acco_wrap .box.big .hover {opacity: 1;transition: 0.5s}

/* 의료진 소개 */
.sec3_container {width: 100%;height:calc(100vh - 0px);position: relative;text-align: center;padding-top: 120px;font-family: 'Noto Sans Kr';background-image:url('../images/sec3_bg.jpg'); 50% 50%; background-size:cover}
.sec3_wrap {display: inline-block:;width: 1300px;margin: 0 auto}
.sec3_wrap .box {float: left;width: 740px;text-align: left;bottom: 0}
.sec3_wrap .box1 {float: left;width: 480px;text-align: left;padding-top: 190px}
.sec3_wrap .box1 > p:nth-child(1) {}
.sec3_wrap .box1 > p:nth-child(2) {font-size: 40px;font-weight: 600;line-height: 130px}
.sec3_wrap .box1 > p:nth-child(2) span {font-size: 20px;font-weight: 300}
.sec3_wrap .box1 > p:nth-child(3) {font-size: 18px;font-weight: 500}
.sec3_wrap .box1 > p:nth-child(4) {padding-top: 30px;font-size: 18px;font-weight: 300;line-height: 28px}


/* 서브 비쥬얼 */
#visual_sub {display: inline-block;position: relative;z-index: 1;width: 100%;margin-top:-100px }

/* 서브 주메뉴 */
#snb_container {display: inline-block;position: relative;z-index: 1;width: 100%;height: 50px;margin: 30px 0 10px 0;text-align:center}
#snb_wrap {width: 1300px;margin: 0 auto;text-align: center}

/* 서브 타이틀 */
.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:50px; }
.snb_tit .bo_tit { display:inline-block; width:100%; font-family: 'NotoSerifKR-Regular';color: #000;font-size: 40px;font-weight: 500; line-height:60px;  }
.snb_tit .bo_line { display:inline-block; width:50px; height:1px; margin:0 auto; background:#444; } 


/*  서브 내용 부  */
#container{ display:inline-block; position:relative; z-index:1; width:100%; text-align:center; top:0; }
#board { display:block; position:relative; top:0; text-align:center; }
#board .bo_webpage { z-index:1; width:100%; min-height:700px; padding:60px 0 0; margin:0 auto; height:auto !important; } 
#board .bo_board { width:1300px; min-height:700px; padding:60px 0 70px 0; text-align:left; margin:0 auto; height:auto !important; } 


/* COPYRIGHT */
#foot {display: flex;width: 100%;background: #f5f5f5}
.copyright {width: 1300px;margin: 0 auto;padding: 120px 0}
.cont_left {float: left;width: 650px}
.cont_right {float: right;width: 650px;padding-left: 50px;}
.cont_right .memo {font-size: 22px;font-weight:300}
.cont_right .time {display: inline-block;width: 100%;margin-top: 20px}
.cont_right .time > p:nth-child(1) {float: left;width: 115px;font-size: 22px;font-weight: 500}
.cont_right .time > p:nth-child(2) {float: left;font-size: 18px;font-weight: 300;line-height: 27px;letter-spacing: -0.02em}
.cont_right .time > p:nth-child(2) span {font-weight: 400}
.cont_right .add {display: inline-block;width: 100%;margin-top: 20px}
.cont_right .add > p:nth-child(1) {float: left;width: 115px;font-size: 22px;font-weight: 500}
.cont_right .add > p:nth-child(2) {float: left;font-size: 18px;font-weight: 300;line-height: 27px;}
.cont_right .tra {display: inline-block;width: 100%;margin-top: 10px}
.cont_right .tra > p:nth-child(1) {float: left;width: 210px;font-size: 22px;font-weight: 500}
.cont_right .tra > p:nth-child(2) {float: left;font-size: 18px;font-weight: 300;line-height: 27px;}
.cont_right .tra > p:nth-child(2) span {color: #a86809;font-weight: 500}
.cont_right .par {display: inline-block;width: 100%;margin-top: 10px}
.cont_right .par > p:nth-child(1) {float: left;width: 115px;font-size: 22px;font-weight: 500}
.cont_right .par > p:nth-child(2) {float: left;font-size: 18px;font-weight: 300;line-height: 27px;}

#tail {display: inline-block;width: 100%;text-align:center;padding: 65px 0;background: #292828}
.tail_wrap {width: 1300px;margin: 0 auto;text-align: left;letter-spacing: 0}
.tail_logo {float:left;width:260px}
.tail_add {float:left;width:1040px;font-size: 15px;color: #fff;line-height: 27px}
.tail_menu {padding: 0 0 13px;font-size: 16px;font-weight: 500}
.tail_menu a {color: #fff;text-decoration: none; }
.tail_line {display: inline-block;color: #ccc;line-height: 12px;margin: 0 9px}


/*  로그인/회원가입 head  */
#head_content {display: block;position: relative;width: 100%;top:0;text-align: center;border-top:1px #ddd solid}
#head_content #head {width: 55%;margin: 0 auto}
#head_content #head .cont {width: 100%;text-align: left;margin:0 auto;padding:40px 0 150px 0}

/* Go Top 버튼 */
a.go-top { position: fixed; right: 37px; bottom:60px; width: 65px; height: 65px; z-index:991; display: none; }


/* 게시판 검색창 */
#bo_sch input[type=text]:focus {
border: 0px !important;
}
#bo_sch select:focus {
border: 0px !important;
}


/* 버튼 */
.btn, a.btn{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn3, a.btn3{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{ display:inline-block; position:absolute;z-index:20; margin-left:660px; top:55px; width:40px;height:40px; border:none;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:3px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:3px;}