@charset "utf-8";
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");

@font-face {
    font-family: 'NotoSansKR';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Thin.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Thin.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Thin.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NotoSansKR';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Light.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Light.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NotoSansKR';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Regular.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NotoSansKR';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Medium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Medium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NotoSansKR';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Bold.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NotoSansKR';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Black.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Black.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Black.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Noto/NotoSansKR-Black.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'ChosunNm';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.ttf') format("truetype");
    font-display: swap;
}



@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}



	body,html {scroll-behavior: smooth;}
	#wrap {overflow:hidden;}

	body {position:relative;min-width:1000px; font-family: 'NotoSansKR' ,sans-serif;  }

	.default_layout {position:relative; width:1400px; margin:0 auto; }

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative; width:100%;}


	/* 헤더 */
	#header { z-index:99; height:100px;  font-family: 'Montserrat', sans-serif; text-align:center;  overflow:hidden; background:#fff; transition: all .2s;}
	#header.on_scroll {height:100px; position:fixed; left:0px; top:0px; width:100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); transition: all .2s;}



	/* 로고 */

	

	/* 로고 */
	#header h1#logo {position:absolute; right:5%; height:100px; }
	#header h1#logo a {display:inline-block; line-height:100px;} 
	#header h1#logo a img {vertical-align:middle;} 



	/*상단메뉴*/
	#topMenu {float:left;margin-left:5%; }
	#topMenu li.menu_list{display:inline-block;   padding:0 16px; position:relative; text-align:center;   }
	#topMenu li.menu_list a.depth_link {display:block; font-size:16px; font-weight:bold;  letter-spacing:0px; color:#000; line-height:100px; position:relative; transition: all .2s;  }
	#topMenu li.menu_list a.depth_link:hover {transition: all .3s;color:#db1a22;}
	#topMenu li.menu_list#topMenu0 {padding-left:0px;}


	/*
	#topMenu li.menu_list a.menu_on{text-decoration:underline; }
	#topMenu li.menu_list a.menu_on  .hidden_text {display:block; }
	*/
	#topMenu li div.depth_box {position:absolute; display:none;  top:100px; width:180px; left:-5px; background:#000; box-shadow:0px 0px 6px rgba(0,0,0,0.3); border-radius:20px;}
	#topMenu li div.depth_box ul li {font-size:14px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#222; padding-left:23px; letter-spacing:-0.5px; line-height:50px;  }
	#topMenu li div.depth_box ul li a .icon {display:inline-block; vertical-align:middle; line-height:50px; margin-right:8px;}
	#topMenu li div.depth_box ul li a .icon img {vertical-align:middle; max-height:50px;}
	#topMenu li div.depth_box ul li a:hover {color:#952122;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;; background:#000; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a{display:block;line-height:30px; color:#949494;}


	

	.f_map {margin-bottom:-15px;}
	.f_map iframe {width:100%; height:500px; margin-top:120px;}
	


	/*카피라이트*/
	#footerGroup {position:relative; padding:120px 0px;   background:#0e0e0e}
	#footerGroup .default_layout {overflow:hidden; }
	#footerGroup .col_box {display:table; width:100%;  table-layout:fixed;}
	#footerGroup .col_box .col {display:table-cell; vertical-align:top; font-size:13px;}
	#footerGroup .footer_tit {color:#fff; font-size:25px; font-weight:bold; margin-bottom:15px;}
	#footerGroup .footer_tit a{color:#fff; }


	/*회사소개*/
	#footerGroup .comany {padding-right:50px; border-right:1px solid rgba(255,255,255,0.2); width:30%;}
	#footerGroup .comany .txt {color:rgba(255,255,255,0.6); line-height:22px; word-break:keep-all;}
	#footerGroup .map {margin-top:5px;}


	/*회사정보*/
	#footerGroup .info { padding:0 0px 0px 50px;  border-right:1px solid rgba(255,255,255,0.2); width:40%;}

	#footerGroup .info ul li {padding-left:130px;  position:relative; color:rgba(255,255,255,0.6);}
	#footerGroup .info ul li span {position:absolute; left:0px; top:0px; }
	#footerGroup .info ul li.addres {padding-left:0px; margin-top:5px; }
	#footerGroup .info ul li.addres span {position:relative; }



	/*갤러리*/
	#footerGroup .gallery {padding-left:50px;}


	#footerGroup .sns-util li {display:inline-block;  margin-bottom:10px;  border-radius:40px; margin-right:20px;}
	#footerGroup .sns-util li a{display:block;  width:40px; height:40px;  background-position:center 50%; background-repeat:no-repeat; color:#fff; text-indent:-999999px;}

	#footerGroup .sns-util li.youtube {background-color:#ff0101;  }
	#footerGroup .sns-util li.youtube a{background-image:url(../images/common/youtube.svg);  }

	#footerGroup .sns-util li.insta {background:linear-gradient(45deg, #f2b260, #db5b66, #a33ab5);  }
	#footerGroup .sns-util li.insta a{background-image:url(../images/common/insta.svg); }




@media all and (max-width:1024px) {

	body {min-width:100%;  border:0px #000 solid;  border-top:0px;;}
	.default_layout {width:100%; }


	/* 헤더 */
	#header { z-index:99; height:auto; min-width:auto; background-color:hsla(0,0%,100%,.85) !important;    -webkit-backdrop-filter: blur(15px);    backdrop-filter: blur(15px); }
	#header.on_scroll {height:auto;}
	#header.on_scroll h1#logo{display:none;}


	/* 로고 */
	#header h1#logo {position:relative; right:0%; height:80px;  text-align:center;}
	#header h1#logo a {height:auto; line-height:75px; }
	#header h1#logo img {width:150px;}



	/*상단메뉴*/
	#topMenu {float:none;margin:0%;  }
	#topMenu li.menu_list{display:inline-block;   padding:0px; margin:0 8px !important; }
	#topMenu li.menu_list a.depth_link {display:block; font-size:13px;  line-height:50px;}
	

	.f_map {margin-bottom:-15px;}
	.f_map iframe {width:100%; height:200px; margin-top:120px;}


	#footerGroup {position:relative; padding:60px 10px;   width:auto;}



	#footerGroup .col_box {display:block; width:auto;}
	#footerGroup .col_box .col {display:block;font-size:13px; width:auto !important; margin-bottom:10px;  border:0px !important; border-bottom:1px solid rgba(255,255,255,0.2) !important; padding:15px !important;}


	#footerGroup .info ul li {padding-left:100px;}
	



}





@media all and (min-width:1025px) and (max-width:1440px) {

	body {min-width:100%;  border:0px #000 solid;  border-top:0px;;}
	.default_layout {width:100%; }


	#header h1#logo {right:2%;}




	/*상단메뉴*/
	#topMenu {margin-left:2%;  }




	.f_map {margin-bottom:-15px;}
	.f_map iframe {height:300px;  }


	#footerGroup {padding:120px 2%; width:auto;}
	#footerGroup .info ul li {padding-left:80px;}



}