@charset "utf-8";

#wrap		{position:relative;width:100%;padding:0;margin:0;min-width:1600px;overflow:hidden;}
#svisual	{position:relative;width:100%;min-width:1160px;}
#mvslide	{position:absolute;width:1160px;height:400px;left:50%;top:0;transform:translateX(-50%);z-index:2;}
#svimg		{position:absolute;width:100%;height:400px;left:0;list-style:none;z-index:1;overflow:hidden;box-shadow:10px 0 10px rgba(0,0,0,0.2);}
#svimg img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#container	{position:relative;} /* d_width */
#container:after	{content:"";clear:both;display:block;float:none;}
.d_width	{width:1160px;}

footer			{width:calc(100% - 370px);text-align:left;margin-left:370px;background:#F4F4F4;font-size:13px;color:#333;}
footer address	{font-size:13px;color:#333;font-weight:500;}
footer .copyright	{background:none;padding:0;font-size:12px;color:#666;font-weight:normal;}
.fmn	{display:none;}

/* 기본layout */
#snb		{display:none;}
#content	{width:1160px;padding:0;margin:0 auto;margin-top:40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;border-bottom:1px solid #eee;border-top:1px solid #eee;width:100%;min-width:1160px;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1160px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{margin-right:200px;}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;line-height:38px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb .page_sns	{float:left;}
#pnb .page_sns li	{float:left;text-align:center;margin:5px 0 0 2px}
#pnb .page_sns a	{display:inline-block;width:28px;height:28px;line-height:28px;background:#ccc;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;}
#pnb .pnb_bx		{float:right;margin-left:5px;}
#pnb .pnb_bx li		{float:left;text-align:center;border-right:1px solid #eaeaea;width:38px;height:38px;line-height:38px;}
#pnb .pnb_bx li:first-child	{border-left:1px solid #eaeaea;}
#pnb .pnb_bx a	{color:#ccc}
#body_title	{clear:both;padding:0 0 20px 0;margin:0 0 20px 0;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}

#body_title	{clear:both;padding:0 0 20px 0;margin:0 0 20px 0;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}

header 				{position:fixed;left:0;top:0;height:100%;width:370px;background:#17364D;z-index:999;box-shadow:0 10px 20px rgba(0,0,0,0.3);}
header #logo		{position:relative;z-index:999;padding:50px 40px;background:#0C96AE;}
header #logo a		{display:block;}
header #logo img	{display:block;}
header .sub_name	{font-size:19px;color:#fff;font-weight:600;display:inline-block;line-height:1.3;margin-top:10px;vertical-align:middle;}
header .sub_name span	{display:block;}

#topwrap .d_width	{width:auto;}
#topwrap .topmn		{display:none;}

#gnbmn		{padding:25px 0 200px;}
#gnbmn nav a	{display:block;padding:15px 40px;font-size:20px;font-weight:600;}
#gnb.gnb1 .depth2 a	{font-size:16px;margin:0;padding:10px 25px 10px 45px;background:rgba(0,0,0,0.2);}
#gnb.gnb1 .depth2 a:hover	{background:rgba(0,0,0,0.4);}
#gnbmn .depth2 a	{font-size:16px;margin:0;padding:10px 25px 10px 45px;background:#f7f7f7;border-top:1px solid rgba(0,0,0,0.05);}
#gnbmn .depth2 a.on,
#gnbmn .depth2 a:hover	{background:#f0f0f0;}

#gnbmn ul.depth1 > li	{width:auto !important;}
.gnb-bnr {display:none;}

.mv-wrap	{background:#E7F3F3;padding:70px 0;margin-bottom:70px;}
.mv-wrap,
#container	{width:calc(100% - 370px);margin-left:370px;min-width:1160px;}
#container .d_width	{z-index:10;}
#container.sub-section{width:100%;margin-left:0;min-width:1160px;}
.sv-wrap	{position: relative;width:calc(100% - 370px);margin-left:370px;min-width:1160px;}

.main-title			{}
.main-title .tit	{font-size:43px;color:#3BC6BF;letter-spacing:-2px;line-height:1;margin:0 0 20px 0;font-weight:700;}
.main-title .txt	{font-size:17px;line-height:1.8;color:#fff;}
.sub-title			{}
.sub-title .tit		{font-size:40px;color:#fff;letter-spacing:-1.5px;line-height:1;margin:0 0 15px 0;font-weight:700;}
.sub-title .txt		{font-size:20px;line-height:1.2;color:#fff;}

#container	{padding-bottom:50px;}
.mabout .col_wrap, .main-section .col_wrap	{margin:-20px;}
.mabout .bx, .main-section .bx	{margin:20px;}

.mabout {position:relative;margin-top:40px;z-index:2;}
.mabout .title	{position:relative;font-size:20px;margin-bottom:30px;color:#3BC6BF;}
.mabout .title:after	{content:"";display:block;vertical-align:middle;width:calc(100% - 350px);position:absolute;top:50%;right:30px;height:1px;background:#3BC6BF;}
.mabout .tit	{font-size:11px;margin-bottom:15px;font-weight:500;color:#3BC6BF;}
.mabout .txt	{font-size:15px;color:#333;}
.mabout .txt-more	{position:absolute;right:0;top:8px;}
.mabout .txt-more a	{position:relative;display:block;width:20px;height:20px;text-indent:-9999px;overflow:hidden;}
.mabout .txt-more a:before,
.mabout .txt-more a:after	{content:"";position:absolute;background:#3BC6BF;transition:all 0.2s ease-out;}
.mabout .txt-more a:before	{width:1px;height:20px;right:10px;bottom:0;}
.mabout .txt-more a:after	{height:1px;width:20px;bottom:10px;right:0;}

.mbnr1	{}
.mbnr1 li a	{display:block;height:150px;padding:30px;font-size:20px;color:#fff;text-align:center;background:#089791;}
.mbnr1 li:nth-child(1) a	{border-right:1px dashed rgba(255,255,255,0.3);}
.mbnr1 li .ico	{content:"";display:block;width:70px;height:55px;margin:0 auto;margin-bottom:15px;}
.mbnr1 li:nth-child(1) .ico	{background:url(../img/mbnr_ico1.png) 50% 50% no-repeat;}
.mbnr1 li:nth-child(2) .ico	{background:url(../img/mbnr_ico2.png) 50% 50% no-repeat;}
.mbnr1 li a:hover	{transform:translate(-5px,-5px);box-shadow:2px 2px 8px rgba(0,0,0,0.2);}

.mbnr2		{position:relative;}
.mbnr2 a	{display:block;height:150px;background:#1987AD url(../img/mbnr_ico3.png) top 50% right 30px no-repeat;padding:30px;}
.mbnr2 .tit	{font-size:30px;color:#fff;font-weight:600;line-height:30px;margin-bottom:15px;}
.mbnr2 .txt	{font-size:14px;color:#8BC2D5;}
.mbnr2 a:hover	{transform:translate(-5px,-5px);box-shadow:2px 2px 8px rgba(0,0,0,0.2);}

.mnotice	{position:relative;margin:30px 0 0;}
.mnotice li	{position:relative;margin:20px 0;font-size:17px;}
.mnotice li .date		{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px;color:#999;}
.mnotice li .subject	{line-height:1.4;font-size:19px;color:#333;letter-spacing:-0.5px;height:28px;margin:0 0 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.mnotice li .subject a	{color:#222;}
.mnotice li .desc		{display:none;}
.mnotice li .txt-more	{display:none;}
.mnotice .more	{position:absolute;right:0;top:10px;z-index:1;}
.mnotice .more a	{position:relative;display:block;width:24px;height:24px;text-indent:-99px;overflow:hidden;}
.mnotice .more a:before,
.mnotice .more a:after	{content:"";position:absolute;display:block;background:#042A50;}
.mnotice .more a:before	{width:20px;height:1px;left:0px;top:10px;}
.mnotice .more a:after	{height:20px;width:1px;left:10px;top:0px;}
.mnotice .tab_on,
.mnotice .tab_off			{display:inline-block;}
.mnotice .tab_on > a,
.mnotice .tab_off > a		{position:relative;display:block;margin-right:40px;padding:5px 0;font-size:23px;font-weight:600;}
.mnotice .tab_off > a:hover,
.mnotice .tab_on > a 		{color:#042A50;}
.mnotice .tab_off > a 		{color:#999;}
.mnotice .tabcontent		{position:absolute;left:0;top:40px;width:100%;}
.mnotice .tabcontent ul		{overflow:hidden;height:275px;}
.mnotice li.nodata .subject	{color:#999;margin:15px 0 10px;}
.mnotice li.nodata .desc	{color:#ccc;}
.mnotice li.nodata .date	{font-size:11px;color:#ccc;word-break:keep-all;}
.mnotice li:nth-child(n+4)	{display:none;}

.main-photo .mgallery5	{position:relative;}
.main-photo h3	{display:none;}
.main-photo img	{width:100%;height:360px;object-fit:cover;}
.main-photo .img_frame:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.4) 95%);z-index:1;}
.main-photo .txt	{position:absolute;width:100%;left:0;bottom:0;height:130px;padding:30px;z-index:1;}
.main-photo .txt .tit	{font-size:12px;color:#fff;margin-bottom:10px;}
.main-photo .txt .subject	{font-size:23px;color:#fff;}
.main-photo .txt .date	{display:none;}
.main-photo .more	{position:absolute;right:0;bottom:0;width:50px;height:50px;background:rgba(0,0,0,0.2);z-index:1;}
.main-photo .more:before,
.main-photo .more:after	{content:"";position:absolute;background:#fff;transition:all 0.2s ease-out;}
.main-photo .more:before	{width:1px;height:20px;right:10px;bottom:0;}
.main-photo .more:after	{height:1px;width:20px;bottom:10px;right:0;}
.main-photo .more:hover:before	{height:15px;right:22px;bottom:12px;transform:rotate(45deg);}
.main-photo .more:hover:after	{width:15px;bottom:30px;right:15px;transform:rotate(45deg);}


