@charset "utf-8";
@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}



/* 2025메인개편으로 인한 레이아웃 전체 수정 */
html {font-size:62.5%;}
body * {box-sizing:border-box;}
body {font-family: 'Paperlogy'; font-weight:500; letter-spacing:0; font-size:16px; line-height:1.2em;}
input::-webkit-input-placeholder { color:#7f7f7f;letter-spacing:-1px }
input::-moz-input-placeholder { color:#7f7f7f;letter-spacing:-1px }
input::-ms-input-placeholder { color:#7f7f7f;letter-spacing:-1px }

p {font-weight:500;}
input, button, select{font-family: 'Paperlogy';}

#wrapper{min-width:320px;overflow:hidden;} 
.dv-wrap{max-width:1500px; margin:0 auto; width:100%;}
@media screen and (max-width: 1520px) {
	.dv-wrap{ width:calc(100% - 20px); margin:0 10px;}
}

:focus {outline:none; box-shadow:0 0 0 2px #000 inset;}
:focus:has(img) {outline: dotted #000 3px;} 
/* :focus img{outline:3px dotted #ff0000 inset; } */
/* body {min-width:320px;} */


#header-wrap{position:relative; z-index:7; background:#fff;}
#header-wrap:after{z-index:-1;background:#dedede; width:2560px; height:1px; bottom:0; position:absolute;left:50%; display:block; content:"";margin-left: -1280px; z-index:1;}
#header-wrap:before {content: ''; width:2560px; background:#fff; height:100%; position:absolute;left:50%; display:block; content:"";margin-left: -1280px; z-index:0;}

/* sub layout 2017-12-07 */
#header-wrap.fix{position:fixed; left:0; top:-40px; max-width:100%;background:#fff; z-index:9999}
#header-wrap.fix #header{max-width:1500px; margin:0 auto;}
#header-wrap.fix .gohyang {display:none;}
 

.logo {position:absolute;top:28px;left:0;z-index:9999; display:block;}
.logo a {display:block;}
.globalLink > * {position:relative; z-index:1;}
.globalLink {position:relative; display:flex; justify-content: space-between; align-items:center; height:40px; z-index:10;}
.globalLink:before{z-index:-1;background:#f8fafc; width:2560px; height:40px; top:0; position:absolute;left:50%; display:block; content:"";margin-left: -1280px; display:block; content:""}
.globalLink p.koreainfo {font-size:15px;}
.globalLink p.koreainfo:before {content:''; display:inline-block; width:26px; height:18px; background:url(/img/portal/common_2025/flag.jpg) no-repeat 0 0; transform: translateY(3px); margin-right:5px;}
.globalLink .globalWrap {display:flex; align-items:center;}
.globalLink .globalWrap > div {position:relative;}
.globalLink .globalWrap > div > a {line-height:40px;}

.globalLink .viewsite {margin-right:30px;}
.globalLink .viewsite a {color:#333; font-weight:500;}
.globalLink .viewsite a.on {font-weight:700; color:#243ba2;}
.globalLink .viewsite a:after {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; background:#dedede; margin:0 5px 0 10px; transform: translateY(-3px);}
.globalLink .viewsite a:last-child:after {display:none;}

.globalLink .close {margin-left:20px; display:flex; position:relative;}
.globalLink .close > a { display:flex; align-items:center; font-size:14px; font-weight:500;}
.globalLink .close > a:after {content:'\ea4e'; display:flex; justify-content:center; align-items:center;  border-radius:3px; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; font-weight:200; margin-left:5px;  line-height:20px; transition:all 0.3s; width:20px; height:20px; color:#333; background:#f8fafc; text-decoration:none;}

.globalLink .global-site > a > span {font-weight:800; font-size:18px; color:#004ca0; background: linear-gradient(to right, #0166d8, #3aa7b8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;}
.globalLink .global-site > a:after {background:#3d63d6!important;color:#fff!important;}

.globalLink .global-lang::before {content:''; display:inline-block; width:1px; height:10px; background:#dedede; position:absolute; top:calc(50% - 5px); left:-10px;}
.globalLink .global-lang > a:before {content:''; display:inline-block; width:20px; height:20px; background:url(/img/portal/common_2025/gmap.png) no-repeat 50% 50%;}

.globalLink .globalWrap > div ul {display:none; position:absolute; top:40px; left:50%; background:#333; border-radius:0 0 10px 10px; padding:10px; color:#fff; width:100px; transform: translateX(-50%); text-align:center;}
.globalLink .globalWrap > div ul li {margin:3px 0;}
.globalLink .globalWrap > div ul a {color:#fff; font-size:13px;}
.globalLink .globalWrap > div ul a:hover {color:#ffff00;}
.globalLink .close > a.on::after {transform: rotate(180deg);}

.globalLink .login-wrap {margin-left:20px;}
.globalLink .login-wrap::before {content:''; display:inline-block; width:1px; height:10px; background:#dedede; position:absolute; top:calc(50% - 5px); left:-10px;}
.globalLink .login-wrap a { display:inline-block; font-size:14px; font-weight:500; color:#333;}
.globalLink .login-wrap a::before {content:'\f264'; display:inline-block; width:20px; height:20px; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size:18px; margin-right:3px; transform: translateY(1px);}



.head_box{position:relative;display:block;height:100px;z-index:9;}

button.btnMenu {display:none; }
.btnSearch{position:absolute!important;top:calc(50% - 25px);right:55px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:url('/img/portal/common_2025/searbtn.png') no-repeat center center;z-index:4900; opacity:0.5; transition:all .2s;}
.btnMenu{position:absolute!important;top:calc(50% - 25px);right:0;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:url('/img/portal/common_2025/menubtn.png') no-repeat center center;z-index:4900; opacity:0.5; transition:all .2s;}
.btnSearch:hover, .btnMenu:hover {opacity:1; }
@media (max-width:1280px) {
	.globalLink {display:none;}
	.head_box{z-index:11; height:80px;}
	a.btnMenu {display:none; }
	button.btnMenu, .btnSearch{display:block;}	
	.logo {top:15px;}
}

#mask_mn { background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; top:0; left:0; z-index:6; display:none;}

/* PC버전 메뉴 */
@media (min-width:1281px)	{

	#mainNavi-wrap { position:absolute; width:100%;display:block;  }
	#mainNavi-wrap .tmn-tit {display:none;}
	#mainNavi {display:flex; justify-content:flex-end; margin-right:150px; }		
	.topmenu {display:flex; align-items:center; height:100px;}
	.topmenu .tgl-btn {display:none;}
	.topmenu .mn_a1 { font-size:24px; display:flex; align-items:center; color:#111; font-weight:600; position:relative; text-align:center; padding:20px; height:100px; }
	.topmenu .mn_l1:hover .mn_a1 {color:#243ba2;}
	.topmenu .mn_a1.new-win:after{content:''; display:inline-block; background:url(/img/portal/common_2025/topmenu-new.png) no-repeat 50% 50%; width:24px; height:24px; opacity:0.6; transform: translateY(-1px);}
	.topmenu .mn_l1:hover .mn_a1:before {position:absolute;bottom:16px;left:50%; margin-left:-4px; background:#bd2148; height:8px;content:"";display:block;z-index:200; width:8px; border-radius:50%;}
	.topmenu .depth2-wrap {position:absolute;top:100px; padding:0; left:0 !important; width:1500px; display:none; }
	.topmenu .mn_l1.on .depth2-wrap {display:flex;}
	@media (max-width:1520px) {
		.topmenu .mn_a1 {padding:20px 10px;}
		.topmenu .mn_l1 .depth2-wrap {width:100%; justify-content: space-between;}
	}
	.topmenu .mn-txt{ padding:100px 0px 0 0;width:300px; letter-spacing:-1px; position:relative; }
	.topmenu .mn-txt > * {position:relative; z-index:1;}
	.topmenu .mn-txt > p:nth-of-type(1){display:none;}
	.topmenu .mn-txt:before {content:''; display:block; width:1500px; position:absolute; top:0; right:0; background:#0b72d2 url(/img/portal/common_2025/topbg.jpg) no-repeat right bottom; height:100%; z-index:0; border-radius:0 0 200px 0;}
	.topmenu .mn-txt h2{margin-bottom:10px;font-size:34px;color:#fff;line-height:1.1em; font-weight:700;}
	.topmenu .mn-txt p{font-size:15px;color:#fff;line-height:135%;}
	.topmenu .depth2-wrap ul.depth2 {display:flex; flex-wrap:wrap; width:calc(100% - 300px); position:relative; margin:50px 0 50px 50px;  overflow-y: auto; max-height:600px;	}
	.topmenu .depth2-wrap ul.depth2::-webkit-scrollbar { width:4px;}
	.topmenu .depth2-wrap ul.depth2::-webkit-scrollbar-track { background:rgba(0,0,0,0.1);border-radius: 10px; }
	.topmenu .depth2-wrap ul.depth2::-webkit-scrollbar-thumb {background: #333;border-radius:3px; }
	.topmenu .depth2-wrap ul.depth2::-webkit-scrollbar-thumb:hover {background: #333;}
	.topmenu .depth2-wrap:before {content:''; position:absolute; bottom:0; left:200px; width:2360px; height:100%;  z-index:-1; display:block; background:#fff; border-radius:0 0 0 200px;}
	.topmenu .depth2-wrap ul.depth2 > li {width:calc(25% - 25px); margin-right:25px; margin-bottom:25px;  }
	.topmenu .depth2-wrap ul.depth2 > li > a {display:block; font-size:18px; padding:15px; border-radius:5px;background:#fff url(/img/portal/common_2025/depth2bgoff.png) no-repeat right 5px;  border:1px solid #dedede;  font-weight:600;}
	.topmenu .depth2-wrap ul.depth2 > li:hover > a {background:#1543cb url(/img/portal/common_2025/depth2bg.png) no-repeat right 5px; color:#fff; border:1px solid #004a9c;}
	.topmenu .depth2-wrap ul.depth2 .depth3 > li {margin:10px 0;}
	.topmenu .depth2-wrap ul.depth2 .depth3 > li > a {font-size:16px; font-weight:500;}
	.topmenu .depth2-wrap ul.depth2 .depth3 > li > a:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; background:#aeaeae; margin:0 5px; transform: translateY(-4px);}
	.topmenu .depth2-wrap ul.depth2 .depth3 > li > a:hover {color:#1543cb; font-weight:600;}
		.topmenu .depth2-wrap ul.depth2 .depth3 > li > a:hover:before {background:#333;}
	.topmenu .depth2-wrap ul.depth2 .depth4 {display:none;}
	.topmenu #tm03 .depth2-wrap { width:100% !important; }
	.topmenu #tm03 .depth2-wrap:before {left:50%; width:2560px; transform: translateX(-50%);}
	.topmenu #tm03 .mn-txt { display:none;}
	.topmenu #tm03 .depth2 {width:100%; margin:50px 0!important; overflow-y:initial; min-height:150px; transition:all .2s;}
	.topmenu #tm03 .depth2:has( li:hover) {min-height:200px; }
	.topmenu #tm03 .depth2 > li {width:10%; margin-right:0; padding:0; margin:0;}
	.topmenu #tm03 .depth2 > li > a {text-align:center; margin:0 10px; background:none; border:0;}
	.topmenu #tm03 .depth2 > li > a:before {content:''; display:block; width:80px; height:80px; border-radius:20px; margin:-10px auto 10px auto; border:3px solid #dedede; transition:all .2s;}
	.topmenu #tm03 .depth2 > li:hover > a {color:#004a9c;}
	.topmenu #tm03 .depth2 > li:hover > a:before {border:3px solid #0099ff; border-radius:0 20px 0 20px;}
	.topmenu #tm03 .depth2 .depth3 {display:none;}
	.topmenu #tm03 .depth2 .depth3:before {content:''; display:block; width:2560px; background:#f2f2f2; height:100px; position:absolute; top:0; left:50%; transform: translateX(-50%); z-index:-1;}
	.topmenu #tm03 .depth2 > li:focus .depth3,
	.topmenu #tm03 .depth2 > li:hover .depth3 {display:flex; flex-wrap:wrap; align-items:center; position:absolute; top:150px; left:0; width:100%;  height:100px; justify-content: flex-start;padding:20px;}	
	.topmenu #tm03 .depth2 > li .depth3 li {margin:0 15px!important;  }
	.topmenu #tm03 .depth2 > li .depth3 li a {line-height:1em;  display:block;}
	.topmenu .depth2 a[target="_blank"] span:after {content:''; display:inline-block; width:16px; height:16px; background: url(/img/portal/common_2025/topmenu-new.png) no-repeat 50% 50%; margin-left:3px; transform: translateY(2px); opacity:0.5;}
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-01:before {background: url(/img/portal/common_2025/c01.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-02:before {background: url(/img/portal/common_2025/c02.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-03:before {background: url(/img/portal/common_2025/c03.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-04:before {background: url(/img/portal/common_2025/c04.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-05:before {background: url(/img/portal/common_2025/c05.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-06:before {background: url(/img/portal/common_2025/c06.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-07:before {background: url(/img/portal/common_2025/c07.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-08:before {background: url(/img/portal/common_2025/c08.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-09:before {background: url(/img/portal/common_2025/c09.png) no-repeat 50% 50%; }
	.topmenu #tm03 .depth2 > li > a.mn_a2.m-10:before {background: url(/img/portal/common_2025/c10.png) no-repeat 50% 50%; }

}/* PC버전 메뉴 */

.topmenu .gnb_right { display:none!important;}
.m-login{display:none;}

/* MO버전 메뉴 */
@media only screen and (max-width:1280px) {

	.head_box > * {position:relative; z-index:1;}
	#mainNavi-wrap{position:Relative; z-index:2}

	#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000; left:100%; max-width:320px; overflow-y:scroll;overflow-x:hidden;top:0;width:100%;height:100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
	body.open button.btnMenu {z-index:102; background:#fff url(/img/portal/common_2025/menuclose.png) no-repeat 50% 50%; opacity:1; border-radius:50%; top:25px; right:300px; position:fixed!important; width:40px; height:40px; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
	body.open #mainNavi{left:calc(100% - 320px);}
	body.open #mainNavi-wrap{z-index:101;}
	body.open .head_box:after {content:''; display:block; background:rgba(0,0,0,0.8); width:100%; height:100vh; position:fixed; top:0; left:0; z-index:100; }
	
	.tmn-tit {display:block;padding:0; text-align:center; z-index:1; position:relative;
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #39a5b8), color-stop(1, #056ad5));
	background: -moz-linear-gradient(-45deg, #39a5b8 0%, #056ad5 100%);
	background: -webkit-linear-gradient(-45deg,  #39a5b8 0%, #056ad5 100%);
	background: -o-linear-gradient(-45deg,  #39a5b8 0%, #056ad5 100%);
	background: -ms-linear-gradient(-45deg,  #39a5b8 0%, #056ad5 100%);
	background: linear-gradient(-45deg,  #39a5b8 0%, #056ad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a5b8', endColorstr='#056ad5', gradientType=1);}	
	.tmn-tit h2 {padding:30px;} 
	.tmn-tit .globalWrap {display:flex; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,0.3);}
	.tmn-tit .globalWrap > div {width:33.33%; position:relative;}
	.tmn-tit .globalWrap > div > a:after {content:''; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,0.4); position:absolute; top:calc(50% - 5px); right:0;}
	.tmn-tit .globalWrap > div a {display:block; text-align:center; color:#fff; font-size:14px; padding:10px 0; position:relative;}
	.tmn-tit .globalWrap > div > ul {display:none; position:absolute; top:38px; left:0; background:#333; width:100%;}
	
	.topmenu {width:100%;display:block;position:relative; }

	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {position:relative;}
	.topmenu a {position:relative;}
	.topmenu .mn-txt{display:none;}
	.topmenu li > div {display:none; border-bottom:1px solid #dedede; }

	.topmenu .mn_a1 {position:relative; display:block; top:0; left:0; padding:0; font-weight:500; padding:20px 20px; font-size:14px; border-bottom:1px solid #dedede; font-size:18px; font-weight:500;}
	.topmenu > li.on > .mn_a1 {color:#1440c5; border-bottom:2px solid #1440c5;}
	.topmenu > li.has-sub > a:after {content:'\ea4e'; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 10px); right:10px; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; transition:all .2s; font-size:24px; font-weight:200; border-radius:3px; line-height:30px;}
	.topmenu > li.has-sub.on > a:after {transform:rotate(180deg); color:#1440c5; font-weight:400; top:calc(50% - 12px);}
	.topmenu .new-win:after {content:''; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 12px); right:10px;  transition:all .2s; border-radius:3px; line-height:30px; background:url(/img/portal/common_2025/topmenu-new.png) no-repeat 50% 50%; opacity:0.5;}

	.topmenu .depth2-wrap { padding:10px 20px; }
	.topmenu .depth2 .mn_a2 {position:relative; display:block; font-weight:500; padding:10px 12px; font-size:16px; font-weight:500; color:#7a7a7a; }
	.topmenu .depth2 .mn_a2:before {content:''; display:block; width:6px; height:6px; background:#7a7a7a; border-radius:50%; position:absolute; top:calc(50% - 3px); left:0;}
	.topmenu .depth2 > li.has-sub > .mn_a2:after {content:'+'; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 12px); right:5px;  transition:all .2s; font-size:24px; font-weight:400;  }
	.topmenu .depth2 > li.has-sub.on > .mn_a2:after {content:'--'; letter-spacing: -0.3em; right:10px;}
	.topmenu .depth2 > li.has-sub.on > .mn_a2 {color:#333; font-weight:600;}
	.topmenu .depth2 > li.has-sub.on > .mn_a2:before {background:#333;}
	.topmenu .depth2 .mn_a2.new-win:after {right:5px;}

	.topmenu .depth3-wrap { padding:10px 20px; background:#f2f2f2;border-radius:10px; border-bottom:0; }
	.topmenu .depth3 li { font-size:16px;}
	.topmenu .depth3 .mn_a3 {display:block; padding:10px 25px 10px 0px; border-bottom:1px solid #dedede; color:#7a7a7a; }
	.topmenu .depth3 li:last-child .mn_a3 {border-bottom:0; }
	.topmenu .depth3 .mn_a3.new-win:after {right:0;}
	.topmenu .depth3 > li.has-sub > .mn_a3:after {content:'+'; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 12px); right:0;  transition:all .2s; font-size:24px; font-weight:400;  }
	.topmenu .depth3 > li.has-sub.on > .mn_a3{color:#333; font-weight:600;}
	.topmenu .depth3 > li.has-sub.on > .mn_a3:after {content:'--'; letter-spacing: -0.3em; right:3px;}

	.topmenu .depth4-wrap { padding:10px 20px; background:#fff;border-radius:0 0 10px 10px; border-bottom:0; }
	.topmenu .depth4-wrap .mn_a4 {display:inline-block; padding:5px 20px 5px 0px; color:#7a7a7a; font-size:14px; font-weight:500;}
	.topmenu .depth4-wrap .mn_a4.new-win:after { top:calc(50% - 10px); right:0; background-size:60%; width:20px; height:20px;}

}/* MO버전 메뉴 */

 


/* ---- 중간영역 ---- */
#container{position:relative;background:#fff; }
#container.scontainer{max-width:1500px; margin:0 auto ;  z-index:5; display:flex; flex-wrap:wrap; justify-content: space-between;}
#container.scontainer:before{content:''; display:block; width:2560px; height:590px; background:url(/img/portal/common_2025/subtop.jpg) no-repeat 0 0; position:absolute; top:0; left:50%; transform: translateX(-960px); z-index:-2; border-radius:0 0  0 200px;}
#container.scontainer:after{content:''; display:block; width:2560px; height:590px; background:#fff; position:absolute; top:220px; left:50%; transform: translateX(-830px); z-index:-1; border-radius:200px 0  0 0;}


#contents-wrap { width:calc(100% - 350px); position:relative; word-wrap:break-word;}
#container.scontainer #content{min-height:600px; padding-bottom:80px} 

#subtop {text-align:center; height:220px; position:relative; display:flex; align-items:center; justify-content: center; flex-direction: column; padding-right:350px; margin-bottom:50px; z-index:1;}
#subtop:after {content:''; display:block; width:1280px; height:220px; background: url(/img/portal/common_2025/subtop_img.png) no-repeat 0 bottom; position:absolute; bottom:0; right:-1100px; z-index:-1; }

#subtop h2 { color:#000; font-weight:700; font-size:34px; line-height:1em; margin-bottom:20px;}
#subtop .cont-path dl{display:flex; align-items:center; flex-wrap:wrap; font-size:14px; font-weight:500; justify-content: center;}
#subtop .cont-path dl > *:after {content:'\ea6e'; display:inline-block; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; font-weight:500; color:#6b6b6b; line-height:1em; margin:0 8px; }
#subtop .cont-path dl dt span {text-indent:-9999px; display:inline-block;width:14px; height:20px; background: url(/img/portal/common_2025/home.png) no-repeat 50% 4px;}
#subtop .cont-path dl dd:nth-last-of-type(1){color:#000; font-weight:600;}
#subtop .cont-path dl dd:nth-last-of-type(1):after {display:none;}

#subtop .cont-btns{display:flex; margin-top:15px;}
#subtop .cont-btns > .ssnscon > a,
#subtop .cont-btns > a {width:30px; height:30px;  margin:0 10px; display:block; position:relative;  text-indent:-9999px; opacity:0.5; transition:all .2s;}
#subtop .cont-btns > .ssnscon > a:after,
#subtop .cont-btns > a:after {content:''; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:calc(50% - 5px); right:-10px;}
#subtop .cont-btns > a:last-child:after {display:none;}
#subtop .braillecon {background:url(/img/portal/common_2025/conbtns_01.png) no-repeat 50% 50%;}
#subtop .downcon {background:url(/img/portal/common_2025/conbtns_02.png) no-repeat 50% 50%;}
#subtop .sharecon {background:url(/img/portal/common_2025/conbtns_03.png) no-repeat 50% 50%;}
#subtop .printcon {background:url(/img/portal/common_2025/conbtns_04.png) no-repeat 50% 50%;}
#subtop .cont-btns > .ssnscon > a:hover,
#subtop .cont-btns > a:hover {opacity:1;}

#subtop .cont-btns > .ssnscon {position:relative; }
#subtop .cont-btns ul {display:none; position:absolute; top:30px; left:0; background:#fff; border-radius:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:5px 10px;}
#subtop .cont-btns ul li a {width:30px; height:30px; display:block; background:#ff0000; margin:5px 0; overflow:hidden; text-indent:-9999px; border-radius:5px;}
#subtop .cont-btns ul li a.c-01 {background:url(/img/portal/common_2025/sns-f.png) no-repeat 50% 50%;}
#subtop .cont-btns ul li a.c-02 {background:url(/img/portal/common_2025/sns-x.png) no-repeat 50% 50%;}
#subtop .cont-btns ul li a.c-03 {background:url(/img/portal/common_2025/sns-b.png) no-repeat 50% 50%;}
#subtop .cont-btns ul li a.c-04 {background:url(/img/portal/common_2025/sns-k.png) no-repeat 50% 50%;}
#subtop .sharecon.on {opacity:1!important;}

@media screen and (max-width:1280px) {	
	#subtop {padding-right:0; height:170px;}
	#subtop:after { right:-950px;}
	#container.scontainer:after{top:170px;}
	#subtop h2 {margin-bottom:10px;}
	#subtop .cont-btns{margin-top:5px;}
	#subtop .cont-btns .downcon,
	#subtop .cont-btns .printcon {display:none;}
	#subtop .cont-btns .sharecon:after {display:none!important;}
}
@media screen and (max-width:1024px) {	
	#subtop:after {background-size:70%; right:-1050px;}
}
@media screen and (max-width:768px) {	
	#subtop:after {background-size:45%; right:-1130px;}
}

/*
================================================================================
왼쪽메뉴
================================================================================
*/
#subNavi-wrap {display:block; position:relative; z-index:900; width:300px;  margin-top:120px;}
#subNavi .lm-tit {font-size:30px;font-weight:700;height:194px; color:#fff;text-align:center; position:relative; z-index:5;display:flex; align-items:center; justify-content: center; background:#283b82 url(/img/portal/common_2025/leftbg.png) no-repeat 50% 50%; background-size:100%; border-radius:30px 100px 30px 30px; }
#subNavi .lm-tit button {display:none;}
#subNavi .lm-tit .stxt{display:none;}

#subNavi .leftmenu{display:block; position:relative;z-index:3 ; }

#subNavi .leftmenu ul.depth2 {position:relative;line-height:130%;text-align:left; padding:15px;}  
#subNavi .leftmenu ul.depth2 > li >.lm_a2 { display:block; position:relative; font-weight:600;font-size:18px; color:#2b2b2b; padding:20px 5px; border-bottom:1px solid #dedede;}
#subNavi .leftmenu ul.depth2 > .has-sub > a:after {content:'\ea4e'; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 10px); right:5px; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; transition:all .2s; font-size:24px; font-weight:200; border-radius:3px; line-height:30px;}
#subNavi .leftmenu ul.depth2 > .over .lm_a2,
#subNavi .leftmenu ul.depth2 > .is-open .lm_a2 { color:#1440c5;font-weight:700; border-bottom:2px solid #1440c5;}
#subNavi .leftmenu ul.depth2 > .has-sub.is-open > a:after {transform:rotate(180deg); color:#fff; background:#1440c5; font-weight:400;}
#subNavi .leftmenu ul.depth2 > li >.lm_a2.new-win:after {content:''; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 12px); right:5px;  transition:all .2s; font-size:24px; font-weight:200; border-radius:3px; line-height:30px; background:url(/img/portal/common_2025/topmenu-new.png) no-repeat 50% 50%; opacity:0.5;}
#subNavi .leftmenu ul.depth2 > .over > .depth3 {display:block;}

#subNavi .leftmenu ul.depth3 {display:none; border-bottom:1px solid #ddd;padding:15px;font-size:16px; }
#subNavi .leftmenu ul.depth3 .lm_a3 {display:block;font-weight:600; position:relative; color:#7a7a7a; padding:10px 5px; padding-left:10px;}
#subNavi .leftmenu ul.depth3 .lm_a3:before {content:''; display:block; width:6px; height:6px; border-radius: 50%; background:#7a7a7a; position:absolute; top:16px; left:0;}
#subNavi .leftmenu ul.depth3 > .has-sub > a:after {content:'+'; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 12px); right:5px; transition:all .2s; font-size:24px; font-weight:400; border-radius:3px; line-height:30px;}
#subNavi .leftmenu ul.depth3 > .has-sub.is-open > a:after {content:'--'; letter-spacing: -6px; right:10px;}
#subNavi .leftmenu ul.depth3 >.over .lm_a3,
#subNavi .leftmenu ul.depth3 >.is-open .lm_a3 { color:#333;font-weight:700; }
#subNavi .leftmenu ul.depth3 >.is-open .lm_a3:before {background:#333;}
#subNavi .leftmenu ul.depth3 > li >.lm_a3.new-win span {width:calc(100% - 25px); display:inline-block;}
#subNavi .leftmenu ul.depth3 > li >.lm_a3.new-win:after {content:''; display:flex; align-items:center; justify-content:center; width:25px; height:25px; position:absolute; top:calc(50% - 12px); right:5px;  transition:all .2s; font-size:24px; font-weight:200; border-radius:3px; line-height:30px; background:url(/img/portal/common_2025/topmenu-new.png) no-repeat 50% 50%; opacity:0.5; background-size:50%;}
#subNavi .leftmenu ul.depth3 > .over > .depth4 {display:block;}

#subNavi .leftmenu ul.depth4 {display:none; background:#f8f8fb; padding:10px 15px; border-radius:5px;}
#subNavi .leftmenu ul.depth4 .lm_a4 {display:block;font-weight:500; position:relative; color:#7a7a7a; padding:5px 0; padding-left:15px;}
#subNavi .leftmenu ul.depth4 .lm_a4:before {content:''; display:block; width:8px; height:3px; border-radius:10px; background:#7a7a7a; position:absolute; top:13px; left:0;}
#subNavi .leftmenu ul.depth4 .over .lm_a4 {color:#333; font-weight:600; letter-spacing: -0.05em;}
#subNavi .leftmenu ul.depth4 .over .lm_a4:before {background:#333;}
#subNavi .leftmenu ul.depth4 > li >.lm_a4.new-win span {position:relative; padding-right:20px;}
#subNavi .leftmenu ul.depth4 > li >.lm_a4.new-win span:after {content:''; display:flex; align-items:center; justify-content:center; width:20px; height:20px; position:absolute; top:calc(50% - 10px); right:0;  transition:all .2s; font-size:24px; font-weight:200; border-radius:3px; line-height:30px; background:url(/img/portal/common_2025/topmenu-new.png) no-repeat 50% 50%; opacity:0.5; background-size:50%;} 
/*  왼쪽메뉴 */

@media screen and (max-width:1540px) {
	#container {width:calc(100% - 20px); margin:0 10px;}
}
@media screen and (max-width:1280px) {	
	#subNavi-wrap {display:none;}
	#contents-wrap {width:100%;}	
}


/* 상단검색 */
.top-search {height:290px; background:#f8fafc; position:absolute; top:100px; right:0; display:none; z-index:10; width:100%; }
.top-search:before{content:''; display:block; width:2560px; height:100%; position:absolute; top:0; left:50%; background:#f8fafc; transform: translateX(-50%); z-index:-1;}
.top-search .is-search {display:flex; align-items:center; justify-content: center; flex-direction: column; height:100%;}

.top-search .search-ctr {border-radius:50px; width:50%; position:relative; padding:3px; display:flex; align-items:center; justify-content: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3aa7b8), color-stop(1, #0265d7));
	background: -moz-linear-gradient(to top, #3aa7b8 0%, #0265d7 100%);
	background: -webkit-linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	background: -o-linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	background: -ms-linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	background: linear-gradient(to top,  #3aa7b8 0%, #0265d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa7b8', endColorstr='#0265d7', gradientType=0);
}
.top-search .search-ctr form {width:100%; height:100%;}
.top-search .search-ctr input[type="text"] {width:100%; border:0; border-radius:35px; padding:0 50px 0 60px; font-family: 'Paperlogy'; font-weight:600; font-size:20px; line-height:70px;}
.top-search .search-ctr .search-btn {position:absolute; top:15px; right:-30px; width:76px; height:76px; border-radius:25px 25px 0 25px;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3aa7b8), color-stop(1, #0265d7));
	background: -moz-linear-gradient(-45deg, #3aa7b8 0%, #0265d7 100%);
	background: -webkit-linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	background: -o-linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	background: -ms-linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	background: linear-gradient(-45deg,  #3aa7b8 0%, #0265d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa7b8', endColorstr='#0265d7', gradientType=1);}
.top-search .search-ctr .search-btn span {background:url(/img/portal/common_2025/ssbtn.png) no-repeat 50% 50%; width:100%; height:100%; display:block; overflow:hidden; text-indent:-9999px;}
.top-search .search-ctr .select-box {display:none;}
.top-search .search-ctr:before {content:''; width:95px; height:119px; background:url(/img/portal/common_2025/scimg.png) no-repeat 50% 50%; position:absolute; top:calc(50% - 59px); left:-70px;}

.top-search .is-search dl {display:flex; margin-top:30px; align-items: center;}
.top-search .is-search dl dt {margin-right:10px;}
.top-search .is-search dl dd {margin:0 5px;}
.top-search .is-search dl dd a {display:block; padding:10px 15px; border-radius:30px; border:2px dotted #a6b8cd; min-width:100px; text-align:center; font-size:14px;}
.top-search .is-search .search-close {display:block; width:60px; height:60px; background:#000 url(/img/portal/common_2025/sfclose.png) no-repeat 50% 50%; position:absolute; position:absolute; bottom:-30px; left:calc(50% - 30px); border-radius:50%; overflow:hidden; text-indent:-9999px;}

@media screen and (max-width:1280px) {
	.top-search .search-ctr {width:70%;}
	.top-search {top:80px; }
}
@media screen and (max-width:768px) {
	.top-search {height:200px;}
	.top-search .search-ctr {width:calc(100% - 50px);}
	.top-search .search-ctr:before { width:60px;  left:-25px; background-size:contain;}

	.top-search .search-ctr .search-btn {position:absolute; top:0; right:-25px; border-radius:50%; } 
	.top-search {top:80px; }
	.top-search .is-search dl {display:none;}
}

.bt-mnclose { display:none;}

.open-guide{border:1px solid #ececec; position:relative; border-radius:10px 10px 0 0; border-bottom:0; padding:20px 30px; display:flex; flex-wrap:wrap; align-items:center; font-size:16px; justify-content: space-between;}
.open-guide p.img {width:100px;}
.open-guide p.img img {width:100%;}
.open-guide p.txt {width:calc(100% - 130px); font-weight:500; color:#333;}
.open-guide p.txt span {display:inline;}
.open-guide p.txt span i { color:#0c1e8a;}


/* HOME > 1depth > 2dpeth */
.depart-satisfy{  border:1px solid #ececec; border-radius:10px 10px 10px 10px; overflow:hidden; clear:both;}
.open-guide + .depart-satisfy{border-radius:0 0 10px 10px;}
.depart-satisfy .satisfy-wrap {background:#f5f6f9; padding:30px;}
.depart-satisfy .satisfy-wrap .sf {display:flex; align-items:center; justify-content: space-between; padding:5px 0;}
.depart-satisfy .satisfy-wrap .sf p.tit {font-size:16px; color:#333; padding-left:25px; position:relative; font-weight:600;}
.depart-satisfy .satisfy-wrap .sf p.tit:before {content:''; display:inline-block; width:22px; height:22px; background:url(/img/portal/common_2025/sat_01.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
.depart-satisfy .satisfy-wrap .sf ul {display:flex; align-items:center; flex-wrap:wrap;}
.depart-satisfy .satisfy-wrap .sf ul li {margin-left:15px;}
.depart-satisfy .satisfy-wrap .sf ul li input[type="radio"]{opacity:0; width:0; height:0; position:absolute; top:0; left:0;}
.depart-satisfy .satisfy-wrap .sf ul li p:before {content:''; width:18px; height:18px; border-radius:50%; display:inline-block; background:#fff; border:1px solid #666; box-sizing:border-box; margin-right:5px; transform: translateY(5px);}
.depart-satisfy .satisfy-wrap .sf ul li p:has( :checked ):before {border:5px solid #004a9c;}
.depart-satisfy .satisfy-wrap .sr {position:relative; top:20px;}
.depart-satisfy .satisfy-wrap .sr > div {display:flex; }
.depart-satisfy .satisfy-wrap .sr > div input {border:1px solid #dedede; border-radius:5px; width:100%; padding:0 20px; font-size:15px;}
.depart-satisfy .satisfy-wrap .sr > div button {height:45px; background:#1b224e; color:#fff; font-weight:500; font-size:15px; text-align:Center; border-radius:5px; width:90px;}

.depart-satisfy .depart-wrap{ position:relative;background:#fff; display:flex; justify-content: space-between; padding:20px 30px; align-items:center;}
.depart-satisfy .depart-wrap dl {display:flex; line-height:22px; flex-wrap:wrap;}
.depart-satisfy .depart-wrap dl dt {font-weight:700; background:url(/img/portal/common_2025/sat_02.png) no-repeat 0 0; padding-left:30px;}
.depart-satisfy .depart-wrap dl dt:after {content:''; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 20px;}
.depart-satisfy .depart-wrap dl dd {margin-right:40px;}
.depart-satisfy .depart-wrap dl dd:before {content:''; display:inline-block; width:8px; height:8px; background:#e5e7eb; border-radius:50%; margin-right:5px; transform: translateY(-2px);}
.depart-satisfy .depart-wrap dl dd strong {color:#7e828f; margin-right:10px; font-weight:600;}
.depart-satisfy .depart-wrap dl dd span {color:#333;  font-weight:600;}

.depart-satisfy .depart-wrap .recent {background:url(/img/portal/common_2025/sat_03.png) no-repeat 0 0; line-height:22px; padding-left:30px; }
.depart-satisfy .depart-wrap .recent strong {color:#7e828f; margin-right:10px; font-weight:600;}
.depart-satisfy .depart-wrap .recent span {color:#333;  font-weight:600;}

@media screen and (max-width:1024px) {
	.depart-satisfy .satisfy-wrap .sf {flex-direction:column; }
	.depart-satisfy .satisfy-wrap .sf ul {margin-top:10px; flex-wrap:wrap;}
	.depart-satisfy .satisfy-wrap .sf ul li {margin:2px 0 2px 15px;}
	.depart-satisfy .satisfy-wrap .sf ul li:first-child {margin-left:0;}

	.depart-satisfy .depart-wrap{flex-direction:column;}
	.depart-satisfy .depart-wrap .recent {margin-top:10px;}
}
@media screen and (max-width:768px) {
	.open-guide{padding:20px 10px;}
	.depart-satisfy .satisfy-wrap {padding:30px 10px;}	
	.depart-satisfy .depart-wrap dl {flex-direction:column; align-items:center;}
	.depart-satisfy .depart-wrap dl dt {margin-bottom:5px;}
	.depart-satisfy .depart-wrap dl dt:after {display:none;}
	.depart-satisfy .depart-wrap dl dd {margin-right:0;}
}
@media screen and (max-width:480px) {
	.depart-satisfy .satisfy-wrap .sf ul {width:calc(100% - 30px); margin-left:20px;}
	.depart-satisfy .satisfy-wrap .sf ul li {width:50%; margin:2px 0;}
}




/* 하단 */
#footer-wrap {display:block; position:relative; margin-top:50px;padding-top:100px; z-index:5;}
/* #footer-wrap * {color:#fff;} */
#footer-wrap:before {content: ''; width:2560px; background:url(/img/portal/common_2025/footbg.png) no-repeat 50% 0; height:100%; position:absolute;left:50%; display:block; margin-left: -1280px; z-index:-1; top:0;}
#footer-wrap:after {content:''; display:block; width:153px; height:177px; background:url(/img/portal/common_2025/fcha01.png) no-repeat 0 0; position:absolute; top:-125px; left:-200px; z-index:-2;}

#f-baner {border-bottom:1px solid rgba(255,255,255,0.3); display:flex; flex-wrap:wrap; align-items:center; padding:30px 0; justify-content: space-between; }
#f-baner:before {content:''; display:block; width:183px; height:150px; background:url(/img/portal/common_2025/fcha02.png) no-repeat 0 0; position:absolute; top:-45px; right:-150px; }
#f-baner * {color:#fff;}
#f-baner .fban-ctrl {width:250px; display:flex; align-items:center;}
#f-baner .fban-ctrl h3 {font-size:22px; font-weight:700; margin-right:20px; }
#f-baner .fban-ctrl a {width:30px; height:30px; margin:0 2px; display:flex; align-items: center; justify-content: center; font-size:20px; opacity:0.6; transition:all .2s;}
#f-baner .fban-ctrl a.stop,
#f-baner .fban-ctrl a.play {border-radius:50%; border:1px solid rgba(255,255,255,0.3)}
#f-baner .fban-ctrl a:before {font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased;}
#f-baner .fban-ctrl a.prev:before {content: "\ea64"; }
#f-baner .fban-ctrl a.next:before {content: "\ea6e"; }
#f-baner .fban-ctrl a.stop:before {content: "\efd9"; }
#f-baner .fban-ctrl a.play:before {content: "\f012"; font-size:16px;}
#f-baner .fban-ctrl a span {text-indent:-9999px; display:block;}
#f-baner .fban-ctrl a:hover {opacity:1;}
#f-baner .fban-slide {width:calc(100% - 270px); }
#f-baner .fban-slide ul li {margin:0 30px;}
#f-baner .fban-slide .slick-slider {margin-bottom:0!important;}

#f-family {margin-top:30px;}
#f-family .list {display:flex; flex-wrap:wrap; justify-content:space-between;}
#f-family .list > li {width:calc(25% - 20px); position:relative;}
#f-family .list > li > a {display:flex; justify-content:space-between; border:1px solid #dedede; padding:15px 20px; border-radius:10px; background:#fff; font-size:16px; font-weight:500;}
#f-family .list > li > a span { color:#343849;}
#f-family .list > li > a:after {content: "\ea4e"; display:block; color:#343849; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size:26px; transition:all .2s;transform:rotate(180deg);}
#f-family .list > li.over > a span{color:#004a9c; font-weight:600;}
#f-family .list > li.over > a:after {transform:rotate(0deg); color:#004a9c;}


#f-family .list-wrap {display:none; position:absolute; bottom:55px; left:0; background:#fff; border-radius:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:15px; width:100%; overflow:hidden;}		
#f-family .list-wrap ul {display:flex; flex-wrap:wrap; overflow-y:auto; max-height:300px;}
#f-family .list-wrap ul::-webkit-scrollbar { width:4px;}
#f-family .list-wrap ul::-webkit-scrollbar-track { background:rgba(0,0,0,0.2);border-radius: 10px; }
#f-family .list-wrap ul::-webkit-scrollbar-thumb {background: #666;border-radius:3px; }
#f-family .list-wrap ul::-webkit-scrollbar-thumb:hover {background: #666;}

#f-family .list-wrap ul li {width:50%; margin:3px 0;}
#f-family .list-wrap ul li a:before {content:''; display:inline-block; width:4px; height:4px; background:#666; border-radius:50%; margin-right:5px; transform: translateY(-5px);}
#f-family .list-wrap ul li a:hover {color:#004a9c;}
#f-family .list-wrap a.close {background:#000; width:30px; height:30px; display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; border-radius:0 0 0 10px;}
#f-family .list-wrap a.close:after {content:'X'; transform: scaleY(80%); color:#fff; font-weight:600;}
#footer {position:relative; margin-top:30px; padding-bottom:30px; color:#fff;}
#footer .f-logo {display:none;}
#footer .f-link {margin-bottom:30px;}
#footer .f-link ul {display:flex; flex-wrap:wrap; }
#footer .f-link ul li:after {content:''; display:inline-block; width:4px; height:4px; background:#fff; border-radius:50%; margin:0 15px; transform: translateY(-4px);}
#footer .f-link ul li a {color:#fff; font-weight:500;}
#footer .f-link ul li:nth-of-type(1) a {color:#a9fffe;}
#footer .f-link ul li:last-of-type:after {display:none;}

#footer .f-info {opacity:0.4;}
#footer .f-info p {margin:5px 0;}
#footer .f-info span {margin-right:30px; display:inline-block;}

.web_mark{position:absolute; top:auto!important; bottom:30px;  right:0px; z-index:0;}           
@media only screen and  (max-width:1520px) {
	#footer-wrap:after { top:-105px; left:-50px; }
	#f-baner:before {right:-50px;}	
} 
@media only screen and  (max-width:1280px) {
	#footer .f-link ul {justify-content: center;}
	#footer .f-link ul li {margin:5px 0;}
	#footer .f-info p {text-align:center;}
	#footer .f-info span {margin:5px 10px;}
	.web_mark{position:relative!important; top:auto!important; bottom:0; text-align:center; margin-top:20px;}
	#f-baner:before {right:-50px; width:130px; background-size:contain;}	
	#footer-wrap:after { top:-55px; left:-50px; width:100px; background-size:contain;}
}
@media only screen and  (min-width:1025px) and (max-width:1280px) {
	#f-family .list-wrap ul li {width:100%;}
}
@media only screen and  (max-width:1024px) {
	#f-family .list > li {width:calc(50% - 5px); margin-bottom:10px;}
}
@media only screen and (max-width:768px) {
	#f-family .list-wrap ul li {width:100%;}
	#f-baner .fban-ctrl {width:100%; margin-bottom:20px;}
	#f-baner .fban-slide {width:100%; }
	#f-baner .fban-slide ul li {margin:0 10px;}	
	#f-baner:before {top:-15px;}	
	#footer-wrap:after { top:-35px;}
}
@media only screen and (max-width:480px) {
#f-family .list > li {width:100%;}
}

.gohyang { position: absolute; top: 10px; right: -210px; z-index: 10; width: 204px; height: 179px; transform-origin: 50% 10px; /* 상단 센터 기준점 */ animation: gohyang-shake 1.2s infinite ease-in-out;
}

@keyframes gohyang-shake {
  0% { transform: translateX(0) rotate(0deg); }
  10% { transform: translateX(0) rotate(-3deg); }
  20% { transform: translateX(0) rotate(3deg); }
  30% { transform: translateX(0) rotate(-2deg); }
  40% { transform: translateX(0) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  60% { transform: translateX(0) rotate(1deg); }
  70% { transform: translateX(0) rotate(-1deg); }
  80% { transform: translateX(0) rotate(1deg); }
  90% { transform: translateX(0) rotate(0deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

.gohyang:hover { transform: translateX(0) rotate(0deg); animation:none;}