@charset "utf-8";
/**
 * @File Name : sub.css
 * @Description : Layout[sub]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.06.08 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2021.06.08
 *
 * @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;}
}


/* 서브비쥬얼 */
#visual {position:relative;width:1240px;margin:auto;}
#visual [class*=v10] {position:relative;width:1920px;height:340px;margin-left:-340px;}
#visual [class*=v10] img {width:100%;}
#visual .tg1 {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;padding:120px 10px 130px;box-sizing:border-box;}
#visual .tg1 .h1 {display:block;line-height:1;font-size:50px;font-weight:600;margin-bottom:15px;color:#ffef00;font-family:"NIXGON", sans-serif}
#visual .tg1 .t1 {line-height:1;font-size:20px;font-weight:300;word-break:keep-all}
@media all and (max-width:1239px){
	#visual {width:868px;}
	#visual [class*=v10] {width:1344px;height:238px;margin-left:-238px;}
	#visual .tg1 {padding:60px 0 40px}
	#visual .tg1 .h1 {font-size:45px;margin-bottom:13px}
	#visual .tg1 .t1 {font-size:18px;}
}
@media all and (max-width:999px){
	#visual {width:744px;}
	#visual [class*=v10] {width:1152px;height:204px;margin-left:-204px;}
	#visual .tg1 {padding:50px 0 40px}
	#visual .tg1 .h1 {font-size:37px;margin-bottom:12px}
	#visual .tg1 .t1 {font-size:16px;}
}
@media all and (max-width:767px){
	#visual {width:620px;}
	#visual [class*=v10] {width:960px;height:170px;margin-left:-170px;}
	#visual .tg1 {padding:35px 0 30px}
	#visual .tg1 .h1 {font-size:28px;margin-bottom:8px}
	#visual .tg1 .t1 {font-size:14px;}
}
@media all and (max-width:599px){
	#visual {width:496px;}
	#visual [class*=v10] {width:768px;height:136px;margin-left:-136px;}
	#visual .tg1 {padding:60px 0 15px}
	#visual .tg1 .h1 {font-size:22px;margin-bottom:8px}
	#visual .tg1 .t1 {display:none}
}
@media all and (max-width:499px){
	#visual {width:372px;}
	#visual [class*=v10] {width:576px;height:102px;margin-left:-102px;}
	#visual .tg1 {padding:50px 0 15px}
}
@media all and (max-width:399px){
	#visual {width:310px;}
	#visual [class*=v10] {width:480px;height:85px;margin-left:-85px;}
	#visual .tg1 {padding:40px 0 0}
}

/* location */
#head_s4 {position:relative;z-index:3;margin-top:-66px;}
#location1 {z-index:auto; /* ☆ */position:relative;margin:auto;padding:0;line-height:1.375;background:rgba(0,0,0,.68)}
#location1 * {box-sizing:border-box;}
#location1 .breadcrumb {width:2000px; /* ☆))JS) */height:100%;margin-left:0; /* Touch Swipe 변이값 */color:#fff;white-space:nowrap;}
#location1 .breadcrumb .cont {float:left;height:66px;}
#location1 .breadcrumb .cont>a {float:left;position:relative;height:100%;padding:27px 30px 20px;color:#fff;font-size:17px;line-height:1; /* 아래로 치우침 개선 */	overflow:hidden;	box-sizing:border-box;}
#location1 .breadcrumb .cont>a:after {position:absolute;top:calc(50% - 5px);right:0;content:"";display:block;width:9px;height:15px;background:url(../../img/sub/sub_sprite.png) no-repeat -22px 0;}
#location1 .breadcrumb .cont>a.on {color:#333;}
#location1 .breadcrumb .cont>a.on:after {transform:rotate(-180deg)}
#location1 .breadcrumb .cont>a:last-child:after {display:none}
#location1 .breadcrumb .cont .home {width:66px;height:66px;min-width:66px;overflow:hidden;text-indent:-9999px;background:#009f62}
#location1 .breadcrumb .cont .home:before {position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);content:"";display:block;width:20px;height:20px;background:url(../../img/sub/sub_sprite.png) no-repeat 0 0}
#location1 .breadcrumb .cont .home:after {display:none}
@media all and (max-width:1239px){
	#head_s4 {margin-top:-60px}
	#location1 .breadcrumb .cont {height:60px;}
	#location1 .breadcrumb .cont>a {font-size:16px;padding:24px 20px 15px}
	#location1 .breadcrumb .cont .home {width:60px;height:60px;line-height:60px;min-width:60px}
}
@media all and (max-width:767px){
	#head_s4 {margin-top:-50px}
	#location1 .breadcrumb .cont {height:50px;}
	#location1 .breadcrumb .cont>a {font-size:14px;padding:18px 15px 15px}
	#location1 .breadcrumb .cont .home {width:50px;height:50px;line-height:50px;min-width:50px}
	#location1 .breadcrumb .cont>a:after {top:calc(50% - 5.25px);width:5.6px;height:10.5px;background-size:auto 105px;background-position:-15.4px 0}	
}
@media all and (max-width:599px){
	#head_s4 {margin-top:0}
}

/* sns공유/인쇄 */
#bn1 {position:absolute;top:0;right:0}
#bn1 ul:after {content:"";display:block;clear:both;}
#bn1 ul li {position:relative;float:left;margin-left:1px}
#bn1>ul>li>a, #bn1>ul>li>button {position:relative;width:66px;height:66px;display:block;border:0;background:#363a90}
#bn1>ul>li>a:before, #bn1>ul>li>button:before {position:absolute;top:calc(50% - 12px);left:calc(50% - 11.5px);content:"";display:block;width:23px;height:24px;background:url(../../img/sub/sub_sprite.png) no-repeat}
#bn1 ul li.share1 .toggle:before {background-position:-33px 0}
#bn1 ul li.link a:before {background-position:-58px 0}
#bn1 ul li.print button:before {background-position:-83px 0}
#bn1share1 {position:absolute;top:0;right:-2px;;display:none;width:140px;margin-right:76px;}
#bn1share1 ul {padding:13px 0}
#bn1share1 ul li {float:left;text-align:center;}
#bn1share1 button, #bn1share1 .m.close {display:block;width:39px;height:39px;border:0;background:url(../../img/sub/sub_sprite.png) no-repeat;margin-right:5px;}
/* 아이콘 */
#bn1share1 .facebook button {background-position:-104px -58px}
#bn1share1 .twitter button {background-position:-104px -99px}
#bn1share1 .blog button {background-position:-145px -58px}
#bn1share1 .kakaostory button {background-position:-145px -99px;display:none}
#bn1share1 .m.close {position:absolute;top:0;right:-74px;width:66px;height:66px;background:#282b78;margin:0;}
#bn1share1 .m.close:before {position:absolute;top:calc(50% - 12.5px);left:calc(50% - 12.5px);content:"";display:block;width:25px;height:25px;background:url(../../img/sub/sub_sprite.png) no-repeat 0 -22px}
@media all and (max-width:1259px){
	#bn1>ul>li>a, #bn1>ul>li>button, #bn1share1 .m.close {width:60px;height:60px;}
	#bn1share1 {margin-right:62px;}
	#bn1share1 ul {padding:11px 0}
	#bn1share1 .m.close {right:-60px}
}
@media all and (max-width:767px){
	#bn1>ul>li>a, #bn1>ul>li>button, #bn1share1 .m.close {width:50px;height:50px;}
	#bn1share1 {margin-right:52px;}
	#bn1share1 ul {padding:6px 0}
	#bn1share1 .m.close {right:-50px}	
}
@media all and (max-width:599px){
	#bn1 {top:50px;}
	#bn1>ul>li {margin-left:0;border-left:1px solid #000}
	#bn1>ul>li>a, #bn1>ul>li>button, #bn1share1 .m.close {width:40px;height:40px;}
	#bn1share1 {margin-right:42px;width:150px;}
	#bn1share1 ul {padding:4px 0}
	#bn1share1 .m.close {right:-40px}	
	#bn1share1 button {width:32px;height:32px;background-size:auto 120px;margin-right:1px;}
	#bn1share1 .facebook button {background-position:-83px -46px}
	#bn1share1 .twitter button {background-position:-83px -79px}
	#bn1share1 .blog button {background-position:-116px -46px}
	#bn1share1 .kakaostory button {background-position:-116px -79px}
}

/* 서브컨텐츠 */
#wrap {padding-top:55px;}
#wrap .container {position:static;}
#body_content {min-height:400px}
@media all and (max-width:1399px){
	#wrap>.container {margin:0 15px;}
}
@media all and (max-width:1259px){
	#wrap {padding-top:35px}
}
@media all and (max-width:999px){
	#wrap {padding-top:30px}
}
@media all and (max-width:767px){
	#wrap {padding-top:15px}
}

/* 좌측메뉴 */
#sidebar {float:left;width:280px;}
#side_title {position:relative;display:table;text-align:center;width:100%;height:150px;background:#236cc3;border-top-left-radius:24px;border-bottom-right-radius:24px;}
#side_title a {display:table-cell;vertical-align:middle;color:#fff;font-size:30px;font-weight:600;font-family:"NIXGON", sans-serif}
#side_title:after {position:absolute;bottom:0;right:0;content:"";display:block;width:70px;height:56px;background:url(../../img/sub/sub_sprite.png) no-repeat -128px 0}
#snb1 .d2 ul li a {position:relative;display:block;}
#snb1 .d2>ul>li {border-bottom:1px solid #ddd}
#snb1 .d2>ul>li>a {font-size:17px;padding:20px 20px 15px 19px;color:#010101;font-weight:500}
#snb1 .d2>ul>li.hasSub>a:after, #snb1 .d2>ul>li.on>a:after {position:absolute;top:23px;right:20px;content:"";display:block;width:14px;height:14px;background:url(../../img/sub/sub_sprite.png) no-repeat -27px -26px;}
#snb1 .d2>ul>li.hasSub.on>a:after, #snb1 .d2>ul>li.on>a:after {top:28px;height:2px;background-position:-48px -26px;}
#snb1 .d2>ul>li.hasSub.on>a, #snb1 .d2>ul>li.on>a {color:#004da9}
#snb1 .d3 {background:#f8f8f8;display:none;padding:20px 17px}
#snb1 .d2>ul>li.hasSub.on>.d3 {display:block;border-top:2px solid #236dc3;}
#snb1 .d3>ul>li>a {font-size:16px;color:#484848;padding:6px 0 6px 13px;}
#snb1 .d3>ul>li>a:before {position:absolute;top:16px;left:0;content:"";display:block;width:7px;height:1px;background:#808080;}
#snb1 .d3>ul>li.on>a {color:#004da9;}
#snb1 .d3>ul>li.on>a:before {top:14px;left:2px;width:3px;height:6px;background:url(../../img/sub/sub_sprite.png) no-repeat -43px -26px}
#snb1 .d4 {display:none}
@media all and (max-width:1259px){
	#sidebar {display:none;}
}

/* 본문 */
#body {float:right;width:calc(100% - 330px);font-size:16px}
#body_title {margin-top:12px;margin-bottom:40px;}
#body_title .hb1.h1 {position:relative;margin:0;padding:25px 0 25px 18px;font-family:"NIXGON", sans-serif;font-size:2.25em;color:#000;font-weight:600;line-height:1;background-image:none;border-bottom:1px solid #010101}
#body_title .hb1.h1:before {position:absolute;top:0;left:0;content:"";display:block;width:18px;height:17px;background:url(../../img/sub/sub_sprite.png) no-repeat -108px 0}
@media all and (max-width:1259px){
	#body {float:none;width:100%;max-width:910px;margin:auto;font-size:15px;}	
}
@media all and (max-width:999px){
	#body {font-size:15px}
	#body_title {margin-bottom:20px}
	#body_title .hb1.h1 {font-size:2em}
}
@media all and (max-width:767px){
	#body {font-size:14px}
	#body_title .hb1.h1 {padding:18px 0 18px 15px;font-size:1.875em}
	#body_title .hb1.h1:before {width:15px;height:14px;background-size:auto 128px;background-position:-92px 0}
}
@media all and (max-width:549px){
	#body {font-size:13px;}
}

/* #body_foot */
#body_foot {padding-top:60px;padding-bottom:65px}
/* 담당자 */
#charge1 {position:relative;border:1px solid #d9d9d9;border-top:1px solid #e7e7e7;overflow:hidden}
#charge1 dl {float:left;font-size:16px;width:62%;box-sizing:border-box;padding:19px 0 15px 30px;font-weight:500;letter-spacing:-.05em;}
#charge1 dl:after {content:"";display:block;clear:both}
#charge1 dl.update {width:38%;border-left:1px solid #e7e7e7}
#charge1 dl dt, #charge1 dl dd {position:relative;float:left;color:#333;}
#charge1 dl dt {padding-right:27px;margin-right:27px;}
#charge1 dl dd:before {position:absolute;top:calc(50% - 5.5px);left:-28px;content:"";display:block;width:1px;height:11px;background:#555;}
/* 만족도 */
#satisfy1 {position:relative;border:1px solid #d9d9d9;background:#f3f5f7;padding:30px 60px 20px 180px;border-bottom:0;font-weight:500}
#satisfy1:before {position:absolute;top:30px;left:40px;content:"";display:block;width:102px;height:101px;background:url(../../img/sub/sub_sprite.png) no-repeat 0 -49px}
#satisfy1 .question {font-size:16px;letter-spacing:-.05em;color:#333;}
#satisfy1 .answer ul.grade {margin:5px 0 10px;overflow:hidden;}
#satisfy1 .answer ul.grade li {float:left;font-size:14px;color:#333;margin-right:25px;}
#satisfy1 .answer ul.grade li input[type=radio] {margin:0 5px 0 0}
#satisfy1 .opinion {position:relative;padding-right:103px;}
#satisfy1 .opinion input[type=text] {width:100%;border-color:#d5d5d5;border-right:0;font-size:15px;color:#666;padding:0 10px;height:3em;line-height:45px;margin:0}
#satisfy1 .opinion .bt1.submit {position:absolute;top:0;right:0;width:103px;height:100%;background:#4c5665;color:#fff;font-size:16px;border:0;margin:0}
@media all and (max-width:999px){
	#charge1 {padding:10px 20px;}
	#charge1 dl, #charge1 dl.update {float:none;font-size:15px;width:100%;padding:3px 0;border:0}
	#satisfy1 {padding:25px 40px 15px 150px;}
	#satisfy1:before {left:20px}
	#satisfy1 .question {font-size:15px;}
	#satisfy1 .opinion input[type=text] {font-size:14px;}
	#satisfy1 .opinion .bt1.submit {font-size:15px}
}
@media all and (max-width:767px){
	#satisfy1 {padding:20px}
	#satisfy1:before {display:none}
	#satisfy1 .opinion input[type=text] {font-size:13px;}
	#satisfy1 .opinion .bt1.submit {font-size:14px}
}
@media all and (max-width:499px){	
	#body_foot {padding-top:30px;padding-bottom:35px;}
	#charge1 dl dt, #charge1 dl dd {float:none;margin:0;padding:0;font-size:14px}
	#charge1 dl dd:before {display:none}
	#satisfy1 {padding:15px}
	#satisfy1 .question {font-size:14px;}
	#satisfy1 .answer ul.grade li {font-size:13px;margin-right:10px;}
	#satisfy1 .opinion {padding-right:0;}
	#satisfy1 .opinion input[type=text] {border-right:1px solid #d5d5d5;border-bottom:0}
	#satisfy1 .opinion .bt1.submit {position:relative;top:auto;right:auto;width:100%}
}


/* #body_content */
/* 본문메뉴1.드롭다운.갭0.활성배경 20200626 */
.cnb1{display:block;
	z-index:0;
	position:relative;
	margin:0 auto 1.375em;
	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%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb1 li>a{display:block;
	position:relative;
	min-height:1.375em;
	margin:-1px 0 0 0;
	padding:.625em .75em;
	border:1px solid #ccc;
	background:#fcfcfc;
	color:#555;
}
.cnb1 li>a:hover,
.cnb1 li>a:focus{
	z-index:10;
	border-color:#000;
	color:#000;
	text-decoration:none;
}
.cnb1 li.on>a{
	z-index:5;
	border-color:transparent;
	background-color:#456;
	color:#fff;
	cursor:default;
}

/* 본문메뉴2.드롭다운.갭0.활성배경 20200626 */
.cnb2{display:block;
	z-index:0;
	position:relative;
	margin:0 auto 1.375em;
	border:1px solid #999;
	background:#fff;
	font-size:15px;
	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;
}
.cnb2 li{
	margin:0 0 -1px;
	padding:0;
}
.cnb2 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.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;
}


/* 본문메뉴3.드롭다운.갭0.활성배경 20200626 */
.cnb3{display:block;
	z-index:0;
	position:relative;
	margin:0 auto 1.375em;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	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;
}
.cnb3 li{
	margin:0;padding:0;
}
.cnb3 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.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%;}


/* 본문메뉴1.갭0.불릿. 20200626 */
.cnb1{
	font-size:17px;
}
.cnb1>.note{display:none;}
.cnb1>.toggle{display:none;}
.cnb1 ul{display:block !important; /* ☆ */
	position:relative;
	margin:0 -1px -1px 0; /* 우측오차1px보정 */
	padding:1px;
	border:0;
	background:#fff;
	overflow:visible;
}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:left;}
.cnb1 li>a{
	margin:-1px 0 0 -1px;
	padding:14px 43px 14px 18px;
	border-color:#d7d7d7;
	background:#fff;
}
.cnb1 li.on>a{
	padding:14px 43px 14px 18px;
}
.cnb1 li>a:before{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:21px;height:21px;
	margin:-10px 10px;
	background:url(../../img/inc/cnb1bg1.png) no-repeat;
}
.cnb1 li.on>a:before{background-image:url(../../img/inc/cnb1bg1on.png);}


/* 본문메뉴2.갭 20200626 */
.cnb2{
	border:1px solid #ddd;
}
.cnb2>.note{display:none;}
.cnb2>.toggle{display:none;}
.cnb2 ul{display:block !important; /* ☆ */
	position:relative;
	margin:-1px -1px 0; /* 우측오차1px보정 */
	padding:0;
	border:0;
	background:#fff;
	overflow:visible;
}
.cnb2 ul:before,
.cnb2 ul:after{content:'';display:table;} /* [IE8+] */
.cnb2 ul:after{clear:both;}
.cnb2 li{
	width:auto;
	margin:0;
	text-align:left;
	font-size:1.125em;
}
.cnb2 li>a{
	margin:0 -1px -1px 0;
	/*padding:11px 43px 11px 18px;*/
	padding:20px 43px 20px 18px;
	border:1px dotted #ccc;
	background:#fff;
}
.cnb2 li>a:hover,
.cnb2 li>a:focus{
	border:1px solid #ddd;
}
.cnb2 li.on>a{	
	padding:20px 43px 20px 18px;
	border:1px solid #ddd;
	background:#0180a0;
	color:#fff;
	cursor:default;
}
.cnb2 li>a:before{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:10px;height:20px;
	margin:-10px 15px;
	background:url(../../img/inc/cnb2bg1.png) no-repeat center center;
}
.cnb2 li.on>a:before{background-image:url(../../img/inc/cnb2bg1on.png);}

/* 본문메뉴3.갭.불릿 20200626 */
.cnb3{padding:1em 1.375em;
	border:1px solid #ddd;
	border-radius:2px;
}
.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);
	color:#480;
	font-weight:600;
	border-color:#ccc;
}


/* 20200626 새 창 */
.cnb1 li>a[target='_blank']:after,
.cnb2 li>a[target='_blank']:after,
.cnb3 li>a[target='_blank']:after{
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 4px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */

} /* /(min-width:1000px) */
@media all and (min-width:1460px){/* ◇◆◇◆◇◆◇◆◇◆ */

} /* /(min-width:1460px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */