/* Initialize */
input,button {border-radius:0;-webkit-appearance:none} 


* {
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333;
}
#wrapper {
    width: 100%;
    height: 100%;
}
.container {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1120px;
	word-break: keep-all;
}
.sub_container {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1120px;
}
.container:after {
    content: "";
    display: block;
    clear: both;
}
.fl {float: left}
.fr {float: right}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Header */
#header {
    width: 100%;
    border-bottom: 1px solid #D1D1D1;
}
#header a {
    text-decoration: none;
}
#top-logo {
    float: left;
    padding-top: 10px;
    width: 350px;
    height: 100px;
    text-align: center;
}
#header.sub #top-logo {
    /*padding-top: 20px;*/
}
#gnb {
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 16px;
    list-style: none;
    line-height: 100px;
    font-weight: bold;
}
#header.sub #gnb {
    font-size: 16px;
}
#gnb>li {
    position: relative;
    float: left;
    margin: 0 0 0 40px;
    padding: 0;
    height: 100%;
}
#gnb>li>a {
    padding: 10px 5px;
}
#gnb>li+li:before {
    content: "|";
    position: absolute;
    right: 100%;
    width: 40px;
    height: 100%;
    text-align: center;
    color: #999;
}
#gnb>li>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    min-width: 100%;
    list-style: none;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
	z-index:10;
}
#gnb>li:last-child>ul {
    left: auto;
    right: 0;
}
#gnb>li:hover>ul {
    display: block;
}
#gnb>li>ul>li {
    float: left;
    padding: 5px 10px;
    min-width: 100%;
    width: 180px;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-top: 0;
    line-height: 20px;
}
#gnb>li>ul>li>a {
    float: left;
    width: 100%;
    height: 100%;
}

#header #search-form {
    float: left;
    margin: 0px 0 30px 10px;
    height: 25px;
	width:100%;
}
#header.main #search-form {
    display: none;
}
#header #search-form>input[type=text] {

	float: left;
    width: 125px;
    height: 40px;
    font-size: 18px;

	/*
    float: left;
    padding-left: 20px;
    width: 970px;
    height: 40px;
    border: 1px solid #EF8300;
    font-size: 20px;
	*/

}

#header .sub_container #search-form>input[type=text] {
    float: left;
    padding-left: 20px;
    max-width: 970px;
	width:80%;
    height: 50px;
    border: 1px solid #EF8300;
    font-size: 20px;
}

#header #search-form>input[type=submit] {
	/*
    float: left;
    width: 40px;
    height: 40px;
    background: url(/image/sub/search.png);
    border: 0;
	*/
}
#content {
    padding-top: 20px;
    width: 100%;
	font-weight:300;
	line-height:1.8;
	color:#646464;
}

#sub_content {
    /*padding-top: 90px;*/
    width: 100%;
	font-weight:300;
	line-height:1.8;
	font-size: 14px;
	color:#646464;
}

/* Main page */
#content #search-form {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}
#content #search-form>input[type=text] {
    float: left;
    padding-left: 20px;
    max-width: 970px;
	width:83%;
    height: 50px;
    border: 1px solid #EF8300;
    font-size: 20px;
}
#content #search-form>input[type=submit] {
    float: left;
    min-width: 80px;
	width:10%;
    height: 50px;
    background: #1B1B7F;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.sub_container #search-form>input[type=submit] {
    float: left;
    min-width: 80px;
	width:10%;
    height: 50px;
    background: #1B1B7F;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.banner-box {
    margin-top: 40px;
    overflow: hidden;
}
.banner-box>div {
    float: left;
    width: 330px;
    height: 350px;
}
.banner-box>div+div {
    margin-left: 55px;
}
.banner-box>.banner1 {
    padding: 20px 30px;
    color: #fff;
}
.banner-box>.banner1>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.banner-box>.banner1>ul>li {
    padding: 7px 3px;
    width: 100%;
    overflow: hidden;
}
.banner-box>.banner1>ul>li+li {
    border-top: 1px solid rgba(255,255,255,.5);
}
.banner-box>.banner1>ul>li>a {
    float: left;
    width: 100%;
}
.banner-box>.banner2>div {
    padding: 30px 10px;
    width: 100%;
    height: 160px;
    text-align: center;
}

.slider>div {
    text-align: center;
}
.slider>div img {
    margin: auto;
    width: 160px;
    height: 39px;
}

/* Sub page */
#content .content {
    float: left;
    width: 850px;
}
#content .content .banner {
    margin: 20px auto;
    width: 500px;
    border: 1px solid #8C8C8C;
    overflow: hidden;
}
#content .content .banner>img {
    float: left;
}
#content .content .banner>ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    font-size: 10px;
}
#content .content .banner>ul>li {
    float: left;
    padding: 3px 0;
    width: 25%;
    background: #8C8C8C;
    color: #fff;
}
#content .content .banner>ul>li+li {
    border-left: 1px solid #fff;
}

/* right */
#content .aside {
    float: left;
    padding: 0 10px;
    width: 250px;
    font-size: 15px;
}
#content .aside .title {
    margin-top: 30px;
    color: #A52227;
}

/* Footer */
#footer {
    margin-top: 30px;
    width: 100%;
    height: 90px;
    background: #5F5F5F;
    text-align: center;
    color: #fff;
}
#footer>p {
	width:100%;
    padding: 35px 0;
    line-height: 20px;
}

/* _goTop 버튼 추가 */
#container {position:relative;}
#wingBnr {height:69px;margin:0 auto;position:fixed;left:50%;bottom:121px; width: 84px;border:1px solid #ccc;margin-left:570px;}
#wingBnr a {display:block; height:30px;border-top:1px solid #ddd; text-align:center; background-color:#FFF;color: #757575;}
#wingBnr a:first-child {border-top:0 none;}
#wingBnr font {display: block;padding: 7px 0;font-size: 12px;}
#wingBnr span {display: none;font-size:12px;line-height: 30px;color: #757575;}

/*
#wingBnr a:hover font,
#wingBnr a:focus font {display: none;}

#wingBnr a:hover span,
#wingBnr a:focus span {display: block;}
*/

.mobile_btn{display:none;}
.mobile_menu{display:none;}

.customer_slide .slick-arrow{position: absolute; border:0;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;}
.customer_slide .slick-prev{left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;}
.customer_slide .slick-next{right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;}

	.customer_slide{padding-left:30px; padding-right:30px; position:relative;}
.customer_slide_wrap{padding-top:30px;}


@media screen and (max-width:1120px){
.container{padding:0 20px; }
.banner-box{margin-left:-10px; margin-right:-10px;}
.banner-box>div+div{margin-left:0; }
.banner-box>div{padding:0 20px; width:33.3333%;}

}

@media screen and (max-width:960px){
#header{position:relative;}
#gnb{display:none;}

.mobile_btn{position:absolute; top:25px; right:30px; display:block;}
.mobile_menu{position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:10000;}
.mobile_menu.active{display:block;}
.mobile_menu_header{background:#f08200; position:relative;}
.mobile_menu_header h2{margin:0; padding:30px;}
.mobile_menu_close{position:absolute; top:35px; right:25px;}

.mobile_menu ul, .mobile_menu li{margin:0; padding:0; list-style:none;}
.mobile_menu font{display:block; font-size:17px; height:45px; line-height:45px; padding:0 15px; display:block; font-weight:600; background:#81786f; color:#fff;}
.mobile_menu li ul{padding:0 15px;}
.mobile_menu a{display:block; font-size:15px; line-height:22px; padding:10px;}
.mobile_menu li ul li + li{border-top:1px solid #dcdcdc;}

.mobile_menu > ul{overflow-y:auto;}
body.active{overflow:hidden;}
#footer{height:auto;}

.slide-wrapper{padding-top:20px;}
.customer_slide .slick-prev{left:-10px;}
.customer_slide .slick-next{right:-10px;}
 
.banner2 h2{margin-top:0; font-size:23px;}
.banner2 h1{margin-top:0; font-size:23px; line-height:1.5;}
}

@media screen and (max-width:640px){
.mobile_menu > ul{overflow-y:auto; height:calc(100% - 67px);}
.mobile_menu_header h2{padding:15px;}
.mobile_menu_header h2 img{width:110px;}
.mobile_menu_close img{width:25px;}
.mobile_menu_close{top:7px; right:5px;}
.mobile_menu a{font-size:14px;}
#header{height:65px;}
#top-logo{width:auto; height:65px;}
#top-logo img{width:200px;}
.mobile_btn img{width:25px;}
.mobile_btn{top:18px; right:20px;}
.main_title{max-width:410px; width:60%;}

.main_title_wrap{padding-top:25px !important;}
#content #search-form{position:relative; padding-right:65px;}
#content #search-form>input[type=text]{height:35px; width:100%;}
#content #search-form>input[type=submit]{position:absolute; top:0; right:0; width:65px; font-size:14px; height:35px;}
.main_slogun{font-size:15px !important; line-height:22px; margin-top:20px !important; padding:0 !important;}

.banner-box{margin-left:0; margin-right:0; }
.banner-box > div{float:none; margin-top:15px;}
.banner-box>div{width:auto; height:auto; padding:0;}
.banner-box>.banner2>div+div{margin-top:15px !important;}

.customer_slide_wrap{padding-top:30px;}
.slider>div img{width:95%; display:block; margin:0 auto; height:auto;}
.customer_slide .slick-prev{left:-10px;}
.customer_slide .slick-next{right:-10px;}

.footer_mobile{font-size:0; display:block; height:0;}

}