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

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

/* TM */	
.tm { float:right;position:absolute; margin-top:-25px; right:110px;}
.tm a { color:#666;  text-decoration:none; font-size:10pt; font-family: 'Roboto';  font-style: normal;  font-weight: 500; letter-spacing:0em;}
.tm .adm { width:60px; float:right; position:absolute; margin-top:-24px; right:0; }

.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 */
#gnb { display:block; position:relative; z-index:9999; width:100%; min-width:1500px; height:88px; margin:0 auto; top:0; } 
.gnb_container { top:0; left:0%; width:100%; height:88px; line-height:0; position:relative; z-index:30; border-bottom:1px #ddd solid; opacity:1;filter:alpha(opacity=100); }
.gnb_container .temp_gnb { width:100%; height:100%; min-width:1500px; 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:100%; height:100%; margin:0 auto;  }
.gnb_wrap .bg_wrap .bg .logo { top:18px; left:40px; position:relative; z-index:4; width:190px; height:50px; transition: all .4s ease;}
.gnb_wrap .bg_wrap .bg .allmenu { top:0px; right:0px; position:absolute; z-index:4; width:88px; height:88px; background:#f3f3f3; transition: all .4s ease;}
.gnb_wrap .bg_wrap .bg .allmenu:hover { background:#e6e6e6; transition: all .4s ease;}
	
.gnb_wrap .g_wrap { display:inline-block; width:850px; position:relative; z-index:1; margin:0 auto; overflow:hidden; margin-left:0px;  transition: all .4s ease;}
.gnb_wrap .g_wrap .btn { display:inline-block; *display:inline; zoom:1; margin-top:25px; line-height:20px; padding:10px 26px 30px 26px; font-family:'Noto Sans Kr'; color:#000; font-size:20px; font-weight:400; overflow:hidden; cursor:pointer; letter-spacing:-0.06em; }
.gnb_wrap .g_wrap_menu { display:inline-block; top:28px; width:230px; position:absolute; z-index:1;  }
.gnb_wrap .g_wrap_menu span { background:#fff; border:1px #0079e9 solid; font-family:'Noto Sans Kr'; font-size:15px; font-weight:400; color:#0079e9; padding:0 15px;  line-height:32px; line-height:32px; border-radius:16px; transition: all .4s ease;}
.gnb_wrap .g_wrap_menu span:hover { background:#0079e9; color:#fff; transition: all .4s ease; text-decoration:none;}
.gnb_wrap .g_wrap_menu a {text-decoration:none;}

.bar_container { width:100%; position:absolute; top:0px; left:0px; }
.bar_container .bar_wrap { position:relative; }
.bar_container .bar_wrap .bar { width:0px; height:15px; position:relative; background-image: url('../images/bg_gnb_bar.png'); background-repeat:no-repeat; background-position:center; }
	
.snb_wrap { position:relative; width:100%; top: 3px; }
.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-image: url('../images/bg_snb.png'); }
.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 14px; 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:'Noto Sans Kr'; font-size:17px;font-weight:400; color:#fff; letter-spacing:-0.03em; }

.snb_wrap .wrap .btn:after { content:""; display:block; width:0px; height:3px; background:#0079e9; position:absolute; z-index:1; bottom:3px; 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:#0079e9; 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; }	
	.gnb_wrap .bg_wrap .bg .logo { left:40px; transition: all .4s ease;}
}

.nation_wrap { top:26px; right:38px; position:absolute;z-index:999991; width:50px; height:45%; text-align:center }
.nation_wrap:before { content:''; top:0px; left:0px; position:absolute; width:60%; height:50px; }
.nation_wrap .open { width:100%; height:100%; position:relative; background:url('../images/tm_nation.png') center center no-repeat;cursor:pointer; }
.nation_wrap .btn_wrap { position:relative; z-index:999991; height:0; overflow:hidden; /*background:#000; border-bottom-left-radius:25px; border-bottom-right-radius:25px; */}
.nation_wrap .btn_wrap .UrlBtn { padding:5px 10px 0 10px; position:relative; }
/*.nation_wrap .btn_wrap .UrlBtn:nth-child(n+3):after { content:""; top:0; left:0; position:absolute; width:100%; height:100px; }*/
.nation_wrap .btn_wrap .UrlBtn .icon { width:34px; height:34px; border:2px #fff solid; position:relative; cursor:pointer; border-radius:50%; }

/*  MAIN VISUAL  */	
#visual_main { display:block; position:relative; z-index:1; width:100%; height:850px; top:0px; }
#mvisual_contents { width:100% !important; height:850px; position:relative;overflow:hidden; top:0px; }
#mvisual_contents .main_img_wrap { position:inherit !important; width:100% !important;}
.main_img_wrap .main_text_area {margin:0 auto;width:100%;position:relative;height:850px;text-align:center;}

.mvisual_01_text { width:100% !important; height:850px; position:relative; text-align:center; background:url('../images/MainVisual/bg1.jpg'); background-repeat:no-repeat; background-size:cover; }
.mvisual_01_text .txt1_1 { position:absolute; left:60%; top:215px; margin-left:-960px; width:100%; }
.mvisual_01_text .txt1_2 { position:absolute; left:60%; top:470px; margin-left:-960px; width:100%; }
.mvisual_02_text { width:100% !important; height:850px; position:relative; text-align:center; background:url('../images/MainVisual/bg2.jpg');  background-repeat:no-repeat; background-size:cover;}
.mvisual_02_text .txt2_1 { position:absolute; left:60%; top:215px; margin-left:-960px; width:100%;  }
.mvisual_02_text .txt2_2 { position:absolute; left:60%; top:410px; margin-left:-960px; width:100%;  }
.mvisual_03_text { width:100% !important; height:850px; position:relative; text-align:center; background:url('../images/MainVisual/bg3.jpg');  background-repeat:no-repeat; background-size:cover; }
.mvisual_03_text .txt3_1 { position:absolute; left:50%; top:0; margin-left:-960px; width:1920px;  }
.mvisual_03_text .txt3_2 { position:absolute; left:50%; top:0; margin-left:-960px; width:1920px;  }

.mvisualBtn { /*display:none;*/ display:inline-block; position:relative; bottom:80px; margin-left:-960px; width:100%; margin:0 auto; left:45%; z-index:999;}
.mvisualBtn ul {overflow:hidden;margin:0 auto; }
.mvisualBtn ul li { float:left; }
.mvisualBtn ul li:first-child {margin:0 auto;}
.mvisualBtn ul li a { display:inline-block; margin:0 6px; width:50px;height:2px; background:#fff; overflow:hidden;line-height:999px; }
.mvisualBtn ul li a.ico_1 { float:left; }
.mvisualBtn ul li a.ico_2 { float:left; }
.mvisualBtn ul li a.ico_3 { float:left; }
.mvisualBtn ul li.on a.ico_1 { position:relative; width:50px; height:2px; background:#00E3FE; transition: all 0.3s ease;transition-delay: 0.0s }
.mvisualBtn ul li.on a.ico_2 { position:relative; width:50px; height:2px; background:#00E3FE; transition: all 0.3s ease;transition-delay: 0.0s }
.mvisualBtn ul li.on a.ico_3 { position:relative; width:50px; height:2px; background:#00E3FE; transition: all 0.3s ease;transition-delay: 0.0s }

.pn_nav { display:inline-block; position:absolute; z-index:99999; margin:0 auto;  width:100%; height:58px; }
.pn_nav_area { width:100%; position:relative; margin:0 auto; margin-top:400px; }
.pn_nav a em.prev_btn { position:absolute; width:45px;height:45px; display:inline-block; left:60px; cursor:pointer; opacity:1; }
.pn_nav a em.next_btn { position:absolute; width:45px;height:45px;display:inline-block; right:60px; cursor:pointer; opacity:1; }


/* 5 BANNER */
.section1_container { display:inline-block; width:100%; height:840px; position:relative; text-align:center; margin-top:100px; }
.section1_wrap { width:1311px; height:840px; margin:0 auto; position:relative; }
.section1_wrap .box { display:inline-block; float:left; *display:inline; zoom:1; margin:5px; position:relative; overflow:hidden; cursor:pointer; }
.section1_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; }	
.section1_wrap .box > div:nth-child(2) { position:absolute; text-align:center; padding:50px; /*background:rgba(0,0,0,0.8); opacity:0.8; filter:alpha(opacity=80); */}
.section1_wrap .box > div:nth-child(2) > p:nth-child(1) { font-size:35px; color:#fff; font-family:'Noto Sans Kr'; font-weight:600;  letter-spacing:-0.07em; line-height:38px;  }
.section1_wrap .box > div:nth-child(2) > p:nth-child(2) { font-size:20px; color:#fff; font-family:'Noto Sans Kr'; font-weight:200; margin-top:20px; letter-spacing:-0.05em; line-height:28px;  text-transform:uppercase}
.section1_wrap .box > div:nth-child(2) > p:nth-child(3) { display:inline-block; font-size:14px; color:#fff; font-family:'arial'; margin-top:20px; padding:2px 20px 0 20px; letter-spacing:-0.02em; line-height:26px; background:#000; border-radius:13px; opacity:0.6;transition: all .4s ease;}
.section1_wrap .box:hover  > div:nth-child(2) > p:nth-child(3)  { font-weight:bold; color:#000; background:#fff; opacity:1;transition: all .4s ease;}
	
.section1_wrap .box:nth-child(1) > div:nth-child(1) { width:645px; height:350px; background:url('../images/section1_img1.jpg') 50% 50%; background-size:cover; }
.section1_wrap .box:nth-child(2) > div:nth-child(1) { width:645px; height:350px; background:url('../images/section1_img2.jpg') 50% 50%; background-size:cover; }
.section1_wrap .box:nth-child(3) > div:nth-child(1) { width:427px; height:480px; background:url('../images/section1_img3.jpg') 50% 50%; background-size:cover; }
.section1_wrap .box:nth-child(4) > div:nth-child(1) { width:427px; height:480px; background:url('../images/section1_img4.jpg') 50% 50%; background-size:cover; }
.section1_wrap .box:nth-child(5) > div:nth-child(1) { width:427px; height:480px; background:url('../images/section1_img5.jpg') 50% 50%; background-size:cover; }
	
.section1_wrap .box:nth-child(1) > div:nth-child(2) { top:0; left:0; position:absolute; text-align:left; }
.section1_wrap .box:nth-child(2) > div:nth-child(2) { top:0; left:0; position:absolute; text-align:left; }
.section1_wrap .box:nth-child(3) > div:nth-child(2) { top:245px; left:40px; position:absolute; text-align:center; }
.section1_wrap .box:nth-child(4) > div:nth-child(2) { top:245px; left:30px; position:absolute; text-align:center; }
.section1_wrap .box:nth-child(5) > div:nth-child(2) { top:245px; left:17px; position:absolute; text-align:center; }


/* 교정치료 과정 */
.section2_container { display:block; width:100%; height:900px; position:relative; text-align:center; margin-top:90px;  }
.section2_container h2 { width:100%; margin:0 auto; padding:0 0 20px 0;  font-family:'Roboto'; font-weight:200; font-size:21px; color:#000; line-height:30px; letter-spacing:0.05em; }
.section2_container h2 strong { font-family:'Noto Sans Kr'; font-weight:600; font-size:55px; line-height:80px; letter-spacing:-0.05em; }
.section2_wrap { width:100%; height:793px; margin:0 auto; position:relative; }

#visual2_main { position:relative; z-index:1; width:100%; height:793px; margin-top:20px; }
#mvisual2_contents { width:100% !important; height:793px; position:relative;overflow:hidden; top:0px; }
#mvisual2_contents .main2_img_wrap {min-width:1302px;position:inherit !important; width:100% !important;}
.main2_img_wrap .main2_text_area {margin:0 auto;width:1302px;position:relative;height:793px;}

.mvisual2_01_text { width:100% !important; height:793px; position:relative; background:url('../images/MainVisual/tail_bg1.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual2_01_text .txt1_1 {position:absolute; top:0px; left:74%; margin-left:-960px; width:100%;}
.mvisual2_02_text { width:100% !important; height:793px; position:relative; background:url('../images/MainVisual/tail_bg2.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual2_02_text .txt2_1 {position:absolute; top:0px; left:74%; margin-left:-960px; width:100%;}
.mvisual2_03_text { width:100% !important; height:793px; position:relative; background:url('../images/MainVisual/tail_bg3.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual2_03_text .txt3_1 {position:absolute; top:0px; left:74%; margin-left:-960px; width:100%;}
.mvisual2_04_text { width:100% !important; height:793px; position:relative; background:url('../images/MainVisual/tail_bg4.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual2_04_text .txt4_1 {position:absolute; top:0px; left:74%; margin-left:-960px; width:100%;}
.mvisual2_05_text { width:100% !important; height:793px; position:relative; background:url('../images/MainVisual/tail_bg5.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual2_05_text .txt5_1 {position:absolute; top:0px; left:74%; margin-left:-960px; width:100%;}
.mvisual2_06_text { width:100% !important; height:793px; position:relative; background:url('../images/MainVisual/tail_bg6.jpg'); background-repeat:no-repeat; background-position:50%; }
.mvisual2_06_text .txt6_1 {position:absolute; top:0px; left:74%; margin-left:-960px; width:100%;}

.mvisual2Btn { display:inline-block; position:relative; bottom:110px;width:100%; margin:0 auto; z-index:999;}
.mvisual2Btn ul { width:1302px; overflow:hidden; margin:0 auto; text-align:center; }
.mvisual2Btn ul li { float:left; width:216px;height:55px; list-style:none; margin-right:1px; }
.mvisual2Btn ul li:first-child {margin:0 auto;}
.mvisual2Btn ul li a { display:inline-block; width:216px;height:55px; overflow:hidden; background:url('../images/bg_visual_tab.png');}
.mvisual2Btn ul li a { text-align:left; padding-left:20px; line-height:55px; font-family:'Noto Sans Kr'; font-size:18px; font-weight:400; letter-spacing:-0.05em; text-decoration:none; }
.mvisual2Btn ul li a strong { font-family: 'BebasNeue-Book'; font-size:21px; letter-spacing:0.05em; }
.mvisual2Btn ul li a span { font-family: 'dotum'; font-size:19px; color:#777; letter-spacing:0.05em; padding:0 10px;}

.mvisual2Btn ul li a.ico_1 strong,.ico_2 strong,.ico_3 strong,.ico_4 strong,.ico_5 strong,.ico_6 strong { color:#00E4FF;}
.mvisual2Btn ul li a.ico_1 { float:left; color:#fff; }
.mvisual2Btn ul li a.ico_2 { float:left; color:#fff; }
.mvisual2Btn ul li a.ico_3 { float:left; color:#fff; }
.mvisual2Btn ul li a.ico_4 { float:left; color:#fff; }
.mvisual2Btn ul li a.ico_5 { float:left; color:#fff; }
.mvisual2Btn ul li a.ico_6 { float:left; color:#fff; }

.mvisual2Btn ul li.on a.ico_1 strong,.on a.ico_2 strong,.on a.ico_3 strong,.on a.ico_4 strong,.on a.ico_5 strong,.on a.ico_6 strong { color:#000;}
.mvisual2Btn ul li.on a.ico_1, .mvisual2Btn ul li:hover a.ico_1 { background:#00E4FF; color:#000;}
.mvisual2Btn ul li.on a.ico_2, .mvisual2Btn ul li:hover a.ico_2 { background:#00E4FF; color:#000;}
.mvisual2Btn ul li.on a.ico_3, .mvisual2Btn ul li:hover a.ico_3 { background:#00E4FF; color:#000;}
.mvisual2Btn ul li.on a.ico_4, .mvisual2Btn ul li:hover a.ico_4 { background:#00E4FF; color:#000;}
.mvisual2Btn ul li.on a.ico_5, .mvisual2Btn ul li:hover a.ico_5 { background:#00E4FF; color:#000;}
.mvisual2Btn ul li.on a.ico_6, .mvisual2Btn ul li:hover a.ico_6 { background:#00E4FF; color:#000;}
.mvisual2Btn ul li.on a.ico_1, .mvisual2Btn ul li:hover a.ico_1:hover strong, a.ico_2:hover strong, a.ico_3:hover strong, a.ico_4:hover strong, a.ico_5:hover strong, a.ico_6:hover strong { color:#000;}

.pn2_nav { display:none; position:absolute; z-index:99999; margin-top:333px; width:100%; }
.pn2_nav_area {margin:0 auto;width:100%;position:relative}
.pn2_nav a em.prev2_btn { position:absolute; width:100px;height:160px;display:inline-block; left:60px; cursor:pointer; opacity:0.3; }
.pn2_nav a em.next2_btn { position:absolute; width:100px;height:160px;display:inline-block; right:60px; cursor:pointer; opacity:0.3; }


/* 커뮤니티 */
.section3_container { display:block; width:100%; height:750px; position:relative; text-align:center; margin-top:130px;  }
.section3_container h2 { width:100%; margin:0 auto; padding:0 0 40px 0;  font-family:'Roboto'; font-weight:200; font-size:21px; color:#000; line-height:30px; letter-spacing:0.05em; }
.section3_container h2 strong { font-family:'Roboto'; font-weight:500; font-size:57px; line-height:80px; letter-spacing:0em; }
.section3_wrap { width:1300px; height:500px; margin:0 auto; position:relative; }
.section3_wrap .box { display:inline-block; float:left; *display:inline; zoom:1; margin:0px; position:relative; overflow:hidden; }

.section3_wrap .box:nth-child(1) > div:nth-child(1) { width:650px; height:250px; }
.section3_wrap .box:nth-child(1) > div:nth-child(2) { width:650px; height:250px; }

.section3_wrap .box1 { display:inline-block; float:left; *display:inline; zoom:1; margin:0px; position:relative; overflow:hidden; }
.section3_wrap .box1:nth-child(2) > div:nth-child(1) { width:650px; height:500px; background:#f3f3f3; }
.section3_wrap .box1:nth-child(2) > div:nth-child(1) > div:nth-child(1) { width:650px; height:250px; background:url('../images/section3_img3.png'); border-bottom:1px #ccc solid; }
.section3_wrap .box1:nth-child(2) > div:nth-child(1) > div:nth-child(2) { width:650px; height:250px; background:url('../images/section3_img4.png'); border-bottom:0px #ccc solid; }
.section3_wrap .box1:nth-child(2) > div:nth-child(1) > div:nth-child(3) { width:650px; height:167px; background:url('../images/section3_img5.png'); }

.section3_wrap .box1:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p:nth-child(1) { cursor:pointer; padding:30px 50px 13px 240px; text-align:left; font-family:'Noto Sans Kr'; font-size:26px; font-weight:500; letter-spacing:-0.05em; }
.section3_wrap .box1:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) { cursor:pointer; padding:30px 50px 13px 240px; text-align:left; font-family:'Noto Sans Kr'; font-size:26px; font-weight:500; letter-spacing:-0.05em; }
.section3_wrap .box1:nth-child(2) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) { cursor:pointer; padding:30px 50px 0 240px; text-align:left; font-family:'Noto Sans Kr'; font-size:26px; font-weight:500; letter-spacing:-0.05em; }
.section3_wrap .box1:nth-child(2) span { float:right; right:0px; font-family:'dotum'; font-size:23px; font-weight:100; }


/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%; top:0px; }
.top_visual_g0 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg0.jpg') 50% 50%; background-size:cover; }
.top_visual_g1_1 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg1_1.jpg') 50% 50%; background-size:cover; }
.top_visual_g1_2 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg1_2.jpg') 50% 50%; background-size:cover; }
.top_visual_g1_3 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg1_3.jpg') 50% 50%; background-size:cover; }
.top_visual_g1_4 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg1_4.jpg') 50% 50%; background-size:cover; }
.top_visual_g2_1 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg2_1.jpg') 50% 50%; background-size:cover; }
.top_visual_g2_2 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg2_2.jpg') 50% 50%; background-size:cover; }
.top_visual_g2_3 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg2_3.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_1 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_1.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_2 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_2.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_3 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_3.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_4 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_4.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_5 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_5.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_6 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_6.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_7 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_7.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_8 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_8.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_9 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_9.jpg') 50% 50%; background-size:cover; }
.top_visual_g3_10 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg3_10.jpg') 50% 50%; background-size:cover; }
.top_visual_g4_1 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg4_1.jpg') 50% 50%; background-size:cover; }
.top_visual_g5_1 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg5_1.jpg') 50% 50%; background-size:cover; }
.top_visual_g6_1 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg6_1.jpg') 50% 50%; background-size:cover; }
.top_visual_g6_2 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg6_2.jpg') 50% 50%; background-size:cover; }
.top_visual_g6_3 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg6_3.jpg') 50% 50%; background-size:cover; }
.top_visual_g6_4 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg6_4.jpg') 50% 50%; background-size:cover; }
.top_visual_g6_5 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg6_5.jpg') 50% 50%; background-size:cover; }
.top_visual_g6_6 { display:block; text-align:center; width:100%; height:300px; background: url('../images/SubVisual/bg6_6.jpg') 50% 50%; background-size:cover; }


/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; margin-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:30px 0 50px 0; margin:0 auto; margin-top:0px; 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:inline-block; position:relative; z-index:9999; width:100%; height:45px; text-align:center; margin-top:-26px; }
.snb_pc > ul { width:680px; height:45px; padding:0 17px; margin:0 auto; background:#0079E9; border-radius:23px; }
.snb_pc .i_home { float:left; right:0px; position:relative; z-index:9; width:45px; }
.snb_pc .select_wrap { float:right; width:600px; display:inline-block; position:relative;  z-index:1;}

.cate_pc { width:1302px; margin:0 auto; padding:0;  text-align:center; margin-top:20px; }
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:20px 0 20px 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; padding:0 16px; height:40px; line-height:38px; /* 깜빡임 없앰 -> */ background:#f5f5f5; 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; padding:0 16px; height:38px; margin-left:-16px; margin-right:-16px; background:#549dd1; 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; }

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

.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:50px; padding:0; }
.snb_tit .bo_tit { text-align:center;  font-family:'Noto Sans Kr';  font-size:45px; font-weight:500; color:#000; letter-spacing:-0.04em; }
.snb_tit .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:60px; height:25px; border-bottom:5px #ccc 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:block; width:100%; height:608px; position:relative; text-align:center; margin-top:0px; padding-top:100px; background:url('../images/bg_counsel.jpg') 50% 50%; background-size:cover;}
.tail_wrap { width:1300px; height:408px; margin:0 auto; position:relative; }
.tail_wrap > div:nth-child(1) { float:left; margin:0; width:650px; height:408px; position:relative; background:#fff; padding:50px; }
.tail_wrap > div:nth-child(2) { float:left; margin:0; width:650px; height:408px; position:relative; background:#1E3C94; padding:50px; }
.tail_wrap > div:nth-child(2) > p { text-align:left; font-size:25px;font-family:'Noto Sans Kr';  color:#fff; font-weight:500; letter-spacing:-0.05em; }

/* 하단 빠른상담 폼 */
.frm_wrap { display:inline-block; width:550px; margin-top:20px;  text-align:left; }
.frm_wrap div { width:100%; text-align:left; }
.frm_wrap > div:nth-child(1) > p:nth-child(1) { float:left; width:250px; }
.frm_wrap > div:nth-child(1) > p:nth-child(2) { float:left; width:250px; }
.frm_wrap div label{ float:left; font-family:'Noto Sans Kr'; font-size:15px; font-weight:300; color:#fff; padding:10px 0 0 6px; }
.frm_wrap div span{ float:right; font-family:'Noto Sans Kr'; font-size:15px; font-weight:300; color:#fff; padding:0; }

.frm_wrap input[name="wr_name"] { float:left; width:220px; height:38px; font-size:15px; padding:0 5px; border:0; }
.frm_wrap input[name="wr_8"],
.frm_wrap input[name="wr_9"] { float:left; width:103px; height:38px; font-size:15px; padding:0 5px; margin-left:4px; border:0; }
.frm_wrap input[name="wr_5"] { float:left; width:20px; height:20px; margin-top:10px; border:0; }
.frm_wrap input[type="submit"] {  position:absolute; float:left; width:170px; height:54px; margin-top:195px; left:50px; border:0;  background:#14AECA; font-family:'Noto Sans Kr'; font-size:20px; font-weight:500; color:#fff; }
.frm_wrap input[type="submit"]:hover { background:#0395af; }
.frm_wrap select[name="wr_7"] { float:left; width:106px; height:38px; font-size:15px; padding:0 5px; margin-left:10px; border:0; }
.frm_wrap textarea[name="wr_content"] { float:left; width:550px; height:100px; font-size:15px; padding:5px; margin-top:10px; border:0; }



/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; height:340px; text-align:center; margin-top:0px; background:#111111; }
.copyright { width:1302px; margin:0 auto; text-align:center; padding:45px 0 0; }
.copyright .tail_logo { text-align:center; padding:0 0 30px; }
.copyright .tail_menu { text-align:center; padding:10px 0 25px 0;}
.copyright .tail_menu span { text-align:center;margin:0; padding:5px 14px 6px 14px; border:1px #666 solid; color:#9b9da3; font-size:13px; line-height:34px; letter-spacing:-0.07em;  font-weight:300;}
.copyright .tail_add { text-align:center; font-family:'Noto Sans Kr'; font-size:16px; font-weight:300; color:#eee; line-height:27px;}
.copyright .tail_add p { text-align:center; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; color:#bbb; line-height:50px;}
.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 {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;
}