#piw_wrapper {position: relative;overflow-x: hidden}
.layout {width:1400px;margin: 0 auto;position: relative;}

.grayline {width:307px;height:100%;position:absolute;left:0;background-color:#ededed;z-index:1}
#mcontainer .grayline {height:1200px;z-index:0}

/* 기본 스타일 */
.bluefont {color:#2a68c1 !important}
.whitefont {color:#ffffff !important}

.bg1:after,
.bg1r:after {content:"";display: block !important;width:1747px;position:absolute;top:0;background-color:#c3cfd9;z-index:-1}
.bg1r:after {right:0}

.txtline:after {content:"";position:absolute;left:0;right:0;bottom:-34px;margin:0 auto;display:block;width:58px;height:1px;background-color:#3d3f46;}
.sptxtarea {display:inline-block;position:absolute;right:0}

/* 폰트 기본 스타일 */
.txt1 {color:#818181}
.txt2 {color:#545454}
.ptit {font-size:80px;font-weight:700;position:relative}
.sptxt {font-size:30px;color:#0c1a45;display:block;font-weight:700;line-height:1.2}
.sptxt2 {font-size:30px;color:#3d3f46;display:block;font-weight:700;line-height:1.2}
.itit{color:#555555;font-weight:400}

/*폰트 바*/
.bar::before{position: absolute;top:10.5px;left:0;content:"";display: block;width:20px;height:1px;background: #2a68c1;}

/* Header */
#piw_header {width:100%;position:absolute;z-index:3}
#fh5co-logo {top:0;position:absolute;left:0;-ms-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s}
#fh5co-logo svg path,
#fh5co-logo svg circle,
#fh5co-logo svg polygon {fill:#fff;}

.main-header .fh5co-nav {background:#2a68c1;height: 90px;}
.fh5co-nav {position: fixed;margin: 0;padding-top:48px;width: 100%;z-index: 1001;background: transparent;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;background:#fff;height:43px}
.fh5co-nav .menu{position:relative;display:table;margin:17px auto 0;float:right}
.fh5co-nav .menu > ul {display:table;margin:0 auto}
.fh5co-nav ul > li {float:left;display:inline-block}
.fh5co-nav ul > li > a {display: block;width: 100%;color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-weight:400}

.fh5co-nav ul li a:hover,
.fh5co-nav ul li a:focus,
.fh5co-nav ul li a:active {}

.main-header.sub_header .fh5co-nav {background:#fff;}
.main-header.sub_header .fh5co-nav ul > li > a {color:#013b90}
.sub_header #fh5co-logo svg path,
.sub_header #fh5co-logo svg circle,
.sub_header #fh5co-logo svg polygon {fill:#013b90}

 /* header scroll */
.scrolled .fh5co-nav {background:rgba(255,255,255,0.85);padding-top:0;height:70px}
.scrolled #fh5co-logo {-ms-transform: scale(0.75,0.75);-webkit-transform: scale(0.75,0.75);transform: scale(0.75,0.75);top:12px}
.scrolled #fh5co-logo svg path,
.scrolled #fh5co-logo svg circle,
.scrolled #fh5co-logo svg polygon {fill:#013b90}
.scrolled .fh5co-nav ul > li > a {color: #013b90}
.scrolled .fh5co-nav ul li.active a {color: #013b90}
.scrolled .fh5co-nav ul li.has-dropdown:hover > a,
.scrolled .fh5co-nav ul li.has-dropdown:focus > a {color: #3d3f46}
.scrolled .fh5co-nav .menu {padding:8px 0 0 0}

 /* 헤더 하위메뉴 */
.fh5co-nav ul li.has-dropdown > a {padding-bottom: 50px;font-weight:700;font-size:15px}
.fh5co-nav ul li.has-dropdown > a:hover {opacity:0.85}
.fh5co-nav ul li.has-dropdown {position: relative;margin:0 12px}
.fh5co-nav ul li.has-dropdown:last-child {margin-right:0}
.fh5co-nav ul li.has-dropdown .dropdown {
width: 170px;
-webkit-box-shadow: 0px 8px 13px -11px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 8px 13px -11px rgba(0, 0, 0, 0.75);
box-shadow: 0px 8px 13px -11px rgba(0, 0, 0, 0.75);
z-index: 1002;
visibility: hidden;
opacity: 0;
position: absolute;
top:3.000rem;
left:50%;
margin-left:-4.300rem;
background: #013b90;
padding: 1.1rem;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
border-radius: 1px;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
text-align:center;
}
.fh5co-nav ul li.has-dropdown .dropdown:before {
bottom: 100%;
left: 4.300rem;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #013b90;
border-width: 8px;
margin-left: -0.500rem;
}
.fh5co-nav ul li.has-dropdown .dropdown li {display: block;float:none;width: 100%;margin-bottom: 0.438rem}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child {margin-bottom: 0;}
.fh5co-nav ul li.has-dropdown .dropdown li a {
padding: 0.125rem 0;
display: block;
height:auto;
color: #fff;
line-height: 1.2;
text-transform: none;
font-size:14px;
margin:0;
text-align: center;
letter-spacing: normal;
text-transform:capitalize;
}
.fh5co-nav ul li.active > a {color: #fff; position: relative}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {font-weight:600}

#fh5co-offcanvas {display:none;}

/* 서브 공통 */
#subcontent .section {padding:115px 0;position:relative}
#subcontent .section:after {content:"";clear:both;display:table}
#subcontent .stit {font-size:35px;font-weight:700;color:#3d3f46}
#subcontent .stit2 {font-size:30px;font-weight:700;color:#3d3f46}
#subcontent .stit3 {font-size:18px;font-weight:700;}
#subcontent .stit4 {font-size:20px;font-weight:700;}
.mt21 {margin-top:21px}

/*서브*/
#subcontent {position:relative;width:100%}
.subtop {width:100%;height:657px;margin-top:139px}
.subtop .subraea {width:100%;height:100%;position:relative;background-color:#2a68c1}
.subtop .layout {z-index:1;display:table}
.subtop .txtarea {text-align:left;margin-top:65px}
.subtop h2{color:#013b90;font-size:85px;font-weight:700;text-transform:capitalize;}
.subtop .subtit {position:absolute;left:850px;bottom:0;display:inline-block;color:#fff;font-size:180px;font-weight:700;line-height:0.73;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  /* 좌측메뉴 */
.subtop .submenu {margin-top:57px}
.subtop .submenu ul {display:inline-block}
.subtop .submenu li {}
.subtop .submenu a {position: relative;display: block;border-top:1px solid rgba(1,59,144,0.17);padding:10px 0 10px 126px;color:#fff;font-size:18px;}
.subtop .submenu a:before{transition:all 0.2s ease-in-out;position: absolute;top:-1px;left:0;content:"";display: block;width:0;height:1px;background: rgba(1,59,144,1);}
.subtop .submenu a:hover:before, .subtop .submenu a.on:before{width:100%}
.subtop .subtitle {display:inline-block;position:absolute;left:840px;font-size:180px;font-weight:700}
  /* 서브 공통*/
.sub {width:100%;position:relative;z-index:2}
.sub_layout {padding-left:126px}
.sub_layout:after {content:"";clear:both;display:table}


/* footer */
#footer {width:100%;/*height:380px;*/background-color:#465060;position:relative;padding:86px 0;}
#footer.mainfooter {margin-top:-120px}
#footer * {color:#fff;}
#footer .top::after{content:"";display:block;clear:both}
#footer .ftelyon {font-size:35px;font-weight:700;line-height:1.2;position:absolute;left:0}
#footer .section {float:right;margin-top:14px}
#footer .section address,
#footer .section ul {display:inline-block;opacity:0.7;line-height:1.7}
#footer .section address {margin-right:40px;font-style:normal}
#footer .section ul {margin-right:90px}
#footer .section ul:last-of-type{margin-right: 0;}
#footer .bot{margin-top: 40px;padding-top:20px;border-top:1px solid #858585;}
#footer .bot::after{content:"";display:block;clear:both}
#footer .section2 .mark{float:left;display: inline-block;}
#footer .section2 .mark li{float: left;margin-right: 20px;}
#footer .section2 .copyright{float:right;display:inline-block;margin-top: 10px;opacity:0.7;line-height:1.7}