@charset "UTF-8";

@media only screen and (min-width: 1600px){
 .features_section #features_slides ul li .txt div { margin-left: 0; }
}

@media only screen and (max-width: 1500px){
 .request_form .form .form_05 .desc .w_email .w_email_1 { width: 165px !important; }
 #pop_modview .pop_box { width: 90%; }
}

@media only screen and (max-width: 1440px){
 #header .gnb .fix_gnb .gnb_list .depth_01 { float: left; color: #000; margin-left: 30px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu01 { width: 202px;}
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu02 { width: 186px;}
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu03 { width: 183px;}
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu04 { width: 202px;}
 #header .gnb .fix_gnb .gnb_list .depth_02 .mc_dep02-1 .dep02_box { margin-left: -30px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .model_depth { width: 202px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .sales_depth { width: 186px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .service_depth { width: 183px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .news_depth { width: 202px; }
 #header{height:auto;}
 #main_container,
 .sub_container{*margin-top:90px;}
 #models_sub_container{*margin-top:64px !important;}
}


@media screen and (min-width: 1291px) and (max-width:1600px){
 .bx-viewport { height: auto !important; }
 .models_gnb .models_lnb .lnb_list li { float: left; margin: 0 12px; }
 .tech_section #tech_slides .te_slides .tech_list { display: inline-block; margin: auto; }
 .acc_section #acc_slides .ac_slides .acc_list { display: inline-block; margin: auto; }
 .bx-wrapper .bxslider li img { width: 100%; }
 .modview_all { text-align: center; }
 .modview_all p { text-align: left; }
}

@media only screen and (min-width: 1290px) and (max-width:1500px){
 .view_form .fnsh_view { width: 60.5%; }
 .view_form .get_position { width: 48%; }
 .request_form .form { width: 60.5%; }
 .request_form .form .form_05 .desc .w_phone div.first~div { width: 100%; }
 .request_form .form .form_05 .desc .input { width: 83%; }
 .request_form .form .form_05 .desc #w_num { width: 69% !important; }
 .request_form .form .form_05 .desc .w_phone .input input[type="text"] { width: 69% !important; }
 .request_form .view { width: 38%; }

 }

@media only screen and (max-width: 1420px){
 .tech_section #tech_slides .te_slides .tech_list { display: inline-block; max-width: 1120px; margin: auto; }
}

@media only screen and (max-width: 1400px){
 .tech_section #tech_slides .te_slides .tech_list li { height: 585px; }
}

/* viewport ~ 1399 */
@media only screen and (max-width:1399px) {
}

@media screen and (min-width: 1291px){
 .m_tbl { display: none; }
 #header .gnb .fix_gnb { width: 100%; max-width: 1600px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 .mc_dep02-1 .dep02_box { margin-left: -30px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup { width: 395px; height: 175px; border: 1px solid #d4d6d9; float: left; background: #fff; margin-top: 29px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup .slidesjs-slide { width: 395px !important; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup div .car_info { float: left; margin: 27px 0 0 21px; text-align: left; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup div .car_info .name { width: 100%; float: left; font-size: 18px; color: #323232; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup div .car_info .txt { clear: both; width: 200px; float: left; font-size: 14px; color: #2e2828; margin-top: 35px; line-height: 1.4; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup div .car_info .desc { clear: both; width: 200px; float: left; font-size: 12px; color: #666666; margin-top: 3px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .new_lineup div img { position: absolute; top: 40px; right: 0; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .model_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .sales_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .service_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .news_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box { margin-left: -48px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box .hybrid_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box .sensing_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box .model_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box .sales_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box .service_depth { width: 200px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 li .dep02_box .news_depth { width: 200px; }

 .m_con_visual { display: none; }
 #slides .slides_con .m_visual_logo { display: none; }
 .honda_cast #main_tab .main_desc_tab .cast_box { margin: 0 2px 6px; }
 #footer { clear: both; float: none; width: 100%; background: #67696b; }
 #footer:after { content: ""; display: block; clear: both; }
 .m_foot { display: none; }
 .bx-viewport { height: auto !important; }
 .insight_section .desc_section .type02 .con_box { width: 100%; height: 50%; float: left; text-align: center; }
 }

/* viewport ~ 1290 */
@media only screen and (max-width:1290px) {
	body{}
	#header .gnb .fix_gnb .gnb_list .depth_01 li{background-position: 24px 10px;}
	#header .brand .fix_gnb .gnb_list .depth_01{margin-left: 0px}
	#header .brand .fix_gnb .gnb_list .depth_01 li.menu01{width: 180px !important;}
	#header .brand .fix_gnb .gnb_list .depth_01 li.menu02{width: 191px !important;}
	#header .brand .fix_gnb .gnb_list .depth_01 li.menu03{width: 132px !important;}
	#header .brand .fix_gnb .gnb_list .depth_01 li.menu04{width: 119px !important;}

	#header .brand .fix_gnb .gnb_list .depth_02 li .dep02_box{margin-left: 21px !important;}
	#header .brand .fix_gnb .gnb_list .depth_02 li .dep02_box .model_depth{width: 180px;}
	#header .brand .fix_gnb .gnb_list .depth_02 li .dep02_box .sales_depth{width: 191px;}
	#header .brand .fix_gnb .gnb_list .depth_02 li .dep02_box .service_depth{width: 132px;}
	#header .brand .fix_gnb .gnb_list .depth_02 li .dep02_box .news_depth{width: 119px;}

	/* 컨테이너 */
	#slides .slides_con .m_visual_logo {display: none}
	#slides .slides_con .visual_txt{padding-top: 70px;}

	#slides .slides_con .visual_txt p{margin-top: 5px; font-size: 32px;}
	#slides .slides_con .visual_txt .em{font-size: 26px;}
	#slides .slides_con .visual_txt.right{float: right; right: 80px;}
	#slides .slides_con .visual_txt.cnt{float: none; text-align: center; left: 0;}
	#slides .slides_con .visual_txt.cnt{padding-top: 50px;}
	#slides .slides_con .visual_txt.left{float: left; left: 80px;}
	#slides .slides_con .visual_txt.right .con_visual ul{float: right; right: 80px;}
	#slides .slides_con .visual_txt.cnt .con_visual ul{float: none; text-align: center;}
	#slides .slides_con .visual_txt.left .con_visual ul{float: left; left: 80px;}
	#slides .slides_con .visual_txt .con_visual.btn_valign_top{bottom:80px;}
	#slides .slides_con .visual_txt .con_visual.btn_valign_bottom{bottom:80px;}
	#slides .slides_con .valign_top{margin-top: 70px;}
	#slides .slides_con .valign_bottom{width: 100%; bottom:190px; position: absolute; left: 0;}
	#slides .slides_con .valign_bottom img{margin:auto;}

	#slides .slides_con .visual_logo img{width: 80%; height: auto;}

	/* 메인 주요컨텐츠 */

	.con_main ul li{width: 243px; height: 166px; float:left; overflow: hidden; border:1px solid #b7b7b7; margin-right:1px; background-size:100%; background-repeat:no-repeat; background-position:center center; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in;}
	.con_main ul li a{width: 100%; height: 100%;}
	.con_main ul li:hover{background-size: 110%;}
	.con_main ul li.dealer_net{background-image: url(../../img/main/main_con1.jpg); background-size: 100% 100%;}
	.con_main ul li.dealer_net a{background: url(../../img/main/icon/icon_dealer.png) no-repeat 25px 25px;}
	.con_main ul li.prm_service{background-image: url(../../img/main/main_con2.jpg); background-size: 100% 100%;}
	.con_main ul li.prm_service a{background: url(../../img/main/icon/icon_premium.png) no-repeat 25px 25px;}
	.con_main ul li.service_net{background-image: url(../../img/main/main_con3.jpg); background-size: 100% 100%;}
	.con_main ul li.service_net a{background: url(../../img/main/icon/icon_service.png) no-repeat 25px 25px;}
	.con_main ul li.newsletter{background-image: url(../../img/main/main_con4.jpg); background-size: 100% 100%;}
	.con_main ul li.newsletter a{background: url(../../img/main/icon/icon_news.png) no-repeat 25px 25px;}
	.con_main ul li a{position: relative;}
	.con_main ul li a .desc{width:190px;}
	.con_main ul li a span{color:#fff; float:left; text-align: left; display: block; margin-left: 23px;}
	.con_main ul li a .more{position: absolute; top:21px; right:21px;}
	.con_main ul li a .tit{}
	.con_main ul li a .desc{width:140px; font-family: NanumBarunGothicLight; font-weight: 100; margin-top: 10px; line-height: 1.2;}

}

@media(max-width: 1200px){
 .ride_form .request_form .form .form_list.eventTop ul li .title h3 { font-size: 2.4em; }
 .ride_form .request_form .form .form_list.eventTop ul li .title div { font-size: 1.2em; margin-top: 2.6em; }
 .ride_form .request_form .form .form_list.eventTop ul li .title div:after { margin-bottom: 1em; }
 .ride_form .request_form .form .form_list.eventTop .topImg .text { font-size: 1.35em; }
 }

@media screen and (max-width: 1150px){
 .event180618W .bt_tab>li { width: 49.5%; }
 .event180618W .bt_tab>li:last-child { width: 49.5%; }
 .event180618W .bt_tab>li+li { margin-left: 1%; }
 .event180618W ul.listStyle { overflow: hidden; margin: 0 2%; padding: 1.5em 0 2em; border: #312e31 5px solid; }
 .event180618W ul.listStyle li { font-size: 1em; }

 .event180702W .bt_tab>li { width: 49.5%; }
 .event180702W .bt_tab>li:last-child { width: 49.5%; }
 .event180702W .bt_tab>li+li { margin-left: 1%; }
 .event180702W ul.listStyle { overflow: hidden; margin: 0 2%; padding: 1.5em 0 2em; border: #312e31 5px solid; }
 .event180702W ul.listStyle li { font-size: 1em; }

 .event180910W .bt_tab>li { width: 49.5%; }
 .event180910W .bt_tab>li:last-child { width: 49.5%; }
 .event180910W .bt_tab>li+li { margin-left: 1%; }
 .event180910W ul.listStyle { overflow: hidden; margin: 0 2%; padding: 1.5em 0 2em; border: #312e31 5px solid; }
 .event180910W ul.listStyle li { font-size: 1em; }
 }

@media only screen and (max-width: 1174px){
 #header .gnb .fix_gnb .top_head .top_link { margin-top: 35px; }
 #header .gnb .fix_gnb .top_head div.special_service_btn { margin-top: -5px; position: absolute; right: 21px; top: 15px; }
}

@media only screen and (max-width: 1125px){
 #header .gnb .fix_gnb .btn_wrt { top: 16px; right: 13px; }
 #header .gnb .fix_gnb .top_head .top_link { margin-top: 35px; }
}

@media only screen and (min-width: 1041px) and (max-width:1290px){
 .sub_container .eventTop h4 { font-size: 16px; }
 .sub_container .eventTop .giftList>ul>li p { font-size: 14px; }
 .sub_container .eventTop .eventQuestion h3>img { height: 24px; }
}

/* viewport 1024 ~ 1290 */
@media only screen and (min-width:1024px) and (max-width:1290px) {
    .sub_contents .models_list ul li.list_box {
        width: 49%;
    }
    .sub_contents .models_list li.first {
        margin-right: 2%;
    }
    .sub_contents .models_list .list_box a {
        padding: 40px 20px;
    }
}

@media only screen and (min-width:1024px) {
	#slides .slides_con .show_tm{display: none;}
}

@media (min-width:300px) and (max-width: 1440px){
 #header { height: 90px; position: relative; float: none; }
 #header:after { content: ""; display: block; clear: both; }
 #header .gnb .fix_gnb { width: 100%; }
 #header .gnb.am_gnb .fix_gnb .max_gnb { min-width: 1300px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 { margin-left: 0; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_01 { margin-left: 0; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li { font-size: 16px; float: left; cursor: pointer; color: transparent; background-position: 30px 12px; background-repeat: no-repeat; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li a { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li:hover { color: transparent; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu01 { width: 160px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu01:hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu01.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu01.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu02 { width: 150px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu02:hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu02.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu02.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu03 { width: 145px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu03:hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu03.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu03.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu04 { width: 185px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu04:hover {  }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu04.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu04.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu05 { width: 185px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu05:hover {  }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu05.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu05.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu06 { width: 185px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu06:hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu06.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu06.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu07 { width: 185px; }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu07:hover {  }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu07.on { }
 #header .gnb .fix_gnb .gnb_list .depth_01 li.menu07.hover { }
 #header .gnb .fix_gnb .gnb_list .depth_02 .models_depth.scroll { overflow-y: scroll; overflow-x: hidden; width: 945px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 .models_depth .am_models_list { width: 925px; margin: auto; }
 #header .gnb .fix_gnb .gnb_list .depth_02 .models_depth .am_models_list div { width: 50%; height: 155px; float: left; position: relative; border-bottom: 1px dotted #c8c8c8; }
 .models_gnb .models_page_list ul .now_models .this_share { right: 10px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 .models_depth .mc_models_list div { width: 100%; height: auto; float: left; position: relative; border-bottom: 1px dotted #c8c8c8; }
 #header .gnb .fix_gnb .gnb_list .depth_02 .mc_dep02-1 .dep02_box { margin-left: -62px !important; }
 #header .gnb .fix_gnb .gnb_list .depth_02 .dep02-1 .dep02_box { margin-left: -140px; }
 #header .gnb .fix_gnb .gnb_list.automobile .depth_02 .dep02-1 .dep02_box { margin-left: -78px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .comm_depth { }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .comm_depth li a { }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .comm_depth li a:hover { }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .hybrid_depth { width: 185px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .sensing_depth { width: 185px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .model_depth { width: 160px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .sales_depth { width: 150px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .service_depth { width: 145px; }
 #header .gnb .fix_gnb .gnb_list .depth_02 li .dep02_box .news_depth { width: 185px; }
 .slidesjs-container { height: auto !important; }
 #container { }
 .m_con_visual { display: none; }
 #footer { clear: both; float: none; width: 100%; background: #67696b; }
 #footer:after { content: ""; display: block; clear: both; }
 #footer .max { margin: 0 42px; }
 #footer .foot .bottom_foot { padding: 0 42px; }
 .m_foot { display: none; }
 #footer .foot .bottom_foot .f_menu { }
 .insight_section .desc_section li .type02 .con_box .box img, .insight_section .desc_section .type02 .con_box .box iframe { width: 50%; height: auto; }
 .bx-viewport { height: auto !important; }
 .models_gnb .models_lnb .lnb_list li { float: left; margin: 0 7px; }
 .tech_section #tech_slides .te_slides .tech_list { width: 80%; display: inline-block; margin: auto; }
 .acc_section #acc_slides .ac_slides .acc_list { display: inline-block; margin: auto; }
 .bx-wrapper .bxslider li img { width: 100%; }
 .modview_all { text-align: center; }
 .modview_all p { text-align: left; }
 .map_print { max-width: 960px; width: 100%; }
 .estimate_fnsh .fnsh_view, .ride_fnsh .fnsh_view { width: 48%; margin: 0 1%; padding: 50px 30px 40px; }
 .estimate_fnsh .get_position, .ride_fnsh .get_position { width: 48%; margin: 0 1%; }
 .request_form .form { width: 64%; float: left; }
 .request_form .form .form_list { width: 100%; }

 .request_form .form .form_01 .desc ul { width: 50%; }
 .request_form .form .form_01 .desc .sel_box ul { width: 100% !important; }
 .request_form .form .form_05 .desc .w_name, .request_form .form .form_05 .desc .w_phone, .request_form .form .form_05 .desc .w_email { width: 100%; }
 .request_form .form .form_05 .desc label { width: 20%; }
 .request_form .form .form_05 .desc .input { width: 80%; }
 .request_form .form .form_05 .desc .input div { width: 100%; }
 .request_form .form .form_05 .desc .w_phone .input input[type="text"] { width: 70% !important; }
 .request_form .form .form_05 .desc .input a { width: 100%; }
 .request_form .form .form_05 .desc .w_email #w_email_1 { width: 334px !important; }
 .request_form .form .form_05 .desc .w_email #w_email_2 { clear: both; width: 166px !important; margin-top: 6px; }
 .request_form .form .form_05 .desc .w_email div.sel_box { width: 160px !important; margin-top: 6px; }
 .request_form .view { width: 34%; float: right; }
 .request_form .view .view_box .view_car_img { background-size: 100%; background-position: 0 0; }

 .dealer_network .sel_box { width: auto !important; display: inline-block; margin: auto; }
 .dealer_network .sel_box .first { clear: both; border-right: 0; padding-right: 0; float: none; margin-bottom: 20px; }
 .dealer_network .sel_box .second { float: none; }
 }

@media (min-width:500px) and (max-width:715px) {
	.visual .bnr_visual img{width: auto !important; height: 100%;}
}

@media (max-width: 500px) {
	#header {height:50px;}
	#header .m_gnb { display:block; }
	#header .gnb { display:none; }
	.sub_container {padding-top:0px !important;}
	.sub_lnb{top:0px;}
	.sub_lnb .lnb_depth02 .lnb_list{top:0px !important;}
	.mobile_hide {display:none !important;}
	.box_db {padding:10px !important;}
	.sub_container .sub_contents .sub .contents{padding:0px 0px 10px 0px !important;}
	.sub_container .sub_contents .sub .contents .box{padding:10px 8px !important;}
	.sub_container .sub_contents{padding-bottom:10px!important;margin-top:0px;top:0px;}
	.privacy .desc .section p.check label{margin-left:5px;}
	.service_info .service_con{padding:20px 18px !important}
	.con_type01 .sub_img{width:400px !important;}
	.con_type01 .txt_box{padding:0px !important;}
	.con_type01 .half_p{font-size:15px;}
	.con_type01 .half_p1{margin-top:0px!important;}
	.con_type01 .half_p> img{width:20px!important; }

	.dealer_network .site .desc_site .info_site{padding:8px;}
	.dealer_network .site .desc_site .info_site .more_info02 table th{line-height:1;padding:5px 0;font-size:15px;}
	.dealer_network .site .desc_site .info_site .more_info02 table td{line-height:1;padding:5px 0;font-size:15px;}
	.m_map_site {display:block; background-image: url(../../images/company_map.png) ; background-position:45% 90%;background-repeat:no-repeat;height:300px;}
	.dealer_network .site .desc_site .info_site .more_info02{padding-top:0px;}

	.privacy .desc .section .box{border:0px;}
	.gnb { display: none; }
	.mobile-dropped { display: block; }
	.mobile-dropped { top:0; height: 53px;}
	.mobile-dropped {position: relative; z-index: 9999;}
    .header-area{height: 70px; border-bottom : solid 1px #dadce0; position: relative; z-index: 9999; background-color : #fff;}
	.header-area .gnb-container {display: block;  position: absolute; top : 63px; left : 0; margin :0; padding : 0; background-color : #fff; width : 100%; border-bottom : solid 1px #e1e1e1; transition : 0.3s ease-out; opacity: 0; visibility: hidden; z-index: 1;}
    .header-area .gnb-container ul{display : flex;flex-wrap : wrap; padding : 5px 0; border-top:1px solid;}
    .header-area .gnb-container ul li{width:100%}
    .header-area .gnb-container ul li div{width : 100%; margin : 0; padding : 0 18px; border-bottom : solid 1px #f5f5f5;}
    .header-area .gnb-container ul li div:first-child{background-image: url(../../images/icon/m_arr_bot.png) ; background-position:95% center;background-repeat:no-repeat; background-size:15px 9px; width : 100%; margin : 0; padding : 0 18px; }
    .header-area .gnb-container ul li div a {color :#000;display : inline-block;font-weight: 500; position: relative;font-size : 15px; padding : 18px; width : 100%; display: flex; justify-content: left; margin : 0;}
	.header-area .gnb-container ul li div.drop-down-menu a {color :#666; font-weight: 500; position: relative;font-size : 15px; padding : 15px; border-bottom : dotted  1px #e1e1e1; width : 90%; justify-content: left; margin-left : 20px;}
	.header-area .gnb-container ul li div.drop-down-menu {background-color : #c8c8c8;}
	.header-area .gnb-container ul>li:first-child>a{margin-left : 0;}
    .header-area .gnb-container ul>li>div>a:after{content:'';position:absolute;width: 6px;height: 6px;border-radius: 50%;right:-8px;top:-1px; transition : 0.1s ease-out; opacity: 0; visibility: hidden;}
    .header-area .gnb-container ul>li>div.active>a{color:#1955e9; position:relative;}
    .header-area .gnb-container ul li:last-child a {border-bottom : none;}

    .header-area .support-container{position: absolute;top: 16px;right : 50px;z-index: 2;}
    .header-area .support-container>ul{display : flex;}
    .header-area .support-container>ul>li{margin: 0 0 0 21px;position : relative;}
    .header-area .support-container>ul>li:first-child{margin-left : 0;}
    .header-area .support-container>ul>li:last-child{margin: 1px 0 0 18px;}
    .header-area .support-container>ul>li>a{display : inline-block;font-size: 16px;margin : 10px 0;}
    .header-area .support-container>ul>li:not(:last-child):hover a {text-decoration: underline;}
    .header-area .support-container>ul>li>.dropdown-box{background-color : #fff;position : absolute;min-width: 140px;border : solid 1px #ebeef1;border-radius: 5px;top : 36px;left: 50%;transform:translateX(-50%); visibility: hidden;opacity: 0;box-shadow: 0 6px 15px 0 rgb(173 173 173 / 35%);}
    .header-area .support-container>ul>li:hover>.dropdown-box{visibility: visible; opacity: 1; z-index: 99999;}
    .header-area .support-container>ul>li>.dropdown-box>ul{padding: 13px 0 6px 0;margin: 0 0 6px 0;}
    .header-area .support-container>ul>li>.dropdown-box>ul>li:hover{background-color : #edf0f2;}
    .header-area .support-container>ul>li>.dropdown-box>ul>li>a{font-size : 14px; color : #444; display : block; padding : 8px 0 8px 15px;}
    .header-area .support-container>ul>li>.dropdown-box .contact-tel{font-size : 14px;color : #000;margin : 0 0 9px 0;padding : 0 0 0 16px;font-weight: 500;}
    .header-area .support-container>ul>li>.dropdown-box .contact-tel:last-child{margin : 0 0 17px 0;}
    .header-area .support-container>ul>li>.dropdown-box .contact-tel>span{color : #444; margin : 0 6px 0 0; display : inline-block; font-weight: normal;}
    .header-area .support-container>ul>li.active>a {color:#1955e9;}
    .header-area .support-container>ul>li>a.goto-last {color:#ffffff;margin : 0px 0;padding: 10px 15px 9px;font-size: 15px;background-color : #3478de;border-radius: 5px;}
    .header-area .hamburger-btn{display: none;}
	.header-area{height: auto; position: fixed; width : 100%; transform : translateZ(0); overflow: hidden;}

	.header-area .hamburger-btn{display: block; width: 25px;position: absolute; cursor: pointer; right : 20px; top : 50%; transform : translateY(-50%); overflow: hidden; z-index: 3;}
	.header-area .hamburger-btn span {display: block; width : 100%; height: 2px; background-color : #000; margin : 5px 0; transition : 0.25s ease-out; opacity: 1; visibility: visible; border-radius: 1px;}
	.header-area .hamburger-btn.active span:nth-child(1){transform : translateY(7px) rotate(-45deg);}
	.header-area .hamburger-btn.active span:nth-child(2){opacity: 0; visibility: hidden; transform : scale(0);}
	.header-area .hamburger-btn.active span:nth-child(3){transform : translateY(-7px) rotate(45deg);}

	.header-area .support-container{position: absolute; width : 100%; top : 250px; left : 0; right : 0; transition : 0.3s ease-out; z-index: 2;}
	.header-area .support-container>ul>li{width : 50%; margin : 0; padding : 0 10px; opacity: 0; visibility: hidden; transition : 0.3s ease-out; background-color : #fff; border-bottom : solid 1px #e1e1e1;}
	.header-area .support-container>ul>li.question{position: fixed; top : 22px; right : 70px; margin : 0; opacity: 1; visibility: visible; width : auto; padding : 0; border-bottom : none;}
	.header-area .support-container>ul>li>a.goto-question{opacity: 1; padding : 0; border : none; width: auto;}
	.header-area .support-container>ul>li.login{position: fixed; top : 23px; right : 70px; margin : 0; opacity: 1; visibility: visible; width : auto; padding : 0; border-bottom : none;}
	.header-area .support-container>ul>li>a.goto-login{opacity: 1; padding : 0; border : none; width: auto;}
	.header-area .support-container>ul>li.login-info{position: fixed; top : 22px; right : 115px; margin : 0; opacity: 1; visibility: visible; width : auto; padding : 0; border-bottom : none;}
	.header-area .support-container>ul>li>.login-info-box>span{display: none;}
	.header-area .support-container>ul>li:last-child{margin : 0;}
	.header-area .support-container>ul>li>a{font-size : 15px; color : #fff; padding : 15px 0; width : 100%; height : 100%; display: flex; align-items: center; justify-content: center; margin : 0; opacity: 0; border-bottom : solid 1px #f5f5f5;}
	.header-area .support-container>ul>li>a.goto-last{background-color : transparent; color : #000; font-size : 15px;}
	.header-area .support-container>ul>li:first-child>a {margin : 0; text-decoration: none;}
	.header-area.mobile-dropped{overflow : visible;}
	.header-area.mobile-dropped .gnb-container {opacity: 1; visibility: visible;}
	.header-area.mobile-dropped .support-container>ul>li {opacity: 1; visibility: visible;}
	.header-area.mobile-dropped .support-container>ul>li>a{opacity: 1;}
    .header-area .logo-container a{display : block;}
    .header-area .logo-container a svg{width: 217px;}
	.header-area .logo-container{margin :0 0 0 10px; padding : 10px 0; position: relative; top : 0; left : 0; z-index: 3; width : 50%; background-color : #fff; height: 100%;}
	.header-area .logo-container a img{width : auto; height: 33px;}
	.header-area .hamburger-btn{width: 40px;padding: 10px;right: 5px;}
	.header-area .hamburger-btn span{margin : 4px 0;}
	.header-area .hamburger-btn.active span:nth-child(1){transform : translateY(6px) rotate(-45deg);}
	.header-area .hamburger-btn.active span:nth-child(3){transform : translateY(-6px) rotate(45deg);}

	.header-area .support-container>ul>li{width : 100%; padding : 5px 0;background-color:#848486; border-left: 1px solid #fff;}
	.header-area .support-container>ul>li.login{top : 18px; right : 60px;}
	.header-area .support-container>ul>li.question{top : 18px; right : 60px;}
	.header-area .support-container>ul>li.login-info{top : 18px; right : 115px;}
	.header-area .support-container>ul>li>a{border-bottom : none;}
	.header-area .support-container>ul>li:last-child>a{border-bottom : none;}
	.header-area .support-container>ul>li>a.goto-last{font-size : 15px; padding : 15px 0;}
	.header-area .support-container>ul>li>.dropdown-box{display: none;}
	.header-area.mobile-dropped .gnb-container{top : 53px;}
	.header-area.mobile-dropped .support-container{top : 270px;}

	.visual .bnr_visual img{width: auto !important; height: 100%;}
	.visual .bnr_visual .w_visual{overflow: hidden; position: relative; width: 600px;height: 702px;}
	.visual .bnr_visual .w_visual .w_visual_img1{position: absolute;top: 0px;width: 100%;height: 100%;z-index: 0;backface-visibility: hidden;display: block;background-image: url(/images/main_img_2.png);background-repeat: no-repeat;background-size:500px;}
	.visual .bnr_visual .w_visual .w_visual_img1 .visualtit1{width: 500px;height: 100px;color: white;font-size: 24px;position: absolute;top:100px; left: 80px;}
	.visual .bnr_visual .w_visual .w_visual_img1 .visualtit2{width: 500px;height: 100px;color: white;font-size: 24px;position: absolute;top:150px; left: 80px;}

	.visual .bnr_visual .w_visual .w_visual_img2{display:block;position: absolute;top: 280px;width: 100%;height: 100%;z-index: 0;backface-visibility: hidden;display: block;}
	.visual .bnr_visual .w_visual .w_visual_img2 .visualtit1{width: 500px;height: 100px;color: #C1FFFE;font-size: 24px;position: absolute;top:340px; left: 230px;}
	.visual .bnr_visual .w_visual .w_visual_img2 .visualtit2{width: 500px;height: 100px;color: #C1FFFE;font-size: 24px;position: absolute;top:370px; left: 230px;}

	.default_layer .pop_box{width:400px;}
	.sub_container .sub_contents .sub{padding-left:5px;padding-right:5px;}
	.request_form .form .form_list .desc{padding:0px}
	.ride_form .request_form .form .form_01 .desc ul.posionchg{float:initial;}
	.ride_form .request_form .form .form_01 .desc ul.posionchg1{float:right;margin-top:-180px;}
	.ride_form .request_form .form .form_01 .desc ul li.model img{width:120px;}
	.ride_form .request_form .form .form_01 .desc ul li.model1 img{width:140px;}
	.ride_form .request_form .form .form_01 .desc ul li.name{margin-top:10px;}
	.ride_form .request_form .form .form_01 .desc ul li.name1{margin-top:30px;}

	.request_form .form .form_05 .desc {padding:5px;}
	.request_form .form .form_05 .desc #companyNm { width: 99%; }
	.request_form .form .form_05 .desc #companyAddress { width: 99%; margin-left:0px;}
	.request_form .form .form_05 .desc #companyAddressDetail { width: 99% }
	.request_form .form .form_05 .desc #companyHomepageUrl{ width: 99% }
	.request_form .form .form_list .desc .input textarea{width: 99% }
}

@media (max-width: 350px){
 .paging_num table { width: 100% !important; }
}

@media print {
 .map_print { width: 960px; background: #fff; padding: 40px; }
 .map_print .desc_site { width: 100%; }
 .map_print .desc_site .tit_site { font-size: 28px; color: #242424; font-family: nanumbarungothicbold; }
 .map_print .desc_site .tit_site span { font-size: 14px; font-family: nanumbarungothic; }
 .map_print .desc_site .map_site { height: 466px; margin-top: 40px; border: 1px solid #dddddd; }
 .map_print .desc_site .pop_map_site { height: 466px; margin-top: 40px; border: 1px solid #dddddd; }
 .map_print .desc_site .info_site { }
 .map_print .desc_site .info_site { clear: both; width: 100%; margin-top: 40px; }
 .map_print .desc_site .info_site .more_info01 { width: 100%; color: #242424; padding-bottom: 22px; line-height: 1; position: relative; }
 .map_print .desc_site .info_site .more_info01 .address2 { display: inline-block; height: 22px; font-size: 20px; font-family: nanumbarungothicbold; padding-right: 20px; }
 .map_print .desc_site .info_site .more_info01 .address2 span { margin-left: 15px; line-height: 1.3; }
 .map_print .desc_site .info_site .more_info01 .call2 { display: inline-block; height: 22px; margin-left: 20px; }
 .map_print .desc_site .info_site .more_info01 .call2 img { margin-top: -4px; display: inline-block; }
 .map_print .desc_site .info_site .more_info01 .call2 a { color: #242424; margin-left: 18px; font-size: 20px; font-family: nanumbarungothicbold; display: inline-block; }
 .map_print .desc_site .info_site .more_info01 .address { display: inline-block; height: 22px; font-size: 20px; font-family: nanumbarungothicbold; padding-right: 20px; border-right: 1px solid #242424; }
 .map_print .desc_site .info_site .more_info01 .address img { margin-top: -2px; }
 .map_print .desc_site .info_site .more_info01 .address span { margin-left: 15px; line-height: 1.3; }
 .map_print .desc_site .info_site .more_info01 .call { display: inline-block; height: 22px; margin-left: 20px; }
 .map_print .desc_site .info_site .more_info01 .call img { margin-top: -4px; }
 .map_print .desc_site .info_site .more_info01 .call a { color: #242424; margin-left: 18px; font-size: 20px; font-family: nanumbarungothicbold; }
 .map_print .desc_site .info_site .more_info02 { width: 100%; }
 .map_print .desc_site .info_site .more_info02 table { width: 100%; text-align: left; font-size: 12px; }
 .map_print .desc_site .info_site .more_info02 table th { vertical-align: top; padding: 5px 0; line-height: 1.4; color: #666666; }
 .map_print .desc_site .info_site .more_info02 table th span { display: inline; color: #101010; font-family: nanumbarungothicbold; margin-left: 8px; }
 .map_print .desc_site .info_site .more_info02 table td { padding: 5px 10px 5px 0; line-height: 1.4; vertical-align: top; }
 .map_print .desc_site .info_site .more_info02 table td, .map_print .desc_site .info_site .more_info02 table td a { font-family: nanumbarungothiclight; color: #101010; }
 .map_print .desc_site .info_site .more_info02 table td.homepage { padding-top: 24px; }
 .map_print .desc_site .info_site .more_info02 table td.homepage a { background: url(../../img/sub/common/icon/link_home.png) no-repeat; text-indent: 30px; color: #384e7f; }
 .map_print .btn { clear: both; width: 100%; margin-top: 35px; padding-top: 20px; border-top: 1px dotted #cccccc; text-align: center; }
 .map_print .btn div { height: 48px; display: inline-block; margin: auto; }
 .map_print .btn a { display: block; width: 165px; height: 48px; text-align: center; line-height: 3.3; color: #fff; font-size: 16px; float: left; cursor: pointer; }
 .map_print .btn .close { width: 165px; height: 48px; background: #15254c; margin-right: 12px; text-indent: inherit; margin-left: 12px; }
 .map_print .btn .this_print { background: #f20000; }
 .map_print .btn { display: none; }
 a { text-decoration: none; }

.b_contact .box_db{padding: 0;}
.b_contact .box_db .map{width: 100%; padding: 0;}
.b_contact .box_db .box.tit{height: 108px}
.b_contact .box_db .box{padding: 40px 60px;}
.b_contact .box_db .box table caption{display: none;}
.b_contact .box_db .box .tit_red{font-size: 28px; font-weight: bold; color: #FED964;}
.b_contact .box_db .box .print_map{display: none;}
.b_contact .box_db .box .icon_lct{display: inline-block; margin: 0 10px 5px;}
.b_contact .box_db .box .tit{font-size: 20px; font-weight: bold; color: #242424;}
.b_contact .box_db .box .box_2{overflow: hidden; margin-top: 30px; padding-top: 25px; border-top: 1px solid #dbdbdb;}
.b_contact .box_db .box .box_2 table.tbl_1{width: 100%; float: left;}
.b_contact .box_db .box .box_2 table.tbl_2{width: 100%; float: left;}
.b_contact .box_db .box .box_2 table th{text-align: left; font-size: 16px; font-weight: bold; color: #333;}
.b_contact .box_db .box .box_2 table td{padding: 10px 0; line-height: 1.5; font-size: 14px; color: #333;}
.b_contact .box_db .box .box_2 table td .blue{font-size: 18px; font-weight: bold; color: #384e7f;}
.b_contact .box_db .box .box_2 table td .sec_txt{display: inline-block; text-indent: 15px;}
.b_contact .box_db .box .box_2 table .block{font-size: 10px !important; margin-right: 5px;}

}