@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;400;500;600;800;900&display=swap');


/*  전체 영역  */	
#wrap { width:100%; min-width:1440px; height:auto !important; height:100%; min-height:100%; width:100%; }
#wrap_sub { width:100%; min-width:1440px; height:auto !important; height:100%; min-height:100%; width:100%; }

/* TM */	
#header { display:block; position:relative; z-index:999; width:100%; height:35px; margin:0 auto; top:0; }
.tm { float:right; position:absolute; padding:0; right:4%; top:32px;}
.tm img { margin-top:-6px; }
.tm a { color:#333;  text-decoration:none; font-size:15px; font-family:'Noto Sans Kr'; font-weight:400; letter-spacing:-0.02em;}
.tm .sitemap { margin:0;  color:#666;  text-decoration:none; font-size:12px; font-family:'Noto Sans Kr'; font-weight:300;}
.tm span.adm a { margin:0; color:#ff4200;}

.span_ll { display:inline-block; padding:0 5px; font-size:15px; font-family:'dotum'; color:#777; font-weight:normal; }
.span_fl { color:#777; font-size:13px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* GNB */
#gnb { display:block; position:relative; z-index:999999; width:100%; height:112px; min-width:1400px; margin:0 auto; top:0px; } 
.gnb_stripe { height:112px; position:relative; z-index:1; }

#gnb_nav { display:none; width:100%; height:112px; margin:0 auto; position:relative; background:none;  transition: all .4s ease; } 
#gnb_nav:hover { background:#fff; transition: all .4s ease; } 
#gnb_nav .logo { float:left; width:320px; top:31px; left:14%; position:absolute; z-index:94; transition: all .4s ease;  }
#gnb_nav_wrapper { margin:0 auto; width:800px; min-width:800px; height:30px; position:relative; top:55px; left:130px;}
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:150px; height:30px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:30px;  font-family:'Noto Sans Kr'; color:#222; font-size:22px; font-weight:500; letter-spacing:-0.06em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:30px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:30px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:30px; width:100%; height:30px; position:absolute; background:#fff; color:#4172C2; }		

.gnb_lineBottom { /*display:none;*/ display:inline-block; top:54px; left:0; height:3px; background:#4172C2; opacity:0; filter:alpha(opacity=0); position:absolute; z-index:999; }

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:150px; height:30px; cursor:pointer; position:relative; }
	
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { /*display:block; */ display:none; top:0; left:150px;  margin-top:8px; padding:0; position:absolute;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:15px; line-height:15px; position:absolute; background:#444; opacity:0.2; }
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li:first-child { /*display:none;*/ }
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li:last-child { display:none; }

#snb_nav_mask { top:47px; width:100%; height:0; margin:0 auto; overflow:hidden; position:relative; background:#fff; opacity:1; border-bottom:1px #E0E0E0 solid; } 

#snb_nav_wrapper { top:0px; left:378px; width:1300px; height:250px; position:relative; margin:0 auto; padding-top:25px; }
#snb_nav_wrapper .gnb_nav_info { width:285px; position:absolute; left:-380px; top:20px; }
#snb_nav_wrapper .gnb_nav_sns { width:170px; position:absolute; right:240px; top:30px; }
#snb_nav_wrapper .gnb_nav_sns img { margin:0 5px 0 0; }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; height:250px; background:#fff; position:relative; }
#snb_nav_square .menu ul { padding:0; }
#snb_nav_square .menu ul li { top:0px; text-align:center; list-style:none; height:34px;  line-height:34px; font-family:'Noto Sans Kr';  font-size:17px; font-weight:400; background:#fff; color:#222;  letter-spacing:-0.05em; cursor:pointer; position:relative; }
					
#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:180px; height:250px; position:relative; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:180px; height:34px; background:#fff; cursor:pointer; position:relative; }
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; height:250px; position:relative; margin-top:0px;  }

.lineBottom { /*display:none;*/ display:block; top:112px; left:0; width:100%; height:1px; background:#ddd; opacity:0; filter:alpha(opacity=0); position:absolute; }		
.gnb_line { /*display:none;*/ left:0; width:100%; height:1px; background:#ddd;  position:absolute; }

.logoSide { display:none; width:60px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-710px; position:absolute; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-60px; cursor:pointer; }

.navbar { position:fixed; width:100%; height:112px; margin:0 auto; z-index:99992; margin-top:0px;  }
.navbar.sticked { width:100%; transition: all 0.2s ease; }
.sticked .navbar .navbar-collapse.collapse{ margin-top:0px; }
.navbar {  }
.navbar.sticked { top:-100px; background:#fff; transition: all 0.6s ease; /*-webkit-box-shadow:0 0 10px 0px #444; box-shadow:0 0 10px 0 #444;*/ }

@media only screen and (max-width:1720px){
	.tm { padding:0; right:2%; transition: all .4s ease;  }
	#gnb_nav .logo { left:4%; transition: all .4s ease;  }
}
@media only screen and (max-width:1460px){
	.tm { display:none; opacity:0; transition: all .8s ease;  }
}


/*  MAIN VISUAL  */	
#visual { display:block; position:relative; width:100%; height:800px; top:-112px; }
#contents_ms { display:block; overflow:hidden; width:100%; height:800px; margin:0 auto; position:absolute; top:0px; display:none; vertical-align:top;}

#slider { top:0; width:100%; height:800px; position:absolute; }
#slider ul { width:100%; height:800px; position:relative; vertical-align:top;}
#slider ul li { list-style:none; float:left; width:100% !important; height:800px; position:absolute; }
	
.slider_sp1 { display:none; }
	
.slider_sp2 { top:0; left:0; height:800px; position:absolute; }
.slider_sp2 ul { height:800px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:800px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; text-align:center; width:1400px; height:800px; position:relative; }

.slider_sp2 ul li div.box0 { width:700px; top:300px; left:-300px; text-align:left; font-family:'Noto Sans Kr'; color:#2B2B2B; letter-spacing:-0.05em; position:relative; z-index:1; }
.slider_sp2 ul li div.box0 > p:nth-child(1) { width:50px; height:3px; background:#2B2B2B; }
.slider_sp2 ul li div.box0 > p:nth-child(2) { margin-top:15px; font-size:50px; font-weight:600;  }
.slider_sp2 ul li div.box0 > p:nth-child(3) { margin-top:20px; font-size:23px; font-weight:400; line-height:34px; }


.slider_sp2 ul li div.box1 { width:700px; top:300px; left:-300px; text-align:left; font-family:'Noto Sans Kr'; color:#2B2B2B; letter-spacing:-0.05em; position:relative; z-index:1; }
.slider_sp2 ul li div.box1 > p:nth-child(1) { width:50px; height:3px; background:#2B2B2B; }
.slider_sp2 ul li div.box1 > p:nth-child(2) { margin-top:15px; font-size:50px; font-weight:600;  }
.slider_sp2 ul li div.box1 > p:nth-child(3) { margin-top:20px; font-size:23px; font-weight:400; line-height:34px; }

.slider_sp2 ul li div.box2 { width:700px; top:300px; left:-300px; text-align:left; font-family:'Noto Sans Kr'; color:#2B2B2B; letter-spacing:-0.05em; position:relative; z-index:1; }
.slider_sp2 ul li div.box2 > p:nth-child(1) { width:50px; height:3px; background:#2B2B2B; }
.slider_sp2 ul li div.box2 > p:nth-child(2) { margin-top:15px; font-size:50px; font-weight:600;  }
.slider_sp2 ul li div.box2 > p:nth-child(3) { margin-top:20px; font-size:23px; font-weight:400; line-height:34px; }

.slider_sp2 ul li div.box3 { width:700px; top:300px; left:-300px; text-align:left; font-family:'Noto Sans Kr'; color:#2B2B2B; letter-spacing:-0.05em; position:relative; z-index:1; }
.slider_sp2 ul li div.box3 > p:nth-child(1) { width:50px; height:3px; background:#2B2B2B; }
.slider_sp2 ul li div.box3 > p:nth-child(2) { margin-top:15px; font-size:50px; font-weight:600;  }
.slider_sp2 ul li div.box3 > p:nth-child(3) { margin-top:20px; font-size:23px; font-weight:400; line-height:34px; }

.slider_sp2 ul li div.box4 { width:700px; top:300px; left:-300px; text-align:left; font-family:'Noto Sans Kr'; color:#2B2B2B; letter-spacing:-0.05em; position:relative; z-index:1; }
.slider_sp2 ul li div.box4 > p:nth-child(1) { width:50px; height:3px; background:#2B2B2B; }
.slider_sp2 ul li div.box4 > p:nth-child(2) { margin-top:15px; font-size:50px; font-weight:600;  }
.slider_sp2 ul li div.box4 > p:nth-child(3) { margin-top:20px; font-size:23px; font-weight:400; line-height:34px; }

.slider_sp3 {display:none; }

#arrowPrev { width:85px; height:150px; position:absolute; z-index:2; top:370px; left:4%; }
#arrowPrev div.img { width:85px; height:150px; position:absolute; }
#arrowPrev div.square { width:85px; height:150px; position:absolute; opacity:0; cursor:pointer; top:0px; }
#arrowNext { width:85px; height:150px; position:absolute; z-index:2; top:370px; right:4%; }
#arrowNext div.img { width:85px; height:150px; position:absolute; }
#arrowNext div.square { width:85px; height:150px; position:absolute; opacity:0; cursor:pointer; top:0px; }

#contents_ms_nav { width:100%; height:90px; top:530px; position:relative; z-index:9; margin:0 auto;  text-align:center; }
#contents_ms_nav div { overflow:hidden; margin:0 auto; text-align:center; width:1400px; height:30px; position:relative; padding:0;}
#contents_ms_nav div ul {  float:left; width:140px; margin-left:40px;}
#contents_ms_nav div ul li { list-style:none; float:left; width:10px; height:10px; margin:0 7px; cursor:pointer; position:relative; }
#contents_ms_nav div ul li .off { display:inline-block; width:10px;height:10px; background:#878787; border-radius:5px; transition: all 0.2s ease;  }
#contents_ms_nav div ul li .on { display:inline-block; width:11px; height:11px; background:#fff;  border:1px #888 solid; border-radius:5px; transition: all 0.2s ease; }
#contents_ms_nav div ul li div { position:absolute; }


/* 바로가기 */
.section1_container {  display:block; width:100%; height:212px; position:relative; text-align:center; margin-top:-200px; }
.section1_wrap { width:1441px; height:212px; top:0px; margin:0 auto; padding:0 20px 0 21px; position:relative; background:url('../images/section1_bg.png'); }
.section1_wrap .box { float:left; display:block; padding-top:45px; width:466.666px; height:212px; position:relative; overflow:hidden; cursor:pointer; transition: all 0.4s ease;}
.section1_wrap .box:hover { margin-left:0px; width:466.66px; height:212px; border-radius:10px; background:#4172C2;transition: all 0.4s ease; }
.section1_wrap .box > div:nth-child(1) { float:left; width:105px; height:105px; margin-top:7px;  margin-left:35px; background:#F1F1F1; border-radius:55px; }
.section1_wrap .box > div:nth-child(2) { float:left; text-align:left; margin-top:27px; margin-left:25px;  font-family:'Noto Sans Kr'; font-size:18px; color:#777; font-weight:400; line-height:32px; letter-spacing:-0.05em;  }
.section1_wrap .box > div:nth-child(2) strong { font-size:25px; color:#222; font-weight:600; }
.section1_wrap .box > div:nth-child(2) a { display:inline-block; text-align:center; padding:0px 15px; margin:8px 10px 0 0; line-height:32px; font-family:'Noto Sans Kr'; font-size:17px; color:#222; font-weight:400; letter-spacing:-0.05em; background:#fff; border:1px #777 solid;border-radius:19px; }
.section1_wrap .box > div:nth-child(2) a:hover { color:#222; background:#fff; border:1px #777 solid; text-decoration:none;}
.section1_wrap .box span { display:inline-block; position:absolute; float:left; margin-top:29px; left:370px; width:30px; height:30px; text-align:center; opacity:0; font-family:'GmarketSansMedium'; font-weight:bold; font-size:23px; background:#F0F0F0 ;color:#4172C2; line-height:36px; border-radius:15px; }


/* 진료안내 */
.section2_container { display:inline-block; width:100%; height:670px; margin-top:120px; position:relative; text-align:center; }
.section2_container p { margin:0 auto;  font-family:'Noto Sans KR';  font-size:50px; font-weight:600; line-height:60px; letter-spacing:-0.06em; }
.section2_wrap { width:1416px; margin:0 auto; position:relative; margin-top:65px; }
.section2_wrap .box { float:left; width:708px; height:423px; }
.section2_wrap .box .sp { position:relative; text-align:center; margin:0 auto; top:0px; opacity:1; }
.section2_wrap .box .bg { top:66px; margin-left:20px; width:411px; height:240px; padding:35px 0 0 40px; position:absolute; z-index:3; text-align:left; border-radius:13px; border:1px #ccc solid; background:#fff; transition: all 0.4s ease;  -webkit-box-shadow:0px 4px 19px -3px #bbb; box-shadow:0px 4px 19px -3px #bbb; }
.section2_wrap .box .bg:hover { display:block; background:#4172C2; color:#fff; transition: all 0.4s ease; cursor:pointer; }
.section2_wrap .box .bg > p:nth-child(1) { display:block; font-family:'roboto'; font-size:25px; color:#4172C2; line-height:20px; letter-spacing:-0.2em;  }
.section2_wrap .box .bg > p:nth-child(2) { font-family:'Noto Sans Kr'; font-size:30px; color:#222; font-weight:600; line-height:50px; letter-spacing:-0.05em; }
.section2_wrap .box .bg > p:nth-child(3) {  padding-top:10px; font-family:'Noto Sans Kr'; font-size:21px; color:#222; font-weight:400;line-height:28px; letter-spacing:-0.05em;}
.section2_wrap .box .bg span { display:inline-block; float:right; margin-right:30px; width:40px; height:40px; text-align:center;font-family:'GmarketSansMedium'; font-weight:bold; font-size:27px; background:#F0F0F0 ;color:#4172C2; line-height:48px; border-radius:25px; }

/* 건강칼럼 */
.section3_container { display:inline-block; width:100%; height:680px; position:relative; text-align:center; padding-top:115px; background:#F6F6F6; }
.section3_wrap { width:1400px; height:440px; margin:0 auto; position:relative; text-align:center; }
.section3_wrap .box { float:left; width:356px; text-align:left; font-family:'Noto Sans Kr';}
.section3_wrap .box > p:nth-child(1) { margin-top:20px; font-size:20px; color:#999; font-weight:300; letter-spacing:0.1em;  }
.section3_wrap .box > p:nth-child(2) { padding-top:10px; font-size:50px; color:#222; font-weight:600; line-height:58px; letter-spacing:-0.05em; }
.section3_wrap .box > p:nth-child(3) a { position:absolute; margin-top:40px; width:170px; height:55px; line-height:51px; text-align:center; background:#333; color:#fff; font-size:21px; border:3px #333 solid; border-radius:8px; cursor:pointer; transition: all 0.3s ease; }
.section3_wrap .box > p:nth-child(3) a:hover { background:#fff; color:#222;  border:3px #333 solid; text-decoration:none; transition: all 0.3s ease; }
.section3_wrap .box1 { float:left; width:1044px; text-align:left; }

/* 진료정보 */
.section4_container { display:inline-block; width:100%; height:630px; position:relative; text-align:center; }
.section4_wrap { width:1400px; top:90px; margin:0 auto; position:relative; }
.section4_wrap .box { float:left; width:690px; text-align:left; font-family:'Noto Sans Kr';}
.section4_wrap .box > p:nth-child(1) { font-size:35px; font-weight:600; padding:0 0 20px 0; border-bottom:1px #ccc solid; }
.section4_wrap .box > p:nth-child(2) { font-size:26px; color:#222; font-weight:600; line-height:35px; padding-top:20px; letter-spacing:0em; }
.section4_wrap .box > p:nth-child(2) span { display:inline-block; width:130px; color:#787878;  font-weight:500;}
.section4_wrap .box > p:nth-child(2) .box2_span { display:block; width:100%; padding-top:15px; font-size:18px;text-align:left; font-weight:400; line-height:25px; }
.section4_wrap .box > p:nth-child(3) { margin-top:40px; }
.section4_wrap .box1 { float:left; width:670px; margin-left:20px; text-align:left; font-family:'Noto Sans Kr';}
.section4_wrap .box1 > p:nth-child(1) { font-size:35px; font-weight:600; padding:0 0 0px 0; }
.section4_wrap .box1 > p:nth-child(2) { font-size:23px; color:#222; font-weight:600; line-height:35px; padding-top:20px; letter-spacing:0em; }
.section4_wrap .box1 > p:nth-child(2) span { display:inline-block; width:130px; color:#787878;  font-weight:500;}
.section4_wrap .box1 > p:nth-child(2) .box2_span { display:block; width:100%; padding-top:15px; font-size:18px;text-align:left; font-weight:400; line-height:25px; }
.section4_wrap .box1 > p:nth-child(2) a.view  { position:absolute; z-index:3; margin-top:0px; right:0; width:60px; height:60px; font-size:60px; font-weight:200; background:#aaa; color:#fff; text-align:center; line-height:60px; text-decoration:none; cursor:pointer; }
.section4_wrap .box1 .map_add { width:690px; line-height:50px; text-align:center; background:#333; font-size:20px; color:#fff;  }


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

.visual_sub_wrap{	position:relative; height:100%; overflow:hidden; }
.back_img{ position:relative; left:0; top:0; width:100%; height:100%; z-index:1;
	-moz-transform: translate(0) scale(1.05);;
	-webkit-transform: translate(0) scale(1.05);;
	-o-transform: translate(0) scale(1.05);;
	-ms-transform: translate(0) scale(1.05);;
	transform: translate(0) scale(1.05);;
}
.visual_sub_wrap.on .back_img{
 left:0; top:0; width:100%; height:100%; z-index:1;
  -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	-moz-transition: all 1.5s ease-out;
	-webkit-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
}

/* SNB */
.snb_pc { display:inline-block; position:relative; z-index:9999; width:100%; height:52px; text-align:center; margin-top:-5px; background:#F4F6F7; border-bottom:1px #D2D2D2 solid; }
.snb_pc > ul { width:1400px; height:52px; padding:0px; margin:0 auto; background:#F4F6F7; border-bottom:1px #D2D2D2 solid; }
.snb_pc .i_home { float:left; right:0px; position:relative; z-index:9; width:71px; }
.snb_pc .select_wrap { float:left; width:600px; display:inline-block; position:relative;  z-index:1;}

/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; top:0px; }
#board {  display:block; position:relative; margin:0 auto; top:0; text-align:center; left:50%; margin-left:-960px; width:1920px; }
#board .bo_cont {  width:100%; min-height:620px; padding:40px 0 50px 0; margin:0 auto; margin-top:0px; height:auto !important; } 
#board .bo_cont1 {  width:1400px; min-height:620px; padding:40px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

.cate_pc { width:100%; margin-bottom:70px; }
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn .nav { width:100%; position:relative; width:1400px; height:76px; margin:0 auto; border:1px #D2D2D2 solid; border-radius:38px;}
.cateBtn .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-size:23px; font-weight:600; letter-spacing:-0.04em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:25%; height:70px; line-height:70px; color:#393a3b;  border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer;transition: all .5s ease}
.cateBtn .nav li:hover { height:70px; line-height:70px; border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }
.cateBtn .nav li span {  display:block; margin-top:-1px; height:76px; line-height:70px; border:3px #4172C2 solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }

.cateBtn1 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn1 .nav { width:100%; position:relative; width:1400px; height:76px; margin:0 auto; border:1px #D2D2D2 solid; border-radius:38px;}
.cateBtn1 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-size:23px; font-weight:600; letter-spacing:-0.04em;}
.cateBtn1 .nav li { list-style:none; display:inline-block; position:relative; width:20%; height:70px; line-height:70px; color:#393a3b;  border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer;transition: all .5s ease}
.cateBtn1 .nav li:hover { height:70px; line-height:70px; border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }
.cateBtn1 .nav li span {  display:block; margin-top:-1px; height:76px; line-height:70px; border:3px #4172C2 solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }

.cateBtn2 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn2 .nav { width:100%; position:relative; width:1400px; height:76px; margin:0 auto; border:1px #D2D2D2 solid; border-radius:38px;}
.cateBtn2 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-size:23px; font-weight:600; letter-spacing:-0.04em;}
.cateBtn2 .nav li { list-style:none; display:inline-block; position:relative; width:50%; height:70px; line-height:70px; color:#393a3b;  border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer;transition: all .5s ease}
.cateBtn2 .nav li:hover { height:70px; line-height:70px; border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }
.cateBtn2 .nav li span {  display:block; margin-top:-1px; height:76px; line-height:70px; border:3px #4172C2 solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }

.cateBtn3 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn3 .nav { width:100%; position:relative; width:1400px; height:76px; margin:0 auto; border:1px #D2D2D2 solid; border-radius:38px;}
.cateBtn3 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-size:23px; font-weight:600; letter-spacing:-0.04em;}
.cateBtn3 .nav li { list-style:none; display:inline-block; position:relative; width:33.332%; height:70px; line-height:70px; color:#393a3b;  border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer;transition: all .5s ease}
.cateBtn3 .nav li:hover { height:70px; line-height:70px; border:1px #fff solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }
.cateBtn3 .nav li span {  display:block; margin-top:-1px; height:76px; line-height:70px; border:3px #4172C2 solid; border-radius:38px; text-align:center; cursor:pointer; -webkit-box-shadow:5px 5px 8px 0 #ddd; box-shadow:5px 5px 8px 0 #ddd; transition: all .5s ease }


.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:30px; margin-bottom:50px; padding:0; }
.snb_tit .bo_tit { display:inline-block; text-align:center; font-family:'Noto Sans Kr'; font-size:45px; font-weight:600; color:#393a3b; line-height:60px; letter-spacing:-0.05em; }
.snb_tit .bo_nav {  float:right; text-align:right; padding:25px 0 0; font-size:13px; color:#444; letter-spacing:0em;}
.snb_tit .bo_line { display:inline-block; width:100%; margin:0 auto; text-align:center; color:#000; font-size:10px; padding:10px 0 0; letter-spacing:-0.2em; } 

/* NAV */
.nav_wrap { display:block; position:relative; z-index:-1; width:100%; height:50px; margin-top:0px; text-align:center; background:#f3f3f3; }
.nav_wrap .bo_nav { text-align:center; padding:15px 0 0; font-size:15px; color:#666; font-weight:600; letter-spacing:-0.04em;}
.nav_wrap .bo_nav a { color:#666; }

/* 하단 공통 */
.tail_com { display:inline-block; position:relative; width:100%; height:430px; margin:0 auto; margin-top:50px; text-align:center; }
.tail_com ul { width:1400px;height:370px; margin:0 auto; background:#4172C2; border-radius:6px;  }
.tail_com li.box1 { float:left; text-align:left; width:575px; height:370px; padding:70px 0 0 80px; }
.tail_com li.box1 > div:nth-child(1) { font-family:'Noto Sans Kr'; font-size:30px;  color:#fff; font-weight:600; letter-spacing:-0.05em; }
.tail_com li.box1 > div:nth-child(2) { font-family:'roboto'; font-size:52px; color:#fff; font-weight:600; padding:20px 0 25px 0; }
.tail_com li.box1 > div:nth-child(2) img { margin-top:-8px; margin-right:18px; }
.tail_com li.box1 > div:nth-child(3) { width:435px; font-family:'Noto Sans Kr'; font-size:20px; color:#fff; font-weight:300; line-height:28px; border-top:1px #fff solid; padding-top:25px; letter-spacing:-0.05em; }
.tail_com li.box2 { float:left; text-align:left; width:525px; height:335px; margin-top:18px; padding:40px 40px 0 40px; background:#fff; border-radius:6px 0 0 6px; }
.tail_com li.box2 > div:nth-child(1) { font-family:'Noto Sans Kr'; font-size:30px; font-weight:600;letter-spacing:-0.05em; }
.tail_com li.box2 > div:nth-child(2) { font-family:'Noto Sans Kr'; font-size:25px; color:#2b2b2b; font-weight:600; line-height:35px; padding-top:20px; letter-spacing:0em; }
.tail_com li.box2 > div:nth-child(2) span { display:inline-block; width:140px; color:#787878; }
.tail_com li.box2 > div:nth-child(2) .box2_span { display:block; width:100%; padding-top:15px; font-size:18px;text-align:left; font-weight:400; line-height:25px; }

.tail_com li.box3 { float:left; text-align:left; width:285px; height:335px; margin-top:18px; padding:40px 40px 0 40px; background:#F5F5F5;  border-radius:0 6px 6px 0; }
.tail_com li.box3 > div:nth-child(1) { padding:0 0 0 25px; font-family:'Noto Sans Kr'; font-size:26px; color:#4172c2; font-weight:600;line-height:42px;letter-spacing:0.05em; }


/* 하단 배너 */
.tail_banner{ display:inline-block; position:relative; width:100%; height:80px; margin:0 auto; text-align:center; border-top:1px #ddd solid; }

/* 개인정보 */
.tail_info{ display:inline-block; position:relative; width:100%; height:55px; line-height:55px;  font-family:'Noto Sans Kr'; font-size:16px;  color:#555; font-weight:500; margin:0 auto; text-align:center; border-top:1px #eee solid; }
.tail_info a { text-decoration:none; }

/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; text-align:center; background:#F0F0F0; }
.copyright { width:1400px; margin:0 auto; text-align:center; padding:60px 0 130px 0; }
.copyright .tail_logo { position:relative; left:0px;text-align:left; }
.copyright .tail_add { position:relative; margin-left:350px; margin-top:-56px; text-align:left; font-family:'Noto Sans Kr'; font-size:15px; font-weight:300; color:#666; line-height:25px;}
.copyright .tail_add p { padding-top:25px; text-align:left; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; color:#999; }
.copyright .tail_privacy { width:255px; margin-top:-95px; margin-left:995px; cursor:pointer;  }

.span_line { clear:both; display:inline-block; width:11px; border-left:1px #fff solid; line-height:12px; margin:0 0 0 13px; }
.tail_line { clear:both; display:inline-block; width:10px; border-left:1px #aaa solid; color:#aaa; line-height:12px; margin:0 0 0 11px; }


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

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


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:42px; margin:0 auto; margin-bottom:20px; font-size:17px; font-weight:500; line-height:40px; letter-spacing:-0.05em;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:42px; width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:42px; line-height:40px; padding:0 25px; background:#fff; border:1px #ddd solid; margin-right:-1px; text-align:center; }
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:40px; margin:0 -25px; padding:0 25px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:40px; line-height:40px; margin:0 -25px; padding:0 25px; background:#222; border:0px #ddd solid; color:#FFF; text-align:center; cursor:pointer; }

/* 게시판 검색창 */
#bo_sch { min-width:380px; }
#bo_sch select{ width:120px; }
#bo_sch .sch_input{ width:205px; }

#bo_sch input[type=text]:focus,input[type=password]:focus {
border: 0px !important;
}

/*  메인 popup   */
#popup_la {  border:0px #ffffff solid; background:#eee;  }
#popup_la .file { }
#popup_la .content { width:400px; height:400px;padding:20px; }
#popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; }
#popup_la .day strong { color:#000;  }


/* 버튼 */
.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:690px; 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;}