@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.06.11 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2025.06.11
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


body{
	background:#fff;
	color:#444; /* ☆#555 */
	font-weight:400;
	font-size:1em; /* (((16px */
	line-height:1.75; /* ☆ */
	letter-spacing:-.05em; /* (-.5px/16px) */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'S-CoreDream',
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Arial,
		sans-serif;
}

html {scroll-behavior:smooth;}
html, body {width:100%;height:100%;}
.init img {width:100%}

/* head */
#head {position:fixed;top:0;left:0;width:100%;z-index:2;opacity:1;transition:opacity .2s ease}
#head.off {opacity:0}

/* logo */
h1#logo {position:absolute;top:45px;left:5.7%;margin:0;height:40px;}
h1#logo a {position:relative;display:inline-block;vertical-align:top;height:100%;}
h1#logo a:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(../../img/inc/logo@2xon.png) no-repeat 0 0 / cover;opacity:0;transition:opacity .35s ease}
h1#logo img {width:auto;height:100%}
.on h1#logo a:before {opacity:1}
.on h1#logo img {opacity:0}
@media screen and (max-width:1748px){
	h1#logo {left:24px;}
}
@media screen and (max-width:1259px){
	h1#logo {left:16px;}
}
@media screen and (max-width:1024px){
	h1#logo {top:41px;height:36px;}
}
@media screen and (max-width:768px){
	h1#logo {top:36px;height:32px}
}
@media screen and (max-width:599px){
	h1#logo {top:28px;left:14px;height:28px}
}
@media screen and (max-width:399px){
	h1#logo {top:28px;height:24px}
}


/* bn1 */
#bn1 {position:absolute;top:40px;right:calc(5.7% + 60px)}
#bn1 .b1 {display:block;width:50px;height:50px;text-indent:-9999px;background:#eb4050 url(../../img/inc/layout_sprite.png) no-repeat -79px 0 / auto 100px;border-radius:100%}
#bn1 .b1:focus-visible {outline-color:#000}
#bn1 #bn1c {position:absolute;display:none;top:-1px;left:0;width:50px;background:#fff;border-radius:50px;padding-top:50px;padding-bottom:7px;}
#bn1 #bn1c ul li {margin-top:5px}
#bn1 #bn1c ul li button {display:block;width:37px;height:37px;border:0;background:url(../../img/inc/layout_sprite.png) no-repeat;background-size:auto 100px;border-radius:100%;margin:auto;} 
#bn1 #bn1c ul li.facebook button {background-position:-170px 0}
#bn1 #bn1c ul li.twitter button {background-position:-209px 0}
#bn1 #bn1c ul li.kakaostory button {background-position:-248px 0}
#bn1 #bn1c ul li.link button {background-position:-287px 0}
#bn1 #bn1c .m.close {position:absolute;top:7px;left:50%;margin-left:-18.5px;width:37px;height:37px;background:url(../../img/inc/layout_sprite.png) no-repeat -131px 0 / auto 100px;}
@media screen and (max-width:1748px){
	#bn1 {right:84px}
}
@media screen and (max-width:1259px){
	#bn1 {right:76px}
}
@media screen and (max-width:1024px){
	#bn1 {top:32px}
}
@media screen and (max-width:768px){
	#bn1 {top:30px;right:66px}
	#bn1 .b1 {width:45px;height:45px;background-size:auto 90px;background-position:-71px 0}	
	#bn1 #bn1c {width:45px;padding-top:45px;padding-bottom:5px;}
	#bn1 #bn1c ul li {margin-top:2px;}
	#bn1 #bn1c ul li button, #bn1 #bn1c .m.close {width:33px;height:33px;background-size:auto 90px;}
	#bn1 #bn1c ul li.facebook button {background-position:-153px 0}
	#bn1 #bn1c ul li.twitter button {background-position:-188px 0}
	#bn1 #bn1c ul li.kakaostory button {background-position:-223px 0}
	#bn1 #bn1c ul li.link button {background-position:-258px 0}
	#bn1 #bn1c .m.close {background-position:-118px 0;margin-left:-16.5px;}
}
@media screen and (max-width:599px){
	#bn1 {top:20px;right:61px;}
	#bn1 .b1 {width:40px;height:40px;background-size:auto 80px;background-position:-63px 0}	
	#bn1 #bn1c {width:40px;padding-top:40px;}
	#bn1 #bn1c ul li button, #bn1 #bn1c .m.close {width:30px;height:30px;background-size:auto 80px;}
	#bn1 #bn1c ul li.facebook button {background-position:-136px 0}
	#bn1 #bn1c ul li.twitter button {background-position:-167px 0}
	#bn1 #bn1c ul li.kakaostory button {background-position:-198px 0}
	#bn1 #bn1c ul li.link button {background-position:-230px 0}
	#bn1 #bn1c .m.close {background-position:-105px 0;margin-left:-15px;}
}
@media screen and (max-width:399px){
	#bn1 {top:22px;right:48px;}
	#bn1 .b1 {width:35px;height:35px;background-size:auto 70px;background-position:-55px 0}
	#bn1 #bn1c {width:35px;padding-top:35px;}
	#bn1 #bn1c ul li button, #bn1 #bn1c .m.close {width:26px;height:26px;background-size:auto 70px;}
	#bn1 #bn1c ul li.facebook button {background-position:-119px 0}
	#bn1 #bn1c ul li.twitter button {background-position:-146px 0}
	#bn1 #bn1c ul li.kakaostory button {background-position:-174px 0}
	#bn1 #bn1c ul li.link button {background-position:-201px 0}
	#bn1 #bn1c .m.close {background-position:-92px 0;margin-left:-13px;}
}

/* go1section1 */
#go1section1 {position:absolute;top:40px;right:5.7%;}
#go1section1 .b1 {display:block;width:50px;height:50px;text-indent:-9999px;background:#211b8f url(../../img/inc/layout_sprite.png) no-repeat -27px 0 / auto 100px;border-radius:100%}
#go1section1 #go1list {position:absolute;top:22px;right:-40px;display:none;width:310px;height:400px;background:#00004c;border-radius:30px;box-sizing:border-box;box-shadow:10px 10px 30px rgba(0,0,0,.3);padding:10px 35px;}
#go1section1 #go1list ol:before {position:absolute;top:70px;left:34px;content:"";display:block;width:1px;height:calc(100% - 110px);background:rgba(255,255,255,.2);}
#go1section1 #go1list li a {position:relative;display:block;font-size:18px;color:#fff;color:#fff;font-size:18px;font-weight:500;padding-left:23px;line-height:40px;margin:20px 0}
#go1section1 #go1list li.on a {font-size:22px;color:#00f3ff}
#go1section1 #go1list .b1 {position:absolute;top:-22px;right:40px;z-index:1;background-image:none;}
#go1section1 #go1list .b1:before, #go1section1 #go1list .b1:after {position:absolute;top:50%;left:50%;content:"";display:block;width:2px;height:26px;background:#fff;margin:-13px -1px}
#go1section1 #go1list .b1:before {transform:rotate(45deg)}
#go1section1 #go1list .b1:after {transform:rotate(-45deg)}
#go1section1 #go1list li a:before {position:absolute;top:50%;left:-8px;content:"";display:block;width:10px;height:10px;border-radius:100%;background:transparent;margin-top:-5px;transition:all .35s ease}
#go1section1 #go1list li.on a:before {background:#00f3ff;width:15px;height:15px;margin-top:-7.5px;}
#go1section1 #go1list li.m1 a:before {left:-12px;width:25px;height:23px;border-radius:0;margin-top:-12.5px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 0 / auto 100px;transition:none;}
#go1section1 #go1list li.m1.on a:before {background-position:0 -25px}
.sec07 #go1section1 #go1list li.m6 a {font-size:22px;color:#00f3ff}
.sec07 #go1section1 #go1list li.m6 a:before {background:#00f3ff;width:15px;height:15px;margin-top:-7.5px;}
@media screen and (max-width:1748px){
	#go1section1 {right:24px;}
	#go1section1 #go1list {right:0}
	#go1section1 #go1list .b1 {right:0}
}
@media screen and (max-width:1259px){
	#go1section1 {right:16px;}
}
@media screen and (max-width:1024px){
	#go1section1 {top:32px}
}
@media screen and (max-width:768px){
	#go1section1 {top:30px;}
	#go1section1 .b1 {width:45px;height:45px;background-size:auto 90px;background-position:-24px 0}
	#go1section1 #go1list {width:280px;height:auto;padding-top:20px;padding-bottom:20px}
	#go1section1 #go1list li a {font-size:17px;;line-height:36px;margin:10px 0}
	#go1section1 #go1list li.on a {font-size:19px}
}
@media screen and (max-width:599px){
	#go1section1 {top:20px}
	#go1section1 .b1 {width:40px;height:40px;background-size:auto 80px;background-position:-22px 0}
	#go1section1 #go1list .b1:before, #go1section1 #go1list .b1:after {height:22px;margin-top:-11px;}
}
@media screen and (max-width:399px){
	#go1section1 {top:22px;right:10px;}
	#go1section1 .b1 {width:35px;height:35px;background-size:auto 70px;background-position:-19px 0}	
}

/* foot */
#foot {position:relative;background:#24272c;}
#foot_s1 {max-width:1600px;margin:auto;padding:60px 0;}
#author1 {position:relative;font-size:15px;font-weight:400;padding-left:165px;color:#fff}
#author1:before {position:absolute;top:15px;left:53px;content:"";display:block;width:69px;height:62px;background:url(../../img/inc/layout_sprite.png) no-repeat -490px 0 / auto 100px;}
#author1 .t1 {display:inline-block;vertical-align:top;color:#959595;margin-right:10px;}
#author1 address {margin-bottom:5px;}
#author1 .tel1info li {display:inline-block;vertical-align:top;margin-right:40px;}
#author1 .nophishing {margin-top:20px;font-size:14px;color:rgba(149,149,149,.6);}
#author1 .copyright {font-family:"S-CoreDream", sans-serif;font-size:14px;color:rgba(149,149,149,.6);text-transform:uppercase}

/* gotop */
#gotop1 {position:absolute;right:1%;bottom:40px;width:80px;height:80px;background:url(../../img/inc/layout_sprite.png) no-repeat -408px 0 / auto 100px;box-shadow:5px 5px 20px rgba(0,0,0,.35);border-radius:100%;text-indent:-9999px;text-align:left;animation:iacts_scroll 1s linear infinite;z-index:100;transition:all .45s ease}
@keyframes iacts_scroll {
	0% {transform:translate3d(0, 14px, 0)}
	33% {transform:translate3d(0, 7px, 0)}
	66% {transform:translate3d(0, 4px, 0)}
	100% {transform:translate3d(0, 14px, 0)}
}
@media screen and (max-width:1739px){
	#foot_s1 {padding-left:24px;padding-right:24px;}
}
@media screen and (max-width:1259px){
	#foot_s1 {padding:45px 16px}
	#author1 .tel1info li {margin-right:20px}
	#gotop1 {bottom:15px;width:72px;height:72px;background-size:auto 90px;background-position:-367px 0}
}
@media screen and (max-width:1024px){	
	#gotop1 {width:64px;height:64px;background-size:auto 80px;background-position:-326px 0}
}
@media screen and (max-width:999px){
	#foot {text-align:center;}
	#author1 {padding-left:0}
	#author1:before {display:none;}
	#author1 .tel1info li {display:block;margin:2px 0;}
	#gotop1 {width:56px;height:56px;background-size:auto 70px;background-position:-286px 0;box-shadow:0 0 20px rgba(255,255,255,.15)}
}
@media screen and (max-width:599px){	
	#gotop1 {bottom:20px;width:40px;height:40px;background-size:auto 50px;background-position:-204px 0}
}
@media screen and (max-width:499px){
	#foot_s1 {padding-top:35px;padding-bottom:35px;}
	#author1 {text-align:left;}
	#author1 address, #author1 .tel1info li:first-child {margin-bottom:5px;}
	#author1 address .t1, #author1 .tel1info li:first-child .t1 {display:block;margin-top:0}
}