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

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

/* GNB */
#gnb { display:block; position:relative; z-index:9999; width:100%; min-width:1520px; height:145px; margin:0 auto; top:0; border-bottom:1px #ccc solid; } 
.gnb_container { top:0; left:0%; width:100%; height:145px; line-height:0; position:relative; z-index:30; opacity:1;filter:alpha(opacity=100); }
.gnb_container .temp_gnb { width:100%; height:100%; min-width:1520px; margin:0 auto; position:relative; /*background:#000;*/ }

.gnb_wrap { width:100%; height:100%; margin:0 auto; 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:1520px; height:100%; margin:0 auto;  }
.gnb_wrap .bg_wrap .bg .logo { top:35px; left:0px; position:relative; z-index:4; width:150px; height:88px; transition: all .4s ease;}
	
.gnb_wrap .bg_wrap .tm { display:block; width:1520px; height:30px; margin:0 auto; position:absolute;  z-index:2; top:40px; text-align:right;vertical-align:top; }
.gnb_wrap .bg_wrap .tm a { color:#666;  text-decoration:none; font-size:10pt; font-family: 'Roboto';  font-style: normal;  font-weight: 500; letter-spacing:0em;}
.gnb_wrap .bg_wrap .tm img { position:relative; vertical-align:top; top:-12px; }

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

.gnb_wrap .g_wrap { display:inline-block; width:1120px; position:relative; z-index:1; margin:0 auto; overflow:hidden; left:-30px;  transition: all .4s ease;}
.gnb_wrap .g_wrap .btn {  display:inline-block; *display:inline; zoom:1; height:18px; margin:97px 0 22px 0; line-height:18px; padding:0 14px 0 14px; font-family:'s-core-dream-medium'; color:#000; font-size:16px; overflow:hidden; cursor:pointer; letter-spacing:-0.06em; border-right:1px #777 solid; }
.gnb_wrap .g_wrap .btn:last-child { border-right:none; }

.bar_container { width:100%; position:absolute; top:80px; left:0; }
.bar_container .bar_wrap { position:relative; }
.bar_container .bar_wrap .bar { width:0px; height:1px; background:#D4960D; position:relative; }
	
.snb_wrap { position:relative; width:100%; top: 8px; }
.snb_wrap .temp_wrap { position:relative; margin:0 auto; text-align:center; opacity:1; filter:alpha(opacity=100); }
.snb_wrap .wrap { top:0px; width:100%; text-align:center; position:absolute; overflow:hidden; background:#57524E; }
.snb_wrap .wrap .bg { display:none; top:0; width:100%; height:100%; margin:0 auto; position:absolute; }
.snb_wrap .wrap .bg_img { display:none; float:center; top:15px; right:48.3%;  width:630px; height:100%; position:absolute; margin:0 auto; }

.snb_wrap .wrap .btn_wrapper { display:inline-block; top:0px; position:relative; width:100%; margin:0 auto; text-align:center;  padding-left:0px; }
.snb_wrap .wrap .btn { display:inline-block; float:center; /*width:180px;*/ padding:0 15px 0 17px; line-height:34px; position:relative; cursor:pointer; /* 2차메뉴 width */}
.snb_wrap .wrap .btn .title { float:left; padding:6px 0; text-align:center; display:inline-block; *display:inline; zoom:1; /* 언더라인 간격 */}
.snb_wrap .wrap .btn .txt { display:inline-block; position:relative; z-index:2; font-family:'s-core-dream-regular'; font-size:15px; color:#fff; letter-spacing:-0.02em; }

.snb_wrap .wrap .btn:after { content:""; display:block; width:0px; height:1px; background:#ccc; position:absolute; z-index:1; bottom:8px; left:10%; transform:translateX(0%); transition:width 0.4s;	opacity:1;}
.snb_wrap .wrap .btn:hover:after { display:inline-block; list-style:none; float:left; width:80%; line-height:50px; }

.snb_wrap .wrap .btn .underline { display:block; bottom:3px; height:45px; left:0; background:#c78900; position:absolute; z-index:1;  }
.snb_wrap .wrap  .h_line { /*display:block; */ display:none; width:1px; height:16px; background:#000; opacity:.3; filter:alpha(opacity=20); top:26%; left:0px; position:absolute; }	

@media only screen and (max-width:1520px){
	.tm {  display:none; }	
}

.net_wrap { float:right; top:-10px; right:0px; position:relative;z-index:999991; width:237px; height:46%; }
.net_wrap:before { content:''; top:0px; left:0px; position:absolute; width:237px; height:73px; }
.net_wrap .open { width:100%; height:100%; position:relative; background:url('../images/tm_net.png') center center no-repeat;cursor:pointer; }
.net_wrap .btn_wrap { position:relative; z-index:999991; height:0px; overflow:hidden; /*background:#000; border-bottom-left-radius:25px; border-bottom-right-radius:25px; */}
.net_wrap .btn_wrap .UrlBtn { padding:0px; position:relative; background:#222;transition: all .8s ease;}
.net_wrap .btn_wrap .UrlBtn .icon { width:237px; height:73px; position:relative; cursor:pointer; }
.net_wrap .btn_wrap .UrlBtn:hover {  width:237px; height:73px; background:#555;  transition: all .8s ease;}

/*  MAIN VISUAL  */	
.visual_wrap {  display:inline-block; width:100%; height:720px; position:relative; margin-top:0; overflow:hidden;}
.visual_box { width:100%; height:100%; position:absolute; overflow:hidden; }
.visual_box .visualCont { text-align:center; width:100%; height:100%; position:absolute; }
.visual_box .visualCont > div { position:absolute; }
.visual_box .btn_wrap { top:0px; left:0px; position:absolute; }
.visual_box .bg { top:0; left:0; position:absolute; width:100%; height:100%; }
.visual_box .linkBtn { cursor:pointer; }

.visual_01_1 {  width:100%; top:50px; margin:0 auto; position:relative; opacity:0;}
.visual_02_1 {  width:100%; top:190px; left:-16%; margin:0 auto; position:relative; opacity:0; }
.visual_03_1 {  width:100%; top:150px; left:-14%; margin:0 auto; position:relative; opacity:0; }
.visual_04_1 {  width:100%; top:150px; left:17%; margin:0 auto; position:relative; opacity:0; }
.visual_05_1 {  width:100%; top:100px; left:-12%; margin:0 auto; position:relative; opacity:0; }
.visual_06_1 {  width:100%; top:210px; left:14%; margin:0 auto; position:relative; opacity:0; }
			
.pn_wrap { top:310px; width:100%; position:absolute;  }
.pn_wrap > div { width:100%; position:relative; }
.pn_wrap > div:nth-child(1) .prev { position:absolute; z-index:4; width:70px; height:112px; left:4%; opacity:0.7; transition: all .4s ease;}
.pn_wrap > div:nth-child(1) .prev:hover { left:3%; opacity:1; transition: all .4s ease;}
.pn_wrap > div:nth-child(2) { left:44.5%; position:absolute; width:180px; height:40px; margin:0 auto; top:354px; border-top:0px #aaa solid;  border-bottom:2px #fff solid; opacity:1; }
.pn_wrap > div:nth-child(2) p { /*display:none;*/ font-family:'s-core-dream-bold'; font-size:21px; line-height:40px; color:#fff; text-align:center /* 카운트 넙버링 */ }
.pn_wrap > div:nth-child(3) .next { position:absolute; z-index:4; width:70px; height:112px; right:6%; opacity:0.7; transition: all .4s ease; }
.pn_wrap > div:nth-child(3) .next:hover { right:5%; opacity:1; transition: all .4s ease; }
.pn_wrap .btn { cursor:pointer }
	
.time_container { top:640px;  left:44.5%; position:absolute; }
.time_wrap { width:180px; height:2px; background:none; margin:0 auto; margin-top:62px;  }
.time_bar { width:0; height:2px; background:#916429; }

/* 전후사례 */
.section1_container { display:block; width:100%; height:990px; position:relative; text-align:center; margin-top:90px; }
.section1_container p { font-family:'Noto Sans Kr'; color:#777; font-weight:400; font-size:17px; letter-spacing:-0.04em; }
.section1_container p strong { color:#222; font-family:'s-core-dream-extralight'; font-size:55px; line-height:90px; }
.section1_wrap { width:100%; text-align:center; }
ul.tabs3 { display:block; position:relative; z-index:2; margin:0 auto; padding:0; list-style:none; width:1209px; }
.tabs3 li { float:left; text-align:center; cursor:pointer; width:239px; height:50px; line-height:53px; margin:0; border-left:1px #555 solid;  font-family:'s-core-dream-regular'; color:#FFF; font-size:16px; overflow:hidden;  transition: all .4s ease;}
.tabs3 li.active { background:#88746A; color:#FFF; }
.tabs3 li:last-child { border-right:1px #555 solid;}
.tabs3 li:hover { background:#88746A; color:#FFF;  transition: all .4s ease;}
.tab3_container {  position:relative; z-index:1;clear:both;  margin:0 auto;  width:1200px; }
.tab3_content { padding:70px 0 0 0; display:none;}
.tab3_container .tab3_content ul { margin:0; padding:0;}
.tab3_container .tab3_content ul li { padding:0; list-style:none;}
 #container_tab3 { width:100%; height:830px; text-align:center; margin-top:50px; background-image: url('../images/section1_bg.png');background-position: top; background-repeat:repeat-x;}

/* 금빛한의원 프로그램 */
.section2_container { display:block; width:100%; height:1100px; position:relative; text-align:center; background:#E7E7E7; }
.section2_container p { padding:100px 0 70px 0; font-family:'Noto Sans Kr'; color:#777; font-weight:400; font-size:17px; letter-spacing:-0.04em; }
.section2_container p strong { color:#222; font-family:'s-core-dream-extralight'; font-size:55px; line-height:90px; }
.section2_container p span { color:#00c0dc; }
.section2_wrap { width:1212px; height:722px; margin:0 auto; position:relative; margin-top:0px; }
.section2_wrap .box { float:left; margin:7px; width:390px; height:347px; position:relative; overflow:hidden; cursor:pointer; background:#fff; border:1px #e7e7e7 solid; transition: all .8s ease; }
.section2_wrap .box:hover {  border:1px #e7e7e7 solid; transition: all .3s ease-in-out; }
.section2_wrap .box .sp { position:relative;  text-align:center; margin:0 auto; top:0;}
.section2_wrap .box .tit { width:100%; top:0px; padding:30px; position:absolute; text-align:center; margin:0 auto; }
.section2_wrap .box .tit .txt1_1 {  padding:170px 0 0; text-align:left; font-family:'s-core-dream-medium'; font-size:25px; color:#222; line-height:27px; letter-spacing:-0.04em; }
.section2_wrap .box .tit .txt1_2 {  padding:10px 0 0; margin-top:20px; text-align:left; width:30px; border-top:3px #444 solid; }
.section2_wrap .box .tit .txt1_3 {  padding:10px 0 0; text-align:left; font-family:'s-core-dream-regular'; font-size:18px; color:#444; line-height:24px; letter-spacing:-0.06em; }
.section2_wrap .box .tit a { display:inline-block; position:absolute; top:195px; right:30px; width:40px; height:40px; font-family:'s-core-dream-medium'; font-size:13px; color:#42CEFF; border:3px #42CEFF solid; border-radius:20px; line-height:36px; letter-spacing:-0.06em;transition: all .4s ease;}
.section2_wrap .box .tit:hover a { color:#fff; border:3px #42CEFF solid; background:#42CEFF; transition: all .4s ease; }


/* 어디가 불편하신가요? */
.section3_container { display:block; width:100%; height:765px; position:relative; text-align:center; margin-top:0px;  background-image: url('../images/section3_bg.png');background-repeat:no-repeat; background-position:50%;}
.section3_container p { padding:80px 0 60px 0; font-family:'Noto Sans Kr'; color:#777; font-weight:400; font-size:17px; letter-spacing:-0.04em; }
.section3_container p strong { color:#222; font-family:'s-core-dream-extralight'; font-size:55px; line-height:85px; }
.section3_wrap { width:1204px; margin:0 auto; position:relative; }
.section3_wrap .box { float:left; margin:1.5px; width:169px; height:169px; position:relative; text-align:center; cursor:pointer;}
.section3_wrap .box > div:nth-child(1) { width:100%; position:relative; 	
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s; }	
.section3_wrap .box:nth-child(1) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img1.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(2) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img2.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(3) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img3.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(4) > div:nth-child(1) { width:169px; height:169px;  background:url('../images/section3_img4.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(5) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img5.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(6) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img6.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(7) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img7.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(8) > div:nth-child(1) { width:169px; height:169px;  background:url('../images/section3_img8.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(9) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img9.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(10) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img10.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(11) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img11.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(12) > div:nth-child(1) { width:169px; height:169px;  background:url('../images/section3_img12.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(13) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img13.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(14) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img14.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(15) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img15.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(16) > div:nth-child(1) { width:169px; height:169px;  background:url('../images/section3_img16.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(17) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img17.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(18) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img18.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(19) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img19.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(20) > div:nth-child(1) { width:169px; height:169px;  background:url('../images/section3_img20.png') 50% 50%; background-size:cover; }
.section3_wrap .box:nth-child(21) > div:nth-child(1) { width:169px; height:169px; background:url('../images/section3_img21.png') 50% 50%; background-size:cover; }

.section3_wrap .box > div:nth-child(2)  {position:absolute; z-index:2; margin-top:-43px; width:169px; text-align:center; font-size:16px; color:#fff; font-family:'s-core-dream-regular'; letter-spacing:-0.04em; line-height:20px;  }
.section3_wrap .color1 { background:#aaa; transition: all .3s ease-in-out;  }
.section3_wrap .color1:hover { background:#C78900; transition: all .3s ease-in-out; }
.section3_wrap .color2 { background:#725D53; transition: all .3s ease-in-out; }
.section3_wrap .color2:hover { background:#C78900; transition: all .3s ease-in-out; }

/* 커뮤니티 */
.section4_container { display:block; width:100%; height:800px; position:relative; text-align:center; margin-top:0px; }
.section4_container p { padding:100px 0 70px 0; font-family:'Noto Sans Kr'; color:#777; font-weight:400; font-size:17px; letter-spacing:-0.04em; }
.section4_container p strong { color:#222; font-family:'s-core-dream-extralight'; font-size:55px; line-height:90px; }
.section4_container p span { color:#00c0dc; }
.section4_wrap { width:1520px; margin:0 auto; position:relative; margin-top:20px; }
.section4_wrap .box { float:left; margin:0; height:380px; padding:0px; position:relative; }
.section4_wrap .box:nth-child(1) { float:left;width:484px; height:380px; text-align:left; padding:0 66px 0 0; border-right:1px #ddd solid; }
.section4_wrap .box:nth-child(2) {  float:left;width:552px; height:380px; text-align:left; padding:0 66px; border-right:1px #ddd solid; }
.section4_wrap .box:nth-child(3) {  float:left;width:484px; height:380px; text-align:left; padding:0 0 0 66px; }

.section4_wrap .box span { float:right;width:43px; height:43px; text-align:center; border:1px #ddd solid; font-family:'arial'; font-size:40px; font-weight:bold; color:#e2e2e2; transition: all .3s ease-in-out; }
.section4_wrap .box span:hover{border:1px #444 solid; color:#444; transition: all .3s ease-in-out; }

.section4_wrap .box > div:nth-child(1)  { font-size:35px; color:#222; font-family:'s-core-dream-bold'; letter-spacing:-0.05em; line-height:38px;  }
.section4_wrap .box > div:nth-child(2)  { padding-top:23px; }


/* 지점안내 */
.section5_container { display:block; width:100%; height:1170px; position:relative; text-align:center; margin-top:0px; background-image: url('../images/section5_bg.png');}
.section5_container h2 { color:#d3d3d3; font-family:'s-core-dream-extrabold'; font-size:50px; line-height:60px;  letter-spacing:-0.04em;}
.section5_container p { color:#777; font-family:'Noto Sans Kr'; font-weight:400; font-size:17px; line-height:50px; letter-spacing:-0.04em; }
.section5_container p strong { color:#222; font-family:'s-core-dream-extralight'; font-size:55px; line-height:67px; }
.section5_container p span { color:#00c0dc; }

.section5_wrap { width:1520px; margin:0 auto; position:relative; margin-top:70px; }
.section5_wrap .box { float:left; margin:0; height:760px; padding:0px; position:relative; }
.section5_wrap .box:nth-child(1) { float:left;width:760px; text-align:left; }
.section5_wrap .box:nth-child(2) { float:left;width:760px; text-align:left; padding-top:0px; }

.section5_wrap .box:nth-child(1) > p:nth-child(2) { padding:20px 0 0; color:#333; font-family:'s-core-dream-bold'; font-size:42px; line-height:60px;  letter-spacing:-0.07em; }
.section5_wrap .box:nth-child(1) > p:nth-child(3) { color:#777; font-family:'s-core-dream-regular'; font-size:20px; line-height:40px;  letter-spacing:-0.04em; }

.section5_wrap .box:nth-child(1) > .box-l { float:left; width:285px; border-top:1px #ddd solid; margin-top:12px; padding-top:24px; }
.section5_wrap .box:nth-child(1) > .box-l  > p:nth-child(1) { color:#aa8000; font-family:'s-core-dream-bold'; font-size:43px; line-height:60px;  letter-spacing:-0.05em }
.section5_wrap .box:nth-child(1) > .box-l  > p:nth-child(2) a { float:left; width:141px; height:141px; text-align:center; margin:20px 1px 0 0; background:#333; color:#fff; font-family:'s-core-dream-bold'; font-size:24px; line-height:140px;  transition: all .3s ease-in-out;}
.section5_wrap .box:nth-child(1) > .box-l  > p:nth-child(2) a:hover { background:#88746A; color:#fff; text-decoration:none;  transition: all .3s ease-in-out;}
.section5_wrap .box:nth-child(1) > .box-l  > p:nth-child(3) { float:left; padding-top:20px;}
.section5_wrap .box:nth-child(1) > .box-r {  float:left; text-align:right; width:425px; border-top:1px #ddd solid; margin-top:12px; padding-top:37px; }

.section5_wrap .box:nth-child(2) > p:nth-child(1) a { width:220px; margin-bottom:30px; float:left;  text-align:center; background:#333; color:#fff; font-family:'s-core-dream-regular'; font-size:23px; padding:5px 0 2px 0; line-height:38px; transition: all .3s ease-in-out;}
.section5_wrap .box:nth-child(2) > p:nth-child(1) a:hover { background:#00A3BB; color:#fff; text-decoration:none;  transition: all .3s ease-in-out;}
.section5_wrap .box:nth-child(2) > p:nth-child(2) { }

ul.tabs { display:block; position:relative; z-index:2; margin:0 auto; padding:0; list-style:none; width:640px; height:88px; border:8px #DCDCDC solid; border-radius:44px; }
.tabs li { display:inline-block;  float:left; text-align:center; cursor:pointer; width:312px; height:72px; line-height:72px; margin:0; font-family:'s-core-dream-regular'; color:#444; font-size:30px;  transition: all .4s ease;}
.tabs li:first-child { border-radius:36px 0 0 36px; }
.tabs li:last-child { border-radius:0 36px 36px 0; }
.tabs li.active { background:#00A3BB; color:#FFF; }
.tab_container {  position:relative; z-index:1;clear:both;  margin:0 auto;  width:1520px; }
.tab_content { padding:70px 0 0 0; display:none;}
.tab_container .tab_content ul { margin:0; padding:0;}
.tab_container .tab_content ul li { padding:0; list-style:none;}
 #container_tab { width:100%; text-align:center; margin-top:20px; }

.tab_container .daum_api { float:right; right:0; width:760px; height:460px; margin-top:-580px; position:relative; z-index:1; }



/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; margin-top:-1px; }
#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:0 0 50px 0; margin:0 auto; height:auto !important; } 
#board .bo_cont1 {  width:1300px; min-height:620px; padding:40px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

/* SNB */
.snb_pc { display:block; position:relative; z-index:5; width:100%; margin-top:-20px; text-align:center; }
.snbBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:30px 0 50px 0; }
.snbBtn .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.snbBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-size:17px; letter-spacing:-0.03em;}
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:40px; line-height:38px; /* 깜빡임 없앰 -> */ background:#EEE; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.snbBtn .nav li:first-child { border-radius:20px 0 0 20px; }
.snbBtn .nav li:last-child { border-radius:0 20px 20px 0; }
.snbBtn .nav li a:hover {  }
.snbBtn .nav li span {  display:block; height:38px; background:#2FAFD2; color:#FFF; text-align:center; cursor:pointer;  }
.snbBtn .nav li:first-child span { border-radius:20px 0 0 20px; }
.snbBtn .nav li:last-child span { border-radius:0 20px 20px 0; }

.cate_pc { width:1302px; margin:0 auto; padding:0;  text-align:center; margin-top:0px; }
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0 0 40px 0; }
.cateBtn .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-size:17px; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:11%; height:40px; line-height:38px; /* 깜빡임 없앰 -> */ background:#fafafa; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li:first-child { border-radius:20px 0 0 20px; }
.cateBtn .nav li:last-child { border-radius:0 20px 20px 0; }
.cateBtn .nav li a:hover {  }
.cateBtn .nav li span {  display:block; height:38px; background:#916429; color:#FFF; text-align:center; cursor:pointer;  }
.cateBtn .nav li:first-child span { border-radius:20px 0 0 20px; }
.cateBtn .nav li:last-child span { border-radius:0 20px 20px 0; }

.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:120px; padding:0; }
.snb_tit .bo_tit { text-align:center;  font-family:'s-core-dream-medium';  font-size:45px; color:#000; letter-spacing:-0.04em; }
.snb_tit .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:80px; height:15px; border-bottom:1px #444 solid; } 

/* NAV */
.nav_wrap { display:block; position:relative; z-index:1; width:100%; height:50px; margin-top:0px; text-align:center; }
.nav_wrap .bo_nav { text-align:center; padding:0; font-size:14px;font-family:'Noto Sans Kr';  color:#444; font-weight:300; letter-spacing:-0.01em;}
.nav_wrap .bo_nav a:hover { text-decoration:none; }
.nav_wrap .nav_line {  display:block; position:relative;  margin:0 auto; margin-top:15px; text-align:center; width:50px; height:25px; border-top:1px #ccc solid; } 

/* 하단 바로가기 */
.tail_container { display:inline-block; width:100%; height:220px; position:relative; text-align:center; padding-top:0px; }
.tail_wrap { display:inline-block; width:1290; height:135px; margin-top:0px;border-left:1px #eee solid; }
.tail_wrap .box { display:table-cell; text-align:center; float:center; *display:inline; zoom:1; width:215px; height:135px; margin:0 auto; position:relative; overflow:hidden; cursor:pointer; border-right:1px #eee solid; }
.tail_wrap .box > div:nth-child(1) { width:100%; height:80px; position:relative; margin:0 auto;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s; 
	opacity:0.5;}	

.tail_wrap .box > div:nth-child(2) { width:215px; height:55px; opacity:1; filter:alpha(opacity=100); }
.tail_wrap .box > div:nth-child(2) > p:first-child { text-align:center; color:#aaa; font-size:18px; font-family:'s-core-dream-medium'; letter-spacing:-0.05em;  }

.tail_wrap .box:nth-child(1) > div:nth-child(1) { background:url('../images/tail_img1.png') 50% 50%; background-size:cover; }
.tail_wrap .box:nth-child(2) > div:nth-child(1) { background:url('../images/tail_img2.png') 50% 50%; background-size:cover; }
.tail_wrap .box:nth-child(3) > div:nth-child(1) { background:url('../images/tail_img3.png') 50% 50%; background-size:cover; }
.tail_wrap .box:nth-child(4) > div:nth-child(1) { background:url('../images/tail_img4.png') 50% 50%; background-size:cover; }
.tail_wrap .box:nth-child(5) > div:nth-child(1) { background:url('../images/tail_img5.png') 50% 50%; background-size:cover; }
.tail_wrap .box:nth-child(6) > div:nth-child(1) { background:url('../images/tail_img6.png') 50% 50%; background-size:cover; }
	
.tail_wrap .box:nth-child(1) > div:nth-child(2) { margin-top:25px; left:0; position:absolute; text-align:center }
.tail_wrap .box:nth-child(2) > div:nth-child(2) { margin-top:25px; left:0; position:absolute; text-align:center }
.tail_wrap .box:nth-child(3) > div:nth-child(2) { margin-top:25px; left:0; position:absolute; text-align:center }
.tail_wrap .box:nth-child(4) > div:nth-child(2) { margin-top:25px; left:0; position:absolute; text-align:center }
.tail_wrap .box:nth-child(5) > div:nth-child(2) { margin-top:25px; left:0; position:absolute; text-align:center }
.tail_wrap .box:nth-child(6) > div:nth-child(2) { margin-top:25px; left:0; position:absolute; text-align:center }

/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; height:400px; text-align:center; margin-top:0px; background:#F6F6F6; }
.copyright { width:1302px; margin:0 auto; text-align:center; padding:60px 0; }
.copyright .tail_logo { text-align:center; padding:0 0 30px; }
.copyright .tail_menu { text-align:center; padding:15px 0 20px 0;}
.copyright .tail_menu span { text-align:center;margin:0; padding:6px 15px 6px 15px; background:#535353; color:#fff; font-size:15px; line-height:26px; letter-spacing:-0.05em; }
.copyright .tail_add { text-align:center;  font-family:'s-core-dream-regular'; font-size:16px; color:#222; line-height:31px;letter-spacing:-0.07em; }
.copyright .tail_copy { text-align:center;  font-family:'arial'; font-size:16px; color:#222; line-height:31px;letter-spacing:-0.02em; }
.copyright .tail_privacy { width:255px; margin-top:-95px; margin-left:995px; cursor:pointer;  }

.copyright .tail_line { clear:both; display:inline-block; width:8px; border-left:1px #999 solid; color:#999; line-height:12px; margin:0 0 0 10px; }

/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center; }
#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 버튼 */
.WapGoTop { display:none; position:fixed; bottom:0; right:0; font-size:0; z-index:999991020;}
.GotopBtn {display:block; position: absolute;bottom:-65px; right:20px; width: 65px; height:65px;	background:url('../images/btn-gotop.png') 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 1;z-index: 999991021; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size:100%; opacity:1; z-index:999991021;  }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:36px; margin:0 auto; margin-bottom:20px; font-size:14px; font-weight:500; line-height:34px; letter-spacing:-0.05em;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:36px; 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:36px; line-height:34px; padding:0 20px; 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:34px; margin:0 -20px; padding:0 20px;}
#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:34px; line-height:34px; margin:0 -20px; padding:0 20px; 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-sns a {position:relative;display:inline-block;overflow:hidden;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;transition: all .1s ease}
.btn-sns a:before { width:36px; height:36px; border-radius:50%; content:"";position:absolute;top:px;left:0px;bottom:0;right:-36px;display:block;border-right:36px solid transparent;border-bottom:36px #aaa solid;z-index:-1;transform: translateY(-100%);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease}
.btn-sns a:hover:before {transform: translateY(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:270px; top:38px; width:21px;height:21px; 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:#ddd; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-3px;width:100%;height:4px;}


.btn_more1:hover .toggler_1{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler_1{position:absolute;z-index:20; margin-left:213px; margin-top:5px; width:16px;height:15px; border:none;background-color:transparent;}
.toggler_1{
	-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_1:before,.toggler_1:after{content:'';display:block;position:absolute;background-color:#fff;}
.toggler_1:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler_1:after{ left:0px;top:50%;margin-top:-3px;width:100%;height:4px;}


.section1_container .section1_wrap .tit{opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.section1_container .section1_wrap .tit{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}


.swiper-slide-active .section1 .text,.swiper-slide-active .section1 .text1,.swiper-slide-active .section1 .text2,.swiper-slide-active .section1 .text3{opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.swiper-slide-active .section .text{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .section .text1{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .section .text2{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .section .text3{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}