@charset "UTF-8";

#u_skip {position: relative; z-index: 3000; }
#u_skip a { position: absolute; top: -5rem; left: 0; width: 13.8rem; border: 1px solid #4ec53d; background: #333; text-align: center }
#u_skip a:active,#u_skip a:focus { top: 0; text-decoration: none; z-index: 1000 }
#u_skip span { display: inline-block; padding: 0.2rem 0.6rem 0 0; font-size: 1.3rem; line-height: 2.6rem;color: #fff; letter-spacing: -1px; white-space: nowrap}

#wrap{ position: relative; min-height: 100%; min-width: 320px; }
#wrap footer { position: absolute; bottom: 0; left: 0; right: 0; background-color: #272727; }

.maxWidth { max-width: 113rem; margin: auto; padding: 0 1.5rem; position: relative; }

header .logo { position: relative; z-index: 101; cursor: pointer; display: inline-block; float: left; height: 5.8rem; width: 30rem; max-width: 30rem; text-indent: -9999px; transition: all .5s cubic-bezier(.215,.61,.355,1); }
header .logo button { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
header .logo img { display: block; max-height: 3.4rem; max-width: 100%; }
header .headerInner:after { content: ''; clear: both; display: block;  }
header .maxWidth { height: 100%; }

@media (min-width: 800px){
	header .logo img { max-height: 4rem; }
}

@media (min-width: 1130px){
	header .logo img { max-height: 5rem; }
}


/**** header.type1 ****/

header.type1, header.type1 .headerInner { height: 6rem; }
header.type1 { position: relative; border-bottom: 1px solid rgba(192,192,192,0.4); transition: all .3s cubic-bezier(.215,.61,.355,1); padding: 0 2rem; }
header.type1 #gnb { border: 1px solid rgba(255,255,255,0.5); overflow: hidden; border-radius: 0.3rem; float: right; margin-top: 2.9rem; }
header.type1 #gnb ul { overflow: hidden; font-size: 0; text-align: center; }
header.type1 #gnb li { display: inline-block; font-size: 0; font-size: 1.3rem; color: #fff; font-weight: 300; position: relative; }
header.type1 #gnb li + li:before { content: ''; position: absolute; left: 0; width: 1px; height: 50%; top: 25%; background-color: rgba(255,255,255,0.6); }
header.type1 #gnb li a { color: #fff; font-size: 1.2rem; font-weight: 300; display: block; height: 3.2rem; line-height: 3.2rem; padding: 0 1.5rem; }
header.type1 #gnb li a i { position: relative; top: 1px; }

header.type1 .headerInner { text-align: left; padding: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 50; }
header.type1 .headerInner:after { content: ''; display: block; clear: both; }

header.type1 nav .navContainer { display: none; }
header.type1 nav { display: inline-block; vertical-align: top; /* margin-left: 130px; */ }
header.type1 nav li { display: inline-block;  vertical-align: top; }
header.type1 nav a { color: #333; display: block; line-height: 9.2rem; padding: 0 2.2rem; position: relative; font-size: 1.5rem; }
header.type1 nav a:hover { color:rgba(81,175,184,1);; }
header.type1 nav a span { font-weight: 400; }
header.type1 nav ul .active a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background-color:rgba(81,175,184,1);; } 

header.type1 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 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05); }
header.type1 nav .multiNav > .multiNav-inner ul{ max-width: 117rem; margin: auto; padding: 0 1.5rem;  text-align: center; }
header.type1 nav .multiNav > .multiNav-inner ul a { color: #333; padding: 0 2rem; font-size: 1.5rem; line-height: 5.4rem; }
header.type1 nav .multiNav > .multiNav-inner ul a:hover { color:rgba(81,175,184,1);; }
header.type1 nav .multiNav > .multiNav-inner ul a:after { display: none; }
header.type1 nav .multiNav.multiNav-show > .multiNav-inner { visibility: visible; height: 5.4rem; }
header.type1 nav .multiNav.siteMap > .multiNav-inner { transition: all .5s ease-in-out; }
header.type1 nav .multiNav.siteMap > .multiNav-inner ul a { line-height: 170%; }
header.type1 nav .multiNav.siteMap.multiNav-show > .multiNav-inner { height: 25rem; }
header.type1 nav .multiNav.siteMap ul { font-size: 0; }
header.type1 nav .multiNav.siteMap li { padding: 2.5rem 0; width: 20rem; height: 25rem; }
header.type1 nav .multiNav.siteMap li + li { border-left: 1px dashed #dcdcdc; }
header.type1 nav .multiNav.siteMap li dl + dl { margin-top: 4rem; }
header.type1 nav .multiNav.siteMap dt a { font-weight: 500; font-size: 1.7rem; color: #3f4eab; margin-bottom: 0.5rem; }
header.type1 nav .multiNav.siteMap dd a { font-size: 1.4rem; color: #555; }

header.type1.headerScroll { background-color: rgba(0,0,0,0.9); box-shadow: 0 0.3rem 0.6rem 0 rgba(0,0,0,.16); }

@media (min-width: 800px){
	header.type1 .headerInner { height: 7.2rem; }
	header.type1 .logo { height: 7.2rem; }
	.type1.topContainer { padding-top: 7.2rem; }
}

@media (min-width: 1130px){
	header.type1 .headerInner { height: 9.2rem; }
	header.type1 .logo { height: 9.2rem; }
	.type1.topContainer { padding-top: 9.2rem; }
}


/**** header.type2 ****/

header.type2 { position: fixed; top: 0; left: 0; right: 0; z-index: 50; }
header.type2 .headerInner { max-width: 160rem; position: relative; margin: auto; }

header.type2 #gnb { position: absolute; top: 1rem; right: 0; }
header.type2 #gnb ul { overflow: hidden; font-size: 0; text-align: center; }
header.type2 #gnb li { display: inline-block; font-size: 0; font-size: 1.3rem; color: #fff; font-weight: 300; position: relative; padding: 0 0.5rem; }
header.type2 #gnb li: nth-child(2):before { content: ''; position: absolute; left: 0; width: 1px; height: 45%; top: 50%; transform: translateY(-50%); background-color: rgba(255,255,255,0.6); }
header.type2 #gnb li a { color: #fff; font-size: 1.2rem; font-weight: 300; display: block; height: 2.8rem; line-height: 2.8rem; padding: 0 1.5rem; }
header.type2 #gnb li a i { position: relative; top: 1px; }

header.type2 #gnb li a.snsBtn { background-color: #131212; border-radius: 10rem; width: 2.8rem; text-align: center; padding: 0; }
header.type2 #gnb li a.snsBtn i { font-size: 1.5rem; line-height: 2.8rem; top: 0; }

header.type2 nav{ 
	position: absolute; right: 0; top: 5rem; z-index: 200; left: auto; bottom: auto; padding: 0 1.5rem;
    height: 6rem; background-color: #131212; color: #fff; transition: height .5s; overflow: hidden;
}
/* header.type2 nav.focusShow { height: 32rem; } */
header.type2 nav .navContainer { display: none; }
header.type2 nav > ul { font-size: 0; }
header.type2 nav > ul > li { display: inline-block;  vertical-align: top; }
header.type2 nav ul li a { color: inherit; display: block; line-height: 3rem; font-size: 1.5rem; }
header.type2 nav > ul > li > a { line-height: 6rem; position: relative; padding: 0 3.2rem; }

header.type2 nav a:hover { color: rgba(81,175,184,1);; }
header.type2 nav a span { font-weight: 400; }
header.type2 nav ul .active > a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background-color: rgba(81,175,184,1);; } 

header.type2 nav .multiNav { position: relative; }
header.type2 nav .multiNav > .multiNav-inner { text-align: left; padding-bottom: 1rem; padding-top: 1rem; }
header.type2 nav .multiNav > .multiNav-inner li { padding-left: 3.2rem; }
header.type2 nav .multiNav > .multiNav-inner a { padding-bottom: 0.8rem; }

@media (min-width: 800px){
	.type2.topContainer { padding-top: 7.2rem; }
}


@media (min-width: 1130px){
	header.type2 { padding: 0 4rem;  height: 9.2rem; }
	header.type2 .logo { height: 6rem; }
	header.type2 .headerInner { padding: 5rem 0 0; }	
	.type2.topContainer { padding-top: 9.2rem; }
}



/**** header.type3 ****/

header.type3 { transition: all .3s cubic-bezier(.215,.61,.355,1); padding: 0 2rem; }

header.type3 .headerInner {  position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 6rem; text-align: left; padding: 0; overflow: hidden; transition: all .3s cubic-bezier(.215,.61,.355,1); }
header.type3 .headerInner:before { content: ''; display: block; position: absolute; top: 6rem; left: 0; height: 1px; width: 100%; background-color: rgba(192,192,192,0.4); }
header.type3 .headerInner:after { content: ''; display: block; clear: both; }

header.type3 #gnb { border: 1px solid rgba(255,255,255,0.5); overflow: hidden; border-radius: 0.3rem; float: right; margin-top: 2.9rem; }
header.type3 #gnb ul { overflow: hidden; font-size: 0; text-align: center; }
header.type3 #gnb li { display: inline-block; font-size: 0; font-size: 1.3rem; color: #fff; font-weight: 300; position: relative; }
header.type3 #gnb li + li:before { content: ''; position: absolute; left: 0; width: 1px; height: 50%; top: 25%; background-color: rgba(255,255,255,0.6); }
header.type3 #gnb li a { color: #fff; font-size: 1.2rem; font-weight: 300; display: block; height: 3.2rem; line-height: 3.2rem; padding: 0 1.5rem; }
header.type3 #gnb li a i { position: relative; top: 1px; }

header.type3 nav .navContainer { display: none; }
header.type3 nav { display: inline-block; vertical-align: top; /* margin-left: 130px; */ }
header.type3 nav > ul > li { display: inline-block;  vertical-align: top; text-align: center; }
header.type3 nav a { color: #333; display: block; line-height: 9.2rem; padding: 0 2.2rem; position: relative; font-size: 1.5rem; }
header.type3 nav a:hover { color:rgba(81,175,184,1);; }
header.type3 nav a span { font-weight: 400; }
header.type3 nav ul .active a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background-color:rgba(81,175,184,1);; } 

header.type3.multiNav-wrap .headerInner { background-color: #fff; transition: all .3s ease-in-out; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05); } 

header.type3 nav .multiNav > .multiNav-inner ul { padding: 1rem 0; }
header.type3 nav .multiNav > .multiNav-inner ul a { color: #333; padding: 1rem 2rem; font-size: 1.5rem; line-height: 150%; }
header.type3 nav .multiNav > .multiNav-inner ul a:hover { color:rgba(81,175,184,1);; }
header.type3 nav .multiNav > .multiNav-inner ul a:after { display: none; }
header.type3 nav .multiNav.multiNav-show > .multiNav-inner { visibility: visible; height: 5.4rem; }
header.type3 nav .multiNav.siteMap > .multiNav-inner { transition: all .5s ease-in-out; }
header.type3 nav .multiNav.siteMap > .multiNav-inner ul a { line-height: 170%; }
header.type3 nav .multiNav.siteMap.multiNav-show > .multiNav-inner { height: 25rem; }
header.type3 nav .multiNav.siteMap ul { font-size: 0; }
header.type3 nav .multiNav.siteMap li { padding: 2.5rem 0; width: 20rem; height: 25rem; }
header.type3 nav .multiNav.siteMap li + li { border-left: 1px dashed #dcdcdc; }
header.type3 nav .multiNav.siteMap li dl + dl { margin-top: 4rem; }
header.type3 nav .multiNav.siteMap dt a { font-weight: 500; font-size: 1.7rem; color: #3f4eab; margin-bottom: 0.5rem; }
header.type3 nav .multiNav.siteMap dd a { font-size: 1.4rem; color: #555; }

header.type3.headerScroll { background-color: rgba(0,0,0,0.9); box-shadow: 0 0.3rem 0.6rem 0 rgba(0,0,0,.16); }
header.type3.headerScroll .categoryIcon { background-position: center 100%; }

@media (min-width: 800px){
	header.type3 .headerInner { height: 7.2rem; }
	header.type3 .headerInner:before { top: 7.2rem; }
	header.type3 .logo { height: 7.2rem; }
}

@media (min-width: 1130px){
	header.type3 .headerInner { height: 9.2rem; }
	header.type3 .headerInner:before { top: 9.2rem; }
	header.type3 .logo { height: 9.2rem; }
}


.categoryContainer { position: absolute; right: 0; top: 0; height: 100%; padding-right: 2rem; }
.categoryIcon { 
	display: block; width: 2.4rem; height: 2.4rem; background-image: url("/style/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: 0; right: 0; color: #fff; width: 3.8rem; height: 3.8rem; text-align: center; }
.quitter span { font-size: 2.8rem; }

.sidebar .loginUser { background-color: rgba(81,175,184,1);; color: #fff; line-height: 6rem; padding: 0 2rem; border-bottom: 1px solid #27a1ad; font-weight: 400; }
.sidebar .gnb ul { overflow: hidden; border-bottom: 1px solid #27a1ad; }
.sidebar .gnb ul li { width: 50%; float: left; }
.sidebar .gnb ul li + li { border-left: 1px solid #27a1ad; }
.sidebar .gnb ul li a { font-size: 1.3rem; color: #ffffff; display: block; background-color: rgba(81,175,184,1);; line-height: 6rem; 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 0; color: #666; }
.sidebarNav ul li .sidebarBtn:after { content: '\00BB'; font-weight: normal; line-height: 3.6rem; font-size: 2.2rem; width: 4.5rem; 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: 4rem; padding: 0.5rem; margin-left: 0.5rem; }
.sidebarNav ul li span { line-height: 3.6rem; padding-left: 2rem; font-size: 1.5rem; 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; }
.sidebarNav ul li .accordion-panel ul li a { color: #555; padding: 0.5rem 0; display: block; }

.topContainer { position: relative; transition: all .3s cubic-bezier(.215,.61,.355,1); }
.subContainer { padding-bottom: 5rem; }


.summery { display: none; text-align: right; padding: 1.2rem 0; text-align: right; }
.summery ul { font-size: 0; }
.summery ul li { display: inline-block; vertical-align: middle; font-size: 0; }
.summery ul li i { color: #535759; padding: 0 0.3rem; vertical-align: middle; line-height: 2rem; height: 2rem; font-size: 1.2rem; }
.summery ul li a { font-size: 1.2rem; font-weight: 400; display: block; height: 2rem; line-height: 2rem; color: #535759; }
.summery ul li a:hover { text-decoration: underline; }
.summery ul li:last-child a { color: rgba(81,175,184,1);; }


.tabs { font-size: 0; }
.tabs li { display: inline-block; width: 50%; }
.tabs_3 li { width: 33.333%; }
.tabs_4 li { width: 25%; }
.tabs li:first-child a { border-left: 1px solid #e3e5e4; }
.tabs li:last-child a { border-right: 1px solid #e3e5e4; }
.tabs li a { 
	display: block; color: #61686a !important; background-color: #f2f3f4; font-weight: 400;
	text-align: center; line-height: 5rem; font-size: 1.4rem; outline: 0;
	border-top: 1px solid #e3e5e4; border-bottom: 1px solid #e3e5e4; 
}
.tabs li + li a { border-left: 1px solid #e3e5e4; } 
.tabs li.ui-tabs-active a { border-color: rgba(81,175,184,1);; color: #fff !important; background-color: rgba(81,175,184,1);; box-shadow: 0 0.3rem 0.6rem 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; }
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: 1rem 1.5rem 1rem 0;}
footer .footerNav li + li { padding-left: 1.5rem;}
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:rgba(81,175,184,1);;}
footer .footerInfo > ul > li dd.callNumber { font-weight: 500; }
footer .footerInfo > ul > li dd em { color: #868383; }

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

.pcShow { display: none !important; }
.maxShow { display: none; }
.comingSoon{ width: 60rem; max-width: 80%; display: block; margin: 2rem auto 3rem; }


@media (min-width: 800px){
	.pcShow { display: block !important; }
	.mobileShow { display: none !important; }
	.summery { display: block; }	
	footer .footerCopy { text-align: left; }
}

@media (min-width: 950px){
	footer .footerInfo > ul { width: 50rem; 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; }
}

@media (min-width: 1130px){
	.maxShow { display: block; }
	.minShow { display: none; }
	.navContainer { text-align: right; }
}

@media (max-width: 800px){
	footer .footerCopy { text-align: center; padding: 2rem 0; }
	footer .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; }
}