@charset "utf-8";

/* basic */
.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}
.after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.poppins{}

@media all and (max-width:1200px){
	.inner{width:93.75%}
}

/* header */
#header{background:#fff; height:100px; border-bottom:3px solid #fbeeee; position:relative;}
#header a.logo{z-index:2; display:block; position:absolute; left:40px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

#header .gnb{width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#header .gnb ul{font-size:0; letter-spacing:-4px; text-align:center;}
#header .gnb ul li{display:inline-block; vertical-align:top; margin:7px 20px 6px;}
#header .gnb ul li a{letter-spacing:0em; display:block; font-size:18px; color:#444; font-weight:300; padding:36px 10px; position:relative;}
#header .gnb ul li.on a{color:#de1f26; font-weight:500;}

#header .right{z-index:2; position:absolute; right:40px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .right a.all_menu_btn{width:34px; display:block; float:left;}
#header .right a.all_menu_btn span{width:100%; height:3px; background:#757474; display:block; margin:10px auto;}
#header .right a.all_menu_btn span:nth-of-type(1){background:#de1f26}
#header .right ul.login{float:left; margin-right:30px; margin-top:5px;}
#header .right ul.login li{margin-left:5px; width:105px; display:inline-block; vertical-align:top;}
#header .right ul.login li a{display:block; line-height:40px; font-size:14px; color:#888888; letter-spacing:0em; font-weight:500; height:40px; background:#efefef; border-radius:30px; text-align:center;}
#header .right ul.login li.on a{background:#de1f26; color:#fff;}
#header .right ul.right_ul{float:left; margin-right:20px; font-size:0; letter-spacing:-4px; text-align:center;}
#header .right ul.right_ul > li{display:inline-block; vertical-align:top; margin:5px 14px 5px 0; position:relative;}
#header .right ul.right_ul > li > a{border:1px solid #e4e4e4; display:table; width:100%; padding:0 12px; height:45px; line-height:43px; box-sizing:border-box; font-size:16px; color:#9c9c9c; letter-spacing:-0.025em; font-weight:400; position:relative;}
#header .right ul.right_ul > li > a span{display:table-cell; vertical-align:middle; padding-right:15px;}
#header .right ul.right_ul > li > a span img{display:inline-block; vertical-align:middle;}
#header .right ul.right_ul > li > a i{display:table-cell; vertical-align:middle;}
#header .right ul.right_ul > li:last-child{margin-right:0;}
#header .right ul.right_ul > li ul{display:none; z-index:30; position:absolute; width:100%; left:0; top:100%; padding:5px 0; background:#fff; border:1px solid #e4e4e4; border-top:0; box-sizing:border-box;}
#header .right ul.right_ul > li ul li a{display:block; padding:5px 0; text-align:center; font-size:14px; color:#9c9c9c; letter-spacing:-0.025em; font-weight:400}


#header .pc_menu{z-index:10; display:none; width:100%; border-bottom:1px solid #ebebeb; background:#fff; position:absolute; left:50%; top:101px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#header .pc_menu ul{display:block; text-align:center;}
#header .pc_menu ul li{display:inline-block; vertical-align:middle; margin:0 15px;}
#header .pc_menu ul li a{display:block; position:relative; font-size:16px; color:#3f3f3f; letter-spacing:0.025em; font-weight:300; padding:17px 10px;}
#header .pc_menu ul li a:before{content:""; display:block; width:0; height:2px; background:#de1f26; position:absolute; top:-1px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
#header .pc_menu ul li:hover a{font-weight:500}
#header .pc_menu ul li:hover a:before{width:100%}

@media all and (max-width:1600px){
	#header .gnb ul li{margin:7px 5px 6px;}
}
@media all and (max-width:1400px){
	#header a.logo{left:20px;}
	#header .gnb{left:44%;}
	#header .gnb ul li{margin:7px 5px 6px;}
	#header .right{right:20px;}
}
@media all and (max-width:1200px){
	#header .gnb{display:none;}
	#header .right ul.login{display:none}
}
@media all and (max-width:640px){
	#header .right {height:100%; }
	#header .right ul.right_ul {position:absolute; right:0; bottom:0; float:none; margin-right:0;  }
	#header .right ul.right_ul > li > a {width:120px; height:30px; padding:0 5px; line-height:28px; font-size:14px; }
	#header .right ul.right_ul > li > a span {padding-right:5px; }
	#header .right a.all_menu_btn {padding-top:10px; }
}

/* all_menu */
.all_menu{position:fixed; left:0; width:100%; background:#fff; height:auto; padding-bottom:30px; z-index:1000; top:-9999px; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }
.all_menu.on{top:0;}
.all_menu .top ul{}
.all_menu .top ul li{margin-left:5px; width:105px; display:inline-block; vertical-align:top;}
.all_menu .top ul li a{display:block; line-height:40px; font-size:14px; color:#888888; letter-spacing:0em; font-weight:500; height:40px; background:#efefef; border-radius:30px; text-align:center;}
.all_menu .top ul li.on a{background:#de1f26; color:#fff;}

.all_menu a.x_btn{position:absolute; right:50px; top:50px; z-index:2;}
.all_menu .inner > ul{padding-top:80px; font-size:0; text-align:left; letter-spacing:-4px;}
.all_menu .inner > ul > li{display:inline-block; vertical-align:top; width:calc(25% - 40px); margin:0 20px 40px 20px;}
.all_menu .inner > ul > li > a{display:block; padding:10px 35px 10px 0; margin-bottom:15px; font-size:24px; color:#141414; letter-spacing:-0.05em; font-weight:500; border-bottom:1px solid #de1f26}
.all_menu .inner > ul > li > ul li a{display:block; padding:5px 0; text-align: left; font-size:18px; color:#555; letter-spacing:-0.05em;}

@media all and (max-width:1000px){
	.all_menu{height:100%;}
	.all_menu a.x_btn{right:35px; top:40px;}
	.all_menu .inner{height:100%; padding:50px 0; overflow-y:auto; box-sizing:border-box;}
	.all_menu .inner > ul{text-align:left; padding-top:0;}
	.all_menu .inner > ul > li{width:100%; margin:15px auto;}
	.all_menu .inner > ul > li > a{font-size:26px;}
	.all_menu .inner > ul > li > ul li a{font-size:20px;}
}


/* sub_footer */
#sub_footer{border-top:2px solid #f7f5f5; padding:40px 0;}
#sub_footer .inner > ul{font-size:0; letter-spacing:-4px; text-align:center;}
#sub_footer .inner > ul > li{display:inline-block; vertical-align:top; margin:5px 14px 5px 0; position:relative;}
#sub_footer .inner > ul > li > a{border:1px solid #e4e4e4; display:table; width:100%; padding:0 12px; height:60px; line-height:58px; box-sizing:border-box; font-size:16px; color:#9c9c9c; letter-spacing:-0.025em; font-weight:400; position:relative;}
#sub_footer .inner > ul > li > a span{display:table-cell; vertical-align:middle; padding-right:15px;}
#sub_footer .inner > ul > li > a span img{display:inline-block; vertical-align:middle;}
#sub_footer .inner > ul > li > a i{display:table-cell; vertical-align:middle;}
#sub_footer .inner > ul > li:last-child{margin-right:0;}
#sub_footer .inner > ul > li ul{display:none; z-index:30; position:absolute; width:100%; left:0; top:100%; padding:5px 0; background:#fff; border:1px solid #e4e4e4; border-top:0; box-sizing:border-box;}
#sub_footer .inner > ul > li ul li a{display:block; padding:5px 0; text-align:center; font-size:14px; color:#9c9c9c; letter-spacing:-0.025em; font-weight:400}

@media all and (max-width:1000px){
	#sub_footer{padding:20px 0;}
	#sub_footer .inner > ul > li{margin:5px 2px;}
	#sub_footer .inner > ul > li a{font-size:14px; padding:0 5px;}
}


/* footer */
#footer {width:100%; background-color:#424242;}
#footer .footer_top {overflow:hidden; position:relative; width:100%; height:60px; border-bottom:1px solid #55534e;}
#footer .footer_top .left_box {float:left; width:180px;  font-size:0;}
#footer .footer_top .left_box span {position:relative; z-index:10; display:inline-block; vertical-align:top; width:60px; height:60px; }
#footer .footer_top .left_box span:nth-of-type(1) {background-color:#193bd0; }
#footer .footer_top .left_box span:nth-of-type(2) {background-color:#d01985; }
#footer .footer_top .left_box span:nth-of-type(3) {background-color:#c41312; }
#footer .footer_top .left_box span a {display:block; width:60px; height:60px;}
#footer .footer_top .footer_menu {width:100%; position:absolute; left:50%; top:0; max-width:1200px; text-align:center; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
#footer .footer_top .footer_menu ul {font-size:0;}
#footer .footer_top .footer_menu li {position:relative; display:inline-block; vertical-align:top; height:60px; padding:0 2%; line-height:60px; }
#footer .footer_top .footer_menu li:after {content:''; position:absolute; right:0; top:25px; width:1px; height:11px; background-color:#666565;}
#footer .footer_top .footer_menu li:last-of-type:after {display:none;}
#footer .footer_top .footer_menu a {color:#dfdfdf; font-size:14px; letter-spacing:0em;}
#footer .footer_top .top_btn {position:relative; z-index:10;float:right; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; background-color:#de1f26;}
#footer .footer_top .top_btn a {display:block; font-size:14px; font-weight:bold; color:#fff;}

#footer .footer_box {text-align:center; padding:80px 10px 50px}
#footer .footer_box .logo {}
#footer .footer_box .address {margin-top:30px;}
#footer .footer_box .address span b{font-weight:500; color:#959595;}
#footer .footer_box .address span {display:inline-block; vertical-align:top; position:relative; color:#767676; font-size:16px; margin:5px 10px;}
#footer .footer_box .address span a {display:block;}
#footer .footer_box .address span:after {content:''; position:absolute; right:-11px; top:6px; width:1px; height:16px; background-color:#767676;}
#footer .footer_box .address span:last-child:after {display:none;}
#footer .footer_box .copy {margin-top:15px; font-size:14px; color:#706d6d; }

@media all and (max-width:640px){
	#footer .footer_top {height:120px;}
	#footer .footer_top .footer_menu {left:0; top:60px; width:100%; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
	#footer .footer_top .footer_menu li{width:20%;}
}