@charset "utf-8";
/* CSS Document */
@media screen and (min-width:2400px){
body{ font-size:19px;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp{ height:2.5rem;}
.main_cs_wrap .list .inquiry .con_wrap .con .in textarea.inp{ height:8.125rem;}
}
@media screen and (min-width:1281px) and (max-height:1080px){
body{ font-size:16px;}
}
@media screen and (min-width:2400px) and (max-height:960px){
.main_notice_wrap{ padding-bottom:1.5em;}
.main_customer_wrap{ padding:1.5em 0;}
.main_cs_wrap .list > li .inner{ padding:2em 1.5em;}
}
@media screen and (min-width:1281px) and (max-height:920px){
.main_notice_wrap{ padding-bottom:1.5em;}
.main_customer_wrap{ padding:1.5em 0;}
.main_cs_wrap .list > li .inner{ padding:2em 1.5em;}
}
@media screen and (min-width:1281px) and (max-height:880px){
#fullpage .main_visual > div:not(.menu_wrap),
#fullpage .main_visual .menu_wrap .box1 > *,
#fullpage .section div:not(#footer) .box1 > div{ font-size:.813em;}

/*.main_notice_wrap .notice_wrap .inH{ height:17em;}*/
.main_cs_wrap .list .inquiry .con_wrap{ width:31em;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp{ height:2rem;}
.main_cs_wrap .list .inquiry .con_wrap .con .in textarea.inp{ height:5rem;}
}
@media screen and (max-width:1680px){	

}

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

}

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

}

@media screen and (max-width:1280px){	
body{ font-size:14px; letter-spacing:-.5px;}

.page_greet_wrap br{ display:none;}
.page_person_wrap .list > li .img_wrap{ width:14.5em;}
.page_person_wrap .list > li .con_wrap .con .info .txt{ font-size:.813em;}

#fullpage .section{ height:auto !important;}
#fullpage .main_visual > div:not(.menu_wrap),
#fullpage .main_visual .menu_wrap .box1 > *,
#fullpage .section div:not(#footer) .box1 > div:not(.main_tit){ font-size:.938em;}

.main_visual .dot_wrap > ul > li button{ font-size:1.375em;}

.main_wrap.flex{ display:block;}
.main_wrap .col_in{ padding:3em 0;}
.main_customer_wrap{ padding-bottom:0 !important;}
.main_notice_wrap .notice_wrap{ font-size:1em !important;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap:before{ opacity:1 !important; visibility:visible !important; transition:0s !important; transition-delay:0s !important;}
.main_cs_wrap .list > li .inner{ padding-top:3em; padding-bottom:3em;}
.main_cs_wrap .list > li .inner .inH{ height:23em;}
.main_cs_wrap .list .inquiry .con_wrap{ width:31em;}
.main_cs_wrap .list .inquiry .con_wrap .con .in textarea.inp{ height:5rem;}

.mainNav{ display:none !important;}

.section .mAni{ opacity:1 !important; visibility:visible !important; transition:0s !important; transition-delay:0s !important; transform:translate(0) scale(1) !important;}

}

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

}

@media screen and (max-width:1024px){
html.hidden{ margin-right:0;}
.popOpen{ margin-right:0;}

/*header*/
#header .top_wrap .inner{ height:5.5em;}
#header .top_wrap .gnb_wrap{ display:none;}

#header .top_wrap .logo .in{ margin-top:0;}
#header .top_wrap .logo .in img{ width:11.5em; display:none !important;}
#header .top_wrap .logo .in .pcHide{ display:block !important;}

#header .top_wrap .all{ display:block !important;}
#header .top_wrap .all_btn{ position:relative; display:block; width:2.75em; height:2em; margin-top:.75em;}
#header .top_wrap .all_btn .ham,
#header .top_wrap .all_btn .ham:before,
#header .top_wrap .all_btn .ham:after { position:absolute; display:block; width:100%; height:3px; background:#fff; border-radius:3px; transform:transform 0.15s ease;}
#header .top_wrap .all_btn .ham{ top:50%; transition-duration:.3s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
#header .top_wrap .all_btn .ham:before,
#header .top_wrap .all_btn .ham:after { content:"";}
#header .top_wrap .all_btn .ham:before{ top:-10px; transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease;}
#header .top_wrap .all_btn .ham:after { bottom:-10px; transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) , background-color 0.15s ease;}
#header .top_wrap .all.on .all_btn{ z-index:99; margin-top:0; margin-right:-.5em;}
#header .top_wrap .all.on .all_btn .ham,
#header .top_wrap .all.on .all_btn .ham:before,
#header .top_wrap .all.on .all_btn .ham:after { background:#4781ff;}
#header .top_wrap .all.on .all_btn .ham{ transform:rotate(225deg); transition-delay:.14s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
#header .top_wrap .all.on .all_btn .ham:before{ top:0; opacity:0; transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;}
#header .top_wrap .all.on .all_btn .ham:after { bottom:0; transform:rotate(-90deg); transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;}

#header .top_wrap .all_wrap{ position:fixed; z-index:-1; top:0; left:0; right:0; height:100vh; opacity:0; visibility:hidden; transition:1s;}
#header .top_wrap .all_wrap .wrap_bg{ position:absolute; top:0; left:0; right:0; height:100vh; background:#000; opacity:.7;}
#header .top_wrap .all_wrap .wrap_in{ position:absolute; top:0; right:0; width:30em; max-width:80%; height:100%; background:#07131f; transform:translateX(100%);
-webkit-transition: all 0.5s cubic-bezier(1, 0, 0.25, 1);
transition: 		all 0.5s cubic-bezier(1, 0, 0.25, 1);
}
#header .top_wrap .all_wrap .all_gnb{ position:relative; height:100%;}
/*#header .top_wrap .all_wrap .all_gnb:before{ content:""; z-index:2; position:absolute; top:0; left:0; right:0; height:5.5em; background:#253040;}*/
#header .top_wrap .all_wrap .all_gnb .scroll{ position:relative; height:100%; overflow-y:auto;}
#header .top_wrap .all_wrap .all_gnb .flex{ display:block;}
#header .top_wrap .all_wrap .all_gnb .gnb{ padding:6.5em 2em 4em 3em;}
#header .top_wrap .all_wrap .all_gnb .gnb a{ text-align:left !important;}
#header .top_wrap .all_wrap .all_gnb .gnb > li{}
#header .top_wrap .all_wrap .all_gnb .gnb > li .en{ display:none;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp1{ position:relative; padding:1em 0; color:#fff;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.313em; font-weight:500;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp1.arrow{ padding-right:2.5em;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp1.arrow:after{ content:"\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(0); transition:.2s;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp2{ padding:1em 0 1.5em 0; display:none;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a{ position:relative; padding:.5em 0 .5em 1.125em; color:#fff;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a:before{ content:""; position:absolute; top:50%; left:0; width:6px; height:1px; background:#4781ff; opacity:.3;}
#header .top_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.125em;}
#header .top_wrap .all_wrap .all_gnb .gnb > li.active .dp1.arrow:after{ transform:translateY(-50%) rotate(-180deg);}
#header .top_wrap .all.on .all_wrap{ z-index:9; opacity:1; visibility:visible; transition:.3s;}
#header .top_wrap .all.on .all_wrap .wrap_in{ transform:translateX(0);
/*-webkit-transition: all 0.5s cubic-bezier(1, 0, 0.25, 1);
transition: 		all 0.5s cubic-bezier(1, 0, 0.25, 1);*/
}

/*contents*/
#contents .sub_page_top{ height:17em;}
#contents .sub_page_top .sub_tit .inner{ padding-top:8.5em;}
#contents .sub_page_top .sub_tit .tit .tt{ font-size:2.125em;}
#contents .sub_page_top .sub_nav{ font-size:.938em;}
#contents .con_page_top .con_tit{ font-size:.875em;}


/*SUB PAGE************************/
/*inc*/
.tab_wrap{ margin:4em 0 3em 0;}
.tab_wrap .tab{ font-size:.813em;}
.tab_wrap .tab > li > a .tt{ flex:1; font-weight:500;}
.tab_wrap .tab > li > a .tt .en{ display:none;}

.page_tit.dep2 br{ display:none;}


/*회사소개*******************/
.page_greet_wrap{ max-width:100%;}
.page_greet_wrap .inner{ display:block;}
.page_greet_wrap .img_wrap{ width:100%; height:13em;}
.page_greet_wrap .img_wrap .bg{ background-position-y:20%;}
.page_greet_wrap .img_wrap .bg:after,
.page_greet_wrap .img_wrap .txt{ display:none;}
.page_greet_wrap .con_wrap{ border-width:0; font-size:1.063em;}
.page_greet_wrap .con_wrap .in_wrap{ padding:3em 4%; padding-bottom:0;}
.page_greet_wrap .con_wrap .sign .img{ width:4.75em;}

.page_vision_wrap .img.pc{ display:none;}
.page_vision_wrap .img.mo{ display:block;}
.page_vision_wrap .tit_wrap{ margin-bottom:2.25em;}

.page_person_wrap .list > li{ flex:1 1 100%; max-width:100%;}
.page_person_wrap .list > li .img_wrap{ width:12.5em;}
.page_person_wrap .list > li .con_wrap .con{ padding-top:.5em; padding-bottom:.5em;}
.page_person_wrap .list > li .con_wrap .con .info{ margin-top:.375em;}
.page_person_wrap .list > li .con_wrap .con .info .txt{ font-size:.750em;}

.page_person_wrap .list > li:nth-child(2n) .inner:before,
.page_person_wrap .list > li:nth-child(2n) .img_wrap .name,
.page_person_wrap .list > li:nth-child(2n) .con_wrap .service:before{ background:#53969a;}
.page_person_wrap .list > li:nth-child(2n+1) .inner:before,
.page_person_wrap .list > li:nth-child(2n+1) .img_wrap .name,
.page_person_wrap .list > li:nth-child(2n+1) .con_wrap .service:before{ background:#cb626b;}

.page_location_map .root_daum_roughmap .wrap_map{ height:28em !important;}
.page_location_con{ font-size:.938em;}
.page_location_con .info > li{ align-content:flex-start; align-items:flex-start;}
.page_location_con .info > li .icon{ width:2em; text-align:left; font-size:1.063em;}
.page_location_con .info > li .t1{ width:4.5em;}

/*교육과정*******************/
.page_edu_wrap,
.page_edu_wrap .inner{ display:block;}
.page_edu_wrap .inner{ padding:4em 2.5em; min-height:auto;}
.page_edu_wrap .inner .tit_wrap{ width:100%; padding:0;}
.page_edu_wrap .inner .con_wrap{ padding:1.25em 0; padding-bottom:0;}
.page_edu_wrap .inner .con_wrap .in_wrap{ padding:0; border-left:none;}

/*컨설팅*******************/
.page_consul_wrap .training_txt .con br{ display:none;}

.page_img_list .list > .el .inner .img{ width:7em;}
.page_img_list .list > .el .inner .img:before{ width:24vw;}
.page_img_list .list > .el .inner .txt br{ display:none;}
.page_img_list .list > .el .inner .txt .t2{ font-size:1em; font-weight:400; line-height:1.4;}
.page_img_list .list > .el .inner .txt .t3{ display:none;}

.page_img_list.st3 .list > .el{ flex:1 1 33.33%; max-width:33.33%;}
.page_img_list.st3 .list > p.blank:nth-of-type(2),
.page_img_list.st3 .list > p.blank:nth-of-type(5){ flex:1 1 100%; max-width:100%;}
.page_img_list.st3 .list > p.blank:nth-of-type(4){ flex:0;}
.page_img_list.st3 .list > div.el:nth-of-type(3) .inner .img:before,
.page_img_list.st3 .list > div.el:nth-of-type(6) .inner .img:before{ display:none;}
.page_img_list.st3 .list > div.el:nth-of-type(5) .inner .img:before{ display:block;}

.page_box_list .list > li .inner .tit{ height:4em;}
.page_box_list .list > li .inner .tit .tt{ padding:.125em 0 0 0; border-bottom:none; font-weight:500;}
.page_box_list .list > li .inner .con{ padding:1.25em 1.25em;}
.page_box_list .list > li .inner .con > li.icon .tt:before{ font-size:.438rem;}

.page_icon_list .list{ margin:0;}
.page_icon_list .list > li{ border:solid #efefef; border-width:1px 1px 0 0;}
.page_icon_list .list > li:nth-child(1),
.page_icon_list .list > li:nth-child(2){ border-top-width:0;}
.page_icon_list .list > li:nth-child(2n){ border-right-width:0;}
.page_icon_list .list > li .inner{ display:block; margin:0; padding:1.25em 1em; text-align:center;}
.page_icon_list .list > li .inner .img .icon{ margin:0 auto 1.5em auto; font-size:.875em;}
.page_icon_list .list > li .inner .con{ padding:0;}
.page_icon_list .list > li .inner .con .tit .tt{ font-size:1.125em;}
.page_icon_list .list > li .inner .con .txt{ text-align:left;}
.page_icon_list .list > li .inner .con .txt br{ display:none;}
.page_icon_list .list > li .inner .con .txt > li.icon .tt:before{ top:.625em;}

.page_step_list .list{}
.page_step_list .list > li{ flex:1 1 33.33%; max-width:33.33%;}
.page_step_list .list > li .inner .con .in_wrap .txt .tt{ font-weight:500;}
.page_step_list .list > li:nth-child(3) .inner .con .in_wrap .arrow{ top:60%; left:50%; transform:translateX(-50%) rotate(45deg);}
.page_step_list .list > li:nth-child(4) .inner .con .in_wrap .arrow{ top:50%; left:auto; right:60%; transform:translateY(-50%) rotate(45deg);}
.page_step_list .list > li:nth-child(6) .inner .con .in_wrap .arrow{ top:60%; left:50%; transform:translateX(-50%) rotate(45deg);}
.page_step_list .list > li:nth-child(7) .inner .con .in_wrap .arrow{ top:50%; left:60%; width:50%; height:50%; transform:translateY(-50%) rotate(45deg);}

.page_step_list .list > li:nth-child(1),
.page_step_list .list > li:nth-child(2),
.page_step_list .list > li:nth-child(3){ order:-1;}
.page_step_list .list > li:nth-child(4){ order:6;}
.page_step_list .list > li:nth-child(5){ order:5;}
.page_step_list .list > li:nth-child(6){ order:4;}
.page_step_list .list > li:nth-child(7){ order:7;}
.page_step_list .list > li:nth-child(8){ order:8;}

/*****************************/
/*MAIN************************/
.main_visual .visual,
.main_visual .visual .el{ height:35.5em;}
.main_visual .visual .el .slogan{ top:34%; font-size:.750em;}
.main_visual .dot_wrap{ bottom:10em;}

.main_visual .menu_wrap .list{ font-size:.813em !important;}
.main_visual .menu_wrap .list > li .in{ padding:1.25em .75em 1.125em .75em; text-align:center;}
.main_visual .menu_wrap .list > li .in .num{ display:inline-block; padding:0 .25em;}
.main_visual .menu_wrap .list > li .in .num .tt{ color:#e14f64;}
.main_visual .menu_wrap .list > li .in .txt{ padding-top:1em;}
.main_visual .menu_wrap .list > li .in .txt .t1{ display:none;}
.main_visual .menu_wrap .list > li .in .txt .t2{ font-weight:500;}

.main_tit .tit:after{ height:3px;}

.main_consul_wrap .menu_wrap{ font-size:.813em !important;}
.main_consul_wrap .menu_wrap .list > li{ flex:1 1 50%;}
.main_consul_wrap .menu_wrap .list > li .in .num .tt{ color:#e14f64;}
.main_consul_wrap .menu_wrap .list > li .in .txt{ padding-bottom:1.5em;}
.main_consul_wrap .menu_wrap .list > li .in .txt .t1{ font-size:.938em;}
.main_consul_wrap .menu_wrap .list > li .in .btn{ font-size:1.500em;}

.main_ceo_wrap .ceo_wrap{ padding:0;}
.main_ceo_wrap .ceo_wrap .list > li .in{ padding-left:.5em; padding-right:.5em;}
.main_ceo_wrap .ceo_wrap .list > li:first-child .in{ padding-left:0;}
.main_ceo_wrap .ceo_wrap .list > li:last-child .in{ padding-right:0;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit{ height:5em; font-size:.813em;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit .icon{ font-size:.813em;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit .tt{ font-weight:500;}
.main_ceo_wrap .ceo_wrap .list > li .in .txt{ height:3.75em;}
.main_ceo_wrap .ceo_wrap .list > li .in .txt .tt{ font-weight:400;}
.main_ceo_wrap .ceo_wrap .list > li .in .desc{ font-size:.938em;}

.main_notice_wrap .notice_wrap .inner{ padding:0 0; height:auto !important;}
.main_notice_wrap .notice_wrap .tit_wrap{ position:static; margin:0 -.688em 0 0;}
.main_notice_wrap .notice_wrap .tit_wrap > li{ flex:1 1 50%; max-width:50%;}
.main_notice_wrap .notice_wrap .tit_wrap > li .in_wrap{ margin:0 .688em .688em 0 !important;}
.main_notice_wrap .notice_wrap .slide_list .el .in .txt .tt,
.main_notice_wrap .notice_wrap .slide_list .el .in .txt .tt *{ word-break:break-all; word-wrap:break-word;}
.main_notice_wrap .slide_wrap .arrow_wrap{ top:auto; bottom:9em;}

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

.main_cs_wrap .list .inquiry .con_wrap .btn.flex .in.spam{ width:238px; height:60px;}
.main_cs_wrap .list .inquiry .con_wrap .btn .g-recaptcha{ transform:scale(0.79); transform-origin:top left;}
	
}

@media screen and (max-width:768px){
body{ font-size:13px;}

#footer .inner{ padding:2em 0 3em 0; letter-spacing:-1px;}
#footer .info_wrap{ flex:1 1 100%; margin:1.75em 0 0 0;}
#footer .info_wrap .menu{ padding-top:1.5em;}

.page_box_list .list{ display:block;}
.page_box_list .list > li{ margin-top:1em;}
.page_box_list .list > li:first-child{ margin-top:0;}

.page_step_list .list{ font-size:.750em;}

.main_notice_wrap .notice_wrap{ padding:0 2.5em;}
.main_notice_wrap .notice_wrap .slide_list .el .in{ padding:1.25em 1em;}
.main_notice_wrap .notice_wrap .slide_list .el .in .txt{ height:7.25em;}

.main_cs_wrap .list{ margin:0;}
.main_cs_wrap .list > li{ flex:1 1 100%; margin-top:2em;}
.main_cs_wrap .list > li:first-child{ margin-top:0;}
.main_cs_wrap .list > li .inner{ margin:0;}
.main_cs_wrap .list > li .inner .inH{ height:auto;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp{ font-size:.938em !important;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp:placeholder{ font-size:1em;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp:-ms-input-placeholder{ font-size:1em;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp::-webkit-input-placeholder{ font-size:1em;}
.main_cs_wrap .list .inquiry .con_wrap .btn .inp_btn{ font-size:1em;}

}

@media screen and (max-width:500px){
.page_person_wrap{ font-size:.938em;}

.main_visual .menu_wrap .list{ font-size:.688em !important;}
.main_notice_wrap .notice_wrap{ font-size:.813em !important;}
}

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

}

@media screen and (max-width:380px){
body{ font-size:11px;}

}
@media screen and (max-width:360px){
.main_cs_wrap .list .inquiry .con_wrap .btn.flex .in.spam{ width:182px; height:46px;}
.main_cs_wrap .list .inquiry .con_wrap .btn .g-recaptcha{ transform:scale(0.6);}
}

@media screen and (max-width:320px){
.page_step_list .list{ font-size:.688em;}

.page_person_wrap{ font-size:1.500em;}
.page_person_wrap .list > li .inner{ display:block; border-width:0 1px 1px 1px;}
.page_person_wrap .list > li .img_wrap{ width:100%;}
.page_person_wrap .list > li .con_wrap .con{ padding:1.5em 1em;}
}
@media screen and (max-width:290px){	
.main_cs_wrap .list .inquiry .con_wrap .btn.flex .in.spam{ width:173px; height:43px;}
.main_cs_wrap .list .inquiry .con_wrap .btn .g-recaptcha{ transform:scale(0.57);}
}
@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}