@charset "utf-8";

/* respon max 1200px */
@media all and (max-width:1200px)
{
	/* header */
	.mtarget .header{height:66px}
	.mtarget .header:before{display:none}
	.mtarget .header .header_inner{width:100%;}
	.mtarget .header .allsch{display:none}
	.mtarget .header .fnb{display:none}
	.mtarget .header .gnb{height:66px}
	.mtarget .header .gnb_nav{display:none}
	.mtarget .header .logo{top:14px; left:20px; height:auto; padding:0}
	.mtarget .header .logo a{width:182px; height:39px; background:url('../../lib/images/common/mlogo.png') no-repeat 50% 50%; background-size:182px 39px}
	.mtarget .header .allmenu{top:0; right:0; margin-right:0}
	.mtarget .header .allmenu .allmenu_toggle{width:61px; height:66px; border:none; border-left:1px solid #dadada}
	.mtarget .header .allmenu .allmenu_toggle:before, .mtarget .header .allmenu .allmenu_toggle:after{height:2px}
	.mtarget .header .allmenu .allmenu_toggle:before{top:22px}
	.mtarget .header .allmenu .allmenu_toggle:after{bottom:22px}
	.mtarget .header .allmenu .allmenu_toggle strong{top:32px; height:2px}

	.mtarget .header #allmenu_layer .allmenu_inner{width:100%; margin:0; padding:20px 20px 60px; box-sizing:border-box}
	.mtarget .header #allmenu_layer .util{display:block}
    .mtarget .header #allmenu_layer .allmenu_close{right:20px}

	.mtarget .header #allmenu_layer .inner_list.target_nm{display:none}
    .mtarget .header #allmenu_layer .inner_list.target_mm{display:block}


	body.mtarget{background:#515b75}
	.mtarget #wrap{min-width:auto; background:#fff;}
	.mtarget #wrap .body{padding-top:66px}
	.mtarget .container .aside {display:none;}
	.mtarget .container {width:100%; padding-bottom:20px;}
	.mtarget .container .content{margin-left:0; padding:80px 20px 0;}


	/* footer */
	.mtarget .footer{padding-bottom:0;}
	.mtarget .footer_link{margin-bottom:0; background:none; height:auto;}
	.mtarget .footer_link .link_right{display:none;}
	.mtarget .footer_link .link_inner{width:100%; margin:0; padding:0}

	.mtarget .cscenter{background:#215da4}
	.mtarget .cscenter li{width:100%;}
	.mtarget .cscenter li:nth-child(2), .cscenter li:nth-child(3){display:none;}
	.mtarget .cscenter li:nth-child(1) a:before{font-size:18px}
	.mtarget .cscenter li:nth-child(1) a:before, .cscenter li:nth-child(2) a:before, .cscenter li:nth-child(3) a:before{left:20px; margin-top:-12px;}
	.mtarget .cscenter li a span, .cscenter li a strong{letter-spacing:-0.5px;}
	.mtarget .cscenter li a:after{font-size:16px; right:25px; margin-top:-12px;}

	.mtarget .policy_area{position:absolute; left:0; top:63px; width:auto; margin:0; padding:0; border-bottom:none; z-index:1;}
	.mtarget .policy_area .list_policy li:nth-child(1),
	.mtarget .policy_area .list_policy li:nth-child(3),
	.mtarget .policy_area .list_policy li:nth-child(4),
	.mtarget .policy_area .list_policy li:nth-child(5){display:none}
	.mtarget .policy_area .list_policy li a{display:block; position:relative; width:24px; height:24px; line-height:24px; background: #c2cae0; text-align:center; border-radius:50%;}
	.mtarget .policy_area .list_policy li a strong, .mtarget .policy_area .list_policy li a span{font-size:0; letter-spacing:-9999px;}
	.mtarget .policy_area .list_policy li a:after{content:"\f505"; font-family:"Font Awesome 5 Pro"; font-weight:600; font-size:13px; color:#515b75; position:absolute; top:0; left:50%; margin-left:-6.5px}

	.mtarget .footer_address{padding-top:0}
	.mtarget .footer_address .address_inner{width:100%; margin:0; padding-left:0}
	.mtarget .footer_address .address_inner .flogo{display:none}

	.mtarget .footer_address .address{display:none;}
	.mtarget .footer_address .copyright{padding:18px 10px; text-align:center; background:#515b75; color:#b9bdc8;}
	.mtarget .footer_address .admin_login{display:block; position:absolute; right:20px; top:13px; width:24px; border-radius:50%; background:#c2cae0;}
	.mtarget .footer_address .admin_login:after{color:#515b75}

	.mtarget .footer .fsns{position:relative; right:auto; top:auto; padding-bottom:15px; text-align:center; background:#515b75}
	.mtarget .footer .fsns li{margin:0; display:inline-block; float:none}
	.mtarget .footer .fsns li a{width:36px; height:36px; mix-blend-mode:normal}
	.mtarget .footer .fsns li a.f_fb{background-size:8px 14px}
	.mtarget .footer .fsns li a.f_nb{background-size:11px 14px}
	.mtarget .footer .fsns li a.f_yt{background-size:19px 15px}
}


/* respon max 1000px */
@media all and (max-width:1000px)
{
	/* header */
    .mtarget .header #allmenu_layer .inner_list > li{padding-left:0}
    .mtarget .header #allmenu_layer .inner_list > li .tit{position: relative; top:auto; left:auto; width:100%; margin-bottom:5px; padding-top:15px; font-size:22px}
    .mtarget .header #allmenu_layer .inner_list > li .tit:after{height:2px}
    .mtarget .header #allmenu_layer .depth2 > ul > li{width:50%}
    .mtarget .header #allmenu_layer .depth2 > ul > li > .in_box > a{font-size:14px;}
    .mtarget .header #allmenu_layer .depth2 > ul > li > .in_box > a span:before{content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.4); transition:all .30s ease}
}


/* respon max 800px */
@media all and (max-width:800px)
{

}


/* respon max 640px */
@media all and (max-width:640px)
{
	/* header */
    .mtarget .header #allmenu_layer .allmenu_top{height:66px; padding:0 20px}
	.mtarget .header #allmenu_layer .allmenu_top .allmenu_logo{width:182px; height:39px; margin:0; padding-top:14px;}
	.mtarget .header #allmenu_layer .allmenu_top .allmenu_logo strong{display:block; width:182px; height:39px; background:url("../../lib/images/common/mlogo.png") no-repeat 50% 50%; background-size:182px 39px}

	.mtarget .header #allmenu_layer .allmenu_close{top:-52px; width:36px; height:36px}
	.mtarget .header #allmenu_layer .allmenu_close:before{top:17px}
	.mtarget .header #allmenu_layer .allmenu_close:after{bottom:17px}

	.mtarget .header #allmenu_layer .allmenu_inner{padding:20px 20px 60px}
	.mtarget .header #allmenu_layer .depth2 > ul > li{width:100%}


	/* footer */
	.mtarget .footer_address .copyright span{display:block}
}


/* respon max 480px */
@media all and (max-width:480px)
{

}


/* -------------------- respon max 340px -------------------- */
@media all and (max-width:340px)
{

}