html {
	-ms-overflow-x: hidden;
}
body {
	-ms-overflow-x: hidden;
}
body {
	font: 15px "Noto Sans KR", sans-serif; list-style: none; margin: 0px; padding: 0px; font-size-adjust: none; font-stretch: normal;
}
/*
body * {
	font: 15px/18px "Noto Sans KR", sans-serif; list-style: none; margin: 0px; padding: 0px; font-size-adjust: none; font-stretch: normal;
}*/
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
legend {
	margin: 0px; padding: 0px; line-height: 0; text-indent: -9999em; overflow: hidden; font-size: 0px; position: absolute;
}
input[type='submit'] {
	cursor: pointer;
}
button {
	background: none; border: 0px currentColor; border-image: none; cursor: pointer;
}
ul {
	list-style: none;
}
select {
	margin: 0px;
}
p {
	margin: 0px; padding: 0px;
}
hr {
	display: none;
}
pre {
	font-size: 1.1em; -ms-overflow-x: scroll;
}
a {
	color: rgb(0, 0, 0); text-decoration: none;
}
* {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
::after {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
::before {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=text] {
	transition:0.3s ease-in-out; -moz-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
}
input[type=password] {
	transition:0.3s ease-in-out; -moz-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
}
textarea {
	transition:0.3s ease-in-out; -moz-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
}
input[type=text]:focus {
	border: 1px solid rgb(85, 138, 183) !important; border-image: none !important; box-shadow: 0px 0px 5px #9ed4ff; -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff;
}
input[type=password]:focus {
	border: 1px solid rgb(85, 138, 183) !important; border-image: none !important; box-shadow: 0px 0px 5px #9ed4ff; -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff;
}
textarea:focus {
	border: 1px solid rgb(85, 138, 183) !important; border-image: none !important; box-shadow: 0px 0px 5px #9ed4ff; -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff;
}
select:focus {
	border: 1px solid rgb(85, 138, 183) !important; border-image: none !important; box-shadow: 0px 0px 5px #9ed4ff; -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff;
}
.sub #header {
	background-color: rgba(0, 0, 0, .3)
}
#header {
	transition:0.5s; top: 0px; width: 100%; padding-top: 10px; position: fixed; z-index: 9999; 
}
/*#header:hover {
	background: rgb(7, 5, 21); padding-top: 0px;
}*/
#header .gnb  .bg {
	background: url("../images_2020/common/menu_open_bg.png") #000; transition:0.5s; top: 0px; width: 100%; height: 0px; position: absolute; left: 0
}
/*#header:hover .bg {
	height: 240px;
}*/

#header .gnb {width: 70%;  margin: auto}

#header .gnb:hover .bg {
	height: 280px; background-color: rgba(0,0,0,1.00)
}


#header .logo {
	transition:0.5s; left: 80px; top: 10px; position: fixed; z-index: 21;
}
#header .logo a {
	line-height: 88px; padding-top: 10px; display: block;
}
#header .logo a img {
	width: 180px
}
#header .gnb > ul {
	text-align: center;
}
#header .lang {
	transition:0.8s; top: 64px; right: 110px; position: fixed;
}
#header:hover .lang {
	top: 35px;
}
.on#header .lang {
	top: 35px;
}
#header .lang ul::after {
	clear: both; display: block; content: "";
}
#header .lang ul li {
	float: left; position: relative;
}
#header .lang ul li:first-child::after {
	background: rgb(158, 144, 195); margin: 7px 11px 0px; width: 1px; height: 7px; vertical-align: top; display: inline-block; content: "";
}
#header .lang ul li a {
	color: rgb(139, 122, 161); position: relative; opacity: 0.8;
}
#header .lang ul li.on a {
	color: rgb(255, 255, 255);
}
#header .lang ul li.on a::before {
	background: rgb(255, 255, 255); border-radius: 50%; left: 50%; top: -4px; width: 3px; height: 3px; margin-left: -1.5px; display: block; position: absolute; content: "";
}

#header .gnb > ul > li {
	transition:0.5s; padding-top: 0px; vertical-align: top; display: inline-block; position: relative;
}
#header .gnb > ul > li > ul {
	position: absolute;
}
#header .gnb > ul > li > a {
	padding: 6px 61.5px 11px; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; display: block; font-weight: 300
}
#header .gnb > ul div {
	width: 150px; padding-top:0px; display: none; position: absolute; 
}
/*#header:hover .gnb > ul div {
	display: block;
}*/
#header .gnb:hover > ul div {
	display: block;
}
#header .gnb > ul div > a {
	text-align: left; color: rgb(255, 254, 254); font-size: 20px; display: block;
}
#header .gnb > ul div > ul > li > a {
	text-align: left; color: rgb(255, 254, 254); line-height: 40px; letter-spacing: -0.5px; font-size: 14px; font-weight: 300; display: block;
}
#header .gnb > ul li:nth-child(1) div {
	left: 40px
}
#header .gnb > ul li:nth-child(2) div {
	left: 40px;
}
#header .gnb > ul li:nth-child(3) div {
	 left: 40px;
}

#header .gnb > ul li:nth-child(4) div {
	left: 40px;
}
#header .gnb > ul li:nth-child(5) div {    left: 40px;}

#header .gnb > ul li:nth-child(3) div > ul::after {
	clear: both; display: block; content: "";
}
#header .gnb > ul li:nth-child(3) div > ul > li {
	float: left; width: 130px
}
#header .gnb > ul li div > ul {
	height: 150px;  padding-left: 20px; /*padding-top: 20px;margin-top: 20px; border-top-color: rgb(83, 25, 132); border-left-color: rgb(83, 25, 132); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;*/
}
#header .gnb > ul li div ul li ul li {
	text-align: left;
}
#header .gnb > ul li:nth-child(3) div > ul > li > a {
	text-align: left;  display: block;
}
#header .gnb > ul li:nth-child(3) div > ul > li:nth-child(1) {
	margin-right: 40px;
}
#header .gnb > ul li div ul li a {
	transition:0.3s; color: rgb(186, 186, 186); line-height: 40px; letter-spacing: -0.3px; font-size: 15px; font-weight: 200; display: block;
}
#header .gnb > ul li div ul li:hover a {
	color: rgb(255, 255, 255);
}
#header .menu_btn {
	outline: 0px; transition:0.5s; top: 30px; width: 30px; height: 8px; right: 42px; position: absolute; z-index: 9999;
}
#header .menu_btn .line {
	width: 100%; height: 1px; display: block; position: absolute; background-color: rgb(255, 255, 255);
}
#header .menu_btn .line.line01 {
	left: 0px; top: 0px;
}
#header .menu_btn .line.line02 {
	left: 0px; bottom: 0px;
}
#header .menu_btn01 {
	display: none;
}
#header .menu_btn02 {
	display: block;
}
.on#header {
	background: rgb(7, 5, 21); padding-top: 0px;
}
.on#header .gnb > ul > li {
	padding-top: 0px;
}
.on#header .logo {
	top: 0px;
}
.on#header .menu_btn {
	top: 25px;
}
#header .m_btn {
	/*display: none;*/
    top: 0px; width: 90px; height: 90px; right: 0px; display: block; position: fixed; z-index: 9999;
}
.on#header .bg {
	top: 40px;
}





/*#header .gnb:hover {
	background: rgb(7, 5, 21); padding-top: 20px;
}
#header .gnb:hover .gnb > ul > li {
	padding-top: 0px;
}
#header .gnb:hover .logo {
	top: 20px;
}
#header .gnb:hover .menu_btn {
	top: 40px;
}
#header .gnb:hover.bg {
	top: 70px;
}*/



#header:hover {
	background: rgb(7, 5, 21); padding-top: 20px;
}
#header:hover .gnb > ul > li {
	padding-top: 0px;
}

#header:hover .menu_btn {
	top: 40px;
}
#header:hover .bg {
	top: 70px;
}



#footer {
	background: rgb(39, 39, 39); padding-top: 80px; padding-bottom: 55px; position: relative; z-index: 6; color: #D8D8D8
}

    #all_menu {display: block}

    #all_menu {
        top: 0px; width: 100%; height: 100%; right: 100%; position: fixed; z-index: 99999;
    }
    #all_menu .menu_b {
        top: 90px; width: 35px; height: 28px; right: 90px; display: block; position: fixed; z-index: 9999; background-color: transparent;
    }
    #all_menu .menu_b span {
        height: 2px; display: block; background-color: rgb(0, 0, 0);
    }
    #all_menu .menu_b span.line01 {
        left: 0px; top: 0px; width: 100%; position: absolute;
    }
    #all_menu .menu_b span.line02 {
        transition:0.5s; left: 0px; top: 49%; width: 80%; position: absolute;
    }
    #all_menu .menu_b span.line03 {
        transition:0.5s; left: 0px; width: 80%; bottom: 0px; position: absolute;
    }
    #all_menu .menu_b:hover span.line02 {
        width: 100%;
    }
    #all_menu .menu_b:hover span.line03 {
        width: 100%;
    }
    #all_menu .all_dim {
        width: 100%; height: 100vh; display: none; position: fixed; z-index: 10; background-color: rgba(0, 0, 0, 0.3);
    }
    #all_menu .box_w {
        background: rgba(33, 53, 169, .95); transition:1s; top: 0px; width: 100%; height: 100vh; right: -100%; padding-top: 130px; position: fixed; z-index: 9999;
    }
    #all_menu .box_w.on {
        right: 0px;
    }
    #all_menu .box_w .close {
        top: 40px; width: 40px; height: 26px; right: 45px; display: block; position: absolute; background-color: transparent;
    }
    #all_menu .box_w span {
        transition:0.8s; width: 100%; height: 1px; display: block; position: absolute; background-color: rgb(255, 255, 255);
    }
    #all_menu .box_w span.line01 {
        transform: rotate(45deg);
    }
    #all_menu .box_w span.line02 {
        transform: rotate(-45deg);
    }
    #all_menu .box_w .close:hover span.line01 {
        transform: rotate(0deg);
    }
    #all_menu .box_w .close:hover span.line02 {
        transform: rotate(0deg);
    }
    #all_menu .all_nav  {
        width: 100%
    }
    #all_menu .all_nav > ul::after {
        clear: both; display: table; content: ""; vertical-align: top;  
    }
    #all_menu .all_nav > ul {
       top:0!important; padding: 0px;  margin: 10%;
    }
    #all_menu .all_nav > ul > li {
        line-height: 3em; padding: 1%; float:left; width: 16%; height: 300px; top:0!important; border-top: rgba(255,255,255,0.5) 2px solid; margin: 0 2%
    }
    #all_menu .all_nav > ul > li > a {
        color: rgb(255, 255, 255); font-size: 1.250em; font-weight: 700; cursor: none
    }
    #all_menu .all_nav .sub {
        padding-top: 15px; padding-left: 0px; 
    }
    #all_menu .all_nav .sub li {
        margin-bottom: 17px; line-height: 1.8em;
    }
    #all_menu .all_nav .sub li a {
        color:rgba(229,229,229,0.9); font-size: 1.063em; font-weight: normal; 
    }
    #all_menu .all_nav .sub li a:hover {
        color:rgba(212,212,212,1.00); text-decoration: underline;
    }

     #all_menu .all_nav .sub .m0 {
        margin-bottom: 10px; 
    }
    /*3D*/
    #all_menu .all_nav .sub2 { display: none }
    #all_menu .all_nav .sub2 {
        padding:0px 0 15px 2px; 
    }
    #all_menu .all_nav .sub2 li {
        margin-bottom: 7px; line-height: 1em;
    }
    #all_menu .all_nav .sub2 li a {
        font-size: 1em; font-weight: 500; color:rgba(229,229,229,0.7);
    }
    #all_menu .all_nav .sub2 li a:hover {
        
    }



   



#footer::after {
	/*background: url("/img/common/ft_bg.png");*/ left: 0px; top: -32px; width: 699px; height: 144px; display: block; position: absolute; content: "";
}
#footer .ft_inner {
	margin: 0px auto; width: 1400px;
}
#footer .ft_in::after {
	clear: both; display: block; content: "";
}

#footer li a { color: rgba(193,193,193,1.00)}


#footer .left {
	float: left;
}
#footer .right {
	float: left;
}
#footer .left .ft_logo {
	margin-top: -60px; margin-bottom: 88px; position: relative; z-index: 1;
}
#footer .right {
	float: right;
}
#footer .left p {
	color: rgb(161, 153, 176); line-height: 30px; letter-spacing: -0.25px; font-size: 14px; font-weight: 300;
}
#footer .right > ul::after {
	clear: both; display: block; content: "";
}
#footer .right > ul > li {
	width: 200px; margin-right: 40px; float: left;
}
#footer .right > ul > li:last-child {
	margin-right: 0px;
}
#footer .right > ul > li:nth-child(2) {
	width: 320px;
}
#footer .right > ul > li:nth-child(2) {
	width: 320px;
}
#footer .right > ul > li > strong {
	color: rgb(255, 254, 254); line-height: 50px; font-family: "TitilliumWeb"; margin-bottom: 20px; border-bottom-color: rgb(95, 92, 111); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#footer .right > ul > li > ul > li a {
	transition:0.5s; color: rgb(146, 143, 161); line-height: 34px; font-size: 15px; font-weight: 300;
}
#footer .right > ul > li > ul > li ul li:hover a {
	color: rgb(255, 255, 255);
}
#footer .right > ul > li:nth-child(1) > ul > li:hover a {
	color: rgb(255, 255, 255);
}
#footer .right > ul > li:nth-child(3) > ul > li:hover a {
	color: rgb(255, 255, 255);
}
#footer .right > ul > li:nth-child(2) > ul::after {
	clear: both; display: block; content: "";
}
#footer .right > ul > li:nth-child(2) > ul > li {
	float: left;
}
#footer .right > ul > li:nth-child(2) > ul > li:first-child {
	margin-right: 25px;
}
#footer .right > ul > li:nth-child(2) > ul > li strong > a {
	color: rgb(203, 200, 219); line-height: 34px; font-size: 15px; font-weight: 400;
}
#footer address {
	color: rgba(193,193,193,1.00); line-height: 34px; font-size: 14px; font-weight: 300;
}



#footer1 { position: relative; background-color: #3b3c3e; padding: 40px 60px; color: #7a7c7f; font-size: 15px; z-index: 50; }
#footer1 .f_menu li {  display: inline; }
#footer1 .f_menu li a { color: #7a7c7f; font-size: 15px; }
#footer1 .f_menu li:after { content: "I"; display: inline-block; margin: 0 10px; font-weight: 100; }
#footer1 .f_menu li:last-child:after { content: ""; }
#footer1 .address { margin: 15px 0 0; }
#footer1 .subsidiary_btn { position: absolute; right: 150px; top: 40px; }
#footer1 .subsidiary_btn a { display: inline-block; border: 1px solid #7a7c7f; color: #7a7c7f; width: 196px; height: 45px; padding-left: 20px; background:url("http://aju.co.kr/static/images/common/btn_subsidiary.png") 95% 50% no-repeat; line-height: 43px; cursor: pointer }
#footer1 .subsidiary_btn_close { position: absolute; right: 150px; top: 40px; }
#footer1 .subsidiary_btn_close a { display: inline-block; border: 1px solid #7a7c7f; color: #7a7c7f; width: 196px; height: 45px; padding-left: 20px; background: url("http://aju.co.kr/static/images/common/btn_subsidiary_close.png") 95% 50% no-repeat; line-height: 43px; }
#footer1 .subsidiary_all { position: absolute; left: 0; bottom: 150px; width: 100%; background-color: #3b3c3e; padding: 40px 0; z-index: 50; border-bottom: 1px solid #56575a; text-align: center; display: none; }
#footer1 .subsidiary_group { display: table; margin: 0 auto; }
#footer1 .subsidiary_group li { display: table-cell; padding: 10px 80px; border-left: 1px solid #4b4c4e; height: 250px; text-align: left; }
#footer1 .subsidiary_group li:nth-child(4) {/*padding-right: 50px;*/ }
#footer1 .subsidiary_group li:nth-child(5) { /*border-left: none; padding-left: 0;*/ }
#footer1 .subsidiary_group li:last-child { border-right: 1px solid #4b4c4e; }
#footer1 .subsidiary_group li .subsidiary_title { color: #FFF; font-size: 1.375em; font-weight: 700; margin-bottom: 20px; }
#footer1 .subsidiary_group li a { font-size: .9375em;; color: #7a7c7f; display: block; font-weight: 400; line-height: 30px;}
#footer1 .subsidiary_group li a[lang='en'] { font-size: .9375em; letter-spacing: 0; font-family: "Lato"; }
#footer1 .subsidiary_group li p { font-size:.9375em;;  color: #7a7c7f; display: block; font-weight: 400; line-height: 30px;}



@media screen and (max-width: 1680px) {
    
    #header .gnb {width: 70%;  margin: 0 0 0% 20%}
    #header { padding: 10px 0;}
    #header .gnb .bg {    background: url(../images_2020/common/menu_open_bg.png) center 5px #000;}
    #header .gnb > ul li div > ul {    padding-left: 0px;}
    #header .gnb > ul div {    width: 130px;    padding-top: 20px;}
    #header .gnb > ul li div ul li a {    letter-spacing: -0.8px;    font-size: 14px;}
    #header .gnb > ul li:nth-child(5) div {    left: 40px;}
    
    
    

    #footer1 .subsidiary_group li { padding: 10px 40px; }
    #footer1 .subsidiary_group li:nth-child(4) { padding-right: 40px; }
    
    
    
    
}

@media screen and (max-width: 1250px) {
    #all_menu_pc {display: none}    
    #all_menu {display: block}
    
    
    
    #all_menu {
        top: 0px; width: 100%; height: 100%; right: 100%; position: fixed; z-index: 99999;
    }
    #all_menu .menu_b {
        top: 90px; width: 35px; height: 28px; right: 90px; display: block; position: fixed; z-index: 9999; background-color: transparent;
    }
    #all_menu .menu_b span {
        height: 2px; display: block; background-color: rgb(0, 0, 0);
    }
    #all_menu .menu_b span.line01 {
        left: 0px; top: 0px; width: 100%; position: absolute;
    }
    #all_menu .menu_b span.line02 {
        transition:0.5s; left: 0px; top: 49%; width: 80%; position: absolute;
    }
    #all_menu .menu_b span.line03 {
        transition:0.5s; left: 0px; width: 80%; bottom: 0px; position: absolute;
    }
    #all_menu .menu_b:hover span.line02 {
        width: 100%;
    }
    #all_menu .menu_b:hover span.line03 {
        width: 100%;
    }
    #all_menu .all_dim {
        width: 100%; height: 100vh; display: none; position: fixed; z-index: 10; background-color: rgba(0, 0, 0, 0.3);
    }
    #all_menu .box_w {
        background: url("../images_2020/common/menu_open_bg.png") no-repeat rgba(7, 5, 21, 0.95); transition:1s; top: 0px; width: 450px; height: 100vh; right: -100%; padding-top: 50px; position: fixed; z-index: 9999;
    }
    #all_menu .box_w.on {
        right: 0px;
    }
    #all_menu .box_w .close {
        top: 40px; width: 26px; height: 26px; right: 40px; display: block; position: absolute; background-color: transparent;
    }
    #all_menu .box_w span {
        transition:0.8s; width: 100%; height: 1px; display: block; position: absolute; background-color: rgb(255, 255, 255);
    }
    #all_menu .box_w span.line01 {
        transform: rotate(45deg);
    }
    #all_menu .box_w span.line02 {
        transform: rotate(-45deg);
    }
    #all_menu .box_w .close:hover span.line01 {
        transform: rotate(0deg);
    }
    #all_menu .box_w .close:hover span.line02 {
        transform: rotate(0deg);
    }
    
    #all_menu .all_nav > ul {
        clear: both; position: relative
   
}
    
    
    #all_menu .all_nav > ul::after {
        clear: both; display: table; content: "";
    }
    #all_menu .all_nav > ul > li {
        line-height: 3em; padding:1% 1% 1% 55px;  float:none;  width: auto;   height: auto;    top: auto; border-top: rgba(255,255,255,0.5) 0px solid; margin: 0%
    }
    #all_menu .all_nav > ul > li > a {
        color: rgb(255, 255, 255); font-size: 1.250em; font-weight: 700; 
    }
    #all_menu .all_nav .sub {
        padding-top: 15px; padding-left: 16px; display: none;
    }
    #all_menu .all_nav .sub li {
        margin-bottom: 17px; line-height: 1.8em;
    }
    #all_menu .all_nav .sub li a {
        color: rgb(186, 186, 186); font-size: 1.063em; font-weight: 500;
    }
    #all_menu .all_nav .sub li a:hover {
        color:rgba(212,212,212,1.00); text-decoration: underline;
    }
    #all_menu .all_nav .sub2 { display: none }
    
	.on#header .logo {top: 20px;}
	.on#header .menu_btn {top: 40px;}
	#header .logo {top: 20px;}
	#header .menu_btn {top: 40px;}

}





@media screen and (min-width: 1025px) {
  #footer1 .f_menu li a:hover { color: #FFF; }
  #footer1 .subsidiary_group li a:hover { color: #FFF; text-decoration: underline; }   
}

@media screen and (max-width: 1024px) {
  #footer1 .subsidiary_all { padding: 0; }
  #footer1 .subsidiary_group li { width: 33.33333%; display: inline-block; float: left; padding: 30px; height: 290px; }
  #footer1 .subsidiary_group li:nth-child(4),
  #footer1 .subsidiary_group li:nth-child(5),
  #footer1 .subsidiary_group li:nth-child(6) { border-top: 1px solid #4b4c4e; }
  #footer1 .subsidiary_group li:nth-child(5) { padding-left: 40px; }
  #footer1 .subsidiary_group li:last-child { border-right: none; }
}
@media screen and (max-width: 768px) {
    
  #footer1 { padding: 80px 0px 20px 0px; text-align: center; }
  #footer1 .subsidiary_all { height: 350px; overflow-y: auto; }
  #footer1 .subsidiary_group { padding-top: 15px; }
  #footer1 .subsidiary_btn,
  #footer1 .subsidiary_btn_close { position: absolute; right: 50%; top: 20px; transform: translate(50%,0); width: 90%; margin: 0 auto; }
  #footer1 .subsidiary_btn a,
  #footer1 .subsidiary_btn_close a { width: 100%; text-align: left; }
  #footer1 .subsidiary_all { bottom: 177px; }
  #footer1 .subsidiary_group li { width: 100%; padding: 10px 20px!important; height: auto; line-height: 24px; border-top: 0px solid #4b4c4e!important;}
/*  #footer1 .subsidiary_group li:nth-child(5) { padding: 10px 20px;}
  #footer1 .subsidiary_group li:nth-child(4) { padding-bottom: 0; }
  #footer1 .subsidiary_group li:nth-child(5) { border-top: none; padding: 0 0 10px 20px; }
  #footer1 .subsidiary_group li:nth-child(5) .subsidiary_title { display: none; }*/
  #footer1 .subsidiary_group li .subsidiary_title { margin-bottom: 0; font-size:1em  }
  #footer1 .f_menu li:after {margin: 0 5px;}
  #footer1 .f_menu li a {font-size: 0.875em; letter-spacing: -1.5px}
  #footer1 .address {font-size: 0.875em;  }
}
    



@media all and (max-width:1416px)
{
#header .gnb > ul > li > a {
	padding: 0px 40px;
}
#footer .ft_inner {
	padding: 0px 40px; width: 100%;
}
}
@media all and (max-width:1216px)
{
#header .gnb {
	display: none;
}
#header {
	height: 87px;
}
.on#header {
	height: 87px;
}
#header:hover {
	height: 87px;
}
#header .menu_btn01 {
	display: none; 
}
#header .menu_btn02 {
	display: block;
}
#header .m_btn {
	top: 0px; width: 90px; height: 90px; right: 0px; display: block; position: fixed; z-index: 9999;
}
}
@media all and (max-width:1550px)
{
#footer::after {
	background-position: right top; width: 500px;
}
}
@media all and (max-width:1241px)
{
#footer .left {
	padding-bottom: 40px;
}
#footer address {
	margin-top: 40px;
}
#footer .right {
	width: 100%;
}
#footer .right > ul > li:nth-child(2) {
	width: 31.33%;
}
#footer .right > ul > li {
	width: 31.33%; margin-right: 3%;
}
#footer .right > ul > li:last-child {
	margin-right: 0px;
}
#footer .right > ul > li > ul > li a {
	font-size: 13px;
}
}
@media all and (max-width:640px)
{
#footer::after {
	width: 400px; height: 95px;
}
#footer .left .ft_logo {
	margin-top: -80px;
}
#footer .left .ft_logo img {
	height: 34px;
}
#header .logo {
	left: 20px; top: 2px;
}
.on#header .logo {top: 2px;}
#header .logo a {
	padding-top: 12px;
}
#header .logo img {
	/*height: 32px;*/
}
#header .menu_btn {
	top: 57px; right: 20px; position: fixed;
}
#header .logo a {
	line-height: normal;
}
#header .menu_btn {
	top: 35px;
}
.on#header .menu_btn {
	top: 26px;
}
#header .logo a {
	padding-top: 15px;
}
.on#header {
	height: 60px;
}
#header {
	height: 60px;
}
#header:hover {
	height: 60px;
}
#header .menu_btn {
	top: 25px;
}
#header:hover .menu_btn {
	top: 25px;
}
#all_menu .box_w {
	width: 90%;
}
#header .lang {
	top: 34px; right: 70px;
}
#header .lang ul li a {
	font-size: 12px;
}
.on#header .lang {
	top: 19px;
}
#header:hover .lang {
	top: 19px;
}
#header .lang ul li.on a::before {
	display: none;
}
#header .m_btn {
	width: 56px; height: 60px;
}
}
@media all and (max-width:414px)
{
.main_con03 {
	background-size: cover;
}
.main_con03 .data > div {
	width: 90%;
}
.main_con03 .data > .img {
	height: 280px;
}
.main_con03 .img_wrap {
	height: 280px;
}
.main_con03 .data01 .icon img {
	width: 130px;
}
.main_con03 .data .txt p br {
	display: none;
}
.main_con03 .data02 .txt {
	padding: 0px 20px;
}
.main_con04 input {
	font-size: 12px;
}
#footer::after {
	width: 300px; height: 90px;
}
#footer .left .ft_logo img {
	height: 28px;
}
#footer .left .ft_logo {
	margin-bottom: 60px;
}
#footer .ft_inner {
	padding: 0px 20px;
}
#footer .left p {
	line-height: 23px; font-size: 12px;
}
#footer .right > ul > li {
	width: 100%; margin-top: 20px; margin-right: 0px;
}
#footer .right > ul > li:nth-child(2) {
	width: 100%;
}
#footer .left {
	padding-bottom: 20px;
}
#footer address {
	font-size: 11px;
}
.main_con01 .inner {
	padding-top: 90px;
}
.main_con02 ul li .txt > div {
	position: relative;
}
.main_con02 ul li .txt > div strong {
	font-size: 20px;
}
.main_con02 ul li .txt > div p {
	font-size: 13px; margin-top: 12px;
}
.main_con03 .data02 .txt_wrap {
	padding-left: 20px;
}
 #all_menu .all_nav .sub li a {
     font-weight: 500; 
}
}
@media all and (max-width:375px)
{
.main_visual .main_slider .slide_box > div strong {
	line-height: 40px; font-size: 36px;
}
.main_visual .main_slider .slide_box > div span {
	font-size: 13px;
}
}