@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px){
}

@media screen and (max-width:950px){
/**/
#header .header_wrap .gnb_wrap .gnb > li .dp1 {padding:0 1.5em;}
#header .siteMap_wrap .gnb > li {width:33.33%}
#header .siteMap_wrap .gnb .dp1, #header .siteMap_wrap .gnb .dp2 {margin:0 12px;}
#header .siteMap_wrap .gnb .dp2 li {float:left; width:50% !important;}
#header .searchSection {padding:1em 0;}
#header .searchSection .inp_wrap {width:34em;}
#header .searchSection .inp_wrap .inp {height:50px; line-height:50px;}

/**/
.page_tab_wrap {padding:.5em .8em;}

}



@media screen and (max-width:768px){
body{ font-size:13px;}
.di_wrap > *{ font-size:13px; font-size:.813rem;}

.PC{ display:none !important;}
.PHONE{ display:block !important;}


/**/
#header .gnb_wrap {display:none;}
#header .searchSection .tit {padding-bottom:1em;}
#header .searchSection .inp_wrap {width:29em; margin:0;}
#header .top_wrap .mem_wrap .tt,
#header .top_wrap .link_wrap .tt {padding:0 5px;}

#contents .contents_top{ height:140px;}
#contents .subTitle{ padding-top:15px;}
#contents .subTitle .tit{ font-size:1.8em;}
#contents .conTitle{ padding:10px 0;}
#contents .conTitle .tit_wrap{ float:none; text-align:center;}
#contents .conTitle .nav_wrap{ float:none; text-align:center;}
#contents .subCon .doc {padding:2em 0 6em 0;}
#contents .subNav_wrap .nav .home .tXt {width:50px; border-left:none;}
#contents .subNav_wrap .nav div[class^="depth"] .tXt {padding:0 10px 0 10px; max-width:100px;}

/**/
#footer .info_wrap {padding:1em 0;}
#footer .info_wrap .logo {position:inherit; text-align:center;}
#footer .info_wrap .info {padding:.4em .5em; text-align:center;}
#footer .family_wrap .control {width:100%; float:none !important; margin-top:0;}
#footer .family_wrap .control .tit {padding-top:0; padding-left:.4em;}
#footer .family_wrap .family {width:100%; float:none !important; margin-top:1em;}
#footer .family_wrap .family .item .in {overflow:hidden;}

/**/
.main_con1 {top:-165px;}
.main_con2 {top:-14em;}
.main_con3 {top:-14em;}
.main_con3 .main_con_co3 .inner .in_w {padding:1em;}
.main_con3 .main_con_co3 .inner .in {margin-bottom:1em; padding-bottom:1em;}
.main_con3 .main_con_co3 .inner .in .tit .tt {font-size:1.188em;}
.main_con3 .main_con_co3 .inner .in .list {padding-left:8em;}
.main_con4 {margin-bottom:0; top:-10em; position:relative;}

/**/
.main_visual {background:#f7f7f7;}
.main_visual .visual .item {height:210px; background-position:70% center;}
.main_visual .arrow_wrap {bottom:43%; top:inherit;}
.main_visual .arrow_wrap > li .xi {font-size:2em;}
.main_visual .slogan {top:inherit !important; bottom:40%;}
.main_visual .slogan .t1 {font-size:1.5em; text-align:center;}
.main_con1 .main_con_co1 .list > li {flex-basis:inherit; flex:1; }
.main_con1 .main_con_co1 .list > li .in {padding:1em .9em;}
.main_con1 .main_con_co1 .list > li .in .t1 {font-size:1em; padding-bottom:10px;}
.main_con1 .main_con_co1 .list > li .in .t2 {display:none;}
.main_con1 .main_con_co1 .list > li .in .xi {font-size:3.5em;}
.main_con1 .main_con_co1 .list > li .in .xi.st {font-size:3em;}
.main_con2 .main_con_co2 {margin-right:-1em;}
.main_con2 .main_con_co2 .inner {width:50%;}
.main_con2 .main_con_co2 .inner.w3 {width:100%; margin-top:.9em;}
.main_con3 .main_con_co3 .inner {float:inherit; width:100%;}
.main_con3 .main_con_co3 .inner.left {margin-bottom:1em;}
.main_con4 .main_con_co4 {flex-direction:column; padding:1.3em;}
.main_con4 .main_con_co4 .t_w {flex:inherit; margin-top:0;}
.main_con4 .main_con_co4 .t_w .t1 {padding-bottom:5px;}
.main_con4 .main_con_co4 .t_w .t2 > br {display:none;}
.main_con4 .main_con_co4 .list {flex:inherit; margin-top:2em;}
.main_con4 .main_con_co4 .list > li .in .icon > img {max-width:5em;}
.main_con4 .main_con_co4 .list > li .in .ti {font-size:.938em; padding:10px; height:2.8em;}
.main_con4 .main_con_co4 .list > li .in .xi {width:25px; height:25px; line-height:25px;}

/**/
.sub1_2_tw {overflow:inherit; margin-top:0;}
.sub1_2_tw .txt_w {float:none; width:100%;}
.sub1_2_tw .img_w {float:none; width:100%;}
.sub1_2_tw .txt_w .t1 {text-align:center;}
.sub1_2_tw .txt_w .t1::after {margin:.8em auto 1.2em auto;}
.sub1_2_tw .img_w .in {margin-top:2em;}
.sub1_2_tw.sub1_1_st .img_w .in {margin-top:2em;}

/**/
.privacy_area .privacy_box {overflow-y:scroll; height:350px;}

/**/
.page_sec4.survey_agree_st {margin-top:30px !important;}

/**/
.member_wrap .member_form {padding:1em;}

/**/
.page_tw .tx_w .tx {padding-left:0;}
.page_tw.st .tx_w .tx.under_t {padding-top:1em; padding-left:0;}
.page_list.dp2 > * {padding-left:0;}
.ex_s_txt {margin-left:0;}
.personInfo_box {margin:.5em 0 0 0;}
.check_list {margin:.4em 0 0 0;}

/*회원가입*/
.join_table.response,
.join_table.response thead,
.join_table.response tbody,
.join_table.response tr,
.join_table.response th,
.join_table.response td,
.board_st.write.inquiry_st.response,
.board_st.write.inquiry_st.response tr,
.board_st.write.inquiry_st.response td,
.board_st.write.inquiry_st.response th {display:block; box-sizing:border-box; height:auto;}
.join_table.response .input_st,
.join_table.response .label_select,
.join_table.response .label_file,
.board_st.write.inquiry_st.response .input_st,
.board_st.write.inquiry_st.response .label_select,
.board_st.write.inquiry_st.response .label_file  {width:calc(100% - .813em);}

.join_table.response .label_select.response_sec3,
.board_st.write.inquiry_st.response .response_sec3 {width:calc(33.33% - 1.375em) !important;}
.join_table.response .input_st.response_sec2,
.board_st.write.inquiry_st.response .response_sec2 {width:calc(50% - 1.375em) !important;}
.join_table.response .input_st.response_sec3 {width:calc(33.33% - 1.375em) !important;}

.join_table.response th {margin-top:.5em; border:1px solid #888; border-bottom:none;}
.join_table.response td {padding:.6em .7em; border:1px solid #888; border-top:none;}

.board_st.write.inquiry_st.response .w_form_tit {width:inherit !important;}
.board_st.write.inquiry_st.response .w_auto {width:inherit !important;}
.board_st.write.inquiry_st.response th {margin-top:.5em; border:1px solid #888; border-bottom:none;}
.board_st.write.inquiry_st.response td {padding:.6em .7em; border:1px solid #888; border-top:none;}

/**/
.sub_agree_wrap {padding:10px;}
.right_txt.mt50 {margin-top:20px !important;}
.sub_mypage_tw {padding:1em;}

/**/
.t_br_no br {display:none;}

/**/
.survey_top_tw {margin-bottom:1em;}
.survey_top_tw .ti {font-size:1.125em;}

.survey_con_wrap {padding:.8em;}
.survey_con_wrap .survey_in_tw .num {margin-bottom:.3em;}
.survey_con_wrap .survey_con .q_w {padding:.7em;}
.survey_con_wrap .survey_con .q_w .tx {padding-left:0;}
.survey_con_wrap .survey_con .c_w {padding:.7em;}
.survey_con_wrap .survey_con .c_w .list_group.m_st > li {width:33.33% !important;}
.survey_con_wrap .survey_con .con_in .in_cw .list_group2.m_st > li {width:50% !important;}
.survey_con_wrap .survey_con .con_in .in_qw .tx {padding-left:0;}

/**/
.sub_info_list {margin:0 0 -10px -10px;}
.sub_info_list li {width:50%;}
.sub_info_list li .in {margin:0 0 10px 10px; padding:1em;}

/**/
.page_partner .partner {margin:0 0 0 -10px;}
.page_partner .partner > li .inner {margin:0 0 10px 10px;}

/**/
.page_ex_box > .inner.icon {flex:2;}
.page_ex_box > .inner.txt {padding-left:1em; flex:7;}


}

@media screen and (max-width:500px){
	
/**/	
.main_con2 .main_con_co2 .inner {width:100%; float:none;}
.main_con2 .main_con_co2 .inner.w2 {margin-top:1em;}
}

@media screen and (max-width:380px){
body{ font-size:11px;}
.di_wrap > *{ font-size:11px; font-size:.688rem;}

/**/
#contents .subNav_wrap .nav .home .tXt {display:none;}


/**/
.main_con2 .main_con_co2 .inner {width:100%; float:none;}



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

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