@charset "utf-8";

@media only screen and (max-width: 1520px) { 
	.contact .info_contact .txt_set .title{font-size:45px}
	.contact .info_contact .txt_set .address{font-size:17px; line-height:28px}
	.contact .info_contact1 .txt_set .title{font-size:48px}
	.contact .info_contact1 .txt_set .address{font-size:18px; line-height:29px}
}

@media only screen and (max-width: 1280px) {
    /*2023 New Header*/
    .pg_doit_detail #header .main-nav .navigation .detail-nav{display: none;}

	.contact .info_contact .image{width:50%}
	.contact .info_contact .txt_set .title{font-size:33px}
	.contact .info_contact .txt_set .address{font-size:14px; line-height:24px}
	.contact .info_contact1 .txt_set .title{font-size:40px}
	.contact .info_contact1 .txt_set .address{font-size:14px; line-height:24px}

    .request .form_request4 li{padding-right: 0;}
    .request .form_request4 li:nth-child(even){border-left: 0;}
}

@media only screen and (max-width: 1200px) {
    .p_dsp{display: block}
    .p_dspn{display:none}
	#header .main-nav .navigation li{margin: 0 1px;}
    .btn_contact a{font-size:42px; height: 160px;}

    /*컨택트 페이지*/
    .request input[type="text"],
    .request textarea,
    .request input[type="checkbox"].hm-checkbox + label span,
    .request .btn-dropdown,
    .request .list_contact01 .info-map01 .address,
    .request .list_contact01 .info-map01 .txt-en,
    .request .list_contact01 .info-map02 .vl{font-size: 24px;}

}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .request .form_request4 .form-unit{padding: 13px 0;}
    .request .form_request4 .form-unit li{padding: 6px 20px;}
}	

@media only screen and (max-width: 1023px) { 
	#wrap{position: relative; width: 100%; height: auto}
	#wrap_selected #header.fixed{height: auto}
	#header .inner_header,
	#header .main_nav{display:none;}
	#header .mobile_header{display:block;}
    #contents{padding-top: 66px;}
    .m_hidden{display: none;}

    /*2023 New Header*/
    #header .main-nav{position: fixed; width: 100%; border-top: 1px solid #0b0b0b; border-bottom-width: 1px;}
    #header .main-nav .nav-idea{justify-content: flex-start;}
    #header .main-nav .nav-half{border: 0;}
    #header .main-nav .navigation > ul{display: none;}
    #header .main-nav .navigation .btn-nav{display: none;}
    #header .main-nav .nav-idea .m-logo a{width: 129px; height: 43px;}
    #header .main-nav .nav-doit .m-logo a{width: 145px; height: 43px;}
    .pg_doit_detail #header .mdetail-nav{display:block; padding-top: 66px;}
    .pg_doit_detail #contents{padding-top: 0}
    .basic_type1 #header{position:relative;}
	.basic_type1 #container{padding-top:0}
    .basic_type1 #contents{height: auto}
	
	#intro #contents{padding-top:0}
	.pg_doit_detail #header .m_detail_nav{display:block;}

	#header .mobile_header .m_row_header{border-bottom:2px solid #0b0b0b}
	#view_basic #header{border-bottom:0}
    #header .main-nav .nav-half .p-logo{display: none;}
    #header .main-nav .nav-half .m-logo{display: block;}
    .t_dsp{display: block}
	.t_dspn{display:none}
    .overlay_menu{display:block}
    .overlay_menu .nav_idea .item_nav .inner_sc1 .item_figure img{max-width: 260px}
    .overlay_menu .nav_doit .item_nav .inner_sc1 .item_figure img{max-width: 370px}
	.main_grid{height:auto; box-sizing:border-box;}
	.main_grid .half_grid{float:none; width:100%; height:auto}
	.main_grid .bottom_grid{border-top:1px solid #0e0e0e; border-bottom:1px solid #0e0e0e}
	.main_grid .bottom_left{display:none;}
	.main_grid .bottom_right .copyright{display:block; float:left; }
	.main_grid .bottom_right .sns_set{display:block; float:right;}
	.main_grid .half_grid:nth-child(1){border-right:0}
	.main_grid .half_grid:nth-child(2){border-left:0}
	
	.main_grid.res1{position:fixed; width:100%; height:100vh; height: calc(var(--vh, 1vh) * 100);}
	.main_grid.res1 .half_grid{height:calc(50% - 29px); border-bottom:1px solid #0e0e0e}
	.main_grid.res1 .bottom_grid{display:none;}
	.main_grid.res1 .sc_intro{height:100%}
	.main_grid.res3 .bottom_left{display:block;}
	.main_grid.res3 .bottom_left .sns_set{display:block; float:right;}
	.main_grid.res3 .half_grid:nth-child(2){display:none;}

	.main_grid.cnt .half_grid:nth-child(1) .contact,
	.main_grid.cnt .half_grid:nth-child(1) .bottom_grid{border-right:0}
	.main_grid.cnt .half_grid:nth-child(2) .bottom_grid,
	.main_grid.cnt .half_grid:nth-child(2) .contact{border-left:0}

	.main_grid1{position:fixed; width:100%}
	.main_grid1 .wide_grid{height: 100%; padding-top: 66px}
	.main_grid1 .footer_intro > div:nth-child(1){border-right:0}
	.main_grid1 .footer_intro > div:nth-child(2){border-left:0}
	.main_grid1 .footer_intro .sns_set{float:right;}
	.main_grid1 .bottom_grid{border-top:1px solid #0e0e0e; border-bottom:1px solid #0e0e0e}

	.list_type1 li{border-bottom:1px solid #0e0e0e}
	.list_type1 li.open .btn_article{background:url('../images/common/ico_x1.png') no-repeat calc(100% - 15px) center; background-size:32px auto;}
	.list_type1 li.open .ct_article{display:block;}
	/*.list_type1 li .thumb{width:32px; height:33px; padding-right:9px}
	.list_type1 li .title{font-size:40px; line-height:53px; padding:0px 30px 4px 0} */
	
	.list_type2{position:relative; }
	/*.list_type2:after{content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#010101}
	.list_type2 li{border-left:0; border-right:0; border-top:0}*/
	.list_type2 .overlay_thumb{display:none;}

	.detail_type1 span{padding:0 15px}
	.detail_type1 p{padding:0 15px;}
	.detail_type1 p.image + p,
	.detail_type1 p:first-child{padding-top:15px}
	.detail_type1 p.image + p.image{padding:0}
	.detail_type1 p:last-child{padding-bottom:20px}
	.detail_type1 p.image:last-child{padding-bottom:0}

    .request input[type="text"],
    .request select,
    .request textarea,
    .request .file_input label,
    .request .btn-dropdown{border-top-width: 1px;}
    .request .form_request2 li.button input[type="submit"]{border-top-width: 1px; border-bottom-width: 1px;}
    .request .file_input input[type=text],
    .request .spam_image input[type=text]{width: calc(100% - 90px);}
    .request .form_request1 .tit_cat{border-top:1px solid #0e0e0e}
    .request .form_request1 li{border-top:1px solid #0e0e0e}
    .request .form_request1 li:last-child{border-bottom:1px solid #0e0e0e}
    .request .form_request2 li{padding:0; /*border-top:1px solid #fff*/}
    .request .form_request2 li.button{margin-bottom: 0px}
    .request input[type="checkbox"].hm-checkbox + label .txt-ko{display: inline;}
    .request input[type="checkbox"].hm-checkbox + label .txt-en{display: none;}
    .request .sc_title.m_bd01{border-top:1px solid #0e0e0e;}
    .request  .form_request4 .form-unit > ul input[type="checkbox"].hm-checkbox + label .txt-en{display: inline;}

	.contact .info_contact{border-top:2px solid #000; border-bottom:2px solid #000}
	.contact .info_contact.bd0{border:0}
	.contact .info_contact .txt_set .title{font-size:33px}
	.contact .info_contact .txt_set .address{font-size:14px; line-height:24px}
	.contact .info_contact1{border-top:1px solid #000; border-bottom:1px solid #000}
	.contact .info_contact1.bd0{border:0}
	.contact .info_contact1 .txt_set .title{font-size:33px}
	.contact .info_contact1 .txt_set .address{font-size:15px; line-height:24px}
	
	.contact .bt_txt{font-size:13px}
	.btn_contact a{height: 110px; font-size:32px; border-top:0;}

	.main_grid .bottom_grid,
	.main_grid.res3 .bottom_left{display:none;}
	.detail_type1 p.image{padding:0}
    .list_type1 li .thumb{border-width: 1px;}
	.list_type1 li:last-child{border-bottom:1px solid #0e0e0e}
/*     .list_type2 li{border: 0;}
    .list_type2 li::after{content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background-color: #010101; z-index: 1;}
    .list_type2 li:nth-child(odd)::before{content: ""; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 100%; background-color: #010101; z-index: 1;} */
    /*Splitter*/
    .splitter {flex-wrap: wrap;}
    #left_panel,
    #right_panel{width: 100% !important; min-width: 0;}
    #right_panel{display: none;}
    #separator{display: none;}
}

@media only screen and (max-width: 767px) { 
	.m_dspn{display:none;}
	.m_dsp{display:block;}
    /*2023 New Header*/
    #header .main-nav .nav-half{padding: 0 20px;}
    .overlay_menu .nav_idea .item_nav .inner_sc1 .item_figure img{max-width: 230px}
    .overlay_menu .nav_doit .item_nav .inner_sc1 .item_figure img{max-width: 330px}
    .btn-talk{right: 25px; bottom: 25px;}

	.main_grid .bottom_grid .sns_set,
	.main_grid.res3 .bottom_left .sns_set{display:none;}
	.main_grid1 .footer_intro > div:nth-child(1){float:none; width:100%}
	.main_grid1 .footer_intro > div:nth-child(2){display:none;}
	.list_type1 li .thumb{display:none;}
	.detail_type1 p{font-size: 18px; font-weight: 300; line-height: 30px;}
    .main_grid1 .bottom_grid{display: none;}
    .list_type1 li .title{font-size: 26px; line-height: 46px; padding: 0 20px 2px;}
    #main_visual .vis01 .bg{background-image:url('../images/main/mvis_m01.jpg?240611');}
    #main_visual .vis02 .bg{background-image:url('../images/main/mvis_m02.jpg?240611');}
    #main_visual .vis03 .bg{background-image:url('../images/main/mvis_m03.jpg?240611');}
    #main_visual .vis04 .bg{background-image:url('../images/main/mvis_m04.jpg?240611');}
    #main_visual .vis05 .bg{background-image:url('../images/main/mvis_m05.jpg?240611');}
    #main_visual .vis06 .bg{background-image:url('../images/main/mvis_m06.jpg');}
    #main_visual .vis07 .bg{background-image:url('../images/main/mvis_m07.jpg');}
    #main_visual .vis08 .bg{background-image:url('../images/main/mvis_m08.jpg');}
    #main_visual .vis09 .bg{background-image:url('../images/main/mvis_m09.jpg');}
    #main_visual .vis10 .bg{background-image:url('../images/main/mvis_m10.jpg');}

    .request .cb_type1 input[type="checkbox"].hm-checkbox + label{padding-left: 30px;}
    .request .cb_type1 input[type="checkbox"].hm-checkbox + label span{font-size: 16px;}
    .request .cb_type1 .btn-view{font-size: 14px; margin-left: 4px;}

    .request .req::after{right: 20px;}
    .request .req1::after{right: 109px;}
    .request .sc_title .circle img{width: 55px}
    .request .sc_title p{font-size: 14px; line-height: 22px; margin-top: 9px;}
    .request .form_request2 li.button input[type="submit"]{height: 110px;}
    .request .refer-desc p{font-size: 15px; line-height: 22px;}

    .request .form_request4{padding: 0 0 15px;}
    .request .form_request4 .tit_cat{margin-bottom: 15px;}
    .request .form_request4 .form-unit{padding: 12px 0;}
    .request .form_request4 .form-unit .tit_unit{font-size: 17px; margin-bottom: 10px;}
    .request .form_request4 .form-unit li{padding: 6px 20px;}
    .request  .form_request4 .form-unit > ul input[type="checkbox"].hm-checkbox + label .txt-ko{display: none;}
    .request .form_request4 .form-unit > ul input[type="checkbox"].hm-checkbox + label{padding-left: 48px;}

    .request textarea{height: 240px;}
    .request textarea.terms{padding: 12px 24px;}
    .request .list_contact01 .info-map01 .address,
    .request .list_contact01 .info-map02 .vl{font-size: 19px;}
    .request .list_contact01 .map_area{height: 360px;}

	.contact .bt_txt{border-top:1px solid #010101}
	.contact .info_contact .txt_set .title{font-size:25px; line-height:27px}
	.contact .info_contact .txt_set .address{margin-top:8px; font-size:12px; font-weight:300; line-height:20px}
	.contact .info_contact1 .txt_set{border-left:0}
	.contact .info_contact1 .txt_set .hm_row.bd1{border-top:0}
	.contact .info_contact1 .txt_set .title{font-size:25px; line-height:27px}
	.contact .info_contact1 .txt_set .address{margin-top:8px; font-size:12px; font-weight:300; line-height:20px}
}