@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 2016.12.13 | 김소화 | 최초 등록
 * 2017.01.13 | 김소화 | 전체 사이트 공통부분 합치기. 각각 사이트 아이디마다 컬러만 변경.
 * 2017.04.27 | 김소화 | 1024 대응 추가.
 * 2018.09.06 | 한유화 | 홈페이지 상단 메뉴 및 팝업존 수전[경북도회장 요청]
 * </pre>
 * @author 디자인팀 김소화
 * @since 2016.12.13
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | Base Adjust
 | Layout[main+sub] Mobile First!
 | clearfix
 | #head, ..
 | ETC
 | @media print{}
 | RWD ◇◆
 */

/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

/* ☆@import url(base.css); */

/* base.css )) Overwrite. 20161019. ◆◆◆ */

body {
	background:#fff;
	color:#555;
  font-weight:400;
  font-size:140%; /* 14px */
  line-height:1.666;
	letter-spacing:-1px; /* ☆ 맑은고딕-1, 나눔고딕0, 외국어0 */
	overflow:hidden; /* ★ Avoid horizontal scrolling */
}

html[lang='ko'] body,
html *[lang='ko']{font-family:/* 'Open Sans',Helvetica, */
	'Apple SD Gothic Neo','Microsoft JhengHei',
	'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
	Arial,sans-serif;
}

body.cke_editable{letter-spacing:0px;}


/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.전체 20161019. ☆ 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:300px; /* ☆ */
	max-width:1240px; /* ☆ 디자인폭(1200)+패딩좌우(20*2) */
	margin:0 10px;
}
#container{position:static;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;position:relative;}
		div.bg2head{}
			div.bg2head>div{}
		#head_s1{ /* #logo, #gn1, #gn2 */
			position:relative;height:45px;background:#434343;
		}
		#head_s1>.container{margin:0}
		#head_s2{ /* #tnb1, #anb1, #search1 */
			position:relative;
			height:150px;
			border-bottom:1px solid #dfdfdf;
		}
		#head_s4{ /* #logo, #gn1, #gn2 */
			position:relative;height:30px;background:#ffffff;
		}
		#head_s4>.container{margin:0}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼침콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
	#wing{} /* ))) sub.css*/
	#foot{clear:both;position:relative;}
		div.bg2foot{}
			div.bg2foot>div{}
		#foot_s1{position:relative;padding:20px 0;border:solid #ddd;border-width:1px 0}
		#foot_s2{position:relative;padding:0;border-bottom:1px solid #ddd;}
		#foot_s3{position:relative;padding:30px 0 20px;}


/* 상단고정  */
.fixed{z-index:1000;position:fixed !important;left:0;top:0;width:100%;background:#fff;}
#head_s2.fixed{height:75px;}
#head_s2.fixed #gn3{display:none;}
#head_s2.fixed #sungeo1{display:none;}
#head_s2.fixed #sungeo2{display:none;}


/* #head */
/* Global Navigation 20161019 */
#gn1{display:block;position:absolute;left:0;top:0;}
#gn1 .a1{display:block;
	width:65px;height:45px;
	line-height:45px;color:#fff;font-size:15px;text-align:center;
	border-left:1px solid #565656;	overflow:hidden;
}

#gn1 .a1:after{content:'▼';
	display:inline-block;
	font-size:10px;color:#fff;
	padding:0 0 0 5px;
}
#gn4{display:block;position:absolute;left:0;top:0;}
#gn4 .a1{display:block;
	width:65px;height:30px;
	line-height:30px;color:#fff;font-size:13px;text-align:center;
	border-left:1px solid #565656;	overflow:hidden;
}

body#portal #gn1 .a1, 
body.site_portal #gn1 .a1{width:100px;}
#gn1 .a1.on{background:#555}
#gn1 .a1.on:after{content:' ▲';}
#gn1s{z-index:100;display:none;
	position:absolute;
	width:180px;
	margin:1px 0 0;padding:10px 10px 15px;
	border-radius:5px;
	background:#565656
}
#gn1s ul{width:100%;overflow:hidden;}
#gn1s li{display:inline}
#gn1s a{display:block;
	float:left;
	color:#fff;font-size:15px;line-height:110%;
	text-align:center;
	border-left:1px solid #ddd;
	margin:5px 0 3px -1px;
	padding:0 7px 0 5px; 

}
#gn1s a:hover, #gn1 #gn1s a:focus{text-decoration:underline !important}

#gn4{display:block;position:absolute; right:10px;top:4px;}
#gn4s ul{width:100%;overflow:hidden;}
#gn4s li{display:inline;}
#gn4s li a{color:#4a4a4a;float:right;letter-spacing:-1px;font-size:12px;width:auto;padding:0 7px 0 10px; background:url(/_res/portal/img/lib/li3bg.png) no-repeat 0 .0016em;}


#gn4s a:hover, #gn4 #gn4s a:focus{text-decoration:underline !important}

#gn2{display:block;position:absolute;left:55px;top:-68px;}
body#portal #gn2, 
body.site_portal #gn2{left:90px}
#gn2 .a1{display:inline-block;
	width:auto;height:30px;padding:0 10px;
	line-height:30px;color:#fff;font-size:13px;text-align:center;
	border-left:1px solid #777;	overflow:hidden;
}
#gn2 .a1 .ic1{display:inline-block;
	width:10px;height:10px;
	margin:0 5px 0 0;
	background:url(/_res/portal/img/inc/gn2bg1@2x.png) no-repeat;background-size:contain;
}

#sungeo1{float:left;left:81%;top:40%;position:absolute;z-index:100;display:block;
	width:9%;height:38px;background:#007447;}
#sungeo1 .a1{display:block;position:absolute;color:#fff;font-size:14px;left:9%;top:7%;}
#sungeo1 .t1{display:block;padding:0 0 0 1px;line-height:16px;}
#sungeo1 .a1:focus{outline:1px dotted #eee}
#sungeo1 .a1 .ic1{display:block;position:absolute;
	width:16px;height:20px;margin:5px 0 0 0;
	background:url(/_res/portal/img/inc/sungeo1ic1.png) no-repeat;background-size:contain;
	
}


#sungeo2{float:left;left:91%;top:40%;position:absolute;z-index:100;display:block;
	width:9%;height:38px;background:#008a3a;}
#sungeo2 .a1{display:block;position:absolute;color:#fff;font-size:14px;left:12%;top:7%;}
#sungeo2 .t1{display:block;padding:0 0 0 1px;line-height:16px;}
#sungeo2 .a1:focus{outline:1px dotted #eee}


#gn3{position:relative;display:inline-block;width:100%;}

#gn3s{z-index:100;display:block;
	margin:1px 0 0;padding:0 10px 15px;
	height:80px;
}
#gn3s1{display:block;
	position:relative;
	border:1px solid #018b43;
	background:#fff;
}
#gn3s1 .select1, #gn3s1 .text1{float:left;border:0;margin:0;background:#fff;}
#gn3s1 .select1{width:30%;}
#gn3s1 .text1{width:70%;}
#gn3s1 .b1{display:block;
	position:absolute;right:-1px;top:-2px;bottom:-1px;
	border:0;border-radius:0;
	padding:0;margin:0;
	width:38px;height:38px;
	background:#018a42;
}
#gn3s1 .b1 .ic1{display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url(/_res/portal/img/inc/ic40search@2x.png) no-repeat;background-size:contain;
}
#gn3s2{position:relative;margin:10px 0 0;overflow:hidden;}
#gn3s2 .h1{display:block;position:relative;
	float:left;
	padding:2px 10px 4px;
	font-weight:normal;color:#fff;font-size:12px;
	background:#f9b510;
}
#gn3s2 .h1:after{content:'▶';
	display:block;
	position:absolute;right:-5px;top:5px;
	color:#f9b510;
	font-size:10px;
}
#gn3s2 .mControl{display:block;position:absolute;right:0;top:2px;}
#gn3s2 .mControl .b1{display:block;float:left;
	border:0;border-radius:0;
	margin:0 0 0 -1px;padding:0;
	width:16px;height:16px;
	background:url() no-repeat;background-size:contain;}
#gn3s2 .mControl .prev{background-image:url(/_res/portal/img/inc/gn3prev@2x.png)}
#gn3s2 .mControl .next{background-image:url(/_res/portal/img/inc/gn3next@2x.png)}
#gn3s2 .mView{float:left;position:relative;
	margin:0 0 0 2%;
	width:65%;height:22px;
	overflow:hidden;
}
#gn3s2 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;
	text-align:center; /* ☆ */
	transition:.2s ease-out;
}
#gn3s2 .mContC{float:left;display:table;}
#gn3s2 .mContC>a{display:block;
	height:22px;
	text-align:center;vertical-align:middle;line-height:22px;
	color:#555;font-size:13px;
	margin:0 10px 0 -1px;padding:0 0 0 10px;
	background:url(/_res/portal/img/inc/fn1s.png) no-repeat 0 50%;
}
/* 로고 20161019 */
h1#logo{display:block;margin:20px 90px 10px 0;}
h1#logo>a{}
h1#logo>a>img{width:auto;height:30px;}

#sungeo_ic{}
#sungeo_ic .a1{display:block;
	position:absolute;right:120px;top:15px;
	width:38px;height:38px;
	background:#007447;
	text-align:center;
	line-height:1em;
}
#sungeo_ic .a1 span{color:#fff;line-height:1em;display:block;padding-top:5px;}

#hompi_ic{}
#hompi_ic .a1{display:block;
	position:absolute;right:80px;top:15px;
	width:38px;height:38px;
	background:#008a3a;
	text-align:center;
	line-height:1em;
}
#hompi_ic .a1 span{color:#fff;line-height:1em;display:block;padding-top:5px;}

#login1{}
#login1 .a1{display:block;
	position:absolute;right:40px;top:15px;
	width:38px;height:38px;
	background:#32b16c;
}
#login1 .a1 .ic1{display:block;position:absolute;left:50%;top:50%;
	width:38px;height:38px;margin:-19px;
	background:url(/_res/portal/img/inc/login1toggle1mobile@2x.png) no-repeat;background-size:contain;
}
#login1 .a1.close{top:-45px}
#login1 .a1.close .ic1{border:1px solid #ddd;
	width:36px;height:36px;
	background:#fff url(/_res/portal/img/inc/login1close1mobile@2x.png) no-repeat;background-size:contain;
}

#login1 #login1s{z-index:110;display:none;
	position:absolute;right:0;top:60px;
	width:100%;min-width:300px;max-width:370px;
	background:#fff;
}

#login1 #login1s .arrow1{z-index:111;
	position:absolute;right:55px;top:-6px;
	width:14px;height:9px;
	background:url(/_res/portal/img/inc/login1afterbg@2x.png) no-repeat;background-size:contain;
}


#login1 .wrap1{position:relative;min-height:256px;height:auto;padding:20px;border:2px solid #333;overflow:hidden;}
#login1 .wrap1 .h1{position:relative;padding:0 0 15px 0;}


#login1 .wrap1 .h1:after{content:'';display:block;
	position:absolute;left:0;bottom:0;
	width:55px;height:0;
	border-top:2px solid #333;
}
#login1 .wrap1 .login1w1s1{position:relative;margin:15px 0 0;}
#login1 .wrap1 .login1w1s1 .text1{display:block;margin:0 0 4px 0;width:65%;height:33px;border:1px solid #ddd;background:#fff;}
#login1 .wrap1 .login1w1s1 .chk1{margin:0;}
#login1 .wrap1 .login1stay1 p{display:none;}

#login1 .wrap1 .login1w1s1 .login{display:block;
	border:0;margin:0;padding:0;background:transparent;
	position:absolute;right:0;top:0;
	width:33%;height:70px;background:#008a3a;
}
#login1 .wrap1 .login1w1s1 .login .ic1{display:block;margin:0 auto;
	width:21px;height:21px;
	background:url(/_res/portal/img/inc/login1bg1@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap1 .login1w1s1 .login .t1{display:block;text-align:center;color:#fff;}

#login1 .wrap1 .login1w1s2{margin:0;}
#login1 .wrap1 .login1w1s2 .b1{display:block;
	height:33px;line-height:33px;
	text-align:center;color:#fff;
	background:#636c7e;border:1px solid #555e6e;
}
#login1 .wrap1 .login1w1s2 .b1:hover,
#login1 .wrap1 .login1w1s2 .b1:focus{background:#555}
#login1 .wrap1 .login1w1s2 .b2{display:block;float:left;
	position:relative;padding:7px 30px 7px 7px;margin:7px 0 0;
	border:1px solid #ddd;
	font-size:13px;color:#333;
}
#login1 .wrap1 .login1w1s2 .b2 .ic1{display:block;
	position:absolute;right:10px;top:50%;
	margin:-5px 0 0;width:14px;height:14px;
	background:url(/_res/portal/img/inc/login1bg2@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap1 .login1w1s2 .b2:hover, 
#login1 .wrap1 .login1w1s2 .b2:focus{background:#f7f7f7}
#login1 .wrap1 .login1w1s2>p{font-size:12px;}

#login1 .wrap1 .login1w1s2 .btn2{margin-top:-5px;}
#login1 .wrap1 .login1w1s2 .btn2 .b2{display:block;
	position:relative;padding:5px 0;margin:0;
	border:1px solid #ddd;
	font-size:13px;color:#333;
}
#login1 .wrap1 .login1w1s2 .btn2 .b2>.t1{display:block;padding:0 0 0 5px;}
#login1 .wrap1 .login1w1s2 .btn2 .b2 .ic1{display:block;position:absolute;right:10px;top:50%;margin:-7px 0 0;width:14px;height:14px;
	background:url(/_res/portal/img/inc/login1bg2@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap1 .login1w1s2 .btn2 .b2:hover, 
#login1 .wrap1 .login1w1s2 .btn2 .b2:focus{background:#f7f7f7}


#login1 .wrap2{position:relative;padding:20px;border:2px solid #333;}
#login1 .wrap2 .h1{position:relative;padding:0 0 15px 35px;}
#login1 .wrap2 .h1 .ic1{display:block;
	position:absolute;left:0;top:4px;
	width:31px;height:31px;
	background:url(/_res/portal/img/inc/login1h1bg@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap2 .h1 .t1{font-weight:normal;font-size:23px;color:#333}
#login1 .wrap2 .h1:after{content:'';display:block;
	position:absolute;left:0;bottom:0;
	width:55px;height:0;
	border-top:2px solid #333;
}
#login1 .wrap2 .logout1{display:block;
	position:absolute;right:20px;top:20px;
	color:#fff;
	padding:12px 15px;
	border:1px solid #444;background:#777;
}
#login1 .wrap2 .logout1:hover,
#login1 .wrap2 .logout1:focus{font-weight:bold;}
#login1 .wrap2 .memberstat1>ul>li>.ic1{display:inline-block;width:5px;height:5px;border-radius:5px;margin-right:5px;vertical-align:middle;background:#199fa2;}
#login1 .wrap2 .login1w2s1{margin:0;overflow:hidden}
#login1 .wrap2 .login1w2s1 ul>li>a{display:block;color:#fff;padding:7px 8px;text-align:center;
	background:#199fa2;
	border:1px solid #0c7e81;
}
#login1 .wrap2 .login1w2s1 ul>li>a:hover,
#login1 .wrap2 .login1w2s1 ul>li>a:focus{font-weight:bold;}
#login1 .wrap2 .login1w2s1 ul>li.m2>a{background:#009442;border:1px solid #00843c;}
#login1 .wrap2 .login1w2s1 ul>li.m2>a b{color:#fffc00;font-weight:bold;}
#login1 .wrap2 .login1w2s1 ul>li.m3>a{background:#e96800;border:1px solid #bf5500;}
#login1 .wrap2 .login1w2s1 ul>li.m3>a b{color:#fffc00;font-weight:bold;}
#login1 .wrap2 .login1w2s2{position:relative;height:109px;border:1px solid #ddd;overflow:hidden;}

/*test*/
#login1 .wrap2 .login1w2s1 ul>li.m4>a{background:#999;border:1px solid #888; font-weight:bold; font-size:13px;}
#login1 .wrap2 .login1w2s1 ul>li.m4>a:after{content: '▶';
    display: block; position: absolute;
    right:159px; top:57px;
    color:#999; font-size:10px;}	

#login1 .wrap2 .login1w2s1 ul>li.m5>a{background:#999;border:1px solid #888;float:clearfix; font-weight:bold; font-size:13px;}
#login1 .wrap2 .login1w2s1 ul>li.m5>a:after{content: '▶';
    display:block; position:absolute;
	right:159px; top:97px;
    color:#999; font-size:10px;}
		
#login1 .wrap2 .login1w2s1 ul>li.m4s1>a{background:#999;border:1px solid #888; font-weight:bold; font-size:13px;}
#login1 .wrap2 .login1w2s1 ul>li.m4s1>a:after{content: '▶';
    display:block; position:absolute;
    right:216px; top:57px;
	color:#999; font-size:10px;}	

#login1 .wrap2 .login1w2s1 ul>li.m5s1>a{background:#999;border:1px solid #888;float:clearfix; font-weight:bold; font-size:13px;}
#login1 .wrap2 .login1w2s1 ul>li.m5s1>a:after{content: '▶';
    display:block; position:absolute;
    right:216px; top:97px;
    color:#999; font-size:10px;}	

#login1 .wrap2 .login1w2s1 ul>li.m6>a{background:#fff;border:1px solid #fff; color:#333; text-decoration:none;display:inline-block;float:left;}
#login1 .wrap2 .login1w2s1 ul>li.m6>span.t3{width:150px; overflwo:hidden; display:block; margin:5 12px;}
#login1 .wrap2 .login1w2s1 ul>li.m7>span.t3{width:150px; overflwo:hidden; display:block; margin:5 12px;}
#login1 .wrap2 .login1w2s1 ul>li.m6>span.t3>a span.t1{background:#fff;color:#333; text-decoration:none;float:left; margin-top:8px;}
#login1 .wrap2 .login1w2s1 ul>li.m7>span.t3>a span.t1{background:#fff;color:#333; text-decoration:none;float:left; margin-top:8px;}
#login1 .wrap2 .login1w2s1 ul>li.m6>a span.t2{background:#333;color:#333; text-decoration:none; float:right;}
#login1 .wrap2 .login1w2s1 ul>li.m6>a b{color:#fffc00;font-weight:bold; text-decoration:none;}
#login1 .wrap2 .login1w2s1{position:relative;height:126px;top:-1px; overflow:hidden;}	
#login1 .wrap2 .login1w2s1 ul li .m6 .t1 a{background:#fff;border:1px solid #dadada; color:#333; text-decoration:none;display:inline-block;float:left;width:30%}

/* test*/
	
#login1 .wrap2 .login1w2s2 .tab1{float:left;width:33.333%;}
#login1 .wrap2 .login1w2s2 .tab1>a{display:block;
	text-align:center;color:#333;font-size:14px;
	height:35px;line-height:33px;
	border:solid #ddd;border-width:0 0 1px 1px;
	background:#f9f9f9;
}
#login1 .wrap2 .login1w2s2 .tab1>a .t1{display:inline-block;}
#login1 .wrap2 .login1w2s2 .tab1>a .ic1{display:inline-block;
	vertical-align:middle;
	width:20px;height:20px;
	margin:-3px 0 0 3px;
	background:url(/_res/portal/img/inc/login1tab1more@2x.png) no-repeat;background-size:contain;
	}
#login1 .wrap2 .login1w2s2 .tab1.m1>a{
	border-left:0;border-bottom:1px solid #fff;
	background:#fff;
}
#login1 .wrap2 .login1w2s2 .tab1.m1>a .ic1{display:none;}
#login1 .wrap2 .login1w2s2 .tab1cont{display:block;
	position:absolute;left:0;top:36px;
	width:100%;height:100px;
	background:#fff;
}
#login1 .wrap2 .login1w2s2 .tab1cont ul{padding:10px;}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a{position:relative;display:inline-block;
	color:#333;
	max-width:90%;
	padding:0 0 0 10px;margin:3px 0;
}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a:before{content:'·';display:block;position:absolute;left:0;top:0;}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a b{color:#007a36}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a .new{display:inline-block;
	width:16px;height:16px;
	margin:0 0 0 3px;
	border-radius:100%;
	font:normal 10px/16px Helvetica, Arial, sans-serif;color:#fff;text-transform:uppercase;vertical-align:middle;letter-spacing:16px;text-indent:4px;text-align:center;
	background:#28aa12;
	overflow:hidden;
}


#home1,
#sitemap1,
#note1{display:none;}



/* 20161020 makeActive2ClickHover('#tnb1'); */
#tnb1{ /* ☆ */
	float:left;position:absolute;left:0;top:0;width:100%;line-height:1.333;letter-spacing:-1px;
}
#tnb1 .b1.toggle{float:left;
	position:absolute;right:0;top:15px;
	width:38px;height:38px;

	background:#005ca0;
	overflow:hidden;text-indent:-9999px;
}

#tnb1 .b1.toggle .ic1{display:block;position:absolute;left:50%;top:50%;
	width:38px;height:38px;margin:-19px;
	background:url(/_res/portal/img/inc/tnb1toggle1ic1@2x.png) no-repeat;background-size:contain;
}

#tnb1c{
	display:block /* !important */
	visibility:hidden;
	z-index:100000;
	position:fixed;right:-100%;top:0;width:320px;height:100%;
	background:#fff url(/_res/seoul/img/inc/tnb1bg1.png) repeat-y;
	overflow-y:auto; /* ☆ */
}


#tnb1c.on{
	display:block;
	visibility:visible;right:0;
}
#tnb1c>.bg{display:none;position:fixed;width:100%;height:100%;right:320px;background:url(/_res/portal/img/lib/b.000000.opacity.50.png);}
#tnb1c.on>.bg{display:block;}
#tnb1c>div.cont{float:left;
	/* ☆[IE7]fix)) position:relative; 하면 z-index 없어도 쌓임맥락 만드니 주의! */
	left:-100%;width:100%;min-height:100%;
}
#tnb1c.on>div.cont{left:0;
	box-sizing:border-box; /* ☆[IE8+] */
}
#tnb1c .cont1s{display:block;background:#005da0;}
#tnb1c .cont1s1{display:block;position:relative;width:100%;height:50px;}
#tnb1c .b2{z-index:110;display:block;	
	position:absolute;top:0;
	width:40px;height:50px;
}
#tnb1c .b2>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url() no-repeat;background-size:contain;
}
#tnb1c .b2.close>.ic1{background-image:url(/_res/portal/img/inc/ic80close@2x.png);}
#tnb1c .b2.close{left:0;border-right:1px solid rgba(255,255,255, .2);}
#tnb1c .b2.close>.ic1{background-image:url(/_res/portal/img/inc/ic80close@2x.png);}
#tnb1c .b2.home{right:40px;border-right:1px solid rgba(255,255,255, .2);border-left:1px solid rgba(255,255,255, .2);}
#tnb1c .b2.home>.ic1{background-image:url(/_res/portal/img/inc/ic80home@2x.png);}
#tnb1c .b2.sitemap{right:0;}
#tnb1c .b2.sitemap>.ic1{background-image:url(/_res/portal/img/inc/ic80sitemap@2x.png);}


#tnb1c .logo1{display:block;
	text-align:center;
	padding:10px 0;
	background:#fff;
	border-bottom:3px #00487c solid;
}
#tnb1c .logo1 img{width:auto;height:30px;}
/* depth1 */
#tnb1 div.d1{position:relative;
	min-height:100%;
	padding:0 0 0 141px; /* ☆ */
	overflow:hidden;
}
#tnb1 div.d1>ul{width:100%;
	min-height:550px; /* =640-50-40 (1차메뉴전체높이) */
}
#tnb1 div.d1>ul>li{display:inline;position:static;} /* ☆ */
#tnb1 div.d1>ul>li>a{z-index:20; /* .d2 보다 높여준다 */
	display:block;
	position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:141px; /* =(90+1) [갤알파]fix) 배경 90px 과 패딩 90px 미세한 어긋남 결함 해결 (pixel ratio 때문인가?) */
	height:60px;
	padding:20px 5px 19px; /* ☆ */
	border-bottom:1px solid rgba(255,255,255, .1);
	background:#1b5cb1;
	color:#fff;font-weight:500;font-size:15px;line-height:1.333;letter-spacing:-1px;text-align:center;
}
#tnb1 div.d1>ul>li:nth-child(1)>a{top:0}
#tnb1 div.d1>ul>li:nth-child(2)>a{top:60px;} /* = nth-child(1) + 60 */
#tnb1 div.d1>ul>li:nth-child(3)>a{top:120px;}
#tnb1 div.d1>ul>li:nth-child(4)>a{top:180px;}
#tnb1 div.d1>ul>li:nth-child(5)>a{top:240px;}
#tnb1 div.d1>ul>li:nth-child(6)>a{top:300px;}
#tnb1 div.d1>ul>li:nth-child(7)>a{top:360px;}
#tnb1 div.d1>ul>li:nth-child(8)>a{top:420px;}
#tnb1 div.d1>ul>li:nth-child(9)>a{top:480px;}
#tnb1 div.d1>ul>li>a b{font-weight:500;}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{background-color:#fff !important;
	border-right:1px solid #e7e7e7;
	color:#123;
}
#tnb1 div.d1>ul>li.on>a:hover,
#tnb1 div.d1>ul>li.on>a:focus{}
/* depth2~3 */
#tnb1 li>div[class^='d']{
	display:none;
	visibility:hidden;height:0;opacity:0;
	/* transition:.2s; */
}
#tnb1 li.on>div[class^='d']{
	display:block;
	visibility:visible;height:auto;opacity:1;
}
/* depth2 */
#tnb1 div.d2{position:relative;
	padding:0 0 50px; /* 끝을 인지시켜줌 */
	background:#fff;
}
#tnb1 div.d2>.bg{}
#tnb1 div.d2>.hg1{display:none;} /* ☆ */
#tnb1 div.d2>ul{}
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;position:relative;min-height:0;
	padding:.833em 1em .833em 1em;
	border-bottom:1px solid #e7e7e7;
	background:url() no-repeat 95% 50%; /* /_res/portal/img/inc/tnb1d2bg1.png */
	color:#333;font-size:14px;
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(/_res/portal/img/inc/tnb1d2bg1has.png);
}
#tnb1 li.on>div.d2>ul>li.on>a{border-bottom:1px solid #e7e7e7;
	background-color:#08e;
	background-image:url(/_res/portal/img/inc/tnb1d2bg1on.png);
	color:#fff;
}
/* depth3 */
#tnb1 div.d3{overflow:hidden;}
#tnb1 li.on>div.d3{position:relative;padding:0 0 0 1em;border-bottom:1px solid #e7e7e7;background:#fafafa;}
#tnb1 div.d3>ul{float:left;width:100%;padding:.5em 0;}
#tnb1 div.d3>ul>li{position:relative;width:100%;}
#tnb1 div.d3>ul>li>a{display:block;position:relative;min-height:0;
	margin:0 0 0 2px;
	padding:.5em 0 .5em .5em;
	background:url() no-repeat 95% 50%; 
	color:#666;font-size:13px;
}
#tnb1 div.d3>ul>li.on>a{color:#004b8f}

#tnb1 div.d3>ul>li.hasSub>a{
	background-image:url(/_res/portal/img/inc/tnb1d2bg1has.png);
}
#tnb1 div.d3>ul>li.hasSub>a{
	background-image:url(/_res/portal/img/inc/tnb1d3bg1has.png);
}
#tnb1 li.on>div.d3>ul>li.on.hasSub>a{font-weight:bold;
	background-image:url(/_res/portal/img/inc/tnb1d3bg1on.png);
}
/* depth4 */
#tnb1 div.d4{overflow:hidden;}
#tnb1 li.on>div.d4{position:relative;margin:.333em 1em 0 0;padding:0 .666em;border-top:1px solid #e7e7e7;border-bottom:1px solid #ddd;}
#tnb1 div.d4>ul{float:left;width:100%;padding:.5em 0;}
#tnb1 div.d4>ul>li{position:relative;width:100%;}
#tnb1 div.d4>ul>li>a{display:block;position:relative;min-height:0;padding:.5em 0 .5em .5em;background:url(/_res/portal/img/inc/tnb1d4bg1.png) no-repeat 0 1em;color:#666;font-size:12px;}
#tnb1 div.d4>ul>li>a:before{content:'- ';}
#tnb1 li.on>div.d4>ul>li.on>a{color:#000;font-weight:bold;}


/* 개별사이트 컬러 적용 */
/** 본회 **/

body#portal #login1 .a1,
body.site_portal #login1 .a1{background:#005da0;}
body#portal #tnb1 .b1.toggle,
body.site_portal #tnb1 .b1.toggle{background:#28aa12;}
body#portal #tnb1c,
body.site_portal #tnb1c{background-image:url(/_res/portal/img/inc/tnb1bg1.png)}
body#portal #tnb1c .cont1s,
body.site_portal #tnb1c .cont1s{background:#167b16}
body#portal #tnb1c .logo1,
body.site_portal #tnb1c .logo1{border-bottom-color:#007300;}
body#portal #tnb1 div.d1>ul>li>a,
body.site_portal #tnb1 div.d1>ul>li>a{background:#0b9406;}
body#portal #tnb1 li.on>div.d2>ul>li.on>a,
body.site_portal #tnb1 li.on>div.d2>ul>li.on>a{background-color:#26a721;}
body#portal #tnb1 div.d3>ul>li.on>a,
body.site_portal #tnb1 div.d3>ul>li.on>a{color:#008900}



/* #foot */

/* 패밀리사이트 20161031 */
#familysite1{z-index:20;position:relative;font-size:14px;line-height:1.333;margin-left:-5%;}
.familysite1g1{z-index:10;position:relative;float:left;width:95%;margin-left:5%;}
.familysite1g1 .h1{font-weight:normal;}
.familysite1g1 .h2{clear:both;display:block;margin:.5em 0;padding:1em 10px .5em;border-top:1px solid #c2c5c6;border-bottom:1px solid #555;color:#fff;font-weight:bold;}
.familysite1g1 .h2:first-child{padding-top:0;border-top:0;}
.familysite1g1 a.toggle{z-index:10;display:block;position:relative;height:100%;
	margin:0 0 -1px;
	padding:.833em 20px .833em 10px;
	border:1px solid #ddd;
	color:#333;text-decoration:none;background:#fff;overflow:hidden;
}
.familysite1g1 a.toggle .t1{display:block;
	height:1.333em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.familysite1g1 a.toggle .ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-4px 10px;border:8px solid transparent;border-top-color:#123;
	overflow:visible;text-indent:100%;
}
.familysite1g1 a.toggle .ic1:before{content:'';
	float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-9px -6px;border:6px solid transparent;border-top-color:#fff;
	overflow:visible;text-indent:100%;
}
.familysite1g1 a.toggle.on{background:#333;color:#fff;font-weight:bold;}
.familysite1g1 a.toggle.on .ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-12px 10px;border:8px solid transparent;border-bottom-color:#eee;
	overflow:visible;text-indent:100%;
}
.familysite1g1 a.toggle.on .ic1:before{content:'';
	float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-3px -6px;border:6px solid transparent;border-bottom-color:#333;
	overflow:visible;text-indent:100%;
}

/* content */
.familysite1g1c{display:none;position:absolute;left:0;right:0;bottom:100%;font-size:13px;}
.familysite1g1box{min-height:0;margin:0 0 -1px;padding:.333em 0 0;border-radius:3px 3px 0 0;border:1px solid #c2c5c6;background:#fff;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .15);
}
.familysite1g1box:before,
.familysite1g1box:after{content:'';display:table;clear:both;}
.familysite1g1 ul{float:left;width:96%;margin-bottom:.333em;padding:2%;overflow:hidden;}
.familysite1g1 li{float:left;width:50%;}
*+html .familysite1g1 li{margin-right:-1px;}
.familysite1g1 li a{display:block;padding:.333em .333em .333em 1.333em;background:url(/_res/portal/img/inc/familysite1bu1.png) no-repeat 9px 12px;color:#666;}
.familysite1g1 li a:hover{background-color:#f7f7f7;color:#000;}
.familysite1g1 a.close{z-index:20;float:left;position:absolute;left:0;right:0;bottom:0;height:43px;margin:0 0 -43px;overflow:hidden;text-indent:-9999px;}







/* 하단메뉴 20161020 */
#fn1{position:relative;padding:.833em 0;line-height:1.333;letter-spacing:-1px;}
#fn1 ul{position:relative;overflow:hidden;}
#fn1 li{display:inline-block;margin:0 0 0 -1px;padding:0 1px;background:url(/_res/portal/img/inc/fn1s.png) no-repeat 0 50%;}
*+html #fn1 li{display:inline;}
#fn1 li:first-child{background:transparent;}
#fn1 li>a{float:left;padding:0 .5em;color:#333;font-size:13px;white-space:nowrap;}
#fn1 li>a b{}

#fn2{margin:-10px 0 10px}
#fn2 .button{background:#fff;margin-right:10px;border-color:#ddd}
/* 작성자(연락처/저작권) 20161019 */
#author1{position:relative;padding:0 0 .666em;
	color:#555;
	font-size:13px;line-height:1.666;
}
#author1 a{color:#555;} /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
#author1 .copyright{color:#555;margin:1em 0;letter-spacing:0;font-size:12px;}
address{color:#333}
.nophishing b{color:#ff6a00}
#author1 a.a1{display:inline-block;
	padding:.3em 0.4em;
	font-size:11px;letter-spacing:-1px;color:#22ac38;
	border:1px solid #ddd;
}


/* 방문자수 */
#sitecounter1{display:inline-block;
	padding:.8em;font-size:12px;color:#777;
	border:1px solid #ddd;	background:#fff;overflow:hidden;
}
#sitecounter1 li{margin:0;padding:0 1em 0 1.1em;background:url(/_res/portal/img/lib/li3bg.png) no-repeat 0 1px;overflow:hidden;}
#sitecounter1 .t1{float:left;margin-right:10px}
#sitecounter1 .t2{float:right;text-align:right;letter-spacing:0}

/* ETC */


.position1move1{z-index:100;
	position:fixed;right:0px;
	transition:.2s ease-out;opacity:0;visibility:hidden;
	overflow:hidden;
}
.position1move1.on{opacity:1;visibility:visible;}
.position1move1>a{display:block;position:relative;
	width:60px;height:60px;border-radius:100%;
	background:url(/_res/portal/img/lib/b.000000.opacity.50.png);
	overflow:hidden;transition:.2s ease-out;
}
.position1move1>a:hover, .position1move1>a:focus{background-image:url(/_res/portal/img/lib/b.000000.opacity.70.png);}
.position1move1>a .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;margin-left:-15px;
	background:url() no-repeat;background-size:contain;
}
.position1move1>a .t1{display:block;position:absolute;left:0;width:100%;color:#fff;text-align:center;font-size:12px;}
.position1move1.top1{bottom:10%;}
.position1move1.top1>a .ic1{margin-top:-22px;background-image:url(/_res/portal/img/lib/ic60a1up1.png);}
.position1move1.top1>a .t1{bottom:0;margin-bottom:14px;}
.position1move1.bottom1{bottom:10%;}
.position1move1.bottom1>a .ic1{margin-top:-7px;background-image:url(/_res/portal/img/lib/ic60a1down1.png);}
.position1move1.bottom1>a .t1{top:0;margin-top:14px;}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

#head_s2, #head_s2.fixed{height:95px;}
#head_s2.fixed #gn3{display:block;}
#head_s2.fixed #sungeo1{display:block;}
#head_s2.fixed #sungeo2{display:block;}
.container{margin:0 20px;}


h1#logo{margin:20px 90px 20px 0;}

#gn2{left:45px;}
body#portal #gn2{left:80px;}
#gn3{position:absolute;left:46%;top:14px;width:350px;margin-left:-130px}


#sungeo1{position:absolute;display:block;left:74%;top:11px;width:48px;height:38px;margin:0;background:#007447;}
#sungeo1 .a1{display:block;position:absolute;color:#fff;font-size:13px;left:11%;top:7%;}
#sungeo1 .t1{display:block;padding:0 0 0 7px;line-height:15px;}
#sungeo1 .a1:focus{outline:1px dotted #000}
#sungeo1 .a1 .ic1{display:block;position:absolute;
	width:16px;height:20px;margin:5px 0 0 0;
	background:url(/_res/portal/img/inc/sungeo1ic1.png) no-repeat;background-size:contain;
}



#sungeo2{position:absolute;display:block;left:81%;top:11px;width:47px;height:38px;margin:0;background:#008a3a;}
#sungeo2 .a1{display:block;position:absolute;color:#fff;font-size:13px;left:11%;top:7%;}
#sungeo2 .t1{display:block;padding:0 0 0 8px;line-height:15px;}
#sungeo2 .a1:focus{outline:1px dotted #000}


.familysite1g1{width:28.333%;}
#familysite1g1c{width:300px;}
#familysite1g3c{width:300px;margin-left:-84px}


#foot_logo{float:left;width:220px;margin:30px 0;}
#foot_logo img{}



#author1{text-align:left;}
#author1 br{display:none;}


.position1move1{right:20px;}

#gn4{display:block;position:absolute; right:10px;top:4px;}
#gn4s ul{width:100%;overflow:hidden;}
#gn4s li{display:inline;}
#gn4s li a{color:#4a4a4a;float:right;letter-spacing:-1px;font-size:14px;width:auto;padding:0 7px 0 10px; background:url(/_res/portal/img/lib/li3bg.png) no-repeat 0 .0016em;}


} /* /(min-width:768px) */

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


html.Desktop #head_s1{}
html.Desktop #head_s1>.container{margin:0 auto}
html.Desktop #head_s2{margin:0;height:166px;}
html.Desktop #head_s2>.container{z-index:40; /* ☆ 서브 #lcoation1, #bn1 의 z-index 보다 높게 */
			height:100px;border-bottom:0;background:#fff;
		}
html.Desktop #head_s4{}
html.Desktop #head_s4>.container{margin:0 auto}

html.Desktop #login1 #login1s{z-index:1100;}

/* 20161020 makeActive2ClickHover('#tnb1'); */
html.Desktop #tnb1{ /* ☆ */
	float:left;z-index:1000;position:absolute;left:0;top:0;width:100%;line-height:1.333;letter-spacing:-1px;
}
html.Desktop #tnb1 .b1.toggle,
html.Desktop #tnb1c .logo1,
html.Desktop #tnb1c .cont1s,
html.Desktop #tnb1c .b2{display:none;} /* ☆ */
html.Desktop #tnb1c{
	display:block !important; /* ☆ */
	visibility:visible; /* ☆ */
	
	position:absolute;left:0;top:106px;width:auto;height:auto;
	background:transparent;
	overflow-y:visible; /* ☆ */
	width:100%;
	border-top:1px solid #ddd;
}
html.Desktop #tnb1c.on{
	display:block;
	visibility:visible;left:0;
}
html.Desktop #tnb1c>.bg{}
html.Desktop #tnb1c.on>.bg{display:none;}
html.Desktop #tnb1c>div.cont{float:left;
	/* ☆[IE7]fix)) position:relative; 하면 z-index 없어도 쌓임맥락 만드니 주의! */
	left:-100%;width:100%;min-height:100%;
}
html.Desktop #tnb1c.on>div.cont{left:0;
	padding:0;
	box-sizing:border-box; /* ☆[IE8+] */
}

/* depth1 */
html.Desktop #tnb1 div.d1{
	width:100%;
	min-height:100%;
	padding:0; /* ☆ */
	overflow:visible; /* ☆ */
}
html.Desktop #tnb1 div.d1>.bg{position:absolute;top:60px;height:0;
	/*transition: .2s ease-out;*/
}
html.Desktop #tnb1 div.d1>.bg.over{left:-10000px;right:-10000px;height:420px;background:#f3f3f3;}
html.Desktop #tnb1 div.d1>.bg1{opacity:0;transition: 1s ease-out;}
html.Desktop #tnb1 div.d1>.bg1.over {display:block;position:absolute;left:95%;bottom:-510px;width:252px;height:182px;background:url(/_res/portal/img/inc/tnb1ic1.png) no-repeat;
	opacity:1;
	}
html.Desktop #tnb1 div.d1>ul{width:100%;
	min-height:0;background:#fff;
}
html.Desktop #tnb1 div.d1>ul>li{display:inline;float:left;position:relative;
	width:10.5%;margin:0;
	text-align:center;
} 
html.Desktop #tnb1 div.d1>ul>li>a{z-index:auto; /* ☆ */
	display:inline-block;
	position:relative;left:0;top:0;
	box-sizing:border-box;
	width:auto;height:59px;
	padding:0;
	border-bottom:0;
	background:#fff !important;
	color:#333;font-weight:600;font-size:18px;line-height:59px;letter-spacing:-2px;text-align:center;	font-weight:normal;
}
html.Desktop #tnb1 div.d1>ul>li:nth-child(1)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(2)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(3)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(4)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(5)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(6)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(7)>a,
html.Desktop #tnb1 div.d1>ul>li:nth-child(8)>a{top:auto;}
html.Desktop #tnb1 div.d1>ul>li.hasSub>a{}
html.Desktop #tnb1 div.d1>ul>li.on>a{background-color:#fff;
	border-right:0;
	color:#000;font-weight:bold;
}
html.Desktop #tnb1 div.d1>ul>li:hover>a:after,
html.Desktop #tnb1 div.d1>ul>li.on>a:after{z-index:1000;content:'';display:block;
	position:absolute;left:0;bottom:-2px;
	width:100%;height:4px;
	background:url(/_res/seoul/img/inc/tnb1d1bg1.png) no-repeat 50% 110%;
}
html.Desktop #tnb1 div.d1>ul>li.on>a:hover,
html.Desktop #tnb1 div.d1>ul>li.on>a:focus{}
/* depth2~3 */
html.Desktop #tnb1 li>div[class^='d']{
	display:none;
	visibility:hidden;height:0;opacity:0;
	transition: .2s ease-out;
}
html.Desktop #tnb1 li.on>div[class^='d']{
	display:none;
	visibility:visible;height:auto;opacity:1;
}
html.Desktop #tnb1 li.over>div[class^='d']{
	display:block;
	visibility:visible;height:auto;opacity:1;
}
/* depth2 */
html.Desktop #tnb1 div.d2{	position:absolute;top:60px;
	width:100%;
	margin:0;padding:25px 0 0;
	background:transparent;
}
html.Desktop #tnb1 div.d2:after{content:'';display:block;
	position:absolute;right:0;top:25px;
	width:0;height:370px;border-right:1px solid #eee;
	transition: 1s ease-out;
}
html.Desktop #tnb1 div.d1>ul>li:nth-child(1)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(2)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(3)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(4)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(5)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(6)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(7)>div.d2,
html.Desktop #tnb1 div.d1>ul>li:nth-child(8)>div.d2{left:0}
html.Desktop #tnb1 div.d1>ul>li:nth-child(8)>div.d2:after{left:0;}

html.Desktop #tnb1 div.d2>ul{padding:0;}
html.Desktop #tnb1 div.d2>ul>li{position:relative;text-align:left;}
html.Desktop #tnb1 div.d2>ul>li>a{display:block;position:relative;min-height:0;
	padding:5px 10px 8px 15px;
	border-bottom:0;
	background:none !important;
	color:#333;font-size:13px;letter-spacing:-1px;
}
html.Desktop #tnb1 li.on>div.d2>ul>li.on>a{color:#333;font-weight:bold;border:0;}
html.Desktop #tnb1 div.d2>ul>li.over>a,
html.Desktop #tnb1 div.d2>ul>li>a:hover,
html.Desktop #tnb1 div.d2>ul>li>a:focus{color:#fff !important;background:transparent url(/_res/seoul/img/inc/tnb1d2bg2on.png) no-repeat 100% 0 !important;}
html.Desktop #tnb1 div.d2>ul>li.over{}
html.Desktop #tnb1 div.d2>ul>li.hasSub>a:after{content:'';display:inline-block;width:9px;height:9px;background:url(/_res/portal/img/inc/tnb1d3bg1.png) no-repeat;}
html.Desktop #tnb1 div.d2>ul>li.hasSub>a:hover:after, 
html.Desktop #tnb1 div.d2>ul>li.hasSub>a:focus:after{content:'';background:none;}
/* depth3 */
html.Desktop #tnb1 div.d2>ul>li div.d3{display:block !important; /* ☆ */
	position:absolute;left:90%;top:0;
	width:149px;height:0;
	padding:0;
	background:#fff;
	transition: .3s ease-out;
	visibility:hidden;
	
}
html.Desktop #tnb1 div.d2>ul>li.over div.d3{z-index:200 !important;
	left:99%;height:auto;
	border:3px solid #004d89;
	visibility:visible;opacity:1;
}
html.Desktop #tnb1 div.d3>ul{padding:13px 0 15px;}
html.Desktop #tnb1 div.d3>ul>li>a{position:relative;
	margin:0;padding:.3em .6em .3em 1.5em;
	font-size:13px;color:#333;
}
html.Desktop #tnb1 div.d3>ul>li>a:before{content:'-　';display:block;position:absolute;left:10px;}
html.Desktop #tnb1 div.d3>ul>li>a:focus,
html.Desktop #tnb1 div.d3>ul>li>a:hover{color:#000;background-color:#e0eefa}
html.Desktop #tnb1 li>div.d3>ul>li.hasSub>a,
html.Desktop #tnb1 li.on>div.d3>ul>li.on.hasSub>a{background-image:none;}

/* depth4 */
html.Desktop #tnb1 div.d4{display:none !important; /* ☆ */
	overflow:hidden;
}

body#portal #tnb1 div.d2>ul>li.over>a,
body.site_portal #tnb1 div.d2>ul>li.over>a,
body#portal #tnb1 div.d2>ul>li>a:hover,
body.site_portal #tnb1 div.d2>ul>li>a:hover,
body#portal #tnb1 div.d2>ul>li>a:focus,
body.site_portal #tnb1 div.d2>ul>li>a:focus{background-image:url(/_res/portal/img/inc/tnb1d2bg2on.png) !important;}
body#portal #tnb1 div.d1>ul>li:hover>a:after,
body.site_portal #tnb1 div.d1>ul>li:hover>a:after,
body#portal #tnb1 div.d1>ul>li.on>a:after,
body.site_portal #tnb1 div.d1>ul>li.on>a:after{background-image:url(/_res/portal/img/inc/tnb1d1bg1.png) !important;}
body#portal #tnb1 div.d2>ul>li.over div.d3,
body.site_portal #tnb1 div.d2>ul>li.over div.d3{border-color:#006c37;}
body#portal #tnb1 div.d3>ul>li>a:focus,
body.site_portal #tnb1 div.d3>ul>li>a:focus,
body#portal #tnb1 div.d3>ul>li>a:hover,
body.site_portal #tnb1 div.d3>ul>li>a:hover{background-color:#c8eed8}
body#portal #tnb1c, body.site_portal #tnb1c{background:#fff;}

body#portal #tnb1 div.d1>.bg.over, body.site_portal #tnb1 div.d1>.bg.over{height:460px;}
body#portal #tnb1 div.d2:after, body.site_portal #tnb1 div.d2:after{height:410px;}

html.Desktop #tnb1.fixed{}
html.Desktop #tnb1.fixed #tnb1c{;top:0;border-bottom:1px solid #ddd;background:#fff;}
html.Desktop #tnb1.fixed div.d1{width:100%;margin:0 auto;}

#gn3{top:15px;margin-left:-150px}
#sungeo1{top:18px;margin-left:-100px}


#sungeo_ic{}
#sungeo_ic .a1{right:197px;top:15px;width:115px;height:38px;font-size:1.2em;}
#sungeo_ic .a1 span{padding-top:10px;}

#hompi_ic{}
#hompi_ic .a1{right:80px;top:15px;width:115px;height:38px;font-size:1.2em;}
#hompi_ic .a1 span{padding-top:10px;}

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


.container{margin:0 auto;}
#head,
#wrap,
#foot{
		/* =1140-1264 ★☆ #wing 이 1280폭에서 잘 보이게끔 조정 */
	}

#gn2{display:none;}

#gn1{left:0;}
#gn1 .a1{display:none;}
#gn1s{z-index:0;display:block !important;;
	padding:0;margin:0 0 0 -1px;
	background:transparent;
	width:1240px;

}

#gn1s a{width:66.8px;
	margin:0;padding:0;
	border:solid #555;border-width:0 1px;
	height:45px;line-height:43px;
	text-align:center;
	font-size:18px;
}
#gn1s a.on{color:#333;background-color:#fff;}
#gn1s li.a11 a{background-color:#9a9a9a;}
#gn1s li.a11 a.on{background-color:#fff;}

#head_s4{ /* #logo, #gn1, #gn2 */
			position:relative;height:26px;background:#fff;
		}
		
#gn4{display:block;position:absolute; right:10px; top:8px;}
#gn4s ul{width:100%;overflow:hidden;}
#gn4s li{display:inline;}
#gn4s li a{color:#4a4a4a;float:right;font-size:14px;width:auto;padding:0 7px 0 11px; background:url(/_res/portal/img/lib/li3bg.png) no-repeat 0 .0616em;}


#gn3{position:absolute;left:380px;top:35px;margin:0;width:auto;}
#gn3s{display:block !important;
	left:0;top:0;border:0;
	background:transparent;
	padding:0;margin:0 auto;
	width:450px;height:auto;
}

html.Desktop #tnb1 div.d2>ul>li>a{font-size:14px;}

h1#logo{margin:30px 0}
h1#logo>a>img{height:47px;}

#sungeo1{position:absolute;display:block;left:837px;top:35px;width:96px;height:38px;margin:0;background:#007447;}
#sungeo1 .a1{display:block;position:absolute;width:103px;height:38px;color:#fff;font-size:17px;}
#sungeo1 .t1{margin:7px 0 0 -3px;}
#sungeo1 .a1:focus{outline:1px dotted #000;}
#sungeo1 .a1 .ic1{display:block;position:absolute;
	width:18px;height:23px;margin:4px 0 0 2px; 
	background:url(/_res/portal/img/inc/sungeo1ic1.png) no-repeat;background-size:contain;
}



#sungeo2{position:absolute;display:block;left:941px;top:35px;width:96px;height:38px;margin:0;background:#008a3a;}
#sungeo2 .a1{display:block;position:absolute;width:103px;height:38px;color:#fff;font-size:17px;}
#sungeo2 .t1{margin:7px 0 0 -4px;}
#sungeo2 .a1:focus{outline:1px dotted #000;}

#sungeo_ic{}
#sungeo_ic .a1{right:285px;top:34px;width:120px;height:38px;font-size:1.2em;}
#sungeo_ic .a1 span{padding-top:10px;}

#hompi_ic{}
#hompi_ic .a1{right:285px;top:34px;width:120px;height:38px;font-size:1.2em;}
#hompi_ic .a1 span{padding-top:10px;}

#home1,
#sitemap1,
#note1,
#login1{display:block;}



#home1 .a1{display:block;
	position:absolute;top:34px;right:40px;
	width:38px;height:38px;
	background:#005da0;
}
#home1 .a1:focus{outline:1px dotted #000}
#home1 .a1 .ic1{display:block;position:absolute;left:50%;top:50%;
	width:38px;height:38px;margin:-19px;
	background:url(/_res/portal/img/inc/home1pc1.png) no-repeat;background-size:contain;
}

#sitemap1 .a1{display:block;
	position:absolute;right:0;top:34px;
	width:38px;height:38px;
	background:#005da0;
}
#sitemap1 .a1:focus{outline:1px dotted #000}
#sitemap1 .a1 .ic1{display:block;position:absolute;left:50%;top:50%;
	width:38px;height:38px;margin:-19px;
	background:url(/_res/portal/img/inc/sitemap1pc1.png) no-repeat;background-size:contain;
}


#note1 .a1{display:block;
	position:absolute;right:120px;top:34px;
	width:38px;height:38px;
	background:url(/_res/portal/img/inc/note1pc1.png) no-repeat;
}
#note1 .a1 .new{display:block;position:absolute;right:5px;top:5px;
	width:16px;height:16px;
	border-radius:100%;
	font:normal 10px/16px Helvetica, Arial, sans-serif;color:#fff;text-transform:uppercase;vertical-align:middle;letter-spacing:16px;text-indent:4px;text-align:center;
	background:#28aa12;
	overflow:hidden;
}

	

#login1 .a1{right:80px;top:34px;}
#login1 .a1:focus{outline:1px dotted #000}
#login1 .a1 .ic1{background-image:url(/_res/portal/img/inc/login1pc1.png)}
#login1 #login1s{z-index:2000;top:78px;}
#login1 #login1s .arrow1{right:102px;}
#login1 .wrap2 .login1w2s2 .tab1 a{font-size:15px;}
#login1 .a1.close{top:-44px}

html.iteIE8 #login1 #login1s{left:870px;}
html.iteIE8 #login1 #login1s .arrow1{right:100px;}

#login1 .wrap1 .login1w1s1{margin:20px 0 0;}
#login1 .wrap1 .login1w1s1 .text1{margin:0 0 9px 0;height:36px;}
#login1 .wrap1 .login1w1s1 label,
#login1 .wrap1 .login1w1s1 .chk1{display:none;}

#login1 .wrap1 .login1w1s1 .login{height:82px;}
#login1 .wrap1 .login1w1s2{margin:-.4em 0 0;}

html.Desktop #tnb1 div.d1>ul{width:1240px;margin:0 auto;}




#foot_s1{border:0;}

#familysite1{position:absolute;right:-50px;top:40px;width:560px;}
.familysite1g1{margin-left:10px;}
#familysite1g2c{width:300px;}
#familysite1g3c{margin-left:-145px}




#foot_s2{border:0;border-top:1px solid #ddd;}

#fn1{padding:22px 0 20px;border-bottom:1px solid #ddd;}
#fn1 ul{width:50%}
#fn1 li>a{font-size:14px;}

#sitecounter1{position:absolute;right:0;top:0;}

} /* /(min-width:1256px) */

/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */



/* 2017.10.20 LayerPopup  main+sub */
.form1popup3{z-index:1000;position:fixed;text-align:left;top:30%; left:10%;overflow:visible;}
.form1popup3 .popup1{z-index:200;position:relative;
	width:300px;margin:10px auto 0;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);overflow:hidden;
}
.form1popup3 .popup1 .wrap1{width:290px;padding:0 0 0 0px;background:#fff; border:5px solid #008b00;}
.form1popup3 .popup1 .cont1{padding:10px;margin:10px;}
.form1popup3 .popup1 .close{display:block;
	width:310px;height:36px;
	text-align:right;font-size:13px;
	border-top:1px solid #ddd;background:#fff;
}
.form1popup3 .popup1 .close .t1{display:inline-block;padding:3px 10px 0 0;}
.form1popup3 .popup1 .close .a1{display:inline-block;border-left:1px solid #ddd;vertical-align:top;}
.form1popup3 .popup1 .close .a1>.ic1{display:block;width:38px;height:38px;background:url(/_res/portal/img/inc/login1close1mobile@2x.png) no-repeat;background-size:contain;}
.form1popup3 .popup1 .button.b1{display:inline-block;font-size:13px;color:#fff;background:#54686d;border:1px solid #3a4c50}
/* 팝업1 */
.form1popup3 .popup1 .pop1 .title1{display:block;padding:10px 20px 20px;background:#009e96 url(/_res/portal/img/lib1cp2/form1popup2bg1.png) no-repeat;}
.form1popup3 .popup1 .pop1 .notice1{display:block;}
.form1popup3 .popup1 .pop1 .notice1>.t1{display:inline-block;
	font-size:12px;color:#fff;
	padding:0 1em 2px;margin:0 0 5px;
	border:1px solid #fff;border-radius:15px;
}
.form1popup3 .popup1 .pop1 .h1{margin:0;top:0;color:#fff;font-weight:normal;}
.form1popup3 .popup1 .pop1 .button.b1{display:inline-block;font-size:13px;color:#fff;background:#565656;border:1px solid #555}




/* LayerPopup  main+sub */
.form1popup1{z-index:100;position:absolute;left:0;top:0;width:100%;overflow:visible;}
.form1popup1 .popup1{position:relative;
	width:300px;margin:10px auto 0;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);overflow:hidden;
}
.form1popup1 .popup1 .wrap1{width:300px;padding:0 0 10px;background:#fff;}
.form1popup1 .popup1 .cont1{padding:10px;margin:10px;}
.form1popup1 .popup1 .close{display:block;
	width:300px;height:36px;
	text-align:right;font-size:13px;
	border-top:1px solid #ddd;background:#fff;
}
.form1popup1 .popup1 .close .t1{display:inline-block;padding:3px 10px 0 0;}
.form1popup1 .popup1 .close .a1{display:inline-block;border-left:1px solid #ddd;vertical-align:top;}
.form1popup1 .popup1 .close .a1>.ic1{display:block;width:38px;height:38px;background:url(/_res/portal/img/inc/login1close1mobile@2x.png) no-repeat;background-size:contain;}
.form1popup1 .popup1 .button.b1{display:inline-block;font-size:13px;color:#fff;background:#54686d;border:1px solid #3a4c50}
/* 팝업1 */
.form1popup1 .popup1 .pop1 .title1{display:block;padding:10px 20px 20px;background:#009e96 url(/_res/portal/img/lib1cp2/form1popup1bg1.png) no-repeat;}
.form1popup1 .popup1 .pop1 .notice1{display:block;}
.form1popup1 .popup1 .pop1 .notice1>.t1{display:inline-block;
	font-size:12px;color:#fff;
	padding:0 1em 2px;margin:0 0 5px;
	border:1px solid #fff;border-radius:15px;
}
.form1popup1 .popup1 .pop1 .h1{margin:0;top:0;color:#fff;font-weight:normal;}
.form1popup1 .popup1 .pop1 .button.b1{display:inline-block;font-size:13px;color:#fff;background:#565656;border:1px solid #555}
/* 팝업2 */
.form1popup1 .popup1 .pop2{background:#fff url(/_res/portal/img/lib1cp2/form1popup1bg2.png) no-repeat 50% 100%;}
.form1popup1 .popup1 .pop2 .title1{display:block;padding:10px 20px;}
.form1popup1 .popup1 .pop2 .notice1{display:block;}
.form1popup1 .popup1 .pop2 .notice1>.ic1{display:inline-block;
	width:25px;height:25px;margin:0 5px 0 0;
	vertical-align:middle;
	background:url(/_res/portal/img/lib1cp2/form1popup1ic1@2x.png) no-repeat;background-size:contain;}
.form1popup1 .popup1 .pop2 .notice1>.t1{display:inline-block;
	font-size:12px;color:#777;
	padding:0 0 3px;
	border-bottom:2px solid #00a0e9;
}
.form1popup1 .popup1 .pop2 .h1{margin:10px 0 0;top:0;color:#333;font-weight:normal;}
.form1popup1 .popup1 .pop2 .cont1{padding:10px 20px;margin:0 0 10px;height:150px;overflow:hidden;overflow-y:auto;}

/* 팝업3 */
.form1popup1 .popup1 .pop3{padding:160px 0 0;height:190px;background:#fff url(/_res/portal/img/lib1cp2/popup1newyear.png) no-repeat;background-size:100%;}
.form1popup1 .popup1 .pop3 .cont{width:250px;height:100px;
	margin:0 auto 0;padding:1em;
	border-radius:5px;color:#fff;
	background:url(/_res/portal/img/lib/b.ffffff.opacity.60.png);
	overflow:hidden;overflow-y:auto;
}
.form1popup1 .popup1 .pop3 .close{margin:25px 0 0;}
/* 팝업4 */
.form1popup1 .popup1 .pop4 .title1{display:block;padding:10px 20px 20px;background:#009e96 url(/_res/portal/img/lib1cp2/form1popup1bg1.png) no-repeat;}
.form1popup1 .popup1 .pop4 .notice1{display:block;}
.form1popup1 .popup1 .pop4 .notice1>.t1{display:inline-block;
	font-size:12px;color:#fff;
	padding:0 1em 2px;margin:0 0 5px;
	border:1px solid #fff;border-radius:15px;
}
.form1popup1 .popup1 .pop4 .h1{margin:0;top:0;color:#fff;font-weight:normal;}
.form1popup1 .popup1 .pop4 .f1{width:260px;margin:0 auto;padding:10px 20px;}
.form1popup1 .popup1 .pop4 .f1 img{width:100%;}
.form1popup1 .popup1 .pop4 .cont1{padding:0 20px 10px;margin:0;}


/* 팝업5 */
.form1popup1 .popup1 .pop5{padding:160px 0 0;height:190px;background:#000 url(/ImagePrint.do?key=cms.document&name=popup1chuseok.jpg&q=100) no-repeat;background-size:100%;}
.form1popup1 .popup1 .pop5 .cont{width:250px;height:100px;
	margin:0 auto 0;padding:1em;
	/*border-radius:5px;color:#fff;
	background:url(/_res/portal/img/lib/b.ffffff.opacity.60.png);*/
	overflow:hidden;overflow-y:auto;
}
.form1popup1 .popup1 .pop5 .close{margin:25px 0 0;}


@media all and (min-width:768px){
	.form1popup1{width:auto;}
	.form1popup1 .popup1{display:inline-block;vertical-align:top;margin:10px;width:auto;}
	.form1popup1 .popup1 .pop4{width:500px;padding:0;overflow:hidden;}
	.form1popup1 .popup1 .pop4 .f1{float:left;width:180px;margin:0;padding:10px;}
	.form1popup1 .popup1 .pop4 .cont1{float:left;width:280px;padding:10px;}
	.form1popup1 .popup1 .close{width:100%;}
}



/* 배너광고팝업 */
.bannerad1popup1{z-index:1000;display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:url(/_res/portal/img/lib/b.000000.opacity.60.png)}
.bannerad1popup1 .wrap1{position:absolute;left:50%;top:1em;width:300px;margin:0 0 0 -150px;background:#fff;}
.bannerad1popup1 .wrap1 .title1{display:block;padding:10px 20px 20px;background:#009e96 url(/_res/portal/img/lib1cp2/form1popup1bg1.png) no-repeat;}
.bannerad1popup1 .wrap1 .notice1{display:block;}
.bannerad1popup1 .wrap1 .notice1>.t1{display:inline-block;
	font-size:12px;color:#fff;
	padding:0 1em 2px;margin:0 0 5px;
	border:1px solid #fff;border-radius:15px;
}
.bannerad1popup1 .wrap1 .h1{margin:0;top:0;color:#fff;font-weight:normal;}
.bannerad1popup1 .wrap1 .f1{margin:0 auto;padding:10px 20px;}
.bannerad1popup1 .wrap1 .f1 img{width:100%;}
.bannerad1popup1 .wrap1 .cont1{padding:0 20px 20px;margin:0;}
.bannerad1popup1 .wrap1 .button.b2{display:inline-block;font-size:13px;color:#fff;background:#54686d;border:1px solid #3a4c50}
.bannerad1popup1 .wrap1 .btn{padding:0 0 20px;}
.bannerad1popup1 .wrap1 .button.b3{display:inline-block;height:auto;padding:.7em 1.5em;font-size:15px;color:#fff;background:#54686d;border:1px solid #3a4c50}
.bannerad1popup1 .wrap1 .close{display:block;position:absolute;right:0;top:0;}
.bannerad1popup1 .wrap1 .close .a1>.ic1{display:block;width:40px;height:40px;background:url(/_res/portal/img/inc/ic80close@2x.png) no-repeat;background-size:contain;}

/* 배너광고팝업 csh 20221125 추가*/
.bannerad1popup1 .wrap2{position:absolute;left:30%;top:1em;margin:0 0 0 -150px;background:#fff;}
.bannerad1popup1 .wrap2 .title1{display:block;padding:10px 20px 20px;background:#009e96 url(/_res/portal/img/lib1cp2/form1popup1bg1.png) no-repeat;}
.bannerad1popup1 .wrap2 .notice1{display:block;}
.bannerad1popup1 .wrap2 .notice1>.t1{display:inline-block;
	font-size:12px;color:#fff;
	padding:0 1em 2px;margin:0 0 5px;
	border:1px solid #fff;border-radius:15px;
}
.bannerad1popup1 .wrap2 .h1{margin:0;top:0;color:#fff;font-weight:normal;}
.bannerad1popup1 .wrap2 .f1{margin:0 auto;padding:10px 20px;}
.bannerad1popup1 .wrap2 .f1 img{width:100%;}
.bannerad1popup1 .wrap2 .cont1{padding:0 20px 20px;margin:0;}
.bannerad1popup1 .wrap2 .button.b2{display:inline-block;font-size:13px;color:#fff;background:#54686d;border:1px solid #3a4c50}
.bannerad1popup1 .wrap2 .btn{padding:0 0 20px;}
.bannerad1popup1 .wrap2 .button.b3{display:inline-block;height:auto;padding:.7em 1.5em;font-size:15px;color:#fff;background:#54686d;border:1px solid #3a4c50}
.bannerad1popup1 .wrap2 .close{display:block;position:absolute;right:0;top:0;}
.bannerad1popup1 .wrap2 .close .a1>.ic1{display:block;width:40px;height:40px;background:url(/_res/portal/img/inc/ic80close@2x.png) no-repeat;background-size:contain;}



@media all and (min-width:768px){
	.bannerad1popup1 .wrap1{width:500px;margin:0 0 0 -250px;}
	.bannerad1popup1 .wrap1 .f1{height:200px;text-align:center;overflow:hidden;}
	.bannerad1popup1 .wrap1 .f1 img{width:auto;height:100% !important;}
}




/* 메인 - 상단 팝업존(공통) */


#headPopup1{display:none;background:url(/_res/seoul/img/main/mainpopup1bg1.gif) repeat 50% 50%; margin:-18px 0 -18px 0;}
body#portal #headPopup1{background-image:url(/_res/portal/img/main/mainpopup1bg1.gif) !important}


#headPopup1close1{z-index:100;
	position:absolute;right:0;top:0;
	color:#fff;line-height:45px;font-size:13px;
	height:px;padding:0 10px;
	background:#ffb100;
}


#headPopup1close1.on{display:none;}

#headPopup1 .close{z-index:100;position:absolute;right:0;bottom:22px;color:#fff; }
#headPopup1 .close1chk{z-index:100;position:absolute;display:block;width:105px;right:90px;bottom:12px;color:#fff;}
#hpr1>.wrap1{position:relative;padding:20px 20px 50px;}	
#hpr1 .mView{z-index:10;position:relative;
	min-height:120px;
	overflow:hidden;
}
#hpr1 .mCont{position:absolute;left:0;top:0;
	width:10000%; /* width:100%; */
	height:100%;
}
#hpr1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:1%; /* width:100%; */
	height:100%;
}
#hpr1 .mContC.on{display:block;}
#hpr1 .mContC>.c{display:block;position:relative;
	height:100%;
	text-decoration:none;overflow:hidden;
}
#hpr1 .mContC>.c .wrap2{display:block;padding:0 5px}
#hpr1 .mContC>.c .wrap2s2{display:table-cell;vertical-align:middle;height:120px;padding:0 0 0 3px;}
#hpr1 .mContC>.c .twrap1{display:block;}
#hpr1 .mContC>.c .twrap1 .t1{display:block;
	color:#fff;font-size:20px;line-height:1.2em;margin:0 0 10px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	overflow:hidden;
}
#hpr1 .mContC>.c .twrap1 .t2{display:block;
	color:#fff;font-size:13px;
	max-height:52px;margin:0 0 3px 0;
	overflow:hidden;
}

#hpr1 .mContC>.c .twrap1 .t2.nolink{max-height:70px !important;}
#hpr1 .mContC>.c .twrap1 .more{display:inline-block;
	color:#fff;font-size:12px;line-height:22px;
	background:#888;padding:2px 12px 4px;
	background:url(/_res/portal/img/lib/b.000000.opacity.50.png);
}
#hpr1 .mContC>.c .ic{display:block;float:left;
	width:110px;height:110px;padding:10px 5px 10px 0;margin:0;
	background:url() no-repeat;background-size:contain;
}
#hpr1 .mContC>.c .ic>i{display:block;width:110px;height:110px;}
#hpr1 .mContC>.c .ic1{	background-image:url(/_res/portal/img/main/hpr1ic01@2x.png);}
#hpr1 .mContC>.c .ic2{	background-image:url(/_res/portal/img/main/hpr1ic02@2x.png);}
#hpr1 .mContC>.c .ic3{	background-image:url(/_res/portal/img/main/hpr1ic03@2x.png);}
#hpr1 .mContC>.c .ic4{	background-image:url(/_res/portal/img/main/hpr1ic04@2x.png);}
#hpr1 .mContC>.c .ic5{	background-image:url(/_res/portal/img/main/hpr1ic05@2x.png);}


#hpr1 .mContC>.c .wrap2s3{display:block;text-align:center;line-height:120px}
#hpr1 .mContC>.c .wrap2s3>img{width:100%;vertical-align:middle;}

/* 메뉴 */
#hpr1 .menu{position:absolute;width:100%;height:100%;margin:-33px -20px;}
#hpr1 .menu .m{
	margin:0;padding:0;
	border-radius:0;border:0;
	line-height:1;vertical-align:middle;cursor:pointer;
	background-color:transparent
}
#hpr1 .menu .m>.ic1{display:block;width:100%;height:100%;background:url() no-repeat 50% 50%;}
/* 제어 */
#hpr1 .mControl{}
#hpr1 .mControl .m{position:absolute;display:block;width:23px;height:44px;top:50%;margin:-35px 0 0;}
#hpr1 .mControl .prev{left:-5px;}
#hpr1 .mControl .next{right:-5px;}
#hpr1 .mControl .prev>.ic1{width:23px;height:44px;background-image:url(/_res/portal/img/main/hpr1prev1@2x.png);}
#hpr1 .mControl .next>.ic1{width:23px;height:44px;background-image:url(/_res/portal/img/main/hpr1next1@2x.png);}
#hpr1 .mControl .stop{left:0;top:100%;margin:-35px 0 0 30px;width:25px;height:25px;}
#hpr1 .mControl .play{left:0%;top:100%;margin:-35px 0 0 0;width:25px;height:25px;}
#hpr1 .mControl .stop>.ic1{width:25px;height:25px;background-image:url(/_res/portal/img/main/pr1stop1@2x.png);}
#hpr1 .mControl .play>.ic1{width:25px;height:25px;background-image:url(/_res/portal/img/main/pr1play1@2x.png);}


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

.form1popup3{z-index:1000;position:fixed;text-align:left;top:25%; left:25%;overflow:visible;}
.form1popup3 .popup1{z-index:200;position:relative;
	width:400px;margin:10px auto 0;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);overflow:hidden;
}
.form1popup3 .popup1 .wrap1{width:390px;padding:0 0 0 0px;background:#fff; border:5px solid #008b00;}
.form1popup3 .popup1 .cont1{padding:10px;margin:10px;}
.form1popup3 .popup1 .close{display:block;
	width:400px;height:36px;
	text-align:right;font-size:13px;
	border-top:1px solid #ddd;background:#fff;
}

#hpr1 .mContC{width:.5%;}
#hpr1 .mContC>.c{position:relative;padding:0 10px 0 0;}
#hpr1 .mContC>.c:before{content:'';z-index:1;position:absolute;left:0;top:0;width:1px;height:25px;background:linear-gradient(to bottom, #0fa03f, #fff 100%);}
#hpr1 .mContC>.c:after{content:'';z-index:1;position:absolute;left:0;bottom:0;width:1px;height:25px;background:linear-gradient(to top, #0fa03f, #fff 100%);}
#hpr1 .mContC>.c .wrap2{position:relative;}
#hpr1 .mContC>.c .wrap2:before{content:'';z-index:0;position:absolute;left:0px;top:0;border-left:1px solid #fff;width:0;height:110px;}

#hpr1 .mContC.m1>.c:before, #hpr1 .mContC.m1>.c:after, #hpr1 .mContC.m1 .wrap2:before{border:0;background:0;}
#hpr1 .mContC.m3>.c:before, #hpr1 .mContC.m3>.c:after, #hpr1 .mContC.m3 .wrap2:before{border:0;background:0;}
#hpr1 .mContC.m5>.c:before, #hpr1 .mContC.m5>.c:after, #hpr1 .mContC.m5 .wrap2:before{border:0;background:0;}
#hpr1 .mContC.m7>.c:before, #hpr1 .mContC.m7>.c:after, #hpr1 .mContC.m7 .wrap2:before{border:0;background:0;}
#hpr1 .mContC.m9>.c:before, #hpr1 .mContC.m9>.c:after, #hpr1 .mContC.m9 .wrap2:before{border:0;background:0;}


#hpr1 .mControl .stop{left:50%;margin-left:0}
#hpr1 .mControl .play{left:50%;margin-left:-30px}

}

@media all and (min-width:1256px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */

.form1popup3{z-index:1000;position:fixed;text-align:left;top:30%;left: 45%;overflow:visible;}
.form1popup3 .popup1{z-index:200;position:relative;
	width:400px;margin:10px auto 0;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);overflow:hidden;
}
.form1popup3 .popup1 .wrap1{width:390px;padding:0 0 0 0px;background:#fff; border:5px solid #008b00;}
.form1popup3 .popup1 .cont1{padding:10px;margin:10px;}
.form1popup3 .popup1 .close{display:block;
	width:400px;height:36px;
	text-align:right;font-size:13px;
	border-top:1px solid #ddd;background:#fff;
}

#hpr1>.wrap1{height:160px;padding:20px}
#hpr1 .mView{min-height:130px;}
#hpr1 .mContC{padding:10px 0 0;}
#hpr1 .mContC>.c .wrap2s1{display:block;padding-left:10px;}
#hpr1 .mContC>.c .wrap2s2{padding:0 0 0 20px;}
#hpr1 .mContC>.c .wrap2s3>img{width:auto;height:120px;}
#hpr1 .mContC>.c .ic{padding:10px;margin-right:10px;}

}


/* 로딩아이콘 */
#loading {z-index:1000;
	position:fixed;top:0;left:0;right:0;bottom:0;
	width:100%;height:100%;
	background:url(/_res/portal/img/lib/b.ffffff.opacity.70.png);
}
#loading>img{position:absolute;left:50%;top:50%;}