@charset "utf-8";
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@font-face {
 font-family: 'Nexen_B';
 font-weight: 800;
 src: url(/Nexen_B.eot);
 src: url(../fonts/Nexen_B.eot?#iefix) format('embedded-opentype'),
      url(../fonts//Nexen_B.woff) format('woff'),
      url(../fonts//Nexen_B.ttf) format('truetype');
}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input::-ms-clear {display: none;}
.bx-wrapper {z-index:0; background:transparent;}

html,body {overflow-x:hidden; line-height:1.6; }
#nprogress .bar {background:#2e7ddb; position: fixed; z-index: 1031; top:0; left:0;width:100%; height:7px;}
.fade { transition: all 300ms linear 300ms;opacity: 1;}
.fade.out {opacity: 0;}




#wrap {position:relative; overflow:hidden; z-index:10000;}
#particle {
    background: #181818;
    position: fixed;
    width: 100%;
    height: 100%;
	left:0; top:0;
	
    overflow: hidden;
	z-index:-9999;
}
.view_mob {display:none;}

/*-----------------헤더--------------*/
.header {position:absolute;  top:0; left:0; width:100%; height:100px; z-index:3;  transition:background 0.2s;}
.header h1 {position:absolute; left:50px; top:20px;}
.header h1 a {font-family:'Nexen_B'; font-size:40px; color:#fff;  transition:color 0.2s;}
.header .gnb {width:100%; padding-left:20px; text-align:center; }
.header .gnb > li {display:inline-block; position:relative;}
.header .gnb > li + li {margin-left:15px;}
.header .gnb > li > a {display:block; padding:0 30px; line-height:100px; font-family: 'NanumSquare'; font-size:20px; color:#fff;}
.header .gnb_depth02 {display:none; position:absolute; top:100px; left:0; width:1000px; z-index:3;}
.header .gnb > li:nth-of-type(3) .gnb_depth02 {left:-100px;}
.header .gnb_depth02 li {float:left; display:inline-block; position:relative; padding:0 20px;}
.header .gnb_depth02 li:first-child {padding-left:30px;}
.header .gnb_depth02 li + li:before {content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:1px; height:10px; opacity:0.5; background:#fff;}
.header .gnb_depth02 li a {line-height:70px; font-size:16px; color:#fff;}

.header.on {background:#fff;}
.header.on h1 a {color:#181818;}
.header.on .gnb > li > a {color:#181818; /*transition:background 0.2s, color 0.2s; */} 
.header.on .gnb > li:hover > a {color:#fff; background:#2a35b1;}

.gnb_depth02_bg {display:none; position:absolute; top:100px; left:0; width:100%; height:70px; background:#2a35b1; z-index:2;}

.quick_menu {position:absolute; top:0; right:0; }
.quick_menu.sticky {position:fixed; top:0; right:0; z-index:9998;}
.quick_menu li:nth-child(1) {display:table; position:relative; width:110px; height:100px; background:#2a35b1;  z-index:3;}
.quick_menu li:nth-child(2) {display:table; position:relative; width:110px; height:120px; margin-top:3px; background:#0186e3; z-index:1;}
.quick_menu li a {display:table-cell; text-align:center; vertical-align:middle;}
.quick_menu li a p {margin-top:10px; font-family: 'NanumSquare'; font-size:14px; color:#fff;}
.quick_menu .mob {display:none;}

.all_menu {display:none; position:fixed; top:0; right:0; width:100%; max-width:1400px; height:840px; padding:100px 140px; background:#070707 url(../image/all_menu_bg.png) left 0 bottom 0 no-repeat; background-size:100% auto; z-index:10000;opacity:0.9;}
.close_all_menu {position:absolute; top:26px; right:33px; width:44px; text-align:center; cursor:pointer;}
.close_all_menu img {width:23px; height:23px;}
.close_all_menu p {margin-top:2px; font-size:14px; color:#fff;}
.all_menu .lnb > li {margin-bottom:55px;}
.all_menu .lnb > li > a {font-size:24px; font-weight:700; color:#fff;}
.lnb_depth02 {overflow:hidden; margin-top:3px;}
.lnb_depth02 li {float:left; margin-right:50px;}
.lnb_depth02 li:last-child {margin-right:0;}
.lnb_depth02 li a {line-height:1.8; font-size:22px; color:#fff; transition:color 0.2s;}
.lnb_depth02 li a:hover {color:#04c9ff;}

/*-----------------비주얼---------------*/
.visual {position:relative; height:950px; z-index:0;}
.visual li p {height:950px;}
.visual_txt {position:absolute; left:0; right:0; top:365px; text-align:center; z-index:9999;}
.visual_txt h2 {position:relative; display:inline-block; font-family:'Nexen_B'; font-size:67px; color:#fff;}
.visual_txt h2 p {position:absolute; right:-10px; top:8px; font-family: 'NanumSquare'; font-weight:400; font-size:17px; color:#fff;}
.visual_txt h2 span {font-size:39px;}
.visual_txt h2:before {content:''; position:absolute; top:-39px; left:50%; transform:translateX(-50%); width:21px; height:21px; background:url(../image/visual_txt_rec.png) center no-repeat; background-size:100%;}
.visual_txt strong {display:block; margin-top:25px; font-family: 'NanumSquare'; font-size:35px; color:#1b9bfc;}
.visual_txt > p {margin-top:25px; font-family: 'NanumSquare'; font-size:20px; color:#fff;}
.visual .btn_scroll_down {position:absolute; left:50%; bottom:0; width:60px; height:60px; border-radius:50%; transform:translate(-50%,50%); background:url(../image/scroll_down.png) center no-repeat; background-size:cover; z-index:9999;}
.visual_slider_control {margin-top:65px; font-size:0;}
.visual_slider_control .btn_prev {display:inline-block; width:10px; height:15px; margin-right:20px; background:url(../image/visual_btn_prev.png) center no-repeat; background-size:cover; cursor:pointer;}
.visual_slider_control .btn_next {display:inline-block; position:relative; width:10px; height:15px; margin-left:20px; background:url(../image/visual_btn_next.png) center no-repeat; background-size:cover; cursor:pointer;}
.visual_slider_control .btn_next:before {content:''; position:absolute; left:-20px; top:50%; margin-top:-7.5px; width:1px; height:15px; opacity:0.5; background:#fff;}

/*-----------------컨테이너---------------*/
#main_container {margin-bottom:140px;}
#main_container .sec_tit {padding-bottom:60px;text-align:center;}
#main_container .sec_tit h2 {position:relative; font-size:40px; color:#fff;}
#main_container .sec_tit h2:after {content:''; position:absolute; left:50%; top:-30px; margin-left:-15.5px; width:31px; height:27px; background:url(../image/sec_tit.png) center no-repeat; background-size:cover;}
#main_container .sec_tit p {margin-top:5px; font-size:18px; color:#d4d4d4;}

section.company, section.review {width:100%; max-width:1500px; margin:0 auto; padding:150px 50px 0;}

section.company .info {height:430px; padding:100px 70px 0; border:1px solid #686868; background:url(../image/company_info_bg.png) right 0px bottom no-repeat;}
section.company .info strong {display:block; font-size:40px; color:#fff;}
section.company .info p {margin-top:20px; font-size:22px; color:#fff;}
section.company .info p span {color:#0185e1;}

section.program {width:100%; max-width:1500px; margin:0 auto; padding:115px 50px 0;}
section.program .program_list {overflow:hidden; display:table; width:100%; table-layout:fixed;}
section.program .program_list li {display:table-cell; position:relative; width:50%; padding-bottom:80px;}
section.program .program_list li:nth-child(1) {padding-right:20px;}
section.program .program_list li:nth-child(2) {padding-left:20px;}
section.program .program_list h2 {height:133px; font-size:35px; color:#fff;}
section.program .program_list h2 span {display:block; font-weight:normal; font-size:22px; color:#989898;}
section.program .program_txt {padding:0 50px;}
section.program .program_txt p {margin-top:35px; font-size:22px; font-weight:bold; color:#bababa;}
section.program .program_txt .btn_more {position:absolute; bottom:0; left:50px; padding:0 45px; height:55px; line-height:53px; border:1px solid #ccc; font-size:14px; color:#fff;}
section.program .program_txt .btn_more span:after {content:''; position:relative; top:-2px; display:inline-block; width:50px; height:7px; margin-left:12px; background:url(../image/program_btn_more.png) center no-repeat; background-size:cover;}

section.program .program_slider_wrap {position:relative; width:100%; height:390px; background:#181818;}
section.program .program_slider_wrap:before {content:''; position:absolute; top:-2px; right:-2px;  width: 0px; height: 0px; border-top: 80px solid #181818; border-left: 80px solid transparent; z-index:1000;}
section.program .program_slider_wrap h3 {position:absolute; left:50px; bottom:25px; font-size:32px; color:#fff; z-index:100;}
section.program .program_slider li {display:block; position:relative; width:100%; height:390px; overflow:hidden; background:#181818; z-index:100;}
section.program .program_slider .program_slider_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
section.program .program_slider_wrap .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(42,53,177,0.95); opacity:0; transition:opacity 0.3s; z-index:2;}
section.program .program_slider_wrap .hover a {display:block; height:100%;}
section.program .program_slider_wrap .hover:after {content:''; position:absolute; top:50%; left:50%; width:61px; height:61px; border:3px solid #fff; border-radius:50%; transform:translate(-50%,-50%); background:url(../image/program_hover.png) center no-repeat;}
section.program .program_slider_wrap .hover:hover {opacity:1;}
.program_slider_wrap .bx-prev {position:absolute; width:60px; height:50px; background:url(../image/program_btn_prev.png) no-repeat;  background-size:cover; left:auto; top:auto; right:0; bottom:51px; z-index:100; cursor:pointer; text-indent:-9999px;} 
.program_slider_wrap .bx-next {position:absolute; width:60px; height:51px; border-top:1px solid #343738; background:url(../image/program_btn_next.png) no-repeat; background-size:cover; top:auto; right:0; bottom:0px; z-index:100;  cursor:pointer; text-indent:-9999px;} 
.program_slider_wrap .bx-controls-direction{position:absolute; right:0; bottom:0;z-index:1000;}
section.review {}
section.review .tab_menu {overflow:hidden; width:100%; max-width:760px; margin:0 auto;}
section.review .tab_menu li {float:left; width:32.8%; height:55px; border:1px solid #fff; line-height:53px; text-align:center; font-size:20px; color:#fff; cursor:pointer;}
section.review .tab_menu li + li {margin-left:0.8%;}
section.review .tab_menu li.active {border:1px solid #0186e3; background:#0186e3;}

.review_slider {margin-top:50px;}
.review_slider .slick-slide > div > div {position:relative; padding:7.5px;}
.review_slider .slick-slide > div > div  a {display:block; height:100%;}
.review_img {overflow:hidden; position:relative; height:250px; text-align:center;}
.review_img .img_wrap {position:absolute; top:0; left:50%; margin-left:-500px; width:1000px; height:100%;}
.review_img img {display:inline; max-width:none; height:100%;}
.review_text {height:121px; padding-top:20px; padding-left:20px; padding-right:10px; border:1px solid #464646; border-top:none;}
.review_text h3 {overflow:hidden; font-size:23px; white-space:nowrap; text-overflow:ellipsis; color:#fff;}
.review_slider .category {position:absolute; left:7.5px; top:7.5px; padding:20px; font-size:16px; line-height:1.1; background:#2a35b1; color:#fff; text-align:center;}
.review_slider .category.edu {background:#1b9bfc;}

section.review .controls {margin-top:60px; text-align:center;}
section.review .controls > span {line-height:35px; cursor:pointer;}
section.review .page_info {display:inline-block; margin:0 15px; vertical-align:bottom; font-weight:900; font-size:18px; color:#fff;}
section.review .page_info strong {margin-right:5px; line-height:1; font-size:35px; color:#0186e3;}
section.review .page_info span {margin-left:7px; line-height:1;}

section.partner {width:100%; max-width:1530px; margin:0 auto; padding:150px 110px 0;}
.partner_slider_wrap {position:relative;}
.partner_slider li {display:table !important; background:#fff;}
.partner_slider li a {display:table-cell; position:relative; width:100%; height:120px; padding:0 10px; vertical-align:middle; text-align:center;}
.partner_slider li a img {max-width:100%;}

.partner_slider .btn_prev {position:absolute; top:50%; left:-110px; margin-top:-30px; width:60px; height:60px; background:url(../image/partner_btn_prev.png) center no-repeat; background-size:cover; text-indent:-9999px; border:none;}
.partner_slider .btn_next {position:absolute; top:50%; right:-110px; margin-top:-30px; width:60px; height:60px; background:url(../image/partner_btn_next.png) center no-repeat; background-size:cover;  text-indent:-9999px; border:none;}
.partner_slider .slick-slide {height:120px; margin:0 5px;}
.partner_slider .slick-slide img {display:inline;}

/*-----------------서브 비주얼---------------*/
.sub_visual {position:relative; height:630px;}
.sub_visual_txt {position:absolute; left:0; right:0; top:260px; text-align:center;}
.sub_visual_txt h2 {font-family:'Nexen_B'; font-size:50px; color:#fff;}
.sub_visual_txt h2:before {content:''; position:absolute; top:-29px; left:50%; transform:translateX(-50%); width:21px; height:21px; background:url(../image/sub_visual_rec.png) center no-repeat; background-size:100%;}
.sub_visual_txt p {margin-top:10px; font-size:18px; color:#fff;}

.sub_menu_wrap {position:relative; width:100%; max-width:1400px; margin:-70px auto 0; height:70px; background:rgba(0,25,150,0.9); z-index:1;}
.sub_menu_wrap .btn_home {float:left; display:block; width:90px; height:70px; background:url(../image/sub_menu_home.png) center no-repeat;}
.sub_menu {float:left; min-width:200px; border-left:1px solid rgba(255,255,255,0.3);}
.sub_menu + .sub_menu {border-right:1px solid rgba(255,255,255,0.3);}
.sub_menu > li {position:relative; background:url(../image/sub_menu.png) center right 15px no-repeat; cursor:pointer;}
.sub_menu > li > span {display:block; padding-left:15px; padding-right:30px; line-height:70px; font-size:18px; color:#fff; transition:background 0.2s;}
.sub_menu > li.on {background:#0186e3 url(../image/sub_menu_on.png) center right 15px no-repeat;}
.sub_menu_depth02 {display:none; position:absolute; top:70px; left: -1px; width: calc(100% + 2px); background:rgba(1,134,227,0.9);}
.sub_menu_depth02 li + li {border-top:1px solid rgba(255,255,255,0.3);}
.sub_menu_depth02 li a {display:block; padding-left:15px; line-height:55px; font-size:18px; color:#fff; transition:color 0.2s;}
.sub_menu_depth02 li a:hover {color:#fff200;}

/*-----------------서브 컨테이너---------------*/
#sub_container {padding-top:170px;}
#sub_container .inner {width:100%; max-width:1500px; margin:0 auto; padding:0 50px 110px;}
#sub_container h3.sub_title {position:relative; padding-bottom:75px; font-size:40px; color:#fff; text-align:center;}
#sub_container h3.sub_title:after {content:''; position:absolute; left:50%; top:-32px; margin-left:-15.5px; width:31px; height:27px; background:url(../image/sec_tit.png) center no-repeat; background-size:cover;}
#sub_container h4.rec_top {position:relative; font-size:30px; color:#fff; text-align:center;}
#sub_container h4.rec_top:before {content:''; position:absolute; top:-29px; left:50%; transform:translateX(-50%); width:21px; height:21px; background:url(../image/sub_visual_rec.png) center no-repeat; background-size:100%;}
#sub_container h4.rec_top span {color:#0185e1;}

.company_container {padding-bottom:110px;}
.company_info {padding:0 50px 95px; text-align:center;}
.company_info strong {display:block; font-size:40px; color:#fff;}
.company_info p {margin-top:10px; font-size:22px; color:#fff;}
.company_info p span {color:#0185e1;}

.info_list_wrap {background:#0d8ce4;}
.info_list {overflow:hidden; width:100%; max-width:1400px; margin:0 auto;}
.info_list li {float:left; width:16.66%; height:420px; padding:0 10px; color:#fff; text-align:center;}
.info_list_img {position:relative; height:195px;}
.info_list_img img {position:absolute; left:50%; bottom:17px; transform:translateX(-50%);}
.info_list li:nth-child(1) .info_list_img img {width:47px;}
.info_list li:nth-child(2) .info_list_img img {width:31px;}
.info_list li:nth-child(3) .info_list_img img {width:54px;}
.info_list li:nth-child(4) .info_list_img img {width:47px; bottom:21px;}
.info_list li:nth-child(5) .info_list_img img {width:45px; bottom:24px;}
.info_list li:nth-child(6) .info_list_img img {width:40px;}
.info_list li h4 {font-size:24px;}
.info_list li p {margin-top:15px; font-size:20px; color:#fff;}

.company_program {margin-top:140px;}
.company_program_list {overflow:hidden; margin-top:25px;}
.company_program_list li {float:left; position:relative; width:50%; height:402px; padding:0 10px; text-align:center;}
.company_program_list li:nth-child(1) {background:url(../image/company_program_bg01.jpg) center no-repeat; background-size:cover;}
.company_program_list li:nth-child(2) {background:url(../image/company_program_bg02.jpg) center no-repeat; background-size:cover;}
.company_program_img {position:relative; height:140px;}
.company_program_img img {position:absolute; left:50%; bottom:0px; transform:translateX(-50%);}
.company_program_list li:nth-child(2) .company_program_img img {bottom:10px;}
.company_program_list li h5 {margin-top:5px; font-size:30px; color:#fff;}
.company_program_list li p {margin-top:20px ;font-size:21px;  color:#fff;}
.btn_more_program {position:absolute; right:0; bottom:0; width:60px; height:60px; background:url(../image/btn_more_program.png) center no-repeat; background-size:cover;}

/*-----------------푸터---------------*/
footer {overflow:hidden; min-height:260px; padding:77px 13.54% 0px 4%; border-top:1px solid #464646;}
footer .footer_logo {float:left; margin-right:6.4583vw;}
footer .footer_logo a {line-height:1; font-family:'Nexen_B'; font-size:30px; color:#fff;}
footer .footer_cont {float:left; width:650px; padding-right:10px;}
.footer_menu {overflow:hidden;}
.footer_menu li {float:left; position:relative; padding:0 15px;}
.footer_menu li:first-child {padding-left:0;}
.footer_menu li + li:before {content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:1px; height:10px; opacity:0.5; background:#fff;}
.footer_menu li a {line-height:1; font-weight:normal; font-size:16px; color:#fff;}
footer address {display:block; margin-top:20px; font-style:inherit; font-size:14px; color:#d1d1d1; word-break:break-all;}
footer address span {margin-right:12px;}
footer .copyright {margin-top:10px; font-size:13px; color:#757575;}
footer .footer_sns {float:right;}
footer .footer_sns li {float:left;}
footer .footer_sns li + li {margin-left:20px;}
footer .footer_sns li a {display:block;}
footer .footer_sns li:nth-of-type(1) a {width:20px; height:20px; background:url(../image/footer_sns_logo01.png) center bottom no-repeat; background-size:auto 100%;}
footer .footer_sns li:nth-of-type(2) a {width:20px; height:20px; background:url(../image/footer_sns_logo02.png) center bottom no-repeat; background-size:auto 100%;}
footer .footer_sns li:nth-of-type(3) a {width:20px; height:20px; background:url(../image/footer_sns_logo03.png) center bottom no-repeat; background-size:auto 100%;}

/*use_wrap*/
.headline {display:block;margin:0 0 15px;border-bottom:1px dotted #d6d6d6;}
.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6 {margin:0 0 -1px;padding:5px 2px;display:inline-block;color:#f1f1f1;border-bottom:1px solid #767676;margin-top:30px;font-size:18px;}
.headline h5:first-child {margin-top:0;}
.contents-box-inner {font-size:14px; color:#999;line-height:28px}
.use_wrap{/*max-width:1200px; width:100%; margin:0 auto*/ }
.use_wrap h3{line-height:1em; font-size:48px; letter-spacing:-5px; color:#fff; margin-bottom:100px}
#sub_content > h5{line-height:1em; font-size:48px; letter-spacing:-5px; color:#fff; margin-bottom:100px}
.use_wrap ol{margin:1em 0; padding-inline-start:40px }
.use_wrap ol li{list-style-type:decimal}
.use_wrap .disc li{list-style-type:disc}

.complete{padding: 120px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; text-align: center;}
.complete strong{font-size: 35px; color: #fff;}
.complete p{font-size: 22px; margin-top: 20px; color: #989898;}
.complete a{font-size: 20px; color: #fff; line-height: 55px; display: inline-block; padding: 0 40px; border: 1px solid #fff; margin-top: 40px;}
span.point{color: #0185e1;}


/*-----------------반응형---------------*/

@media screen and (max-width: 1400px) {

	section.company .info p {width:54%;}
	section.company .info p .view_1920 {display:none;}
}


@media screen and (max-width: 1200px) {
	.view_1920 {display:none}
	/*-----------------헤더--------------*/
	.header {padding-left:20px;}
	.header .gnb {font-size:0;}
	.header .gnb > li + li {margin-left:0px;}
	.header .gnb > li > a {padding:0 2.5vw;}
	.header .gnb_depth02 li:first-child {padding-left:2.5vw;}

	.all_menu {padding:100px 50px;}
	.all_menu .lnb > li {margin-bottom:50px;}
	
	/*-----------------컨테이너---------------*/
	section.company .info {display:table; width:100%; padding:0; background:url(../image/company_info_bg02.png) top 24px right 0px no-repeat;}
	section.company .info .inner {display:table-cell; padding:0 60px; vertical-align:middle;}
	section.company .info p {display:inline-block; width:56.5%;}

	section.program .program_list li {padding-bottom:100px;}
	
	.partner_slider .btn_prev {left:-90px;}
	.partner_slider .btn_next {right:-90px;}

	/*-----------------서브 컨테이너---------------*/

	.info_list li {width:33.33%; height:270px; padding:0 10px;}
	.info_list li:nth-child(-n+3) .info_list_img {height:137px;}
	.info_list li:nth-child(n+4) .info_list_img {height:110px;}
	.info_list_img img {bottom:24px;}
	.info_list li:nth-child(4) .info_list_img img {bottom:24px;}
	.info_list li:nth-child(5) .info_list_img img {bottom:30px;}
	.info_list li h4 {font-size:24px;}
	.info_list li p {margin-top:15px; font-size:20px;}

	/*-----------------푸터---------------*/
	footer {padding:77px 50px 0px;}
	footer .footer_logo {margin-right:5.8333vw;}
	footer .footer_cont {width:48.3333vw;}


	.use_wrap{padding:0 5.833vw 5.833vw}
	.use_wrap h3{font-size:2.500vw; letter-spacing:-0.260vw; margin-bottom:5.208vw}
}

@media screen and (max-width: 1100px) {
	.header .gnb > li > a {padding:0 2.0833vw;}
	.header .gnb_depth02 li {padding:0 1.6666vw;}
	.header .gnb > li:nth-of-type(3) .gnb_depth02 {left:-95px;}
	.header .gnb_depth02 li:first-child {padding-left:2.0833vw;}
}

@media screen and (max-width: 1024px) {
	/*-----------------헤더--------------*/
	.header {height:86px; padding-left:15px;}
	.header h1 {position:absolute; left:3.9%; top:15px;}
	.header h1 a {font-size:34px;}
	.header .gnb > li > a {line-height:86px; font-size:17px;}
	.header .gnb_depth02 {top:86px;}
	.header .gnb > li:nth-of-type(3) .gnb_depth02 {left:-85px;}
	.header .gnb_depth02 li a {line-height:60px; font-size:14px;}
	.gnb_depth02_bg {top:86px; height:60px;}

	.quick_menu li:nth-child(1) {width:95px; height:86px;}
	.quick_menu li:nth-child(2) {width:95px; height:105px;}
	.quick_menu li a p {font-size:12px;}

	.all_menu {height:720px; padding:85px 3.9%;}
	.close_all_menu {top:23px; right:28px; width:39px;}
	.close_all_menu img {width:21px; height:21px;}
	.close_all_menu p {font-size:12px;}
	.all_menu .lnb > li {margin-bottom:50px;}
	.all_menu .lnb > li > a {font-size:20px;}
	.lnb_depth02 li {margin-right:45px;}
	.lnb_depth02 li a {font-size:18px;}

	/*-----------------비주얼---------------*/
	.visual {height:810px;}
	.visual li p {height:810px;}
	.visual_txt {top:318px;}
	.visual_txt h2 {font-size:57px;}
	.visual_txt h2:before {top:-35px; width:18px; height:19px;}
	.visual_txt h2 p {right:-3px; top:10px; font-size:14px;}
	.visual_txt h2 span {font-size:34px;}
	.visual_txt strong {margin-top:20px; font-size:29px;}
	.visual_txt > p {margin-top:20px; font-size:17px;}
	.visual .btn_scroll_down {width:50px; height:50px;}

	/*-----------------컨테이너---------------*/
	#main_container {margin-bottom:120px;}
	#main_container .sec_tit {padding-bottom:50px;}
	#main_container .sec_tit h2 {font-size:34px;}
	#main_container .sec_tit h2:after {top:-25px; margin-left:-11px; width:26px; height:22px; background:url(../image/sec_tit.png) center no-repeat; background-size:cover;}
	#main_container .sec_tit p {margin-top:5px; font-size:15px;}

	section.company, section.review {padding:130px 3.9% 0;}
	section.company .info {height:360px;; background-size:auto 300px;}
	section.company .info .inner {padding:0 50px;}
	section.company .info strong {font-size:34px;}
	section.company .info p {margin-top:20px; font-size:18px;}

	section.program {padding:100px 3.9% 0;}
	section.program .program_list li {padding-bottom:80px;}
	section.program .program_list li:nth-child(1) {padding-right:17px;}
	section.program .program_list li:nth-child(2) {padding-left:17px;}
	section.program .program_list h2 {height:108px; font-size:29px;}
	section.program .program_list h2 span {font-size:18px;}
	section.program .program_txt {padding:0 45px;}
	section.program .program_txt p {margin-top:25px; font-size:18px;}
	section.program .program_txt .btn_more {left:45px; padding:0 38px; height:47px; line-height:45px; font-size:12px;}
	section.program .program_txt .btn_more span:after {width:45px; height:5px;}
	section.program .program_slider_wrap {height:330px;}
	section.program .program_slider_wrap:before {border-top:70px solid #181818; border-left: 70px solid transparent;}
	section.program .program_slider_wrap h3 {left:45px; font-size:27px;}
	section.program .program_slider li {height:330px;}
	section.program .program_slider_wrap .hover:after {width:50px; height:50px; border:2px solid #fff; background-size:25px auto;}
	.program_slider_wrap .bx-prev {width:50px; height:40px; bottom:41px;} 
	.program_slider_wrap .bx-next {position:absolute; width:50px; height:41px;} 

	section.review .tab_menu {max-width:650px;}
	section.review .tab_menu li {height:50px; border:1px solid #fff; line-height:48px; font-size:17px;}

	section.review .controls > span {line-height:33px;}
	section.review .page_info strong {font-size:30px;}

	.review_slider .slick-slide > div > div {padding:4px;}
	.review_slider .category {left:4px; top:4px;}
	section.review .page_info strong {font-size:30px;}

	section.partner { padding:120px 95px 0;}
	.partner_slider .slick-slide {height:105px;}
	.partner_slider li a {height:105px;}
	.partner_slider .btn_prev {left:-78px; width:52px; height:52px; margin-top:-26px;}
	.partner_slider .btn_next {right:-78px; width:52px; height:52px; margin-top:-26px;}

	/*-----------------서브 비주얼---------------*/
	.sub_visual {height:538px;}
	.sub_visual_txt {top:230px;}
	.sub_visual_txt h2 {font-size:42px;}
	.sub_visual_txt h2:before {top:-25px; width:18px; height:19px;}
	.sub_visual_txt p {margin-top:0px; font-size:15px;}

	.sub_menu_wrap {height:60px; margin-top:-60px;}
	.sub_menu_wrap .btn_home {width:76px; height:60px; background-size:17px 15px;}
	.sub_menu > li > span {display:block; padding-left:15px; padding-right:30px; line-height:60px; font-size:15px;}
	.sub_menu_depth02 {top:60px;}
	.sub_menu_depth02 li a {padding-left:15px; line-height:50px; font-size:15px;}

	/*-----------------서브 컨테이너---------------*/
	#sub_container {padding-top:144px;}
	#sub_container .inner {padding:0 3.9% 90px;}
	#sub_container h3.sub_title {padding-bottom:55px; font-size:34px;}
	#sub_container h3.sub_title:after {top:-25px; margin-left:-11px; width:26px; height:22px; background:url(../image/sec_tit.png) center no-repeat; background-size:cover;}
	#sub_container h4.rec_top {font-size:25px;}
	#sub_container h4.rec_top:before {top:-25px; width:18px; height:19px;}
	
	.company_container {padding-bottom:90px;}
	.company_info {padding:0 3.9% 75px;}
	.company_info strong {font-size:34px;}
	.company_info p {font-size:18px;}

	.info_list li {height:230px;}
	.info_list li:nth-child(-n+3) .info_list_img {height:117px;}
	.info_list li:nth-child(n+4) .info_list_img {height:95px;}
	.info_list_img img {bottom:20px;}
	.info_list li:nth-child(1) .info_list_img img {width:41px;}
	.info_list li:nth-child(2) .info_list_img img {width:29px;}
	.info_list li:nth-child(3) .info_list_img img {width:48px;}
	.info_list li:nth-child(4) .info_list_img img {width:42px; bottom:22px;}
	.info_list li:nth-child(5) .info_list_img img {width:37px; bottom:24px;}
	.info_list li:nth-child(6) .info_list_img img {width:33px;}
	.info_list li h4 {font-size:20px;}
	.info_list li p {margin-top:15px; font-size:17px;}

	.company_program {margin-top:120px;}
	.company_program_list {margin-top:25px;}
	.company_program_list li {height:345px;}
	.company_program_img {height:120px;}
	.company_program_img img {width:36px;}
	.company_program_list li:nth-child(2) .company_program_img img {width:38px;}
	.company_program_list li h5 {margin-top:5px; font-size:25px;}
	.company_program_list li p {margin-top:15px ;font-size:18px;}
	.btn_more_program {width:51px; height:51px;}

	/*-----------------푸터---------------*/
	footer {min-height:230px; padding:65px 3.9% 0px;}
	footer .footer_logo a {font-size:25px;}

	.complete{padding: 100px 0;}
	.complete strong{font-size: 30px;}
	.complete p{font-size: 18px; margin-top: 10px;}
	.complete a{font-size: 17px; line-height: 50px; padding: 0 40px; margin-top: 30px;}

}
@media screen and (max-width: 830px) {

	/*-----------------헤더--------------*/
	.header .gnb > li > a {padding:0 1.4322vw;}
	.header .gnb > li:nth-of-type(3) .gnb_depth02 {left:-70px;}
	.header .gnb_depth02 li {padding:0 1.3020vw;}
	.header .gnb_depth02 li:first-child {padding-left:1.4322vw;}

}

@media screen and (max-width: 768px) {

	.view_mob {display:block;}
	.view_pc {display:none;}

	/*-----------------헤더--------------*/
	.header {height:14.9739vw; padding-left:0px;}
	.header h1 {left:2.6%; top:3.2552vw;}
	.header h1 a {font-size:5.2083vw;}
	.header .gnb {display:none;}

	.quick_menu li:nth-child(1) {width:16.4062vw; height:14.9739vw;}
	.quick_menu li:nth-child(2) {width:16.4062vw; height:14.9739vw; margin-top:0.6510vw;}
	.quick_menu li a p {margin-top:1.3020vw; font-size:2.8645vw;}
	.quick_menu .pc {display:none;}
	.quick_menu .mob {display:inline-block;}
	.quick_menu .btn_all_menu img {width:7.1614vw;}
	.quick_menu .counsel img {width:5.4687vw;}

	.all_menu {bottom:0; max-width:78.125vw; height:auto; padding:23.3072vw 10.4166vw 41.6666vw; background:#070707 url(../image/all_menu_bg_mob.png) left 4.5572vw top 154.94791vw no-repeat; background-size:63.8020vw auto;opacity:0.9;}
	.close_all_menu {position:absolute; top:3.9062vw; right:3.9062vw; width:9.8vw;}
	.close_all_menu img {width:3.9062vw; height:3.6458vw;}
	.close_all_menu p {margin-top:0.26041vw; font-size:2.8645vw;}
	.all_menu .lnb > li {margin-bottom:11.0677vw;}
	.all_menu .lnb > li > a {font-size:4.5572vw;}
	.lnb_depth02 {margin-top:1.3020vw;}
	.lnb_depth02 li {margin-right:7.1614vw;}
	.lnb_depth02 li a {font-size:3.3854vw;}


	/*-----------------비주얼---------------*/
	.visual {height:85.9375vw;}
	.visual li p {height:85.9375vw;}
	.visual_txt {top:37.1093vw;}
	.visual_txt h2 {font-size:8.7239vw; line-height:1.05;}
	.visual_txt h2 p {position:static; margin-bottom:1.9531vw; text-align:center; font-size:2.2135vw;}
	.visual_txt h2 span {display:block; font-size:5.0781vw;}
	.visual_txt h2:before {top:-6.5104vw; width:2.7343vw; height:2.4739vw;}
	.visual_txt strong {display:block; margin-top:0.6510vw; font-size:4.5572vw;}
	.visual_txt > p {display:none;}
	.visual_slider_control {margin-top:8.4635vw; font-size:0;}
	.visual_slider_control .btn_prev {width:1.3020vw; height:1.9531vw; margin-right:2.6041vw;}
	.visual_slider_control .btn_next {width:1.3020vw; height:1.9531vw; margin-left:2.6041vw;}
	.visual_slider_control .btn_next:before { left:-2.6041vw; margin-top:-0.9765vw; height:1.9531vw;}
	.visual .btn_scroll_down {display:none;}

	/*-----------------컨테이너---------------*/
	#main_container {margin-bottom:16.2760vw;}
	#main_container .sec_tit {padding-bottom:8.4635vw;}
	#main_container .sec_tit h2 {font-size:5.2083vw;}
	#main_container .sec_tit h2:after {top:-3.9062vw; margin-left:-2.01822vw; width:4.0364vw; height:3.5156vw;}
	#main_container .sec_tit p {margin-top:0px; font-size:3.125vw;}

	section.company {padding:9.1145vw 2.6% 0;}
	section.company .info {display:block; height:93.0989vw; padding:13.0208vw 6.5104vw 0 9.1145vw; background:url(../image/company_info_bg.png) center bottom no-repeat; background-size:76.8229vw auto;}
	section.company .info .inner {display:block; padding:0;}
	section.company .info strong {font-size:5.2083vw;}
	section.company .info p {width:100%; margin-top:2.6041vw; font-size:3.125vw;}

	section.program {padding:12.36979vw 2.6% 0;}
	section.program .program_list {display:block;}
	section.program .program_list > li {display:block; width:100%; padding-bottom:0px;}
	section.program .program_list > li:nth-child(1) {padding-right:0px;}
	section.program .program_list > li:nth-child(2) {padding-left:0px; margin-top:7.8125vw;}
	section.program .program_list h2 {height:auto; font-size:4.5572vw; margin-bottom:3.9062vw;}
	section.program .program_list h2 span {font-size:3.125vw;}
	section.program .program_txt {padding:0 6.5104vw;}
	section.program .program_txt p {font-size:3.125vw;}
	section.program .program_txt .btn_more {position:static; display:inline-block; margin-top:2.6041vw; padding:0 5.8593vw; height:7.1614vw; line-height:6.9010vw; font-size:1.8229vw;}
	section.program .program_txt .btn_more span:after {top:-0.2604vw; width: 6.5104vw; height: 0.9114vw; margin-left:1.5625vw;}
	section.program .program_slider_wrap {height:50.6510vw;}
	section.program .program_slider_wrap:before {border-top:10.4166vw solid #181818; border-left:10.4166vw solid transparent;}
	section.program .program_slider_wrap h3 {left:6.5104vw; font-size:4.1666vw;}
	section.program .program_slider li {height:50.7812vw;}
	section.program .program_slider_wrap .hover:after {width:7.9427vw; height:7.9427vw; border: 0.3906vw solid #fff; background-size:3.7760vw auto;}

	.program_slider_wrap .bx-prev {width:7.9427vw; height:6.5104vw; bottom:6.6406vw;}
	.program_slider_wrap .bx-next {width:7.9427vw; height:6.6406vw;}

	section.review {padding:16.9270vw 2.6% 0;}
	section.review .tab_menu {max-width:none;}
	section.review .tab_menu li {float:left; width:32.85%; height:7.1614vw; line-height:6.9010vw; font-size:2.8645vw; }
	section.review .tab_menu li + li {margin-left:0.725%;}
	
	.review_slider {margin-top:7.1614vw;}
	.review_slider .slick-slide > div > div {padding:0.9765vw;}
	.review_img {height:32.5520vw;}
	.review_img .img_wrap {margin-left:-65.1041vw; width:130.2083vw;}
	.review_text {height:15.7552vw; padding-top:2.6041vw; padding-left:2.6041vw; padding-right:1.3020vw;}
	.review_text h3 {font-size:2.9947vw;}
	.review_slider .category {left:0.9765vw; top:0.9765vw; padding:2.6041vw; font-size:2.0833vw;}

	section.review .controls {margin-top:7.8125vw;}
	section.review .controls > span {line-height:4.5572vw;}
	section.review .controls img {width:2.8645vw;}
	section.review .page_info {margin:0 1.9531vw; font-size:2.3437vw;}
	section.review .page_info strong {margin-right:0.6510vw; font-size:4.5572vw;}
	section.review .page_info span {margin-left:0.9114vw; }


	section.partner {padding:16.9270vw 12.7604vw 0;}
	.partner_slider li a {height:15.625vw; padding:0 1.3020vw;}
	.partner_slider .btn_prev {left:-10.4166vw; margin-top:-3.9062vw; width:7.8125vw; height:7.8125vw;}
	.partner_slider .btn_next {right:-10.4166vw; margin-top:-3.9062vw; width:7.8125vw; height:7.8125vw;}
	.partner_slider .slick-slide {height:15.625vw; margin:0 0.6510vw;}
	.partner_slider .logo01 {width:21.3541vw;}
	.partner_slider .logo02 {width:28.5156vw;}
	.partner_slider .logo03 {width:20.3125vw;}
	.partner_slider .logo04 {width:19.2708vw;}

	/*-----------------서브 비주얼---------------*/
	.sub_visual {height:85.9375vw;}
	.sub_visual_txt {top:38.6718vw;}
	.sub_visual_txt h2 {font-size:6.5104vw;}
	.sub_visual_txt h2:before {top:-5.7291vw; width:4.6875vw; height:4.2968vw;}
	.sub_visual_txt p {margin-top:0px; font-size:2.8645vw;}

	.sub_menu_wrap {height:13.0208vw; margin-top:0px;}
	.sub_menu_wrap .btn_home {width:11.5%; height:13.0208vw; background-size:2.4739vw auto;}
	.sub_menu {min-width:0; width:44.25%;}
	.sub_menu > li {background-position:center right 3.9062vw; background-size:1.4322vw auto;}
	.sub_menu > li > span {padding-left:3.9062vw; padding-right:0px; line-height:13.0208vw; font-size:3.125vw;}
	.sub_menu > li.on {background-position:center right 3.9062vw; background-size:1.4322vw auto;}
	.sub_menu_depth02 {top:13.0208vw;}
	.sub_menu_depth02 li a {padding-left:3.9062vw; line-height:13.0208vw; font-size:3.125vw;}

	/*-----------------서브 컨테이너---------------*/
	#sub_container {padding-top:16.9270vw;}
	#sub_container .inner {padding:0 2.6% 15.625vw;}
	#sub_container h3.sub_title {padding-bottom:6.5104vw; font-size:5.2083vw;}
	#sub_container h3.sub_title:after {top:-4.1666vw; margin-left:-2.0182vw; width:4.0364vw; height:3.5156vw;}
	#sub_container h4.rec_top {font-size:5.2083vw;}
	#sub_container h4.rec_top:before {top:-5.0781vw; width:4.6875vw; height:4.2968vw;}

	.company_container {padding-bottom:15.625vw;}
	.company_info {padding:0 2.6% 10.4166vw;}
	.company_info strong {font-size:5.2083vw;}
	.company_info p {margin-top:5px; font-size:3.125vw;}

	.info_list li {padding:0;}
	.info_list li:nth-child(-n+3)  {height:38.1510vw;}
	.info_list li:nth-child(n+4) {height:40.3645vw;}
	.info_list li:nth-child(-n+3) .info_list_img {height:19.9218vw;}
	.info_list li:nth-child(n+4) .info_list_img {height:11.0677vw;}
	.info_list_img img {bottom:3.5156vw;}
	.info_list li:nth-child(1) .info_list_img img {width:6.5104vw;}
	.info_list li:nth-child(2) .info_list_img img {width:4.4270vw;}
	.info_list li:nth-child(3) .info_list_img img {width:7.9427vw;}
	.info_list li:nth-child(4) .info_list_img img {width:6.5104vw; bottom:3.5156vw;}
	.info_list li:nth-child(5) .info_list_img img {width:6.25vw; bottom:3.9062vw;}
	.info_list li:nth-child(6) .info_list_img img {width:5.5989vw;}
	.info_list li h4 {font-size:3.6458vw;}
	.info_list li p {margin-top:1.9531vw; font-size:3.125vw;}

	.company_program {margin-top:18.2291vw;}
	.company_program_list {margin-top:4.5572vw}
	.company_program_list li {float:none; width:100%; height:52.3437vw; padding:0 1.3020vw;}
	.company_program_img {height:18.2291vw;}
	.company_program_img img {width:4.9479vw; bottom:0px;}
	.company_program_list li:nth-child(2) .company_program_img img {width:5.7291vw; bottom:1.3020vw;}
	.company_program_list li h5 {margin-top:0.6510vw; font-size:4.5572vw;}
	.company_program_list li p {margin-top:2.6041vw ;font-size:3.125vw;}
	.btn_more_program {width:7.8125vw; height:7.8125vw;}

	/*-----------------푸터---------------*/
	footer {min-height:auto; padding:9.1145vw 2.6% 11.7187vw; text-align:center;}
	footer .footer_logo {float:none; margin-right:0; margin-bottom:7.1614vw;}
	footer .footer_logo a {font-size:6.5104vw;}
	footer .footer_cont {float:none; width:100%; padding:0;}
	.footer_menu li {float:none; display:inline-block; padding:0 2.6041vw;}
	.footer_menu li + li:before {margin-top:-0.5208vw; height:1.3020vw;}
	.footer_menu li a {font-size:3.125vw;}
	footer address {margin-top:3.9062vw; font-size:3.125vw;}
	footer address span {margin-right:1.9531vw;}
	footer .copyright {margin-top:2.6041vw; font-size:2.8645vw;}
	footer .footer_sns {float:none; margin-top:4.5572vw;}
	footer .footer_sns li {float:none; display:inline-block;}
	footer .footer_sns li + li {margin-left:5.2083vw;}
	footer .footer_sns li:nth-of-type(1) a {width:5.2083vw; height:5.2083vw;}
	footer .footer_sns li:nth-of-type(2) a {width:2.8645vw; height:5.2083vw;}
	footer .footer_sns li:nth-of-type(3) a {width:5.2083vw; height:5.2083vw;}

	/*use_wrap*/
	.use_wrap{padding:16.927vw 2.604vw }
	.use_wrap h3{font-size:6.250vw; letter-spacing:-0.651vw; margin-bottom:13.021vw; text-align:center}

	.complete{padding: 13.02vw 0;}
	.complete strong{font-size: 4.5572vw;}
	.complete p{font-size: 3.125vw; margin-top: 1.30vw;}
	.complete a{font-size: 2.8645vw; line-height: 7.1614vw; padding: 0 5.21vw; margin-top: 4.51vw;}

}



/*------------------------------게시판---------------------------*/

/*list*/
.prd_list_wrap .category {overflow:hidden; width:100%; max-width:1015px; margin:0 auto 70px;}
.prd_list_wrap .category li {float:left; width:24.625%; text-align:center;}
.prd_list_wrap .category li a {display:block; height:55px; border:1px solid #fff; line-height:53px; font-size:20px; color:#fff;}
.prd_list_wrap .category li + li {margin-left:0.5%;}
.prd_list_wrap .category #bo_cate_on {border:1px solid #0186e3; background:#0186e3;}

.prd_list_wrap #edu {max-width:1400px;}
.prd_list_wrap #edu li {width:16.41%;}
.prd_list_wrap #edu li + li {margin-left:0.3%;}
.prd_list_wrap #edu li:last-child{margin-left:0; margin-top:0.3%;}

.prd_list_wrap #safe{max-width:1400px;}
.prd_list_wrap #safe li{width: 16.25%;}

#bo_cate {overflow:hidden; width:100%; max-width:760px;padding:0; margin:0 auto 70px; border:none; background:transparent;}
#bo_cate li {float:left; width:32.8%; padding:0; text-align:center;}
#bo_cate a {display:block; height:55px; border:1px solid #fff; border-radius:0px; line-height:53px; font-size:20px; color:#fff;}
#bo_cate a:hover {border:1px solid #fff;}
#bo_cate li + li {margin-left:0.8%;}
#bo_cate #bo_cate_on{border:1px solid #0186e3; background:#0186e3;}

#bo_gall #chkall + label {color:#fff;}
#gall_ul {overflow:hidden;}
#gall_ul li {float:left; position:relative; width:48.6% !important;}
#gall_ul li:before {content:''; position:absolute; top:0; right:0;  width: 0px; height: 0px; border-top: 80px solid #181818; border-left: 80px solid transparent; z-index:100;}
#gall_ul li:nth-child(2n) {margin-left:2.8%;}
#bo_gall .gall_boxa {height:390px;}
#bo_gall .gall_boxa a .imgAr {overflow:hidden; position:relative; height:390px; text-align:center;}
#bo_gall .gall_boxa a .imgAr img {position:absolute; top:0; left:50%; width:auto; max-width:none; min-width:100%; height:100%; transform:translateX(-50%);}
#bo_gall .gall_boxa .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(42,53,177,0.95); opacity:0; transition:opacity 0.3s; z-index:2;}
#bo_gall .gall_boxa .hover:after {content:''; position:absolute; top:50%; left:50%; width:61px; height:61px; border:3px solid #fff; border-radius:50%; transform:translate(-50%,-50%); background:url(../image/program_hover.png) center no-repeat;}
#gall_ul li:hover .hover {opacity:1;}
#bo_gall .gall_text_href {min-height:0; padding:30px 0 0;}
#bo_gall .bo_tit {margin-top:0; font-size:32px; color:#fff;}
#bo_gall .bo_exp {overflow:hidden; margin-top:15px; height:120px; line-height: 1.3em;  font-size:22px; font-weight:bold; color:#bababa;}

#bo_gall .gall_li.col-gn-4.gallWST .gall_text_href {padding:10px;}
#bo_gall .gall_li.col-gn-4.gallWST .gall_text_href .bo_tit {font-size:13px;}
.gall_li.col-gn-4.gallWST:nth-child(n+3) {margin-top:2.8%;}

/*view*/
.view_img{float:left; position:relative; width:60.7%; margin-left:-5px;}
.view_img .slick-slide {margin:0 5px;}
.view_img .slick-prev {position:absolute; width:60px; height:50px; background:url(../image/program_btn_prev.png) no-repeat; background-size:cover;  left:auto; top:auto; right:5px; bottom:51px; z-index:1; cursor:pointer; text-indent:-9999px; border:none;} 
.view_img .slick-next {position:absolute; width:60px; height:51px; border-bottom:none; border-left:none; border-right:none; border-top:1px solid #343738; background:url(../image/program_btn_next.png) no-repeat; background-size:cover; top:auto; right:5px; bottom:0px; z-index:1;  cursor:pointer; text-indent:-9999px; } 
.view_img #bigphoto2 {overflow:hidden; position:relative; text-align:center;}
.view_img #bigphoto2 li, #bigphoto2 .slick-slide {position:relative; height:486px;}
.view_img #bigphoto2 li a {display:block; height:100%;}
.view_img #bigphoto2 li img {min-width:100%; height:100%;}

.view_img #bigphoto3 {overflow:hidden; position:relative; text-align:center;}
.view_img #bigphoto3 li, #bigphoto3 .slick-slide {position:relative; height:486px;}
.view_img #bigphoto3 li a {display:block; height:100%;}
.view_img #bigphoto3 li img {min-width:100%; height:100%;}

.view_img .bigphoto {position:relative;}
.view_img .bigphoto img {min-width:100%; height:486px;}
.view_img .bigphoto b {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.view_img .smallphoto{text-align:center; margin-top:8px;}
.view_img .smallphoto li {overflow:hidden; display:block; position:relative; float:left; height:115px; width:24.25%; cursor:pointer;}
/*.view_img .smallphoto li + li {margin-left:1%;}*/
.view_img .smallphoto li a {display:block; height:100%;}
.view_img .smallphoto li img {position:absolute; left:50%; min-width:100%; max-width:none; width:auto; height:100%; transform:translateX(-50%);}

#bo_v_img a.view_image {display:block;}
#bo_v_img {margin-top:20px;}
#bo_v_img img {margin:10px 0;}

.view_txt{float:left; padding-left:6.07%; width:39.3%;}
.view_txt .cate{font-size:16px; line-height:1; color:#959595}
.view_txt .md_tit{margin-top:20px}
.view_txt .md_tit dt{font-size:32px; line-height:1; color:#fff; font-weight:bold}
.view_txt .md_tit dd{font-size:16px; color:#c5c5c5; margin-top:20px}
.view_txt .md_info {height:360px; margin-top:30px; padding:30px 0 0; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; }
.view_txt .md_info dl {overflow:hidden;}
.view_txt .md_info dl + dl {margin-top:15px;}
.view_txt .md_info dl dt {float:left; position:relative; width:130px; padding-left:10px; font-size:18px; color:#fff}
.view_txt .md_info dl dt:before {content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:3px; height:10px; background:#fff;}
.view_txt .md_info dl dd {float:left; width:calc(100% - 130px); font-size:18px; color:#fff; font-weight:300}
.view_txt .btn_wrap {margin-top:40px; font-size:0; text-align:center}
.view_txt .btn_wrap a {display:inline-block; font-size:18px; text-align:center}
.view_txt .btn_wrap a.review {width:66.67%; height:65px; line-height:65px; background:#2a35b1; color:#fff}
.view_txt .btn_wrap a.list {width:32.33%; border:1px solid #fff; height:65px; line-height:63px; color:#fff;}
.view_txt .btn_wrap a + a {margin-left:1%}
.view_txt .btn_wrap a img {vertical-align:-4px; margin-right:10px}
.view_txt .btn_wrap a.list img {vertical-align:-2px;}

.view02 {margin-top:130px; color:#fff;}
.view02 h3 {border-bottom:1px solid #383838; text-align:center;}
.view02 h3 span {display:inline-block; position:relative; padding-top:50px; padding-bottom:25px; border-bottom:3px solid #fff; line-height:1; font-size:36px;}
.view02 h3 span:after {content:''; position:absolute; top:0; left:50%; margin-left:-18px; width:58px; height:37px; background:url(../image/program_detail.png)  center no-repeat; background-size:cover;}
.view02 .detail {padding-top:50px; font-size:18px;}

/*write*/
#bo_w {margin-top:0;}
.write_div #notice + label,  .write_div #html + label {color:#fff;}

/* 페이징 */
.pg_wrap {clear:both;margin:40px 0 0 ;text-align:center; font-size:0;}
.pg_wrap:after {display:block;visibility:hidden;clear:both; content:""} 
.pg_page, .pg_current {display:inline-block; vertical-align:middle; width:45px; height:45px; margin:0 4px; border-radius:0px; line-height:43px; font-weight:300; font-size:19px; color:#fff; background:transparent; transition:background 0.2s, color 0.2s;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {border:1px solid #838383;}
.pg_page:hover {border:1px solid #0186e3; background:#0186e3; color:#fff;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../image/page_prev.png') no-repeat center; padding:0;border:1px solid #838383;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../image/page_prev.png') no-repeat center; padding:0;border:1px solid #838383;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../image/page_next.png') no-repeat center;padding:0;border:1px solid #838383;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../image/page_next.png') no-repeat center;padding:0;border:1px solid #838383;}
.pg_prev:hover, .pg_start:hover {background:url('../image/page_prev.png') no-repeat center #0186e3;}
.pg_next:hover, .pg_end:hover {background:url('../image/page_next.png') no-repeat center #0186e3;}
.pg_current {border:1px solid #0186e3; background:#0186e3;}

@media screen and (max-width: 1200px) {
	.prd_list_wrap #edu li a {font-size:17px;}
}

@media screen and (max-width: 1024px) {
	.prd_list_wrap .category {max-width:650px; margin-bottom:60px;}
	.prd_list_wrap .category li a {height:50px; border:1px solid #fff; font-size:17px;line-height:48px;}

	.prd_list_wrap #edu li {width:33%;}
	.prd_list_wrap #edu li + li {margin-left:0.5%;}
	.prd_list_wrap #edu li:nth-child(n+4) {margin-top:0.5%;}
	.prd_list_wrap #edu li:nth-child(4) {margin-left:0;}
	
	#bo_cate {max-width:650px; margin-bottom:60px;}
	#bo_cate a {height:50px; line-height:48px; font-size:17px;}

	#gall_ul li:before {border-top:70px solid #181818; border-left: 70px solid transparent;}
	#bo_gall .gall_boxa .hover:after {width:50px; height:50px;; border:2px solid #fff; background-size:25px auto;}
	#bo_gall .bo_tit {font-size:29px;}
	#bo_gall .bo_exp {height:100px; font-size:18px;}
	#bo_gall .gall_boxa {height:330px;}
	#bo_gall .gall_boxa a .imgAr {height:330px;}

	/*list*/
	#bo_gall .gall_text_href {padding:30px 0 0;}
	#bo_gall .bo_tit {font-size:27px;}
	#bo_gall .bo_exp {margin-top:15px; height:100px; font-size:17px;}

	.view_txt .cate{font-size:14px;}
	.view_txt .md_tit{margin-top:10px}
	.view_txt .md_tit dt{font-size:26px;}
	.view_txt .md_tit dd{font-size:14px; margin-top:15px}
	.view_txt .md_info {height:300px; margin-top:25px; padding:25px 0 0;}
	.view_txt .md_info dl + dl {margin-top:10px;}
	.view_txt .md_info dl dt {width:100px; padding-left:9px; font-size:14px;}
	.view_txt .md_info dl dt:before {margin-top:-4px; width:2px; height:8px;}
	.view_txt .md_info dl dd {width:calc(100% - 100px); font-size:14px;}
	.view_txt .btn_wrap {margin-top:30px;}
	.view_txt .btn_wrap a {font-size:14px;}
	.view_txt .btn_wrap a.review {height:60px; line-height:60px;}
	.view_txt .btn_wrap a.list {height:60px; line-height:58px;}
	.view_txt .btn_wrap a img {margin-right:8px; width:16px;}

	.view_img #bigphoto2 li, #bigphoto2 .slick-slide {height:410px;}
	.view_img .slick-prev {width:50px; height:40px; bottom:41px;} 
	.view_img .slick-next {position:absolute; width:50px; height:41px;} 
	.view_img .smallphoto li {height:100px;}

	.view02 {margin-top:100px;}
	.view02 h3 span {padding-top:50px; padding-bottom:25px; font-size:30px;}
	.view02 h3 span:after {margin-left:-18px; width:51px; height:30px;}
	.view02 .detail {font-size:16px;}


	/* 페이징 */
	.pg_wrap {margin:30px 0 0;}
	.pg_page, .pg_current {width:40px; height:40px; margin:0 4px; line-height:38px; font-size:16px;}
}

@media screen and (max-width: 768px) {
	.prd_list_wrap .category {max-width:none; margin-bottom:7.8125vw;}
	.prd_list_wrap .category li {width:24.475%;}
	.prd_list_wrap .category li + li {margin-left:0.7%;}
	.prd_list_wrap .category li a {height:7.1614vw; line-height:6.9010vw; font-size:2.8645vw;}
	.prd_list_wrap #edu li a {font-size:2.8645vw;}

	.prd_list_wrap #safe{max-width:100%;}
	.prd_list_wrap #safe li{width: 32.5%; margin-bottom:1vw;}
	.prd_list_wrap #safe li + li{margin-left: 1.2%;}
	.prd_list_wrap #safe li:nth-child(4){margin-left:0;}

	#bo_cate {max-width:none; margin-bottom:7.8125vw;}
	#bo_cate li {float:left; width:32.85%;}
	#bo_cate a {height:7.1614vw; line-height:6.9010vw; font-size:2.8645vw;}
	#bo_cate li + li {margin-left:0.725%;}

	#gall_ul li {float:none; width:100% !important;}
	#gall_ul li:before {border-top:10.4166vw solid #181818; border-left:10.4166vw solid transparent;}
	#gall_ul li:nth-child(2n) {margin-left:0%;}
	#bo_gall .gall_boxa {height:50.7812vw;}
	#bo_gall .gall_boxa a .imgAr {height:50.7812vw;}
	#bo_gall .gall_boxa .hover:after {width:7.9427vw; height:7.9427vw; border: 0.3906vw solid #fff; background-size:3.7760vw auto;}
	#bo_gall .gall_text_href {padding:3.9062vw 0 0;}
	#bo_gall .bo_tit {font-size:4.1666vw; color:#fff;}
	#bo_gall .bo_exp {margin-top:1.9531vw; height:auto; padding-bottom:10.4166vw; font-size:3.125vw;}

	.gall_li.col-gn-4.gallWST + .gall_li.col-gn-4.gallWST {margin-top:3.9062vw;}

	/*view*/
	.view_img{width:100%; margin-left:-0.6510vw;}
	.view_img .slick-prev {right:0.6510vw; width:7.9427vw; height:6.5104vw; bottom:6.6406vw;}
	.view_img .slick-next {right:0.6510vw;width:7.9427vw; height:6.6406vw;}
	.view_img .slick-slide {margin:0 0.6510vw;}
	.view_img #bigphoto2 li, #bigphoto2 .slick-slide {height:53.3854vw;}

	.view_img .bigphoto img {min-width:100%; height:53.3854vw;}
	.view_img .smallphoto{margin-top:1.0416vw;}
	.view_img .smallphoto li {height:13.0208vw;}

	.view_txt {width:100%; margin-top:6.5104vw; padding-left:0;}
	.view_txt .cate{font-size:2.865vw}
	.view_txt .md_tit{margin-top:1.953vw}
	.view_txt .md_tit dt{font-size:4.948vw}
	.view_txt .md_tit dd{font-size:3.125vw; line-height:4.167vw; margin-top:2.604vw}
	.view_txt .md_info{height:auto; margin-top: 5.208vw; padding:4.557vw 0}
	.view_txt .md_info dl + dl {margin-top:2.8645vw;}
	.view_txt .md_info dl dt{width:23.438vw; font-size:3.385vw; padding-left:2.6041vw;}
	.view_txt .md_info dl dt:before {margin-top:-1.1718vw; width:0.6510vw; height:2.3437vw;}
	.view_txt .md_info dl dd{width:calc(100% - 24.0885vw); font-size:3.385vw}
	.view_txt .btn_wrap{margin-top:5.208vw}
	.view_txt .btn_wrap a{height:15.625vw; line-height:15.625vw; font-size:4.167vw}
	.view_txt .btn_wrap a.review {height:15.625vw; line-height:15.625vw;}
	.view_txt .btn_wrap a.list {height:15.625vw; line-height:15.3645vw;}
	.view_txt .btn_wrap a img{vertical-align:-0.651vw; width:4.5572vw; margin-right:2.604vw;}
	.view_txt .btn_wrap a.list img {vertical-align:-0.2604vw;}

	.view02 {margin-top:16.9270vw;}
	.view02 h3 span {padding-top:6.5104vw; padding-bottom:3.2552vw; border-bottom:0.3906vw solid #fff; font-size:5.2083vw;}
	.view02 h3 span:after {margin-left:-2.3437vw; width:7.5520vw; height:4.8177vw;}
	.view02 .detail {padding-top:6.5104vw; font-size:3.125vw;}

	/* 페이징 */
	.pg_wrap {margin:6.5104vw 0 0;}
	.pg_page, .pg_current {min-width:0px; width:5.8593vw; height:5.8593vw; margin:0 0.5208vw; line-height:5.5989vw; font-size:2.4739vw; padding:0;}
	.pg_start {background-size:1.0416vw auto;}
	.pg_prev {background-size:1.0416vw auto;}
	.pg_end {background-size:1.0416vw auto;}
	.pg_next {background-size:1.0416vw auto;}
	.pg_prev:hover, .pg_start:hover {background:url('../image/page_prev.png') no-repeat center #0186e3; background-size:1.0416vw auto;}
	.pg_next:hover, .pg_end:hover {background:url('../image/page_next.png') no-repeat center #0186e3; background-size:1.0416vw auto;}


}