/**/
.wrap {max-width:1200px; }
.wrap.over {max-width:100%; padding:0 100px;}
.upp{text-transform: uppercase;}
header {position:relative;background:rgba(0,0,0,0.0);  }
header #tnb {}
header.in-active { }
header.in-active #tnb { background:rgba(255, 255, 255, 0.98);  box-shadow: 3px 0 10px 0 rgb(0 0 0 / 30%); }
header.in-active #tnb .logo a{}
header.in-active #tnb a.m1{color:#111;}
header.in-active #tnb .logo img{}
header.active {}

/* */
.wrap.location {max-width:1200px;}

@media screen and (max-width:1200px) {
    .wrap,
    .wrap.over,
    .wrap.location {max-width:95%; padding:0;}
}

/**/
#site-map-toggle {display:none;}

/*quick btn*/

#quick{position:fixed;right:5%;bottom:5%;z-index:1000;text-align:right;width:150px;}
#quick .flex{display:flex; flex-direction:column; align-items: flex-end;} 

#eb{}
#eb div {
    border-radius:50px 50px;background: rgba(255,255,255,1);width:60px;height:60px;transition:all 500ms;cursor:pointer;
    position:relative; box-shadow: 0 0 15px rgba(0,0,0,0.2); 
}
#eb span{position: absolute; left: 20px; top:19px; opacity: 0; transition-duration: 0.2s; color:#07348c; font-size: 16px; font-weight:600;}
#eb img{position:absolute;margin:auto;top:20px;right:15px; transition: all 500ms;}
#eb img.down{display:none;}
#ebook-btn:hover {width:125px;}
#ebook-btn:hover img.book{display: none;}
#ebook-btn:hover img.down{display: block;}
#ebook-btn:hover span{opacity: 1; transition-duration: 0.7s;}

#main-btn{margin:7px 0;}
#main-btn div {
    border-radius:50px 50px;background:#07348c;width:60px;height:60px;transition:all 500ms;cursor:pointer;
    position:relative; box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
#main-btn span{color: #fff; position: absolute; left: 20px; top:19px; opacity: 0; transition-duration: 0.2s; font-size: 16px;}
#main-btn img {position:absolute;margin:auto;top:19px;right:14px; transition: all 500ms;}
#main-btn img.down{display: none;}
#catalog-btn:hover {width:135px;}
#catalog-btn:hover img.book{display: none;}
#catalog-btn:hover img.down{display: block;}
#catalog-btn:hover span{opacity: 1; transition-duration: 0.7s;}

#video{}
#video div {
    border-radius:50px 50px;background: rgba(69,69,69,1);width:60px;height:60px;transition:all 500ms;cursor:pointer;
    position:relative; box-shadow: 0 0 15px rgba(0,0,0,0.2); 
}
#video span{color: #fff; position: absolute; left: 20px; top:19px; opacity: 0; transition-duration: 0.2s; font-size: 16px;}
#video img {position:absolute;margin:auto;top:19px;right:13px; transition: all 500ms;}
#video img.down{display: none;}
#video-btn:hover {width:140px;}
#video-btn:hover img.book{display: none;}
#video-btn:hover img.down{display: block;}
#video-btn:hover span{opacity: 1; transition-duration: 0.7s;}

@media screen and (max-width:768px) {
	#quick{text-align:left; width:100%; right:0; bottom:0;}
	#quick .flex{flex-direction:row; align-items:flex-start; justify-content:space-between;}
	#eb,
	#video{width:33.3%;}
	#main-btn{margin:0;width:33.5%;}
	#eb div,
	#main-btn div,
	#video div{border-radius:0; width:auto;}
	#eb span,
	#main-btn span,
	#video span{opacity:1;}
	#ebook-btn:hover,
	#catalog-btn:hover,
	#video-btn:hover {width:auto;}
	#ebook-btn:hover img.book,
	#catalog-btn:hover img.book,
	#video-btn:hover img.book{display: block;}
	#ebook-btn:hover img.down,
	#catalog-btn:hover img.down,
	#video-btn:hover img.down{display: none;}
}
@media screen and (max-width:430px) {
	#eb span,
	#main-btn span,
	#video span{font-size:14px; left:14px;}
}


/**/
#tnb {padding:0; position:fixed; z-index:9999; width:100%; height:100px; user-select:none; background:#fff;}
#tnb .wrap {height:100%; position:relative;}
#tnb a {color:#444; font-size:14px; display:block; text-align:center;}
#tnb a:hover{color:#e4001f; font-weight: 500;}
#tnb a.m1{font-size:20px; font-weight:600; color:#000;}
#tnb .logo {position:absolute; z-index:100; align-items: center; width: 220px; height:100px;}
#tnb .logo a{display:block; background: url(/images/layout/logo.png) no-repeat center; height:100%;}

/*#tnb .logo {position:absolute; display:flex; z-index:100; height:100%;align-items: center;}
/*#tnb .logo a {font-weight:bold; font-size:28px; color:#000;}*/
/*#tnb .logo a.hover {}*/
/*#tnb .logo a:hover span {transform:rotateY(360deg);}*/
/*#tnb .logo span {display:inline-block; transition:all 1500ms;}*/
/*#tnb .logo span:nth-child(1) {transition-delay:100ms;}*/
/*#tnb .logo span:nth-child(2) {transition-delay:200ms;}*/
/*#tnb .logo span:nth-child(3) {transition-delay:300ms;}*/
/*#tnb .logo span:nth-child(4) {transition-delay:400ms;}*/
/*#tnb .logo span:nth-child(5) {transition-delay:500ms;}*/
/*#tnb .logo span:nth-child(6) {transition-delay:600ms;}*/
/*#tnb .logo span:nth-child(7) {transition-delay:700ms;}*/
/*#tnb .logo span:nth-child(8) {transition-delay:800ms;}*/
/*#tnb .logo span:nth-child(9) {transition-delay:900ms;}*/
/*#tnb .logo span:nth-child(10) {transition-delay:1000ms;}*/
/*#tnb .logo span:nth-child(11) {transition-delay:1100ms;}*/
/*#tnb .logo span:nth-child(12) {transition-delay:1200ms;}*/
/*#tnb .logo span:nth-child(13) {transition-delay:1300ms;}*/
/*#tnb .logo span:nth-child(14) {transition-delay:1400ms;}*/
/*#tnb .logo span:nth-child(15) {transition-delay:1500ms;}*/

#tnb ul.m1 {
    width:100%; height:100%; display:flex; align-content: center; justify-content: flex-end; align-items: center;
    flex-direction: row; z-index:99; padding-right:120px;
}
#tnb li.m1 {
    position:relative; margin-left:90px;
}
#tnb ul.m2 {
    border:1px solid #ccc;
    display:none; position:absolute; width:150px; background:#fff; padding:10px; margin:auto;
    top:50px; right:0; bottom:auto; left:-16px;
}
#tnb a.m2{padding:8px 0;}

#tnb .lang {
    position:absolute; top:0; right:80px; bottom:0; left:auto; margin:auto;
    width:80px; height:30px;
}
#tnb .lang a {display:inline; font-size:13px; color:#666;}
#tnb .lang a.langKr{margin-right:4px;  /* text-decoration: underline; */ padding:7px 6px 8px; border-radius:20px;
    color:#fff; background:#07348c;}


@keyframes logoAnimation_hover {
    0% {transform:none;}
    100% {transform:rotateY(360deg)}
}

@media screen and (max-width:1400px) {
    #tnb .wrap.over {padding:0 30px;}
    #tnb .lang{right:0;}

}

@media screen and (max-width:1200px) {
    #tnb {height: 80px;}
    #tnb .wrap.over {padding:0;}
    #tnb .wrap ul {display:none;}
    #site-map-toggle {display:block;}
    #tnb .lang{right:30px;}
	#tnb .logo{height:80px;}

}

@media screen and (max-width:768px) {
    #tnb .wrap.over {padding:0;}
	#tnb .logo{width:180px;}
    #tnb .logo a{background: url(/images/layout/m_logo.png)}
    #site-map-toggle {width: 22px;}
    #tnb .lang {right:16px; top: 8px;}

}

/**/
#snb {
    display:none; margin:100px auto 0 auto; width:100%; position:fixed; z-index:11;
    background:rgba(255, 255, 255, 0.96); 
}
#snb.active {display:block;}
#snb .wrap {text-align:center; max-width: 1000px;}
#snb ul.m1 {}
#snb li.m1 {padding-bottom:30px; width: 250px;}
#snb a.m1 {display:none;}
#snb ul.m2 {min-height:1px;}
#snb li.m2 {line-height:36px;}
#snb li.m2:first-child{margin-top:20px;}

#snb a.m2 {display:block;}
#snb a.m2:hover {color:blue;}
@media screen and (max-width:1200px) {
    #snb{margin: 80px auto 0 auto;}
}

@media screen and (max-width:1150px) {
    
    
    
    #snb { height:75vh; padding-bottom:10vh; box-shadow:0 10px 10px rgba(0,0,0,0.5);}
    #snb .wrap {width:100% !important; max-width:100%; left:0 !important;}
    #snb a.m1 {display:block; margin:20px 0 10px 0; font-size: 25px; font-weight: 700;}
    #snb li.m1 {width:100%; text-align:left; padding:0 20px 10px 20px; border-bottom:1px dashed #ccc;}
    #snb ul.m2 {float:left;}
    #snb li.m2 {float:left; margin:0 10px 0 0 ;}
    #snb li.m2:first-child {margin:0 10px 0 0;}

}

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

}

/**/
#sbv {padding-top: 0;}
.sub-visual{background:url(/images/layout/sub_visual01.jpg) no-repeat center center; height:500px; position:relative; background-size:cover;}
.sub-visual#sub-visual-2 {background-image:url(/images/layout/sub_visual02.jpg);}
.sub-visual#sub-visual-3 {background-image:url(/images/layout/sub_visual03.jpg); }
.sub-visual#sub-visual-4 {background-image:url(/images/layout/sub_visual04.jpg); }

.sub-visual .rect {color:#fff; border:1px solid transparent; text-align: center; position: relative; top: 50%;}
.sub-visual .subVisualText_1 {}
.sub-visual .subVisualText_2 {margin-top: 10px; text-shadow: 0 0 5px rgba(0,0,0,0.2);}
.sub-visual .subVisualText_1 span {animation:subVisualText_1 both 1000ms; position:relative; display:inline-block; color:#fff;}
.sub-visual .subVisualText_2 span {animation:subVisualText_2 both 800ms; display:inline-block; color:#fff;}

@keyframes subVisualText_1 {
    0% {opacity:0; transform:translateY(-10px) rotateY(-180deg);}
    100% {opacity:1;}
}
@keyframes subVisualText_2 {
    0% {opacity:0;}
    100% {opacity:1;}
}

#subpage-menu {height:70px;position:relative; left:0; bottom: 0; width:100%; background: #07348c;}
#subpage-menu td {color:#000;line-height:70px; border-right:1px solid rgba(255,255,255,0.3); position:relative; height:70px; font-weight: 700;}
#subpage-menu td:last-child {position: relative;}
/*
#subpage-menu td:last-child:after{position: absolute; left:0; bottom:0; content: ''; background: rgba(255,255,255,0.3); width: 100%; height: 3px;}
*/
#subpage-menu td:nth-child(n+2) {min-width:270px;}
#subpage-menu td .drop-menu li,
#subpage-menu td .mon {padding:0 100px 0 30px;cursor:pointer;user-select:none; color:#fff;}
#subpage-menu td .mon img {transition:all 0.3s;}
#subpage-menu td .mon.active img {transform: rotate(-180deg);}
#subpage-menu td.home {padding:0;width:70px;position:relative; background: #07296b; text-align: center; border-right:0;}
#subpage-menu td.home img {position:relative;left:0;top:9px;}
#subpage-menu td.m img {position:absolute;margin:auto;top:0;bottom:0;right:20px;}
#subpage-menu .drop-menu {background:#f8f8f8;}
#subpage-menu .drop-menu {width:100%;position:absolute;z-index:100;}
#subpage-menu .drop-menu ul {display:none;}
#subpage-menu .drop-menu li {padding:0 30px !important; line-height: 3;}
#page-name{margin: 100px 0 50px 0; letter-spacing: -2px; text-align: center;}

@media (max-width:1200px) {
    .sub-visual{height: 300px;}
    .sub-visual .rect{top:48%;}
    .sub-visual .subVisualText_1{font-size: 40px;}
    #subpage-menu {height:55px;}
    #subpage-menu td,
    #subpage-menu td.home {height:55px; line-height:55px; padding:0;}
    #subpage-menu td.home {width:55px;}
    #subpage-menu .wrap {width:100%; max-width:100%;}
    #subpage-menu td .drop-menu li,
    #subpage-menu td .mon {padding:0; font-size: 15px;}
    #subpage-menu td.m img {display:none;}
    #subpage-menu td:nth-child(n+2) {width:auto; min-width:auto; padding:0 12px;}
    #subpage-menu .drop-menu {display:none;}
    #page-name{margin: 50px 0 50px 0; font-size: 35px; }
    #page-name:after{top:105px;}
    #page-name .sub_txt span{display: none;}
    
}

@media (max-width:800px) {
    #sbv {padding-top:80px;}
    .sub-visual .rect{top:39%;}
}
@media (max-width:500px) {
    .sub-visual{height: 186px;}
    .sub-visual .rect{top:30%;}
    .sub-visual .subVisualText_1{font-size: 34px;}
    .sub-visual .subVisualText_2{font-size:14px;}
    #page-name{font-size: 25px; margin:30px 0;}
    #page-name:after{top:85px;}
    #page-name .sub_txt{font-size: 15px;}
    #subpage-menu {height:45px;}
    #subpage-menu td, 
    #subpage-menu td.home{height: 43px; line-height: 43px;}
    #subpage-menu td.home img{max-width:32%; top:3px;}
    #subpage-menu td .drop-menu li, 
    #subpage-menu td .mon {font-size:12px;}
}


#sitemap{margin-bottom:70px;}
#sitemap .text-primary {color:#fbaa33 !important; font-size:19px;}
#sitemap ul li{padding:6px 0;}

.mobile{display:none;}
.mobile-menu{float:right; z-index:1000;}
.mobile-menu .dropmenu {position:relative; cursor:pointer; width: 35px;  height: 16px; transition: all 0.3s; opacity: 1; top: 38px; right:0;}
.mobile-menu .dropmenu span{display:block; background:#4e4e50; height:2px; transition:all 0.3s; position:absolute; right:0; top:0;}
.mobile-menu .dropmenu span:nth-child(1) {width:23px;}
.mobile-menu .dropmenu span:nth-child(2) {width:30px; top:8px;}
#tnb .mobile-menu .dropmenu.active {width:35px;}
#tnb .mobile-menu .dropmenu.active span:nth-child(1) {transform:rotate(45deg);width:35px;top:5px;}
#tnb .mobile-menu .dropmenu.active span:nth-child(2) {transform:rotate(-45deg);width:35px;top:5px;}
@media screen and (max-width:1150px) {
    .main-menu {display:none;}
    .mobile{display:block;}
    .mobile-menu .dropmenu {top:6px;}
}


/* 3depth tab-menu */
.model-tab{margin-bottom: 80px; }
.model-tab li{ text-align: center; border-top: 1px solid #ccc; padding-top: 30px;}
.model-tab li.active{border-top: 3px solid #123f98;}
.model-tab li a{color:#555; font-weight: 400; padding: 0 20px; display: inline-block;}
.model-tab li.active a {color:#07348c; font-weight: 500;}

@media screen and (max-width: 991px){
    .model-tab {display: block; min-height:57px; padding-top:57px;}
    .model-tab li{display: none; border-bottom: 1px solid #ddd; width: 100% !important; padding-top: 0; border-top: none;}
    .model-tab li.active{display: block; width: 100%; border-top: 2px solid #6b6051;  background: url(/images/layout/btn_arr_btm.png) right 15px center no-repeat; position: absolute; left:0; top:0; }
    .model-tab li a{padding:15px 0; display: block; }
}



/* 푸터 */
/* footer {background:#fff; padding:80px 0;} */
footer {background:#222; padding:35px 0 20px; color:#cecece; font-size: 15px; font-weight: 300;} 
footer .logo-foot {font-size:35px; font-weight:300; color:#fff; margin-bottom: 10px;}
footer .cs-center {color:#fff; font-size:20px; font-weight:bold;}
footer .cs-center .tel a {color:#53d1f5; font-size:40px;}
footer .company-info {border-bottom:1px solid #333; padding:0 0 30px 0;}
footer .company-info .float-left p { float:left;}
footer .copyright {padding:30px 0;}
footer .copyright .float-left {color:#999999; font-size:16px;}
footer .copyright .float-right a {color:#ccc;}
footer .copyright .m1 {margin:0 0 0 15px;}

@media screen and (max-width:900px) {
    
    footer {text-align: center;}
    footer .logo-foot{font-size: 25px;}
    footer .company-info{padding-bottom: 15px;}
    footer .company-info .float-left p{float:none; display: inline-block;}
    footer .float-left,
    footer .float-right{float:none !important; text-align: center !important;}
    footer .company-info .float-left p.mr-4,
    footer .company-info .float-left p.mr-5,
    footer .company-info .float-left p{margin:0 7px !important; line-height: 1.7;}
    footer .cs-center{margin-top: 20px;}
    footer .cs-center .tel{margin-top: -10px;}
    footer .cs-center .tel a{font-size: 30px;}
    footer .copyright{padding:30px 0 15px 0;}
    footer .copyright .float-right{display: none;}
}

@media screen and (max-width:768px) {
	footer{padding:35px 0 75px;}
}

@media screen and (max-width:430px) {
    footer .company-info .float-left p{display: block;}    
}