@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

/*body, input, textarea, select, btn, table{font-family:'Nanum Gothic', 'Noto Sans KR',sans-serif;line-height:18px;font-size:13px;color:#333}*/
body, input, textarea, select, btn, table{font-family:'Noto Sans KR',sans-serif;line-height:18px;font-size:13px;color:#333}
body{-webkit-text-size-adjust:none; line-height: 1;}
strong, th, h1, h2, h3, h4, h5{font-family: 'Noto Sans KR',sans-serif;font-weight: normal;}
table{width:100%;border-collapse:collapse}
img, fieldset{border:0;vertical-align:top}
ul, ol{list-style:none}
em, address{font-style:normal}
caption{font-size:0;line-height:0;width:0;height:0;visibility:hidden;overflow:hidden}
button{cursor:pointer;margin:0;padding:0;background:none;border:0}
a{color:#333;text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none;}
ul, ol{zoom:1}
ul:after, ol:after{content:'';clear:both;display:block}
.accessbility {position:fixed;left:0;top:0;text-align:center;width:100%;z-index:10001;font-size:15px;background:#454545}
.accessbility a{display:block;height:0;width:0;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;color:#fff}
.accessbility a:focus, .accessbility a:active{height:auto;width:auto;padding:7px 0;color:#fff}

/* mainVisual */
#best01 a:hover .btn{background:#505a9b;}
#best02 a:hover .btn{background:#bc9b6a;}
#best03 a:hover .btn{background:#38936d;}
#best04 a:hover .btn{background:#c7696a;}
#nav {display: block}
#nav > li {display: block;margin-bottom:12px;}
#nav > li > a {display: block; width:9px; height: 9px; margin-bottom:9px; background: #fff; overflow: hidden; text-indent: -9999px; white-space: nowrap; border-radius:9px;}
#nav > li > a.current {height: 23px; background: #bc213b; margin-bottom: ;}
#nav > li > a.active {height: 23px; background: #bc213b; margin-bottom: ;}
.best-contentbox {position:relative;width:100%;height: auto;}
.best-contentbox:after {display:block;clear: both;content:'';}
.best-content {width:100%;height: 649px;}
.best-content:after {display:block;clear: both;content:'';}
.best-content > .category {position: absolute; display:table; top:0; left: 0; width:132px; height: 58px; z-index:10;}
.best-content.type01 > .category {background:#505a9b;}
.best-content.type02 > .category {background:#bc9b6a;}
.best-content.type03 > .category {background:#38936d;}
.best-content.type04 > .category {background:#c7696a;}
.best-content.type05 > .category {background:royalblue;}
.best-content.type06 > .category {background:palevioletred;}

.best-content > .category > h2 {display: table-cell; width:100%; height: 100%; text-align: center; vertical-align: middle;}
.best-content > .category > h2 > a { font-size:17px;color: #fff; font-weight: normal;}
.best-content > a {display: block;  width:100%; height: 100%;}
.best-content .thumbbox {width:100%; min-width:1550px; height: 100%; overflow: hidden;}
.best-content .thumbbox img {width:100%; height:auto;}
.best-content .text-inbox {position: absolute; top:38%; left:6.5%;}
.best-content .text-inbox > .title-box {color: #fff; font-weight: normal;}
.best-content .text-inbox > .title-box .stitle {font-size: 29px;}
.best-content .text-inbox > .title-box .title {padding:10px 0 30px 0; font-size: 59px;font-weight:600;}
.best-content .text-inbox > p {font-size:16px;line-height: 23px; letter-spacing:1px; color: #fff;}
.sub-content .best-content{width:100%; height:auto; overflow: hidden}
.best-content > .sub-contentbox {width:100%; height:100%;}
.best-content > .sub-contentbox > .title-box {position:relative; padding:97px 0 0 84px; width:100%; height:299px; box-sizing: border-box}
.best-content.type01 > .sub-contentbox > .title-box {background:#505a9b;}
.best-content.type02 > .sub-contentbox > .title-box {background:#bc9b6a;}
.best-content.type03 > .sub-contentbox > .title-box {background:#38936d;}
.best-content.type04 > .sub-contentbox > .title-box {background:#c7696a;}
.best-content.type01:after {content: ''; background:#505a9b; position:absolute; top:0; left:0; width:100%; height: 2px;}
.best-content.type02:after {content: ''; background:#bc9b6a; position:absolute; top:0; left:0; width:100%; height: 2px;}
.best-content.type03:after {content: ''; background:#38936d;; position:absolute; top:0; left:0; width:100%; height: 2px;}
.best-content.type04:after {content: ''; background:#c7696a;; position:absolute; top:0; left:0; width:100%; height: 2px;}
.best-content.type05:after {content: ''; background:royalblue;; position:absolute; top:0; left:0; width:100%; height: 2px;}
.best-content.type06:after {content: ''; background:palevioletred; position:absolute; top:0; left:0; width:100%; height: 2px;}

.best-content > .sub-contentbox > .title-box > h2 {float: left; position:relative; display: inline-block; padding-right:45px; margin-right:54px; line-height:45px;font-size: 40px; box-sizing: border-box}
.best-content > .sub-contentbox > .title-box > h2 > span.k-font{font-size:42px;padding-left:5px;}
.best-content.type01 > .sub-contentbox > .title-box > h2 {color:#505a9b;}
.best-content.type01 > .sub-contentbox > .title-box > h2:after {content: ''; position: absolute; top:7px; right:0; width:2px; height: 91px; background:#505a9b;}
.best-content.type02 > .sub-contentbox > .title-box > h2 {color:#bc9b6a;}
.best-content.type02 > .sub-contentbox > .title-box > h2:after {content: ''; position: absolute; top:7px; right:0; width:2px; height: 91px; background:#bc9b6a;}
.best-content.type03 > .sub-contentbox > .title-box > h2 {color:#38936d;}
.best-content.type03 > .sub-contentbox > .title-box > h2:after {content: ''; position: absolute; top:7px; right:0; width:2px; height: 91px; background:#38936d;}
.best-content > .sub-contentbox > .title-box > h3 {padding-bottom:20px;font-size:32px; color:#fff; font-weight: normal;}
.best-content > .sub-contentbox > .title-box > p {font-size:17px; color:#fff; line-height: 24px;}
.best-content > .sub-contentbox > .title-box > .btn-detail {position:absolute; top:50%; right:123px; margin-top:-33px; width:241px; height: 67px; border:2px solid #fff !important; font-size:18px; line-height:63px; box-sizing: border-box; text-align: center;}

/* 메인 */
.mainCustomer {width:1024px;margin:0 auto;overflow:hidden;}
.mcsBox {border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;width:33.2%;background:#fff;float:left;text-align:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
a:hover .mcsBox  {overflow:hidden;background:#f2f2f2;}
.brGray {border-right:1px solid #dfdfdf;}
.mcsIcon {margin:50px 0 10px;}
.mcsTitle {font-size:18px;font-weight:200;color:#222222;margin:0 0 50px;}
.mcsinfoWrap {overflow:hidden;width:1200px;margin:0 auto 70px;border-top:2px solid #7f2325;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.mcsonlineWrap {margin:26px 0 0 54px;}
.mcsTitle2 {font-size:22px;line-height:22px;font-weight:700;color:#222222;}
.mcsTxt2 {font-size:16px;line-height:16px;font-weight:100;color:#888888;margin-top:5px;}
.mcstimeWarp {height:50px;margin:26px 0 0 54px;padding-left:50px;border-left:1px solid #dfdfdf;}
.mcsPhone {font-size:40px;line-height:40px;font-weight:900;color:#7f2325;}
.mcsTime {font-size:13px;line-height:13px;font-weight:100;color:#888888;margin:24px 0 0 10px;}
.mcsphoneICO {padding:15px 30px;}



/* CLEARFIX */
.clearfix:after {content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0;} 
.clearfix {	display: inline-block;} 
.nav-btn{
	cursor:pointer;
	font-size:16px;font-weight:600;line-height:16px;margin:0 24px 0 0;
	background:url('../images/ico/bullet_grey.png') no-repeat right 5px;color:#5c5d5d;padding:0 10px 10px 0;border-bottom:2px solid #5c5d5d;
}
.nav-btn:hover, .nav-btn.active {
	background:url('../images/ico/bullet_red.png') no-repeat right 5px;color:#e60013;border-bottom:2px solid #e60013;
}


@media all and (max-width:1440px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:767px){
}