@charset "utf-8";
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");


@font-face {
    font-family: 'Cafe24SsurroundAir';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Cafe24SsurroundAir/Cafe24SsurroundAir.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Cafe24SsurroundAir/Cafe24SsurroundAir.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Cafe24SsurroundAir/Cafe24SsurroundAir.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Cafe24SsurroundAir/Cafe24SsurroundAir.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Cafe24SsurroundAir/Cafe24SsurroundAir.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: 'TwayAir';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.ttf') format("truetype");
    font-display: swap;
} 




@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.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;
}



@font-face {
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Montserrat/Montserrat-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/Montserrat/Montserrat-ExtraBold.ttf') format("truetype");
    font-display: swap;
} 


@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.ttf') format("truetype");
    font-display: swap;
}

	
	body {position:relative;  font-family:'KoPubWorldDotum', 'Noto Sans KR',sans-serif; }


	.default_layout {position:relative; width:1300px; margin:0 auto; clear:both; }

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative; width:100%;}


	/* 헤더 */
	#header { z-index:99;  min-width:1200px;  background:#fff;}

	




	/* 상단 오른쪽메뉴 */
	#header .top_util {overflow:hidden; background:#f0f5fa;   }
	#header .top_util .favorite_link {float:left; font-size:12px; }
	#header .top_util .favorite_link a{display:inline-block; line-height:55px; color:#000; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat; padding:0 15px; }
	#header .top_util .favorite_link a#favorite{padding-left:0px;}
	#header .top_util .favorite_link a img{padding-right:5px; vertical-align:middle;position:relative; top:-2px;}
	#header .top_util .favorite_link a.last {background:none;}
	#header .top_util ul{float:right;}
	#header .top_util li{float:left; line-height:55px; font-size:12px; } 
	#header .top_util li a{color:#000;  display:block; padding:0 15px; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat; } 
	#header .top_util li.last a{background:none;} 
	#header .top_util li a:hover{ text-decoration:underline; } 
	
	/*모바일버튼*/
	p.menu_home,
	p.menu_btn {display:none; z-index:3; position:relative;}


	
	#header .depth_box_wra_box {background:#fff ; border-top:1px #ddd solid;  border-bottom:1px #ddd solid;  position:absolute;  left:0px; top:155px; width:100%;;z-index:0px;  display:none;}
	#header .depth_box_wra_box .default_layout {background:url(../images/common/.png?3) 80px 60px no-repeat;}
	#header .depth_box_wra_box .default_layout dl {padding-left:60px;}
	#header .depth_box_wra_box .default_layout dl dt{font-weight:bold; font-size:22px; letter-spacing:-1px; margin-top:30px; color:#662d91}
	#header .depth_box_wra_box .default_layout dl dd{font-size:13px; color:#999; }

	
	#header .header_center_box {height:100px; background:#fff; z-index:1px; position:relative;}
	#header .header_center_box h1#logo {float:left; line-height:100px; }
	#header .header_center_box h1#logo img{vertical-align:middle;}


	#topMenu {float:right; font-size:0px; margin-right:-45px;  }
	#topMenu li.menu_list{display:inline-block;  position:relative; padding:0 45px;text-align:center; }
	#topMenu li.menu_list a.depth_link {display:block;  font-size:19px; font-weight:bold; color:#000; line-height:100px;  }


	
	#topMenu li.menu_list a.menu_on {color:#662d91;}

	#topMenu li div.depth_box {display:none; position:absolute; top:100px; width:100%; left:0px; background:#fff; z-index:2; text-align:center; border-top:1px #ddd solid;}
	#topMenu li div.depth_box ul {text-align:center; padding:20px 0px;}
	#topMenu li div.depth_box ul li {font-size:14px; }
	#topMenu li div.depth_box ul li a {display:block;letter-spacing:-1px; line-height:30px; color:#333;}
	#topMenu li div.depth_box ul li a:hover {text-decoration:underline; font-weight:bold; color:#662d91}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}



	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;}



	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;; background:#fff; 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;}


	
	#top_banner {position:absolute; left:380px; top:-143px; z-index:9999;}
	#top_banner .top_banner_box{border:1px #ddd solid; width:300px; height:77px; overflow:hidden;}
	#top_banner .top_banner_box img {vertical-align:middle; width:100%; height:77px}



	

	.footer_banner {border-top:1px #ddd solid;   padding:30px 0px; }
	.footer_banner .default_layout{position:relative; overflow:hidden;}
	.footer_banner .default_layout .info_box{float:left; margin-top:15px; }
	.footer_banner .default_layout .info_box h3 {display:inline-block;  line-height:25px; margin-right:15px;}
	.footer_banner .default_layout .info_box .btn {display:inline-block; font-size:0px; line-height:25px; height:25px; vertical-align:middle;}
	.footer_banner .default_layout .info_box .btn img {vertical-align:middle;}
	.footer_banner .default_layout .info_box .btn .last  {margin-left:5px;}

	.footer_banner .default_layout .slide_wrap {margin-left:150px;}
	.footer_banner .default_layout .slide_wrap ul li {margin-right:10px; border:1px #ddd solid; width:200px;}
	.footer_banner .default_layout .slide_wrap ul li img  {vertical-align:middle; max-width:100%;}





	/*카피라이트*/
	#footerGroup {position:relative;  background:#103554; padding:60px 0px;}


	#footerGroup .f_util {overflow:hidden; position:relative;}
	#footerGroup .f_util .f_name{position:absolute; left:0px;top:0px; font-size:20px; color:rgba(255,255,255,1); }
	#footerGroup .f_util ul{float:right;}
	#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
	#footerGroup .f_util li a{margin-right:10px; line-height:25px; padding-bottom:8px; display:block;color:rgba(255,255,255,0.7); }


	#footerGroup .footer {border-top:1px rgba(255,255,255,0.1) solid; margin-top:5px; padding-top:15px; font-size:12px; position:relative;  color:rgba(255,255,255,0.8); }
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres{ font-size:11px; color:rgba(255,255,255,0.5); line-height:16px; font-weight:normal;}
	#footerGroup .footer .author{font-size:11px; color:rgba(255,255,255,0.2);}



