@media screen and (min-width: 1600px){

}

@media screen and (min-width: 1900px){

}

@media screen and (max-width: 1600px){
}

@media screen and (max-width: 1500px){
	.owen_sect > .cont{margin-left:1em;margin-right:1em;}
	.owen_sect > .cont.w800{margin-left:auto; margin-right:auto;}
	.area_spot{height:16em;}
}
@media screen and (max-width: 1400px){
	.area_layer_view{width:70%;-moz-transform: translate3d(70%,0,0); -webkit-transform: translate3d(70%,0,0); transform: translate3d(70%,0,0);}
}

@media screen and (max-width: 1350px){
	.line_performance > ul >li{font-size: 0.8125em;letter-spacing: -0.5px;}
	.area_spot{height:15em;}
}

@media screen and (max-width: 1210px){
  .top_menu > ul > li > a{padding:1.4em 0.6em;font-size:0.9em}

	#footer .company_info{text-align: left;}
}

@media screen and (max-width: 1000px){
    .top_menu > ul > li > a{padding:1.4em 0.4em;font-size:0.8em}

	#area_manual #sect1 .out_bx{position: relative;margin:30px auto 150px;;}
	#footer {position: static;}
	.bx_guide .list_video > ol > li{width:25%;}

    #remote_sect1 .list_remote{margin:4em 2% 0;}
    .list_remote > ul{margin-left:-4%;}
    .list_remote > ul > li > a{display: block;margin-left:12%;}

    #lnb > ul{padding-right:3em;}


	#aside_nav .tit{visibility: hidden;opacity: 0;
	    -webkit-transition: opacity .3s linear, visibility .3s linear, color .3s linear;
	    -o-transition: opacity .3s linear, visibility .3s linear, color .3s linear;
	    transition: opacity .3s linear, visibility .3s linear, color .3s linear;
	}
	#aside_nav > nav > ul:hover .tit{visibility: visible;opacity: 1;}
}

@media screen and (max-width: 900px){
	.top_menu > ul > li > a{padding:1.125em 0.75em;}
	.list_type4 > ul{margin-left:-1em;}
	.list_type4 > ul > li{width:33.333%;margin-bottom:1em;}
	.list_type4 > ul > li > div{margin-left:1em;}
}


@media screen and (max-width: 800px){
	.owen_sect > .cont.w800{margin-left:1em;margin-right:1em;}
}

@media screen and (max-width: 767px){
/*공통*/
	html{font-size:0.9375em;}
	/*.bx_parallax{opacity: 1 !important;}*/

	.media_mobile{display: block;}
	.media_pc{display: none;}
	html.naviOn{height:100%;}
	html.naviOn body{overflow: hidden;}
	html.naviOn body #wrap{height:100%;}
	html.naviOn body #wrap #header{height:100%;}
	html.naviOn body #wrap #header > .inner{background-color: rgba(0,0,0,0.8);}

/*header*/
	#header > .inner > .m_area{display: block;}
	#header > .inner > h1{float:none;text-align: center;margin:0;position: static;}
	#header .area_lnb{position: absolute; height:auto;width:100%;top:3.5em;bottom:0;overflow: hidden;overflow-y: auto;}
	#lnb{float:none;margin-top:1em;height:auto;}
	#lnb > ul{padding-right:0em;}
	#lnb > ul{height:auto;}
	.top_menu > ul > li{display: block; float:none;height:auto;border-right-width:0;margin:0 1em;}
	.top_menu > ul > li:first-child{border-left-width:0px;}
	.top_menu > ul > li > a{display:block; vertical-align:middle;padding:0.5em 1em;font-size:1.5em;min-width:inherit;color:#aaa;font-weight: 300;border-bottom:1px solid #aaa;text-align: left;}
	/*.top_menu > ul > li > a:hover{color:#fff;}*/
	/*.top_menu > ul > li.on > a{color:#fff;}*/
	.top_menu > ul > li:hover > a:after{height:0;}

    .top_menu > ul#login_div2 > div.publicpopup2{visibility: hidden;}
    .top_menu > ul#login_div2 > div.publicpopup1{visibility: hidden;}
  
	.area_gnb{float:none;height:auto;position: static;}
	.area_gnb p{display: none;}
	.area_gnb #gnb{float:none;height:auto;margin-bottom:1em;}
	#gnb ul{height:auto;}

	/*lnb 2차 메뉴*/
	#lnb .depth2{overflow: hidden;text-align: left;display: none;visibility: visible;}
	#lnb .depth2 > ul{color: #666;display: block;}
	#lnb .depth2 > ul > li{}
	#lnb .depth2 > ul > li > a{display: block;padding: 0.5em 1.5em;font-size: 1.25em;}

	/*메인*/
	#area_main #sect1 > .cont > h2, #area_main #sect2 > .cont > h2, #area_main #sect3 > .cont > h2, #area_main #sect4 > .cont > h2{font-size: 2em;}
	#area_main #sect1 .bx_desc h2{font-size: 1.375em;}
	#area_main #sect1 .bx_desc p{font-size: 1.25em;}

	#main_spot footer > .in > div.bx_news{width:auto;float: none;margin:0;}
	#main_spot footer > .in > div.bx_notice{width:auto;float: none;margin:1.5em 0 0 ;}
	#main_spot footer > .in > div > ul > li{font-size: 1em;}

/*타겟매쓰 소개*/
	#intro_sect1 .bg, #intro_sect2 .bg, #intro_sect3 .bg{position: absolute;}
	#intro_sect1 .cont{position: relative;padding:1em 0;top:0;left:0;right:0;}
	#intro_sect2 .cont{position: relative;padding:1em 0;top:0;left:0;right:0;}
	#intro_sect3 .cont{position: relative;padding:1em 0;top:0;left:0;right:0;}

	.bx_guide .list_video > ol > li{width:33.33%;}

/*레이어 뷰*/
    .area_layer_view #board_view.layer_type01{padding:2.125em 1.25em;}
    .layer_type01 header button.btn_good{bottom:1.4545em;}
    .area_layer_view{width:100%;-moz-transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
    .area_layer_view > .btn_close{ width: 2em; height: 2em; right:1.5em; margin-right: 0.5em; margin-top: 0.5em; background-image: url('../images/common/btn_close_m.png');z-index:20;-webkit-background-size: auto 100%; background-size: auto 100%;}
    .layer_type01 .area_content .con .img{width:auto}

/*스토리 슬라이드*/
    #area_story_slide {margin-bottom:2em;}
    #area_story_slide > .box_slide > ul > li{width:100%;}
    #area_story_slide > .box_slide dl{height:auto;}
    #area_story_slide > .box_slide dl > dt{width:auto;float:none;height:0;padding-bottom:75%;}
    #area_story_slide > .box_slide dl > dt > a{position: absolute;top:0;bottom:0;left: 0;right: 0;}
    #area_story_slide > .box_slide dl > dt img{width:100%;}
    #area_story_slide > .box_slide dl > dd{float:none;width:100%;height:auto;}
    #area_story_slide div.bg_line{background:none;padding:0;}
    #area_story_slide div.bg_line > div{padding:0;background-color: transparent;}
    #area_story_slide h2{position:absolute;top:0.5em;left:0;height:2em;line-height:2em; font-weight:400;font-style:italic;padding:0 0.75em 0 0.5em; border-radius:0px 1em 1em 0px; min-width:3em;text-align:center;
        background-color: rgba(241,241,241,0.7); color:#ff0000;
    }
    #area_story_slide .resp{position:absolute; bottom:0;left:0;background-color: rgba(0,0,0,0.6);padding:1.5em;width:100%;box-sizing:border-box;}
    #area_story_slide h3{ color:#fff; line-height:1.4;width:100%; max-height:2.8em;font-size: 1.125em;}
    #area_story_slide h4{color:#999999;margin-bottom:0;}
    #area_story_slide p{display:none;}

	#pop_post_view{max-width:100%;}
	#area_feature > .bx_txt{margin-left: auto;z-index: 5;}
	#area_feature > .bx_img{width:100%;}
	#area_feature.fixing > .bx_img{position: absolute;}
	#area_feature.fixing > .bx_img > ul > li{height: 33.333% !important;position: relative;}
	#area_feature.fixing > .bx_img > ul > li > a{height: 100% !important;}
	#area_feature > .bx_txt{background-color: rgba(0,0,0,0.5) !important;}
	#area_feature > .bx_txt h2{margin-top:1.5em}
	#area_feature > .bx_txt p{margin-bottom:4em}


}

@media screen and (max-width: 767px) , screen and (max-height: 700px) {
	#main_spot footer{position: relative;padding:2em 1em;}
	#main_spot footer:after{position: absolute;bottom: 0;left: 1.5em;right: 1.5em;border-bottom:1px solid #f37cbd;content: '';}
}

@media screen and (min-width: 768px){
/*lnb 2차 메뉴*/
    #lnb .depth2{position: absolute;overflow: hidden;display: block !important;text-align: left;visibility: visible;}
	#lnb .depth2 > ul{padding:0.5em;position: relative;min-width:10em;display: none;border-bottom:1px solid #B91372;background:rgb(0,0,0); background:rgba(0,0,0,0.6); }
	#lnb .depth2 > ul > li{margin:0 0.25em;}
	#lnb .depth2 > ul > li > a{display: block;padding:0.375em 0.5em;color: #ccc;font-size: 0.9375em;}
	/*#lnb > ul > li:hover .depth2{visibility: visible;}*/
	#lnb > ul > li:hover .depth2 > ul{display: block;}

    .top_menu > ul#login_div2 > li:first-child > a{background-color: #A40000;color: #fff;}
    .top_menu > ul#login_div2 > li:first-child:hover > a{background-color: #750000;}
    .top_menu > ul#login_div2 > li:first-child > a:after{content:none;}


    .top_menu > ul#login_div2 > li#loginli> a{background-color: #A40000;color: #fff;}
    .top_menu > ul#login_div2 > li#loginli:hover > a{background-color: #750000;}
    .top_menu > ul#login_div2 > li#loginli > a:after{content:none;}
    
    
    
}

@media screen and (max-height: 700px){
	#area_manual #sect1 .out_bx{position: relative;margin:30px auto 150px;;}
	#footer {position: static;}

}


@media screen and (max-width: 650px){
    .top_menu > ul#login_div2 > li#jinhaktong{border-bottom:1px solid #aaa;}
	#area_main #sect1 .bx_key_feature > ul{margin-left:-1em;}
	#area_main #sect1 .bx_key_feature > ul:after{content: '';display: block;clear: both;}
	#area_main #sect1 .bx_key_feature > ul > li{display: block;float: left;margin:0;width:33.333%;}
	#area_main #sect1 .bx_key_feature > ul > li > a{width:auto;margin-left:1em;}

	.list_type2 > ul > li{width:auto;float:none;margin-bottom:0.625em;}
	.list_type2 > ul > li > .inner{margin:0;}
	.list_type2 > ul > li .bxs:after{content:'';clear:both;display: block;}
	.list_type2 > ul > li .img{width:30%;float:left;padding-bottom:15%;margin:0;}
	.list_type2 .con{width:65%;float:right;border-width:0;padding-top:0;margin-top:0;}
	.list_type2 .bxs{padding:1em;}

	.list_type4 > ul{margin-left:-0.5em;}
	.list_type4 > ul > li{width:50%;margin-bottom:0.5em;}
	.list_type4 > ul > li > div{margin-left:0.5em;}

	#area_main #sect1 .bx_desc{height:8em;}
	#area_main #area_map{padding-bottom:56.25%}

	.form_type01 ul.bx_form > li{padding-left:6em;}

	.list_post1 > ul > li{margin-top: 2.5em;}
	.list_post1 dl > dt{width:5em}
	.list_post1 dl > dd{margin-left: 5em;}
	.list_post1 .bg_line{left: 2.5em;}
	.list_post1 dl > dd > h3{font-size: 1.375em;margin-bottom:0.25em}

/*고객센터 - 문의하기*/
	#area_contact .left_area{float:none;width:auto;}
	#area_contact .left_area:after{content: none;}
	#area_contact .left_area #bx_write{margin-right:0;margin-bottom:0.5em;}
	#area_contact .right_area{float:none;width:auto;}
	#area_contact .bx_contact_info{max-width:none;padding-left:0;border-top:1px dashed #ccc;margin-top:2em;padding-top:2em;}
	#area_contact .bx_contact_info h3{font-size: 1.25em;margin-bottom: 1em;}
	#area_contact .bx_contact_info dl{position: relative;}
	#area_contact .bx_contact_info dl > dt{position: absolute;margin:0;}
	#area_contact .bx_contact_info dl > dd{margin-left:10em;margin-bottom:0.75em;}
	#area_contact .bx_contact_info .btns{text-align: center;}
	#area_contact .bx_contact_info .btns button.btn_pack{font-size: 0.875em;margin-bottom:0.5em;}

/*고객센터 - 원격*/
	#remote_sect1 .cont{margin-top:6em;}
	.list_remote .img{width:auto;height:0;padding-bottom:100%;position: relative;}
	.list_remote .img img{position: absolute;top:0;right:0;bottom:0;left:0;}
	.list_remote p{height:2.5em;line-height:1.25;overflow: hidden;font-size: 1em;}

	.form_type01 ul.bx_form > li.tmp_hori{padding-left: 0;}
	.form_type01 ul.bx_form > li.tmp_hori > label{position: static;}
}

@media screen and (max-width: 580px){

}

@media screen and (max-width: 540px){
	html{font-size:0.875em;}
	.list_type3 > ul > li{width:50%;margin-bottom:0.5em;}
	.list_type3 > ul{margin-left:-0.5em}
	.list_type3 > ul > li > .inner{margin:0 0 0 0.5em}

	#area_main #sect5 > .cont .bx_contact > ul > li{width: 50%;}
	.bx_guide .list_video > ol > li > a{padding:5%;}
	.bx_guide .list_video > ol .label{ font-size: 0.875em; width: 6.6667em; height: 1.6667em; line-height: 1.6667em; top: 0.5em; right: -2em; }

	.list_type5 > ul{margin-left:0;}
	.list_type5 > ul > li{float:none;width:auto;margin-left:0%;margin-bottom:0.75em;}
	.list_type5 > ul > li > .inner{padding:1em;position: relative;}
	.list_type5 .img{position: absolute;width:5em; padding-bottom:0;top:0;height:100%;}
	.list_type5 .img img{max-width:80%;max-height:80%;}
	.list_type5 .con{position: relative;padding-top:0;margin-top:0;border-top-width:0px; text-align: left;margin-left:6em;padding:0.5em 0;}
	#aside_nav{display: none;}
	#area_main #sect1 .cont h2{font-size: 1.75em;}
	#area_main #sect1 .cont h2 br{display: none;}

}

@media screen and (max-width: 480px){

	#area_main #sect1 .out_bx{width:200px;height:200px;margin-top:15%;}
	#area_main #sect1 .bx_key_feature > ul{margin-left:-2%;margin-bottom:2em;}
	#area_main #sect1 .bx_key_feature > ul > li{width:31.3%;margin-left:2%;}
	#area_main #sect1 .bx_key_feature > ul > li > a{height:0;padding:0 0 100%;position: relative;margin:0;}
	#area_main #sect1 .bx_key_feature > ul > li > a h3{position: absolute;height:1em;line-height: 1.15;font-size: 2.125em;top:0;bottom:0;left:0;right:0;margin:auto;}
	#area_main #sect1 .bx_key_feature > ul > li > a p{display: none;}
}

@media screen and (max-width: 440px){

	.list_remote > ul{margin-left:-0.5em;}
	.list_remote .img img{max-width:80%; max-height:80%;margin:auto;}
	.list_remote > ul > li > a{padding:0.5em;margin-left:0.5em;}
}

@media screen and (max-height: 680px){
  .top_menu > ul#login_div2 > div.publicpopup1{z-index:1;width:540px;height:600px;overflow-y:scroll;overflow-x:hidden;}
  .top_menu > ul#login_div2 > div.publicpopup2{z-index:1;width:480px;height:600px;overflow-y:scroll;overflow-x:hidden;}

}

@media screen and (max-height: 560px){
  .top_menu > ul#login_div2 > div.publicpopup1{z-index:1;width:540px;height:400px;overflow-y:scroll;overflow-x:hidden;}
  .top_menu > ul#login_div2 > div.publicpopup2{z-index:1;width:480px;height:400px;overflow-y:scroll;overflow-x:hidden;}

}