@charset "utf-8";



@media screen and (min-width:1570px){
	.header{width:100%; position:fixed; z-index:1000; }
	.header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(65,106,179,0.5);}
	.header.head-on .header-logo {padding:34px 0 32px 60px ; }
	.header.head-on ul > li >  a{color:#000; font-size:17px; }
	.header.head-on .header-menu > ul {padding-top:50px; }
	.header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
	.header:after{clear:both; content:""; display: block;}
	.header-logo{padding:50px; float:left;}
	.header-menu{float:right; padding-right:60px; }
	.header-menu > ul {padding-top:50px; }
	.header-menu > ul > li{line-height: 37px; position: relative; padding-right:40px; display:inline-block;}
	.header-menu > ul > li:last-child{padding-right:20px;}
	.header-menu > ul > li:last-child a i{font-size:20px; }
	.header-menu > ul > li >  i{color:rgba(255,255,255,0.5); font-size:14px}
	.header-menu > ul > li >  a{color:#fff; font-size:20px;font-weight:900;}
	.header-menu > ul > li >  a span{padding-left:10px;  }
	.header-menu > ul > li > ol{width:220px;position: absolute;left:0;background-color: #fff; padding:15px; display: none ;border-top:4px solid #174373 ;}
	.header-menu > ul > li > ol>li > a {padding:0px 10px; font-weight:700; font-size:15px; line-height: 35px ; color:#868686 }
	.header > .header-menu > ul > li.on > a{color:#174373 }
	.header-menu > ul > li > ol>li > a:hover{color:#174373}



}

@media screen and (min-width:1179px) and (max-width:1569px){
    .header{width:100%; position:fixed; z-index:1000; }
    .header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(65,106,179,0.5);}
    .header.head-on .header-logo{padding:43px 0 32px 60px ; }
    .header.head-on ul > li >  a{color:#000; font-size:17px; }
    .header.head-on .header-menu > ul {padding-top:55px; }
    .header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
    .header:after{clear:both; content:""; display: block;}
    .header-logo{padding:60px; float:left;}
    .header-menu{float:right; padding-right:60px; }
    .header-menu > ul {padding-top:70px; }
	.header-menu > ul > li{line-height: 37px; position: relative; padding-right:70px; display:inline-block;}
	.header-menu > ul > li:last-child{padding-right:20px;}
    .header-menu > ul > li:last-child a i{font-size:20px; }
    .header-menu > ul > li >  i{color:rgba(255,255,255,0.5); font-size:14px}
    .header-menu > ul > li >  a{color:#fff; font-size:17px; }
    .header-menu > ul > li >  a span{padding-left:10px;  }
    .header-menu > ul > li > ol{width:100%; position: absolute;left:50%; transform: translateX(-50%);background-color: #fff; padding:25px 0; display: none ;border:1px solid rgba(65,106,179,0.5); border-top:4px solid #174373 ;}
    .header-menu > ul > li > ol>li > a {padding:0px 10px; font-weight:700; font-size:15px; line-height: 35px ; color:#868686 }
    .header > .header-menu > ul > li.on > a{color:#174373 }
    .header-menu > ul > li > ol>li > a:hover{color:#174373}
}

@media screen and (min-width:700px) and (max-width:1178px){
    .header{width:100%; position:fixed; z-index:1000; }
    .header h1 img{}
    .header.head-on{background-color: #fff; height:110px; border-bottom:3px solid rgba(65,106,179,0.5);}
    .header.head-on ul > li >  a{color:#000; font-size:15px; }
    .header.head-on .header-menu > ul {padding-top:55px; }
    .header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
    .header:after{clear:both; content:""; display: block;}
    .header-logo{position:fixed; left:60px; top:60px; z-index: 100;}
    .header-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100vh; background-color:  rgba(65,106,179,0.9); display: none;}
    .header-menu > ul {position:absolute; left:60px; top:145px; }
    .header-menu > ul > li{position: relative;margin-bottom:45px;}
    .header-menu > ul > li:last-child a i{font-size:25px; }
    .header-menu > ul > li:last-child{ top: 52px;right: 101px; position: fixed; z-index: 10;}
    .header-menu > ul > li >  i{color:#fff; font-size:14px}
    .header-menu > ul > li >  a{color:#fff; font-size:22px; }
    .header-menu > ul > li >  a span{padding-left:10px;  }
    .header-menu > ul > li > ol{padding-top:20px !important; margin-left: 20px; display: none;}
    .header-menu > ul > li > ol>li > a {font-size:15px; line-height: 35px ; color:#fff ; transition: all 0.5s;}
    .header > .header-menu > ul > li.on > a{font-weight: 800;}
    .header-menu > ul > li > ol>li:hover a:before{content:"\f0da"; font-family: FontAwesome; margin-right:10px; }
    .hambuger-menu-wrap{height:27px ; position:relative; cursor:pointer; width:35px;right:30px; top:50px; z-index:999; float:right; }
    .hambuger-menu-wrap span{width:35px; height:3px; background-color:#fff; display:block; position: absolute; right:0;border-radius: 10%;transition: all 0.5s;}
    .hambuger-menu-wrap span:nth-of-type(1){top:0px; }
    .hambuger-menu-wrap span:nth-of-type(2){top:50%; transform: translateY(-50%); }
    .hambuger-menu-wrap span:nth-of-type(3){bottom:0px; }
    .hambuger-menu-wrap.on span:nth-of-type(2){opacity:0 }
    .hambuger-menu-wrap.on span:nth-of-type(1){top:50% ;transform:translateY(-50%) rotate(45deg);}
    .hambuger-menu-wrap.on span:nth-of-type(3){bottom: 50%;transform:translateY(50%) rotate(-45deg); }
}

@media screen and (max-width:699px){
    .header{width:100%; position:fixed; z-index:1000; }
    .header h1 img {height:25px;}
    .header.head-on{background-color:rgba(255,255,255,1); height:60px; border-bottom:1px solid #ddd;}
    .header.head-on ul > li > a{color:#fff; font-size:15px; }
    .header.head-on .header-menu > ul {padding-top:55px; }
    .header.head-on ul > li:last-child a i{color:rgba(0,0,0,0.5)}
    .header:after{clear:both; content:""; display: block;}
    .header-logo{position:fixed; left:20px; top:20px; z-index: 100;}
    .header-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100vh; background-color:  rgba(65,106,179,0.9); display: none;}
    .header-menu > ul {position:absolute; left:60px; top:145px; }
    .header-menu > ul > li{position: relative;margin-bottom:45px;}
    .header-menu > ul > li:last-child a i{font-size:25px; }
    .header-menu > ul > li:last-child{ }
    .header-menu > ul > li >  i{color:#fff; font-size:14px}
    .header-menu > ul > li >  a{color:#fff; font-size:22px; }
    .header-menu > ul > li >  a span{padding-left:10px;  }
    .header-menu > ul > li > ol{padding-top:20px !important; margin-left: 20px; display: none;}
    .header-menu > ul > li > ol>li > a {font-size:15px; line-height: 35px ; color:#fff ; transition: all 0.5s;}
    .header > .header-menu > ul > li.on > a{font-weight: 800;}
    .header-menu > ul > li > ol>li:hover a:before{content:"\f0da"; font-family: 'Font Awesome 6 Pro'; margin-right:10px; }
    .hambuger-menu-wrap{height:27px ; position:relative; cursor:pointer; width:35px;right:30px; top:20px; z-index:999; float:right; z-index:99999}
    .hambuger-menu-wrap span{width:35px; height:3px; background-color:#fff; display:block; position: absolute; right:0;border-radius: 10%;transition: all 0.5s;}
    .hambuger-menu-wrap span:nth-of-type(1){top:0px; }
    .hambuger-menu-wrap span:nth-of-type(2){top:50%; transform: translateY(-50%); }
    .hambuger-menu-wrap span:nth-of-type(3){bottom:0px; }
    .hambuger-menu-wrap.on span:nth-of-type(2){opacity:0 }
    .hambuger-menu-wrap.on span:nth-of-type(1){top:50% ;transform:translateY(-50%) rotate(45deg);}
    .hambuger-menu-wrap.on span:nth-of-type(3){bottom: 50%;transform:translateY(50%) rotate(-45deg); }
} 



/* 공통 레이아웃 */ 
@media screen and (min-width:1200px){
	#subvisual {position:relative;background-image:url(../../sub/img/sub-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}
	#subvisual .inner {position:relative;height:400px;}
	#subvisual h2 {color:#fff;font-size:50px;font-weight:900;text-align:center;padding:30px;padding-top:180px;}
	#subvisual .sub-tabmenu {position:absolute;left:0;bottom: 0;width:100%;background-color:rgba(0, 0, 0, 0.5);}
	#subvisual .sub-tabmenu li {float:left;text-align:center;   overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	#subvisual .sub-tabmenu li:not(:first-child) a::after {content:"";position:absolute;width:1px;height:29px;background-color:#909194;left:0;top:50%;transform:translateY(-50%)}
	#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
	#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#fff;color:#333;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
	#subvisual .sub-tabmenu li a {display:block;font-size:20px;font-weight:300;line-height:70px;letter-spacing:-1px;color:#fff;position:relative;}
	#container .container-inner {width:1200px;padding:100px 0;margin:0 auto;}
	.inner {position:relative;max-width:1200px !important;margin:0 auto;}
}
@media screen and (min-width:1px) and (max-width:1199px){
	#subvisual {position:relative;background-image:url(../../sub/img/sub-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}
	#subvisual .inner {position:relative;height:250px;}
	#subvisual h2 {color:#fff;font-size:20px;font-weight:900;text-align:center;padding-top:100px;}
	#subvisual .sub-tabmenu {position:absolute;left:20px;bottom:20px;right:20px;background-color:rgba(0, 0, 0, 0.5);}
	#subvisual .sub-tabmenu li {width:33% !important;float:left;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#fff;color:#333;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
	#subvisual .sub-tabmenu li a {display:block;font-size:13px;font-weight:300;line-height:40px;letter-spacing:-1px;color:#fff;position:relative;}
	#container .container-inner {padding:20px}
	.inner {position:relative;}
} 

/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;}


/* 서브페이지 - 타이틀 */ 
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-terms {}
#container .sub-terms .subject {color:#1a1a1a;margin-bottom:10px;font-weight:500;}
#container .sub-terms .content {color:#9a9a9a;font-size:15px;margin-bottom:50px;line-height:150%;text-align:justify;}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:70px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link img {width:40px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:40px;height:40px;line-height:20px;font-size:10px;color:#fff;text-align:center;background:#000;border-radius:100px;padding:10px;cursor:pointer;opacity:0.6;z-index:99999;}
#scroll-link:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}

/* 페이지 에니메이션 */
.up {transform:translateY(30px); opacity:0;transition:all 1s; transition-delay:0.1s}
.up.active {transform:translateY(0px); opacity:1;}