@charset "utf-8";

/**** Media Query *********************************/
@media (max-width:1900px){

	/*main visual*/
	.mv_sec{max-width:90%;}
	.mainVisualWrap:before, .mainVisualWrap:after{width: 5%;}
}


@media (max-width:1800px){

	/*layout*/
	.w1600{width: 100%;padding: 0 5%;box-sizing:border-box;}


	/* header */
	.header__bottomWrap{height: 55px;}
	.header__bottomWrap nav{margin-left: 5%;}
	.header__bottomWrap nav .gnb > li > a { padding: 0 35px;font-size: 1rem;line-height: 55px}
	.btn_sitemap{line-height: 55px;}

	.header__bottomWrap nav .gnb > li .gnbDepth2{top: 55px;}


}


@media (max-width:1600px){

	/*layout*/
	.w1600{width: 100%;padding: 0 5%;box-sizing:border-box;}

	/* fullpage navi */
	#fp-nav.fp-right {top: 50%;right: 5% !important;}

	/* main visual */
	.mv_sec .mv_slog .t1{font-size: 2.9rem;}

	/* main title */
	.main__title,
	.mns5_wrap .main__title{margin-bottom: 50px;font-size: 2.3rem;}

	/* button top */
	.btn_top, .button--main-top{right:5%;}

	/* header */
	.header__bottomWrap nav .gnb > li .gnbDepth2{padding: 20px;}
	.header__bottomWrap nav .gnb > li .gnbDepth2 ul li a{font-size: 0.9rem;padding-bottom: 10px;}
}




@media (max-width:1400px){


	body{font-size:0.95rem !important;}
	
	/* header */
	.header__bottomWrap nav {margin-left: 5%;}
	.header__bottomWrap nav .gnb > li > a { padding: 0 25px;font-size: 0.95rem;}
	.header__bottomWrap nav .gnb > li .gnbDepth2{padding: 20px 10px;}
	.header__bottomWrap nav .gnb > li .gnbDepth2 ul li a{padding-bottom: 12px;font-size: 0.8rem;}


	/* main visual */
	.mv_sec .mv_slog .t1{font-size: 2.5rem;}
	.mv_sec .mv_slog .t2{margin: 25px 0 45px;font-size: 1rem;}
	.mv_sec .mv_slog .mainVisual__more{width: 170px;font-size: 1rem;line-height: 50px;}



	/* nav */
	.site_cnt_wrap .left_menu > ul > li {margin-bottom: 20px;}
	.site_cnt_wrap .left_menu > ul > li > a{    font-size: 1rem;}
	.site_cnt_wrap .right_menu .gnb > li > .gnbDepth2 li > a{margin-bottom: 20px;font-size: 0.9rem;}

	/* main contents */
	.w1200{width: 100%;padding: 0 5%;box-sizing:border-box;}
	.sslnbWrap .w1200{width: 90%;margin:auto;padding: 0;}
	.respon_v.w1200,
	.respon_w.w1200{padding: 0;}


	/* main title */
	.main__title {font-size: 2rem;}


	/* DONGKWANG PRODUCTS */
	.product__contents .product__leftWrap .productBox{height: 480px;padding: 40px 35px;}
	.product__contents .product__rightWrap .productBox{height: 235px;padding: 40px 35px;}
	.product__contents .product__rightWrap .productBox:nth-child(2){margin-top: 10px;}

	.product__contents .productBox em{font-size: 1.65rem;}
	.product__contents .productBox p {margin: 10px 0 15px;line-height: 1.5;}
	.product__contents .productBox button{width: 120px;font-size: 0.9rem;line-height: 37px;}


	/* ABOUT DONGKWANG */
	.about__contents{height: 40vw;}
	.about__contents li{overflow: hidden;height: 40vw;}
	.about__contents li figure img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: auto;height: 100%;}
	.about__contents li .aboutBox{height: 180px;padding-top: 30px;}
	.about__contents li .aboutBox .about__subTitle{font-size: 0.85em;}
	.about__contents li .aboutBox .about__title{margin: 3px 0 15px;font-size: 1.35rem;}
	.about__contents li .aboutBox button{font-size: 0.85rem;}


	/* NEWS & NOTICE */
	.news__contents ul li a{height: 100px;padding: 0 45px 0 35px;}
	.news__contents ul li a span,
	.news__contents ul li a span.news__button--move{line-height: 100px;}
	.news__contents ul li a span.news__date {width: 150px;font-size: 1.45rem;}
	.news__contents ul li a span.news__title{width: calc(100% - 200px);font-size: 0.9rem;}

	.news__button--more{width: 180px;line-height: 48px;font-size: 0.9rem;}
	.news__contents ul li a span.news__button--move button{width: 40px;height: 40px;line-height: 100px;}


	/*	QUICK MENU */
	.quick__topWrap ul li{width: 23.5%;margin-right:2%;padding-left: 0;}
	.quick__topWrap ul li:last-child{margin-right:0;}
	.quick__topWrap ul li figure img{width: 100%;max-width:180px;}
	.quick__topWrap ul li em{margin: 20px 0 0;font-size:1.35rem;}





	/* FOOTER */
	footer{height: 190px;}
	footer .footer_top{padding: 40px 0 15px;}	
	footer .footer_bottom {padding-top: 15px;}

	footer .footer_top ul li,
	footer .footer_bottom .copyright,
	footer .footer_bottom li a{font-size:0.9rem}


}


@media (max-width:1200px){

	body{font-size:0.9rem !important;}


	/* header */
	.header__bottomWrap nav {margin-left: 0;}
	.header__bottomWrap nav .gnb > li > a {padding: 0 21px;font-size: 0.9rem;}
	.header__bottomWrap nav .gnb > li .gnbDepth2 ul li a {padding-bottom: 10px;font-size: 0.75rem;}
	
	/* quick menu */
	.quick__topWrap ul li figure img {max-width: 150px;}


	/* 고객센터 */
	.quick__bottomWrap .quick__cs em{margin-right: 25px;font-size: 1.35rem;}
	.quick__bottomWrap .quick__cs div a{margin-bottom: 0;font-size: 2.2rem;}

	.quick__bottomWrap .quick__questionList ul li em{font-size: 1.1rem;}
}



@media (max-width:1024px){
	
	/* header */
	.header__topWrap{height: 90px;}
	.header__topWrap .header__logo a{width: 200px;height: 90px;}
	.header__topWrap .btn_sitemap{display: none !important;}	
	.header__topWrap .m_btn_sitemap{display: block !important;position: absolute;top: 0;right:5%;line-height: 90px;}	
	.header__topWrap .header__searchWrap{display: none !important;}	
	.header__topRightWrap {float: right;margin: 25px 40px 0 0;}

	.layer_sitemap_top .header__searchWrap{display: block;top: 50%;left: 20px;transform: translate(0, -50%);width: 100%;}

	.header__bottomWrap{display: none;}

	.layer_sitemap_top .header__searchWrap{width: calc(100% - 110px);}

	
	/* main visual */
	.mv_sec .mv_slog .t1{font-size: 2.2rem;}
	.mv_sec .mv_slog .t2{margin: 25px 0 45px;font-size: 0.95rem;}
	.mv_sec .mv_slog .mainVisual__more{width: 160px;font-size: 0.95rem;line-height: 48px;}

	.mv_sec{max-width:100%;}
	.mv_sec .owl-theme .item .img{height: calc(100vh - 70px);top: 70px;}
	.mv_sec .owl-theme .item .video{width: 100%;height: 100vh;}
	.mv_sec .owl-theme .active .item .img video,
	.mv_sec .owl-theme .item .img video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-width: initial; height: 100vh;}
	.mainVisualWrap:before, .mainVisualWrap:after{display: none;}

	/* ABOUT DONGKWANG */
	.about__contents{height: 45vw;}
	.about__contents li{height: 45vw;}
	.about__contents li .aboutBox{height: 160px;padding-top: 25px;}
	.about__contents li .aboutBox .about__subTitle{font-size: 0.8em;}
	.about__contents li .aboutBox .about__title{margin: 0px 0 15px;font-size: 1.25rem;}


	/*	QUICK MENU */
	.quick__topWrap ul li em{margin: 20px 0 0;font-size:1.25rem;}


	/* 고객센터 */
	.quick__bottomWrap .quick__questionList ul li{width: 180px;}
	.quick__bottomWrap .quick__cs em {margin-right: 20px;font-size: 1.15rem;}
	.quick__bottomWrap .quick__cs div a { margin-bottom: 0; font-size: 2rem;}
	.quick__bottomWrap .quick__questionList ul li em {font-size: 1rem;}


	/* fullpage nav */
	#fp-nav ul li { width: 4px; height: 4px; margin: 0 0 23px 0;}
	#fp-nav ul li a:after{top: -7px;left: -6.5px;width: 18px;height: 18px;}
}



@media (max-width:800px){


	body{font-size:0.8rem  !important;}
	
	/* header */
	.header__topWrap{height: 70px;}
	.header__topWrap .header__logo a{width: 175px;height: 70px;}
	.header__topWrap .m_btn_sitemap{line-height: 70px;}

	.header__topRightWrap {margin: 17px 40px 0 0;}

	.layer_sitemap_top .header__searchWrap{width: calc(100% - 80px);}



	.mv_sec .mv_slog{top:40%;padding: 0 10%;box-sizing: border-box;}
	.mv_sec .mv_slog .t1{font-size: 1.8rem;}
	.mv_sec .mv_slog .t2{margin: 25px 0 45px;font-size: 0.9rem;}
	.mv_sec .mv_slog .mainVisual__more{width: 140px;font-size: 0.9rem;line-height: 45px;}

	.icon--scroll{display: none;}



		
	/* siteMap */
	.layer_sitemap{max-width: 380px;}
	.site_cnt_wrap .left_menu > ul > li {margin-bottom: 15px;}
	.site_cnt_wrap .left_menu > ul > li > a,
	.site_cnt_wrap .left_menu > ul > li > a{font-size: 0.8rem;line-height: 1.3;}




	.site_cnt_wrap .left_menu > ul > li > a{margin-bottom: 15px;font-size: 0.8rem;}
	.site_cnt_wrap .right_menu .gnb > li > .gnbDepth2 li > a{margin-bottom: 15px; padding-right: 0; box-sizing: border-box; font-size: 0.8rem;}

	.site_cnt_wrap .left_menu{padding: 3em 0 5em 1.5em;}

	.layer_sitemap .site_close:before, .layer_sitemap .site_close:after{height: 35px;left: 40px;top: 23px;}



	/* main scroll */
	#fp-nav ul li a:before{display: none !important;}
	#fp-nav.fp-right{top:55%;right: 5% !important;}


	/* main title */
	.main__title,
	.mns5_wrap .main__title{margin-bottom: 4vw;padding-top: 3vw;font-size: 1.65rem;}
	.main__title:after{width: 25px;height: 3px;background-size: cover;}


	/* DONGKWANG PRODUCTS */
	.product__contents .product__leftWrap,
	.product__contents .product__rightWrap{float: none;width: 100%;margin-right: 0;}

	.product__contents .product__leftWrap,
	.product__contents .product__rightWrap .productBox:nth-child(1){margin-bottom: 10px;}

	.product__contents .product__leftWrap .productBox,
	.product__contents .product__rightWrap .productBox,
	.product__contents .product__rightWrap .productBox:nth-child(2){ height: auto;padding: 25px 20px;margin: 0;}

	.product__contents .productBox em {font-size: 1.25rem;}
	.product__contents .productBox p {margin: 7px 0 9px;;font-size: 0.85rem;}
	.product__contents .productBox p br{display: none;}
	.product__contents .productBox button {display: block;width: 120px;font-size: 0.85rem;line-height: 35px;}



	.product__contents .product__leftWrap .productBox{position: relative;background-position: 50% 74%;}
	.product__contents .product__leftWrap .productBox:after{content: '';position: absolute;top:0;left: 0;right: 0;bottom:0;background-color: rgba(255,255,255,0.5);}
	.product__contents .product__rightWrap .productBox{background-position: 50% 50%;}
	.product__contents .product__rightWrap .productBox:nth-child(2){background-position: 80% 60%;}

	.process__title{position: relative;z-index: 1;}



	/* ABOUT DONGKWANG */
	.about__contents{height: auto;border:0;box-shadow:none}
	.about__contents li{width: 49%;margin-right:2%;margin-bottom: 10px;height: 40vw;border-bottom: 4px solid #b3d2ed;box-shadow: 3px 3px 10px rgb(0,0,0,0.1);}
	.about__contents li:nth-child(2n){margin-right: 0;}
	.about__contents li:nth-child(n+3){margin-bottom: 0;}
	.about__contents li .aboutBox{height: 85px;padding-top: 20px;}
	.about__contents li .aboutBox .about__subTitle{font-size: 0.75em;}
	.about__contents li .aboutBox .about__title{margin: 3px 0 10px;font-size: 1.15rem;}
	.about__contents li .aboutBox{bottom: 0;}
	.about__contents li .aboutBox button {display: none;}
	.about__contents li figure img{width: 100%;height: auto;}


	
	/* NEWS & NOTICE */
	.news__contents ul li a{height: 80px;padding: 0 20px;}
	.news__contents ul li a span,
	.news__contents ul li a span.news__button--move{line-height: 80px;}
	.news__contents ul li a span.news__date {width: 110px;font-size: 1.25rem;}
	.news__contents ul li a span.news__title{width: calc(100% - 160px);font-size: 0.8rem;}

	.news__button--more{width: 140px;line-height: 45px;font-size: 0.8rem;}
	.news__contents ul li a span.news__button--move{width: 35px;}
	.news__contents ul li a span.news__button--move button{width: 35px;height: 35px;line-height: 80px;}



	/*	QUICK MENU */
	.quick__topWrap ul li figure img {max-width: 120px;}
	.quick__topWrap ul li em{margin: 15px 0 0;font-size:1.15rem;}


	/* 고객센터 */
	.quick__bottomWrap{height: auto;margin-top:60px;padding: 50px 0;}

	.quick__bottomWrap .quick__cs em {float: none;display: inline-block;}
	.quick__bottomWrap .quick__cs div {float: none;display: inline-block;}

	.quick__bottomWrap .quick__cs { float: none; margin-top: 0; padding-left: 0; text-align: center;}
	.quick__bottomWrap .quick__questionList {float: none;}
	.quick__bottomWrap .quick__questionList ul li{width: 50%;height: auto;padding: 20px 0;}
	.quick__bottomWrap .quick__questionList ul li em{font-size: 1.15rem;}


	
	/* FOOTER */
	footer{height: 150px;}
	footer .footer_top{padding: 20px 0 10px;}	
	footer .footer_bottom {padding-top: 10px;}

	footer .footer_top ul li,
	footer .footer_bottom .copyright,
	footer .footer_bottom li a{font-size:0.8rem}

	footer .footer_top ul li{margin-right:15px;}
	footer .footer_top ul li:before{right:-9px;height: 11px;}
	footer .footer_bottom li{margin-left: 10px;}
	
	footer .footer_bottom .copyright,
	footer .footer_bottom .footer_menu{float: none;}

}



@media (max-width:640px){

	body{font-size:0.75rem !important;}
	
	/* header */
	.header__topWrap{height: 60px;}
	.header__topWrap .header__logo a{width: 130px;height: 60px;}
	.header__topWrap .m_btn_sitemap{line-height: 60px;}

	.header__topRightWrap .header__login ul li{margin-right: 15px;}

	.header__searchWrap {width: calc(90% -  260px);height: 38px;}
	.header__searchWrap .inputText{width: calc(100% - 34px);height: 34px;}
	.header__searchWrap .button--search{width: 34px;height: 34px;}
	.header__searchWrap .inputText input[type=text]{padding: 0 10px;font-size: 0.75rem;}
	.header__searchWrap .inputText input[type=text]::placeholder{font-size:0.75rem;}

	.header__topRightWrap .button--youtube{width: 25px; height: 25px;background-size: 15px;}
	.header__topRightWrap .header__login ul li a{font-size: 0.75em;line-height: 25px;}
	.header__topRightWrap .header__login ul li:first-child:before{right:-8px;width: 1px;height: 10px;}
	.header__topRightWrap .header__login{margin-right: 10px;}



	
	/* 사이트맵 */
	.site_cnt_wrap .left_menu > ul > li > a{margin-bottom: 15px;font-size: 0.75rem;}
	.site_cnt_wrap .right_menu .gnb > li > .gnbDepth2 li > a{margin-bottom: 15px; padding-right: 0; box-sizing: border-box; font-size: 0.75rem}



	/* main visual */
	.mv_sec .owl-theme .item .img{top: 60px;}
	
	.mv_sec .mv_slog .t1{font-size: 1.45rem;}
	.mv_sec .mv_slog .t2{margin: 25px 0 45px;font-size: 0.8rem;line-height: 1.3;}
	.mv_sec .mv_slog .mainVisual__more{width: 110px;font-size: 0.8rem;line-height: 40px;}


	/* main title */
	.main__title,
	.mns5_wrap .main__title{margin-bottom: 6vw;padding-top: 4vw;font-size: 1.25rem;}
	.main__title:after{width: 20px;height: 2px;}


	/* DONGKWANG PRODUCTS */
	.product__contents .product__leftWrap,
	.product__contents .product__rightWrap{float: none;width: 100%;margin-right: 0;}

	.product__contents .product__leftWrap,
	.product__contents .product__rightWrap .productBox:nth-child(1){margin-bottom: 10px;}

	.product__contents .product__leftWrap .productBox,
	.product__contents .product__rightWrap .productBox{ height: auto;max-height: 170px;padding: 25px 20px;margin: 0;}

	.product__contents .productBox em {font-size: 1rem;}
	.product__contents .productBox p {margin: 5px 0 13px;font-size: 0.75rem;line-height: 1.3;}
	.product__contents .productBox button {width: 100px;font-size: 0.75rem;line-height: 32px;}

	.product__contents .product__leftWrap .productBox{background-position: 50% 74%;}
	.product__contents .product__rightWrap .productBox{background-position: 50% 50%;}

	.btn_top, .button--main-top{width: 40px;height: 40px;font-size: 0.75rem;line-height: 40px;}
	.product__contents .productBox p{max-width: 60%;}

	.product__contents .product__rightWrap .productBox:nth-child(2) {background-position: 45% 60%;}


	/* ABOUT DONGKWANG */
	.about__contents li{height: 45vw;}
	.about__contents li .aboutBox{height: 75px;padding-top: 17px;}
	.about__contents li .aboutBox .about__title{margin: 2px 0 6px;font-size: 1rem;}


		
	/* NEWS & NOTICE */
	.news__contents ul li a{padding: 0 20px 0 15px;}
	.news__contents ul li a span.news__date {width: 85px;font-size: 0.95rem;}
	.news__contents ul li a span.news__title{width: calc(100% - 140px);font-size: 0.75rem;}

	.news__button--more{width: 120px;line-height: 40px;font-size: 0.75rem;}
	.news__contents ul li a span.news__button--move{width: 30px;}
	.news__contents ul li a span.news__button--move button{width: 30px;height: 30px;}

	
	/*	QUICK MENU */
	.quick__topWrap ul li{width: 48%;margin-right:4%;margin-bottom: 20px;}
	.quick__topWrap ul li:nth-child(2n){margin-right:0;}
	.quick__topWrap ul li figure img {width: 85%;max-width: 130px;}
	.quick__topWrap ul li em{margin: 15px 0 0;font-size:1rem;}



	/* 고객센터 */
	.quick__bottomWrap .quick__questionList ul li em{font-size: 1rem;}

	.quick__bottomWrap .quick__cs em {margin-right: 25px;font-size: 1.15rem;padding-left: 21px;background-size: 14px;}
	.quick__bottomWrap .quick__cs div a{font-size: 1.65rem;}

	.quick__bottomWrap .quick__questionList{margin-top: 30px;}
	.quick__bottomWrap .quick__questionList ul li{padding: 10px 0;}
	.quick__topWrap ul li figure, .quick__bottomWrap .quick__questionList ul li figure{height: 45px;margin:auto}
	.quick__topWrap ul li figure, .quick__bottomWrap .quick__questionList ul li figure img{width: auto;height: 100%;}
	.quick__bottomWrap .quick__questionList ul li em:after{top: 7px;right: -17px;width: 5px;background-size: contain;}

		
	/* FOOTER */
	footer{height: auto;padding: 20px 0;}
	footer .footer_top{padding: 0 0 10px;}	
	footer .footer_bottom {padding-top: 10px;}

	footer .footer_top ul li,
	footer .footer_bottom .copyright,
	footer .footer_bottom li a{font-size:0.8rem}

	footer .footer_top ul li{margin-right:15px;}
	footer .footer_top ul li:before{right:-9px;height: 11px;}
	footer .footer_bottom li{margin-left: 10px;}
	
	footer .footer_bottom .copyright,
	footer .footer_bottom .footer_menu{float: none;}



}



@media (max-width:400px){

	/* header */
	.header__topWrap .header__logo a {width: 110px;}

	.header__topRightWrap {margin: 19px 28px 0 0;}
	.header__topRightWrap .button--youtube{width: 23px; height: 23px;background-size: 12px;}
	.header__topRightWrap .header__login ul li a{font-size: 0.75em;line-height: 23px;}
	.header__topRightWrap .header__login ul li:first-child:before{right: -9px;width: 1px;height: 10px;}

	.header__topWrap .m_btn_sitemap{width: 18px;}
	.btn_sitemap img{width: 100%;}

	.site_cnt_wrap .left_menu { padding: 3em 0 5em 1em;}
	.site_cnt_wrap .right_menu{ padding: 3em 0 5em 2.5em;}
	.site_cnt_wrap .left_menu > ul > li > a:before, .site_cnt_wrap .left_menu > ul > li > a:after{right: 1.5em;width: 4px;}


	/* main visual */
	.mv_sec .mv_slog .t1 {font-size: 1.2rem;}
	.mv_sec .mv_slog .t2 {margin: 10px 0 40px;}


	/* fullpage navi */
	#fp-nav ul li { width: 5px;height: 5px;margin: 0 0 20px 0;}
	#fp-nav ul li a:after{top: -5px;left: -5px;width: 15px;height: 15px;}


	/* DONGKWANG PRODUCTS */
	.product__contents .product__leftWrap .productBox {background-position: 50% 79%;}


	/* ABOUT DONGKWANG */
	.about__contents li{height: 50vw;}
	.about__contents li .aboutBox{height: 70px;padding-top: 15px;}
	.about__contents li .aboutBox .about__subTitle {font-size: 0.7em;}
	.about__contents li .aboutBox .about__title{margin: 2px 0 6px;font-size: 0.95rem;}


	/* 고객센터 */
	.quick__bottomWrap .quick__questionList {margin-top: 20px;}
	.quick__bottomWrap .quick__questionList ul li em {font-size: 0.9rem;}


	/* footer */
	footer .footer_top ul li,
	footer .footer_bottom .copyright, 
	footer .footer_bottom li a{font-size:0.75rem;}
	footer .footer_top ul li:before{top:6px;}

	.btn_ty { width: 65px; min-width: 65px; font-size: 0.75rem; line-height: 33px;}

}


@media (max-width:330px){

	/* header */
	.header__topWrap .header__logo a {width: 90px;}

	.header__topRightWrap {margin: 19px 28px 0 0;}
	.header__topRightWrap .button--youtube{width: 23px; height: 23px;background-size: 12px;}
	.header__topRightWrap .header__login ul li a{font-size: 0.75em;line-height: 23px;}
	.header__topRightWrap .header__login ul li:first-child:before{right: -9px;width: 1px;height: 10px;}

	.header__topWrap .m_btn_sitemap{width: 18px;}
	.btn_sitemap img{width: 100%;}

	.site_cnt_wrap .left_menu{width: 43%;}



	/* DONGKWANG PRODUCTS */
	.product__contents .product__leftWrap .productBox {background-position: 50% 84%;}


	/* main title */
	.main__title, .mns5_wrap .main__title{font-size:1rem;}


	/* footer */
	footer .footer_top ul li,
	footer .footer_bottom .copyright, 
	footer .footer_bottom li a{letter-spacing: -0.05em;}
}