@charset "utf-8";
/**
 * @File Name : sub.css
 * @Description : Layout[sub]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.07.01 | 김소화 | 최초 등록.
 * </pre>
 * @author 디자인팀 김소화
 * @since 2025.07.01
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ @media print{} ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* 인쇄 20200407. 20200820.
 * )) /share/ui/printpage.html @media all{} 동기화 확인
 */
@media print{
	/* hide */
	#head, #visual, #foot, #wing, #sidebar, #side, #aside,
	#body_foot,
	#tnb1,
	#quickmenu1,
	#fast1,
	#location1, /* ☆ */
	#bn1,
	#fontsize1,
	#go1sib1, /* 20200820 */
	.bg, .noprint{display:none !important;}
	/* show */
	html{background:#fff !important;}
	body,
	#container, #wrap, #body,
	.container, /* 20200820 */
	#body_head,
	#body_head_s1, #body_head_s2, /* 20200820 */
	#body_content{float:none !important;left:0 !important;top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible !important;box-shadow:none !important;}
	#body_title{display:block !important;position:static !important;left:0 !important;top:0 !important;height:auto !important;margin:0 !important;padding:0 0 1em !important;border:0 !important;}
	table{border-color:#999 !important;}
	table th,
	table td{border-color:#999 !important;}
	/* transparent */
	#head_below{background:transparent !important;}
}

/* #body_content */
/* 본문메뉴1.드롭다운.갭0.활성배경 20200626 */
.cnb1{display:block;z-index:0;position:relative;margin:0 auto 2.5em;font-size:16px;line-height:1.375;overflow:hidden;}
.cnb1>.note{display:block;z-index:1;position:relative;height:21px;margin:0;padding:10px 30px 10px 10px;border:3px solid #555;background:#fff;color:#222;font-weight:600;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb1>.toggle{display:block;z-index:2;position:absolute;left:0;top:0;width:100%;height:44px;margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none;overflow:hidden;text-indent:-9999px;}
.cnb1>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 15px;border:6px solid transparent;border-top-color:#000;border-bottom:0;overflow:hidden;text-indent:100%;transition:.2s;}
.cnb1>.toggle.on>.ic1{transform:rotate(180deg);}
.cnb1 ul{list-style:none;margin:0;padding:0;}
.cnb1 li{margin:0;padding:0;}
.cnb1 [class*='col-'] li{width:100%;}
.cnb1 li>a{display:block;position:relative;min-height:1.375em;margin:-1px 0 0 0;padding:.625em .75em;border:1px solid #e0e0e0;background:#f8f9fb;color:#555;}
.cnb1 li>a:hover,.cnb1 li>a:focus{z-index:10;border-color:#000;color:#000;}
.cnb1 li.on>a{z-index:5;border-color:transparent;background-color:#ef6d09;color:#fff;font-weight:600;cursor:default;}
.cnb1 li>a[target='_blank']:after, .cnb2 li>a[target='_blank']:after, .cnb3 li>a[target='_blank']:after{content:'';display:inline-block;width:16px;height:16px;margin:0 0 4px 5px;background:url(../../img/inc/ic16newwindow.png) no-repeat;vertical-align:middle;}

.cnb2{display:block;z-index:0;position:relative;margin:0 auto 1.375em;border:1px solid #999;background:#fff;font-size:16px;line-height:1.375;overflow:hidden;}
.cnb2>.note{display:block;z-index:1;position:relative;height:19px;margin:0;padding:10px 30px 10px 10px;background:#f4f4f4;color:#000;font-weight:600;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb2>.toggle{display:block;z-index:2;position:absolute;left:0;top:0;width:100%;height:39px;margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none;overflow:hidden;text-indent:-9999px;}
.cnb2>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 15px;border:6px solid transparent;border-top-color:#666;border-bottom:0;overflow:hidden;text-indent:100%;transition:.2s;}
.cnb2>.toggle.on>.ic1{transform:rotate(180deg);}
.cnb2 ul{list-style:none;margin:0;padding:0;border-top:1px solid #999;overflow:hidden;display:none;}
.cnb2 li{margin:0 0 -1px;padding:0;}
.cnb2 [class*='col-'] li{width:100%;}
.cnb2 li>a{display:block;position:relative;min-height:1.375em;margin:-1px -1px 0;padding:.625em .75em;border:1px solid #e7e7e7;background:#fff;color:#666;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb2 li>a:hover,.cnb2 li>a:focus{z-index:10;border-color:#eee;background-color:#f7f7f7;color:#444;text-decoration:none;}
.cnb2 li.on>a{z-index:5;border-color:transparent;background-color:#444;color:#fff;cursor:default;}

.cnb3{display:block;z-index:0;position:relative;margin:0 auto 1.375em;border:1px solid #ccc;background:#fff;font-size:15px;line-height:1.375;overflow:hidden;}
.cnb3>.note{display:block;height:17px;margin:0;padding:10px 30px 10px 10px;border:0;background:#f7f7f7;color:#000;font-weight:600;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb3>.toggle{display:block;z-index:2;position:absolute;left:0;top:0;box-sizing:content-box;width:100%;height:37px;margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none;overflow:hidden;text-indent:-9999px;}
.cnb3>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 15px;border:6px solid transparent;border-top-color:#666;border-bottom:0;overflow:hidden;text-indent:100%;transition:.2s;}
.cnb3>.toggle.on>.ic1{transform:rotate(180deg);}
.cnb3 ul{list-style:none;margin:0;padding:0 0 .5em;border-top:1px solid #ddd;overflow:hidden;display:none;}
.cnb3 li{margin:0;padding:0;}
.cnb3 [class*='col-'] li{width:100%;}
.cnb3 li>a{display:block;position:relative;min-height:1.375em;margin:0;padding:.5em .75em;color:#767676;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb3 li>a:hover,.cnb3 li>a:focus{z-index:10;background-color:#f5f7f9;color:#000;text-decoration:none;}
.cnb3 li.on>a{z-index:5;border-color:transparent;background-color:#deb;color:#000;cursor:default;}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
	/* ☆ 자동균등폭 .mj-menu-even-width 20160531 */
	.mj-menu-even-width ul{opacity:0;} /* 변이 모습 감춤. makeEvenWidthMenus(); 실행 후 opacity:1; */

	/* ☆(100/(column1~12))% */
	[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
	[class*='cnb'] .col-2 > li{width:50%;}
	[class*='cnb'] .col-3 > li{width:33.33333%;}
	[class*='cnb'] .col-4 > li{width:25%;}
	[class*='cnb'] .col-5 > li{width:20%;}
	[class*='cnb'] .col-6 > li{width:16.66666%;}
	[class*='cnb'] .col-7 > li{width:14.28571%;}
	[class*='cnb'] .col-8 > li{width:12.5%;}
	[class*='cnb'] .col-9 > li{width:11.11111%;}
	[class*='cnb'] .col-10 > li{width:10%;}
	[class*='cnb'] .col-11 > li{width:9.09091%;}
	[class*='cnb'] .col-12 > li{width:8.33333%;}



.cnb1{position:relative;font-size:17px;margin-bottom:30px;}
.cnb1>.note{display:none;}
.cnb1>.toggle{display:none;}
.cnb1 ul{display:block !important;position:relative;margin:0 0 -1px;overflow:hidden;text-align:center;}
.cnb1 ul:before,.cnb1 ul:after{content:'';display:table;}
.cnb1 ul:after{clear:both;}
.cnb1 li{position:relative;display:inline-block;vertical-align:top;width:auto;min-width:140px;text-align:center;margin:2px 0;}
.cnb1 li>a{position:relative;padding:15px 20px 15px;border:0;margin:0;background:#f0f0f0;color:#666;font-weight:400;border-radius:10px;}
.cnb1 li.on a{background-color:#22284c;text-decoration:underline;text-underline-offset:4px;}


#cnb2{border-radius:0;padding-bottom:25px;margin-bottom:2.5em;background:url(../../img/lib2/patt_cnb2.gif) repeat-x 0 bottom;}
.cnb2{position:relative;border:0;}
.cnb2>.note{display:none;}
.cnb2>.toggle{display:none;}
.cnb2 ul{display:block !important;position:relative;padding:0;border:0;background:#fff;overflow:visible;text-align:center;}
.cnb2 ul:before,.cnb2 ul:after{content:'';display:table;}
.cnb2 ul:after{clear:both;}
.cnb2 li{position:relative;display:inline-block;vertical-align:top;width:auto;margin:2px 0;text-align:center;}
.cnb2 li:after{position:absolute;top:16px;right:-3px;content:"";display:block;width:1px;height:10px;background:#c2c2c2;}
.cnb2 li:last-child:after{display:none;}
.cnb2 li>a{position:relative;padding:11px 20px;font-size:17px;color:#333;border:0;font-weight:400;background:transparent;}
.cnb2 li>a:hover,.cnb2 li>a:focus{text-decoration:underline;text-underline-offset:4px;background-color:transparent;}
.cnb2 li.on>a{cursor:default;font-weight:500;color:#000;font-size:20px;padding:8px 20px;background:transparent;}
.cnb2 li.on>a:after{position:absolute;top:0;right:8px;content:"";display:block;width:8px;height:8px;background:#eb4050;border-radius:100%;}

.cnb3{padding:1em 1.375em;border:1px solid #ddd;border-radius:10px;}
.cnb3>.note{display:none;}
.cnb3>.toggle{display:none;}
.cnb3 ul{display:block !important;position:relative;padding:0 .375em;border:0;}
.cnb3 li{float:left;box-sizing:border-box;width:auto;height:auto;margin:0;padding:0 .25em;text-align:left;}
.cnb3 li>a{display:block;margin:0 1em 0 0;padding:.375em .75em;border-bottom:1px dashed transparent;background:url(../../img/lib/cnb3bg1.png) no-repeat 0 .75em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb3 li:not(.on)>a:hover,.cnb3 li:not(.on)>a:focus{margin-left:-.75em;padding-left:1.5em;background-position:.75em .75em;text-decoration:none;}
.cnb3 li.on>a{background-color:transparent;background-image:url(../../img/lib/cnb3bg1on.png);background-position:0 .65em;color:#21806E;font-weight:600;border-color:#ccc;}


} /* /(min-width:768px) */
@media screen and (max-width:599px){
	.cnb1, .cnb2 {font-size:15px}
}
@media screen and (max-width:499px){
	.cnb1, .cnb2 {font-size:14px}
}
@media screen and (max-width:356px){
	#head_s2{flex-direction:column;}
}
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */


/* 서브레이아웃 스타일 여기서부터 작성 */

#body_head{padding:52px 0 38px}
#body_content{padding:0 0 100px;min-height:200px}
@media screen and (max-width:1259px){
	#wrap>.container [class*='container']{margin:0}
	#body_head{padding:45px 0 30px}
}
@media screen and (max-width:999px){
	#body_head{padding:40px 0 25px}
}
@media screen and (max-width:768px){
	#body_head{padding:35px 0 20px}
}
@media screen and (max-width:599px){
	#body_head{padding:30px 0 15px}
}



/* visual */
#visual{position:relative;width:100%;height:450px;margin:0 auto;}
#visual  [class *='v1']{position:relative;height:100%;border-radius:0 0 150px 0;overflow:hidden}
#visual  [class *='v1']:after{content:'';position:absolute;left:0;top:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0))}
#visual .tg1{position:absolute;left:0;right:0;top:50%;text-align:center;transform:translateY(-70%)}
#visual .tg1 .h1{display:block;color:#fff;font-size:54px;font-family: 'Waguri';font-weight:normal;text-shadow:-3px 4px 8px rgba(0,0,0,0.6);}
#visual img{z-index:-1;width:auto;height:100%}
@media screen and (max-width:1259px){
	#visual{height:295px;}
	#visual  [class *='v1']{border-radius:0;}
}
@media screen and (max-width:768px){
	#visual{min-width:100%;height:180px;}
	#visual  [class *='v1']{border-radius:0;}
	#visual .tg1{top:auto;bottom:30px;transform:none}
	#visual .tg1 .h1{font-size:42px;}	
}

/* location */
#location1{position:absolute;left:0;right:0;bottom:160px;text-align:center;}
#location1 li{position:relative;display:inline-block;vertical-align:top;padding:0 20px;font-size:0}
#location1 li:first-child{padding-left:0}
#location1 li:last-child{padding-right:0}
#location1 li a{display:inline-block;color:#fff;font-size:15px;text-shadow:-3px 5px 6px rgba(0,0,0,0.7);}
#location1 li a:before{content:'';display:block;position:absolute;left:-5px;top:calc(50% - 5px);width:7px;height:11px;background:url(../../img/inc/sub_sprite.png) no-repeat -28px 0 / 280px 100px}
#location1 li a.home{width:28px;height:28px;font-size:0;margin:-3px 0 0;border-radius:100%;overflow:hidden;background:url(../../img/inc/sub_sprite.png) no-repeat 0 0 / 280px 100px;filter:drop-shadow(-3px 4px 10px rgba(0,0,0,0.7));text-shadow:none}
#location1 li a.home:before{display:none;}
@media screen and (max-width:1259px){
	#location1{bottom:90px;}
}
@media screen and (max-width:768px){
	#location1{position:static;margin-left:10px;}
	#location1 li{padding:0 15px;}
	#location1 li a{text-shadow:none}
	#location1 li a.home{filter:none}
}
@media screen and (max-width:356px){
	#location1{margin:10px 0 0;}
}


/* bn1 */
#bn1{position:absolute;left:0;right:0;bottom:100px;}
#bn1 ul{/* display:flex;justify-content:center;gap:10px */text-align:center}
#bn1 ul li{display:inline-block;vertical-align:middle;margin-left:6px;}
#bn1 ul li:first-child{margin-left:0;}
#bn1 button,#bn1 a{position:relative;display:block;border:0;border-radius:100%;}
#bn1 .m.toggle, #bn1>ul>li.m>button{width:44px;height:44px;background:#fff url(../../img/inc/sub_sprite.png) no-repeat -3px -54px / 280px 100px;}
#bn1>ul>li{position:relative;}
#bn1>ul>li.m.copy button{background-position:-50px -54px}
#bn1>ul>li.m.print button{background-position:-98px -56px}
#bn1 .m.toggle.on{z-index:1}
#bn1share1{display:block !important;visibility:hidden;position:absolute;left:0;top:0;width:217px;height:44px;padding:8px 30px 0 43px;background:#e5edfe;border-radius:44px 0 0 44px;box-sizing:border-box;opacity:0;transition:.2s ease-out}
#bn1share1.on{left:-193px;opacity:1;visibility:visible;}
#bn1share1 ul{gap:4px}
#bn1share1 .m button, #bn1share1 .m a{width:28px;height:28px;overflow:hidden}
#bn1share1 .m button:before{content:'';z-index:0;position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;border-radius:100%;overflow:hidden;background:url(../../img/inc/sub_sprite.png) no-repeat -69px 0 / 280px 100px;}
#bn1share1 .m.facebook button{background-color:#35548c;}
#bn1share1 .m.blog button{background-color:#62b63d;}
#bn1share1 .m.x button{background-color:#000;}
#bn1share1 .m.kakao button{background-color:#e9cd24;}
#bn1share1 .m.facebook button:before{background-position:-69px 0}
#bn1share1 .m.blog button:before{background-position:-99px 0}
#bn1share1 .m.x button:before{background-position:-129px 0}
#bn1share1 .m.kakao button:before{background-position:-159px 0}
#bn1share1 .close{position:absolute;left:2px;top:4px;background:#1b203e;border-radius:100%;}
#bn1share1 .close a:before, #bn1share1 .close a:after{content:'';position:absolute;width:2px;height:12px;background:#fff;border-radius:3px;left:calc(50% - 1px);top:calc(50% - 6px);}
#bn1share1 .close a:before{transform:rotate(45deg)}
#bn1share1 .close a:after{transform:rotate(-45deg)}
#bn1share1 .facebook{order:2;}
#bn1share1 .blog{order:3;}
#bn1share1 .x{order:4;}
#bn1share1 .kakao{order:5;}
#bn1share1 .close{order:1;}

#bn1share1 .m button:focus, #bn1share1 .close a:focus{outline: 2px dashed #ff7f50;outline-offset: 0px;}
@media screen and (max-width:1259px){
	#bn1{bottom:30px;}
	#bn1>ul>li.m.print{display:none}
}
@media screen and (max-width:768px){
	#bn1{position:static;margin:5px 15px 5px 0;margin-left:auto;}
	#bn1 ul{gap:0;margin-left:0;}
	#bn1 ul li{margin-left:2px;}
	#bn1 .m.toggle, #bn1>ul>li.m>button{width:40px;height:40px;background-position:-5px -57px;background-color:transparent;filter:invert(1)}
	#bn1 .m.toggle.on{background-color:#dcd98c}
	#bn1>ul>li.m.copy button{background-position:-52px -57px;}
	#bn1share1{width:200px;height:40px;padding:6px 28px 0 35px;}
	#bn1share1.on{left:-178px;}
	#bn1share1 ul{gap:4px;}
	#bn1share1 .close{top:3px}
}
@media screen and (max-width:599px){
	#bn1{left:auto;right:30px;bottom:-13px;}
	#bn1 ul{gap:6px}
}
@media screen and (max-width:356px){
	#bn1{margin:2px auto 5px;}
	#bn1 .m.toggle, #bn1>ul>li.m>button{width:36px;height:36px;background-position:-7px -59px;}
    #bn1>ul>li.m.copy button{background-position:-54px -59px;}
	#bn1share1{height:188px;width:36px;border-radius:0 0 20px 20px;padding:20px 4px 40px;}
	#bn1share1.on{left:0;top:20px;}
	#bn1share1 ul{flex-direction:column;}
	#bn1share1 ul li{margin-left:0;margin-top:4px;}
	#bn1share1 .close{left:2px;top:auto;bottom:4px;}
}

/* #sidebar */
#sidebar{}
#side_title{display:none;}
/* snb1 */
#snb1 .d2 ul{/* display:flex;gap:10px;justify-content: center; */text-align:center;margin-top:50px}
#snb1 li {display:inline-block;vertical-align:middle;margin-left:10px;}
#snb1 li:before{margin-left:0;}
#snb1 li a{position:relative;display:block;width:180px;height:55px;line-height:55px;font-size:18px;color:#1b203e;text-align:center;padding:0;border-radius:30px;box-sizing:border-box;background:#e5edfe;transition:.2s ease-out}
#snb1 li.on a{background:#3168e2;color:#fff;}
#snb1 li.on a:before{content:'';display:block;position:absolute;right:5px;top:-15px;width:27px;height:35px;background:url(../../img/inc/sub_sprite.png) no-repeat -226px 0 / 280px 100px}
#snb1 li a:hover, #snb1 li a:focus{color:#fff;background:#3168e2}
@media screen and (max-width:1259px){
	#sidebar{display:none}
}


/* body_title */
#body_title{text-align:center;}
#body_title h2{margin:0;padding:0;font-family:'Waguri';color:#1b203e;font-size:48px;font-weight:normal;}
@media screen and (max-width:1259px){
	#body_title h2{font-size:45px}
}
@media screen and (max-width:999px){
	#body_title h2{font-size:40px}
}
@media screen and (max-width:768px){
	#body_title h2{font-size:35px}
}
@media screen and (max-width:599px){
	#body_title h2{font-size:30px}
}