@charset "utf-8";

body, html {height:100%}

.wrap {width:100%;min-height:100%;}


/* header */
.header {width:100%;}
.top_wrap {width:100%;height:39px;border-bottom:1px solid #e9e9ea;}
.top_wrap .top_mn {position:relative; max-width:1260px; margin:0 auto;text-align:right;}
.top_wrap .top_mn .top_mn_lst {position:absolute; right:30px;top:0; overflow:hidden;}
.top_wrap .top_mn .top_mn_lst li {float:left;height:39px;line-height:39px; border-right:1px solid #ddd;}
.top_wrap .top_mn .top_mn_lst li:first-child {border-left:1px solid #ddd;}
.top_wrap .top_mn .top_mn_lst li:hover {background-color:#f5f5f5;}
.top_wrap .top_mn .top_mn_lst li span {display:block;}
.top_wrap .top_mn .top_mn_lst li .home {width:48px;height:39px;font-size:0;background:url(../images/i_home.png) no-repeat center center;}
.top_wrap .top_mn .top_mn_lst li .catalog {padding:0 20px;font-family:arial;font-size:13px;}
.top_wrap .top_mn .top_mn_lst li .sel_box {width:75px; box-sizing:border-box; padding-left:15px; text-align:left;font-family:arial;font-size:13px; border:0; height:39px; line-height:39px;}
.sel_box {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/i_down.png) no-repeat 80% center;}
.sel_box::-ms-expand {display:none;}

/* 네비메뉴 */
.nav_wrap {width:100%;}
.nav_wrap .nav_in {position:relative; max-width:1260px; height:70px; margin:0 auto;}
.nav_wrap .nav_in h1 {position:absolute; left:30px;top:11px; width:206px; height:48px; background:url(../images/top_logo.png) no-repeat 0 0;text-indent: -9999999px; z-index:10;}
.nav_wrap .nav_in h1 a {display:block; width:100%;height:100%;}
.nav_wrap .nav_in .nav_mn {}
.nav_mn .nav_lst {position:absolute; right:96px; top:5px;}
.nav_lst li {float:left;position:relative;	}
.nav_lst li a {display:block; padding:0 24px; line-height:65px;font-family:'NanumSquareB';font-size:18px; color:#000;}
.nav_lst li a:hover {color:#66b246;}

.nav_wrap .nav_in .m_mn_open {display:none;}
.nav_wrap .nav_in .m_top_earth {display:none;}
.flexslider{display:none;}

/* 모바일 메뉴 */
.mob_menu {position:absolute; width:300px; min-height:100%; box-shadow: 0 0 30px #000; display: none;background: #fff;  z-index:100;}
.mob_menu .mob_mn_tit {width:100%; height:50px; background-color:#1360a2; padding:13px 0 0 20px; box-sizing:border-box;}
.mob_menu .mob_mn_tit .mbo_mn_logo {height:24px;}
.mob_menu .mob_mn_tit .mob_mn_close {display:block; position:absolute; top:0; right:0; width:60px; height:50px;background:url(../images/m_mn_close.png) no-repeat center center; background-size:18px;text-indent:-999999px;}

.mob_mn_wrap {width:100%;}
.mob_mn_wrap .mob_mn_lst {}
.mob_mn_wrap .mob_mn_lst li {position:relative;border-bottom:1px solid #c1cace;}
.mob_mn_wrap .mob_mn_lst li .plus {background:url(../images/i_plus.png) no-repeat 92% center; background-size:18px;}
.mob_mn_wrap .mob_mn_lst li .minus {background:url(../images/i_minus.png) no-repeat 92% center; background-size:18px;}
.mob_mn_wrap .mob_mn_lst li a {display:block; font-family:'NanumSquareB'; font-size:16px; color:#333; padding-left:20px; line-height:40px;}

.mob_mn_wrap .mob_mn_lst .mob_submn {display:relative; width:100%; background-color:#f4f4f4;}
.mob_mn_wrap .mob_mn_lst .mob_submn .mob_submn_lst {border-top:1px solid #c1cace;}
.mob_mn_wrap .mob_mn_lst .mob_submn .mob_submn_lst li {border-bottom:1px solid #ddd;}
.mob_mn_wrap .mob_mn_lst .mob_submn .mob_submn_lst li:last-child {border-bottom:0;}
.mob_mn_wrap .mob_mn_lst .mob_submn .mob_submn_lst li a {display:block; font-family:'NanumSquareR'; color:#666; font-size:14px; padding-left:30px; line-height:40px;}
.mob_mn_wrap .mob_mn_lst .mob_submn .mob_submn_lst li a:active {color:#000;}


/* 메인 비주얼 */
.mvs_wrap {width:100%;}
.mvs_wrap .mvs {position:relative; max-width:1640px; margin:0 auto;}
.mvs_wrap .mvs .mvs_img {width:100%;}
.mvs_wrap .mvs .mvs_img .slide {width:100%;}
.mvs_wrap .mvs .mvs_img .slide .pc_img {display:block;}
.mvs_wrap .mvs .mvs_img .slide .pc_img img {width:100%;}
.mvs_wrap .mvs .mvs_img .slide .mobile_img {display:none;}

.mvs_wrap .mvs .mvs_btn {display:inline-block; width:65px; height:65px; font-size:0; line-height:0; }
.mvs_wrap .mvs .mvs_prev {position:absolute; left:0; top:45%; background:url(../images/i_prev.png) no-repeat 0 0;}
.mvs_wrap .mvs .mvs_next {position:absolute; right:0; top:45%; background:url(../images/i_next.png) no-repeat 0 0;}

.mvs_wrap .mvs_paging {display:none;}


/* 메인 컨텐츠 */
.m_container {width:100%; padding:44px 0;}
.main_content {max-width:1260px;margin:0 auto; box-sizing:border-box;overflow:hidden;padding:0 30px;}
.main_content div {box-sizing:border-box;}
.main_content .automobile {width:50%;height:444px;float:left;border:1px solid #ddd;border-bottom:0;background:url(../images/m_cont_01.jpg) no-repeat center center;background-size:100%;}
.main_content .automobile a {display:block;width:100%; height:100%; box-sizing:border-box;}
.main_content .m_board_wrap {position:relative;width:50%;float:right;}

.main_content .m_board {position:relative;float:left;width:50%;height:222px;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.main_content .m_board a, .main_content .m_catalog a {display:block; padding:30px; width:100%; height:100%; box-sizing:border-box;}
.main_content .m_board h2, .main_content .m_catalog h2 {font-family:'NanumSquareB';font-size:24px; color:#000; padding-top:10px;}
.main_content .m_board .sub_tit, .main_content .m_catalog .sub_tit {display:block; font-size:18px; color:#666; padding-top:25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_content .m_board .date {display:block; font-size:14px; color:#b2b2b2; padding-top:25px;}
.main_content .m_board .more {display:inline-block;width:34px; height:34px; position:absolute; bottom:18px;left:30px; background:url(../images/i_more.png) no-repeat center center; font-size:0;}

.main_content .m_video {width:50%;float:left;height:222px;background:url(../images/m_cont_02.jpg) no-repeat center center;background-size:100%;cursor:pointer}
.main_content .m_video2 {width:50%;float:left;height:222px;background:url(../images/m_cont_02_2.jpg) no-repeat center center;background-size:100%;cursor:pointer}

.main_content .m_catalog {position:relative;width:50%;float:left;height:222px;background:url(../images/m_catalog.png) no-repeat 96% 100% #f0f0f0; border-top:1px solid #ddd !important;border-right:1px solid #ddd;}
.main_content .m_catalog .more {display:inline-block;width:34px; height:34px; position:absolute; bottom:18px;left:30px; background:url(../images/i_more.png) no-repeat center center; font-size:0;}

.main_content .m_cata_wrap {position:relative;width:50%;float:right;}
.main_content .m_cata_wrap .m_board {border-top:0;}
.main_content .m_cs_wrap {float:left; width:50%;}
.main_content .m_cs_wrap .m_board {height:274px;border-bottom:1px solid #ddd;}
.main_content .m_cs_wrap .customer { padding:30px; border-left:1px solid #ddd;background-color:#f0f0f0;}
.main_content .m_cs_wrap .customer .cs_tel {display:block; padding-top:20px; font-size:30px; color:#112d5d;}
.main_content .m_cs_wrap .customer .cs_sub_tit {display:block; padding-top:10px; font-size:18px; color:#666;}

.main_content .m_cs_wrap .customer .cs_toggle_wrap {position:relative; padding-top:35px; }
.cs_toggle {width:100%;overflow:hidden;}
.cs_toggle li {width:50%; height:46px; float:left;border:1px solid #ddd;background-color:#fff; box-sizing:border-box;}
.cs_toggle li:nth-child(2n) {border-left:0;}
.main_content .m_cs_wrap .customer .cs_toggle_wrap .cs_toggle li a {display:block;padding:0 0 0 30%;height:44px;line-height:44px; font-size:18px; letter-spacing:-1px;}
.cs_toggle .cs_ask {background:url(../images/i_adm.png) no-repeat 10% center;}
.cs_toggle .cs_map {background:url(../images/i_map.png) no-repeat 12% center;}


.main_content .m_cs_wrap .m_board a {padding:30px;}
.main_content .m_cs_wrap .intro_txt {display:block; padding-top:18px;font-size:14px; color:#666;}
.main_content .m_cs_wrap .pd_line_intro {position:relative; padding-top:18px;}
.intro_mn {width:100%; border-top:1px solid #ddd; font-size:14px; color:#666; text-align:center;}
.intro_mn td {height:44px; border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff; vertical-align:middle;}
.intro_mn td:first-child {border-left:1px solid #ddd;}
.intro_mn td a{padding:15px 0 !important; vertical-align:middle;font-size:14px}

.main_content .global {width:50%;height:274px;float:left;border:0;background:url(../images/m_cont_03.jpg) no-repeat 0 100%;  background-size:100%; border-right:0;}
.main_content .global a {display:block; width:100%; height:100%; text-indent:-999999px;}

.clear {clear:both;}

.mobile{display:none;}

/* footer */
.footer {background-color:#37393c;}
.footer .inner_foot {position:relative;max-width:1260px; margin:0 auto;padding:30px 0 30px 258px;box-sizing:border-box;background:url(../images/bot_logo.png) no-repeat 30px center;}
.footer .inner_foot .addr, .footer .inner_foot .copy {color:#c9c9c9;line-height:18px;}
.footer .inner_foot .copy {font-family:arial;}
.footer .inner_foot .bot_flag {position:absolute; right:30px; top:32px;}
.footer .inner_foot .bot_flag span {display:inline-block;vertical-align:middle;}





@media all and (max-width:1199px){
	.main_content {width:100%;margin:0 auto;}
	.main_content .m_board_wrap {width:100%;}
	.main_content .m_board_wrap .notice {border-left:1px solid #ddd;}
	.main_content .automobile {width:100%;height:100%;}
	.main_content .m_cata_wrap {width:100%;}
	.main_content .m_cs_wrap {width:100%;}
	.main_content .global {width:100%;}
}




/* mobile and Tablet */
@media all and (max-width:999px){
.labels, .dialog{display:none;}
	.top_wrap {display:none;}
	.nav_mn {display:none;}
	.flexslider{display:block;}
	.nav_wrap .nav_in {width:100%; height:50px; }
	.nav_wrap .nav_in h1 {position:relative; top:0; left:0; height:50px; width:200px; margin:0 auto; background:url(../images/m_top_logo.png) no-repeat center center; background-size:auto 25px; text-indent: -9999999px;}
	.nav_wrap .nav_in .m_mn_open {display:inline-block;position:absolute; top:0; left:0; width:50px; height:50px; background:url(../images/m_mn_open.png) no-repeat center center; background-size:25px; text-indent: -9999999px;}
	.nav_wrap .nav_in .m_top_earth {display:inline-block;position:absolute; top:0; right:0; width:50px; height:50px; background:url(../images/m_top_earth.png) no-repeat center center; background-size:25px; text-indent: -9999999px;}
	.nav_wrap .nav_in .m_top_earth_select{display:inline-block;position:absolute; top:40px; right:0;z-index: 10;display:none;overflow: hidden;padding:10px }
	.nav_wrap .nav_in .m_top_earth_select a{display: block;height:27px;line-height:27px;background:#000;width:100%;text-align:center;padding:0 10px 0 5px;color:#fff;font-size:12px}

	.mvs_wrap .mvs .mvs_img .slide .pc_img {display:none;}
	.mvs_wrap .mvs .mvs_img .slide .mobile_img {display:block;}
	.mvs_wrap .mvs .mvs_img .slide .mobile_img img {width:100%;}

	.mvs_wrap .mvs .mvs_btn {display:none;}
	.mvs_wrap .mvs .mvs_prev {display:none;}
	.mvs_wrap .mvs .mvs_next {display:none;}

	.mvs_wrap .mvs_paging {display:block; position:absolute; bottom: 12%; width:100%; text-align:center;}
	.mvs_wrap .mvs_paging span {display:inline-block; margin:0 1px; width:10px; height:10px; border-radius:5px; overflow:hidden; font-size:0; line-height:0;}
	.mvs_wrap .mvs_paging span.on {background-color:#1360a2; width:30px;}
	.mvs_wrap .mvs_paging span.off {background-color:#fff;}

	.footer .inner_foot {width:100%; padding:20px 0;background:none; text-align:center;}
	.footer .inner_foot .addr, .footer .inner_foot .copy {font-size:12px; line-height:16px;}
	.footer .inner_foot .addr {display:none;}
	.footer .inner_foot .bot_flag {display:none;}
	.mobile{display:block;}
}



@media all and (max-width:659px){
	.m_container {width:100%; padding:0;}
	.main_content {clear:both;width:100%; padding:0; margin:0 auto;}
	.main_content .m_board {width:100%;height:50px;border:0;border-bottom:1px solid #ddd;}
	.main_content .m_board .more {display:none;}
	.main_content .m_board a {padding:0;}

	.main_content .m_board_wrap .notice {border-left:0; background:url(../images/i_notice.png) no-repeat 5% center; background-size: auto 16px;}
	.main_content .notice h2, .main_content .data_room h2 {float:left; width:32%; font-family:'NanumSquareB';font-size:18px; color:#1360a2; padding:0 0 0 10%; line-height:50px; box-sizing:border-box;}
	.main_content .notice h2 {float:left; width:32%; font-family:'NanumSquareB';font-size:18px; color:#1360a2; padding:0 0 0 10%; line-height:50px; box-sizing:border-box;}
	.main_content .notice .sub_tit, .main_content .data_room .sub_tit {float:left;padding:0;width:40%; font-size:14px;line-height:50px;}
	.main_content .notice .date, .main_content .data_room .date {position:absolute;right:5%;top:0;padding:0; line-height:50px;}
	.main_content .m_board_wrap .data_room {border-left:0; background:url(../images/i_download.png) no-repeat 3.5% center; background-size: auto 16px;}

	.main_content .automobile {border:0; height:100%;}
	.main_content .m_video {width:100%;}
	.main_content .m_video2 {width:100%;}
	.main_content .m_catalog {width:100%; border-right:0;border-bottom:1px solid #ddd;}

	.main_content .m_cs_wrap .customer {border-left:0;}

	.main_content .global {width:100%;background-size:auto 100%;}
}



/* iphone 320 dpi */
@media all and (max-width:330px){
	.main_content .notice h2, .main_content .data_room h2 {font-size:16px;}
	.main_content .notice .sub_tit, .main_content .data_room .sub_tit {font-size:12px;}
	.main_content .notice .date, .main_content .data_room .date {font-size:12px;}

	.main_content .automobile {border:0; height:100%;}


	.footer .inner_foot .copy {font-size:11px; line-height:14px;}
}


/*네비게이션 메뉴 추가하기*/
.cssmenu {
    position: absolute;
    left:0px;
    z-index:10;
	background-color: rgba(255, 255, 255, 0.95);
	padding:10px 0;
    display: none;
}

.cssmenu .cssmenu_li {
    height: 30px;
    width:120px;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
}

.cssmenu .cssmenu_li .cssmenu_li_a{
	color:#333;
	padding-left:20px;
	font-size:14px;
	display:block;
}
.cssmenu .cssmenu_li .cssmenu_li_a:hover {color:#66b246;}

.cssmenu .cssmenu_li_m2 {
    height: 30px;
    width:185px;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
}

.cssmenu .cssmenu_li_m2 .cssmenu_li_a{
	color:#333;
	padding-left:20px;
	font-size:14px;
	display:block;
}
.cssmenu .cssmenu_li_m2 .cssmenu_li_a:hover {color:#66b246;}

.mvideo_popup{width:80%;height:80%;display:none;}