@charset "UTF-8";

#warp{ position: relative; min-height: 100%; padding-bottom: 230px;}
#warp footer { position: absolute; bottom: 0; left: 0; right: 0; height: 230px; }

.maxWidth { max-width: 1130px; margin: auto; padding: 0 20px;}

header { position: fixed; top: 0; left: 0; right: 0; height: 52px; z-index: 50; border-bottom: 1px solid rgba(255,255,255,0.1); transition: all .3s cubic-bezier(.215,.61,.355,1);}
header { border-bottom: 1px solid rgba(192,192,192,0.4); }
header .maxWidth { padding: 0 20px; }
header #gnb { border: 1px solid rgba(255,255,255,0.5); overflow: hidden; border-radius: 3px; float: right; margin-top: 29px; }
header #gnb ul { overflow: hidden; font-size: 0; text-align: center; }
header #gnb li { display: inline-block; font-size: 0; font-size: 13px; color: #fff; font-weight: 300; position: relative; }
header #gnb li + li:before { content: ''; position: absolute; left: 0px; width: 1px; height: 50%; top: 25%; background-color: rgba(255,255,255,0.6); }
header #gnb li a { color: #fff; font-size: 12px; font-weight: 300; display: block; height: 32px; line-height: 32px; padding: 0 15px; }
header #gnb li a i { position: relative; top:1px; }

header .headerInner { text-align: left; }
header .headerInner:after { content: ''; display: block; clear: both; }

header h1 { 
	cursor: pointer; display: inline-block; margin-top: 12px; height: 28px; width: 250px; text-indent: -9999px;
	float:left; transition: all .5s cubic-bezier(.215,.61,.355,1);
	/* background-image: url("/style/img/common/header/logo.png"); background-repeat: no-repeat;
	background-size: auto 200%; background-position: left 0%; */
}


header nav .navContainer { display: none; }
header nav { display: inline-block; vertical-align: top; /* margin-left: 130px; */ }
header nav li { display: inline-block;  vertical-align: top; }
header nav a { color: #333; display: block; line-height: 92px; padding:0 22px; position: relative; font-size: 15px; }
header nav a:hover { color: #e47c3b; }
header nav a span { font-weight: 400; }
header nav ul .active a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #e47c3b; } 

header nav .multiNav > .multiNav-inner { position: absolute; overflow:hidden; visibility:hidden; width: 100%; height:0; z-index: 50; left: 0; top:100%; border-top: 1px solid #dedede; border-bottom: 1px solid #ededed; background-color: #fff; transition: all .3s ease-in-out; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05); }
header nav .multiNav > .multiNav-inner ul{ max-width: 1170px; margin: auto; padding: 0 15px;  text-align: center; }
header nav .multiNav > .multiNav-inner ul a { color: #333; padding: 0 20px; font-size: 15px; line-height: 5.4rem; }
header nav .multiNav > .multiNav-inner ul a:hover { color: #e47c3b; }
header nav .multiNav > .multiNav-inner ul a:after { display: none; }
header nav .multiNav.multiNav-show > .multiNav-inner { visibility:visible; height: 5.4rem; }
header nav .multiNav.siteMap > .multiNav-inner { transition: all .5s ease-in-out; }
header nav .multiNav.siteMap > .multiNav-inner ul a { line-height: 170%; }
header nav .multiNav.siteMap.multiNav-show > .multiNav-inner { height: 250px; }
header nav .multiNav.siteMap ul { font-size: 0; }
header nav .multiNav.siteMap li { padding: 25px 0; width: 200px; height: 250px; }
header nav .multiNav.siteMap li + li { border-left: 1px dashed #dcdcdc; }
header nav .multiNav.siteMap li dl + dl { margin-top: 40px; }
header nav .multiNav.siteMap dt a { font-weight: 500; font-size: 17px; color: #3f4eab; margin-bottom: 5px; }
header nav .multiNav.siteMap dd a { font-size: 14px; color: #555; }

header nav .multiNav-full{ }

.headerScroll { /* background-color: rgba(0,0,0,0.9); */ background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); }

.categoryContainer { position: absolute; right: 0; top: 0; height: 100%; padding-right: 20px; }
.categoryIcon { 
	display: block; width: 24px; height: 24px; background-image: url("../img/common/icon/category_icon.png");
	background-size: 100% auto;
	text-indent: -9999px;
}

.sidebar{ background: #fff; }
.sidebar .wrapper{ position: relative; height: 100%; width: 100%; padding: 0 0 1.5rem; overflow-y: auto; box-sizing: border-box; }
.quitter{ position:absolute; top:0px; right: 0px; color: #47453d; width: 38px; height: 38px; text-align: center; }
.quitter span { font-size: 28px; }

.sidebar .loginUser { background-color: #f9da33; color: #47453d; line-height: 52px; padding: 0 20px; border-bottom: 1px solid #e2c735; font-weight: 400; }
.sidebar .gnb ul { overflow: hidden; border-bottom: 1px solid #e2c735; }
.sidebar .gnb ul li { width: 50%; float: left; }
.sidebar .gnb ul li + li { border-left: 1px solid #e2c735; }
.sidebar .gnb ul li a { font-size: 1.3rem; color: #47453d; display: block; background-color: #f9da33; line-height: 52px; text-align: center; font-weight: 400; }

.sidebarNav ul li { border-bottom:1px solid #e1e1e1; }
.sidebarNav ul li .sidebarBtn { display:block; overflow:hidden; font-size:1.4rem; padding:0.8rem 0rem; color:#666; }
.sidebarNav ul li .sidebarBtn:AFTER { content:'\00BB'; font-weight:normal; line-height:36px; font-size:2.2rem; width:45px; text-align:center; color:#aaa; float:right; }
.sidebarNav ul li .accordion:AFTER { content:'\002B'; }
.sidebarNav ul li .accordion.active:AFTER { content:"\2212"; }

.sidebarNav ul li i { float:left; width:40px; padding:5px; margin-left:0.5rem; }
.sidebarNav ul li span { line-height:36px; padding-left:20px; font-size: 1.4rem; font-weight: 400; }
.sidebarNav ul li .accordion-panel { background-color:#f2f4f7; padding:0; }
.sidebarNav ul li .accordion-panel ul li { border:0; }
.sidebarNav ul li .accordion-panel ul li { border-top:1px solid #e1e1e1; }

.topContainer  { position: relative; padding-top: 52px; transition: all .3s cubic-bezier(.215,.61,.355,1); }

#subWarp { padding-top: 52px; }
.summery { display: none; text-align: right; padding: 12px 0; text-align: right; padding: 12px 0; }
.summery ul { font-size: 0; }
.summery ul li { display: inline-block; vertical-align: middle; font-size: 0; }
.summery ul li i { color: #fff; padding: 0 3px; vertical-align: middle; line-height: 20px; height: 20px; font-size: 1.2rem; }
.summery ul li a { font-size: 1.2rem; font-weight: 400; display: block; height: 20px; line-height: 20px; color: #fff; }
.summery ul li a:hover { text-decoration: underline; }
.summery ul li:last-child a { color: #ffd257; }


.tabs { font-size: 0; }
.tabs li { display: inline-block; width: 50%; }
.tabs li:first-child a { border-left: 1px solid #d6d8db; }
.tabs li:last-child a { border-right: 1px solid #d6d8db; }
.tabs li a { 
	display: block; color:#817e78; background-color: #f2f3f4; font-weight: 400;
	text-align: center; line-height: 49px; font-size: 14px; outline: 0;
	border-top: 1px solid #d5d4d2; border-bottom: 1px solid #d5d4d2; 
}
.tabs li.ui-tabs-active a { border-color: #f9da33; color: #625e4b; background-color: #f9da33; box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); }
.ui-tabs { padding: 0; }
.ui-widget-header { border: 0; }
.ui-tabs .ui-tabs-nav li { margin: 0; background-color: transparent; border: 0; }
.ui-widget.ui-widget-content { border: 0; background-color: transparent; }
.ui-tabs .ui-tabs-panel { padding: 0; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: none; padding: 0; }

footer { background-color: #1a1a1a; padding-bottom: 40px; }
footer *, footer .customSelect label { color: #fff; }
footer .footerBar { border-bottom: 1px solid #868383; }
footer .footerNav ul { overflow: hidden; }
footer .footerNav li { float: left; position: relative; padding: 10px 15px 10px 0;}
footer .footerNav li + li { padding-left: 15px;}
footer .footerNav li + li:before { content: ''; width: 1px; height: 25%; background-color: rgba(255,255,255,0.5); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
footer .footerNav li a { display: block; font-size: 1.3rem; padding: 0.5rem 0; }

footer .footerInfo > ul { margin-left: -1rem;}
footer .footerInfo > ul > li { vertical-align: top; padding-left: 1rem;}
footer .footerInfo > ul > li dt { color: #e47c3b;}
footer .footerInfo > ul > li dd.callNumber { font-weight: 500; }
footer .footerInfo > ul > li dd em { color: #868383; }

footer .footerCopy { text-align: center; padding: 3rem 0; }
footer .footerCopy span { font-size: 1.2rem; display: block; color: #868383; }
footer .footerCopy strong { display: block; font-size: 1.1rem; margin-top: 10px; color: #868383; }

.pcShow { display: none !important; }
.maxShow { display: none; }
.comingSoon{ width: 600px; max-width: 80%; display: block; margin: 20px auto 30px; }

@media screen and (min-height: 1000px){ .comingSoon{ position: absolute; top: 47%; left: 50%; transform: translate(-50%, -50%); margin: 0; } }

@media (min-width: 800px){
	.pcShow { display: block !important; }
	.mobileShow { display: none !important; }
	
	header { height: 72px; }
	header h1 { margin-top: 18px; height: 36px; width: 250px; }
	.topContainer  { padding-top: 72px; }
	.summery { display: block; }
	
	footer .footerCopy { text-align: left; }
}

@media (min-width: 950px){
	footer .footerInfo > ul { width: 500px; margin-left: -1rem;}
	footer .footerInfo > ul > li { vertical-align: top; }
	footer .footerInfo > ul > li dt { margin-bottom: 1rem}
	footer .footerInfo > ul > li dd.callNumber { font-size: 3rem; }
	footer .footerInfo > ul > li dd em {  }
}

@media (min-width: 1130px){
	.maxShow { display: block; }
	.minShow { display: none; }
	
	header { height: 92px; }
	header h1 { height: 40px;  margin-top: 26px; }
	.topContainer  { padding-top: 92px; }
	.navContainer { text-align: right; }
}

@media (max-width: 800px){
	footer .footerCopy { text-align: center; padding: 2rem 0; }
	.footerInfo.floatRight { float: none;  }
	footer .footerInfo > ul > li { display: block; text-align: left; width: 100%; }
	footer .footerInfo > ul > li + li { margin-top: 1rem;}
	footer .footerInfo > ul > li dt { font-size: 1.2rem; }
}