@media all and (max-width:1200px){
}

@media all and (max-width:1165px){
	#wrap{min-width:100%;}
	.wrapper{width:100%;}
	#gnbMenu .outer{width:100%;}
	#footer{padding:40px 25px;}
	#header h1{left:10px; position:fixed; z-index:3;}
	#gnb .sub ul li{font-size:14px;}
	#gnb>li{font-size:1em;}
	#gnb>li>a{padding:20px 25px 0;}
	#gnb .sub ul li > div.xe-widget-wrapper li.prd2 a{font-size:13px;}
	#gnb .sub ul li > div.xe-widget-wrapper li a{font-size:12px;}
	#header .conRight{right:10px;}
	#header .search{right:120px;}
	.menuWrap{margin-left:10px;}
	#contents{padding:70px 25px;}
	.top_banner,
	.top_banner .outer{background-position:60% 0;}
	.top_banner .outer{padding:0 25px;}
	.aboutWrap .cont{font-size:.9em;}

	.map_wrap{border:0;}
	.map_wrap .map_box{background:none;overflow:hidden;height:36px;border-bottom:1px solid #cbcbcb;}
	.map_wrap .map_box.on{overflow:visible;}
	.map_box .cap{display:block;}
	.map_box #map_list{position:absolute;left:0;right:0;padding-top:36px;z-index:1;border:1px solid #cbcbcb;}
	.map_box #map_list li{position:static;left:0 !important;right:0;top:0 !important;bottom:0;}
	.map_box #map_list li.active{position:absolute;top:0 !important;display:block !important;height:36px;}
	.map_box #map_list li.active a{border-top:0;font-weight:normal;}
	.map_box #map_list li a{width:100%;border-radius:0;height:36px;line-height:36px;font-size:1.176em;text-align:left;z-index:2;border:0;border-top:1px solid #cbcbcb;}
	#mapLoc{border:1px solid #c9c9c9;padding-top:30px;margin-top:25px;}
	.map_box #map_list li.active a, .map_box #map_list li a:hover{background:#fff;color:#717171;border-color:#cbcbcb;}
}

@media all and (max-width:1024px){
	.mainVisual .owl-theme .owl-dots{bottom:10px;}
	.mainVisual .btnWrap{bottom:18px;}

	#gnbMenu{display:none;}

	body.on #wrap{position:fixed;left:0;top:0;width:100%;}
	body.on #wrap:before{content:'';position:fixed;left:0;top:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,.5);}
	body.on #wrapper{display:block;overflow:visible;}

	body.on #mobileMenu{display:block;}
	body.on .menu_bg, body.on #allMenu{display:block;}
	body.on #wrapper{position:relative;left:0;top:0;width:100%;}
	body.on #wrapper:before{content:'';position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.5);}
	body.on .main_menu .top{
		-webkit-transform: translateY(10px) rotateZ(45deg);
		-moz-transform: translateY(10px) rotateZ(45deg);
		-ms-transform: translateY(10px) rotateZ(45deg);
		-o-transform: translateY(10px) rotateZ(45deg);
		transform: translateY(10px) rotateZ(45deg);
	}
	body.on .main_menu .bottom {
		-webkit-transform: translateY(-10px) rotateZ(-45deg);
		-moz-transform: translateY(-10px) rotateZ(-45deg);
		-ms-transform: translateY(-10px) rotateZ(-45deg);
		-o-transform: translateY(-10px) rotateZ(-45deg);
		transform: translateY(-10px) rotateZ(-45deg);
	}
	body.on .main_menu .middle {
		width: 0;
	}
	body.on #allMenu,
	body.on .menu_bg{-webkit-transform:translate(0,0);transform:translate(0,0);}

	.menuWrap{display:inline-block;}
	#header{height:60px; width:100%; top:-1px;}
	#header .conRight{top:20px;right:87px;}
	#header .head{top:0;}
	#header .search{right:200px;top:20px;}
	.main_menu{padding:16px 20px; position:fixed; top:-5px; width:28px;}
	body.on .main_menu .bar{background:#fff;}
	body.on .main_menu:before{display:none;}
	#footer{min-height:160px;height:auto;padding:30px 25px;}
	#footer .wrapper{font-size:.85em;}
	#footer .foot{margin-bottom:10px;}
	#footer .logo img{width:170px;}
	#footer .elink{left:190px;}
	#footer .aside{top:5px;}
	.aboutWrap{padding:0;}
	.aboutWrap .cont a{padding-top:30px;}
	.aboutWrap .cont br{display:none;}
	.aboutWrap .table_form,
	.aboutWrap .table_form .tr,
	.aboutWrap .table_form .td{display:block;}
	#contents{padding:40px 25px;}

	.nav{display:block;}
	.nav>li{display:inline-block;margin-bottom:10px;}
	.nav.v2>li>a{box-sizing:border-box;}

	#bbslist .nav.v2>li>a{width:160px;box-sizing:border-box;}
	.historyWrap .nav.v2>li>a{width:200px;}

	#mapLoc{padding:30px 10px 0;}
	.map_wrap .col-sm-6{width:100%;}
	.map_wrap .loc_h2{text-align:left;}
	.map_wrap .loc_dl{margin:10px 0 30px;}

	.contact_info{padding:10px 10px 30px;}

	.sub_article{width:100%; padding:0;}

	.history_title{margin:20px 0 0;}
	
}

/* Tablet & Mobile */
@media all and (min-width:961px){
	
}


@media all and (max-width:960px){
    .nav>li {border-bottom:1px solid #a9a9a9;}
	.historyWrap .h_cont .year{font-size:2em;}
	.historyWrap .h_cont dd{font-size:.9em;}
	.historyWrap .h_cont.odd .year:after{right:-36px;}
	.historyWrap .h_cont.even .year:after{left:-35px;}
	.historyWrap .h_cont.even .h_list{padding-left:30px;}
	.historyWrap .h_cont.odd .h_list{padding-right:30px;}
}
@media all and (max-width:880px){
	#footer .wrapper{font-size:.75em;}
	.top_banner,
	.top_banner .outer{background-position:70% 0;}
	.top_banner .outer{padding:0 25px;}

	.pageTitleA h3{font-size:20px;}
	#contents #s_result{font-size:16px;}
}
@media all and (max-width:820px){

}
@media all and (max-width:800px){
	#header .search{display:none;top:71px;right:0;left:0;width:auto;background:#005fc1 url('../image/btn_m_search.png') right no-repeat;height:50px;}
	#header .search input[type="text"]{height:50px;line-height:50px;}
	#header .search input[type="image"]{width:32px;height:36px;top:10px;}
	.m_search.mo_only{display:none;}
	#lang.pc_only{display:none;}
	#lang.mo_only{display:inline-block;margin:0;}
	#lang button{background:none;border:none;color:#fff;padding:0 5px;width:80px;}
	#lang button:before{border-top-color:#fff;right:0;}
	#lang .option{top:30px;}
	#lang .option a{padding:3px 10px;}
	#footer .copyright.pc_only{display:none;}
	#footer br{display:block;}
	#footer .copyright.mo_only{display:block;font-size:0.941em;margin-top:10px;}
	#footer{padding:30px 15px;text-align:center;}
	#footer .aside{position:static;top:0;margin-top:20px;}
	#footer .aside .snsWrap{text-align:center;}
	#footer .logo{display:none;}
	#family_site{margin:0;}
	#footer .aside .snsWrap a:first-child{margin-left:0;}
	#footer .elink{position:static;}
	#footer .elink a:before,
	#footer address em:before{height:12px;}
	#footer .elink a.sitemap{/* display:block; */}
	#footer .elink a.sitemap:before{display:none;}
	#footer .elink a.sitemap:after{content:'';display:inline-block;vertical-align:middle;position:relative;top:-1px;height:12px;margin:0 2px 0 8px;border-left:1px solid #7c8189;border-right:1px solid #fff; display:none;}
	.mainVisual .owl-theme .owl-nav,
	.mainVisual .owl-theme .owl-dots,
	.mainVisual .btnWrap,
	.mainVisual .owl-carousel .owl-item img.pc_only{display:none !important;}
	.mainVisual .owl-carousel .owl-item img.mo_only{display:inline;}

	.mainVisual .bx-wrapper , 
	.mainVisual .bx-wrapper .bx-pager, 
    .mainVisual .bx-wrapper .bx-controls-auto {}
    
	.mainVisual .bxslider img.pc_only{display:none !important;}
	.mainVisual .bxslider img.mo_only{display:inline;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom:20px;}
	.history_section{text-align:left;}
	.history_section:before{left:0;}
	.historyWrap .h_cont{width:100%;}
	.historyWrap .h_cont.even,
	.historyWrap .h_cont.odd{float:none;}
	.historyWrap .h_cont.odd .h_list{text-align:left;padding-left:30px;padding-right:0;}
	.historyWrap .h_cont.odd .year:after{left:-35px;right:0;}

	#footer address em.em:before{display:none;}
}
@media all and (max-width:799px){
	#shopview .nav{margin:0 !important;}
	#shopview .nav>li{display:block !important;float:none !important;width:100% !important;}
	#shopview .nav.v2>li>a{width:100% !important;margin:0 !important;box-sizing: border-box;}
}
@media all and (max-width:670px){
}

@media all and (max-width:640px){
	#btn_top{width:42px;height:42px;right:20px;bottom:40px; margin:0 auto;}
    #btn_top span {display:flex;}
	#btn_top span:before{right:15px;width:17px;border-bottom:3px solid #fff;}
	#btn_top span:after{left:15px;width:17px;border-bottom:3px solid #fff;}
	
	#contents{padding:30px 10px;}

	#location a,
	#location a:before,
	.top_banner p{font-size:14px; word-break: keep-all;}
	.head_area h3{font-size:30px;padding:15px 0;}
	.head_area{}
	.top_banner .wrapper{height:200px;}
	.top_banner,
	.top_banner .outer{background-position:73% 0;}
	.top_banner .outer{padding:0 10px;}

	.sub_article p,
	.policy_box ol, .policy_box ul{font-size:.9em;}
	.policy_box ol, .policy_box ul{padding:0 15px 10px;}

	.historyWrap .nav.v2>li{display:block;}
	.historyWrap .nav.v2>li>a{width:100%;margin:0;}

	.contact .nav.v2>li{display:block;}
	.contact .nav.v2>li>a{width:100%;margin:0;}
}
@media all and (max-width:560px){
	.map_wrap .loc_h2{font-size:1em;}
	.map_wrap .loc_dl{font-size:.85em;}
	.contact_info li{font-size:.85em;}
}
@media all and (max-width:480px){
	.aboutWrap .cont{font-size:.8em;}
	.map_wrap .map_loc iframe{height:300px;}
	.map_box #map_list li a{font-size:1em;}
	.contact .map iframe{height:300px;}
	#allMenu .menu > li > a{font-size:1em;}
	#allMenu .sub > li > a{font-size:.9em;padding:10px 20px;}
	#allMenu .sub .xe-widget-wrapper li.prd2 > a{font-size:.85em;}
	#allMenu .sub .xe-widget-wrapper a{font-size:.75em;}

	.pageTitleA h3{font-size:18px;}
	#contents #s_result{font-size:14px;}
}
@media all and (max-width:420px){
}

@media all and (max-width:384px){
	.head_area h3{font-size:20px;}

	.nav>li>a{font-size:14px;}
	.history_title{width:200px;font-size:.9em;}
	.historyWrap .nav>li{width:100%;}
	.historyWrap .nav.v2>li>a{width:100%;margin:0;}
	.historyWrap .h_list_wrap{margin-top:30px;}
	.historyWrap .h_cont .year{font-size:1.8em;}
	.historyWrap .h_cont dd{font-size:.8em;}
	.map_box #map_list li a{font-size:.85em;}

	/* .policy_box ol, .policy_box ul{font-size:.85em;} */
}

@media all and (max-width:360px){
	#location a, .top_banner p, #shopview .nav.v2>li>a{font-size:13px;}

}

@media all and (max-width:320px){

}


@media print{

}
