@charset "utf-8";

svg, svg>g>g:nth-child(1) rect:nth-child(1), svg g:nth-child(2) rect:nth-child(1) {background:none !important; fill:none !important;}
svg g g g:nth-child(5) text tspan {text-shadow:0px 1px 7px black}

#topbg{
			overflow:hidden; position:absolute; left:0; top:0; z-index:-1; width:100%; height:800px;
			background: #5CCC9F;
			background: linear-gradient(90deg, rgba(11, 171, 97, 0.1) 0%, rgba(37, 175, 157, 0.1) 100%), linear-gradient(90deg, #126C83 1.04%, #5CCC9F 100%);
			}
#topbg:before,
#topbg:after{content:""; position:absolute; left:-20%; top:-20%; -webkit-border-radius:50%; border-radius:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
#topbg:before{opacity:0.5; z-index:10; width:670px; height:670px; background: #27AE94; background: linear-gradient(134.94deg, #1CBC71 0%, #27AE94 71.73%);}
#topbg:after{opacity:0.3; z-index:0; width:1050px; height:1050px; background:#30A689;}
#topbg>.bg{position:relative; width:100%; height:100%;}
#topbg>.bg:before{
							content:""; display:block; position:absolute; right:-20%; top:0; width:356px; height:100%; background-image:url(../img/layout/header_bg.svg); background-repeat:no-repeat; background-position:right center; background-size:auto 800px;
							-webkit-transition:right 0.3s linear;
							transition:right 0.3s linear;
							}
#topbg>.bg:after{content:""; opacity:0.4; position:absolute; right:50px; top:678px; width:307px; height:307px; border:70px solid #3BC395; -webkit-border-radius:50%; border-radius:50%;}

body[data-scroll="0"] #topbg:before,body[data-scroll="0"] #topbg:after{left:0; top:0;}
body[data-scroll="1"] #topbg:before,body[data-scroll="1"] #topbg:after{left:-5%; top:-5%;}
body[data-scroll="2"] #topbg:before,body[data-scroll="2"] #topbg:after{left:-10%; top:-10%;}
body[data-scroll="3"] #topbg:before,body[data-scroll="3"] #topbg:after{left:-15%; top:-15%;}
body[data-scroll="4"] #topbg:before,body[data-scroll="4"] #topbg:after{left:-20%; top:-20%;}

body[data-scroll="0"] #topbg>.bg:before{right:0;}
body[data-scroll="1"] #topbg>.bg:before{right:-5%;}
body[data-scroll="2"] #topbg>.bg:before{right:-10%;}
body[data-scroll="3"] #topbg>.bg:before{right:-15%;}
body[data-scroll="4"] #topbg>.bg:before{right:-20%;}

/* header */
#header{position:relative; z-index:300; height:118px; padding:60px 0 0 0;}
#header .layout{position:relative; padding:0;}
#header h1{position:absolute;left:30px;top: 6px;z-index:200;}
#header h1 a{display:block;}
#header h1:after{content:""; display:block; clear:both;}
#header h1 img{display:block;}


#header strong{display:block;position:absolute;left:370px;top:0;z-index:200;}
#header strong:after{content:""; display:block; clear:both;}
#header strong>a,
#header strong>span{overflow:hidden; float:left; display:block; height:52px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#header strong>a{width:95px;background-image:url(../img/layout/NewDeal.png);}

#header .menu{overflow:visible !important; position:relative; z-index:20; width:100%;}
#header .menu:before{content:""; display:block; position:absolute; left:0; top: 60px; z-index:0; width:100%; height: calc(100% - 60px); background-color:#fff; -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.08);}
#header .menu>ul{position:relative; z-index:100; text-align:center; font-size:0;}
#header .menu>ul>li{display:inline-block; position:relative; vertical-align:top;}
#header .menu>ul>li>a{display:block;width:260px;line-height:47px;margin-bottom:4px;font-weight:600;text-decoration:none;color:#fff;}
#header .menu>ul>li>a>span{font-size:20px;position:relative;}
#header .menu>ul>li>a>span:after{content:"";display:block;position:absolute;bottom:-5px;left:0;width:0%;height:3px;background-color:#fff;}
#header .menu>ul>li:hover>a>span:after,
#header .menu>ul>li:focus>a>span:after,
#header .menu>ul>li>a.on>span:after{width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
#header .menu>ul>li>ul{position:absolute;left:0;top:100%;width:100%;padding:10px 0;height:220px;}

#header .menu>ul>li>ul>li>a[target="_blank"]>span:after, #header .menu>ul>li>ul>li>a[onclick*="popupWin"]>span:after{
					content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background:url(../img/layout/_blank.svg) no-repeat 0 0;
					}


/* IE only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	#header .menu>ul>li>ul{position:absolute;left:0;top:100%;width:100%;padding:10px 0;height:290px;margin-top:1px;}
	#header .menu>ul>li:nth-child(2n)>ul:after{background-color:#fbfbfb;}
}

/* IE only */
#header .menu>ul>li:nth-child(n+2)>ul:before{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:1px; height:100%; background-color:#f2f2f2;}
#header .menu>ul>li>ul:after{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-color:#fff;}
#header .menu>ul>li:nth-child(2n)>ul:after{background-color:#fbfbfb;}
#header .menu>ul>li:hover>ul:after,
#header .menu>ul>li:focus>ul:after{background-color:#f6f6f6;}

#header .menu>ul>li>ul>li:nth-child(n+2){margin-top:5px;}
#header .menu>ul>li>ul>li>a{display:block; padding:0 8px; text-decoration:none; text-align:left; color:#4f4f4f;}
#header .menu>ul>li>ul>li>a>span{display:block; line-height:20px; padding:6px 6px 6px 12px; font-size:15px; border:1px solid transparent;}
#header .menu>ul>li>ul>li>a:hover,
#header .menu>ul>li>ul>li>a:focus,
#header .menu>ul>li>ul>li>a.on{color:#333;}
#header .menu>ul>li>ul>li>a:hover>span,
#header .menu>ul>li>ul>li>a:focus>span,
#header .menu>ul>li>ul>li>a.on>span{border: 1px solid #DDDDDD; background: #E9E9E9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 7px 7px 8px rgba(36, 55, 54, 0.1); box-shadow: 7px 7px 8px rgba(36, 55, 54, 0.1);}

#header [data-btn="search-top"]{overflow:hidden; display:block; width:47px !important; height:47px; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_search.svg); background-repeat:no-repeat; background-position:center center; background-size:70% auto;}

#header #etc{position:absolute; right:98px; top:8px; z-index:100;}
#header #etc:after{content:""; display:block; clear:both;}
#header #etc>li{float:left; position:relative; line-height:32px; padding:0 10px;}
#header #etc>li:nth-child(n+2){padding-left:12px;}
#header #etc>li:nth-child(n+2):before{
	content:""; display:block; position:absolute; left:0; top:50%; width:2px; height:15px; background-color:rgba(255,255,255,0.3);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
#header #etc>li:nth-child(4),
#header #etc>li:nth-child(5):before{display:none}
#header #etc>li>a{display:block; font-weight:600; text-decoration:none; color:#fff;}
#header #etc>li>a>span{font-size:16px;color:#006080;}

#header > .layout > [data-btn="search-top"]{display:none; position:absolute; right:74px; top:8px; width:32px; height:32px; background-size:contain;}
#header [data-btn="all"]{position:absolute; right:30px; top:8px; z-index:100; width:32px; height:32px;}
#header [data-btn="all"]>span{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px;}
#header [data-btn="all"]:before,
#header [data-btn="all"]:after,
#header [data-btn="all"]>span:before{content:""; display:block; position:absolute; left:0; top:calc(50% - 1px); width:100%; height:2px; background-color:#fff;}
#header [data-btn="all"]:before{-webkit-transform:translateY(-9px); transform:translateY(-9px);}
#header [data-btn="all"]:after{-webkit-transform:translateY(9px); transform:translateY(9px);}


/* sitemap */
#sitemap{display:none; position:fixed; left:100%; top:0; z-index:1000; width:100%; height:100%; font-size:10px; background-color:rgba(0,0,0,0.6);}
#sitemap{left:0;z-index:1001;}

@media all and (min-width : 1025px){
					#sitemap>.in{position:absolute; left:50%; top:50%; width:calc(100% - 6em);max-width:1620px; max-height:100%; background-color:#fff;
					-webkit-transform:translate(-50%,-50%);
					transform:translate(-50%,-50%);
					overflow-y: auto; overflow-x: hidden;
					}
					#sitemap>.in>.head{padding:10px 0;text-align:center;}
					#sitemap>.in>.head>strong{font-size:2.4em; color:#000;}
					#sitemap>.in>.midd{position:relative;padding: 20px;overflow:hidden;}
					#sitemap>.in>.midd>[class*="deps_"]{display:none;}
					#sitemap>.in>.midd>.menu {height:100%;}
					#sitemap>.in>.midd>.menu>li>ul>li{margin-top:5px;}
					#sitemap>.in>.midd>.menu> li,
					#sitemap>.in>.midd>.menu> li ul{display:block !important;}
					#sitemap>.in>.midd>.menu>li>ul{padding:10px 0;width:100% !important;}
					#sitemap>.in>.midd>.menu>li>ul>li>ul a{position:relative;}
					#sitemap>.in>.midd>.menu>li>ul>li>ul a:before{content:"";position:absolute;top:50%;left: 21px;width:4px;height:4px;background-color:#4f4f4f;border-radius:50%;transform:translateY(-50%);}
					#sitemap>.in>.midd>.menu>li{float:left;width:25%;position:relative;}
					#sitemap>.in>.midd>.menu>li:nth-child(1):after,
					#sitemap>.in>.midd>.menu>li:nth-child(2):after,
					#sitemap>.in>.midd>.menu>li:nth-child(3):after,
					#sitemap>.in>.midd>.menu>ul>li:nth-child(4):after{content:"";position:absolute;top:0;right:0;height: 1000px;width:1px;background-color:#E0E0E0;z-index:1;}
					#sitemap>.in>.midd>.menu>li>a{display:block;font-weight:600; text-decoration:none; color:#fff; background-color:#127086;padding:10px 0;text-align:center;}
					#sitemap>.in>.midd>.menu>li>a>span{font-size:18px;}
					#sitemap>.in>.midd>.menu>li>ul>li>a{display:inline;text-decoration:none;color:#127086;padding-left:10px;}
					#sitemap>.in>.midd>.menu>li>ul>li>a[target="_blank"]:after,
					#sitemap>.in>.midd>.menu>li>ul>li>a[onclick*="popupWin"]:after{content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background-image:url(../img/layout/_blank.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}
					#sitemap>.in>.midd>.menu>li>ul>li>a>span{font-size:15px;}
					#sitemap>.in>.midd>.menu>li>ul>li>ul>li>a{display:block;text-decoration:none;color:#4f4f4f;padding-left: 30px;}
					#sitemap>.in>.midd>.menu>li>ul>li>ul>li>a>span{font-size:14px;width: 100%;}
					
					#sitemap>.in>.foot{display:none;}
					#sitemap>.in>a.close{position:absolute;right:2.3em;top: 1.3em;width:4em;height:4em;}
					#sitemap>.in>a.close>span{
						overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
						-webkit-transform:rotate(0deg);
						transform:rotate(0deg);
						-webkit-transition:transform 0.3s ease;
						transition:transform 0.3s ease;
						}
					#sitemap>.in>a.close:hover>span,
					#sitemap>.in>a.close:focus>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
					}

					@media all and (max-width : 1500px){
					#sitemap{font-size:8px;}
					}

					@media all and (max-width : 1260px){
					#sitemap>.in>.midd>.menu>ul>li>a>span{font-size:15px;}
					#sitemap>.in>.midd>.menu>ul>li>ul>li>a>span,
					#sitemap>.in>.midd>.menu>ul>li>ul>li>ul>li>a>span,
					#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>label{font-size:12px;}
					#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>input{top: 2px;}
					#sitemap>.in>.midd>.menu>ul>li>ul>li a[target="_blank"]:after, #sitemap>.in>.midd>.menu>ul>li>ul>li a[onclick*="popupWin"]:after{width:10px;height:10px;}

					#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox{position:relative;float:right;margin: 4px 10px 0 0;width: 74px;height: 15px;}
					#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>label{font-size:12px;position:absolute;top: 6px;left:0;line-height: 0;}
					#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>input{position:absolute;top:0;right:0;}
					}

					@media all and (max-width : 1200px){
					#sitemap{font-size:7px;}
					}

					@media all and (max-width : 1024px){
									#sitemap>.in{position:absolute; top:0; width:100%; height:100%; max-width:400px; background-color:#fff;right: -400px;}
									#sitemap>.in>.head{display:none;}
									#sitemap>.in>.midd,
									#sitemap>.in>.midd>.menu {height:100%; background-color:#32B6A3;overflow:auto;}

									#sitemap>.in>.midd {width:100%; padding-top:60px;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;height:100%;}
									#sitemap>.in>.midd>.menu {display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;}
									#sitemap>.in>.midd>.menu li {width:100%;border-bottom:1px solid #2a9a8a;position:relative;}
									#sitemap>.in>.midd>.menu>li:before {content:"+";display:block;font-size:30px;color:#fff; position:absolute;right:20px;top:0px;}
									#sitemap>.in>.midd>.menu>li:hover:before, #sitemap>.in>.midd>.menu>li:focus:before, #sitemap>.in>.midd>.menu>li.M_on:before 
										{content:"-";display:block;font-size:34px;color:#fff; position:absolute;right:24px;top:-7px;}
									#sitemap>.in>.midd>.menu>li.on{display:block !important;}
									#sitemap>.in>.midd>.menu>li a{display:inline-block; text-decoration:none; color:#fff;}
									#sitemap>.in>.midd>.menu>li ul{height:0px;}
									#sitemap>.in>.midd>.menu>li.M_on ul, #sitemap>.in>.midd>.menu>li:hover ul, #sitemap>.in>.midd>.menu>li:focus ul
									{height:auto;background:#2a9a8a;}
									#sitemap>.in>.midd>.menu>li>a{line-height:1.4; padding:10px 0 10px 20px; font-weight:600;font-size:20px;}
									#sitemap>.in>.midd>.menu>li>ul>li>a{line-height:1.4; padding:10px 0 10px 40px; font-weight:normal;position:relative;display:block; vertical-align:top; font-size:18px;}

									#sitemap>.in>.midd>.menu>li>ul>li>a[target="_blank"]:after,
									#sitemap>.in>.midd>.menu>li>ul>li>a[onclick*="popupWin"]:after{content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background-image:url(../img/layout/_blank.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}

									#sitemap>.in>.midd>.menu>li>ul>li>a:before {content:"";display:block;width:3px;height:3px;background:#98cec6;position:absolute;left:30px;top:22px;}
									#sitemap>.in>.midd>.menu>li>ul>li:hover, #sitemap>.in>.midd>.menu>li>ul>li:focus {background:#239080;}


									#sitemap>.in>.midd>.menu>li>ul>li>ul {background:#1d8475 !important;}
									#sitemap>.in>.midd>.menu>li>ul>li>ul>li {border:0px;}
									#sitemap>.in>.midd>.menu>li>ul>li>ul>li>a{line-height:1.4; padding:10px 0 10px 40px; font-weight:normal;position:relative;display:block;font-size:14px;}



									#sitemap>.in>.foot{position:absolute; left:0; bottom:0; z-index:300; width:100%; height:100px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(91, 200, 184, 0.15) 100%);
																display:flex;padding:15px;justify-content:flex-end;}

									#sitemap>.in>.foot:after{content:""; display:block; clear:both;}

									#sitemap>.in>.foot>li:nth-child(n+2){padding-left:21px;position:relative;}
									#sitemap>.in>.foot>li:nth-child(n+2):before{
									content:""; display:block; position:absolute; left:10px; top:13px; width:1px; height:12px; background-color:rgba(255,255,255,0.5);
									-webkit-transform:translateY(-50%);
									transform:translateY(-50%);
									}
									#sitemap>.in>.foot>li>a{text-decoration:none; font-weight:normal; font-size:16px; color:#fff;}

									#sitemap>.in>a.close{position:absolute; right:26px; top:26px; width:32px; height:32px;}
									#sitemap>.in>a.close>span{
									overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7_w.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
									-webkit-transform:rotate(0deg);
									transform:rotate(0deg);
									-webkit-transition:transform 0.3s ease;
									transition:transform 0.3s ease;
									}
									#sitemap>.in>a.close:hover>span,
									#sitemap>.in>a.close:focus>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
									}



/* 반응형 화살표 */
.mobile_hand{position:absolute;width:44px;height:39px;display:none;background:url(../img/layout/icon_mobileheands.png);
transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);font-size:0;z-index:1;}

.visual_hand{bottom: 94px;left:35%;animation:visual_hand 1.5s infinite;-webkit-animation:visual_hand 1.5s infinite;-ms-animation:visual_hand 1.5s infinite;}
.move_hand{bottom: 162px;left:50%;animation:move_hand 1.5s infinite;-webkit-animation:move_hand 1.5s infinite;-ms-animation:move_hand 1.5s infinite;}

@keyframes visual_hand{
	0%{left:35%;}
	100%{left:45%;opacity:0;}
}
@-webkit-keyframes visual_hand{
	0%{left:35%;}
	100%{left:45%;opacity:0;}
}
@-ms-keyframes visual_hand{
	0%{left:35% !important;}
	100%{left:45%;opacity:0;}
}
@keyframes move_hand{
	0%{left:50%;}
	100%{left:60%;opacity:0;}
}
@-webkit-keyframes move_hand{
	0%{left:50%;}
	100%{left:60%;opacity:0;}
}
@-ms-keyframes move_hand{
	0%{left:50% !important;}
	100%{left:60%;opacity:0;}
}
/* // 반응형 화살표 */

/* Main */
body[data-layout="main"] #header > .layout > [data-btn="search-top"]{display:none !important;}
body[data-layout="main"] [data-btn="search-top"]
body[data-layout="main"] #searchbox{z-index:400; height:148px; background-color:transparent;}
body[data-layout="main"] #searchbox .in .close{display:none;}

body[data-layout="main"] #visual{position:relative;height: 640px;padding-top:50px;}
body[data-layout="main"] #visual [data-js="link_tool"]{cursor:pointer;}
body[data-layout="main"] #visual i{font-style:normal;}

body[data-layout="main"] #visual > .head .in{position:relative; width:calc(100% - 40px); max-width:736px; height:68px; margin:0 auto;}
body[data-layout="main"] #visual > .head .in input[type="text"]{
width:100%; height:68px; padding:0 82px 0 40px; border:none; font-weight:500; font-size:20px; color:#000 !important; background-color:#fff;
-webkit-border-radius:34px;
border-radius:34px;
}
body[data-layout="main"] #visual > .head .in input[type="text"]::placeholder{font-weight:300 !important;}
body[data-layout="main"] #visual > .head .in input[type="text"]::-webkit-input-placeholder{font-weight:300 !important;}
body[data-layout="main"] #visual > .head .in input[type="text"]:-ms-input-placeholder{font-weight:300 !important;}
body[data-layout="main"] #visual > .head .in input[type="submit"]{
overflow:hidden; position:absolute; right:40px; top:50%; width:32px; height:32px; cursor:pointer; text-indent:-1000px; border:none; background-color:inherit; background-image:url(../img/layout/svg_icon.png); background-repeat:no-repeat; background-position:center center; width: 32px; height: 32px; background-position: -375px 0px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

body[data-layout="main"] #visual > .head .tips{margin:20px 0 0 0;}
body[data-layout="main"] #visual > .head .tips {text-align:center;}
body[data-layout="main"] #visual > .head .tips>li{display:inline-block; vertical-align:top;}
body[data-layout="main"] #visual > .head .tips>li:not(:last-child){margin-right:15px;}
body[data-layout="main"] #visual > .head .tips>li>a{font-size:18px; color:#fff;text-decoration:none}
body[data-layout="main"] #visual > .head .tips>li>a>i{padding-right:3px; font-style:normal; color:rgba(255,255,255,0.5);}

/************************   지표 영역 **********************************/
/************************   지표 영역 **********************************/
/************************   지표 영역 **********************************/
body[data-layout="main"] #visual > .midd{margin-top:20px;}
body[data-layout="main"] #visual > .midd:after{content:""; display:block; clear:both;}
body[data-layout="main"] #visual > .midd > .l,
body[data-layout="main"] #visual > .midd > .r {float:left;width:50%;height: 500px;display:flex;align-content: stretch;padding-top: 50px;padding-bottom: 70px;}
body[data-layout="main"] #visual > .midd > .l {
	position:relative;
	z-index: 101;
	padding-right: 100px;
	text-align:right;
	background-image:url(../img/layout/svg_icon_13.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
	}
body[data-layout="main"] #visual .l .link_tool{display:none; position:absolute; left:50%; bottom:calc(100% + 0px); width:160px; padding: 0 14px 0 18px; background-color:#127086; -webkit-border-radius:8px; border-radius:8px; -webkit-transform:translateX(-50%); transform:translateX(30%);}
body[data-layout="main"] #visual .r .link_tool{display:none; position:absolute; left:50%; bottom:calc(100% + 0px); width:160px; padding: 0 14px 0 18px; background-color:#127086; -webkit-border-radius:8px; border-radius:8px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}

body[data-layout="main"] #visual .link_tool.one{padding: 0 18px;}
/* width: auto; */
body[data-layout="main"] #visual .link_tool.on{display:inline-block;}
body[data-layout="main"] #visual .link_tool:before{content:""; display:block; position:absolute; left:50%; top:calc(100% - 5px); width:10px; height:10px; background-color:#127086; -webkit-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg);}
body[data-layout="main"] #visual .link_tool:after{content:""; display:block; clear:both;}
body[data-layout="main"] #visual .link_tool>a{display:block; float:left; position:relative; line-height:35px; text-decoration:none; font-size:16px; color:#fff;}
body[data-layout="main"] #visual .link_tool.one>a{float:none;text-align:center;}
body[data-layout="main"] #visual .link_tool>a:nth-child(n+2){padding-left:21px;}
body[data-layout="main"] #visual .link_tool>a:nth-child(n+2):before{content:""; display:block; position:absolute; left:10px; top:calc(50% - 6px); width:1px; height:12px; background-color:#fff;}
body[data-layout="main"] #visual .link_tool>a:hover,
body[data-layout="main"] #visual .link_tool>a:focus{color:#FFFF00;text-decoration:underline;}
body[data-layout="main"] #visual > .midd > .l>.midd{
	display: flex;
	flex-direction: column;
	width:100%;
	height: calc(100% - 50px);
	/* display:inline-block; */
	text-decoration:none;
	font-family:'GmarketSans';
	text-shadow:2px 4px 4px rgba(0, 0, 0, 0.15);
	-webkit-text-shadow:2px 4px 4px rgba(0, 0, 0, 0.15);
	}

body[data-layout="main"] #visual > .midd > .l>.midd>.line {display:flex; align-items:center; width:100%; height:20%;}
/* body[data-layout="main"] #visual > .midd > .l>.midd>.line:nth-child(n+2){margin-top:15px;} */
body[data-layout="main"] #visual > .midd > .l>.midd>.line:after{content:""; display:block; clear:both;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span{display:flex; align-items:center; padding-left:40px; line-height:25px; color:#fff; width:100%;}

body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong{position:relative;margin-right:10px;font-weight:500;font-size: 24px;display:flex;justify-content:flex-end;width:75%;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong>span {font-size:14px; display:flex; align-items:flex-end; margin-left:7px; line-height:21px;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span{overflow:hidden; width:285px; font-size:24px;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em{display:inline-block; position:relative; width:auto; text-align:right; font-style:normal; font-weight:600;  line-height:19px;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em>span {display:flex;font-size:13px; justify-content: flex-end;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em>span.OneLine {display:inline-flex; margin-left:5px;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em:before{content:""; display:block; position:absolute; right:calc(100% + 10px); top:50%; width:1000px; height:1px; border-top:1px dashed #fff;}
body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em>span{font-weight:500;}
body[data-layout="main"] #visual > .midd > .l>div{text-align:right;}
body[data-layout="main"] #visual > .midd > .l>div.jipyo-pop-box{position:relative;height:30px;}

/* 2020.10.29 관심지표설정  */
body[data-layout="main"] #visual > .midd > .l>div#AllJipyoSubject{display:inline-block;background-color: #333;border-radius:10px;padding:10px 20px;margin: 0px;}
body[data-layout="main"] #visual > .midd > .l>div#AllJipyoSubject>ul:after{content:"";display:block;clear:both}
body[data-layout="main"] #visual > .midd > .l>div#AllJipyoSubject>ul>li{width:auto;float:left;margin: 0 10px;position:relative;}
body[data-layout="main"] #visual > .midd > .l>div#AllJipyoSubject>ul>li:after{content:"";position:absolute;top: 5px;right: -12px;width: 2px;height: 50%;background-color:#fff;}
body[data-layout="main"] #visual > .midd > .l>div#AllJipyoSubject>ul>li:last-child:after{display:none;}
body[data-layout="main"] #visual > .midd > .l>div#AllJipyoSubject>ul>li>a{text-decoration:none;color:#fff;font-weight:bold;}
/*2020.10.29 관심지표설정 end */
body[data-layout="main"] #visual > .midd > .l>div>.btn_mod{
display:inline-block; width:240px; height:30px; line-height:30px; text-decoration:none; text-align:center; font-size:16px; color:#fff; background-color:rgba(0, 0, 0, 0.1);
-webkit-border-radius:15px;
border-radius:15px;

}
body[data-layout="main"] #visual > .midd > .l>div>.btn_mod>span{display:inline-block; position:relative; padding-left:25px;}
body[data-layout="main"] #visual > .midd > .l>div>.btn_mod>span:before{
content:""; display:block; position:absolute; left:0; top:50%; width:16px; height:16px; background:url(../img/layout/svg_icon.png) no-repeat center center; width: 16px; height: 16px; background-position: -267px 0px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* 관심지표 */
body[data-layout="main"] #visual [data-skin="jipyo-pop"]{width:175px; overflow:hidden; display:none; position:absolute; right: -98px; top: 0; height: 185px; text-align:left !important; background-color:#fff; -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 7px 4px rgba(0, 0, 0, 0.15); box-shadow:0px 7px 4px rgba(0, 0, 0, 0.15); -webkit-transform:translateX(50%); transform:translateX(50%);}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.head,
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd{position:relative; z-index:0; padding:0 16px;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.head{height:40px; line-height:40px; background-color:#127086;border-top-left-radius:8px;border-top-right-radius:8px;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.head>strong{display:block; font-weight:normal; font-size:16px; color:#fff;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd{height:calc(100% - 40px);}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul{padding:8px 0;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li.on a{color: #000;font-weight:bold;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li.on a:hover,
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li.on a:focus{color: #000;text-decoration: underline;font-weight:bold;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li>a{display:block; position:relative; line-height:25px; padding-left:12px; text-decoration:none; font-size:16px; color:#000;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li>a:before{content:"-"; position:absolute; left:0; top:0;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li>a:hover,
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.midd>ul>li>a:focus{color:#127086;font-weight:bold;}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.close{
display:block; position:absolute; right:10px; top:10px; z-index:100; width:16px; height:16px; background-color:#E0E0E0;
-webkit-border-radius:50%;
border-radius:50%;
}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.close>span{
overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background-image:url(../img/layout/svg_icon.png); background-repeat:no-repeat; background-position:center center; width: 16px; height: 16px; background-position: 0px 0px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:transform 0.3s ease;
transition:transform 0.3s ease;
}
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.close:hover>span,
body[data-layout="main"] #visual [data-skin="jipyo-pop"]>.close:focus>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
body[data-layout="main"] #visual > .midd > .r{position:relative;padding-left: 100px;font-family:'GmarketSans';}
body[data-layout="main"] #visual > .midd > .r:after{content:""; display:block; clear:both;}
body[data-layout="main"] #visual > .midd > .r>.head,
body[data-layout="main"] #visual > .midd > .r>.midd{float:left;}
body[data-layout="main"] #visual > .midd > .r>.head {width:180px;text-align:center;display:flex;flex-wrap:wrap;align-content: center;justify-content:center;}
body[data-layout="main"] #visual > .midd > .r>.head>strong{margin-bottom: 20px;width:100%;display:block;line-height:34px;text-align:center;font-size:30px;color:#fff;-webkit-text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15); letter-spacing:-0.5px;}
body[data-layout="main"] #visual > .midd > .r>.head>span{display:block; line-height:21px; margin:15px 0 45px 0; padding:10px 0; text-align:center; font-size:17px; border-top:1px solid rgba(255,255,255,0.4); width:100%;
	border-bottom:1px solid rgba(255,255,255,0.4); color:#fff;text-shadow:2px 4px 4px rgba(0, 0, 0, 0.15);-webkit-text-shadow:2px 4px 4px rgba(0, 0, 0, 0.15);}
body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]{display:inline-block; width:56px; height:56px; background-color:rgba(0,0,0,0.1); -webkit-border-radius:50%; border-radius:50%; margin:12px 2px 0 2px;}
body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]>span{display:block; width:100%; height:100%; text-indent:-1000px; background-image:url(../img/layout/svg_icon_15.svg); background-repeat:no-repeat; background-position:center center; background-size:40% auto;}

body[data-layout="main"] #visual > .midd > .r>.head>.btn_right>span,
body[data-layout="main"] #visual > .midd > .r>.head>.btn_left>span{font-size:0;}
body[data-layout="main"] #visual > .midd > .r>.head>.btn_right>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}

/** 슬라이드버튼 수정**/
body[data-layout="main"] #visual > .midd > .r>.head>.slide_control_box{line-height: 0;margin: -4px 0px 10px 0px; width:100%;}
body[data-layout="main"] #visual > .midd > .r>.head>.slide_control_box>a{text-decoration:none;display:inline-block;width: 10px;height: 10px;background-color:rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;margin:0px 2px;}
body[data-layout="main"] #visual > .midd > .r>.head>.slide_control_box>a.on{background-color: rgba(255,255,255,255);}
body[data-layout="main"] #visual > .midd > .r>.head>.slide_control_box>a>span{font-size:0;}

body[data-layout="main"] #visual > .midd > .r>.midd{overflow:hidden;position:relative;width:calc(100% - 180px);height: auto;padding-left:57px;}
body[data-layout="main"] #visual > .midd > .r>.midd:before{
content:""; display:block; position:absolute; left:110px; top:0; width:1px; height:100%;
background:#fff;
background: linear-gradient(180deg, #38AE9C 0%, rgba(255, 255, 255, 0) 50%, #2BC4B5 100%), #FFFFFF;
}
body[data-layout="main"] #visual > .midd > .r>.midd>ul,
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li{position:absolute;left:0;top:0;width:100%;height:100%;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul{left:30px; width:calc(100% - 70px);}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li{position:absolute; left:0; top:100%;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul{position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li{position:relative; height:50px; line-height:21px; padding-left:190px; display:flex; align-items:center;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span>i {line-height: 22px;margin-bottom: 4px;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li.r_txt{text-align:right;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li:nth-child(n+2){margin-top:40px;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>strong{display:flex; align-items:center; text-align:center; justify-content:center; padding:0 10px; position:absolute; left:0; top:0; width:160px; height:50px; font-weight:500; font-size: 16px; 
	border:1px solid #fff; color:#fff; background-color:#40ae94; -webkit-border-radius:30px; border-radius:30px; text-shadow : 2px 4px 4px rgba(0, 0, 0, 0.3); -webkit-text-shadow : 2px 4px 4px rgba(0, 0, 0, 0.3);}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span{display: flex;flex-direction: column;font-weight:600;font-size:30px;color:#fff;text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);-webkit-text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span>span{font-weight:500; display:flex; font-size:13px; letter-spacing:-0.75px;}
body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span>span.mjpB_span{font-size:17px;font-weight: 400;}
/* 주요지표 컨트롤박스 */
/* 주요지표 컨트롤박스 */
.middcontrol {padding: 5px 12px 5px 25px;background:rgba(0, 0, 0, 0.1);border-radius: 50px;display:flex;align-items:center;}
.middcontrol:after{content:""; display:block; clear:both;}
.middcontrol > span,
.middcontrol > span {font-size:15px; color:#fff; text-shadow:1px 2px 4px #303030;}
.middcontrol > a{width:26px; height:26px; margin-left:8px;}
.middcontrol > a {overflow:hidden; display:block;background-image:url(../img/layout/midd_btn.png); text-indent:-1000px; background-repeat:no-repeat; background-position:center center;}
.middcontrol > a.btn_prev {background-position: 0px 0px;}
.middcontrol > a.btn_next {background-position: -26px 0px;}
.middcontrol > a.btn_stop {background-position: -52px 0px;}
.middcontrol > a.btn_play {background-position: -78px 0px;}
.middcontrol > a>span {text-indent:-3000px; font-size:0px;}

/* 영문화면 밀림으로 임시 처리 */
.middcontrol {position:absolute;right: 100px;bottom: 70px;}

/* 팝업존 컨트롤박스 */
/* 팝업존 컨트롤박스 */

@media all and (max-width : 1500px){
	/* IE에서 세로 스크롤이 생겨서 수정*/
    body[data-layout="main"] #visual > .midd{overflow-x:auto;overflow-y:hidden;position:relative;width:100%;height: 500px;}
    body[data-layout="main"] #visual > .midd > .l,
    body[data-layout="main"] #visual > .midd > .r{float:none; position:absolute; bottom:0; width:800px;}
    body[data-layout="main"] #visual > .midd > .l{right:30%;}
    body[data-layout="main"] #visual > .midd > .r{left:70%;}
	body[data-layout="main"] #visual [data-skin="jipyo-pop"]{right: 48px;top: -181px;}
}

@media all and (max-width : 1220px){
    body[data-layout="main"] #visual > .midd > .l{right:20%;}
    body[data-layout="main"] #visual > .midd > .r{left:80%;}
}

@media all and (max-width : 1056px){
	body[data-layout="main"] #visual > .midd > .l>.midd{
	display: flex;
	flex-direction: column;
	width:100%;
	height: calc(100% - 50px);
	/* display:inline-block; */
	text-decoration:none;
	font-family:'GmarketSans';
	text-shadow:2px 4px 4px rgba(0, 0, 0, 0.15);
	-webkit-text-shadow:2px 4px 4px rgba(0, 0, 0, 0.15);
	}
	body[data-layout="main"] #visual{position:relative;height: 600px;}
	body[data-layout="main"] #visual > .midd {height: 460px;}
	body[data-layout="main"] #visual > .midd > .l, 
	body[data-layout="main"] #visual > .midd > .r {width:750px; height: 100%;display:flex; align-content: center;flex-wrap: nowrap;justify-content:flex-end;padding-top: 30px;padding-bottom: 50px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span{font-size:26px;}
	body[data-layout="main"] #visual > .midd > .r>.head>strong{width:100%;line-height:27px;font-size:30px;}
	body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]{width:52px; height:52px;}
	body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]>span {background-size:40% auto;}
	.middcontrol {right: 50px;bottom: 50px;}
}

@media all and (max-width : 1024px){
    body[data-layout="main"] #visual > .midd > .l{padding-right:30px;width:auto !important}/*오페라 좌측 수정*/
    body[data-layout="main"] #visual > .midd > .l>div{padding-right:20px;}
    body[data-layout="main"] #visual > .midd > .l>div[data-skin="jipyo-pop"]{padding-right:0;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span{width:210px;}
    /* body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em:before{display:none;} */
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong{}
    body[data-layout="main"] #visual > .midd > .r{padding-left:50px;}
    body[data-layout="main"] #visual [data-skin="jipyo-pop"]{right: 49px;bottom: 36px;}
    body[data-layout="main"] #visual{border-top:1px solid rgba(255,255,255,0.2);}
	.middcontrol {bottom: 50px;}
}

@media all and (max-width : 760px){
    body[data-layout="main"] #visual > .midd > .l{padding-right:30px;width:auto !important}/*오페라 좌측 수정*/
    body[data-layout="main"] #visual > .midd > .l>div{padding-right:20px;}
    body[data-layout="main"] #visual > .midd > .l>div[data-skin="jipyo-pop"]{padding-right:0;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span{width:210px;}
    /* body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em:before{display:none;} */
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong{font-size: 20px; line-height:21px;}
	body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span{font-size:20px;}
    body[data-layout="main"] #visual > .midd > .r{padding-left:50px;}
    body[data-layout="main"] #visual [data-skin="jipyo-pop"]{right: 49px;bottom: 36px;}
}

@media all and (max-width : 650px){
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span>i {line-height: 15px;margin-bottom: 3px;}
	body[data-layout="main"] #visual > .midd > .l, 
	body[data-layout="main"] #visual > .midd > .r { width:700px; height: 400px; padding-top: 30px; padding-bottom: 50px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span{font-size:26px;}
	body[data-layout="main"] #visual {height: 480px;padding-top:20px;}
	body[data-layout="main"] #visual > .midd > .l>.midd{height: calc(100% - 20px);}
    body[data-layout="main"] #visual > .head .in,
    body[data-layout="main"] #visual > .head .in input[type="text"]{height:48px;}
    body[data-layout="main"] #visual > .head .in input[type="submit"]{right:20px;}
    body[data-layout="main"] #visual > .head .tips{margin-top:10px;}
    body[data-layout="main"] #visual > .head .tips>ul>li>a{font-size:16px;}
    body[data-layout="main"] #visual > .head .tips>ul>li:not(:last-child){margin-right:7px;}
    body[data-layout="main"] #visual > .midd {margin-top:10px;height: 400px;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span{line-height:20px;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong{font-size:16px;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span{width:100px; font-size:18px;}
	body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em>span{line-height:14px;}

	body[data-layout="main"] #visual > .midd > .r>.midd{height:auto;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span{font-size:20px;}
	body[data-layout="main"] #visual > .midd > .r>.head>strong{width:100%;line-height:27px;font-size:26px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li {height:46px; line-height:17px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span>span{letter-spacing:-0.75px;line-height:14px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>strong{display:flex; align-items:center; justify-content:center; height:46px; font-weight:500; font-size: 14px;}
	body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span>em:before{display:none;}
	body[data-layout="main"] #visual > .midd > .r>.head {width:180px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
	body[data-layout="main"] #visual > .midd > .r>.head>span{margin:15px 0 5px 0;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul{width:calc(100% - 30px);}
	body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]{width:46px; height:46px;}
	
	body[data-layout="main"] #visual .l .link_tool{width:115px; transform:translateX(10%);}
	body[data-layout="main"] #visual .r .link_tool{width:115px;}
	
	
	.middcontrol {bottom: 30px;padding: 5px 12px 5px 25px;}

	body[data-layout="main"] #visual .link_tool{bottom:calc(100% + 0px); width:125px;}
	body[data-layout="main"] #visual .link_tool>a{line-height:30px; font-size:11px;}
	.visual_hand{bottom: 30px;}
	@keyframes visual_hand{
		0%{left:30%;}
		100%{left:40%;opacity:0;}
	}
	@-webkit-keyframes visual_hand{
		0%{left:30%;}
		100%{left:40%;opacity:0;}
	}
	@-ms-keyframes visual_hand{
		0%{left:30% !important;}
		100%{left:40%;opacity:0;}
	}
	body[data-layout="main"] #visual > .midd > .r>.head>.slide_control_box {line-height: 0;margin: 22px 0px 10px 0px;}
	body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]{margin-top: 2px;}

	body[data-layout="main"] #container > .layout > .item_3 .item_3-1 [data-skin="mini-board"]:nth-child(n+2){margin-top: 36px;}
}

@media all and (max-width : 500px){
	
	body[data-layout="main"] #visual > .midd > .l>.midd>.line>span{padding-left:20px;}
    body[data-layout="main"] #visual > .midd > .l{right:0%; padding-right:10px;}
    body[data-layout="main"] #visual > .midd > .r{left:100%;padding-left:40px;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong{font-size:14px;}
    body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>span{font-size:16px;}

	.middcontrol {right:20px;}
}

@media all and (max-width : 410px){
    body[data-layout="main"] #visual > .head .tips>ul>li>a{font-size:14px;}
    body[data-layout="main"] #visual > .midd > .l,
    body[data-layout="main"] #visual > .midd > .r{width:700px;}

	body[data-layout="main"] #visual > .midd > .l>.midd>.line>span{padding-left:20px; line-height:17px;}
	/*
	body[data-layout="main"] #visual > .midd > .r>.midd{width: calc(100% - 150px);}
	body[data-layout="main"] #visual > .midd > .r>.midd{padding-left:0px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li{left: -35px;}
	body[data-layout="main"] #visual > .midd > .r>.midd:before{left: 66px;}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span{display:inline-block}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li>span>.mjpB_span{display:inline-block}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul>li>ul>li{height:auto}
	body[data-layout="main"] #visual > .midd > .r>.midd>ul{width:100% !important;}
	*/
}

@media all and (max-width : 365px){
	body[data-layout="main"] #visual > .midd > .l{right:0%; padding-right:10px; padding-bottom:50px;}
    body[data-layout="main"] #visual > .midd > .r{left:100%;padding-left:40px;}
	body[data-layout="main"] #visual > .midd > .l>.midd>.line>span>strong{font-size:13px; line-height:17px;}
}
/************************   지표 영역 **********************************/
/************************   지표 영역 **********************************/
/************************   지표 영역 **********************************/

body[data-layout="main"] #container{width:100%;}
body[data-layout="main"] #container > .layout{width:100%; margin:0 auto;}
body[data-layout="main"] #container > .layout:after{content:""; display:block; clear:both;}


/** 내가본통계표 수정 **/
#quick.main_quick{background-color:rgba(0,0,0,0) !important;height: 40px;width: 78px;top: 142px;right: 7px;z-index: 1000;}
#quick.main_quick:before{display:none;}
#quick.main_quick>ul{width:auto;}
#quick.main_quick>ul>li{margin-top:0;}
#quick.main_quick>ul>li>a:before{margin:-1px auto;width: 45px;height: 45px;background-image:url(../img/layout/svg_quick_icon_3.svg);}
#quick.main_quick #look>.midd>ul>li>a,
#quick #look>.midd>ul>li>a{display:inline;}
#quick.main_quick #look{position:fixed;top:0;right: 0px;}
#quick.main_quick>ul>li>a>span{color:#fff;font-weight:500;}
#quick.main_quick a[data-btn="look"]:hover{text-decoration: none;}
.quick_btn{display:none}


#quick{position:absolute; right:0; top:0; width:100px; height:100%; background-color:#fff;}
	#quick:before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#F2F2F2;}
	#quick>ul{position:absolute; right:0; top:0; width:100px;}
	#quick>ul>li{margin-top:32px;}
	#quick>ul>li>a{display:block; text-align:center; text-decoration:none; font-size:14px; color:#333;}
	#quick>ul>li>a:hover,
	#quick>ul>li>a:focus{text-decoration:underline;}
	#quick>ul>li>a:before{content:""; display:block; width:40px; height:40px; margin:0 auto 8px auto; background-repeat:no-repeat; background-position:center center; background-size:contain;}


	#quick>a.top{display:table; table-layout:fixed; position:absolute; right:0; bottom:0; width:100px; height:100px; text-decoration:none; font-size:14px; color:#333;}
	#quick>a.top>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
	#quick>a.top>span:before{content:""; display:block; width:16px; height:16px; margin:0 auto; background:url(../img/layout/svg_icon.png) no-repeat center center; width: 16px; height: 16px; background-position: -171px 0px;}

	#botInQuick{ bottom:100px !important;}
	#botInQuick>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
	#botInQuick>span:before{ width:50px !important; height:110px !important; background:url(../img/layout/quickBot.png) no-repeat center center !important;background-size: 100% !important;}

	#quick>ul.fix,
	#quick>a.top.fix{position:fixed !important;}
	#look.fix{position:fixed !important;top:0;right: 100px;}

#look{display:none; position:absolute; right:100%; top: -40px; z-index:9999; width:475px; padding: 10px 20px; border: 1px solid #828282; background: #FFFFFF; -webkit-box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.07); box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.07); height:100%;}
	#look>.head{padding-bottom: 10px;border-bottom:1px solid #C4C4C4;}
	#look>.head>strong{display:block; font-size:20px; color:#000;}
	#look>.head>span{display:block; margin-top:10px; font-size:14px; color:#4f4f4f;}
	#look>.midd{height: calc(100% - 100px);overflow:auto;border-bottom:1px solid #ddd;padding:10px 0;}
	#look>.midd>ul{}
	#look>.midd>ul>li:nth-child(n+2){margin-top: 5px;}
	#look>.midd>ul>li>a{display:inline-block;line-height: 16px;text-decoration:none;font-size: 15px;color:#4f4f4f;position:relative;padding-left: 16px;}
	#look>.midd>ul>li>a:after{content:"";display:block;position:absolute;top: 2px;left:0;background-image:url(../img/layout/tree_icon_file.png);width: 12px;height: 14px;}
	#look>.midd>ul>li>button{display:inline-block; width:16px; height:16px; line-height:16px; margin:-2px 0 0 5px; border:none; background:none;}
	#look>.midd>ul>li>button>span{
		overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-color:#E0E0E0; background-image:url(../img/layout/svg_icon_7_s.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	#look>.close{display:block;position:absolute;right:32px;top: 18px;width:32px;height:32px;}
	#look>.close>span{
		overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		-webkit-transition:transform 0.3s ease;
		transition:transform 0.3s ease;
	}
	#look>.close:hover>span,
	#look>.close:focus>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
	#look.on{display:block;}


@media(max-width:1830px){
	#quick.main_quick{top: 142px;}
}

 @media(max-width:1500px){
 	.quick_btn{position: absolute;top: 45px;right: 20px;font-size: 0;width: 45px;height: 45px;display: block;background-image: url(../img/layout/svg_quick_icon_3.svg) !important;z-index: 400;background-position: center;}

	#quick{display:block;}
	#quick{background-color:rgba(0,0,0,0);height: auto;width:auto;position:absolute;top: -92px;right: 71px;z-index:400;}
	#quick:before{display:none;}
	#quick.main_quick>ul>li>a:before{display:block;}
	#quick>ul{position:relative;top:0;right:0;width:auto;}
	#quick>ul>li{margin:0;}
	#quick>ul>li:nth-child(2){display:block;}
	#quick.quick_sub>ul>li:nth-child(1){display:none;}
	#quick>ul>li>a:before{background-image:url(../img/layout/svg_quick_icon_3.svg) !important;display:none;}
	#look{position:fixed !important;top:0 !important;right:0 !important;}

	#quick.quick_sub{top: -89px;right: 61px;}
	#quick.quick_sub>ul>li>a>span,
	#quick.quick_sub #botInQuick,
	#quick.quick_sub .top{display:none;}
	#quick.quick_sub>ul.fix{position:absolute !important;}
 }

 @media all and (max-width: 1135px){
	#quick.main_quick{top: 23px;right: 66px;width:auto;}
	#quick.main_quick>ul>li>a>span{display:none;}
	#header #etc{right:113px;}
	}
 @media(max-width:1024px){
	#quick.main_quick{top: 13px;right: 66px;width:auto;}
	#quick.main_quick>ul>li>a>span{display:none;}
	#quick.quick_sub{top: -177px;right: 113px;}
	.quick_btn{position: absolute;top: 11px;right: 56px;}
 }
 @media(max-width:836px){
 	#quick.quick_sub{top: -202px;}
 }
 @media(max-width:475px){
	#quick.kosis_quick #look,
	#look{width:100%;}
 }
 @media(max-width:453px){
	#quick.quick_sub{top: -227px;}
 }



@media all and (max-width : 360px){
	.item_3-1 {height: 160px !important;}
	.item_2 >.head{height:30px !important;}
	h3.head {font-size:14px !important;}
	.item_3-1>li.on>.head>span{font-size:14px !important;}
	.item_3-1>li>.head>span{font-size:14px !important;}
	.item_3-1>li>ul.midd>li>a>span {font-size:13px !important;}
	.item_3-1>li>ul.midd {top:55px !important;}
	.item_3-1>li>.head {display:inline-block; position:relative; line-height:23px;}
	.item_3-1>li:nth-child(n+2)>.head:before {left:5px !important; top:12px !important; height:13px !important;}
	.item_3-1>li:nth-child(n+2)>.head {padding-left:15px !important;}

	.item_3-2{margin-top:30px !important;}

	.item_3-3 li a {font-size:12px;}
	}

/* 더보기 버튼 */
/* 더보기 버튼 */
/* 더보기 버튼 */
.more{position:absolute; right:0; top:0; z-index:100; width:36px; height:36px;}
.more>span{
overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon.png); background-repeat:no-repeat; background-position:center center; width: 36px; height: 36px; background-position: -307px 0px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:transform 0.3s ease;
transition:transform 0.3s ease;
}
.more:hover>span,
.more:focus>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
/* 더보기 버튼 */
/* 더보기 버튼 */
/* 더보기 버튼 */

/* 주요지표 */
/* 주요지표 */
/* 주요지표 */
body[data-layout="main"] #container > .layout > .item_1{position:relative;width:calc(100%);padding:40px 0px 40px 0;height: 620px;background-color:#F4F8FB;background-image:url(../img/layout/bg_ring1.png);background-repeat:no-repeat;background-position:right -90px bottom -210px;background-size:auto;}
body[data-layout="main"] #container > .layout > .item_1 .move,
body[data-layout="main"] #container > .layout > .item_1 .move>ul{width:100%; height:100%;padding:0 20px 0 20px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li{float:left; display:table; table-layout:fixed; width:calc((100% - 1px - (16px * 4)) / 5); height:calc((100% - 1px - (16px * 5)) / 6); margin-right:16px;}

body[data-layout="main"] #container > .layout > .item_1 .move>ul>li:nth-child(5n+5){margin-right:0;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li:nth-child(n+6){margin-top:16px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a{
display:table-cell; width:100%; height:100%; line-height:17px; text-decoration:none; background-color:#fff;vertical-align:middle;padding-left:70px;padding-right:10px;
-webkit-border-radius:8px;
border-radius:8px;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:hover,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:focus{background-color:#329B8E; -webkit-box-shadow:3px 3px 5px 2px rgba(0,0,0,0.3); box-shadow:3px 3px 5px 2px rgba(0,0,0,0.3);}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a{font-size:15px; color:#4f4f4f;position:relative;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:before{content:""; display:block; width:56px; height:56px; background-repeat:no-repeat; background-position:center center;
position:absolute;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:hover,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:focus {color:#fff;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:before{background-image:url(../img/layout/svg_main_simbol.png);}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li>a:focus:before{background-image:url(../img/layout/svg_main_simbol_on.png);}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="1"]>a:before{background-position: 0px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="1"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="1"]>a:focus:before{background-position: 0px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="2"]>a:before{background-position: -56px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="2"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="2"]>a:focus:before{background-position: -56px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="3"]>a:before{background-position: -112px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="3"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="3"]>a:focus:before{background-position: -112px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="4"]>a:before{background-position: -168px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="4"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="4"]>a:focus:before{background-position: -168px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="5"]>a:before{background-position: -224px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="5"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="5"]>a:focus:before{background-position: -224px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="6"]>a:before{background-position: -280px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="6"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="6"]>a:focus:before{background-position: -280px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="7"]>a:before{background-position: -336px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="7"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="7"]>a:focus:before{background-position: -336px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="8"]>a:before{background-position: -392px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="8"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="8"]>a:focus:before{background-position: -392px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="9"]>a:before{background-position: -448px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="9"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="9"]>a:focus:before{background-position: -448px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="10"]>a:before{background-position: -504px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="10"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="10"]>a:focus:before{background-position: -504px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="11"]>a:before{background-position: -560px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="11"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="11"]>a:focus:before{background-position: -560px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="12"]>a:before{background-position: -616px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="12"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="12"]>a:focus:before{background-position: -616px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="13"]>a:before{background-position: -672px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="13"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="13"]>a:focus:before{background-position: -672px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="14"]>a:before{background-position: -728px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="14"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="14"]>a:focus:before{background-position: -728px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="15"]>a:before{background-position: -784px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="15"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="15"]>a:focus:before{background-position: -784px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="16"]>a:before{background-position: -840px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="16"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="16"]>a:focus:before{background-position: -840px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="17"]>a:before{background-position: -896px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="17"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="17"]>a:focus:before{background-position: -896px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="18"]>a:before{background-position: -952px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="18"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="18"]>a:focus:before{background-position: -952px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="19"]>a:before{background-position: -1008px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="19"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="19"]>a:focus:before{background-position: -1008px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="20"]>a:before{background-position: -1064px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="20"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="20"]>a:focus:before{background-position: -1064px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="21"]>a:before{background-position: -1120px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="21"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="21"]>a:focus:before{background-position: -1120px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="22"]>a:before{background-position: -1176px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="22"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="22"]>a:focus:before{background-position: -1176px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="23"]>a:before{background-position: -1232px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="23"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="23"]>a:focus:before{background-position: -1232px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="24"]>a:before{background-position: -1288px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="24"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="24"]>a:focus:before{background-position: -1288px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="25"]>a:before{background-position: -1344px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="25"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="25"]>a:focus:before{background-position: -1344px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="26"]>a:before{background-position: -1400px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="26"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="26"]>a:focus:before{background-position: -1400px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="27"]>a:before{background-position: -1456px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="27"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="27"]>a:focus:before{background-position: -1456px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="28"]>a:before{background-position: -1512px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="28"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="28"]>a:focus:before{background-position: -1512px 0px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="29"]>a:before{background-position: -1568px 0px;left:10px;top:8px;}
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="29"]>a:hover:before,
body[data-layout="main"] #container > .layout > .item_1 .move>ul>li[data-icon="29"]>a:focus:before{background-position: -1568px 0px;}
/* 주요지표 */
/* 주요지표 */
/* 주요지표 */

.flexbox {display:flex;flex-direction:row-reverse;padding:30px 40px 40px 40px;justify-content:center;}

/* 시각화컨텐츠 */
/* 시각화컨텐츠 */
/* 시각화컨텐츠 */
.item_2 {padding:0 0 0 20px;width:100%; order:1;}
.item_2 >.head{height:50px;}
.item_2 >.head {display:block; line-height:1; font-size:24px; color:#000;}
.item_2 >.midd {width:100%; height:100%; display:flex; justify-content:space-between;}
.item_2 >.midd>li{float:left; width:calc((100% - 30px) / 3); height:calc(100% - 50px); border:1px solid #cdcdcd;}
.item_2 >.midd>li>a{display:block;  width:100%; height:100%; text-decoration:none; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.item_2 >.midd>li[data-img="1"]>a{background-image:url(../img/main/main_item2_1.png);}
.item_2 >.midd>li[data-img="2"]>a{background-image:url(../img/main/main_item2_2.png);}
.item_2 >.midd>li[data-img="3"]>a{background-image:url(../img/main/main_item2_3.png);}
.item_2 >.midd>li>a>strong{font-size:0px;}
/* 시각화컨텐츠 */
/* 시각화컨텐츠 */
/* 시각화컨텐츠 */


.item_3 {width:100%;padding:0 20px 0 0;height:auto; order:2;}

/* 게시판 */
/* 게시판 */
/* 게시판 */
.item_3-1 {width:100%;height: 180px;border-bottom:1px solid #efefef;position:relative;}
.item_3-1>li {display:inline-block;}
.item_3-1>li>.head {display:inline-block; position:relative; line-height:36px;}
.item_3-1>li:nth-child(n+2)>.head:before {content:""; display:block; position:absolute; left:12px; top:calc(50% - 9px); width:1px; height:18px; background-color:#C4C4C4;}
.item_3-1>li:nth-child(n+2)>.head {padding-left:25px;}
.item_3-1>li>a.head {text-decoration:none; color:#000;}
.item_3-1>li>a.head>span {font-size:18px;}
.item_3-1>li>ul.midd {display:none; position:absolute; left:0; top:64px; width:100%;}
.item_3-1>li>ul.midd>li {line-height:18px;}
.item_3-1>li>ul.midd>li:nth-child(n+2) {margin-top:12px;}
.item_3-1>li>ul.midd>li>a {display:block; position:relative; padding:0 25px 0 12px; text-decoration:none; color:#000;}
.item_3-1>li>ul.midd>li>a:before {content:"∙"; display:block; position:absolute; left:0; top:-2px;}
.item_3-1>li>ul.midd>li>a>span {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; font-size:16px; max-width:100%;}
.item_3-1>li>ul.midd>li>a>i {overflow:hidden; display:inline-block; position:absolute; width:18px; height:18px; margin-left:5px; vertical-align:top; text-align:left; text-indent:-1000px; background:url(../img/layout/svg_icon.png) no-repeat center center; width: 18px; height: 18px; background-position: -73px 0px;}
.item_3-1>li>ul.midd>li>a:hover>span,
.item_3-1>li>ul.midd>li>a:focus>span {text-decoration:underline;}
.item_3-1>li>.more {display:none;}

.item_3-1>li.on>.head>span{font-weight:600; font-size:20px;}
.item_3-1>li.on>.midd,
.item_3-1>li.on>.more{display:block;}
/* 게시판 */
/* 게시판 */
/* 게시판 */


/* 팝업존 */
/* 팝업존 */
/* 팝업존 */
.item_3-2{width:50%;position:relative;margin-top:40px;padding-right:10px;}
.item_3-2 .move{position:relative; z-index:0; width:100%; height:100%;}
.item_3-2 .move>.grid{opacity:0; display:block; position:relative; z-index:0; width:100%;}
.item_3-2 .move>ul{overflow:hidden; position:absolute; left:0; top:0; z-index:50; width:100%; height:100%;}
.item_3-2 .move>ul>li{
	opacity:0; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;
	-webkit-transition:opacity 0.8s linear;
	transition:opacity 0.8s linear;
	}
.item_3-2 .move>ul>li>a{display:none;}
.item_3-2 .move>ul>li>a>img{width:100%;}
.item_3-2 .move>ul>li.old{
	opacity:1; left:0; z-index:80;
	-webkit-transition:opacity 0s linear;
	transition:opacity 0s linear;
	}
.item_3-2 .move>ul>li.on{opacity:1; left:0; z-index:100;}
.item_3-2 .move>ul>li.old>a,
.item_3-2 .move>ul>li.on>a {display:block;}
/* 팝업존 컨트롤박스 */
/* 팝업존 컨트롤박스 */
.control{position:absolute; right:12px; bottom:2px; z-index:100; padding:5px; background-color:#fff; opacity: 0.8; border-radius: 5px;}
.control:after{content:""; display:block; clear:both;}
.control > span,
.control > a{float:left; display:block;}
.control > span{line-height:16px; padding-right:4px; font-size:15px; color:#000;}
.control > a{width:16px; height:16px; margin-left:4px;}
.control > a {overflow:hidden; display:block;background-image:url(../img/layout/btn.png);text-indent:-1000px; background-repeat:no-repeat; background-position:center center;}
.control > a.btn_prev {background-position: 0px 0px; background-color: lightgray;border-radius: 2px;}
.control > a.btn_next {background-position: -16px 0px; background-color: lightgray;border-radius: 2px;}
.control > a.btn_stop {background-position: -32px 0px; background-color: lightgray;border-radius: 2px;}
.control > a.btn_play {background-position: -48px 0px; background-color: lightgray;border-radius: 2px;}
/* 팝업존 컨트롤박스 */
/* 팝업존 컨트롤박스 */
/* 팝업존 */
/* 팝업존 */
/* 팝업존 */

/* pdf 다운로드 */
/* pdf 다운로드 */
/* pdf 다운로드 */
.item_3-3 {width:50%;margin-top:40px;padding-left:10px;display:flex;flex-wrap:wrap;align-items:stretch;align-content:space-between;}
.item_3-3 li {width:100%;height:calc(50% - 2px);display:table;position:relative;}
.item_3-3 li a {display:block;border:1px solid #ddd;display:table-cell;vertical-align:middle;padding-left:50px;}
.item_3-3 li a:before {content:""; display:block; width:30px; height:26px; background-image:url(../img/main/icon_pdf.png);left:15px; top: 15px;
position:absolute;}
/* pdf 다운로드 */
/* pdf 다운로드 */
/* pdf 다운로드 */


/* Footer */
/* Footer */
/* Footer */
#footer{position:relative; z-index:300; background-color:#474747;height:130px;display:flex;flex-direction:row-reverse;}
#footer .line_1{position:relative;margin-top:30px;margin-right:40px;}
#footer [data-js="select"] {width:270px; height:40px; line-height:calc(40px - 2px); border:1px solid #BDBDBD; background-color:transparent;}
#footer [data-js="select"]>a {display:block; position:relative; width:100%; height:100%; text-decoration:none; font-size:16px; color:#BDBDBD;}
#footer [data-js="select"]>a:after{
	content:""; display:block; position:absolute; right:15px; top:50%; width:16px; height:16px; background-image:url(../img/layout/svg_icon.png); background-repeat:no-repeat; background-position:center center; width: 16px; height: 16px; background-position: -16px 0px;
	-webkit-transform:translateY(-50%) rotate(0deg);
	transform:translateY(-50%) rotate(0deg);
	}
#footer [data-js="select"]>a>strong{display:block; width:100%; height:100%; padding:0 15px; font-weight:normal; box-sizing:border-box;}
#footer [data-js="select"]>ul{display:none; position:absolute; right:0; bottom:100%; width:270px; max-height:200px; background-color:#686868;}
#footer [data-js="select"]>ul>li:nth-child(n+2){border-top:1px solid #fff;}
#footer [data-js="select"]>ul>li>a,
#footer [data-js="select"]>ul>li>a>span{display:block; width:100%; height:100%; box-sizing:border-box;}
#footer [data-js="select"]>ul>li>a{text-decoration:none; color:#fff;}
#footer [data-js="select"]>ul>li>a:hover,
#footer [data-js="select"]>ul>li>a:focus{background-color:rgba(255,255,255,0.2);}
#footer [data-js="select"]>ul>li>a>span{padding:0 15px;}
#footer [data-js="select"][data-open="on"]>ul{display:block;}
#footer [data-js="select"][data-open="on"]>a:after{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}
#footer .line_2{padding:30px 20px 15px 205px;width:100%;}
#footer .line_2 address,
#footer .line_2 .copy{line-height:1.6; font-style:normal; font-size:16px; color:#E0E0E0;}
#footer .line_2>strong{overflow:hidden; display:block; position:absolute; left:35px; top:30px; width:150px; height:50px; text-indent:-1000px; background-image:url(../img/common/logo-bottom.png); background-repeat:no-repeat; background-position:center center; background-size:contain;}
/* Footer */
/* Footer */
/* Footer */

@media all and (max-width : 1400px){
	.item_2 {width:40%;}
	.item_2 >.midd {width:100%;height:calc(100% - 50px);display:flex;flex-wrap:wrap;align-content:space-between;}
	.item_2 .midd >li {width:100%; height:calc((100% - 20px) / 3); border:1px solid #cdcdcd;background:#efefef;}
	.item_2 >.midd>li[data-img="1"]>a{background-image:url(../img/main/main_item2_1w.png);}
	.item_2 >.midd>li[data-img="2"]>a{background-image:url(../img/main/main_item2_2w.png);}
	.item_2 >.midd>li[data-img="3"]>a{background-image:url(../img/main/main_item2_3w.png);}
	.item_3 {width:60%}
	.item_3-2 {width:100%;padding:0;}
	.item_3-3 {width:100%;padding:0;}
	.item_3-3 li {width:100%;height:60px;}
	.item_3-3 li:nth-child(1) {margin-bottom:4px;}

	#footer .line_2{width:100%;padding:30px 20px 15px 40px;}
	#footer .line_2>strong{display:none;}
	}
@media all and (max-width : 1300px){
	body[data-layout="main"] #container > .layout > .item_1 .move{overflow:auto;}
    body[data-layout="main"] #container > .layout > .item_1 .move>ul{width:1300px;padding-right:36px;}
    body[data-layout="main"] #container > .layout > .item_1 .move{padding-bottom: 30px;width:100%;}
    body[data-layout="main"] #container > .layout > .item_1 {padding-bottom:0px;}
	}

@media all and (max-width: 1700px){
	#header .layout{position:relative; padding:45px 0 0 0;}
	#header{position:relative; z-index:300; height:118px; padding:20px 0 0 0;}
	#header .menu>ul {text-align:left;}
	#header .menu>ul>li>a {text-align:center;}
	}

@media all and (max-width: 1250px){
	#footer{flex-wrap:wrap;height:200px;justify-content:center;}
	#footer .line_1 {width:450px;margin:0;margin-top:30px;}
	#footer [data-js="select"]>ul{display:none; position:absolute; right:0; bottom:100%; width:450px; max-height:200px; background-color:#686868;}
	#footer [data-js="select"] {width:100%; height:40px; line-height:calc(40px - 2px); border:1px solid #BDBDBD; background-color:transparent;}
	#footer .line_2{padding:20px 20px 15px 0px;border-top:1px solid #606060;margin-top:13px;width:calc(100% - 80px);}
	#footer .line_2>strong{display:none;}
	}

@media all and (max-width: 1056px){
	#quick.main_quick{top: 13px;right: 66px;width:auto;}
	#header #etc{display:none;}
	#header{height:65px; padding:0;}
	#header .layout{height:100%; padding-top:0;}
	#header h1{left:15px;}
	#header h1 img{display:block;margin-top: 17px;width:180px;}
	#header .menu {display:none;}
	#header #etc{margin-top:10px;}
	#header > .layout > [data-btn="search-top"]{display:block;}
	#header > .layout > [data-btn="search-top"],
	#header > .layout > [data-btn="all"]{top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	#header > .layout > [data-btn="search-top"]{right:95px;}
	#header > .layout > [data-btn="all"]{right:20px;}
	#searchbox{top:65px; height:90px;}
	#searchbox .layout{padding:20px;}
	#searchbox .in{width:calc(100% - 50px); height:50px; margin:0;}
	#searchbox .in input[type="text"]{height:50px; line-height:48px; padding:0 20px; font-size:16px;}
	#searchbox .in input[type="submit"]{right:20px;}
	#searchbox .in .close{right:-51px;}
	body[data-layout="main"] #visual {border-top: 1px solid rgba(255,255,255,0.2);}
	}

@media all and (max-width: 980px){
	#footer{height:230px;}
	}

@media all and (max-width: 850px){
	.flexbox {display:flex;flex-wrap:wrap;padding:30px 20px 40px 20px;}
	.item_2 {width:100%;padding:0;}
	.item_2 >.midd {width:100%;height:calc(100% - 50px);flex-wrap:wrap;align-content:stretch;}
	.item_2 .midd >li {width:calc((100% - 40px) / 3); height:250px;}
	.item_3 {width:100%;padding:0;}
	.item_3-1 {margin-top:30px;}
	.item_3-3 {width:100%;margin-top:40px;display:flex;justify-content:space-between;}
	.item_3-3 li {width:calc(50% - 2px);height:60px;display:table;position:relative;}
	.item_3-3 li a {display:block;border:1px solid #ddd;display:table-cell;vertical-align:middle;padding-left:50px;}

	#footer .line_2{width:calc(100% - 40px);}
	}
@media all and (max-width: 800px){
	#footer .line_1 {width: calc(100% - 40px);}
	#footer [data-js="select"]>ul{width: 100%;}
}

@media all and (max-width: 730px){
	.item_2 .midd >li {height:190px;}
	}

@media all and (max-width: 650px){
	.item_3-3 li {width:100%;height:60px;display:table;position:relative;}

	#header .menu,
	#header #etc{display:none;}

	.visual_hand{bottom: 30px;}
	@keyframes visual_hand{
	0%{left:30%;}
	100%{left:40%;opacity:0;}
	}
	@-webkit-keyframes visual_hand{
	0%{left:30%;}
	100%{left:40%;opacity:0;}
	}
	@-ms-keyframes visual_hand{
	0%{left:30% !important;}
	100%{left:40%;opacity:0;}
	}
	body[data-layout="main"] #visual > .midd > .r>.head>.slide_control_box {line-height: 0;margin: 22px 0px 10px 0px;}
	body[data-layout="main"] #visual > .midd > .r>.head>[class*="btn_"]{margin-top: 2px;}
	}

@media all and (max-width: 600px){
	.item_2 >.midd {width:100%;height:450px;}
	.item_2 .midd >li {width:100%; height:calc((100% - 20px) / 3);}

	#footer .line_2 address,
	#footer .line_2 .copy{line-height:1.6; font-style:normal; font-size:15px;}
	}
 
@media all and (max-width: 430px){
	#footer .line_2 address,
	#footer .line_2 .copy {font-size:13px !important;}
}

@media all and (max-width: 380px){
	.item_2 >.midd {width:100%;height:320px;}

	#footer .line_2 address,
	#footer .line_2 .copy{line-height:1.6; font-style:normal; font-size:14px;}
	}

@media all and (max-width: 300px){
	#footer [data-js="select"]>ul{width:230px;}
	#footer .line_2 address,
	#footer .line_2 .copy{line-height:1.6; font-style:normal; font-size:12px;}
	}

#wrap .midd{-ms-overflow-style:-ms-autohiding-scrollbar}
#wrap #container{-ms-overflow-style:-ms-autohiding-scrollbar}
#wrap .midd::-webkit-scrollbar{width: 10px;height: 9px;}
#wrap .midd::-webkit-scrollbar-thumb{background-color : #949494;border-radius: 10px;background-clip : padding-box;border: 2px solid transparent;}
#wrap .midd::-webkit-scrollbar-track{background-color : transparent;border-radius: 10px;}
#container .layout .item_1 .move::-webkit-scrollbar{width: 10px;height: 9px;}
#container .layout .item_1 .move::-webkit-scrollbar-thumb{background-color : #949494;border-radius: 10px;background-clip : padding-box;border: 2px solid transparent;}
#container .layout .item_1 .move::-webkit-scrollbar-track{background-color : transparent;border-radius: 10px;}