@charset "UTF-8";

#wrap {margin:0 auto;}
/********************************************************

		header

********************************************************/
#header {position:fixed;top:0;left:0;width:100%;height:126px;background-color:#fff;z-index:999999;-webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
/*#header:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;}*/
#header header {position:relative;max-width:var(--max); margin:0 auto;z-index:2}
#header h1 {float:left;padding:7px 0;line-height:1;}
#header h1 a {display:flex;align-items:center; } 
/*
#header.fixed:before {opacity:1;}
#header.fixed h1 a {background-image:none;}
#header.fixed h1 a img {opacity:1}
*/
img { -ms-interpolation-mode: bicubic; } 


@media screen and (max-width: 1310px){
	#header header {margin:0 15px;}
}
@media screen and (max-width: 1200px){
	/*header*/
	#header header {margin:0 15px;}
	#header:after {width:100%;}
}
@media screen and (min-width: 1025px){
	#header:after {content:'';display:none;position:absolute;top:126px;left:0;width:100%;height:350px;background-color:#eeedee;box-sizing:border-box;opacity:0; -webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s}
	#header.open:after {display:block;opacity:1; -webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;}
	/*#header:after {display:block;opacity:1; -webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;}*/
}
@media screen and (max-width: 1220px){
	#header:after { height:430px; } 
}
@media screen and (max-width: 1100px){
	#header h1 {display:flex;padding:15px 0;}
	#header h1 img {height:55px;}
} 
@media screen and (max-width: 1024px){
	#header {height:100px;}
	#header header {margin:0 10px;}
	#header h1 {display:flex;padding:7px 0;}
	#header h1 img {height:45px;}
	#header h1 object {height:40px;}
}


/*대메뉴 서브메뉴 레이아웃*/
.header-inner {float:right;}

.lnb-menu > li > a { display:block;padding:30px 0; font-weight:500;font-size:1rem;color:#111;letter-spacing:-0.5px;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}
/*

.lnb-menu > li > a:after {content:'';position:absolute;left:50%;right:50%;bottom:0;height:3px;background-color:#999;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.lnb-menu > li.on > a:after,
.lnb-menu > li > a:hover:after {left:0;right:0;}
*/
.lnb-menu > li > a:before { content: ''; position: absolute; left: -15px; top: 35px; width: 1px; height: 18px; background: #cfcfcf; opacity: 1; transition: all .1s; -webkit-transition: all .1s; -ms-transition: all .1s; } 
.lnb-menu > li.over > a:before { background: #cfcfcf; width: 3px; left: -16px; } 

@media screen and (min-width: 1025px){
	#header.fixed .lnb-menu > li > a {color:#242458;}
	.lnb-menu > li {float:left; display:inline-block;width:180px;  position:relative;  box-sizing:border-box; }
	
	.lnb-menu > li:nth-child(2) { width:180px; } 
	.lnb-menu > li:nth-child(3) { width:200px; } 
	.lnb-menu > li:nth-child(4) { width:200px; } 
	.lnb-menu > li:nth-child(5) { width:140px; } 
	/*
	.lnb-menu > li:nth-child(2) { width:160px; } 
	.lnb-menu > li:nth-child(3) { width:160px; } 
	.lnb-menu > li:nth-child(4) { width:155px; } 
	.lnb-menu > li:nth-child(5) { width:120px; } 
	.lnb-menu > li:nth-child(6) { width:10px; } 
	*/

	/*
	.lnb-menu > li:hover > a:after {opacity:1}
	*/ 
}
@media screen and (max-width: 1220px){
	.lnb-menu > li > a { font-size:0.938rem; } 

	.lnb-menu > li:nth-child(1) { width:150px; } 
	.lnb-menu > li:nth-child(2) { width:150px; } 
	.lnb-menu > li:nth-child(3) { width:150px; } 
	.lnb-menu > li:nth-child(4) { width:200px; } 
	.lnb-menu > li:nth-child(5) { width:100px; } 

	/*
	.lnb-menu > li:nth-child(6) { width:90px; } 
	*/

	/*
	.lnb-menu > li { width:120px;   }
	.lnb-menu > li:nth-child(2) { width:130px; } 
	.lnb-menu > li:nth-child(3) { width:120px; } 
	.lnb-menu > li:nth-child(4) { width:120px; } 
	.lnb-menu > li:nth-child(5) { width:130px; } 
	.lnb-menu > li:nth-child(6) { width:120px; } 
	*/
}
@media screen and (max-width: 1100px){
	/*
	.lnb-menu > li:hover > a:after {opacity:1}
	*/ 
}

#lnb_menu7 { display:none; } 
#lnb_menu8 { display:none; } 


.lnb-menu > li.over:nth-child(1) > a:before { background-color:#22509b !important; } 
.lnb-menu > li.over:nth-child(2) > a:before { background-color:#5fac0d !important; } 
.lnb-menu > li.over:nth-child(3) > a:before { background-color:#2e9dae !important; } 
.lnb-menu > li.over:nth-child(4) > a:before { background-color:#c27d2c !important; } 
.lnb-menu > li.over:nth-child(5) > a:before { background-color:#ef6266 !important; } 
.lnb-menu > li.over:nth-child(6) > a:before { background-color:#6643ca !important; } 


.lnb-menu > li.over:nth-child(1) > a, 
.lnb-menu > li.on:nth-child(1) > a, 
.lnb-menu > li:nth-child(1) > .lnb_sub_menu li a:hover  { color:#22509b !important; } 

.lnb-menu > li:nth-child(2) > a:hover, 
.lnb-menu > li.on:nth-child(2) > a, 
.lnb-menu > li:nth-child(2) > .lnb_sub_menu li a:hover  { color:#5fac0d !important; } 


.lnb-menu > li:nth-child(3) > a:hover, 
.lnb-menu > li.on:nth-child(3) > a, 
.lnb-menu > li:nth-child(3) > .lnb_sub_menu li a:hover  { color:#2e9dae !important; } 


.lnb-menu > li:nth-child(4) > a:hover, 
.lnb-menu > li.on:nth-child(4) > a, 
.lnb-menu > li:nth-child(4) > .lnb_sub_menu li a:hover  { color:#c27d2c !important; } 

.lnb-menu > li:nth-child(5) > a:hover, 
.lnb-menu > li.on:nth-child(5) > a, 
.lnb-menu > li:nth-child(5) > .lnb_sub_menu li a:hover  { color:#ef6266 !important; } 

.lnb-menu > li:nth-child(6) > a:hover, 
.lnb-menu > li.on:nth-child(6) > a, 
.lnb-menu > li:nth-child(6) > .lnb_sub_menu li a:hover  { color:#6643ca !important; } 

.lnb-menu > li:nth-child(6) { /*padding-right:30px;*/ } 



/* header sub */
.lnb_sub_menu {display:none;position:absolute;   width:100%; opacity:0; box-sizing:border-box;  -webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s }
.lnb_sub_menu ol {max-width:var(--max);margin:0 auto;text-align:left;box-sizing:border-box; padding-top:12px; } 
/*
.lnb_sub_menu.sM2 ul {padding-left:531px;}
.lnb_sub_menu.sM3 ul {padding-left:684px;}
.lnb_sub_menu.sM4 ul {padding-left:799px;}
.lnb_sub_menu.sM5 ul {padding-left:674px;text-align:right}
.lnb_sub_menu.sM5 li:last-child {margin-right:0;}
*/
.lnb_sub_menu ol {position:relative;}
.lnb_sub_menu li {display:block;  }
.lnb_sub_menu li a {display:block;padding:5px 15px 5px 0px;font-size:0.85rem;color:#333; font-weight:500; letter-spacing:-0.5px;text-transform:uppercase; box-sizing:border-box; word-break:keep-all; }
/*#lnb_menu2 > .lnb_sub_menu li a { color:#111 ; }*/
.lnb_sub_menu li a:hover {color:#111; }
/*
.lnb_sub_menu li:hover a {color:#111;}
*/


.lnb-menu > li  > .lnb_sub_menu {
	opacity: 1;
	left:0; 
	/*
	left: 0;
	opacity: 1;
	*/
    /*transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-ms-transition: opacity .5s;*/
}

.lnb-menu > li  > .lnb_sub_menu:after {
	content: '';
	position: absolute;
	left: -15px;
	top: 2px;
	width: 1px;
	height: 350px;
	background: rgba(26, 29, 33, 0.1);
	opacity: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.lnb-menu > li.over  > .lnb_sub_menu:after {
	content: '';
	position: absolute;
	left: -15px;
	top: -35px;
	width: 1px;
	height: 387px;
	background: rgba(26, 29, 33, 0.3);
	opacity: 1;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}


.lnb_menu_comment { color:#666; font-size:14px; padding-top:15px; padding-right:25px;  } 

.lnb_tab_list { display:flex; flex-direction:column; } 
.lnb_tab_list a { font-size:0.813rem !important; color:#999 !important; padding:2px 15px 2px 5px !important; } 


.header__menu-list li:hover a {color:#333;}
.header__menu-list li.on a {color:#333;}



@media screen and (min-width: 1025px){	
	/*
	.lnb_sub_menu:before {content:'';position:fixed;top:80px;left:0;width:100%;height:0;background-color:#0d1231;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;}
	.lnb_sub_menu.open:before {height:60px;}
	*/
	.lnb_sub_menu { min-height:22.5rem; }  /* 26.375rem */

	#header.open .lnb-menu {height:356px;  box-sizing:border-box; z-index:-99; }
	
}
@media screen and (max-width: 1300px){
	.lnb-menu > li {padding:0 0px;}
}
@media screen and (max-width: 1220px){
	.lnb-menu > li.over  > .lnb_sub_menu:after { height:467px; } 
}
@media screen and (max-width: 1200px){
.lnb_sub_menu li a { font-size:0.8rem; } 
}

/* header fixed */
#header.fixed {border-bottom:1px solid #eee; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.11);}

#header #header__lnb .lnb-menu > li > a {color:#111;}
#header #header__language select {background:url(/images/board/select_bg_off.png) no-repeat 90% center !important;border-color:#fff;color:#fff;}
#header.fixed h1 span {background:url(images/common/logo.png) no-repeat 0;}
#header.fixed #header__lnb .lnb-menu > li > a {color:#333;}
#header.fixed #header__language select {background:url(/images/board/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}

/* header hover */
/*#header.hover:before {opacity:0.8;}*/

#header.hover h1 span {background:url(images/common/logo.png) no-repeat 0;}
#header.hover h1 a:before {content:'';}
#header.hover #header__lnb .lnb-menu > li > a {color:#333;}
#header.hover #header__language select {background:url(/images/board/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.hover #header__menu button span.line {background-color:#333;}

/*Header 반응형*/
@media screen and (max-width: 1024px){
	.header-inner {display:none;float:none;overflow-y:auto;position:fixed;top:0;left:-1px;width:101%;height:1024px;height:100%;margin:0 !important;background-color:transparent;text-align:center;}
	#header .header-inner:before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;}
	#header #header__lnb {display:table;float:none !important;width:100%;height:100%;}
	#header #header__lnb .nav {display:table-cell;position:relative;top:0 !important;height:auto;background-color:transparent;vertical-align:middle;}
	#header #header__lnb .nav:before {display:none}
	#header #header__lnb .lnb-menu {margin-top:25px;}
	#header #header__lnb .lnb-menu > li {overflow:hidden;float:none;width:100% !important;height:auto;padding:0;border:none;}
	#header.fixed #header__lnb .lnb-menu > li > a,
	#header #header__lnb .lnb-menu > li > a {padding:10px !important;font-size:20px;color:#333; text-align:center; }
	#header #header__lnb .lnb-menu > li > a span {padding:0;}
	#header #header__lnb .lnb-menu > li h2 {font-size:16px;}
	/*#header #header__lnb .lnb-menu > li.on > a {color:#fff;}
	#header #header__lnb .lnb-menu > li.on > a:after {height:45px;background-color:transparent;border:2px solid #fff;}
	#header #header__lnb .lnb-menu > li.on {background-color:#333;border:1px solid #999;border-width:1px 0;}*/
	#header.fixed #header__lnb .lnb-menu > li {height:auto;}
	#header #header__lnb > .nav > .lnb-menu > li > a {display:inline-block;}
	#header #header__lnb > .nav > .lnb-menu > li > a:after {margin-bottom:0;}

	#header #header__lnb > .nav > .lnb-menu > li.ov > a {color:#888;}

	#header #header__lnb > .nav > .lnb-menu > li.ov:nth-child(1) > a {color:#22509b;}
	#header #header__lnb > .nav > .lnb-menu > li.ov:nth-child(2) > a {color:#5fac0d;}
	#header #header__lnb > .nav > .lnb-menu > li.ov:nth-child(3) > a {color:#2e9dae;}
	#header #header__lnb > .nav > .lnb-menu > li.ov:nth-child(4) > a {color:#c27d2c;}
	#header #header__lnb > .nav > .lnb-menu > li.ov:nth-child(5) > a {color:#6643ca;}


	#header #header__lnb > .nav > .lnb-menu > li.ov > a:after {content:none;margin-bottom:0;}
	#header .lnb_sub_menu {position:static;padding-bottom:20px;background-color:transparent;}
	#header .lnb_sub_menu ol {text-align:center;}
	#header .lnb_sub_menu li {display:block;margin:0 15px;}
	#header .lnb_sub_menu li a {padding:5px 0 5px;font-size:16px;color:#666;border-bottom:none;}
	#header .lnb_sub_menu li.on a {color:#075373;}
	#header #header__lnb .lnb-menu > li.on > a {color:#075373;}


	.lnb-menu > li > a:before { display:none; } 
	.lnb-menu > li.over > a:before { display:none; } 


	.lnb_menu_comment { display:none;  } 

}



/*검색 바*/
#header__search {position:relative;margin:22.5px 0;}
#header__search input {width:100%;height:35px;padding-right:15px;background-color:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;font-size:14px;color:#333;box-sizing:border-box;-webkit-box-shadow: none;-webkit-appearance: none;}
#header__search input::-webkit-input-placeholder {color:#fff !important;}
#header__search button {position:absolute;top:14px;right:0;width:11px;height:14px;background:url(images/common/btn_search2.png) no-repeat 0;border:none;text-indent:-9999px;cursor:pointer;}
#header.fixed #header__search input {color:#666;border-bottom:1px solid #999;}
#header.fixed #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
#header.fixed #header__search input::-webkit-input-placeholder {color:#666 !important;}
#header.fixed_store #header__search input {color:#666;border-bottom:1px solid #999;}
#header.fixed_store #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
#header.fixed_store #header__search input::-webkit-input-placeholder {color:#666 !important;}
#header.hover #header__search input {color:#666;border-bottom:1px solid #999;}
#header.hover #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
#header.hover #header__search input::-webkit-input-placeholder {color:#666 !important;}
@media screen and (max-width: 1024px){
	#header__search {width:205px;margin:0 auto;color:#fff !important;}
	#header__search input {border-bottom-color:#333;}
	#header #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
	#header.hover #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
	#header.fixed #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
	#header.hover #header__search input::-webkit-input-placeholder,
	#header.fixed #header__search input::-webkit-input-placeholder {color:#fff !important;}
}



/*언어*/
#header__language {display:inline-block;margin-left:62px;padding:38.5px 0;vertical-align:top;}
#header__language select {width:95px;height:27px;padding:5px;background:url(/images/board/select_bg.png) no-repeat 90% center !important;background-color:transparent;border:1px solid #666;font-size:12px;color:#333;box-sizing:border-box;}
#header__language option {color:#333;}



/*모바일 버튼*/
#header__mobile {display:none;position:absolute;top:18px;right:0;background-color:transparent;box-sizing:border-box;z-index:999999}
#header__mobile span {display:block;width:30px;height:2px;margin:0 auto;background-color:#333;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#header.fixed #header__mobile span {background-color:#333;}
#header__mobile .mid2 {margin:8px 0;}
#header__mobile.active{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#header__mobile.active span {background-color:#333 !important;}
#header__mobile.active span.mid2{width: 0px;}
#header__mobile.active span.mid1,
#header__mobile.active span.mid3 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
#header__mobile.active span.mid1{-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
#header__mobile.active span.mid3 {-webkit-transform: translateY(-10px) rotate(90deg);-ms-transform: translateY(-10px) rotate(90deg);-o-transform: translateY(-10px) rotate(90deg);transform: translateY(-10px) rotate(90deg);}
@media screen and (max-width: 1024px){
	#header #header__mobile {display:block;}
}





/********************************************************

		footer

********************************************************/
#footer {padding:35px 0; overflow:hidden;background:#363c45;}
#footer footer {position:relative;margin:0 auto;}
#footer .clear {clear:both}
#footer legend {display:none;}
#footer #layer-file-footer {display:none;position:absolute;padding:20px;border:1px solid #333;background:#fff;z-index:30;top:-250px !important;left:160px !important;}
#footer .btnTop {display:none;position:fixed;left:50%;bottom:15px;width:40px;height:40px;margin-left:670px;background:url(images/common/btn_top.gif) no-repeat center;background-size:cover !important;text-indent:-9999px;z-index:99999;cursor:pointer;}


#footer .f__inner { max-width:var(--max);  margin:0 auto;}
#footer .f__logo {float:left;margin-right:45px; overflow:hidden; }
#footer .f__address { float:left; font-weight:300;font-size:14px;color:#d1d2d3; opacity:1; }
#footer .f__address p {margin-bottom:3px; position:relative; }
#footer .f__address img {vertical-align:middle;}
#footer .f__address span { position:relative; } 


#footer .f__address .btn_wrap { float:right; right:0px; top:-5px; }
#footer .f__address .btn_wrap a { border:1px solid #d1d2d3; padding:2px 10px 4px; color:#fff; font-size:12px; opacity:1; transition: all 0.3s cubic-bezier(.42,0,.58,1);} 
#footer .f__address .btn_wrap a:hover { background:#d1d2d3; color:#000;} 

#footer .f__address .btn_wrap1 { display:block;}
#footer .f__address .btn_wrap2 { display:none;}

#footer .f__sns { display:flex; padding-bottom:15px; opacity:1; } 
#footer .f__sns a { margin-right:10px; border-radius:50%; }
#footer .f__sns a:last-of-type { margin-right:0; }

.btn_pulse a:hover {-webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite;}
@-webkit-keyframes pulse {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .55); box-shadow: 0 0 0 0 rgba(255, 255, 255, .55);	}
	70% { -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0);	}
	100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/*
*/
/*
#footer .f__address p:after { content:''; clear:both; display:block;  }
*/

#footer .f__address span:after {content:'';clear:both; display:inline-block;width:1px;height:13px;margin:0 5px;background-color:#404040;vertical-align:middle;}
#footer .f__address span:last-child:after {content:none;}

#footer .f__address span.tt { display:inline-block; color:##89d1f7; } 

#footer .copyright { border-top:1px solid #384458; padding-top:20px; margin-top:13px;letter-spacing:0; }
#footer .copyright-inner { max-width:var(--max);  margin:0 auto; font-weight:300;font-size:14px;color:#fff;opacity:0.7; box-sizing:border-box; padding-left:349px;  }

@media screen and (max-width: 1780px){
	
}

@media screen and (max-width:1330px){
	#footer .btnTop,
	#footer .btnTop.btnTop-bot.main-btn-top {left:auto;right:10px;margin-left:0;}
}

@media screen and (max-width: 1310px){
	/*footer*/
	#footer footer {margin:0 15px;} 
	#footer .f__address { font-size:13px; }
	#footer .copyright-inner { font-size:13px; }

}
@media screen and (max-width: 1024px){
	#footer {padding:1.563rem 0 1.25rem;}
	#footer .f__logo {display:none;} 
	#footer .copyright-inner { padding-left:0px;  }
}
@media screen and (max-width: 680px){
	#footer p:first-child span:nth-child(3) {display:block;}
	#footer .f__address { width:100%; text-align:center;}
	#footer .f__address span:after {margin:0 0px 0 5px}
	#footer span.line  {display:block;  }
	#footer .copyright-inner { width:100%; text-align:center;}

	#footer .f__address .btn_wrap1 { display:none;}
	#footer .f__address .btn_wrap2 { display:block; padding:10px 0; }
	#footer .f__address .btn_wrap { float:none; right:0px; top:0px; }

	#footer .f__sns { justify-content:center;  } 
}

@media screen and (max-width: 480px){
	#footer span  { font-size:13px; }
	
	#footer .copyright-inner { font-size:12px;}



}


body {background-color:#fff;}




/********************************************************

		sub

********************************************************/
#sub {padding-bottom:100px;}

/*#sub {padding-top:80px;}*/
/*#sub {padding-top:135px;padding-bottom:70px;}*/
.sub__menu {position:fixed;top:80px;left:0;width:100%;background-color:#b80b35;z-index:99;}
.sub__menu .menu-inner {max-width:var(--max);margin:0 auto;}
.sub__menu h2 {float:left;width:170px;height:55px;background-color:#333;font-weight:800;font-size:15px;color:#fff;text-align:center;line-height:55px;letter-spacing:-0.5px;box-sizing:border-box;}
.sub__menu ul {float:right;}
.about-menu {margin-left:118px;}
.artist-menu {margin-left:412px;}
.irpr-menu {margin-left:526px;}
.partner-menu {float:right !important;}
.sub__menu li {display:inline-block;margin-left:35px;}
.sub__menu a {display:block;padding:19px 0;font-weight:800;font-size:14px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
.sub__menu li.on a {color:#333;}
@media screen and (max-width: 1200px){
	.sub__menu ul {float:right;margin-left:0;margin-right:15px;}
}
@media screen and (max-width: 768px){
	#sub {padding-bottom:50px;}
}




/********************************************************

		sub__spot

********************************************************/
.sub__spot {position:relative;width:100%;height:210px;text-align:center;}
.sub__spot:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;font-family:'Open Sans';font-weight:bold;font-size:200px;color:#f4f4f4;line-height:200px;}
.sub__spot .l-table {position:relative;}
.sub__spot .h-spot {font-family:'Open Sans';font-weight:800;font-size:16px;color:#111;line-height:24px;letter-spacing:3px;text-transform:uppercase;}
@media screen and (max-width: 1200px){
	.sub__spot:before {font-size:130px;}
}





/* =================================================================

 	main 공통

 ================================================================= */
 /*#container {padding-bottom:90px;}*/
.main_var1 {padding-bottom:100px;}

@media screen and (max-width: 1200px){
	#container .l-content .maxWidth {margin:0 15px;padding:0;}
}
@media screen and (max-width: 1024px){
	.main_var1 {padding-bottom:50px;}
}





/* =================================================================
 	메인 슬라이드
 ================================================================= */
#main > section#main__slider {position:relative;padding:0 !important;}
#main__slider .slider-inner {height:900px;height:100vmin;padding-top:0;}
#main__slider .slider-scroll a {display:block !important;position:absolute;left:0;right:0;width:60px;height:60px;margin:0 auto;background: url(images/main/visual_scroll.png) no-repeat center bottom;font-size:14px;letter-spacing:2px;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;}
@keyframes scrollImage {0%{bottom:15px;}50%{bottom:30px;}100%{bottom:15px;}}
#main__slider .bx-default-pager {display:none;}

@media screen and (max-width: 768px){
	#main__slider .slider-scroll a {height:50px;background-size:25px !important;font-size:12px;}
}

/***********************************************************************
	컬러변경
************************************************************************/
.bx-wrapper .bx-pager.bx-default-pazger a {width:15px;height:15px;border:5px solid transparent;border-radius:50%;background-color:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#5e6776 !important;}
.pointColor {color:#999 !important;}






/***********************************************************************
	상단로그인 로그아웃 부분
************************************************************************/
.header_top { position:relative;background: #f7f7f7;height: 40px;border-bottom: 1px solid #dfdfdf;box-sizing: border-box; }
.header_top .row {max-width: var(--max);width: 100%;margin:0 auto;}
.con_l {float: left;}
.con_r {float: right; position:relative; }
.header_top .con_r {padding: 5px 0;  }
.header_top .con_r span {display: inline-block;vertical-align: middle; margin-right: 10px;}
.header_top .site_link { margin-right: 5px !important;  } 
.header_top .site_link a { display: inline-block;color: #666;padding: 0 20px; }


.header_top .site_link a.jobfair_btn { background:#38a2c5; color:#fff; padding: 2px 10px 3px;  z-index:1; transition:all 0.3s ease; } 
.header_top .site_link a.jobfair_btn:hover { color:#fff; background:#19305b; } 
.header_top .site_link a.jobfair_btn:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:#19305b; transform:skewX(-45deg); left:-100%; top:0px; transition:all .3s cubic-bezier(.42,0,.58,1); width:100%;  border-radius:0px; } 
.header_top .site_link a.jobfair_btn:hover:after { opacity:1; width:220%; }

.header_top .site_link a.jobfair_btn_2 { background:#2454a6; color:#fff; padding: 2px 10px 3px;  z-index:1; transition:all 0.3s ease; } 
.header_top .site_link a.jobfair_btn_2:hover { color:#fff; background:#152c62; } 
.header_top .site_link a.jobfair_btn_2:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:#19305b; transform:skewX(-45deg); left:-100%; top:0px; transition:all .3s cubic-bezier(.42,0,.58,1); width:100%;  border-radius:0px; } 
.header_top .site_link a.jobfair_btn_2:hover:after { opacity:1; width:220%; }

.header_top .site_link a.jobfair_btn_3 { background:#5fac0d; color:#fff; padding: 2px 10px 3px;  z-index:1; transition:all 0.3s ease; } 
.header_top .site_link a.jobfair_btn_3:hover { color:#fff; background:#498706; } 
.header_top .site_link a.jobfair_btn_3:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:#498706; transform:skewX(-45deg); left:-100%; top:0px; transition:all .3s cubic-bezier(.42,0,.58,1); width:100%;  border-radius:0px; } 
.header_top .site_link a.jobfair_btn_3:hover:after { opacity:1; width:220%; }

.header_top .search { display:inline-block; position:relative; min-width:20px;  box-sizing: border-box;  }
.header_top .search input { width:140px;height:30px;padding-right:15px;background-color:transparent;border:none;border-radius:0;box-shadow:none;font-size:14px;color:#999;box-sizing:border-box; font-weight:300;  -webkit-box-shadow: none;-webkit-appearance: none;}
.header_top .search input::-webkit-input-placeholder {color:#999 !important; font-weight:300;  text-shadow:0px 1px 1px #fff; }
.header_top .search button { position:absolute;top:5px;right:0;width:20px;height:21px;background:url(/common/theme/layout/images/common/search_btn2.png) no-repeat 0; background-size:90%; border:none;text-indent:-9999px;cursor:pointer;}

.header_top .search.on { width:160px; } 
.header_top .search.on input { width:100%; } 

@media screen and (max-width: 1024px){
.header_top .con_r { padding:7px 0; font-size:13px;  }
.header_top .con_r span {display: inline-block;vertical-align: middle; margin-right: 10px;}
.header_top .site_link a { padding: 0 10px; }
.header_top .site_link { margin-right: 10px !important; } 
.header_top .search input { font-size:12px;}
.header_top .search input::-webkit-input-placeholder { font-size:12px;  }
}
@media screen and (max-width: 768px){
	.header_top .search { display:none !important; } 
} 
@media screen and (max-width: 640px){
	.header_top .search { width:120px; } 
	.header_top .site_link a:nth-of-type(5) { display:; } 
}
@media screen and (max-width: 540px){
	.header_top .search { width:80px; } 
	.header_top .site_link a:nth-of-type(4) { display:none; } 
}
@media screen and (max-width: 440px){
	.header_top .search { width:80px; } 
	.header_top .search { display:none !important; } 
	.header_top .site_link a { padding: 0 5px; }
	.header_top .site_link { margin-right: 5px !important; } 
}
@media screen and (max-width: 375px){
	.header_top .search { width:80px; } 
	.header_top .search { display:none !important; } 
}
@media screen and (max-width:360px){
	.header_top .search { width:100px; } 
	.header_top .site_link a.jobfair_btn { display:none; } 
	.header_top .site_link a:nth-of-type(4) { display:revert; } 
	.header_top .site_link a:nth-of-type(5) { display:revert; } 

}
@media screen and (max-width:280px){
	.header_top .search { display:none !important; } 
}

/*.search_btn { position:absolute;top:5px;right:0;width:20px;height:21px;background:url(/common/theme/layout/images/common/search_btn.png) no-repeat 0;border:none;text-indent:-9999px;cursor:pointer*/