#wrap{}
/* header */
#header{position:absolute; width:100%; top:0;height:125px;  z-index: 10; transition:0.5s; background:#fff; overflow: hidden;}
#header:hover{*height:350px;}
#header:hover .gnb a{color:#fff;}
#header:hover .gnb a:hover{color:#2bd587;}
#header .header_inner{position:relative; width:1200px;height:auto; margin:0 auto;}
#header .top_menu{padding:14px; background:#222; overflow: hidden;}
#header .top_menu .header_inner{position:relative; width:1200px;}
#header .top_menu .header_inner ul{overflow: hidden;}
#header .top_menu .header_inner ul.top_right{float:right;}
#header .top_menu .header_inner ul li{float:left; color: #d5d5d5; margin:0 5px;padding-right:10px;border-right:1px solid #ccc; font-size:13px; letter-spacing:0; transition:0.5s}
#header .top_menu .header_inner ul li:hover{text-decoration:underline;}
#header .top_menu .header_inner ul li:first-child{margin-left:0;}
#header .top_menu .header_inner ul li:last-child{margin-right:0;border-right:none;padding-right:0;}
#header .logo{float:left; margin:20px 42px 0 0;}
#header .header_inner .gnb{float:right; height:auto;overflow: hidden;}
#header .header_inner .gnb>ul{float:left; overflow: hidden;}
#header .header_inner .gnb>ul>li{float:left; background:url(../image/common/line_gnb.jpg) no-repeat 100% 30px;}
#header .header_inner .gnb>ul>li:last-child{background:none;}
#header .header_inner .gnb>ul>li>a{display: block;padding:33px 10px;font-size:17px;color: #222;transition:0.5s}
#header .header_inner .gnb>ul>li:last-child>a{padding-right:0;font-weight:bold;color:#f3770d}
#header .header_inner .gnb>ul>li .depth2{display:none;margin-top:12px; padding-bottom:28px; transition:0.5s; opacity:0;}
#header .header_inner .gnb>ul>li .depth2 li a{display: block; padding:8px 0; font-size:17px; color: #222; text-align: center; font-weight:100;}
#header .header_inner .gnb>ul>li .depth2 li a:hover{font-weight:bold;}
#header .header_inner:hover .gnb>ul>li .depth2{display:block; opacity:1;}
#header .header_inner button{position: absolute;right:0; width:50px; height:50px;margin-top:23px; border:0; background:0; cursor:pointer; z-index:20000;}

#qucik{position:fixed;width:265px; height:100vh; right:0; top:0;background:#fff; z-index:1000; box-shadow:0 0 30px rgba(0,0,0,0.4); transition:1s}
#qucik.off{right:-265px;box-shadow:0 0 20px rgba(0,0,0,0.2);}
#qucik .quick_button{position: absolute; left:-43px;top:124px; font-size:0; border-right:1px solid #eee;}
#qucik .quick_button ul li{width:43px;border-bottom:1px solid #eee;background:#fff;}
#qucik .quick_button button{width:43px;height:41px; border:0; cursor: pointer; margin:0; padding: 0; background:url(../image/common/icon_quick01.jpg) no-repeat 50% ;}
#qucik.off .quick_button button{background:url(../image/common/icon_quick01_on.jpg) no-repeat 50% ;}
#qucik .quick_content{padding:25px 25px 0;}
#qucik .quick_content .quick_logo{padding:14px 0;margin-bottom:10px; border:1px solid #ddd}
#qucik .quick_content .quick_logo li{float:left; width:33.3333%; text-align:center; font-size:12px; color: #666;}
#qucik .quick_content .quick_logo li .img{padding-bottom:7px}
#qucik .quick_content .quick_logo li span{display: block;padding-top:7px;}
#qucik .quick_content .quick_logo li.list01 span{border-top:2px solid #f77d2a;}
#qucik .quick_content .quick_logo li.list02 span{border-top:2px solid #ee068d;}
#qucik .quick_content .quick_logo li.list03 span{border-top:2px solid #ee1115;}
#qucik .quick_content .quick_link li{position: relative;margin-bottom:6px;background: #eee; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
#qucik .quick_content .quick_link li a{display: block;padding:16px 0; text-align:center; font-size:17px; letter-spacing:-1.5px;}
#qucik .quick_content .quick_link li img{margin-left:7px;vertical-align:bottom; position: relative; top:1px;}
#qucik .quick_content .quick_link li.list00{background:#ec0f18; color: #fff; border:0;}
#qucik .quick_content .quick_link li.list01{background:#333; color: #fff; border:0;}
#qucik .quick_content .quick_link li.list02{background:#f3770d; color: #fff; border:0;}
#qucik .quick_content .quick_link li.list03{background:#29d586; color: #fff; border:0;}
#qucik .quick_content .customer{margin-top:24px;text-align: left;}
#qucik .quick_content .customer h3{margin-bottom:4px; font-weight:bold; font-size:20px;}
#qucik .quick_content .customer span{font-size:36px; font-weight:bold;color:#29d586;}
#qucik .quick_content .customer p{margin-top:4px; color: #666; line-height:1.4; font-size:13px;margin-bottom: 20px;}
#container{position: relative;padding-top:125px;min-height:1000px;clear: both;}
.content_inner{max-width:1200px; min-width:1200px;margin:0 auto;position:relative;}
.content_inner:after{display: block; content:' '; clear: both;}
.scontent_inner{max-width:1200px; min-width:1200px;margin:0 auto;position:relative;float:right}
.scontent_inner:after{display: block; content:' '; clear: both;}
.scontent_outer{*width:1200px;width:1200px;margin:0 auto;position:relative;}
.scontent_outer:after{display: block; content:' '; clear: both;}
.quick_menu {border:1px solid #ddd;}
.quick_menu .list02 {background:#8585f7;padding:15px 0px;margin:5px 0px;}
.quick_menu .list02 a{display:block;color:#fff;text-align:center;}
.quick_menu .list03 {background:#6a48e7;padding:15px 0px;margin:5px 0px;}
.quick_menu .list03 a{display:block;color:#fff;text-align:center;}
.quick_menu .list04 {background:#ef4b4a;padding:15px 0px;margin:5px 0px;}
.quick_menu .list04 a{display:block;color:#fff;text-align:center;}
.lo_list {padding-top:50px;margin:0 auto;position:relative;overflow:hidden;}
.lo_list li{float:left;margin-right:5px;width:33%;}
.lo_list li img{width:100%;}
.lo_list li:last-child{margin-right:0px;}
.lo_list2 {width:625px;padding-top:20px;margin:0 auto;position:relative;overflow:hidden;}
.lo_list2 li{float:left;margin-right:15px;}
.lo_list2 li:last-child{margin-right:0px;}

.tabs_box {width:90%;margin:0 auto;padding-bottom:50px;}
.alt_pr {margin:8% 0;background:#f3f4ff;}
.alt_pr h2{text-align:center;font-size:30px;font-weight:bold;padding:50px 0 20px 0;}
.alt_pr ul.tabs{list-style: none;border:1px solid #ddd;position:relative;overflow:hidden;background:#fff;}
.alt_pr ul.tabs li{text-align: center;float:left;display:inline-block;width:33.2595%;display: inline-block;cursor: pointer;border-right:1px solid #ddd;padding:20px 0px;font-size:18px;font-family:'nanum square';}
.alt_pr ul.tabs li:last-child{border-right:none;}
.alt_pr ul.tabs li.current{background:#f1f1f1;color: #fff;font-weight:bold;}
.alt_pr ul.tabs li a{display:block;}
.alt_pr .tab-content img{width:100%;}
.alt_pr .tab-content{display: none;background: #ededed;margin-top: 20px;border: 1px solid #ddd;}
.alt_pr .tab-content.current{display: inherit;}
.alt_pr .tab-link img{margin:0 auto;text-align:center;width:50%;}
.tabs_2 li{text-align: center;float:left;display:inline-block;width:33.3%;display: inline-block;}
.tabs_2 li a{display:block;padding:15px 0px;color:#fff;}
.tabs_2 li:first-child{background:#ed1c24;}
.tabs_2 li:nth-child(2){background:#ef800a;}
.tabs_2 li:last-child{background:#a60035;width:33.4%;}


#footer{ text-align: center; border-top:1px solid #ddd}
#footer .footer_link{padding:16px 0;}
#footer .footer_link .link_wrap{float:left;}
#footer .footer_link .link_wrap li{float:left; margin-right:0px;}
#footer .footer_link ul li:last-child{margin-right:0;}
#footer .footer_link .sns{float:right;}
#footer .footer_link .sns li{float:left; margin-right:16px;}

#footer .footer_info{padding:1em 0 2em; background:#222; text-align:left;}
#footer .footer_info .img{margin-right:20px;display: inline-block;}
#footer .footer_info ul{display: inline-block; margin-top:25px;vertical-align:top;width: 820px;letter-spacing: 0px;}
#footer .footer_info ul li{display:inline-block;  margin:3px; font-size:16px; color: #eee; font-weight:300;line-height: 19px; border-right: 1px solid #555; padding-right: 10px;}
#footer .footer_info ul li strong{font-weight:400;}
#footer .footer_info ul li:last-child{border:none;}
#footer .footer_info cite{display:inline-block;font-size:13px; opacity: 0.7; color: #eee;}