@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1024px){
.PC{ display:none !important;}
.PHONE{ display:block !important;}
.PC1024{ display:none !important;}
.PHONE1024{ display:block !important;}

.box1{max-width:95%;}

.main_visual .slick-dots > ul{width:auto;}

.main_con_3 .box1 > ul{flex-wrap:wrap;}
.main_con_3 .box1 > ul > li:first-of-type{width:29%;}
.main_con_3 .box1 > ul > li:nth-of-type(2){width:69%;}
.main_con_3 .box1 > ul > li:last-of-type{width:100%; margin-top:2%; flex-direction:row;}
.main_con_3 .box1 > ul > li .cs_box{margin-bottom:0; width:calc(100% - 310px);}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li{font-size:20px !important;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li span:first-of-type{display:block;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li:first-of-type span:last-of-type{font-size:20px !important;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li:first-of-type span:last-of-type a {color:#fdc705;}
.main_con_3 .box1 > ul > li .etc_box{height:auto;}
.main_con_3 .box1 > ul > li .etc_box > div{width:150px;}
}

@media screen and (max-width:768px){
.PC768{ display:none !important;}
.PHONE768{ display:block !important;}

.box1{width:94%;}

#header .gnb_wrap{height:0px; transition:.3s; }
#header.ani .gnb_wrap,
#header.white .gnb_wrap{height:60px; background:#fff;}
#header .gnb_wrap .logo{background:url(../images/inc/logo_w.png) no-repeat 0 center ;}
#header.ani .gnb_wrap .logo,
#header.white .gnb_wrap .logo{background:url(../images/inc/logo.png) no-repeat 0 center ;}

#header .gnb_wrap .gnb{display:none;}
#header .gnb_wrap .right_menu ul li .xi{font-size:33px;}
#header .gnb_wrap .right_menu ul li span a{color:#fff;}
#header.ani .gnb_wrap .right_menu ul li span a,
#header.scroll .gnb_wrap .right_menu ul li span a{color:#333;}

#footer .f_bottom .menu01{text-align:center;}
#footer .f_bottom .menu01 li:first-child{display:none!important;}
#footer .f_bottom .menu01 li:last-child{display:none!important;}
#footer .f_bottom .menu01 li{margin:0 4px;}
#footer .f_bottom .menu01 li a{font-size:12px;}
#footer .f_bottom .top_btn{display:none;}

#footer .f_info{padding:20px 0;}
#footer .f_info{text-align:center;}
#footer .f_info .f_logo{position:static; display:block; width:150px; margin:0 auto 10px;}
#footer .f_info .f_info_txt{padding-left:0; text-align:center;}
#footer .f_info .f_info_txt li{margin-right:0; margin:2px 3px;}

.main_visual .slogan{font-size:.875em;}

.main_con_2 .con_tit_box .btn_st_1{width:100px;}

.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul{flex-wrap:wrap;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li{width:50%;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li span:first-of-type{font-size:.75em !important;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li:first-of-type span:last-of-type a{color:#fdc705;}

.sub1_1 .grt_box.grt_top{flex-direction:column;}
.sub1_1 .grt_box.grt_bottom{flex-direction:column;}
.sub1_1 .grt_box > div{width:100%;}
}

@media screen and (max-width:500px){
.PC500{ display:none !important;}
.PHONE500{ display:block !important;}
.PC500t{ display:none !important;}
.PHONE500t{ display:table !important;}

.side_gnb .in{width:220px;}
.side_gnb .tit_dv .p1{width:110px;}

#footer .f_bottom .menu01 li{padding:0;}

.main_visual .control_box{display:none;}
.main_visual .slogan .slg_en{font-size:.875em; letter-spacing:5px;}
.main_visual .slogan .slg_kr{font-size:2.5em;}

.main_con_1 .news_box{height:60px;}
.main_con_1 .news_box .news_slide .slides li{height:60px; line-height:60px;}
.main_con_1 .news_box .news_slide .slides li .notice_tit{width:auto;}
.main_con_1 .news_box .news_slide .slides li .notice_date{display:none;}

.main_con_2 .con_tit_box .btn_st_1{top:0; transform:none;}
.main_con_2 .con_ctt_box ul{flex-wrap:wrap;}
.main_con_2 .con_ctt_box ul li:nth-of-type(-n+2){width:50%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.main_con_2 .con_ctt_box ul li:nth-of-type(2){border-right:0;}
.main_con_2 .con_ctt_box ul li:nth-of-type(n+3){width:33%; border-bottom:1px solid #ddd;}

.main_con_3 .box1 > ul > li{width:100% !important;}
.main_con_3 .box1 > ul > li:not(:first-of-type){margin-top:2%;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box{width:calc(100% - 105px);}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .inquiry_btn{width:100px;}
.main_con_3 .box1 > ul > li .cs_box{width:calc(100% - 80px);}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li{width:100%;}
.main_con_3 .box1 > ul > li .etc_box{flex-direction:column;}
.main_con_3 .box1 > ul > li .etc_box > div{width:75px; height:49%;}
.main_con_3 .box1 > ul > li .etc_box > div:first-of-type{margin-right:0;}

.sub1_1 .grt_box{margin-bottom:2em;}

.root_daum_roughmap .wrap_map{height:300px !important;}

.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{display:block; width:100%; box-sizing:border-box;}

.page_step_wrap .step > li .in{padding:0;}
}

@media screen and (max-width:360px){
.PC360{ display:none !important;}
.PHONE360{ display:block !important;}

.side_gnb .in{width:100%;}
.side_gnb .tit_dv .p1{width:252px;}

#footer .f_bottom .menu01 li{margin-right:4px; margin-left:0;}
#footer .f_bottom .menu01 li:last-of-type{margin-right:0;}

.main_con_2 .con_tit_box .btn_st_1{width:80px;}

.page_step_wrap .step > li .in{min-width:6em;}

}