@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:1400px; margin:0 auto; clear:both; }

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


	#wrap {overflow:hidden;}


	/* 헤더 */
	#header {z-index:99;position:relative;  height:150px; text-align:right; transition: all 0.2s; }
	#header .default_layout {width:1400px;}

	.all_menu_btn {displaY:none;}
	

	#header .t_util{border-bottom:1px #e8eaeb solid; position:relative; height:50px; }
	#header .t_util .default_layout { }

	#header .t_util .h_left {position:absolute; left:0px; font-size:15px; color:#000;  }
	#header .t_util .h_left .col{display:inline-block; margin-right:30px;  line-height:50px; font-size:13px; color:#000; position:relative; }
	#header .t_util .h_left .col .fonti{color:#ffb400; font-size:10px; margin-right:4px; position:relative; top:-1px;}
	#header .t_util .h_left .col.last{margin-right:0px; background:#f1f1f1; line-height:35px; padding:0 50px 0px 25px; border-radius:30px;  top:-1px;}
	#header .t_util .h_left .col .un_list {display:none; position:absolute; left:0px; top:37px; width:100%; z-index:99;}
	#header .t_util .h_left .col .un_list .box {background:#fff; padding:20px;  border-radius:30px; border:1px #ededed solid;}
	#header .t_util .h_left .col .un_list .box a{display:block; color:#000; text-align:left;line-height:25px; padding:0 10px;}
	#header .t_util .h_left .col .un_list .box a:hover{text-decoration:underline; color:#2959a2;}

	#header .t_util .h_left .col.last .arrow{position:absolute; right:15px; top:8px; transition:all 0.3s;  line-height:5px; padding:0px; line-height:100%;}
	#header .t_util .h_left .col.last .arrow.on{top:12px;  }
	#header .t_util .h_left .col.last .arrow .fonti{color:#666;}
	#header .t_util .h_left .col.last .arrow.on .fonti{color:#2959a2; }



	#header .t_util .h_right {position:absolute; right:0px;}
	#header .t_util .h_right a{display:inline-block; line-height:50px; font-size:13px; color:#000; margin-right:30px; position:relative;}
	#header .t_util .h_right a.last{margin-right:0px;}

	#header .t_util .h_right a:after {    display: block;    position: absolute;    top: 22px;    right: -20px;    width: 1px;    height: 8px;    background: #d1d1d1;    content: '';}
	#header .t_util .h_right a:last-child:after { content:none;}







	/*로고*/
	#header h1#logo {position:absolute; left:0; top:25px; text-align:left;}
	#header h1#logo a {display:block; line-height:30px; font-weight:bold;  color:#000; letter-spacing:-2px; font-size:30px; transition:all 0.3s; font-family:'Montserrat' }
	#header h1#logo a span.color {color:#2959a2;}
	#header h1#logo a .drap {display:block; font-size:15px; line-height:20px; color:#666; letter-spacing:0px; font-family:'KoPubWorldDotum';  letter-spacing:-1px;}
	#header h1#logo img {vertical-align:middle;}



	/*상단메뉴*/
	/*.topMenu_wrap {position:relative; display:inline-block; width:1100px;  font-size:0px; z-index:1;  margin-right:-70px;}
	#topMenu {position:relative; display:table; table-layout:fixed;width:100%; text-align:center;}*/
	#topMenu {position:relative; display:inline-block;  z-index:1;  margin-right:-35px; font-size:0px; }
	#topMenu li.menu_list {display:inline-block; position:relative; padding:0px 40px;}
	#topMenu li.menu_list a.depth_link {display:block; font-size:18px;  font-weight:bold;  color:#000; line-height:100px; position:relative; transition: all 0.2s; } 
/* 
	#topMenu li.menu_list#topMenu4 {padding:0 20px;}
	#topMenu li.menu_list#topMenu5 {padding:0 45px;} */
	#topMenu li.menu_list a.menu_on {color:#2959a2; }
	#topMenu li.menu_list a.depth_link span.line{width:0; height:2px; background:#2959a2; position:absolute; left: 50%; bottom:0px; z-index:1;    transform: translateX(-50%); transition:all 0.2s; opacity:0;}
	#topMenu li.menu_list a.menu_on span.line{width:100% }


	#topMenu li div.depth_box {display:none; position:absolute; top:50px; left:0%; width:100%;; transition: all 0.2s;  border-top:0px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  border-right:1px #ededed solid;}

	#topMenu li div.depth_box ul {padding:10px 0px; }
	#topMenu li div.depth_box ul li {font-size:14px; text-align:left; padding:5px 10px; letter-spacing:-1px;}
	#topMenu li div.depth_box ul li a {display:block; color:#000; line-height:30px;}
	#topMenu li div.depth_box ul li a:hover { font-weight:bold; color:#2959a2; text-decoration:underline;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}



	
	#header .depth_box_wra_box {background:#fff; position:absolute;  left:0px; top:100px;    width:100%;;z-index:0px;  display:none;  transition: all 0.2s; border-top:1px #ededed solid; border-bottom:1px #ededed solid; opacity:0;}  
	

	/*전체메뉴*/
	.allmenu_detail_show_box_wrap {display:none; background:#fff; position:fixed; right:-300px; top:0px;  width:300px; min-height:100%; height:100%; height:100vh;  transition:all 0.2s; z-index:999999999999999999; box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer {padding:30px; position:relative;margin-top:40px;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul {}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list {margin:10px 0px;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link {display:block; color:#000; font-sizE:18px; border-bottom:1px rgba(0,0,0,0.1) solid; line-height:40px; padding-bottom:10px; font-weight:bold;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link:hover {font-weight:bold; color:#282f67;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc {padding:15px 0px;  display:none;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul {overflow:hidden; border-bottom:1px rgba(0,0,0,0.1) solid; }
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li{color:#555; font-size:14px; margin:5px 0px;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li a{color:#555;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li a:hover{color:#000; text-decoration:underline;}

	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li .three_depth li {width:auto; font-size:14px; margin-right:10px; }
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li .three_depth li a{color:rgba(0,0,0,0.6)}

	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn {position:absolute; right:30px; top:0px; width:40px;height: 40px; cursor:pointer;}


	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:before, 
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:after {position: absolute;left: 0px;content:' ';height:26px;width:1px;background-color: #000;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:before {transform: rotate(45deg);}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:after {transform: rotate(-45deg);}
		


	
	/*사이트맵*/
	.sitemap_show_box_wrap {display:none; background:#000; top:0px !important;  left:0px; width:100%; height:100%; z-index:999999999999999999; }
	.sitemap_show_box_wrap .top_allmenu_wrap_layer {padding:50px; position:relative;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list {margin:20px 0px;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list a.all_depth_link {display:block; color:#fff; font-sizE:30px; border-bottom:1px rgba(255,255,255,0.6) solid; line-height:40px; padding-bottom:10px;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list a.all_depth_link span{displaY:inline-block; border-bottom:3px #ffd246 solid;padding-bottom:10px; padding-right:40px; position:relative; top:12px;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list .depth_box_site {padding:20px 0px;  display:block !important;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list .depth_box_site ul {overflow:hidden;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list .depth_box_site ul li{float:left; width:25%; color:#fff; font-size:17px; margin:10px 0px;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list .depth_box_site ul li a{color:#fff;}

	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list .depth_box_site ul li .three_depth li {width:auto; font-size:14px; margin-right:10px; }
	.sitemap_show_box_wrap .top_allmenu_wrap_layer ul li.site_list .depth_box_site ul li .three_depth li a{color:rgba(255,255,255,0.6)}

	.sitemap_show_box_wrap .top_allmenu_wrap_layer .close_btn {position:absolute; right:0px; top:0px;}
	.sitemap_show_box_wrap .top_allmenu_wrap_layer .close_btn a{display:inline-block; width:80px; height:80px; line-height:80px; background:#ffd246; color:#fff; text-align:center;}



	


	.footer_banner {border-top:1px #ddd solid;   padding:20px 0px; margin-top:80px;}
	.footer_banner .default_layout{position:relative; overflow:hidden;}
	.footer_banner .default_layout ul li {margin-right:35px; border:1px #ddd solid; width:200px;}
	.footer_banner .default_layout ul li img  {vertical-align:middle; max-width:100%;}





	#footerGroup {padding:50px 0px; background:#4b4b4b; margin-top:0px;}
	#footerGroup .default_layout{position:relative;}
	#footerGroup .f_first {border-bottom:1px rgba(255,255,255,0.1) solid; padding-bottom:20px; position:relative; overflow:hidden;}
	#footerGroup .f_first .cscenter {float:left;}
	#footerGroup .f_first .cscenter .tell {font-size:30px; color:#fff; font-weight:bold; display:inline-block; line-height:30px; position:relative; top:3px; background:url(../images/common/f_call_bg.png) left 50% no-repeat; padding-left:40px;}
	#footerGroup .f_first .cscenter .time {display:inline-block; margin-left:10px; color:rgba(255,255,255,0.8); font-size:13px; line-height:30px;}

	#footerGroup .f_first .site_cont {float:right; margin-right:150px;}
	#footerGroup .f_first .site_cont .col{display:inline-block; color:#fff; font-size:13px; margin-left:10px; padding-top:10px;}
	#footerGroup .f_first .site_cont .col span {font-weight:bold; display:inline-block; margin-left:5px; font-size:15px; }

	#footerGroup .f_util {margin-top:20px;}
	#footerGroup .f_util a{display:inline-block; margin-right:20px; font-size:14px; color:rgba(255,255,255,0.6); position:relative;}


	#footerGroup .f_util a:after {    display: block;    position: absolute;    top: 6px;    right: -12px;    width: 1px;    height: 10px;    background:#9e9e9e;    content: '';}
	#footerGroup .f_util a:last-child:after { content:none;}

	#footerGroup .footer {margin-top:0px; font-size:13px; line-height:20px; color:rgba(255,255,255,0.6);}


	#footerGroup .sns-util {position:absolute; right:0px; top:-10; }
	#footerGroup .sns-util li { margin-bottom:10px;  border-radius:38px; display:inline-block; margin-left:4px; }
	#footerGroup .sns-util li a{display:block;  width:38px; height:38px;  background-position:center 50%; background-repeat:no-repeat; color:#fff; text-indent:-999999px;}
	#footerGroup .sns-util li.m1 {background-color:#1877f2;  }
	#footerGroup .sns-util li.m1 a{background-image:url(../images/common/facebook.svg); color:#fff;  }

	#footerGroup .sns-util li.m2 {background-color:#00cb49;  }
	#footerGroup .sns-util li.m2 a{background-image:url(../images/common/blog.svg);  }

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

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



	
	#footerGroup dl.common_f_link {position:absolute; right:0px; top:80px; width:250px; } 
	#footerGroup dl.common_f_link dt{background:#434343;   height:40px; line-height:40px;   font-size:14px; padding-left:16px;      z-index:1; position:relative;}
	#footerGroup dl.common_f_link dt a{display:block; color:#fff; padding:0px;}

	
	#footerGroup dl.common_f_link dt .arrow{position:absolute; right:15px; top:8px; transition:all 0.3s;  line-height:5px; padding:0px; line-height:100%;}
	#footerGroup dl.common_f_link dt .arrow.on{top:12px;  }
	#footerGroup dl.common_f_link dt .arrow .fonti{color:#fff;}
	#footerGroup dl.common_f_link dt .arrow.on .fonti{color:#fff; }



	#footerGroup dl.common_f_link dd {width:99%; background:#fff;  display:none; position:absolute;  bottom:20px; padding:20px 0px 40px; z-index:0; border-radius:20px 20px 0px 0px;     box-shadow: 0 0 25px rgba(202,209,217,.26);}
	#footerGroup dl.common_f_link dd span{display:block; padding:0 5px;}
	#footerGroup dl.common_f_link dd span a{display:block; color:#000; font-size:13px; padding-left:10px;}





@media all and (max-width:1080px) {
		
		#header {height:auto; text-align:left;}

		.default_layout,
		#header .default_layout { width:auto;}

		#header .t_util .h_left {display:none;}
		#header .t_util .h_right {position:relative; right:0px; text-align:center; display:table; width:100%;}
		#header .t_util .h_right a{display:table-cell; line-height:50px; font-size:12px; color:#000; margin:0px; position:relative;}
		#header .t_util .h_right a.last{margin-right:0px;}





		/*로고*/
		#header h1#logo {position:relative; left:10px; top:0px; display:inline-block; padding:15px 0px; text-align:left;}
		#header h1#logo a {display:inline-block; line-height:30px; letter-spacing:-1px; font-size:25px; }
		#header h1#logo a .drap {display:block; font-size:13px; line-height:18px;}

		

		
		p.all_menu_btn { position:absolute; right:10px; top:10px; cursor:pointer; text-align:center; width:43px; height:43px;    display:block; z-index:99;}
		p.all_menu_btn a {display:block; padding-top:20px;}
		p.all_menu_btn span {background:#000; display:block; width:60%; height:2px; margin:0 20% 6px; vertical-align:top;}

		


		#topMenu {display:none;}



		/* 헤더 */
		



			


		.footer_banner { padding:20px 0px; overflow:hidden;}
		.footer_banner .default_layout ul li {margin:0px  10px; border:1px #ddd solid; width:160px;}



		
		
	#footerGroup {padding:30px 10px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
	#footerGroup .default_layout{position:relative;}

	#footerGroup .f_first .cscenter {float:block;;}

	#footerGroup .f_first .site_cont {float:none; margin-right:0px;}
	#footerGroup .f_first .site_cont .col{font-size:12px; }
	#footerGroup .f_first .site_cont .col span {font-size:14px; }

	#footerGroup .f_util {margin-top:20px;}
	#footerGroup .f_util a{display:inline-block; margin:0px 5px; font-size:12px; color:rgba(255,255,255,0.6); position:relative;}

	#footerGroup .f_util a:after { top: 8px;    right:-8px;    }





	#footerGroup .footer {margin-top:20px; font-size:13px; line-height:20px; color:rgba(255,255,255,0.6);}


	#footerGroup .sns-util {position:relative; right:0px; top:0px; width:100%; text-align:center; display:none; }


	
	#footerGroup dl.common_f_link {position:relative; right:0px; top:0px; width:auto; } 








}