@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans+KR);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&subset=korean');

/* 전체적용 */
body {font-family:'Noto Sans KR', 'Nanum Gothic', 'dotum', AppleGothic, Verdana, Arial, Helvetica, sans-serif;color:#222;min-width:320px;background: #fff;}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}

.bg_primary {background-color:#163f8c;}
.bg_sub {}
.img-responsive {display: block;max-width: 100%;height: auto;}
.ir-pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir-wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen-out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen-hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.tran-animate {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fd-transition {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.fd-transition-2 {-webkit-transition: all .9s ease;-moz-transition: all .9s ease;-o-transition: all .9s ease;-ms-transition: all .9s ease;transition: all .9s ease;}



/* 
** opacity 
*/
.opacity_0	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;filter: alpha(opacity=0);zoom:1;}
.opacity_10 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";opacity: 0.1;filter: alpha(opacity=10);zoom:1;}
.opacity_15 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";opacity: 0.15;filter: alpha(opacity=15);zoom:1;}
.opacity_20 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: 0.2;filter: alpha(opacity=20);zoom:1;}
.opacity_25 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";opacity: 0.25;filter: alpha(opacity=25);zoom:1;}
.opacity_30 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";opacity: 0.3;filter: alpha(opacity=30);zoom:1;}
.opacity_35 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";opacity: 0.35;filter: alpha(opacity=35);zoom:1;}
.opacity_40 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity: 0.4;filter: alpha(opacity=40);zoom:1;}
.opacity_45 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";opacity: 0.45;filter: alpha(opacity=45);zoom:1;}
.opacity_50 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity: 0.5;filter: alpha(opacity=50);zoom:1;}
.opacity_55 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";opacity: 0.55;filter: alpha(opacity=55);zoom:1;}
.opacity_60 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";opacity: 0.6;filter: alpha(opacity=60);zoom:1;}
.opacity_65 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";opacity: 0.65;filter: alpha(opacity=65);zoom:1;}
.opacity_70 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.7;filter: alpha(opacity=70);zoom:1;}
.opacity_75 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";opacity: 0.75;filter: alpha(opacity=75);zoom:1;}
.opacity_80 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity: 0.8;filter: alpha(opacity=80);zoom:1;}
.opacity_85 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";opacity: 0.85;filter: alpha(opacity=85);zoom:1;}
.opacity_90 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";opacity: 0.9;filter: alpha(opacity=90);zoom:1;}
.opacity_95 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";opacity: 0.95;filter: alpha(opacity=95);zoom:1;}

.k_wrap {position:relative;width:100%;min-width:1400px;margin:0;padding:0;clear:both;}
.k_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.k_container {position:relative;width:1400px;min-width:1400px;margin:0;padding:0;clear:both;}
.k_container:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.k_container.type_center {margin:0 auto;}


.scrollOpacity {opacity:0;transition:opacity 1s;}
.scrollOpacity.active {opacity:1;}

.pc_only {display: block;}
.mobile_only {display: none}



#wrap {height:auto;background:transparent;}



#m_menu {display: none; position: absolute; top: 0; right: 10px; width: 35px; height: 87px;}
/*top*/
header#header {position: absolute; width: 100%;min-width: 1400px;top: 0;left: 0;z-index: 900;background: transparent;}
header.bga {background: #282c37;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";opacity: 0.95;filter: alpha(opacity=95);zoom:1;}
/*header.sub.bg {position: relative; width: 100%;background-image: url("../img/sub_vg.jpg"); background-repeat: no-repeat; background-position: center; height: 441px;}
header.bg {position: relative; width: 100%;height: 936px;}*/
header.m-fixed {top: 0;position: fixed;    z-index: 9999;}
.header_wrap {width: 100%; height: 90px; z-index: 9999;}
.headerBox {position: relative;width:1400px;height: 90px;margin:0 auto;}
.headerBox:after {content:'';position: absolute;bottom:-1px;width:100%;height: 1px;background: #fff;opacity: 0.75}
.header_wrap div.logo {position: absolute; top:0;left:0;width:288px;height:90px;background-image: url("../img/logo.png"); background-repeat: no-repeat;background-position: center;}
.header_wrap h1 {margin:0}
.header_wrap h1 a {    display: block;    height: 90px;}

.etc_menu {position: absolute;width: 1400px;height:35px;line-height:35px;text-align: right;z-index:11;}
.etc_menu a {font-size:12px;line-height:35px;color:#fff;}
.etc_menu a i {line-height:35px;}
/* lang_bg */
#lang_bg{position :fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);left: 0px;top : 0px;z-index: 999;display: none;}
.lang_wrap{width: 1400px;margin: 0 auto;position : relative;}
.lang_nemo{width: 140px;background-color: #fff;border-radius: 5px;top: 50px;position: absolute;right: -30px;}
.lang_nemo:before {content:'▲';position: absolute;top:-17px;left:50%;color:#fff;margin-left:-8px;}
.lang_nemo a{position : relative;padding: 5px 30px;font-size: 16px;color: #666;display: block;text-align: left;}
.lang_nemo a span{content : "";display: none;position : absolute;width: 30px;height: 1px; right: 30px;background-color: #d41814;top : 16px;}
.lang_active {color : #d41814 !important;}
.lang_active span{display: block !important;}


.header_inner {clear: both;position: absolute; top:0;right:0; height: 100%;display: block;text-align: right}

.header_wrap .lang {position: absolute; top:0;right:0;text-align: right}
.header_wrap .lang a {position:relative;display: block;width:64px;line-height: 87px;}
.header_wrap .lang a i {color:#fff;font-size: 17px;}
.header_wrap .lang a:hover i {color: #03e1f5;}

#gnbnav {}
#gnbnav ul.gnb_list {    font-size: 0; line-height: 0;}
#gnbnav ul.gnb_list > li {display: inline-block;width:auto;text-align: center;position: relative;}
#gnbnav ul.gnb_list > li > a {display:block;color: #fff; font-size: 16px;line-height: 90px;position: relative;font-weight: 400;margin:0 50px;}
/*#gnbnav ul.gnb_list > li > a:before {content:'';position: absolute;top:50%;left:0;margin-top:-8px;width:1px;height: 17px;background: #fff;opacity: 0.4}
#gnbnav ul.gnb_list > li:last-child > a:after {content:'';position: absolute;top:50%;right:0;margin-top:-8px;width:1px;height: 17px;background: #fff;opacity: 0.4}*/

#gnbnav ul.gnb_list > li > a.on,
#gnbnav ul.gnb_list > li > a:hover {color: #fff;}
#gnbnav ul.gnb_list > li > a .line {position: absolute;display: block;bottom: 0;height: 3px;width: 0%;background: #fff;left: 50%;}
#gnbnav ul.gnb_list > li > a.on .line,
#gnbnav ul.gnb_list > li:hover > a > .line {width: 100% !important;left: 0px !important;}


.header_wrap.active {background: url(../img/bg_header_line_on.png);height:71px;}

.header_wrap.active div.logo {height:71px;}
.header_wrap.active h1 a {height:71px;}
.header_wrap.active .lang a {line-height: 71px;}

.header_wrap.active #gnbnav ul.gnb_list > li > a {color: #ffffff;line-height: 71px;}
.header_wrap.active #gnbnav ul.gnb_list > li > a.on,
.header_wrap.active #gnbnav ul.gnb_list > li > a:hover {color: #ff0000;}

#gnbnav ul.subNavi {position: absolute;left:0;width:100%;padding: 30px 10px;z-index:100;display:none;background: #fff;}

/*#gnbnav ul.subNavi:before {position:absolute;content:'';width:1px;height:90%;top:32px;left:0;background: #ccc}*/
/*#gnbnav ul.gnb_list > li:first-child ul.subNavi:before {content:'';position:absolute;width:0;height:0;}*/

#gnbnav ul.subNavi li {width: 100%; display: block;}
#gnbnav ul.subNavi li a {color:#4e4e4e; font-size: 16px;padding:0;line-height:1.8;display: block; text-align:center;font-weight: 400;}
#gnbnav ul.subNavi li a:hover {color:#132752;font-weight: 500;}
#gnbnav ul.subNavi.on {display:block;}

#gnbnav .sub_category {position: absolute; overflow: hidden; margin: auto; top:100%;left: 0; right: 0; width: 100%; padding:45px 0;   box-sizing: border-box; display:none; text-align: left;z-index:88;}
#gnbnav .sub_category:after{content:'';position:absolute;top:0;bottom:0;left:279px;right:0;background-color:#e9e9e9;width:0;}
/*#gnbnav .sub_category .category_tit {width: 280px;float:left;text-align: center;}*/
/*#gnbnav .sub_category .category_tit strong {font-size: 1.8rem; color: #4f953c;display:block;padding-bottom:35px;position:relative;}*/
/*#gnbnav .sub_category .category_tit .category_banner {width:142px;height: 126px;margin:0 auto;}*/
/*#gnbnav .sub_category .category_tit .category_banner.bg01 {background: url(../img/nav_banner.png) no-repeat 50% 50%;}*/

#gnbnav .sub_category .category_list{float:left;width:920px;padding:0;}
#gnbnav .sub_category .category_list > ul {width:230px;float:left;padding-left:40px;position: relative;}
#gnbnav .sub_category .category_list > ul:before {content:'';position:absolute;top:0;bottom:0;left:0;background-color:#e9e9e9;width:1px;}
#gnbnav .sub_category .category_list > ul > li:first-child > strong{margin-top:0;}
#gnbnav .sub_category .category_list > ul > li > strong > a{font-weight: 500; color: #333;vertical-align:top;font-size:1.0rem;line-height:2.5;}
#gnbnav .sub_category .category_list > ul > li > ul> li a {font-weight: 300; font-size: 1.0rem; color: #666666;line-height:2.0;}
#gnbnav .sub_category .category_list ul li.sp_donate a{color: #ff6567;}
#gnbnav .sub_category .category_list ul li a:hover {color: #848f3e;}

#gnbnav  div.subCon {position: absolute; overflow: hidden; margin: auto; top:100%;/*left: 0; right: 0;*/ width: 100%; padding:25px 0; background:#fff;  box-sizing: border-box; display:none; text-align: left;z-index:999;}
#gnbnav  div.subCon.on {display:block;}
#gnbnav  div.subCon.bp20 {    width: 150%;left:-25%}
#gnbnav  div.subCon > h4 {color:#fff;font-size:35px;width:330px;height:170px;line-height:42px;display:inline-block;padding:0 80px;vertical-align:top;}
#gnbnav  div.subCon > div.meCon {display:inline-block;vertical-align:top;    width: 100%;}
#gnbnav  div.subCon > div.meCon span {text-align:left;display:block;vertical-align:top;width:100%;margin-bottom:5px;padding:0 20px}
/*#gnbnav  div.subCon > div.meCon span.sp20 {text-align:left;}*/
#gnbnav  div.subCon > div.meCon span > a {font-size:15px; color:#4e4e4e; line-height:30px;display: block;}
#gnbnav  div.subCon > div.meCon span > a:hover {color:#132752}




#gnbnav .sub_category.on {display:block !important;}


.subMenuBg {position:absolute;left:0;top:90px;width:100%;padding: 10px 0;z-index:99;display:none;background: #fff url(../img/bg_subMenuBg.png) repeat-x top;}


/*모바일메뉴*/
.m_menu_h {position: fixed; top: 0; right: 0; z-index: 99999; width: 310px; height: 100%;overflow-y: auto;}
.nav-top {border-bottom: 1px solid #d01c25;background: #fff;}
.btn-x {text-align: right; padding: 0  10px;}
.btn-x i {color:#454545;line-height: 57px}
.m-nav > li {border-bottom: 1px solid #d01c25; padding:0;}
.m-nav > li.mmli_up {}
.m-nav > li > a {color: #454545; font-size: 16px; font-weight: bold;display:block;line-height:57px;padding-left:20px; position:relative; }
.m-nav > li > a.on {background: #d01c25;color: #ffffff;}
.m-nav > li > a i {position: absolute;top:50%;right:10px;margin-top:-8px;}

.sub_menu {margin-top: 0;display: none;background:#fff;opacity: 0.7;}
.sub_menu > li {}
.sub_menu > li > a {font-size:14px;color: #d01c25;display:block;line-height: 35px;padding-left:20px; }
.sub_menu > li > a:hover {color:#ffffff;text-decoration: none;background:#6298db;}
.m_lang {padding: 0 20px; margin-top: 40px;}
.m_lang ul {overflow: hidden; width: 100%; border: 1px solid #d01c25;}
.m_lang ul li {width: 50%; float: left; text-align: center; }
.m_lang ul li a {background: #fff;color:#454545; font-size: 14px; padding: 12px 0; display: block; width: 100%; }
.m_lang ul li a.on  {background: #d01c25;color:#fff; }


.m_menu_h p {color: #d01c25; font-size: 13px; letter-spacing: 0; padding-left: 20px; margin-top: 20px;}
.dim {position: fixed; width: 100%; max-width: 996px; height: 100%; background: #000; opacity: 0.5; top: 0;z-index: 999;}
.m_menu_bg {position: fixed; width: 100%; width: 310px; height: 100%; background: #fff; top: 0;right: 0;z-index: 1000;}
.m_menu_wrap {position: fixed; display: none; top: 0; left: 0; right: 0; max-width: 996px; width: 100%; height: 100%; margin: 0 auto; z-index: 9999; overflow-y: auto;}      

      


body{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
body.on-side {margin-left: -308px;}
#sideToggleWrap {position: fixed;overflow-y: auto;top: 0;right: -308px;width: 308px;padding: 21px 17px;height: 100%;display: block;background-color: #323232;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
#sideToggleWrap.on{right: 0;}
#sideToggleWrap .close-sideToggle {float: right;color: #fff;position: relative;z-index: 2;font-size: 16px;}
#sideToggleWrap .widget {position: relative;z-index: 1;clear:both;}

#sideToggleWrap .widget .logocopy {margin:65px 0 30px; }
#sideToggleWrap .widget p.logo_desc {font-family:'Nanum Barun Gothic', sans-serif;color: #fff;margin:0 0 50px 0;font-size: 18px;letter-spacing: -1px;}
#sideToggleWrap .widget p.tel_text {font-family:'Nanum Barun Gothic', sans-serif;color: #fff;margin:0 0 50px 0;font-size: 30px;letter-spacing: -1px;}

#sideToggleWrap .widget div.sns_btnLink {margin-bottom: 45px;overflow: hidden;}
#sideToggleWrap .widget div.sns_btnLink ul {padding: 0;margin: 0;clear:both;}
#sideToggleWrap .widget div.sns_btnLink ul li {float:left;margin-right:15px;}
#sideToggleWrap .widget div.sns_btnLink ul li:last-child {margin-right: 0;}
#sideToggleWrap .widget div.sns_btnLink ul li a {display:table-cell;vertical-align: middle;width:50px;height:50px;border:1px solid #bdbdbe;border-radius:10px;text-align: center;line-height: 1;}
#sideToggleWrap .widget div.sns_btnLink ul li a.location {display: block;width:127px;height:35px;line-height: 33px;}
#sideToggleWrap .widget div.sns_btnLink ul li a span {color:#bdbdbe;font-size:14px;}


/* 서브 상단 */
.sub_vg { position : relative;width: 100%;min-width:1400px;height:391px; background:url(../img/sub_vg.jpg) no-repeat; background-position: center; background-size: cover;  }
div#vg_con {width:1400px;height:100%;margin: 0 auto; text-align:center; position : relative;}
div#vg_con p {width: 100%;text-align: center;color: #ffffff;font-size: 1.0em; font-weight: 300;margin:0;text-transform: uppercase;}
div#vg_con h2 {position:relative;padding:0;text-align: center;color: #fff;font-size: 3.0em; margin:0;font-weight: 700;padding:220px 0 0 0;}


#tabMiddleWrap {}
div.vg_sub_area2 {display: none;width: 100%;}
div.vg_sub_area2.sub {margin-top:0;}
.sub_tab2 {display:block;width:100%;height: 49px;    white-space: nowrap; text-align: left; clear: both;margin:0;}
.sub_tab2 li.tab_list { display:inline-block;height:49px;white-space: nowrap;position:relative;margin:0;padding:0 35px 0 0;}
.sub_tab2 li.tab_list:last-child {padding:0;}
.sub_tab2 li.tab_list > a {font-size:14px;line-height:49px;letter-spacing:-1px;display:inline;position:relative;color:#ffffff;}
.sub_tab2 li.tab_list > a:after {content: ''; position: absolute;top:3px;right:-22px;width:1px;height:10px;background:#aec2dc;}
.sub_tab2 li.tab_list:last-child > a:after {width:0;height:0;}
.sub_tab2 li.tab_list > a.selected,
.sub_tab2 li.tab_list > a:hover {color:#00e4ff;}


div.vg_sub_area {position: absolute;top: -60px;z-index: 111;width:1200px;left:50%;margin-left:-600px;}
div.vg_sub_area.top10 {top:-30px}
div.vg_sub_area[data-visible='hidden'] {display: none;}

.sub_tab {    width: 100%;overflow: hidden;margin:0 0 0 0;font-size:0;line-height:0;}
.sub_tab li {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;vertical-align: top;}
.sub_tab li a {font-size:16px;line-height:1.3;color:#fff;background: #1757a6;display:block;padding: 10px;border: solid #5d8ac1;border-width:1px;    margin: -1px;}
.sub_tab li a.selected {background:#2a3039;color:#ffffff;}

div.vg_sub_area.top10 .sub_tab li a {padding:20px 10px;} 


.sub_tab li.tab_list { width: auto; margin: 0;display: inline-block;text-align: center; }
.sub_tab li.tab2_list { width: 50%; margin: 0;display: inline-block;text-align: center; }
.sub_tab li.tab3_list { width: 33.333%; margin: 0;display: inline-block;text-align: center; }
.sub_tab li.tab4_list { width: 25%; margin: 0;display: inline-block;text-align: center; }
.sub_tab li.tab5_list { width: 20%; margin: 0;display: inline-block;text-align: center; }
.sub_tab li.tab6_list {width: 16.666%; margin: 0;display: inline-block;text-align: center;}



.sub_depth_1, .sub_depth_2 {display:none;}





.text-center img {max-width: 100%;height: auto;}

/* footer */
#ft2 {background: #222222}
.ft_ul {padding:15px 0;margin:0;}
.ft_ul li {display:inline-block;margin:0 15px 0 0;position: relative;}
.ft_ul li.bar {width:1px;line-height:51px;height:10px;background: #acacac;margin:0 15px;}
.ft_ul li a {display:block;line-height: 2.0;font-size:0.8rem;color:#cbcbcb;font-weight: 300;}
.ft_ul li:after {content: ''; position: absolute;top:50%;right:-10px;margin-top:-4px;width:1px;height:10px;background:#cbcbcb;}
.ft_ul li:last-child {margin:0;}
.ft_ul li:last-child:after {width:0;height:0;}


#footer {width:100%; min-width:1400px;background:#132752;font-family: 'Nanum Gothic', 'dotum', sans-serif}
.copyright_wrap {width:1400px;position:relative;margin:0 auto;clear:both;overflow: hidden; padding:40px 0; }

.goTop {position: absolute;top:0;right:0;background: #1f3c7a;}
.goTop a {display: block;width:40px;height:40px;text-align: center;}
.goTop a i {color:#fff;line-height: 40px;font-size:1.0em;}

.copy_logo	{margin-bottom: 45px;}
.copy_logo img {vertical-align: middle;    max-width: 100%;    max-height: 100%;}

.copy_inner {width:470px;float:left;}
.copy_inner div.copy_addr {margin-bottom: 40px;}
.copy_inner div.copy_addr p {color:#fff;font-size:20px;line-height: 1.8;margin:0;letter-spacing: -1px;}
.copy_inner div.copy_addr p small {font-size:16px;display: block}

div.basicInfo {text-align: left;}
div.basicInfo p {color:#fff;font-size: 14px;line-height:1.5;margin:0;}
div.basicInfo p.copy_txt {font-size: 14px;margin-top:15px;}

.basicInfo.pc {display: block;}
.basicInfo.mobile {display: none;}

.copy_inner div.copy_location {padding-left:10px;}
.copy_inner div.copy_location ul  {clear: both;width:100%;font-size:0;line-height:0;}
.copy_inner div.copy_location ul  li {display:inline-block;width:95px;margin-right:13px;text-align:center;}
.copy_inner div.copy_location ul  li  a {display:block;color:#757575;font-size: 14px;line-height: 30px;border:1px solid #999;}
.copy_inner div.copy_location ul  li  a:hover {color:#fff;background: #4e4e4e;border:1px solid #4e4e4e;}

.copy_menu {width:930px;float:left;}
.copy_menu .sitemap_tit {width:100%;margin-bottom:10px;}
.copy_menu .sitemap_tit h4 {font-size:1.8rem;letter-spacing: -1px;color:#fff;}
.copy_menu .copy_nav {font-size: 0;line-height: 0;text-align: left;margin-bottom:10px;}
.copy_menu .copy_nav h5 {width: 130px;display: inline-block;vertical-align: top;}
.copy_menu .copy_nav h5 a {position: relative;font-size: 15px;line-height: 2.0;color: #ffffff;}
.copy_menu .copy_nav h5 a:after {content:'';position: absolute;bottom:-10px;left:0;width:100%;height: 2px;background: #b7babc;}
.copy_menu .copy_nav div.meCon {display: inline-block; width: 800px; vertical-align: top;padding:5px 0;}
.copy_menu .copy_nav div.meCon span {text-align: left;display: inline-block;width:25%;vertical-align: top;}
.copy_menu .copy_nav div.meCon span a {font-size: 15px;color: #ffffff;line-height: 2.0;display: block;}


/* 사이트맵 */
.sitemap	{
	width:25%;
	display:inline-block;
	float:left;
	margin:0;
	}
.sitemap_cate	{padding:10px 0 40px 0;text-align:center;}
.sitemap_cate_text	{color:#333; font-size:16px; font-weight:bold;position: relative;}
.sitemap_cate_text:after {content:'';position: absolute;bottom:-10px;left:0;width:100%;height: 2px;background: #b7babc;}
.sitemap_text ul li	{padding:0;margin:0;text-align:center;}
.sitemap_text ul li a {font-size:13px;color:#333;line-height: 1.8;}
.sitemap_text ul li a:hover{color:#de6503;}


/* 사이트맵 */
	.sitemap2	{
		width:170px;
		float:left;
		display:inline;
		margin:0 0 70px 20px;
		}
	.sitemap_cate2	{
		border-top:1px #999 solid;
		border-bottom:1px #666 solid;
		text-align:center;
		padding:13px 0 10px 0;
		background:#fafafa;
		}
	.sitemap_cate_text2	{
		color:#006fbc; font-size:14px; font-weight:bold;
		}
	.sitemap_text2 ul	{
		margin:0;
		list-style-type:none;
		padding:0;
		}
	.sitemap_text2 ul li	{
		padding:12px 0 8px 0;
		border-bottom:1px #ddd solid;
		}
	.sitemap_text2 ul li div	{
		padding:0 0 0 10px;
		}
	.sitemap_text2 ul li div a, .sitemap_text2 ul li div a:link, .sitemap_text2 ul li div a:visited 	{
		}
	.sitemap_text2 ul li div a:hover, .sitemap_text2 ul li div a:active 	{
		color:blue;
		}


.copy_by {padding:25px 0;text-align: center;clear: both;background: #fff;}
.copy_by p.copyright {color:#bebdbd;font-size:13px;margin:0;}
a.copy_link {color:#bebdbd;font-size:0.8rem;position: absolute;bottom: 40px;right: 0}
a.copy_link small {font-style: italic}


/* */
#main_container{
	width: 100%;
	padding:0;
	margin:0 auto 0px auto;
	position:relative;
	top: 0px;
	z-index:0;
	overflow: hidden;
}



/* 비쥬얼그래픽 */
.vg_inner {width:100%;min-width:1400px;height:855px;position: relative;clear:both;}

.vg_title {width:1400px;position: absolute;top:40%;left:50%;margin-top:0;margin-left:-700px;z-index: 555;}
.vg_title h2 {font-size:18px;color:#ffffff;margin:0;text-align:left;line-height: 1.5;font-weight: 400;position: relative;    display: inline-block;}
.vg_title h2 strong {font-weight: 700;}
.vg_title h2:after {content:'';position: absolute;top:50%;right:-195px;width:185px;height: 1px;background: #fff;}

.vg_title div.vg_bottom_line {width:142px;height:4px;background: #fff;margin:20px 0 0;}
.vg_title p {font-size:60px;color:#ffffff;line-height: 1.3;text-align:left;margin:10px 0 0;font-weight: 400;}
.vg_title span {font-size:30px;color:#ffffff;font-weight: 100;letter-spacing: 0.2em;text-transform: uppercase;}

.vg_title a.vg_more {position:relative;display:block;width:198px;height:56px;color:#ffffff;border:1px solid #0972dc;background:#0972dc; line-height:56px;font-size:16px;padding:0 25px;margin-top:40px;}
.vg_title a.vg_more:hover {color:#0972dc;border:1px solid #fff;background:#fff;-webkit-transition:background-color 1s;transition:background-color 1s;}
.vg_title a.vg_more span.right_arrow {background: url(../img/right_arrow.png); background-repeat: no-repeat;width:99px;height:12px;position: absolute;top:50%;right:15px;margin-top:-6px;}
.vg_title a.vg_more:hover span.right_arrow {background: url(../img/right_arrow_on.png);}



.vg_tit_box {margin:0;height:auto;overflow: hidden;}
.vg_title h2 span,
.vg_title p span {opacity: 0;}

.vg_down {width:1400px;position: absolute;top:50%;left:50%;margin-top:-104px;margin-left:-600px;z-index: 555;text-align: center;}


/* */
div#vg_wrap_sub	{background:url(../img/main_vg.jpg) no-repeat 50% 0; text-align:center; clear:both;position: relative;}
div#vg_sub	{height:287px; width:1400px;margin: 0 auto; text-align:left;}



.subNavWrap {position: absolute;	width: 100%;		left: 0;	bottom : 0;	background-color: rgba(245,245,245,1.0);	border-top : 1px solid #DBDBDB;	border-bottom : 1px solid #DBDBDB;}
.subNavWrap div.subNavInner {position:relative;width: 1400px;margin: 0 auto;}
.subNavWrap .btn_home {display:block;float:left;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:50px;height:50px;background: url(../img/sub_home.png) no-repeat;}

.subNav1st {display:block;float:left;zoom:1;font-size:14px;list-style:none;    margin-left: -1px;}
.subNav1st:after {display:block;clear:both;content:''}
.subNav1st > .navi_dp1 {float:left;position:relative;padding:0;height:50px;border-right:1px solid #DBDBDB;}
.subNav1st > .navi_dp1 h2,
.subNav1st > .navi_dp1 h3 {margin:0;line-height:50px;}
.subNav1st > .navi_dp1 a.dp1 {position:relative;display:block;padding:0 40px 0 20px;text-decoration:none;font-size:16px;line-height:50px;color:#6e6e6e;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop {position:absolute;top:50%;right:10px;margin-top:-5px;width:14px;height:9px;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop.bg {background: url(../img/sub_drop.png) no-repeat;background-position: center;}

/*.subNav1st > .navi_dp1:hover > ul.subNav2nd {display:block;}*/

.subNav2nd {list-style:none;display:none;position:relative;background-color:#ffffff;z-index:10;}
.subNav2nd > .navi_dp2 {display: table;width: 100%;}
.subNav2nd > .navi_dp2 > a {display:table-cell;padding:0 20px;height:50px;text-decoration:none;border:solid #dbdbdb;border-width:1px 1px 0;font-size:14px;color:#6e6e6e;vertical-align: middle;}
.subNav2nd > .navi_dp2 > a:hover, 
.subNav2nd > .navi_dp2 > a:active, 
.subNav2nd > .navi_dp2 > a:focus,
.subNav2nd > .navi_dp2.active > a {background-color:#f4f4f4;font-weight:700;}
.subNav2nd > .navi_dp2:last-child > a {border-width:1px;}
#m_breadcrumbs_wrap {display: none}

#subPage {padding: 60px 0 100px 0;width:1200px;min-width:1200px;margin:0 auto;}


/* 타이틀영역 */
.title_wrap {overflow:hidden;padding-bottom: 70px;}
.title_wrap h2.title {font-size:40px;font-weight:300;line-height: 50px;color: #555555;display: inline-block;}
.sub_vg_title{position : relative;width: 100%;margin:20px 0;height: 50px;padding:0;text-align: center;clear:both;}

.sub_arrow{font-size:32px;display: inline-block;    line-height: 50px;color:#fff;position:absolute;top:50%;margin-top:35px;z-index:100;}
.sub_left_arrow{left:0;}
.sub_right_arrow{right:0;}
.sub_vg_title_line{width: 100%;height: 1px;background: #d8d8d8;display:block;position : relative;}

.parallax-init-pc {transform: translate3d(0, 100px, 0);transition: transform 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.parallax-init-pc.add-stage {transform: translate3d(0, 0, 0) scale(1) rotate(0) !important;}


#pro_section {background:url(../img/bg_service.jpg) no-repeat;padding:60px 0;}
#card_section {padding:100px 0;}

.card {width:675px;margin:0 50px 0 0;float:left;border:1px solid #cbcbcb;background: #f9f9f9;padding:30px 50px;position: relative;}
.card.last {margin:0;}
.card > a > h4 {font-weight: 500;color:#626262;font-size:2.3rem;line-height: 1.5;margin-bottom: 20px;}
.card > a > p {font-size:1.0rem;line-height: 1.5;word-break: keep-all;color:#777777;margin-bottom: 30px;}
.card > a > div.p-image {width:150px;height:150px;border-radius: 50%;background:#d5d5d5;position: absolute;right: 40px;top:50%;margin-top:-75px; }
.card > a > div.p-image.ico_business {background:#d5d5d5 url(../img/ico_business.png) no-repeat;background-position: 65% 50%;} 
.card > a > div.p-image.ico_customer {background:#d5d5d5 url(../img/ico_customer.png) no-repeat;background-position: 50% 50%;}
.card > a:hover > div.p-image.ico_business {background:#051b32 url(../img/ico_business.png) no-repeat;background-position: 65% 50%;} 
.card > a:hover > div.p-image.ico_customer {background:#051b32 url(../img/ico_customer.png) no-repeat;background-position: 50% 50%;}.card > a > div.a-box {}
.card > a > div.a-box {position:relative;display:block;}
.card > a > div.a-box span {display:inline-block;font-size:1.0rem;line-height: 1.5;word-break: keep-all;color:#777777;border-bottom: 1px solid #c5c5c5;}


.inner_wrap {background: #051b32}
.inner_wrap div.inner_title {position: relative;width:460px;float:left;}
.inner_wrap div.inner_title h4 {position:relative;margin:0;padding:50px 0 0;font-size:3.0rem;font-weight: 400;color:#ffffff;letter-spacing: -1px;line-height: 1;text-transform: uppercase;}
.inner_wrap div.inner_title h4:after {content: '';position: absolute;bottom:-30px;left:0;width:70px;height:2px;background: #fff;}
.inner_wrap div.inner_content {position:relative;width:940px;float:left;font-size:0;line-height: 0;padding:60px 0;}
.inner_wrap div.inner_content h4 div.title_line {background: #d8261a;width:70px;height:5px;position: absolute;top:0;left:0;}

.inner_wrap div.inner_content div.frm-box  {display: inline-block;width:377px;margin-right:40px;vertical-align: top;}
.inner_wrap div.inner_content div.frm-box2 {display: inline-block;width:100px;vertical-align: top;}

.inner_wrap div.inner_content div.input {border:1px solid #ffffff;color: #fff;padding:10px 15px;margin: 0;box-sizing: border-box;}
.inner_wrap div.inner_content div.input:first-child {margin-bottom: 15px;}
.inner_wrap div.inner_content div.input label.laTxt {margin:0;width:25%;font-size:13px;display:inline-block;}
.inner_wrap div.inner_content div.input div.raBox {display: inline-block;text-align: center;width: 80%;}
.inner_wrap div.inner_content div.input div.raBox label.laRadio {font-size: 13px;line-height: 1}
.inner_wrap div.inner_content div.input div.raBox label.laRadio input[type=radio] {vertical-align: middle;}
.inner_wrap div.inner_content div.input input[type=text] {width:70%;height:18px;padding:0;margin:0;border:0 none;color:#ffffff;background:transparent;display: inline-block;border-radius: 2px;font-size:13px;}
.inner_wrap div.inner_content div.input input[type=text]::-webkit-input-placeholder,
.inner_wrap div.inner_content div.input input[type=text]:-ms-input-placeholder,
.inner_wrap div.inner_content div.input input[type=text]::-ms-input-placeholder {color:#fff;}
.inner_wrap div.inner_content div.submit {}
.inner_wrap div.inner_content div.submit input[type=submit] {width: 100%;border:1px solid #ffffff;height:95px;line-height:95px;background: transparent;font-size:15px;color: white;padding:0;margin:0;cursor: pointer;}
.inner_wrap div.inner_content div.submit input[type=submit]:hover {background:#fff;border:1px solid #fff;color:#051b32;}




#business_section {background: url(../img/business_section.jpg) no-repeat center;}
div.business_title {text-align: center;color:#fff;position: relative;padding:150px 0;}
div.business_title h4 {font-size:3.0rem;line-height:1.8;padding:0;margin:0 0 25px 0;font-weight: 400;}
div.business_title p.p1 {font-size:1.25rem;line-height:1.8;padding:0;margin:0 0 25px 0;}
div.business_title p.p2 {font-size:1.0rem;line-height:1.8;padding:0;margin:0;}



#com_section {padding:40px 0;}
.row_c {margin:0;}
.row_c ul {font-size:0;line-height:0;margin:0;padding:0}
.row_c ul:after {clear: both;display: block;content: "";}
.row_c ul li {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.row_c ul li div.top {font-size:14px;line-height: 1.8;color:#1e1e1e;}
.row_c ul li div.middle {margin:10px 0;}
.row_c ul li div.bottom {font-size:14px;line-height: 1.8;color:#1e1e1e;}
.row_c ul li img {max-width:100%}
.row_c ul.grid2 {margin:0 0 0 -2%;}
.row_c ul.grid2 > li {width:48%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.row_c ul.grid3 {margin:0 0 0 -2%;}
.row_c ul.grid3 > li {width:31%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.row_c ul.grid4 {margin:0 0 0 -2%;}
.row_c ul.grid4 > li {width:23%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.row_c ul.grid6 {margin:0 0 0 -2%;}
.row_c ul.grid6 > li {width:14.666%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.row_c ul.grid_auto {margin:0 0 0 -2%;}
.row_c ul.grid_auto > li {width:auto;margin:0 0 0 2%;display:inline-block;text-align:center;}