@charset "utf-8";

body{color: #333;font-family: 'Pretendard', sans-serif;font-weight:400;letter-spacing: -0.025rem;}
a{color:#333;}a:hover{color:#000;}
img{max-width:100%;}
.photo img{min-width: 100%;min-height: 100%;max-width: 100%;object-fit: cover;}

#wrap{min-width: 1400px;position:relative;}
#wrap::before{content:"";width:1402px;height:100%;position:absolute;left:50%;transform:translateX(-50%);background:url(../img/back_line.png) repeat;z-index:-1;}
.d_width{width: 1400px;margin: 0 auto;}

#header{line-height:120px;position:fixed;width:100%;z-index:9999;background:#fff;min-width:1400px;}
#header::before{content:"";width:1402px;height:100%;position:absolute;left:50%;transform:translateX(-50%);background:url(../img/back_line.png) repeat;z-index:-1;}
#header #logo{margin-right:100px;float:left;}
#header #logo img{margin:34px 0;}/*?*/
#header ul{float:left;}
#gnbmn ul.depth1{width:calc(100% - 660px);text-align:center;}/*-580*/
#gnbmn ul.depth1>li{float:left;width:20%;position:relative;}
#gnbmn ul.depth1 .List>a{display:block;font-size:22px;font-weight:900;letter-spacing:-1px;}
#topmn {width:calc(50% - 420px);background:#dce3e9;padding-left:50px;position:absolute;right:0;top:0;}
#topmn li{float:left;}
#topmn a{padding:0 10px;font-size:14px;color:#0B2953;}
#gnbmn ul.depth1 .List>a:hover{color:#0B3D91;}
#gnbmn ul.depth1 .List>a span{position:relative;}
#gnbmn ul.depth1 .List>a span:after{content:"";position:absolute;left:0;bottom:-5px;disply:block;width:0%;height:2px;background:#0B3D91;transition:all 0.3s;}
#gnbmn ul.depth1 .List>a:hover span:after{width:100%;}

#gnbmn ul.depth2{position: absolute;z-index: 11;width:100%;padding-top:20px;display:none;}
#gnbmn ul.depth2 .title .txt{display:none;}
#gnbmn ul.depth2 li{line-height:30px;}
#gnbmn ul.depth2 li a{font-size:16px;display:block;}
#gnbmn ul.depth2 li a:hover{color:#0B3D91;text-decoration:underline;}

#id_gnb_bg		{position:absolute;left:0;top:120px;z-index:10;}
.gnb_bg			{width:100%;padding:0;margin:0;background-color:#f8f8f8;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
/*#id_gnb_bg::before{content:"";width:1402px;height:100%;position:absolute;left:50%;transform:translateX(-50%);background:url(../img/back_line.png) repeat;z-index:-1;}*/
#gnbmn .depth2 .tit			{position:absolute;width:1400px;height:200px;left:50%;bottom:-22px;background:url(../img/menu-logo.png) no-repeat 0 100%;margin-left:-400px;}
#gnb_tit {position: absolute;left: 50%;bottom: 0;width: 1400px;margin-left: -650px;height: 210px;background: url(../img/menu-logo.png) no-repeat 0 100%;}

#f-org{height:75px;background:#f4f4f4;margin-bottom:25px;}
#f-org .d_width{position:relative;}
#f-org .control a{position:absolute;top:25%;color:#0B3D91;display:block;width:30px;height:30px;text-align:center;border-radius:100%;transition:0.3s;}
#f-org .control a i{line-height:30px;}
#f-org .control a:first-child{left:-15px;}
#f-org .control a:last-child{right:-15px;}
#f-org .control a:hover{color:#fff;background:#ff9900;}
#f-org li{width:25%;float:left;text-align:center;}
#f-org li img{margin:20px auto;}
#fmn{float:left;line-height:50px;clear:both;}
#fmn a{padding-right:35px;font-size:15px;}
#fsite{width:250px;line-height:50px;float:right;position:relative;background:#0d2f5c;transition:all 0.3s;}
#fsite a{color: #fff;padding: 0 20px;display: block;font-size:13px;letter-spacing:0;}
#fsite:hover{background:#ff9900;}
#fsite .more{width:15px;display:block;border-top:1px solid #fff;float:right;position:relative;margin-top:-25px;}
#fsite .more span{width:14px;display:block;border-top:1px solid #fff;position:absolute;top:-1px;right:0;transform:rotate(90deg);}
#footer .ftxt{clear:both;padding:25px 0 50px;font-size:14px;line-height:1.7; font-weight: 300;}
#fsite .site-list{position:absolute;left:0;bottom:50px;width:100%;background:#0F3C73;z-index:11;}
#fsite .site-list a{font-size:14px;border:2px solid #0F3C73;}
#fsite .site-list a:hover{border:2px solid #ff9900;color:#ff9900;font-weight:500;padding:0 25px;}



/*sub*/
#wrap.sbg{height:120px;}
/*.sub-section{margin-bottom:150px;}*/
#sub-visual{color:#fff;line-height:1.1;position:relative;overflow:hidden;padding:120px 0 0;}
#sub-visual .d_width{padding:80px 0;}
#sub-visual::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(../img/svbg.jpg) no-repeat 50% 50% / cover;animation-name:sv-zoom;animation-duration:4s;animation-timing-function:ease-out;}
#sub-visual::after{content:"";position:absolute;width:1400px;height:100%;left:50%;top:0;transform:translateX(-50%);background:url(../img/back_line2.png);opacity:0.3;}
#sub-visual p{position:relative;}
#sub-visual p:nth-child(1){font-size:26px;animation-timing-function:ease-in;animation-duration:0.5s;}
#sub-visual p:nth-child(2){font-size:50px;font-weight: 900;animation-timing-function:ease-in;animation-duration:0.5s;}
#snb .sub-tit{width:calc(50% - 420px);padding:60px 0;background:url(../img/mtel-back.png) no-repeat 100% 0% / 350px;background-color:#0d2f5c;margin-top:-90px;position:relative;}
#snb .sub-tit h1{width:280px;float:right;color:#fff;font-size:40px;font-weight:900;margin:0;animation-timing-function:ease-in;animation-duration:0.3s;}
#snb ul{width:280px;float:left;animation-timing-function:ease-in;animation-duration:0.3s;}
#snb li a{display:block;line-height:60px;border-bottom:1px solid #E4E4E4;font-size:18px;position:relative;transition:all 0.3s;}
#snb li a::before{content:"\f054";font-family:fontAwesome;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#999;font-weight:900;transition:all 0.3s;}
#snb li.on a{color:#0B3D91;font-weight:800;border-bottom:1px solid #0B3D91;}
#snb li.on a::before{color:#0B3D91;}
#snb li a:hover{font-weight:600;color:#ff9900;border-bottom:1px solid #ff9900;padding-left:5px;}
#snb li a:hover:before{color:#ff9900;right:5px;}
.sub-content{width:calc(100% - 280px - 40px);float:right;}
.sub-content .location{margin-top:-25px;}
.sub-content .location li{float:left;}
.sub-content .location li a{font-size:15px;}
.sub-content .location li a:last-child{color:#0d2f5c;}
.sub-content .location .home{width:20px;height:20px;display:block;background:url(../img/home_ico.png);margin:4px 0;}
.sub-content .location li::before{content:"▶";color:#ccc;font-size:10px;margin:0 10px;}
.sub-content .location .home::before{display:none;}
#body-head{margin:20px 0 50px;}
#body-head h2{font-size:40px;color:#333;float:left;line-height:1;font-weight: 900;margin:0;}
.pnb{float:right;position:relative;}
.pnb ul{border:1px solid #e1e1e1;border-radius:5px;float:left;margin:0 10px;}
.pnb li{float:left;line-height:40px;border-right:1px solid #e1e1e1;}
.pnb li:last-child{border-right:none;}
.pnb li a{width:30px;line-height:30px;text-align:center;font-size:13px;color:#ccc;display:block;}
.pnb .ico-share{width:20px;height:22px;display:inline-block;background:url(../img/share_ico.png);margin:4px 10px;}
.pnb .ico-print{width:22px;height:19px;display:inline-block;background:url(../img/print_ico.png);margin:5px 10px;margin-right:0px;}
.pnb .share {position: absolute;right: 0;top: 50px;z-index: 9999;background: #fff;border: 1px solid #8C817B;padding: 15px 15px 15px 10px;box-shadow: 0 2px 6px rgb(0 0 0 / 20%);width: 202px;border-radius: 6px;}
.pnb .share a		{display:block;float:left;margin-left:5px;width:30px;height:30px;border-radius:0;background-repeat:no-repeat;background-position:50% 50%;background-size:30px 30px;border-radius:50%;}
.pnb .share span		{display:none;}
.pnb .share a.kakao		{background-image:url(../img/ico_kakao.png)}
.pnb .share a.kakaostory{background-image:url(../img/ico_kakaostory.png)}
.pnb .share a.facebook	{background-image:url(../img/ico_facebook.png)}
.pnb .share a.twitter	{background-image:url(../img/ico_twitter.png)}
.pnb .share a.blog		{background-image:url(../img/ico_blog.png)}