@charset "utf-8";


@media all and (max-width:1850px){

#gnb > ul{margin-top:0px; padding-left:180px;}
#gnb .gnb-2dep-inner{margin-left:0px;}
	.gnb-2dep-menu-list{float:left; width:100%; padding-left:0;}
	.gnb-2dep-menu-txt{float:right; margin-left:30px;  width:calc(50% - 30px);}
	.gnb-2dep-menu-txt .gnb-2dep-menu-info,
	.gnb-2dep-menu-txt .gnb-2dep-menu-img{width:50%;}
	.gnb-2dep-menu-txt .gnb-2dep-menu-img img{width:100%;}
  .sitemap-line-btn{right:14%;   }


} /* end */



@media all and (max-width:1620px){

	.area-box{padding:0 15px;}
  .sitemap-line-btn{right:12%;   }

} /* end */


@media all and (max-width:1520px){

#headerInner { padding: 0 0px 0 0;}
.sitemap-line-btn {right:8%;}
#gnb > ul { margin-top: 0px; padding-left:180px;}
#gnb.total-menu > ul > li .gnb-2dep {left:0%; top: 100px;}
#gnb .gnb-2dep-inner { margin-left:0px;}
#gnb > ul > li > a {font-size: 16px;}
#gnb > ul > li > a:hover, 
#gnb > ul > li.on > a,
#gnb > ul > li.active > a{color:#278bda; font-size:18px; font-weight:500;}

} /* end */


@media all and (max-width:1420px){

#headerInner { padding: 0 0px 0 4%;}
.sitemap-line-btn {right:8%;}
  
.gnb-2dep-menu-list ul{padding-left:23%; max-width:1200px; margin:0 auto;}
#gnb > ul {
  margin-top: 0px;
  padding-left: 140px;
}

} /* end */
  

@media all and ( max-width: 1220px ){

#headerInner{padding:0 30px;  background: #fff; }
#gnb > ul{margin-left:290px}
#gnb > ul > li > a{font-size:17px; padding:0 20px}
#gnb > ul > li .gnb-2dep ul li a{font-size:14px; }
#gnb .gnb-2dep-inner{margin-right:100px; margin-left:295px}
.gnb-2dep-menu-txt{margin-left:0}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt{font-size:28px;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dd{font-size:12px;}
.gnb1 .gnb-2dep-menu-list li{width:140px; padding-right:20px} 
.gnb2 .gnb-2dep-menu-list li{width:140px; padding-right:20px}
.gnb3 .gnb-2dep-menu-list li{width:140px; padding-right:20px}
.gnb4 .gnb-2dep-menu-list li{width:140px; padding-right:20px}
.gnb5 .gnb-2dep-menu-list li{width:140px; padding-right:20px}

#header .logo { position: relative;  z-index: 100; float: left; padding: 0px 0;  height: 70px; display: inline-block;}
#gnb > ul > li > a { position: relative; z-index: 100; display: block; height: 70px; line-height: 70px; padding: 4px 30px 0 30px;
    text-align: center; color:#fff; font-size: 16px; font-weight: 500;  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
#gnb.total-menu > ul > li .gnb-2dep {
    visibility: hidden; opacity: 0; filter: Alpha(opacity=0); position: absolute; left: 0; top: 70px; z-index: 99;
    width: 100%; padding: 40px 0; text-align: left; -webkit-transition: all 0s 0s; -moz-transition: all 0s 0s;
    -o-transition: all 0s 0s;  -ms-transition: all 0s 0s; transition: all 0s 0s;  }

.main_scroll_box{display:none;}  
.utilLink{display:none;}
  
#gnbBg {position: absolute; left:0; top:70px; width:100%; height: 0;
    background: url(/file/img/s_img/_bg_header.png) repeat 0 0; z-index: 98; -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s;  }
    
#header,#headerInnerWrap{height:70px;}
#headerInnerWrap{z-index:99; background-color:#fff; z-index:10000}
.index-wrapper #header{position:fixed; z-index:99}
.index-wrapper #headerInnerWrap{position:fixed;}
#header .logo{padding:20px 0; height:70px;}	
#header .logo .pc-logo{display:none;}
#header .logo .m-logo{display:block; }
#header .logo img{padding-top:0px; width:160px;}
#gnb > ul > li > a{font-size:16px; padding:0 20px}
#gnb{display:none;}

.index-wrapper .sitemap-line-btn .line{background-color:#333;}


.sitemap-line-btn { position: absolute; top: 0px; right: 0; width:70px; height: 70px; z-index: 1111; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.area{padding:0 15px;}
.main_scroll_box{display:none;}

.utilLink{display:none;}

.utilLink_m {display:block; position:absolute; right:0px; top:20px;width:280px; text-align:right; }
.utilLink_m > a {display:inline-block;font-size:90%;margin:0px; padding: 0px 15px;color:#111; line-height:1.5; background:url('../img/s_img/top_part_m.png') no-repeat right 2px;}
.utilLink_m > a.h{padding-top:10px; padding-right:0; background:none; }
.utilLink_m > a.last{padding-right:0; background:none;}
.utilLink_m > a.b_org{font-weight:600; color:#ef5f4b;}
.utilLink_m > a:last-child {padding-right:0; background:none;}
.utilLink_m > a.img {padding:0 1px 0 0;}
.utilLink_m > a.normal {background: #d65e12; color: #111; height:35px; line-height:35px;}
.utilLink_m > a:first-child {padding-left:0; background:none;}

.utilLink_m > a:last-child {padding-right:0; background:none;}
.utilLink_m > p {float:left; display:inline-block;font-size:90%;margin:0px;padding: 0px 8px;color:#111; line-height:32px;}
.utilLink_m > input {margin-right:1px;}

.utilLink_m span a{color:#111; font-size:14px; padding-right:10px;}

#headerInner {background: #fff;border-bottom:1px solid #ddd;}
#headerInner { padding: 0 0px 0 30px;}

#header,#headerInnerWrap{height:70px; position:fixed;}
#headerInnerWrap{z-index:99; background-color:#fff; z-index:10000}
.index-wrapper #header{position:fixed; z-index:99; border-bottom: 1px solid #ddd;}
.index-wrapper #headerInnerWrap{position:fixed;}
#header .logo{padding:19.5px 0 0 0; height:70px;}	/* padding값 적절히 바꿔주세요 */
#header .logo .pc-logo{display:none;}
#header .logo img{/*height:20px;*/}
#header .logo .m-logo{display:block; }
#header .logo img{padding-top:0px; width:160px;}
#gnb > ul > li > a{font-size:16px; padding:0 20px}
#gnbM p.logo_mobile img { width: 160px;   padding-left:30px;}


/* -------- Header :: Sub 헤더  숨기기  -------- */
#header.sub-hidden{
  -ms-transform: translateY(-81px); 
  -o-transform: translateY(-81px); 
  -moz-transform: translateY(-81px);
  -webkit-transform: translateY(-81px); 
    transform: translateY(-81px);	}


/* -------- Header :: UTIL BOX -------- */
.header-util-box{right:0px;padding-right:70px;}
/* Header :: 사이트맵 버튼 */
.sitemap-line-btn, .sitemap-custom-btn{display:none;}
/* Header :: 언어선택버튼 */
.index-wrapper .header-lang.mobile-gnb-open{background-color:#000; border-color:#000}
.index-wrapper .header-lang.mobile-gnb-open .lang-open-btn{color:#fff;}
.index-wrapper .header-lang.mobile-gnb-open > ul{background-color:#000; border-color:#000}
.index-wrapper .header-lang.mobile-gnb-open > ul > li > a{color:#fff;}


	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}

	/* -------- Header :: GNB(Mobile/기본스타일) -------- */
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
	#gnbM{ display:block; position:fixed; top:0; right:-100%; width:100%; height:100%; background-color:#fff; z-index:99999; 
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
		visibility:hidden;}
	#gnbM.open{right:0px; visibility:visible;	}

	/* GNB Mobile :: 레이아웃 */
	.gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:80px; overflow-y:auto; margin:0 15px;}	/* padding-top : Header 높이값 */
	.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0}
	#gnbM.open p.logo_mobile{z-index:999999 !important; }
	#gnbM.open p.logo_mobile img{padding-top:19.5px;  padding-left:30px; z-index:999999 !important;  width: 160px;}


	/* GNB Mobile :: 메뉴영역 :: 1차 */
	#navigation > li{border-bottom:1px solid #e5e5e5;}
	#navigation > li:first-child{border-top:1px solid #e5e5e5}
	#navigation > li > a {position:relative; display:block; padding:15px; color:#222; font-size:17px; font-weight:700;background:url(../img/s_img/all_menu_off.png) no-repeat 97% center; }	
	#navigation > li > a .kr{font-weight:700;}
	#navigation > li .gnb-icon{position:absolute; top:50%; right:15px; margin-top:-10px; }
	#navigation > li .gnb-icon i{font-size:20px; color:#999;}
	#navigation > li.active{border-bottom-color:transparent;}
	#navigation > li.active > a{color:#00a1e4; background:url(../img/s_img/all_menu_on.png) no-repeat 97% center; }
	#navigation > li.active > a .gnb-icon i{color:#00a1e4; transform:rotate(-180deg)}
	/* GNB Mobile ::  메뉴영역 :: 2차 */
	#navigation > li .gnb-2dep{display:none; background-color:#f5f5f5; padding:0 15px; border:1px solid #e5e5e5;}
	#navigation > li .gnb-2dep > li{position:relative; height:auto !important; border-bottom:1px solid #e5e5e5;}
	#navigation > li .gnb-2dep > li:last-child{border-bottom:0}
	#navigation > li .gnb-2dep > li > a{display:block; color:#333; font-size:14px; padding:12px 0px;background:url(../img/s_img/all_menu_off2.png) no-repeat 98% center;  }
	#navigation > li .gnb-2dep > li > a .gnb-icon{right:0px;}
	#navigation > li .gnb-2dep > li.on{border-bottom-color:#00a1e4}
	#navigation > li .gnb-2dep > li.on > a,
	#navigation > li .gnb-2dep > li.on > a .gnb-icon i{color:#00a1e4;}
	/* GNB Mobile :: 메뉴영역 ::  3차 */
	#navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
	#navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
	
	/* -------- Header :: 언어선택 -------- */
	.lang-select-list{padding:30px 0; text-align:center;}
	.lang-select-list a{position:relative; color:#999; font-size:13px; margin:0 10px}
	.lang-select-list a:before{position:absolute; top:2px; left:-12px; width:1px; height:12px; background-color:#eee; content:"";}
	.lang-select-list a:first-child:before{display:none;}
	.lang-select-list a.cur{color:#222; font-weight:700}


	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; position:fixed; top:19.5px;  right:30px; width:30px; height:32px; z-index:100000; 
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	.nav-open-btn .line{
		display:block; width:28px; height:3px; background-color:#222; margin: 5px auto;
		-webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.index-wrapper .nav-open-btn .line{background-color:#222;}
	.nav-open-btn.active .line{background-color:#222;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(10px) rotate(0deg);
		  -ms-transform: translateY(10px) rotate(0deg);
		  -o-transform: translateY(10px) rotate(0deg);
		  transform: translateY(10px) rotate(0deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-5px) rotate(-90deg);
		  -ms-transform: translateY(-5px) rotate(-90deg);
		  -o-transform: translateY(-5px) rotate(-90deg);
		  transform: translateY(-5px) rotate(-90deg);
	}



	#header.sub-hidden .nav-open-btn,
	#header.content-menu-fixed .nav-open-btn{transform:translateY(-80px)}
	#header.sub-hidden.up .nav-open-btn{transform:translateY(0)}
	#header.content-menu-fixed.up .nav-open-btn{transform:translateY(-80px)}
	/* -------- Header :: FIXED -------- */

	#header.fixed .language-select{border-color:#eee; background-color:#eee;}
	#header.fixed .language-select .lang-open-btn{color:#222;}
	#header.fixed .language-select > ul{background-color:#eee; border-color:#eee}
	#header.fixed .language-select > ul > li > a{color:#222}
	#header.fixed .language-select > ul > li > a:hover{background-color:rgba(0,0,0,0.1); }
	#header.fixed .partners-select{background-color:#000; border-color:#000}
	#header.fixed .partners-select .lang-open-btn{color:#fff;}
	#header.fixed .partners-select > ul{background-color:#000; border-color:#000}
	#header.fixed .partners-select > ul > li > a{color:#fff}
	#header.fixed .partners-select > ul > li > a:hover{background-color:rgba(255,255,255,0.2); }
	#header.fixed .nav-open-btn .line{background-color:#222}

	
	/* -------- Header :: 사이트맵 숨기기  -------- */
	#sitemapContent{display:none}



	.footer-partner-wrapper{margin:0 30px}
	.foot-menu li.sitemap-btn{display:none}

	#footer{padding:0 30px}
	#footerBottom .footer-left-con,
	#footerBottom .footer-right-con{float:none;}
	.footer-address-list{margin-bottom:10px}

	#visual{margin-top:80px; min-height:400px}
	#visual .visual-txt-con{padding:0; padding-top:50px; margin-top:0; height:calc(100% - 45px);}

	#topMenu01 .area{padding:0}
	#topMenu01 .side-menu-inner ul li{width:147px}
	#content{padding:0;}






}/* end */



@media all and (max-width:1024px){

	#headerSubMenu .cm-top-menu{padding:0px;}
	#headerSubMenu .location-to-home-btn{width:48px; text-align:center;}
	#visual{height:470px; min-height:auto}
	#topMenu01{display:none}
	#topMenuM02{position:relative; margin-top:-45px; width:100%; display:block; height:45px; background-color:rgba(0,0,0,0.7); z-index:99}
	#topMenuM02 .side-menu-inner{height:45px }
	#topMenuM02 .menu-location{position:relative;}
	#topMenuM02 .menu-location > .cur-location{position:relative; display:block; height:44px; padding:0 30px 0 15px; }
	#topMenuM02 .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; font-size:15px; text-overflow:ellipsis; line-height:44px; color:#fff; font-weight:400; font-size:15px;}
	#topMenuM02 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-8px; font-size:20px; color:#fff;}
	#topMenuM02 .menu-location > .cur-location .arrow i{color:#fff;}
	#topMenuM02 .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
	
	#topMenuM02 .menu-location .location-menu-con{display:none; position:absolute; top:44px; left:0px; width:100%; background-color:rgba(0,0,0,0.9); z-index:11; }
	#topMenuM02 .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
	#topMenuM02 .menu-location .location-menu-con li{position:relative;}
	#topMenuM02 .menu-location .location-menu-con li a{display:block; padding:7px 15px; font-size:15px; line-height:1.5; word-break:keep-all; color:#fff;}
	#topMenuM02 .menu-location .location-menu-con li a .gnb-icon{position:absolute; top:5px; right:10px; }
	#topMenuM02 .menu-location .location-menu-con li.on a{color:#ed1c24; font-weight:700;}

}/* end */

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


#footerPartnerListContent{padding:10px 0;}
#footerPartnerListContent .area-box{padding:0}
.footer-partner-wrapper{margin:0 15px}
.footer-partner-list{padding:0 30px;}
.footer-partner-list .partner-item-inner{height:35px; padding:0 5px;}
.footer-partner-list .partner-item-inner span img{height:20px}


#footer{padding:0 15px}
#footerTop{padding:20px 0}
.footer-left-con,.footer-right-con{float:none; }

.foot-logo {display:none}
.foot-menu{}
.foot-menu li {padding-left:25px}
.foot-menu li a{font-size:13px;}

#footerBottom{padding:25px 0;}
.footer-address-list dl{display:block; margin-left:0; font-size:13px;}
.footer-address p{font-size:12px; line-height:20px;}
.footer-address span{display:inline-block;}
.footer-address a{display:block;}
.footer-address .footer-caution-txt{font-size:13px; word-break:keep-all}
.footer-address .copyright, .footer-copyright{font-size:13px;}

#header,#headerInnerWrap{height:60px;}

#headerSubMenu .cm-top-menu{padding-left:48px}
#headerSubMenu .location-to-home-btn{position:absolute; top:0px; left:0px;}
#headerSubMenu .menu-location{width:33.33%; min-width:auto; max-width:180px;}
#visual{height:335px;}
#visual .visual-tit{font-size:28px; }
#visual .visual-sub-txt{font-size:10px; padding-bottom:5px;margin-bottom:12px}
#visual .visual-business-txt{display:none;}
#content{padding:0px 0px}


.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
.modal-close-btn i{font-size:24px}
.footer-inner-box{padding:15px}
.footer-inner{padding:10px; height:250px;}
.sitemap-wrapper{padding:15px}
.sitemap-wrapper > ul > li{float:none; width:auto; margin-bottom:15px;}
.sitemap-wrapper > ul > li > h2{font-size:16px; margin:0; margin-bottom:5px;}
.sitemap-wrapper > ul > li .sitemap-2dep{ border-bottom: 1px solid #ddd;}

#header{ height:60px; }
.nav-open-btn { top: 14px;}
.nav-open-btn { right: 20px;}
#headerInner {  padding: 0 0px 0 20px;}
#header .logo img { width: 140px;}
#gnbM.open p.logo_mobile img { padding-top:0px; padding-left:20px;  width: 140px;}
#headerInner {height: 60px;}

#header .logo { padding:15.5px 0 0 0;}
#gnbM { top: 17px;}

#gnbM p.logo_mobile img { width: 140px;   padding-left: 20px;}







}/* end */



@media all and ( max-width: 640px ){

#headerInner{padding:0 15px 0 20px;}
.language-select{display:none;}
  
#header{ height:60px; }
#header .logo img {  padding-top: 0px;  width: 140px;}
#header .logo { padding: 16px 0 0 0;  height: 60px;}
.nav-open-btn { display: block; position:fixed; top:16px;}




  
} /* end */
  
  

@media all and ( max-width: 480px ){

	#headerSubMenu{height:35px}
	#headerSubMenu .side-menu-inner{height:33px}
	#headerSubMenu .cm-top-menu{padding-left:35px}
	#headerSubMenu .location-to-home-btn{width:35px}
	#headerSubMenu .location-to-home-btn i{line-height:33px;}
	#headerSubMenu .menu-location:before{top:10px; bottom:10px;}
	#headerSubMenu .menu-location > .cur-location{height:33px; padding:0 25px 0 10px}
	#headerSubMenu .menu-location > .cur-location span{line-height:35px; font-size:11px }
	#headerSubMenu .menu-location > .cur-location .arrow{width:15px; height:15px; right:0px; margin-top:-11px; }
	#headerSubMenu .menu-location > .cur-location.open .arrow{margin-top:-5px; right:3px;}
	#headerSubMenu .menu-location > .cur-location .arrow i{font-size:12px; line-height:15px; vertical-align:middle;}
	#headerSubMenu .menu-location .location-menu-con{top:34px;}
	#headerSubMenu .menu-location .location-menu-con li a{font-size:11px; padding:7px 10px}
	#headerSubMenu .menu-location .location-menu-con li a .gnb-icon{top:8px; right:3px;}

	#visual{margin-top:60px}

	.sitemap-wrapper > ul > li .sitemap-2dep li{width:48%;}
  #gnbM.open p.logo_mobile img { padding-left:20px; padding-top:0px;width:120px !important;}


	#header,#headerInnerWrap{height:60px;}
	#header .logo{padding:18px 0 0 0;}	
	#header .logo img{width:120px;}
  #gnbM p.logo_mobile img { width: 120px;     padding-left: 20px;}





	#header.sub-hidden{-ms-transform: translateY(-61px); -o-transform: translateY(-61px); -moz-transform: translateY(-61px);
		-webkit-transform: translateY(-61px);  transform: translateY(-61px);	}

	.header-lang{width:85px;}
	.header-lang .lang-open-btn,
	.header-lang > ul > li > a{font-size:10px; padding:0 7px}
	.nav-open-btn{top:13.5px; margin-top:0;}
	.gnb-navigation-wrapper{padding-top:60px} 
	.gnb-style-full .header-util-menu-box + .gnb-navigation-wrapper{top:60px; }
	.gnb-style-full-member .gnb-navigation-wrapper{bottom:60px;}
	#navigation > li > a{font-size:15px;}
	#navigation > li .gnb-2dep > li > a{font-size:13px;}


} /* end */


@media all and ( max-width: 359px ){

	.header-util-box{padding-right:60px}

} /* end */