@charset "utf-8";
body{background:#fff;}

/* div위치조절 */
#wrap{margin:0 auto; width:100%; overflow:hidden; text-align:left; min-width:1260px; background-color:#fff; position:relative; }
#top_wrap{ position:fixed; z-index:1000; left:0; top:0; width:100%; height:100px; min-width:1260px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .2); box-shadow:0 1px 3px rgba(0, 0, 0, .2); background:#fff; -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms;}
#middle_wrap{margin:0 auto; width:100%; overflow:hidden; min-width:1260px; padding-top:100px; -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms;}
#bottom_wrap{margin:0 auto; width:100%; overflow:hidden; min-width:1260px; background-color:#333;}

/* top div위치조절 */
#top_total{margin:0 auto; position:relative; width:100%; height:100px; padding:20px 0; -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms;}

#logo{position:absolute; z-index:100; left:30px; top:25px; width:250px; height:50px; -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms;}


#top_nav{ margin:0 auto; position:relative; height:60px; padding:5px 0; -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms;}
#top_nav > ul{ margin:0 auto; display:table;}
#top_nav > ul > li{float:left; position:relative;}
#top_nav > ul > li > a{display:block; padding:0 0px; height:50px; border-radius:5px; font-size:16px; font-weight:500; line-height:50px; color:#000; text-align:center;}
#top_nav > ul > li:hover > a{color:#1287bc;}
#top_nav > ul > li > ul{padding-top:1px; list-style:none; }
#top_nav > ul > li ul{display:none; list-style:none; position:absolute; z-index:1000; top:45px; left:0; width:100%; padding-top:5px; border:0; border-radius:0 0 5px 5px;}
#top_nav > ul > li:hover ul{display:block;}
#top_nav > ul > li > ul li{width:100%; border-top:1px solid rgba(255,255,255,0.2);}
#top_nav > ul > li > ul li a{display:block; width:100%; font-size:14px; font-weight:300; height:45px; line-height:45px; color:#fff; text-align:center; }
#top_nav > ul > li > ul li:hover a{color:#FF0;}
#top_nav > ul > li:nth-child(1) > a{width:205px;}
#top_nav > ul > li:nth-child(2) > a{width:180px;}
#top_nav > ul > li:nth-child(3) > a{width:140px;}
#top_nav > ul > li:nth-child(4) > a{width:160px;}


.all_btn{position:absolute; z-index:100; right:30px; top:35px; width:122px; height:30px; display:table; -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms;}
.all_btn .view_btn{ position:relative; float:right; display:block; width:52px; height:30px; padding-right:30px; cursor:pointer; background:url('../images/star.png') no-repeat right center;}
.all_btn .view_btn .line{content:""; position:absolute; top:50%; left:0px; width:22px; height:2px; background-color:#434343; transition:all 0.2s ease}
.all_btn .view_btn .line1{width:14px; margin-top:-6px;}
.all_btn .view_btn .line2{width:18px; margin-top:0px;}
.all_btn .view_btn .line3{width:22px; margin-top:6px;}

.top_login{ float:left; width:70px; height:30px; }
.top_login ul li{float:left;}
.top_login ul li a{display:block; overflow:hidden; padding:5px; font-size:13px; line-height:20px; color:#666; font-weight:400; letter-spacing:-0.02rem;}

.all_nav_total{position:absolute; left:0; top:99px; z-index:1001; width:100%; height:0px; padding:0 30px; overflow:hidden; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .2); box-shadow:0 1px 3px rgba(0, 0, 0, .2); -webkit-transition:all 400ms; transition:all 400ms; -webkit-transition:all 300ms; transition:all 300ms; background:rgba(255,255,255,0.9);}
.all_nav_total .all_nav{ margin:0 auto; width:1200px; height:310px; position:relative;}
.all_nav_total .all_nav > ul{ display:table; margin:0 auto;}
.all_nav_total .all_nav > ul > li{float:left;}
.all_nav_total .all_nav > ul > li ul{display:block; width:100%; overflow:hidden; padding:15px 0;}
.all_nav_total .all_nav > ul > li ul li{ width:100%; overflow:hidden;}
.all_nav_total .all_nav > ul > li ul li a{display:block; overflow:hidden; padding:5px 0; font-size:15px; line-height:30px; color:#666; font-weight:400; text-align:center; letter-spacing:-0.02rem;}
.all_nav_total .all_nav > ul > li ul li a:hover{color:#1287bc;}
.all_nav_total .all_nav > ul > li:nth-child(1){width:205px;}
.all_nav_total .all_nav > ul > li:nth-child(2){width:180px;}
.all_nav_total .all_nav > ul > li:nth-child(3){width:140px;}
.all_nav_total .all_nav > ul > li:nth-child(4){width:160px;}

.all_nav_total .all_nav_cus{ position:absolute; left:90px; top:40px; width:300px; overflow:hidden;}
.all_nav_total .all_nav_cus .text1{width:100%; overflow:hidden; font-size:18px; font-weight:500; color:#000; line-height:35px;}
.all_nav_total .all_nav_cus .text2{width:100%; overflow:hidden; margin:10px 0 0; font-size:14px; font-weight:300; color:#555; line-height:22px;}
.all_nav_total .all_nav_cus .text2 span{font-weight:300; color:#111;}
.all_nav_total .all_nav_cus .text3{width:100%; overflow:hidden; margin-top:20px; font-size:17px; font-weight:700; color:#1287bc; line-height:25px;}

.navOpen .all_btn .view_btn .line1{width:22px; margin-top:0px; transform:rotate(-45deg); -ms-transform:rotate(-45deg)}
.navOpen .all_btn .view_btn .line2{width:0; opacity:0.3;}
.navOpen .all_btn .view_btn .line3{margin-top:0px; transform:rotate(45deg); -ms-transform:rotate(45deg)}
.navOpen .all_nav_total{top:99px; height:350px; border-top:1px solid #ddd;}


.minimize #top_wrap{height:70px;}
.minimize #top_total{height:70px; padding:5px 0;}
.minimize #logo{top:10px;}
.minimize .all_btn{top:20px;}
.minimize .all_nav_total{top:70px; }

.minimize #middle_wrap{padding-top:70px;}


/*메인이미지_ 슬라이드*/
.main_visual { }
.main_visual {margin:0 auto; padding:0 0; min-width:1260px; width:100%; position:relative; background:#ffffff; overflow: hidden;}
.main_visual_slider {width: 100%; position: relative;}
.main_visual_item {display: none;width: 100%;height: 100%;position: relative;overflow: hidden;}
.main_visual_item:first-child {display: block;}
.main_visual_item > .wrap {height: 100%;}
.main_visual_content { margin:0 auto; display: table; max-width:1200px; width:100%; padding:0 0; height:100%;opacity: 0; }
.main_visual_content_cell {display: table-cell;vertical-align: middle; text-align:center;}
.main_visual_content .text1 {width:100%; display:table; font-size:70px; font-weight:300; line-height:120%; color:#fff; letter-spacing:-0.02rem;}
.main_visual_content .text2 {width:100%; display:table; font-size:70px; font-weight:300; line-height:120%; color:#fff; letter-spacing:-0.02rem;}
.main_visual_content .text3 { margin:35px auto; width:85px; display:table; height:3px; background:#fff;}
.main_visual_content .text4 {width:100%; display:table; font-size:45px; font-weight:700; line-height:130%; color:#fff; letter-spacing:-0.02rem; }
.main_visual_content .text5 {width:100%; display:table; font-size:20px; font-weight:400; line-height:130%; color:#fff; letter-spacing:-0.02rem; }
.main_visual_content .jt_btn { position:relative; z-index:101; display:block; margin-top:40px; width:250px; height:50px; padding-left:35px; border:1px solid #fff; text-align:left; font-weight:500; line-height:48px; font-size:17px; color:#fff; background:url('../images/main_btn_icon.png') no-repeat 180px center;}
.main_visual_content .jt_btn:hover{background:#1386bc url('../images/main_btn_icon.png') no-repeat 180px center; border:1px solid #1386bc;}
.main_visual_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;background-size: cover;-webkit-transform: scale(1.10) rotate(0.01deg);-ms-transform: scale(1.10) rotate(0.01deg);transform: scale(1.10) rotate(0.01deg);-webkit-transition: -webkit-transform 4s ease-in;transition: -webkit-transform 4s ease-in;transition: transform 4s ease-in;transition: transform 4s ease-in, -webkit-transform 4s ease-in;}
.main_visual_pc_bg {display: block;}
.main_visual_mobile_bg {display: none}
.main_visual_item.cycle-slide-active .main_visual_bg {-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}

.main_visual_02 .main_visual_content .text1 {font-size:100px;}


.main_visual .cycle_controler {width:100%;height:0px;}
.main_visual .cycle_control {position: absolute; left:0; bottom:50%; margin-bottom:20px; z-index:130; width:100%;}
.main_visual .cycle_control:after {display: none;}
.main_visual .cycle_btn { width:40px;height:40px;opacity: 0.5;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.main_visual .cycle_prev {left: 50px;}
.main_visual .cycle_next {right: 50px;}
.main_visual .cycle_btn:hover {opacity: 1;}
.ma in_visual .cycle_btn:hover:after {color: #222;}

.cycle_controler {z-index: 130;}

.cycle_control {font-size: 0;line-height: 0;}
.cycle_btn {width:40px;height:40px;position: absolute;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;}
.cycle_btn:after {display: block;width: 100%;height: 100%;position: absolute;-webkit-transition: color 300ms;transition: color 300ms;}
.cycle_prev{background:url('../images/prev.png') no-repeat;}
.cycle_next{background:url('../images/next.png') no-repeat;}
.cycle_btn:hover:after {color: #c0c79c;}

.cycle_caption {position:absolute; z-index:130; bottom:0; width: 100%;font-size: 0;text-align: center;}
.main_caption_text {display: inline-block;min-width: 10px;vertical-align: middle;font-size:0;font-weight:500;line-height: 40px;color: #222;}
.main_caption_text.slug {padding: 0 3px;}

.cycle_pager_wrap {display:none; width: auto;position: absolute; z-index:130; left:50%; bottom:20px; overflow:hidden;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.cycle_pager {display: block;width: auto;position: relative;font-size:0;line-height:0;}
.cycle_pager span { float:left; margin:0 5px 0 0; display:block; width:13px; height:13px; padding:1px; border-radius:50%; background:rgba(255,255,255,0.3); -webkit-transition: all 250ms; transition: all 250ms; cursor:pointer;}
.cycle_pager span.cycle-pager-active {background:rgba(255,255,255,1);}

/* loading */
.main_visual:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #ffffff;z-index: 200;}
.main_visual_slider {opacity: 0;-webkit-transition: opacity 1s;transition: opacity 1s;}
.main_visual_load.main_visual:after {opacity: 0;visibility: hidden;}
.main_visual_load .main_visual_slider {opacity: 1;}


@keyframes motion1{
0%{opacity:1;}
50%{opacity:1;transform: translateX(0) translateY(5px) translateZ(0px);-webkit-transform: translateX(0) translateY(5px) translateZ(0px);}
100%{opacity:1;}
}
.scroll{position:absolute; z-index:1000; left:50%; bottom:30px; margin-left:-40px; width:80px; overflow:hidden; display:none;
	animation-name:motion1;
	animation-iteration-count:infinite;/*반복할 횟수,infinite은 무한반복*/
	animation-direction:normal;/*반복할 방향,alternate양방향 왕복하며 반복*/
	animation-timing-function:ease-out;/*가속,감속*/
	animation-duration:1s;/*재생시간*/
	cursor:pointer;
}
.scroll img{opacity:0.8;}
.scroll:hover img{ opacity:1;}


/* middle div위치조절*/
#middle_total{margin:0 auto; position:relative; width:100%; overflow:hidden; background-color:#fff; }
.stand{width:100%; overflow:hidden; padding:120px 0px;}
.stand_total{ margin:0 auto; width:1200px; overflow:hidden;}
.stand_total .stand_title{width:100%; height:55px; font-size:38px; font-weight:700; line-height:55px; color:#333; text-align:center; position:relative;}
.stand_total .stand_title:before{ content:''; position:absolute; left:50%; bottom:-15px; width:66px; height:3px; margin-left:-33px; background:#333;}
.stand_total .stand_text{width:100%; overflow:hidden; margin-top:40px; font-size:14px; font-weight:400; color:#1c1c1c; line-height:26px; letter-spacing:-0.03rem;}
.stand_total .stand_con{width:100%; overflow:hidden; position:relative;}


.stand_a .stand_total{width:100%;}
.stand_a .stand_con{margin-top:70px;}

.stand_b{background:#fff url('../images/stand_b_bg.jpg') no-repeat center bottom;}
.stand_b .stand_con{margin-top:70px;}

.stand_c{ background:#f7f7f7;}
.stand_c .stand_con{overflow:visible; margin-top:70px; }
.stand_c .stand_con .stand_left{ float:left; width:385px; height:660px; padding-top:200px; background:#111 url('../images/stand_c_01bg.jpg') no-repeat 0 0;}
.stand_c .stand_con .stand_left .info_total{ width:100%; overflow:hidden; padding:0 0 0 40px;}
.stand_c .stand_con .stand_left .info_total .title{width:100%; overflow:hidden; font-size:25px; font-weight:700; color:#fff; line-height:35px;}
.stand_c .stand_con .stand_left .info_total .text1{width:100%; overflow:hidden; margin:15px 0 20px; font-size:16px; font-weight:400; color:#fff; line-height:26px;}
.stand_c .stand_con .stand_left .info_total .text1 span{font-weight:500;}
.stand_c .stand_con .stand_left .info_total .text2{width:100%; overflow:hidden; font-size:20px; font-weight:700; color:#fff; line-height:35px;}
.stand_c .stand_con .stand_right{ float:right; width:785px; height:660px;}
.stand_c .stand_con .stand_right ul li{display:block; }
.stand_c .stand_con .stand_right ul li a{position:relative; display:block; width:785px; height:315px;}
.stand_c .stand_con .stand_right ul li .info_total{position:relative; width:275px; height:315px; padding:40px 30px; border:1px solid #ccc; background:#fff;}
.stand_c .stand_con .stand_right ul li .info_total .title{position:relative; width:100%; height:30px; margin-bottom:45px; font-size:20px; font-weight:700; color:#000; line-height:30px;}
.stand_c .stand_con .stand_right ul li .info_total .title:before{ content:''; position:absolute; left:0; bottom:-22px; width:50px; height:5px; background:#000;}
.stand_c .stand_con .stand_right ul li .info_total .text{width:100%; overflow:hidden; font-size:15px; font-weight:300; color:#000; line-height:24px;}
.stand_c .stand_con .stand_right ul li .info_total .more{ position:absolute; right:30px; top:40px; width:51px; height:51px; overflow:hidden; border-radius:50%; border:1px solid #000; text-indent:-5000px;}
.stand_c .stand_con .stand_right ul li .info_total .more:before{content:''; position:absolute; left:24px; top:24px; width:27px; height:1px; margin-left:-13px; background:#000;}
.stand_c .stand_con .stand_right ul li .info_total .more:after{content:''; position:absolute; left:24px; top:24px; width:1px; height:27px; margin-top:-13px; background:#000;}
.stand_c .stand_con .stand_right ul li:hover a:before{content:''; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border:3px solid #1386bc;}
.stand_c .stand_con .stand_right ul li:hover .info_total .more{border:1px solid #1386bc;}
.stand_c .stand_con .stand_right ul li:hover .info_total .more:before{background:#1386bc;}
.stand_c .stand_con .stand_right ul li:hover .info_total .more:after{background:#1386bc;}

.stand_c .stand_con .stand_right ul li:nth-child(1){margin-bottom:30px;}
.stand_c .stand_con .stand_right ul li:nth-child(1) a{background:#ccc url('../images/stand_c_02bg.jpg') no-repeat right center;}
.stand_c .stand_con .stand_right ul li:nth-child(1) .info_total{float:left;}
.stand_c .stand_con .stand_right ul li:nth-child(2) a{background:#ccc url('../images/stand_c_03bg.jpg') no-repeat left center;}
.stand_c .stand_con .stand_right ul li:nth-child(2) .info_total{float:right;}

.stand_d{ background:#f4f4f4;}
.stand_d .stand_con{overflow:visible; margin-top:70px; }

/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1200px; overflow:hidden;  padding:30px 0; position:relative; }
.copy_link{float:left; width:100%; height:30px; margin:0 0 15px;}
.copy_link ul li{float:left; margin-right:20px;}
.copy_link ul li a{display:block; font-weight:500; font-size:14px; line-height:30px; color:#fff;}
.copy_link ul li a:hover{color:#fff;}
.copy_text{float:left; width:950px; overflow:hidden; font-size:13px; line-height:25px; color:#ccc; font-weight:400; letter-spacing:-0.03rem;}
.copy_logo{float:right; width:235px; height:40px; margin:15px 0 0 0;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#1386bc;background:#1386bc;color:#fff}

/* 서브페이지 코딩----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.sub_img{position:relative; margin:0 auto; width:100%; height:350px; overflow:hidden; background:#f1f1f1 url('../images/sub_img01.jpg') no-repeat center top;}
.sub01 .sub_img{background:#f1f1f1 url('../images/sub_img01.jpg') no-repeat center top;}
.sub02 .sub_img{background:#f1f1f1 url('../images/sub_img02.jpg') no-repeat center top;}
.sub03 .sub_img{background:#f1f1f1 url('../images/sub_img03.jpg') no-repeat center top;}
.sub04 .sub_img{background:#f1f1f1 url('../images/sub_img04.jpg') no-repeat center top;}

.sub_title{margin:0 auto; width:1200px; height:290px; padding:115px 0 0;}
.sub_title .title{margin:0 auto; width:1200px; height:60px; padding:0; font-size:45px; font-weight:900; line-height:60px; text-align:center; color:#fff; }
.sub_title .text{margin:0 auto; width:1200px; height:50px; padding:0; font-size:22px; font-weight:300; line-height:50px; text-align:center; color:#fff; }
.sub_title .text span{font-weight:700;}
.sub_title.sub_title1{padding:125px 0 0;}

.tab_menu{width:100%; height:60px; overflow:hidden; background:rgba(0,0,0,0.6);}
.tab_menu ul{display:table; margin:0 auto; width:1200px; border-left:1px solid rgba(255,255,255,0.1);}
.tab_menu ul li{float:left; position:relative; width:25%; border-right:1px solid rgba(255,255,255,0.1);}
.tab_menu ul li a{position:relative; display:block; width:100%; height:60px; font-size:17px; color:#fff; line-height:60px; font-weight:500; text-align:center;}
.tab_menu ul li a:hover{color:#1287bc;}
.tab_menu ul li.on a{ background:#1287bc; color:#fff;}
.tab_menu ul li:last-child{margin-right:0;}

.sub02 .tab_menu ul li{ width:14.2857%;}

.con_total{margin:0 auto; width:1200px; overflow:hidden; padding:80px 0 120px;}


/* 서브타이틀 */
.page_title{margin:80px auto 0; width:100%; height:50px; position:relative; overflow:hidden; text-align:center; font-size:38px; color:#333333; font-weight:900; line-height:50px;}


.ctt_admin{ display:none;}



.page0301 #bo_cate{ display:none;}
.page0204 #bo_sch{ display:none;}
.page0206 #bo_sch{ display:none;}

/*게시판 상단글쓰기버튼*/
#bo_btn_top{ display:none;}