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

.google-trans.notranslate {display:none}
html, body {width:100%;height:100%;}
.init img {width:100%}

/* 로고 */
h1#logo {position:fixed;top:36px;left:13.5%;z-index:10}
h1#logo a {position:relative;display:block;height:33px;}
h1#logo a img {width:auto;height:100%;}
#container.half h1#logo a:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(../../img/inc/logo@2xhalf.png) no-repeat 0 0 / auto 33px}
#container.all h1#logo a:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(../../img/inc/logo@2xall.png) no-repeat 0 0 / auto 33px}
#container.half h1#logo a img, #container.all h1#logo a img {opacity:0}
@media screen and (max-width:1699px){
	h1#logo {left:5%}
}
@media screen and (max-width:1519px){
	h1#logo {left:50px}
}
@media screen and (max-width:1259px){
	h1#logo {left:20px;}
}
@media screen and (max-width:599px){
	h1#logo {top:25px}
	h1#logo a {height:30px}
	#container.half h1#logo a:before, #container.all h1#logo a:before {background-size:auto 30px;}
}


#nav .b1.toggle {position:fixed;top:36px;right:13.23%;background:url(../../img/main/main_sprite.png) no-repeat -279px -42px;width:40px;height:40px;z-index:100}
#nav1c {display:block !important;visibility:hidden;z-index:100;position:fixed;left:auto;right:-670px;top:0;bottom:0;width:670px;height:100%;overflow-y:visible;background:rgba(61,84,224,.9) url(../../img/main/nav_bg.png) no-repeat right bottom;border-radius:100px 0 0 0;
	transition:.2s .2s;}
#nav1c.on {display:block;visibility:visible;right:0;transition:.2s .2s;}
#nav .b2.close {position:fixed;top:36px;right:13.23%;background:url(../../img/main/main_sprite.png) no-repeat -279px -84px;width:40px;height:40px;z-index:100}
#nav1c .d1 ul {padding:100px 0 0 95px}
#nav1c .d1 ul li {margin:5px 0}
#nav1c .d1 ul li a {position:relative;display:inline-block;vertical-align:top;color:#fff;font-size:19px;font-weight:500;letter-spacing:-.05em;padding:10px 0}
#nav1c .d1 ul li.on a:before {position:absolute;top:20px;left:-26px;content:"";display:block;width:12px;height:8px;background:url(../../img/main/main_sprite.png) no-repeat -90px -74px} 
#container.half #nav .b1.toggle {background-position:-279px 0;}
@media screen and (max-width:1699px){
	#nav .b1.toggle, #nav .b2.close {right:5%}
}
@media screen and (max-width:1519px){
	#nav .b1.toggle, #nav .b2.close {right:50px}
}
@media screen and (max-width:1259px){
	#nav .b1.toggle, #nav .b2.close {right:20px}
}
@media screen and (max-width:699px){
	#nav1c {width:310px;right:-310px;}
	#nav1c .d1 ul {padding-left:40px}
	#nav1c .d1 ul li {margin:3px 0}
	#nav1c .d1 ul li a {font-size:17px;padding:7px 0}
	#nav1c .d1 ul li.on a:before {top:15px}
}
@media screen and (max-width:599px){
	#nav .b1.toggle, #nav .b2.close {top:25px}
}






#wrap {position:relative;margin:0 auto;font-size:12px;font-weight:400;letter-spacing:-.05em;}




#foot {background:#18192f;text-align:center;color:#b8b9c4;padding:50px 0}
#author1 {font-size:17px;font-weight:400;line-height:32px}
#gotop {position:fixed;bottom:-300px;right:13.23%;transition:all .45s ease;z-index:100;width:43px;height:60px;background:url(../../img/main/main_sprite.png) no-repeat -45px -74px;text-indent:-9999px}
#gotop.on {bottom:40px}
#gotop.bottom {bottom:210px}
@media screen and (max-width:1699px){
	#gotop {right:5%;}
}
@media screen and (max-width:1519px){
	#gotop {right:50px}
}
@media screen and (max-width:1259px){
	#gotop {right:20px}
}
@media screen and (max-width:999px){
	#author1 {font-size:16px;line-height:30px}
}
@media screen and (max-width:768px){
	#foot {padding:35px 0}
	#author1 {font-size:15px;line-height:26px}
}
@media screen and (max-width:599px){
	#author1 {font-size:15px;line-height:26px}
	#gotop {right:10px;}
}