@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face { 
	font-family:'BarcodeFont';
	src:url("../font/Code39Azalea.woff") format('woff');
}



body	{ width: 100%; height: 100%; padding: 0; margin: 0; font-size: 18px; font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*	{ font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }


body.popup_box	{ position: relative; width: auto; height: auto; margin: 0; padding: 20px; background-color: #f2f3f7; }
body.popup_box:before	{ position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100px; background-color: #084d98; content: ""; }
body.popup_box .contents_content	{ position: relative; z-index: 1; padding: 20px; margin-top: 65px; background-color: #fff; }
body.popup_box .contents_content h3:first-child	{ position: absolute; left: 0; top: -65px; width: 100%; line-height: 60px; padding: 0; margin: 0 !important; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; text-indent: 20px; }
body.popup_box .contents_content *:nth-child(2)	{ margin-top: 0 !important; }


.skip_area	{ position: absolute; left: 0; top: 0; z-index: 99999; width: 100%; height: 0px; overflow: hidden; }
.skip_area a	{ display: block; line-height: 30px; padding: 0 0 0 20px; color: #000; text-decoration: none; font-weight: bold; font-size: 13px; border: 1px solid #ddd; background-color: #fafafa; }

hr.linebreak	{ display: none; }



#jump_menu	{ width: 100%; z-index: 9999999; }
#jump_menu h1	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#jump_menu ul,
#jump_menu li	{ position: relative; padding: 0; margin: 0; list-style: none; }
#jump_menu a	{ position: absolute; z-index: -1; left: 0; top: -1000px; display: block; width: 100%; line-height: 45px; text-align: center; font-weight: bold; font-size: 20px; color: #fff; background-color: #3e6dbf; }
#jump_menu a:focus	{ top: 0; z-index: 99999; }


/**
HEADER
**/
/* .gnb_cover	{ position: absolute; z-index: 9998; left: 0; top: 0; width: 100%; height: 100%; border-top: 136px solid #fff; background: #f6fbff url(../image/header_gnb_bg.png) no-repeat right bottom; } */
.gnb_cover	{ position: absolute; z-index: 9998; left: 0; top: 0; width: calc(((100% - 1300px) / 2) + 250px); height: 100%; background: #e65757; display: none; }

#header	{ position: relative; z-index: 9999; }
#header header	{}
#header header h1	{ max-width: 1300px; margin: 0 auto; position: relative; }
#header header h1 a	{ position: absolute; left: 0px; top: 65px; z-index: 3; width: 230px; height: 100px; text-align: left; text-indent: -9999px; overflow: hidden; background: url(../image/header_logo.png) no-repeat center center; }
#header header p.slogan	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }


#header header #GNB	{ width: 100%; background-color: #fff; }
#GNB	{}
#GNB aside.top	{ position: relative; max-width: 1300px; height: 65px; margin: 0 auto; /*line-height: 65px;*/ background: #fff; }
#GNB aside.top:after	{ display: block; clear: both; content: ""; }
#GNB aside.top .top_left { float: left; }
#GNB aside.top .top_left .top_logo { display: inline-block; vertical-align: middle; width: 270px; height: 65px; overflow: hidden; text-indent: -999px; background: url('../image/header_top_icon.png') no-repeat left bottom; }
#GNB aside.top .top_left .sns_link { display: inline-block; vertical-align: middle; width: auto; height: 36px; margin-left: 15px; }
#GNB aside.top .top_left .sns_link a.icon { width: 36px; height: 36px; display: inline-block; overflow: hidden; text-indent: -999px; margin-right: 5px; background: url(../image/header_sns_icon.png) no-repeat center center; }
#GNB aside.top .top_left .sns_link a.youtube { background-position: 0 0; }
#GNB aside.top .top_left .sns_link a.kakao { background-position: 0 -38px; }
#GNB aside.top .top_left .sns_link a.facebook { background-position: 0 -76px; }
#GNB aside.top .top_left .sns_link a.blog { background-position: 0 -114px; } 
#GNB aside.top .top_right { float: right; padding-right: 220px; }
#GNB aside.top .top_right .top_service { float: left; height: 35px; }
#GNB aside.top .top_right .top_service h2 { display: inline-block; margin: 0; font-size: 16px; font-weight: 400; line-height: 65px; vertical-align: top; letter-spacing: -1px; }
#GNB aside.top .top_right .top_service select { display: inline-block; min-width: 120px; height: 35px; padding: 0 20px 0 10px; margin: 0 10px 0 3px; border: 2px solid #bebebe; border-radius: 100px; }
#GNB aside.top .top_right .top_service #top_service_menu	{ position: relative; top: 14px; z-index: 9; display: inline-block; min-width: 120px; height: 35px; padding: 0; margin: 0 10px 0 3px; border: 2px solid #bebebe; border-radius: 17.5px; background-color: #fff; overflow: hidden; }
#GNB aside.top .top_right .top_service #top_service_menu.active	{ height: auto; overflow: visible; }
#GNB aside.top .top_right .top_service #top_service_menu:after	{ position: absolute; right: 10px; top: 7px; line-height: 20px; font-size: 10px; font-family: serif; content: "▼"; }
#GNB aside.top .top_right .top_service #top_service_menu.active:after	{ content: "▲"; }
#GNB aside.top .top_right .top_service #top_service_menu ul	{ padding: 0; margin: 0; list-style: none; font-size: 14px; }
#GNB aside.top .top_right .top_service #top_service_menu ul:before	{ display: block; line-height: 35px; padding: 0 20px 0 10px; content: "선택하세요"; }
#GNB aside.top .top_right .top_service #top_service_menu ul li	{ padding: 0; margin: 0; list-style: none; background: none; }
#GNB aside.top .top_right .top_service #top_service_menu ul li a	{ display: block; line-height: 35px; padding: 0 20px 0 10px; }
#GNB aside.top .top_right .weather { display: inline-block; margin-left: 10px; line-height: 65px; }
#GNB aside.top .top_right .weather .process_air { margin: 0;}
#GNB aside.top .top_right .weather .process_weather	{ float: left; padding: 0 15px; margin: 0; border-right: 1px solid #3f3e3e; }
#GNB aside.top .top_right .weather .pm10_title { font-size: 16px; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm10_value.good { padding: 0px 7px; margin-right: 10px; background-color: #2F881E; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm10_value.normal { padding: 0px 7px; margin-right: 10px; background-color: #2a7fff; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm10_value.bad { padding: 0px 7px; margin-right: 10px; background-color: #e65757; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm25_title { font-size: 16px; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm25_value.good { padding: 0px 7px; background-color: #2F881E; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm25_value.normal { padding: 0px 7px; background-color: #2a7fff; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -1px; }
#GNB aside.top .top_right .weather .pm25_value.bad { padding: 0px 7px; background-color: #e65757; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: -1px; }


/* #header header #GNB	{}
#GNB aside.top	{ line-height: 41px; padding-left: 95px; background: rgba(26, 26, 26, 0.8); color: #fff; }
#GNB aside.top:after	{ display: block; clear: both; content: ""; }
#GNB aside.top .weather	{ float: left; font-size: 14px; }
#GNB aside.top .weather:after	{ display: block; clear: both; content: ""; }
#GNB aside.top .weather .process_weather	{ float: left; padding: 0 15px; margin: 0; border-right: 1px solid #3f3e3e; }
#GNB aside.top .weather .process_weather strong	{ display: none; }
#GNB aside.top .weather .process_weather img	{ height: 20px; vertical-align: middle; }
#GNB aside.top .weather .process_weather em	{ display: inline-block; margin: 0 0.3em; font-style: normal; }
#GNB aside.top .weather .process_air	{ float: left; padding: 0 15px; margin: 0; border-right: 1px solid #3f3e3e; }
#GNB aside.top .weather .process_air .pm10_title	{}
#GNB aside.top .weather .process_air .pm10_value	{ display: inline-block; margin-right: 1em; }
#GNB aside.top .weather .process_air .pm25_title	{}
#GNB aside.top .weather .process_air .pm25_value	{}
#GNB aside.top .sns_link	{ float: right; border-right: 1px solid #3f3e3e; }
#GNB aside.top .sns_link a	{ float: left; display: block; height: 41px; line-height: 41px; padding: 0 1em; color: #fff; font-size: 15px; }
#GNB aside.top .sns_link a.icon	{ width: 41px; height: 41px; padding: 0; margin-left: 1em; text-indent: -999px; overflow: hidden; }
#GNB aside.top .sns_link a.facebook	{ background: #3a5ba2 url(../image/header_sns_facebook.png) no-repeat center center; margin-left: 0 !important;  }
#GNB aside.top .sns_link a.youtube	{ background: #ff0000 url(../image/header_sns_youtube.png) no-repeat center center; }
#GNB aside.top .sns_link a:focus, #GNB aside.top .sns_link a:hover, #GNB aside.top .sns_link a:active	{ background-color: #000; }
#GNB aside.top .sns_link .split	{ display: block; float: left; height: 41px; line-height: 41px; padding: 0; color: #eee; font-size: 12px; } */


#GNB aside.top nav	{ position: absolute; right: 0px; }
#GNB aside.top nav ul { padding: 0; margin: 0; list-style: none; }
#GNB aside.top nav ul li { float: left; margin-right: 10px; line-height: 65px; }
#GNB aside.top nav ul li:last-child { margin-right: 0px; }
#GNB aside.top nav ul li a span { font-size: 16px; }

/* #GNB aside.top nav	{ position: relative; clear: both; }
#GNB aside.top nav:after	{ display: block; clear: both; content: ""; }
#GNB aside.top nav ul	{ position: absolute; right: 0; top: 0; z-index: 2; padding: 0; margin: 0; list-style: none; }
#GNB aside.top nav ul:after	{ display: block; clear: both; content: ""; }
#GNB aside.top nav ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside.top nav ul li a	{ display: block; width: 100px; height: 95px; line-height: 33px; padding-top: 45px; box-sizing: border-box; background: no-repeat center 26px;; color: #fff; font-size: 14px; text-align: center; }
#GNB aside.top nav ul li a:focus, #GNB aside.top nav ul li a:hover, #GNB aside.top nav ul li a:active	{ background-color: rgba(0, 0, 0, 0.5); }
#GNB aside.top nav ul li a.login,
#GNB aside.top nav ul li a.logout	{ background-image: url(../image/header_login.png); }
#GNB aside.top nav ul li a.join,
#GNB aside.top nav ul li a.mypage	{ background-image: url(../image/header_join.png); }
#GNB aside.top nav ul li a.sitemap	{ background-image: url(../image/header_sitemap.png); } */


/* 2021.06.11. 홈페이지 확대 축소 버튼 추가 */
 @media only screen and (min-width: 1200px) {
        .zoom {position: absolute; top: 5px; left: 10px}
        .zoom .zoomIn,  .zoom .zoomOut{font-size: 150%; width:30px; height: 30px; line-height: 25px; color: #eee; border:1px solid #eee; box-sizing: border-box; display: inline-block; text-align: center}
        .zoom .zoomIn:hover,  .zoom .zoomOut:hover{background: #000; opacity: 0.8; transition: 0.5s ease-in-out; border: 1px solid #333; color:#999}
        }
        @media only screen and (max-width: 1199px) {
        .zoom{display: none}   
        }
/*
#header.menu_fix { position: fixed; top: 0px; width: 100%; }
body.menu_fix #container.sub	{ margin-top: 165px; }
*/

#GNB #topmenu	{ position: relative; width: 100%; height: 100px; background: #fff; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; box-sizing: border-box; }
#GNB #topmenu nav { position: relative; max-width: 1400px; margin: 0 auto; padding-left: 300px; box-sizing: border-box; }
/* #GNB #topmenu .show_all_menu	{ position: absolute; left: 0; top: 0; width: 95px; height: 95px; padding: 0; margin: 0; border: 0 none; background: #54524f url(../image/header_showmenu.png) no-repeat center center; text-indent: -99999px; overflow: hidden; } */
#GNB #topmenu .show_all_menu	{ position: absolute; right: 0; top: 0; width: 100px; height: 100%; padding: 0; margin: 0; border: 0 none; background: url(../image/header_showmenu.png) no-repeat center center; text-indent: -99999px; overflow: hidden; display: none; }

#topmenu ul,
#topmenu li	{ padding: 0; margin: 0; list-style: none; background: none; }

/* #topmenu .ld1	{ display: table; width: 100%; }
#topmenu .ld1 .cd1	{ position: relative; display: table-cell; width: 1%; } */
#topmenu .ld1	{ width: 100%; }
#topmenu .ld1 .cd1 { float: left; width: 12.5%; }
#topmenu .ld1 .cd1 .l1	{ display: block; height: 99px; line-height: 100px; font-size: 20px; font-weight: bold; text-align: center; }
#topmenu .ld1 .cd1 .lb1	{ position: absolute; left: 0; width: 100%; height: 0; padding-left: calc(((100% - 1300px) / 2) + 260px); overflow: hidden; box-sizing: border-box; /*display: none;*/ }
#topmenu .ld1 .cd1 .lb1 strong { position: absolute; top: 25px; left: calc((100% - 1300px) / 2); font-size: 30px; color: #fff; }
#topmenu .ld1 .cd1 .lb1 .menu_slogan { position: absolute; top: 65px; left: calc((100% - 1300px) / 2); font-size: 16px; color: #fff; letter-spacing: -1px; }
#topmenu .ld1 .cd1 .lb1 .ld2 { width: 100%; height: auto; }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 { /*position: relative;*/ display: flex; width: 100%; border-bottom: 1px solid #d9d9d9; }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 a { /*position: relative;*/display: inline-block; vertical-align: top; width: 260px; height: auto; padding: 8px 5px; background-color: #f7f0f0; line-height: normal; text-align: left; word-break: keep-all; box-sizing: border-box; }

/* #topmenu .ld1 .cd1 .lb1 .ld2 .cd2 a.l2 { display: block; } */
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2:last-child a { border-bottom: none; }

#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 .lb2	{ /*position: absolute; top: 0; left: 260px;*/ display: inline-block; width: calc(100% - 260px); height: 100%; background-color: #fff; /*border-bottom: 1px solid #d9d9d9;*/ box-sizing: border-box; }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2:last-child .lb2 { border-bottom: none; }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 .lb2 .ld3 { }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 .lb2 .ld3 .cd3 { display: inline-block; }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 .lb2 .ld3 .cd3 a { display: block; width: auto; padding: 8px 5px; background-color: #fff; border-bottom: none; line-height: 24px; }
#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 .lb2 .ld3 .cd3 a:before { content: "·"; margin: 0 5px; }

#topmenu .ld2	{}
#topmenu .ld2 .cd2	{}
/* #topmenu .ld2 .cd2 .l2	{ display: block; line-height: 24px; padding: 8px 0; text-align: center; word-break: keep-all; font-size: 17px; } */
#topmenu .ld2 .cd2 .l2 { color: #000; }
#topmenu .ld2 .cd2 .l2:focus, #topmenu .ld2 .cd2 .l2:hover, #topmenu .ld2 .cd2 .l2:active	{ color: #0096dd; }

#topmenu .lb3 { display: none; }



#header.over #GNB #topmenu	{ background-color: #fff; }
#header.over #GNB #topmenu .show_all_menu	{ background-color: #f0f0ef; background-image: url(../image/header_showmenu_over.png); }
#header.over #topmenu .l1	{ color: #222; }
#header.over #topmenu .over .l1	{ color: #0096dd; }
#header.over #topmenu .over .lb1 { width: 100%; height: auto; overflow: visible; padding-bottom: 0px; background-color: #fff; box-shadow: 0px 4px 7px 1px #cecece; }
#header.over #topmenu .lb1.over { width: 100%; height: auto; overflow: visible; padding-bottom: 0px; background-color: #fff; box-shadow: 0px 4px 7px 1px #cecece; }
/*
#header.over #topmenu .over .lb1:before { content: ""; position: absolute; left: 0; width: calc(((100% - 1300px) / 2) + 260px); height: 100%; background: #e65757 url(../image/header_gnb_bg.png) no-repeat top right; }
#header.over #topmenu .lb1.over:before { content: ""; position: absolute; left: 0; width: calc(((100% - 1300px) / 2) + 260px); height: 100%; background: #e65757 url(../image/header_gnb_bg.png) no-repeat top right; }
*/
#header.over #topmenu .over .lb1:before { content: ""; position: absolute; left: 0; width: calc(((100% - 1300px) / 2) + 260px); height: 100%; background: #B65B5B; }
#header.over #topmenu .lb1.over:before { content: ""; position: absolute; left: 0; width: calc(((100% - 1300px) / 2) + 260px); height: 100%; background: #B65B5B; }


/* test */
/* #header.over #topmenu .cd1 .lb1	{ display: none; }
#header.over #topmenu .cd1.over .lb1 { display: block; } */


#topmenu .ld1 .cd1c1,
/*#topmenu .ld1 .cd1c7,
#topmenu .ld1 .cd1c8,
#topmenu .ld1 .cd1c9,*/
#topmenu .ld1 .cd1c10,
#topmenu .ld1 .cd1c11,
#topmenu .ld1 .cd1c12,
#topmenu .ld1 .cd1c13,
#topmenu .ld1 .cd1c14,
#topmenu .ld1 .cd1c15,
#topmenu .ld1 .cd1c16,
#topmenu .ld1 .cd1c17,
#topmenu .ld1 .cd1c18,
#topmenu .ld1 .cd1c19	{ display: none; }

#topmenu .lb1 > p	{ display: none; }

/* #header.over header h1 a	{ background-image: url(../image/header_logo.png); }
#header.over #GNB aside.top nav ul li a	{ color: #222; }
#header.over #GNB aside.top nav ul li a.login,
#header.over #GNB aside.top nav ul li a.logout	{ background-image: url(../image/header_login_over.png); }
#header.over #GNB aside.top nav ul li a.join,
#header.over #GNB aside.top nav ul li a.mypage	{ background-image: url(../image/header_join_over.png); }
#header.over #GNB aside.top nav ul li a.sitemap	{ background-image: url(../image/header_sitemap_over.png); } */





@media all and (max-width: 1320px)
{
	#GNB aside.top	{ padding-left: 0; }
	#GNB aside.top nav ul	{ top: -41px; right: 230px; }
	#GNB aside.top nav ul li a	{ width: 41px; height: 41px; line-height: 41px; padding: 0; text-align: left; text-indent: -999px; overflow: hidden; background-position: center center; }
	#GNB aside.top nav ul li a:focus, #GNB aside.top nav ul li a:hover, #GNB aside.top nav ul li a:active	{ display: table; line-height: 15px; text-align: center; text-indent: 0; overflow: visible; font-size: 12px; background-image: none; }
	#GNB aside.top nav ul li a:focus span, #GNB aside.top nav ul li a:hover span, #GNB aside.top nav ul li a:active span	{ display: table-cell; padding: 0 4px; vertical-align: middle; }
	#GNB aside.top nav ul li a.login span	{ padding: 0 !important; }
	
	#header.over #GNB aside.top nav ul li a.logout	{ background-image: url(../image/header_login.png); }
	#header.over #GNB aside.top nav ul li a.join,
	#header.over #GNB aside.top nav ul li a.mypage	{ background-image: url(../image/header_join.png); }
	#header.over #GNB aside.top nav ul li a.sitemap	{ background-image: url(../image/header_sitemap.png); }
	
	/* #GNB #topmenu	{ padding-left: 360px; padding-right: 0; } */
	
	
	
	#topmenu	{ position: relative; }
	#topmenu .ld1 .cd1	{ position: static; }
	#topmenu .lb1	{ position: absolute; left: 0; top: 95px; width: 20%; }
	#topmenu .cd1c2 .lb1	{ left: 0; }
	#topmenu .cd1c3 .lb1	{ left: 20%; }
	#topmenu .cd1c4 .lb1	{ left: 40%; }
	#topmenu .cd1c5 .lb1	{ left: 60%; }
	#topmenu .cd1c6 .lb1	{ left: 80%; }
	#topmenu .lb1 p	{ display: block; width: 80%; line-height: 50px; margin: 0 auto; border-bottom: 1px dashed #e1e1e1; text-align: center; font-size: 25px; color: #000; font-weight: bold; }
}

@media all and (max-width: 1300px)
{
	#GNB aside.top { height: 57px; }
	#GNB aside.top .top_left .top_logo { width: 240px; height: 57px; background-size: 100%; }
	#GNB aside.top .top_left .sns_link { height: 30px; margin-left: 2px; }
	#GNB aside.top .top_left .sns_link a.icon { width: 30px; height: 30px; margin-right: 2px; background-size: 100%; }
	#GNB aside.top .top_left .sns_link a.kakao { background-position: 0 -32px; }
	#GNB aside.top .top_left .sns_link a.facebook { background-position: 0 -63px; }
	#GNB aside.top .top_left .sns_link a.blog { background-position: 0 -95px; }
	
	#GNB aside.top .top_right { padding-right: 180px; }
	#GNB aside.top .top_right .top_service h2 { line-height: 57px; }
	#GNB aside.top .top_right .top_service select { margin-left: 0; font-size: 16px; }
	#GNB aside.top .top_right .weather { line-height: 57px; }
	#GNB aside.top .top_right .weather .pm10_title { word-spacing: -1px; }
	#GNB aside.top .top_right .weather .pm10_value.normal { margin-right: 5px; }
	#GNB aside.top .top_right .weather .pm25_title { word-spacing: -1px; }
	
	#GNB aside.top nav ul li { line-height: 57px; margin-right: 7px; }
	#GNB aside.top nav ul li a { letter-spacing: -1px; }
	#topmenu .ld1 .cd1 .l1 { letter-spacing: -1px; }
	#topmenu .ld1 .cd1 .lb1 strong { top: 10px; left: 5px; font-size: 25px; }
	#topmenu .ld1 .cd1 .lb1 .menu_slogan { top: 45px; left: 5px; display: block; width: 16%; height: auto; word-break: keep-all; line-height: 20px; letter-spacing: -1px; word-spacing: -1px; }
	#topmenu .ld1 .cd1 .lb1 .menu_slogan br { display: none; }
	
	#header header h1 a { top: 57px; }
	
}

@media all and (max-width: 1100px)
{
	#GNB aside.top { height: 50px; }
	#GNB aside.top .top_left .top_logo { width: 217px; height: 50px; }
	#GNB aside.top .top_left .sns_link { margin-left: 0; }
	#GNB aside.top .top_left .sns_link a.icon { margin-right: 0; }
	#GNB aside.top .top_right .top_service h2 { line-height: 50px; }
	#GNB aside.top .top_right .top_service select { margin: 0; padding: 0 18px 0 7px; }
	#GNB aside.top .top_right .weather { margin-left: 5px; line-height: 50px; }
	#GNB aside.top .top_right { padding-right: 170px; }
	#GNB aside.top nav ul li { line-height: 50px; }
	
	#header header h1 a { top: 50px; }
	
	#topmenu .ld1 .cd1 .l1 { font-size: 17px; }
	#topmenu .ld1 .cd1 .lb1 strong { top: 15px; left: 7px; font-size: 20px; }
	#topmenu .ld1 .cd1 .lb1 .menu_slogan { top: 45px; left: 5px; display: block; width: 13%; height: auto; word-break: keep-all; line-height: 20px; letter-spacing: -1px; word-spacing: -1px; }
}

@media all and (max-width: 1024px)
{
	#GNB aside.top { padding: 0 10px; }
	#GNB aside.top .top_left .sns_link { display: none; }
	#GNB aside.top .top_right { padding-right: 0px; }
	#GNB aside.top .top_right .top_service {  }
	#GNB aside.top .top_right .top_service #top_service_menu	{ top: 6px; }
	#GNB aside.top .top_right .weather { display: none; }
	#GNB aside.top nav { display: none; }
	
	#header header h1 a { left: 10px; }
	#GNB #topmenu nav	{ position: static; }
	#GNB #topmenu .show_all_menu { display: block; }
	#topmenu .ld1 { display: none; }
	#topmenu .ld1 .cd1 .lb1 strong { display: none; }
	#topmenu .ld1 .cd1 .lb1 .menu_slogan { display: none; }
	#topmenu .ld1 .cd1 .lb1 .ld2 .cd2 { display: block; border-bottom: none; }
	
	
	/* #header	{ width: 100%; height: 60px; background-color: rgba(50, 50, 50, 0.5); }  */
	/* #header header h1 a	{ left: 50%; top: 0; width: 130px; height: 60px; margin-left: -65px; background-size: contain; } */
	
	#GNB aside.top .weather, #GNB aside.top .weather *,
	#GNB aside.top .sns_link, #GNB aside.top .sns_link *	{ display: none !important; background: none !important; }
	
	#GNB aside.top nav	{ display: none; }
	#GNB #topmenu	{ padding: 0; background: none; }
	/* #GNB #topmenu .show_all_menu	{ width: 60px; height: 60px; background-color: transparent; } */
	
	
	/* .gnb_cover	{ position: fixed; height: 100% !important; border: 0 none; background: #fff; } */
	
	#header.over header h1	{ display: none; }
	#header.over #GNB aside.top	{ height: 60px; background-color: #0096dd; color: #fff; }
	#header.over #GNB aside.top .top_left { display: none; }
	#header.over #GNB aside.top .top_right { display: none; }
	#header.over #GNB aside.top nav	{ display: block; left: 0; }
	#header.over #GNB aside.top nav ul	{ position: static; height: 60px; padding-right: 60px; overflow: hidden; }
	#header.over #GNB aside.top nav ul li	{ line-height: 60px; }
	#header.over #GNB aside.top nav ul li:before	{ content: "|"; color: #fff; }
	#header.over #GNB aside.top nav ul li:first-child:before	{ content: none; }
	#header.over #GNB aside.top nav ul li a	{ display: inline-block; width: auto; height: 60px; line-height: 60px; padding: 0 12px; text-align: left; text-indent: 0; overflow: visible; background: none !important; font-size: 15px; color: #fff; }
	
	#header.over #GNB #topmenu { position: absolute; height: 100vh; border: none; }
	#header.over #GNB #topmenu .show_all_menu	{ left: auto; right: 0; top: -60px; background-color: transparent; background-image: url(../image/header_showmenu_close.png); background-size: 35%; }
	
	#header.over #GNB #topmenu .ld1 .cd1 .lb1:before { background: transparent; display: none; }
	
	#header.over #GNB #topmenu nav { padding: 0; width: 100%; height: 100%; overflow-x: hidden; }
	#header.over #GNB #topmenu nav button.show_all_menu { width: 60px; height: 60px; }
	
	#header.over #topmenu .ld1	{ display: block; border-bottom: 1px solid #e3e3e3; }
	#header.over #topmenu .ld1 .cd1	{ display: block; float: none; width: auto; }
	#header.over #topmenu .ld1 .cd1c1	{ display: none; }
	
	#header.over #topmenu .over .lb1 { box-shadow: none; overflow: hidden; }
	#header.over #topmenu .lb1.over { box-shadow: none; }
	
	#header.over #topmenu .ld1 .cd1 .lb1 .ld2 .cd2 a { width: 100%; border-bottom: none; background-color: transparent; }
	#header.over #topmenu .ld1 .cd1 .lb1 .ld2 .cd2 .lb2.show { position: unset; width: 100%; background-color: transparent; }
	#header.over #topmenu .ld3	{ padding-left: 40px; }
	#header.over #topmenu .ld3 .cd3 { display: block; }
	
	#header.over #topmenu .ld1 .cd1 .l1	{ position: relative; height: 53px; line-height: 53px; text-align: left; text-indent: 20px; color: #000; font-size: 16px; font-weight: normal; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild:after	{ position: absolute; right: 20px; top: 50%; width: 16px; height: 9px; margin-top: -4px; background: url(../image/header_menu_depth1_arrow_up.png) no-repeat center center; background-size: contain; content: ""; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild.show:after	{ background-image: url(../image/header_menu_depth1_arrow_down.png); }
	
	#header.over #topmenu .lb1	{ position: static; width: auto; height: 0 !important; padding: 0; border: 0 none; overflow: hidden; }
	#header.over #topmenu .lb1.show	{ height: auto !important; padding: 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f9f9f9; overflow: visible; }
	#header.over #topmenu .ld2 .cd2 .l2	{ position: relative; line-height: 32px; padding: 0; font-size: 16px; text-align: left; color: #333; text-indent: 20px; }
	#header.over #topmenu .ld2 .cd2 .l2.hasChild:after	{ position: absolute; right: 20px; top: 0; font-size: 10px; color: #999; text-align: center; content: "▼"; }
	#header.over #topmenu .ld2 .cd2 .l2.hasChild.show:after	{ content: "▲"; }
	
	#header.over #topmenu .lb2	{ display: block; height: 0; overflow: hidden; }
	#header.over #topmenu .lb2.show	{ height: auto; overflow: visible; }
	
	
	#header.over #topmenu .ld3 .cd3 .l3	{ position: relative; padding: 3px 0; line-height: 30px; font-size: 16px; color: #666; }
	#header.over #topmenu .ld3 .cd3 .l3:before	{ display: inline-block; width: 10px; content: "-"; }
	
	#header.over #topmenu .child_tabmenu > div	{ display: none !important; }
}

@media all and (max-width: 530px)
{
/*
	body.menu_fix #container.sub	{ margin-top: 130px; }
*/
	
	#GNB #topmenu { height: 80px; }
	#header header h1 a { height: 80px; background-size: auto 80%; background-position: center left; }
	#GNB #topmenu .show_all_menu { width: 80px; background-size: 50%; }
}

@media all and (max-width: 500px)
{
	#GNB aside.top .top_right .top_service h2	{ position: absolute; width: 0; height: 0; font-size: 0; margin: 0; overflow: hidden; }
	#GNB aside.top .top_right .top_service #top_service_menu	{ margin: 0; }
}

@media all and (max-width: 425px)
{
	#GNB aside.top .top_left .top_logo { width: 180px; background-size: 100% 85%; }
}

@media all and (max-width: 380px)
{
	#GNB aside.top .top_left .top_logo { width: 170px; background-size: 100% 80%; }
}

@media all and (max-width: 320px)
{
	#GNB aside.top	{ padding: 0; }
}



/*
FOOTER
*/
/* #footer	{ background-color: #1f2226; color: #fff; } */ 
#footer aside	{ border-bottom: 1px solid #2a2d31; background-color: #454d69; }
#footer aside .alignbox	{ max-width: 1300px; margin: 0 auto; }
#footer aside .alignbox:after	{ display: block; clear: both; content: ""; }
#footer aside ul.link	{ float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul.link li	{ float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul.link li a	{ position: relative; display: block; line-height: 64px; padding: 0 15px; color: #727374; }
#footer aside ul.link li a:after { content:"|"; position: absolute; right: 0px; color: #fff; }
#footer aside ul.link li:last-child a:after { content: ""; }
#footer aside ul.link li:first-child a	{ padding-left: 0;  }
#footer aside ul.link li:first-child a strong{color: #ffeb3b !important;    font-size: 1.3em; }
#footer aside ul.link li a strong	{ color: #fff; font-weight: normal; }
#footer aside ul.link li a:focus, #footer aside ul.link li a:hover, #footer aside ul.link li a:active,
#footer aside ul.link li a:focus *, #footer aside ul.link li a:hover *, #footer aside ul.link li a:active *	{ color: #fff !important; }

#footer aside .familysite	{ position: relative; top: 10px; z-index: 99; float: right; width: 235px; height: 44px; line-height: 42px; font-size: 16px; }
#footer aside .familysite h3	{ position: relative; height: 44px; padding: 0 50px 0 21px; margin: 0; color: #fff; font-weight: normal; cursor: pointer; box-sizing: border-box; background-color: #30364c; font-size: 16px; }
/* #footer aside .familysite h3.active	{ border-radius: 0 0 9px 9px; } */
#footer aside .familysite h3:after	{ position: absolute; right: 0; top: 0; display: block; width: 35px; height: 44px; content: ""; background: url(../image/arrow_down.png) no-repeat left center; }
#footer aside .familysite h3.active:after	{ background-image: url(../image/arrow_up.png); }
#footer aside .familysite ul	{ position: absolute; right: 0; bottom: 43px; min-width: 100%; height: 0; line-height: 40px; padding: 0; margin: 0; list-style: none; border-radius: 9px 9px 0 0; box-sizing: border-box; overflow: hidden; background-color: #0c0e0f; }
#footer aside .familysite ul.active	{ height: auto; overflow: visible; border-width: 1px; border-style: solid; border-color: #2a2d30 #2a2d30 #0c0e0f #2a2d30; }
#footer aside .familysite ul li	{ float: none; padding: 0; margin: 0; list-style: none; }
#footer aside .familysite ul li a	{ display: block; padding: 0 0 0 21px; color: #fff; }
#footer aside .familysite ul li a:focus, #footer aside .familysite ul li a:hover, #footer aside .familysite ul li a:active	{ background-color: #666; color: #fff; }
#footer aside .familysite + .familysite	{ border-right: 1px solid #e6e6e6; }


#footer .footer_info { position: relative; max-width: 1300px; margin: 0 auto; }
#footer .footer_info .footer_logo	{ position: absolute; width: 200px; left: 0; }
#footer .footer_info .footer_logo h3	{ width: 200px; height: 98px; margin: 0; background: url(../image/footer_logo.png) no-repeat 0 center; text-indent: -9999px; overflow: hidden; }
#footer .footer_info address	{ width: 100%; line-height: 28px; padding: 25px 150px 25px 210px; margin: 0; box-sizing: border-box; font-style: normal; font-size: 15px; color: #727374; }
#footer .footer_info address span	{ display: inline-block; margin-right: 1em; }
#footer .footer_info .wa	{ position: absolute; right: 0; top: 15px; width: 140px; height: 100px; background: url(../image/footer_wa.png) no-repeat center center; }
#footer .footer_info .wa a { width: 100%; height: 100%; display: block; text-indent: -999px; overflow: hidden; }

@media all and (max-width: 1340px)
{
	#footer aside	{ padding-left: 10px; padding-right: 10px; }
}

@media all and (max-width: 970px)
{
	footer .wa  { display: none; }
}

@media all and (max-width: 800px)
{
	#footer aside ul.link	{ float: none; padding: 10px 0; border-bottom: 1px solid #292c30; text-align: center; }
	#footer aside ul.link li	{ float: none; display: inline-block; }
	#footer aside ul.link li a	{ line-height: 30px; padding: 0 15px 0 5px; }
	#footer aside ul.link li a strong { font-size: 16px; }
	
	#footer aside .familysite	{ top: auto; float: none; margin: 10px auto; font-size: 14px; }
	#footer aside .familysite h3	{ font-size: 14px; }
	
	#footer .footer_logo, #footer .footer_logo *	{ display: none !important; background: none !important; }
	
	#footer address	{ padding: 25px 5px !important; margin: 0; text-align: center; }
	#footer .footer_info address span { margin-right: 10px; }
}






/*
MAIN
*/
#container.main	{}
#container.main #section,
#container.main #contents	{ position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; }


#container.main #section .section_1	{ position: absolute; left: 0; top: 0; width: 95px; height: 100%; padding-top: 136px; padding-bottom: 77px; box-sizing: border-box; }
#container.main #section .section_2	{ clear: both; position: relative; }
#container.main #section .section_3	{ clear: both; }
#container.main #section .section_4	{ clear: both; max-width: 1300px; height: 360px; margin: 0 auto; padding: 70px 0; }
#container.main #section .section_5	{ clear: both; width: 100%; border-top: 1px solid #dadada; }


/* #container.main #section .quickmenu	{ position: relative; z-index: 2; height: 100%; padding: 68px 0 288px 0; box-sizing: border-box; background-color: #333; color: #fff; }
#container.main #section .quickmenu h2	{ position: absolute; left: 0; top: 0; width: 100%; height: 68px; line-height: 66px; margin: 0; text-align: center; font-size: 16px; font-weight: 500; }
#container.main #section .quickmenu h2:before	{ position: absolute; left: 50%; bottom: -1px; width: 66px; height: 1px; margin-left: -33px; background-color: #191919; content: ""; }
#container.main #section .quickmenu h2:after	{ position: absolute; left: 50%; bottom: 0; width: 66px; height: 1px; margin-left: -33px; background-color: #5c5c5c; content: ""; }
#container.main #section .quickmenu ul, #container.main #section .quickmenu li	{ padding: 0; margin: 0; list-style: none; }
#container.main #section .quickmenu .type1	{ position: relative; height: 100%; }
#container.main #section .quickmenu .type1 li	{ position: relative; height: 12.5%; }
#container.main #section .quickmenu .type1 li a	{ position: relative; display: table; width: 100%; height: 100%; padding: 0 5px; box-sizing: border-box; text-align: center; color: #fff; font-size: 16px; font-weight: normal; background: no-repeat center center; }
#container.main #section .quickmenu .type1 li a.icon_1	{ background-image: url(../image/main_quickmenu_1.png); }
#container.main #section .quickmenu .type1 li a.icon_2	{ background-image: url(../image/main_quickmenu_2.png); }
#container.main #section .quickmenu .type1 li a.icon_3	{ background-image: url(../image/main_quickmenu_3.png); }
#container.main #section .quickmenu .type1 li a.icon_4	{ background-image: url(../image/main_quickmenu_4.png); }
#container.main #section .quickmenu .type1 li a.icon_5	{ background-image: url(../image/main_quickmenu_5.png); }
#container.main #section .quickmenu .type1 li a.icon_6	{ background-image: url(../image/main_quickmenu_6.png); }
#container.main #section .quickmenu .type1 li a.icon_7	{ background-image: url(../image/main_quickmenu_7.png); }
#container.main #section .quickmenu .type1 li a.icon_8	{ background-image: url(../image/main_quickmenu_8.png); }
#container.main #section .quickmenu .type1 li a > span	{ display: table-cell; line-height: 25px; vertical-align: middle; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main #section .quickmenu .type1 li a:focus, #container.main #section .quickmenu .type1 li a:hover, #container.main #section .quickmenu .type1 li a:active	{ background-image: none; }
#container.main #section .quickmenu .type1 li a:focus > span, #container.main #section .quickmenu .type1 li a:hover > span, #container.main #section .quickmenu .type1 li a:active > span	{ text-align: center; text-indent: 0; overflow: visible; }
#container.main #section .quickmenu .type1 li a > span > span	{ display: block; }

#container.main #section .quickmenu .type2	{ position: absolute; left: 0; bottom: 0; width: 100%; }
#container.main #section .quickmenu .type2 li	{ display: table; width: 100%; }
#container.main #section .quickmenu .type2 a	{ display: table-cell; width: 100%; height: 72px; line-height: 20px; vertical-align: middle; background-color: #333; color: #fff; text-align: center; font-size: 16px; }
#container.main #section .quickmenu .type2 a span	{ display: block; }
#container.main #section .quickmenu .type2 a.color_1	{ background-color: #155C7B; }
#container.main #section .quickmenu .type2 a.color_2	{ background-color: #37569A; }
#container.main #section .quickmenu .type2 a.color_3	{ background-color: #12662E; }
#container.main #section .quickmenu .type2 a.color_4	{ background-color: #396115; }
#container.main #section .quickmenu .type2 a:focus, #container.main #section .quickmenu .type2 a:hover, #container.main #section .quickmenu .type2 a:active	{ background-color: #666; color: #fff; } */


/* 메인 팝업존  */ 
/* #container.main #section .popup_bg { width: calc(100% - (1300px / 3)); height: 600px; position: absolute; left: 0; top: 0; background: url(../image/main_banner_bg.png) no-repeat right center; background-size: cover; }
#container.main #section .main_popupzone .align	{ max-width: 1300px; height: 560px; padding: 30px 0px; margin: 0 auto; }
#container.main #section .main_popupzone .align .list { position: relative; width: 950px; float: left; }
#container.main #section .main_popupzone .align .list ul { padding: 0; margin: 0; list-style: none; }
#container.main #section .main_popupzone .align .list ul li { width: 920px; height: 450px; background-color: #c1c1c1; border-radius: 10px; overflow: hidden; } */
/*
#container.main #section .section_2_bg { position: absolute; left: 0; top: 0; width: calc(((100% - 1300px) / 2) + 950px); height: 600px; margin-top: 20px; background: url(../image/main_banner_bg.png) no-repeat top right; }
*/
#container.main #section .section_2_bg	{ position: relative; max-width: 1300px; margin: 0 auto; }
#container.main #section .section_2_bg:before { position: absolute; left: -35px; top: 0; width: 995px; height: 600px; margin-top: 20px; background: url(../image/main_banner_bg.png) no-repeat top right; border-radius: 40px; content: ""; }
#container.main #section .info_content { max-width: 1300px; height: 670px; margin: 0 auto; padding: 55px 0; box-sizing: border-box; }
#container.main #section .info_content .main_popupzone { position: relative; width: 935px; height: auto; padding-right: 20px; margin-right: 55px; float: left; box-sizing: border-box; }
#container.main #section .info_content .main_popupzone h2 { position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
#container.main #section .info_content .main_popupzone { }
#container.main #section .info_content .main_popupzone .list { position: relative; width: 915px; height: 450px; overflow: hidden; box-sizing: border-box; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); border-radius: 15px; background-color: #fff; }
#container.main #section .info_content .main_popupzone .list ul { list-style: none; margin: 0; padding: 0; }
#container.main #section .info_content .main_popupzone .list ul li { position: absolute; left: 0; top: 0; width: 915px; height: 450px; overflow: hidden; list-style: none; }
#container.main #section .info_content .main_popupzone .list ul li > * { position: relative; display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: contain; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main #section .info_content .main_popupzone .list ul li a .images { position: relative; display: block; width: 100%; height: 100%; }
#container.main #section .info_content .main_popupzone .list ul li a .images img { display: block; width: 100%; height: 100%; }
/*
#container.main #section .info_content .main_popupzone .list ul li > *:focus	{ border-radius: 15px; border: 2px solid red; box-sizing: border-box; }
*/
#container.main #section .info_content .main_popupzone .list ul li > *:focus:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; border: 2px solid red; box-sizing: border-box; content: ""; }

#container.main #section .info_content .main_popupzone .ctrl_prev { position: absolute; left: -21px; top: calc((100% / 2) - 55px); width: 42px; height: 42px; z-index: 100; }
#container.main #section .info_content .main_popupzone .ctrl_prev a { display: block; width: 100%; height: 100%; }
#container.main #section .info_content .main_popupzone .ctrl_prev a span { display: block; width: 100%; height: 100%; background: url(../image/prev_top.png) no-repeat center center; overflow: hidden; text-indent: -999px; }
#container.main #section .info_content .main_popupzone .ctrl_next { position: absolute; right: 0; top: calc((100% / 2) - 55px); width: 42px; height: 42px; z-index: 100; }
#container.main #section .info_content .main_popupzone .ctrl_next a { display: block; width: 100%; height: 100%; }
#container.main #section .info_content .main_popupzone .ctrl_next span { display: block; width: 100%; height: 100%; background: url(../image/next_top.png) no-repeat center center; overflow: hidden; text-indent: -999px; }

#container.main #section .info_content .main_popupzone .ctrl_box { position: relative; width: 200px; height: auto; padding: 10px; margin: 20px auto 0 auto; background-color: #fff; border-radius: 100px; }
#container.main #section .info_content .main_popupzone .ctrl_box a { position: absolute; display: inline-block; width: 25px; height: 25px; }
#container.main #section .info_content .main_popupzone .ctrl_box a.prev { left: 15px; top: 13px; }
#container.main #section .info_content .main_popupzone .ctrl_box a.prev:after { position: absolute; top: -5px; right: -5px; content: "|"; color: #9f9f9f; }
#container.main #section .info_content .main_popupzone .ctrl_box a.next { left: 45px; top: 13px; }
#container.main #section .info_content .main_popupzone .ctrl_box a.play_stop { right: 15px; top: 13px; }
#container.main #section .info_content .main_popupzone .ctrl_box a span { display: block; width: 100%; height: 100%; background: url(../image/popupzone_btn.png) no-repeat center center; overflow: hidden; text-indent: -999px; }
#container.main #section .info_content .main_popupzone .ctrl_box a.prev span { background-position: 5px 0; }
#container.main #section .info_content .main_popupzone .ctrl_box a.next span { background-position: -32px 0; }
#container.main #section .info_content .main_popupzone .ctrl_box a.play_stop.play span { background-position: -57px 0; }
#container.main #section .info_content .main_popupzone .ctrl_box a.play_stop.stop span { background-position: -86px 0; }
#container.main #section .info_content .main_popupzone .control2 { padding-left: 30px; text-align: center; }
#container.main #section .info_content .main_popupzone .control2 span.now { color: #ca1e26; font-weight: bold; }
#container.main #section .info_content .main_popupzone .control2 span.split { margin: 0 10px; }

#container.main #section .info_menu { float: left; box-sizing: border-box; }
#container.main #section .info_menu .menu_list { width: 310px; box-sizing: border-box; }
#container.main #section .info_menu .menu_list ul { padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
#container.main #section .info_menu .menu_list ul li { width: 100%; margin-bottom: 10px; list-style: none; box-sizing: border-box; }
#container.main #section .info_menu .menu_list ul li a { display: block; position: relative; width: 100%; padding: 10px 0 10px 120px; background-color: #fff; border: 1px solid #c1d6dd; border-radius: 7px; overflow: hidden; box-sizing: border-box; }
#container.main #section .info_menu .menu_list ul li a span { line-height: 75px; box-sizing: border-box; }
#container.main #section .info_menu .menu_list ul li:nth-child(1) a span:before { content: ""; background: url(../image/icon_r_01.png) no-repeat center center; position: absolute; left: 40px; top: calc(50% / 2); width: 60px; height: 50px; }
#container.main #section .info_menu .menu_list ul li:nth-child(2) a span:before { content: ""; background: url(../image/icon_r_02.png) no-repeat center center; position: absolute; left: 40px; top: calc(50% / 2); width: 60px; height: 50px; }
#container.main #section .info_menu .menu_list ul li:nth-child(3) a span:before { content: ""; background: url(../image/icon_r_03.png) no-repeat center center; position: absolute; left: 40px; top: calc(50% / 2); width: 60px; height: 50px; }
#container.main #section .info_menu .menu_list ul li:nth-child(4) a span:before { content: ""; background: url(../image/icon_r_04.png) no-repeat center center; position: absolute; left: 40px; top: calc(50% / 2); width: 60px; height: 50px; }
#container.main #section .info_menu .menu_list ul li a span:after { content: url(../image/link_icon.png); position: absolute; right: 9%; top: 10px; }

#container.main #section .info_menu .info_num { display: block; width: 310px; padding: 15px 20px; background-color: #fdf7f5; border-radius: 7px; box-sizing: border-box; }
#container.main #section .info_menu .info_num span { display: block; font-size: 16px; letter-spacing: -1px; line-height: 27px; }
#container.main #section .info_menu .info_num span br { display: none; }
#container.main #section .info_menu .info_num span.phone { font-weight: bold; }
#container.main #section .info_menu .info_num span.phone b { font-size: 25px; color: #e65757; }

/* #container.main #section .main_image	{ position: relative; height: 685px; margin-left: -95px; }
#container.main #section .main_image h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main #section .main_image .align	{}
#container.main #section .main_image .align .list	{}
#container.main #section .main_image .align .list .empty	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999999px; overflow: hidden; background: url(../image/main_visual_default.jpg) no-repeat center center; background-size: cover; } */


/* #container.main .main_popupzone	{ position: absolute; right: 20px; top: 170px; width: 460px; height: 460px; }
#container.main .main_popupzone h2	{ position: absolute; width: 0; height: 0; font-size: 0; }
#container.main .main_popupzone .list	{}
#container.main .main_popupzone .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .main_popupzone .list ul li	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; overflow: hidden; }
#container.main .main_popupzone .list ul li a	{ display: block; position: relative; width: 100%; height: 100%; }
#container.main .main_popupzone .list ul li a .images	{ display: block; position: relative; width: 100%; height: 100%; }
#container.main .main_popupzone .list ul li a .images	img	{ display: block; width: 100%; height: 100%; margin: 0 auto; border: 0 none; }
#container.main .main_popupzone .list ul li a .description	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

#container.main .main_popupzone .control1 a:focus, #container.main .main_popupzone .control1 a:hover, #container.main .main_popupzone .control1 a:active	{ background-color: #fff; color: #000; }
#container.main .main_popupzone .control1 .prev	{ position: absolute; left: 140px; top: 0; z-index: 4; width: 29px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); color: #000; font-family: serif; }
#container.main .main_popupzone .control1 .prev:after	{ content: "<"; font-weight: bold; }
#container.main .main_popupzone .control1 .prev span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .main_popupzone .control1 .next	{ position: absolute; left: 260px; top: 0; z-index: 4; width: 29px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); color: #000; font-family: serif; }
#container.main .main_popupzone .control1 .next:after	{ content: ">"; font-weight: bold; }
#container.main .main_popupzone .control1 .next span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

#container.main .main_popupzone .control1 .play_stop	{ position: absolute; left: 290px; top: 0; z-index: 4; width: 29px; height: 30px; text-align: left; text-indent: -999px; overflow: hidden; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); }
#container.main .main_popupzone .control1 .play_stop.play:before	{ position: absolute; left: 11px; top: 9px; width: 2px; height: 12px; background-color: #000; content: ""; }
#container.main .main_popupzone .control1 .play_stop.play:after	{ position: absolute; left: 16px; top: 9px; width: 2px; height: 12px; background-color: #000; content: ""; }
#container.main .main_popupzone .control1 .play_stop.stop:before	{ position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; text-align: center; color: #000; font-size: 14px; text-indent: 0; content: "▶"; }

#container.main .main_popupzone .control2 .state	{ position: absolute; left: 170px; top: 0; z-index: 4; width: 89px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); color: #000; font-size: 14px; }
#container.main .main_popupzone .control2 .state .now	{ font-size: 18px; font-weight: bold; vertical-align: top; }
#container.main .main_popupzone .control2 .state .split	{ position: relative; display: inline-block; width: 12px; text-indent: -999px; overflow: hidden; vertical-align: top; }
#container.main .main_popupzone .control2 .state .split:after	{ position: absolute; left: 50%; top: 50%; width: 1px; height: 16px; margin-top: -10px; background-color: #7f7f7f; content: ""; }
#container.main .main_popupzone .control2 .state .total	{ vertical-align: top; }

#container.main .main_popupzone .control2 .list_button,
#container.main .main_popupzone .control2 .list_box	{ display: none; } */ 


/* section_3 고객서비스 */
#container.main #section .service_list { position: relative; max-width: 1350px; height: 245px; padding: 0 25px; background-color: #ecf2fa; margin: 0 auto; border-radius: 15px; box-sizing: border-box; }
#container.main #section .service_list .title { position: absolute; left: 0; top: 0; }
#container.main #section .service_list .title h2 { width: 306px; height: 235px; margin: 10px 0 0 25px; padding: 0; background: url(../image/service_title.png) no-repeat center center; text-indent: -999px; overflow: hidden;}
#container.main #section .service_list .list_content { position: relative; width: 100%; height: 100%; padding: 35px 20px 35px 310px; overflow: hidden; box-sizing: border-box; }
/* #container.main #section .service_list .list_content ul { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; list-style: none; box-sizing: border-box; } */
#container.main #section .service_list .list_content ul { position: relative; width: 100%; height: 100%; padding: 0 20px; margin: 0; list-style: none; box-sizing: border-box; }
#container.main #section .service_list .list_content ul li { position: relative; width: calc((100% / 6) - 10px); height: 150px; margin-right: 10px; float: left; list-style: none; }
/* #container.main #section .service_list .list_content ul li:last-child { margin-right: 0px; } */
#container.main #section .service_list .list_content ul li a { position: relative; display: block; width: 100%; padding-top: 110px; text-align: center; box-sizing: border-box; }
#container.main #section .service_list .list_content ul li a span {  width: 100%; box-sizing: border-box; letter-spacing: -1px; } 
#container.main #section .service_list .list_content ul li a.m1:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_01.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m2:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_02.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m3:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_03.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m4:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_04.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m5:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_05.png) no-repeat center center; background-position: center;}
#container.main #section .service_list .list_content ul li a.m6:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_06.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m7:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_07.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m8:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_08.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m9:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_09.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m10:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_10.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul li a.m11:after { position: absolute; top: 0; left: 0; width: 100%; height: 105px; content: ""; background: url(../image/icon_c_11.png) no-repeat center center; background-position: center; }
#container.main #section .service_list .list_content ul button.slick-prev { position: absolute; left: 0; top: calc(50% - 10px); width: 15px; height: 15px; padding: 0; background: transparent; border: none; overflow: hidden; text-indent: -9999px; z-index: 10; }
#container.main #section .service_list .list_content ul button.slick-prev:after { content:""; background: url(../image/slick_btn.png) no-repeat center left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#container.main #section .service_list .list_content ul button.slick-next { position: absolute; right: 0; top: calc(50% - 10px); width: 15px; height: 15px; padding: 0; background: transparent; border: none; overflow: hidden; text-indent: -9999px; z-index: 10; }
#container.main #section .service_list .list_content ul button.slick-next:after { content:""; background: url(../image/slick_btn.png) no-repeat center right; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#container.main #section .service_list .list_content ul ul.slick-dots { width: 100%; height: 30px; text-align: center; }
#container.main #section .service_list .list_content ul ul.slick-dots li { width: auto; height: auto; display: inline-block; float: none; }
#container.main #section .service_list .list_content ul ul.slick-dots li:last-child { margin-right: 0; }
#container.main #section .service_list .list_content ul ul.slick-dots li button { width: 15px; height: 15px; padding: 0; background: #fff; border-radius: 100%; border: 1px solid #ccc; overflow: hidden; text-indent: -999px; }
#container.main #section .service_list .list_content ul ul.slick-dots li.slick-active button { background: #676669;}


/* #container.main #section .link1	{}
#container.main #section .link1 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main #section .link1 ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#container.main #section .link1 ul.type1	{ display: none; }
#container.main #section .link1 ul li	{ display: table-cell; width: 1%; padding: 0; margin: 0; list-style: none; }
#container.main #section .link1 ul li a	{ display: block; line-height: 74px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #d7d7d7; text-align: center; background-color: #f6f6f6; font-size: 22px; color: #222; }
#container.main #section .link1 ul li:first-child a	{ border-left-width: 1px; }
#container.main #section .link1 ul li:nth-child(even) a	{ background-color: #eee; }
#container.main #section .link1 ul li a:focus, #container.main #section .link1 ul li a:hover, #container.main #section .link1 ul li a:active	{ background-color: #999; color: #fff; }
#container.main #section .link1 ul li a:before	{ display: inline-block; width: 50px; height: 50px; background: no-repeat 0 center; vertical-align: middle; content: ""; }
#container.main #section .link1 ul li a.icon_1:before	{ background-image: url(../image/main_link_1.png); }
#container.main #section .link1 ul li a.icon_2:before	{ background-image: url(../image/main_link_2.png); }
#container.main #section .link1 ul li a.icon_3:before	{ background-image: url(../image/main_link_3.png); }
#container.main #section .link1 ul li a.icon_4:before	{ background-image: url(../image/main_link_4.png); }
#container.main #section .link1 ul li a.icon_5:before	{ background-image: url(../image/main_link_5.png); }
#container.main #section .link1 ul li a.icon_6:before	{ background-image: url(../image/main_link_6.png); } */


/* section_4 홍보영상 */
#container.main #section .video_content { width: 526px; height: 360px; float: left; box-sizing: border-box; }
#container.main #section .video_content a { position: relative; display: block; width: 100%; height: 100%; background-color: #c1c1c1; border-radius: 7px; border-radius: 7px; overflow: hidden; }
#container.main #section .video_content a .image { position: relative; display: block; width: 100%; height: 100%; background: url(../image/youtube_03.png) no-repeat center center; }
#container.main #section .video_content a .image:before { content: ""; position: absolute; left: calc((100% / 2) - 50px); top: calc((100% / 2) - 80px); width: 100px; height: 100px; background: url(../image/video_btn.png) no-repeat center center; }
#container.main #section .video_content a .title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)); line-height: 60px; box-sizing: border-box; }
#container.main #section .video_content a .title strong { display: block; color: #fff; font-size: 20px; font-weight: 400; border-top: 1px solid #fff; }
#container.main #section .video_content a .title strong:before { content: url(../image/video_txt_icon.png); margin-right: 10px; }

/* section_4 게시판 */
#container.main #section .boards	{ position: relative; float: left; width: calc(100% - 586px); height: 360px; margin-left: 60px; }
#container.main #section .boards:after	{ display: block; clear: both; content: ""; }
#container.main #section .boards > section	{ position: relative; float: left; width: 25%; height: 347px; }
#container.main #section .boards > section:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 250px; margin-top: -125px; background-color: #f3f3f3; content: ""; }
#container.main #section .boards > section:first-child:before	{ content: none; }

/*
#container.main #section .boards h2	{ margin: 0;  float: left; width: calc((100% - 55px) / 4); height: 55px; border: 1px solid #d8dbde; border-right: none; box-sizing: border-box; }
*/
#container.main #section .boards h2	{ margin: 0;  float: left; width: 25%; height: 55px; border: 1px solid #d8dbde; border-left: none; box-sizing: border-box; }
#container.main #section .boards h2:first-child	{ border-left: 1px solid #d8dbde; }
#container.main #section .boards h2 a	{ position: relative; display: block; height: 100%; line-height: 55px; padding: 0; text-align: center; font-weight: bold; color: #222; font-size: 20px; }
#container.main #section .boards h2 a.active { background-color: #e65757; color: #fff; }
/* #container.main #section .boards h2 a:after	{ position: absolute; right: 40px; top: 50%; width: 22px; height: 22px; margin-top: -11px; background: url(../image/main_board_more.png) no-repeat 0 0; content: ""; } */
#container.main #section .boards h2 a:focus, #container.main #section .boards h3 a:hover, #container.main #section .boards h3 a:active	{ color: #fff; }
/*
#container.main #section .boards .list_plus { position: absolute; right: 0; top: 0; width: 55px; height: 55px; margin: 0; border: 1px solid #d8dbde; box-sizing: border-box; }
#container.main #section .boards .list_plus a { display: block; width: 100%; height: 100%; padding: 0; font-size: 22px; font-weight: bold; text-align: center; line-height: 55px; cursor: pointer; }
#container.main #section .boards .list_plus a:active, #container.main #section .boards .list_plus a:hover, #container.main #section .boards .list_plus a:focus-visible { background-color: #e65757; color: #fff; }
*/
#container.main #section .boards .list_plus	{ display: none; }

#container.main #section .boards .list	{ padding: 0px;  position: absolute; left: 0; top: 57px; width: 100%; height: 300px; background-color: #fff; }
#container.main #section .boards .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main #section .boards .list ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main #section .boards .list ul li.empty,
#container.main #section .boards .list ul li a	{ position: relative; display: block; line-height: 32px; padding-left: 12px; font-size: 16px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.main #section .boards .list ul li.empty:before,
#container.main #section .boards .list ul li a:before	{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px;; margin-top: -2px; border-radius: 3px; background-color: #222; content: ""; }
#container.main #section .boards .list ul li a strong	{ font-weight: normal; }
#container.main #section .boards .list ul li a span	{ display: none; }
#container.main #section .boards .list ul li a br	{ display: none; }
#container.main #section .boards .list ul li.c1	{ padding-bottom: 21px; }
#container.main #section .boards .list ul li.c1 a	{ position: relative; display: block; width: 100%; padding: 35px 0 35px 120px; border-bottom: 1px dashed #d7d7d7; white-space: normal; box-sizing: border-box; }
#container.main #section .boards .list ul li.c1 a:before	{ content: none; }
#container.main #section .boards .list ul li.c1 a strong	{ display: block; line-height: 40px; font-size: 20px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#container.main #section .boards .list ul li.c1 a span	{ display: block; line-height: 34px; font-size: 16px; }
#container.main #section .boards .list ul li.c1 a span.content { width: 100%; height: 43px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; text-overflow: ellipsis; line-height: 20px; }
#container.main #section .boards .list ul li.c1 a span.date	{ position: absolute; left: 5px; top: calc(50% - 46px); width: 92px; height: 92px; padding: 10px; background-color: #f5f5f5; border-radius: 100%; text-align: center; box-sizing: border-box; }
#container.main #section .boards .list ul li.c1 a span.date .day { margin-top: 5px; font-size: 30px; font-weight: bold; line-height: 40px; }
#container.main #section .boards .list ul li.c1 a span.date .month { font-weight: bold; line-height: 20px; }
#container.main #section .boards .list ul li a { padding-right: 90px; line-height: 45px; font-size: 17px; }
#container.main #section .boards .list ul li a:focus, #container.main #section .boards .list ul li a:hover, #container.main #section .boards .list ul li a:active	{ color: #0096dd; }
#container.main #section .boards .list ul li a span.date { display: block; position: absolute; top: 0; right: 0; }


/* #container.main #section .banner	{ position: relative; padding-left: 300px; background-color: #f6f6f6; } */
#container.main #section .banner	{ position: relative; max-width: 1300px; margin: 0 auto; padding-left: 100px; box-sizing: border-box; }
/* #container.main #section .banner:after	{ display: block; clear: both; content: ""; } */
#container.main #section .banner h2	{ position: absolute; left: 0; top: 20px; width: 95px; height: 30px; margin: 0; background: url(../image/banner_icon.png) no-repeat center center; overflow: hidden; text-indent: -999px; }
#container.main #section .banner .align	{ position: relative; }
#container.main #section .banner .align .list	{ position: relative; height: 76px; padding-left: 100px; line-height: 76px; overflow: hidden; }
#container.main #section .banner .align .list:after	{ display: block; clear: both; content: ""; }
#container.main #section .banner .align .list .empty	{ text-indent: 20px; }
#container.main #section .banner .align .list div	{ /* float: left; margin: 0 5px; */ display: block; }
#container.main #section .banner .align .list div a	{ display: block; padding: 0; margin: 5px; box-sizing: border-box; }
#container.main #section .banner .align .list div img	{ display: block; max-height: 65px; margin: 0 auto; border: 0 none; }
#container.main #section .banner .align .list div span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main #section .banner .align .link	{ position: absolute; right: 0; top: 0; width: 600px; }
#container.main #section .banner .align .link ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#container.main #section .banner .align .link ul li	{ display: table-cell; width: 1%; padding: 0; margin: 0; list-style: none; border-left: 1px solid #dadada; }
#container.main #section .banner .align .link ul li a	{ position: relative; display: block; height: 76px; line-height: 76px; text-indent: 40px; font-size: 20px; color: #222; }
#container.main #section .banner .align .link ul li a:after	{ position: absolute; right: 35px; top: 50%; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; border-radius: 30px; text-align: center; background-color: #d0d1d3; color: #fff; text-indent: 0; font-family: serif; font-size: 12px; font-weight: bold; content: ">"; }
#container.main #section .banner .align .link ul li a:focus, #container.main #section .banner .align .link ul li a:hover, #container.main #section .banner .align .link ul li a:active	{ background-color: #666; color: #fff; }

#container.main #section .banner .align .list .slick-arrow { position: absolute; width: 20px; height: 20px; padding: 0; background: #fff; border: none; color: #666; text-indent: -999px; overflow: hidden; }
#container.main #section .banner .align .list .slick-prev { top: 25px; left: 10px; background: url(../image/banner_btn.png) no-repeat center left; }
#container.main #section .banner .align .list button.play_stop { position: absolute; top: 25px; left: 35px; width: 20px; height: 20px; padding: 0; background: #fff; font-size: 12px; color: #4a506b; border: none; }
#container.main #section .banner .align .list button.play { position: absolute; top: 25px; left: 35px; width: 20px; height: 20px; padding: 0; background: #fff; color: #4a506b; border: none; }
#container.main #section .banner .align .list .slick-next { top: 25px; left: 60px; background: url(../image/banner_btn.png) no-repeat center right; }

#container.main #section .banner .align .list .slick-track { margin: 0; }



/* @media all and (max-width: 1440px)
{
	#container.main #section .banner .align	{ padding-right: 400px; }
	#container.main #section .banner .align .link	{ width: 400px; }
	#container.main #section .banner .align .link ul li a	{ text-indent: 20px; }
	#container.main #section .banner .align .link ul li a:after	{ right: 10px; }
} */

@media all and (max-width: 1350px)
{
	/* #container.main #section .section_2_bg { width: calc(100% - 20px); } */
	/* #container.main #section .info_content { width: 915px; height: auto; margin: 0 auto; }
	
	#container.main #section .info_content .main_popupzone { float: none; width: 915px; padding-right: 0px; margin: 0 auto 42px auto; }
	#container.main #section .info_content .main_popupzone .ctrl_next { right: -20px; }
	
	#container.main #section .info_menu { float: none; padding-top: 50px; }
	#container.main #section .info_menu .menu_list { width: 100%; height: 205px; }
	#container.main #section .info_menu .menu_list ul li { float: left; width: calc((100% / 2) - 5px); }
	#container.main #section .info_menu .menu_list ul li:nth-child(1) { margin-right: 10px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(3) { margin-right: 10px; }
	#container.main #section .info_menu .info_num { width: calc((100% / 2) - 5px); margin-top: 10px; } */ 
	
	#container.main #section .section_2_bg { width: calc(((100% - 1300px) / 2) + 960px); }
	#container.main #section .info_content .main_popupzone { width: 960px; padding: 0 22px; margin-right: 10px; }
	#container.main #section .info_content .main_popupzone .ctrl_prev { left: 2px; }
	#container.main #section .info_content .main_popupzone .ctrl_next { right: 2px; }
	
	#container.main #section .info_menu { width: calc(100% - 985px); }
	#container.main #section .info_menu .menu_list { width: 100%; }
	#container.main #section .info_menu .info_num { width: 100%; }
	
	#container.main #section .section_3 { margin: 0 10px; }
	#container.main #section .service_list { width: 100%; }
}

@media all and (max-width: 1320px)
{
	/* #container.main #section .banner .align	{ padding-right: 300px; }
	#container.main #section .banner .align .link	{ width: 300px; }
	#container.main #section .banner .align .link ul li a	{ text-align: center; text-indent: 0; }
	#container.main #section .banner .align .link ul li a:after	{ content: none; } */
	
	#container.main #section .section_4 { margin: 0 10px; }
}

@media all and (max-width: 1280px)
{
	#container.main #section .section_2_bg { width: calc((100% / 2) + 325px); }
	
	#container.main #section .info_menu .menu_list ul li a { padding: 10px 0 10px 90px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(1) a span:before { left: 20px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(2) a span:before { left: 20px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(3) a span:before { left: 20px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(4) a span:before { left: 20px; }
	#container.main #section .info_menu .menu_list ul li a span:after { right: 7%; }
	#container.main #section .info_menu .info_num { padding: 7px; }
	#container.main #section .info_menu .info_num span { word-spacing: -1px; }
	#container.main #section .info_content .main_popupzone { margin-right: 5px; }
}

@media all and (max-width: 1220px)
{
	#container.main #section .info_content .main_popupzone { width: 975px; padding: 0 30px; }
	#container.main #section .info_content .main_popupzone .ctrl_prev { left: 10px; }
	#container.main #section .info_content .main_popupzone .ctrl_next { right: 10px; }
	
	#container.main #section .info_content { height: auto; }
	#container.main #section .info_content .main_popupzone { float: none; margin: 0 auto 50px auto; }
	#container.main #section .info_menu { float: none; max-width: 915px; width: auto; margin: 0 auto; }
	#container.main #section .info_menu .menu_list { height: 215px; }
	#container.main #section .info_menu .menu_list ul li { float: left; width: calc((100% / 2) - 5px); }
	#container.main #section .info_menu .menu_list ul li:nth-child(1) { margin-right: 10px }
	#container.main #section .info_menu .menu_list ul li:nth-child(3) { margin-right: 10px }
	#container.main #section .info_menu .info_num { width: calc((100% / 2) - 5px); }
	
	#container.main #section .section_2_bg { width: calc(100% - 20px); height: 575px; background-size: 100% 100%; }
	
	#container.main #section .service_list .list_content { padding: 35px 0px 35px 260px; }
	#container.main #section .service_list .list_content ul li a { letter-spacing: -1px; }
	
	#container.main #section .boards { width: calc(100% - 546px); margin-left: 20px; }
	#container.main #section .boards h2 a { font-size: 16px; font-weight: normal; }
}


@media all and (max-width: 1024px)
{
	#container.main #section .info_content { padding-bottom: 40px; }
	#container.main #section .section_4 { height: auto; padding: 40px 0; }
	#container.main #section .video_content { float: none; }
	#container.main #section .boards { float: none; margin: 30px 0 0 0; width: 100%; }
	
	/* #container.main #section .info_content { width: 955px; padding: 55px 20px; } */
	
	/* #container.main .main_popupzone	{ top: 70px; left: 50%; right: auto; margin-left: -230px; }
	
	
	#container.main #section .section_1	{ left: auto; right: 20px; top: 0; height: auto; padding: 0; margin-top: 50%; }
	#container.main #section .quickmenu	{ height: auto; padding: 0; background-color: transparent; }
	#container.main #section .quickmenu h2	{ position: static; width: 100px; height: 100px; background: url(../image/main_quick_m.png) no-repeat center center; background-size: contain; text-align: left; text-indent: -999px; overflow: hidden; cursor: pointer; }
	#container.main #section .quickmenu h2:before,
	#container.main #section .quickmenu h2:after	{ content: none; }
	#container.main #section .quickmenu .type1,
	#container.main #section .quickmenu .type2	{ display: none; }
	
	#container.main #section .section_1.active	{ left: 0; top: 0; z-index: 9999; width: 100%; padding: 80px 0 150px 0; margin: 0; background-color: rgba(0, 0, 0, 0.84); }
	#container.main #section .quickmenu.active h2	{ position: absolute; right: 10px; bottom: -110px; left: auto; top: auto; }
	#container.main #section .quickmenu.active .type1	{ display: block; }
	#container.main #section .quickmenu.active .type1 li	{ height: auto; padding: 12px 33px 12px 0; }
	#container.main #section .quickmenu.active .type1 li a	{ display: block; width: auto; height: 55px; line-height: 50px; padding-right: 75px; text-align: right; color: #fff; font-size: 18px; background: no-repeat right center; background-size: auto 100%; }
	#container.main #section .quickmenu.active .type1 li a.icon_1	{ background-image: url(../image/main_quickmenu_1_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_2	{ background-image: url(../image/main_quickmenu_2_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_3	{ background-image: url(../image/main_quickmenu_3_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_4	{ background-image: url(../image/main_quickmenu_4_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_5	{ background-image: url(../image/main_quickmenu_5_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_6	{ background-image: url(../image/main_quickmenu_6_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_7	{ background-image: url(../image/main_quickmenu_7_m.png); }
	#container.main #section .quickmenu.active .type1 li a.icon_8	{ background-image: url(../image/main_quickmenu_8_m.png); }
	#container.main #section .quickmenu.active .type1 li a > span	{ display: inline; text-indent: 0; }
	#container.main #section .quickmenu.active .type1 li a > span > span	{ display: inline; }
	
	
	#container.main #section .main_image	{ margin-left: 0; }
	
	#container.main #section .section_3	{ padding-left: 0; }
	#container.main #section .link1 ul.type1	{ display: block; }
	#container.main #section .link1 ul.type1 li a	{ line-height: 55px; border: 0 none !important; color: #fff; font-size: 100%; }
	#container.main #section .link1 ul.type1 li a.color_1	{ background-color: #26abe2; }
	#container.main #section .link1 ul.type1 li a.color_2	{ background-color: #3a5ba2; }
	#container.main #section .link1 ul.type1 li a.color_3	{ background-color: #047891; }
	#container.main #section .link1 ul.type1 li a.color_4	{ background-color: #013a67; }
	#container.main #section .link1 ul.type1 li a.color_5	{ background-color: #efa21d; }
	#container.main #section .link1 ul.type1 li a.color_6	{ background-color: #00b0a6; }
        #container.main #section .link1 ul.type1 li a.color_7	{ background:  #ff0000 url(../image/mobile_sns_youtube.png) no-repeat center center; text-indent:-99999999999999999999px }
        #container.main #section .link1 ul.type1 li a.color_8	{ background: #3a5ba2 url(../image/mobile_sns_facebook.png) no-repeat center center; text-indent:-99999999999999999999px }
	#container.main #section .link1 ul.type1 li a:before	{ content: none; }
	#container.main #section .link1 ul.type2	{ display: block; border-bottom: 1px solid #d7d7d7; }
	#container.main #section .link1 ul.type2:after	{ display: block; clear: both; content: ""; }
	#container.main #section .link1 ul.type2 li	{ float: left; width: 33.33%; }
	#container.main #section .link1 ul.type2 li a	{ line-height: 54px; border-width: 1px 1px 0 0; font-size: 16px; }
	#container.main #section .link1 ul.type2 li:nth-child(3n + 1) a	{ border-left-width: 1px; }
	#container.main #section .link1 ul.type2 li a:before	{ width: 40px; }
	
	
	#container.main #section .boards > section	{ width: 50%; border-top: 1px solid #f3f3f3; }
	#container.main #section .boards > section:first-child,
	#container.main #section .boards > section:nth-child(2)	{ border-top: 0 none; }
	
	
	#container.main #section .banner .align	{ padding-right: 0; }
	#container.main #section .banner .align .link, #container.main #section .banner .align .link *	{ display: none !important; background: none !important; } */
	
}

@media all and (max-width: 975px)
{
	#container.main #section .section_2_bg { position: absolute; width: calc(100% - 10px); height: auto; padding-top: 60%; }
	#container.main #section .section_2_bg:before	{ left: 0; width: 100%; height: 100%; }
	
	#container.main #section .info_content .main_popupzone { width: 100%; }
	#container.main #section .info_content .main_popupzone .list { width: 100%; height: auto; padding-top: 49.2%; }
	#container.main #section .info_content .main_popupzone .list ul li { width: 100%; height: 100%; }
	
	#container.main #section .info_content .main_popupzone { width: 100%; padding: 0 30px; }
	#container.main #section .info_menu { padding: 0 10px; }
}

@media all and (max-width: 820px)
{
	#container.main #section .info_content { padding-top: 40px; }
	#container.main #section .info_content .main_popupzone { margin-bottom: 80px; }
	#container.main #section .info_content .main_popupzone .ctrl_box { margin: 15px auto 0 auto; padding: 5px; }
	#container.main #section .info_content .main_popupzone .control2 span { font-size: 17px; }
	#container.main #section .info_content .main_popupzone .ctrl_box a.prev { top: 10px; }
	#container.main #section .info_content .main_popupzone .ctrl_box a.next { top: 10px; }
	#container.main #section .info_content .main_popupzone .ctrl_box a.play_stop { top: 10px; }
	
	#container.main #section .service_list { height: auto; }
	#container.main #section .service_list .title { width: 100%; height: 150px; }
	#container.main #section .service_list .title h2 { width: auto; height: 100%; margin: 0; background: url(../image/service_title_m.png) no-repeat top left; background-position: 63% 0; background-size: auto 100%; }
	#container.main #section .service_list .list_content { padding: 135px 0px 35px 0px; }
}

@media all and (max-width: 750px)
{
	#container.main #section .info_content .main_popupzone { margin-bottom: 50px; }
	
	#container.main #section .banner { padding-left: 95px; }
	#container.main #section .banner h2 { top: 14px; }
	#container.main #section .banner .align .list { height: 60px; padding-left: 85px; line-height: 60px; }
	#container.main #section .banner .align .list .slick-prev { top: 20px; left: 5px; width: 20px; height: 20px; }
	#container.main #section .banner .align .list button.play { top: 20px; left: 27px; width: 20px; height: 20px; }
	#container.main #section .banner .align .list .slick-next { top: 20px; left: 50px; width: 20px; height: 20px; }
	
}

@media all and (max-width: 570px)
{
	#container.main #section .info_content .main_popupzone { margin-bottom: 40px; }
	
	#container.main #section .service_list .title h2 { background-position: 77% 0; }
}

/* @media all and (max-width: 581px)
{
	#container.main #section .main_image	{ position: relative; height: 0; padding-top: 118%; box-sizing: border-box; }
	#container.main #section .main_image .align	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	#container.main #section .main_image .align .list .empty	{ background-image: url(../image/main_visual_default_m.jpg) }
	
	
	#container.main #section .link1 ul.type1	{ display: block; }
	#container.main #section .link1 ul.type1:after	{ display: block; clear: both; content: ""; }
	#container.main #section .link1 ul.type1 li	{ float: left; width: 33.33%; }
	
	#container.main #section .boards > section	{ float: none; width: auto; height: auto; padding-bottom: 20px; border-top: 1px solid #f3f3f3 !important; }
	#container.main #section .boards h2	{ padding-top: 0; }
	#container.main #section .boards h2 a	{ padding-left: 20px; }
	#container.main #section .boards h2 a:after	{ right: 20px; }
	#container.main #section .boards .list	{ padding-left: 20px; padding-right: 20px; }
	#container.main #section .boards .list ul li.c1,
	#container.main #section .boards .list ul li.c1 a	{ padding-bottom: 10px; }
	#container.main #section .boards .list ul li.c1 a strong	{ line-height: 35px; font-size: 17px; }
	#container.main #section .boards .list ul li.c1 a span	{ line-height: 28px; font-size: 14px; }


	#container.main #section .banner, #container.main #section .banner *	{ display: none !important; background: none !important; }
} */

@media all and (max-width: 546px)
{
	#container.main #section .video_content { position: relative; width: 100%; height: auto; padding-top: 68.7%; }
	#container.main #section .video_content a .image { background-size: 100%; }
	#container.main #section .video_content a { position: absolute; top: 0; left: 0; }
	
}

@media all and (max-width: 530px)
{
	#container.main #section .info_menu .menu_list { height: 175px; }
	#container.main #section .info_menu .menu_list ul li a { padding-left: 70px; }
	#container.main #section .info_menu .menu_list ul li a span { line-height: 50px; font-size: 16px; letter-spacing: -1px; }
	#container.main #section .info_menu .menu_list ul li a span:after { right: 6%; }
	#container.main #section .info_menu .menu_list ul li:nth-child(1) a span:before { left: 7px; width: 60px; height: 40px; background-size: auto 100%; }
	#container.main #section .info_menu .menu_list ul li:nth-child(2) a span:before { left: 7px; width: 60px; height: 40px; background-size: auto 100%; }
	#container.main #section .info_menu .menu_list ul li:nth-child(3) a span:before { left: 7px; width: 60px; height: 40px; background-size: auto 100%; }
	#container.main #section .info_menu .menu_list ul li:nth-child(4) a span:before { left: 7px; width: 60px; height: 40px; background-size: auto 100%; }
	
	#container.main #section .info_menu .info_num { width: 100%; padding: 15px; }
	#container.main #section .info_menu .info_num span.phone { float: left; margin-right: 35px; }
	#container.main #section .info_menu .info_num span.phone b { display: block; }
	#container.main #section .info_menu .info_num span br { display: block; }
	
	#container.main #section .service_list { padding: 0 15px; }
	#container.main #section .service_list .title h2 { background-position: 83% 0; }
	#container.main #section .service_list .list_content { padding-bottom: 25px; }
}

@media all and (max-width: 480px)
{
	#container.main #section .section_2_bg { padding-top: 62%; }
	#container.main #section .info_content { padding-top: 35px; padding-bottom: 30px; }
	#container.main .main_popupzone	{ width: calc(100% - 20px); height: auto; margin-left: 0; }
	#container.main .main_popupzone .list	{ position: relative; width: 100%; height: 0; padding-top: 100%; }
	#container.main .main_popupzone .list ul	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	
	#container.main .main_popupzone .control1 .prev	{ left: 50%; margin-left: -90px; }
	#container.main .main_popupzone .control1 .next	{ left: 50%; margin-left: 30px; }
	#container.main .main_popupzone .control1 .play_stop	{ left: 50%; margin-left: 60px; }
	/* #container.main .main_popupzone .control2 .state	{ left: 50%; margin-left: -60px; } */
	#container.main #section .info_content .main_popupzone .ctrl_prev { top: calc((100% / 2) - 45px); left: 13px; width: 35px; height: 35px; }
	#container.main #section .info_content .main_popupzone .ctrl_next { top: calc((100% / 2) - 45px); right: 13px; width: 35px; height: 35px; }
	#container.main #section .info_content .main_popupzone .ctrl_prev a span { background-size: 100%; }
	#container.main #section .info_content .main_popupzone .ctrl_next a span { background-size: 100%; }
	
	#container.main #section .service_list .title h2 { background-position: 110% 0; }
	
	#container.main #section .section_4 { padding: 35px 0; }
	
	#container.main #section .boards { height: 270px; }
/*
	#container.main #section .boards h2 { width: calc((100% - 40px) / 4); height: 40px; }
*/
	#container.main #section .boards h2 { height: 40px; }
	#container.main #section .boards h2 a { height: 40px; line-height: 40px; letter-spacing: -1px; }
	#container.main #section .boards .list_plus { width: 40px; height: 40px; }
	#container.main #section .boards .list_plus a { line-height: 40px; }
	
	#container.main #section .boards .list { top: 40px; height: 230px; }
	#container.main #section .boards .list ul li.c1 { padding-bottom: 15px; }
	#container.main #section .boards .list ul li.c1 a { padding: 20px 0 20px 90px; }
	#container.main #section .boards .list ul li.c1 a strong { font-size: 17px; }
	#container.main #section .boards .list ul li.c1 a span.date { top: calc(50% - 35px); width: 70px; height: 70px; }
	#container.main #section .boards .list ul li.c1 a span.date .day { margin-top: 0; font-size: 25px; line-height: 30px; }
	#container.main #section .boards .list ul li.c1 a span.date .month { font-size: 17px; }
	
	#container.main #section .boards .list ul li a { font-size: 16px; line-height: 30px; }
}

@media all and (max-width: 425px)
{
	#container.main #section .info_menu .menu_list ul li:nth-child(1) a span:before { left: 5px; width: 50px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(2) a span:before { left: 5px; width: 50px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(3) a span:before { left: 5px; width: 50px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(4) a span:before { left: 5px; width: 50px; }
	#container.main #section .info_menu .menu_list ul li a { padding-left: 60px; }
	#container.main #section .info_menu .menu_list ul li a span:after { right: 5%; }
	
	#container.main #section .service_list .title h2 { background-position: 142% 0; }
	#container.main #section .service_list .list_content { padding-top: 120px; padding-bottom: 20px; }
	#container.main #section .service_list .list_content ul li { height: 115px; }
	#container.main #section .service_list .list_content ul li a { padding-top: 85px; }
	#container.main #section .service_list .list_content ul li a.m1:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m2:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m3:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m4:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m5:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m6:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m7:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m8:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m9:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m10:after { height: 85px; background-size: 80%; }
	#container.main #section .service_list .list_content ul li a.m11:after { height: 85px; background-size: 80%; }
	
	#container.main #section .link1 ul.type1 li,
	#container.main #section .link1 ul.type2 li	{ float: left; width: 50%; }
	#container.main #section .link1 ul.type2 li:nth-child(3n + 1) a	{ border-left-width: 0; }
	#container.main #section .link1 ul.type2 li:nth-child(2n + 1) a	{ border-left-width: 1px; }
        #container.main #section .link1 ul.type1 li a{font-size:16px}
/* 페이스북 유튜브 추가*/
    #container.main #section .link1 ul.type1 li:nth-child(n+6){width:25%;}
    #container.main #section .link1 ul.type1 li:nth-child(n+6) span{text-indent: -99999999999999999999px}
    #container.main #section .link1 ul.type1 li:nth-child(6) a{background:  #ff0000 url(../image/mobile_sns_youtube.png) no-repeat center center;  }
    #container.main #section .link1 ul.type1 li:nth-child(7) a{background: #3a5ba2 url(../image/mobile_sns_facebook.png) no-repeat center center; }
}

@media all and (max-width: 410px)
{
	#container.main #section .service_list .title { height: 140px; }
	#container.main #section .service_list .title h2 { background-position: top left; background-size: auto 100%; margin-left: 22%; }
	#container.main #section .service_list .list_content { padding-top: 110px; }
}

@media all and (max-width: 390px)
{
	#container.main #section .section_2_bg { padding-top: 65%; }
	
	#container.main #section .info_menu .menu_list { height: 155px; }
	#container.main #section .info_menu .menu_list ul li a { padding-left: 47px; }
	#container.main #section .info_menu .menu_list ul li a span { line-height: 45px; font-size: 15px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(1) a span:before { width: 38px; height: 33px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(2) a span:before { width: 38px; height: 33px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(3) a span:before { width: 38px; height: 33px; }
	#container.main #section .info_menu .menu_list ul li:nth-child(4) a span:before { width: 38px; height: 33px; }
	
	#container.main #section .info_menu .menu_list ul li a span:after { right: 4%; }
	
}

@media all and (max-width: 360px)
{
	#container.main #section .info_menu .info_num span.phone { margin-right: 25px; }
	#container.main #section .info_menu .info_num span.phone b { font-size: 23px; }
}

}



/*
SUB
*/
body.menu_design_ #GNB #topmenu	{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.5); }
body.menu_design_ #GNB #topmenu .show_all_menu	{ border-right: 1px solid rgba(255, 255, 255, 0.2); background-color: transparent; }


#container.sub	{}
#container.sub #SUB-GNB	{ display: none; }

#container.sub #section	{ display: block; width: 100%; height: 100%; padding: 1px 0; margin: 0; }
#container.sub #section section	{}
#container.sub #section section header	{}
#container.sub #section section header .sub_visule	{ display: table; width: 100%; height: 240px; padding-top: 0px; padding-bottom: 60px; box-sizing: border-box; background: url(../image/sub_bg.png) no-repeat center 0; }
#container.sub #section section header .sub_visule h2,
#container.sub #section section header .sub_visule p	{ display: table-cell; margin: 0; vertical-align: middle; text-align: center; }
#container.sub #section section header .sub_visule h2 strong,
#container.sub #section section header .sub_visule p strong	{ display: inline-block; line-height: 60px; font-size: 35px; color: #143989; font-weight: 500; }
#container.sub #section section header .sub_visule h2 span,
#container.sub #section section header .sub_visule p span	{ display: inline-block; line-height: 30px; font-size: 18px; color: #fff; }


#container.sub #section section header .menu_path_box	{ line-height: 58px; margin-top: -60px; border-width: 1px 0; border-style: solid; border-color: #e5e7ea; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }
#container.sub #section section header .menu_path	{ max-width: 1300px; margin: 0 auto; }
#container.sub #section section header .menu_path:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .menu_path .home	{ float: left; width: 60px; height: 60px; margin: -1px 0; background: #3a5ba2 url(../image/sub_menupath_home.png) no-repeat center center; text-indent: -999px; overflow: hidden; }
#container.sub #section section header .menu_path ul	{ position: relative; z-index: 99; float: left; min-width: 270px; height: 58px; padding: 0; margin: 0 0 0 -1px; list-style: none; box-sizing: border-box; border-left: 1px solid #e5e7ea; border-right: 1px solid #e5e7ea; /*background-color: #fff;*/ overflow: hidden; }
#container.sub #section section header .menu_path ul.show	{ overflow: visible; }
#container.sub #section section header .menu_path ul li	{ line-height: 38px; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .menu_path ul li.fix_menu	{ line-height: 58px; }
#container.sub #section section header .menu_path ul li a	{ display: block; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #404040; font-size: 14px; color: #fff; background-color: #313131; }
#container.sub #section section header .menu_path ul li.fix_menu a	{ border-bottom: 0 none; font-size: 18px; }
#container.sub #section section header .menu_path ul li a:focus, #container.sub #section section header .menu_path ul li a:hover, #container.sub #section section header .menu_path ul li a:active	{ background-color: #f68b1e; color: #fff; }
#container.sub #section section header .menu_path ul li.fix_menu a	{ position: relative; padding-right: 40px; color: #000 !important; background-color: transparent !important; }
#container.sub #section section header .menu_path ul.show li.fix_menu a	{ color: #3a5ba2 !important; font-weight: 600 !important; }
#container.sub #section section header .menu_path ul li.fix_menu a:after	{ position: absolute; right: 19px; top: 50%; width: 17px; height: 9px; margin-top: -5px; background: url(../image/sub_lnb_arrow_down.png) no-repeat center center; content: ""; }
#container.sub #section section header .menu_path ul.show li.fix_menu a:after	{ background-image: url(../image/sub_lnb_arrow_up.png); }
#container.sub #section section header .menu_path ul.show li.fix_menu a:before	{ position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #3a5ba2; content: ""; }


#container.sub #section section header .sub_utility	{ position: relative; max-width: 1320px; margin: 0 auto; }
#container.sub #section section header .sub_utility ul	{ position: absolute; right: 60px; top: -58px; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .sub_utility ul:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .sub_utility ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .sub_utility ul li a	{ display: block; width: 59px; border-width: 0 1px; border-style: solid; border-color: #e5e7ea; background: no-repeat center center; text-indent: -999px; overflow: hidden; }
#container.sub #section section header .sub_utility ul li a:focus, #container.sub #section section header .sub_utility ul li a:hover, #container.sub #section section header .sub_utility ul li a:active	{ background-color: #fafafa; }
#container.sub #section section header .sub_utility ul li a.print	{ background-image: url(../image/sub_utility_print.png); }

#container.sub #section section header .sub_utility ul.dropdown	{ right: 0; z-index: 2; height: 59px; overflow: hidden; }
#container.sub #section section header .sub_utility ul.dropdown:before	{ display: block; height: 59px; border-width: 0 1px; border-style: solid; border-color: #e5e7ea; background: url(../image/sub_utility_dropdown.png) no-repeat center center; content: ""; }
#container.sub #section section header .sub_utility ul.dropdown.show	{ overflow: visible; }
#container.sub #section section header .sub_utility ul.dropdown li	{ float: none; border-bottom: 1px solid #e5e7ea; }

#container.sub #section section header .sub_utility ul li a.facebook	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_facebook.png); }
#container.sub #section section header .sub_utility ul li a.twitter	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_twitter.png); }
#container.sub #section section header .sub_utility ul li a.naver	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_naver.png); }
#container.sub #section section header .sub_utility ul li a.kakaostory	{ background-color: #a8a8a8; background-image: url(../image/sub_utility_kakao.png); }
#container.sub #section section header .sub_utility ul.dropdown:focus:before, #container.sub #section section header .sub_utility ul.dropdown:hover:before, #container.sub #section section header .sub_utility ul.dropdown:active:before	{ background-color: #fafafa; }
#container.sub #section section header .sub_utility ul.dropdown li a:focus, #container.sub #section section header .sub_utility ul.dropdown li a:hover, #container.sub #section section header .sub_utility ul.dropdown li a:active	{ background-color: #666; }


/*
#container.sub #section section header h2	{ position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; }
*/


#container.sub #section section header .tabmenu	{ max-width: 1320px; margin: 50px auto; }
#container.sub #section section header .tabmenu ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; border: 1px solid #e5e7ea; box-sizing: border-box; background-color: #f9f9f9; }
@media only screen and (min-width: 1201px) {
#container.sub #section section header .tabmenu .child_count_10 li{width:20% !important; float:left;}/*탭메뉴 10개일때*/
}
#container.sub #section section header .tabmenu ul li	{ display: table-cell; width: 5%; padding: 0; margin: 0; list-style: none; vertical-align: middle; }
	.tabwidthauto #container.sub #section section header .tabmenu ul li	{ width: auto; }
#container.sub #section section header .tabmenu ul li a	{ display: table; width: 100%; height: 100%; font-size: 18px; }
#container.sub #section section header .tabmenu ul li a:focus, #container.sub #section section header .tabmenu ul li a:hover, #container.sub #section section header .tabmenu ul li a:active	{ color: #2657a7; }
#container.sub #section section header .tabmenu ul li a.open	{ background-color: #666; color: #fff; font-weight: 500; }
#container.sub #section section header .tabmenu ul li a span	{ display: table-cell; height: 66px; line-height: 22px; vertical-align: middle; text-align: center; }
/*
#container.sub #section section header .tabmenu ul li a span:before	{ display: inline-block; width: 10px; font-weight: bold; content: "·"; }
*/

#container.sub #section section header .tabmenu ul.child_count_8 li,
#container.sub #section section header .tabmenu ul.child_count_9 li,
#container.sub #section section header .tabmenu ul.child_count_10 li,
#container.sub #section section header .tabmenu ul.child_count_11 li	{ width: auto; }


#container.sub #section section header .tabmenu ul.child_count_10_over	{ display: block; }
#container.sub #section section header .tabmenu ul.child_count_10_over:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .tabmenu ul.child_count_10_over li	{ display: block; float: left; width: 25%; }

#container.sub #section section header .tabmenu ul.child_count_20_over	{ display: block; }
#container.sub #section section header .tabmenu ul.child_count_20_over:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .tabmenu ul.child_count_20_over li	{ display: block; float: left; width: 20%; }




@media all and (max-width: 1024px)
{
	#container.sub #section section header .sub_visule	{ height: 200px; /*padding-top: 60px;*/ }
	#container.sub #section section header .sub_visule h2 strong,
	#container.sub #section section header .sub_visule p strong	{ font-size: 25px; }
	#container.sub #section section header .sub_visule h2 span,
	#container.sub #section section header .sub_visule p span	{ font-size: 14px; }
	
	#container.sub #section section header .menu_path_box	{ min-height: 60px; border: 0 none; }
	
	#container.sub #section section header .menu_path	{ position: relative; }
	#container.sub #section section header .menu_path .home	{ position: absolute; left: 0; top: 0; z-index: 3; float: none; display: block; }
	#container.sub #section section header .menu_path ul	{ z-index: 1; }
	#container.sub #section section header .menu_path ul.ld1	{ display: none; }
	#container.sub #section section header .menu_path ul.ld2	{ z-index: 999; float: none; height: 59px; border-bottom: 1px solid #e5e7ea; }
	#container.sub #section section header .menu_path ul.ld2 li a	{ padding-left: 80px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	#container.sub #section section header .menu_path div.ld3	{ position: relative; padding: 0 60px; margin-bottom: 30px; }
	#container.sub #section section header .menu_path div.ld3:before	{ position: absolute; left: 0; top: 0; width: 59px; height: 60px; line-height: 58px; border-right: 1px solid #e5e7ea; border-bottom: 1px solid #e5e7ea; box-sizing: border-box; text-align: center; color: #b2b2b2; font-family: serif; content: "<"; }
	#container.sub #section section header .menu_path div.ld3:after	{ position: absolute; right: 0; top: 0; width: 59px; height: 60px; line-height: 58px; border-left: 1px solid #e5e7ea; border-bottom: 1px solid #e5e7ea; box-sizing: border-box; text-align: center; color: #b2b2b2; font-family: serif; content: ">"; }
	#container.sub #section section header .menu_path ul.ld3	{ float: none; width: auto; min-width: 0; height: auto; white-space: nowrap; border: 0 none; border-bottom: 1px solid #e5e7ea; overflow: auto; }
	#container.sub #section section header .menu_path ul.ld3 li	{ display: inline-block; border-left: 1px solid #e5e7ea; }
	#container.sub #section section header .menu_path ul.ld3 li.cd3c1	{ border-left: 0 none; }
	#container.sub #section section header .menu_path ul.ld3 li.fix_menu	{ display: none; }
	#container.sub #section section header .menu_path ul.ld3 li a	{ display: inline-block; padding: 0 10px; border: 0 none; color: #333; background-color: #fff; }
	#container.sub #section section header .menu_path ul.ld3 li a.open	{ color: #3969ab; background-color: #f3f8fb; }
	
	
	#container.sub #section section header .sub_utility,
	#container.sub #section section header .sub_utility *	{ display: none !important; background: none !important; }
}

@media all and (max-width: 900px)
{
	#container.sub #section section header .tabmenu	{ margin-top: 20px; }
	#container.sub #section section header .tabmenu ul	{ display: block; border-width: 0 0 1px 0; }
	#container.sub #section section header .tabmenu ul:after	{ display: block; clear: both; content: ""; }
	#container.sub #section section header .tabmenu ul li	{ position: relative; display: block; float: left !important; clear: none !important; width: 33.333% !important; margin-bottom: -1px; border-width: 1px 0; border-style: solid; border-color: #e5e7ea; box-sizing: border-box; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1),
	#container.sub #section section header .tabmenu ul li:nth-child(3n+2)	{ border-right-width: 1px; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n):before,
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1):before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e5e7ea; content: ""; }
	#container.sub #section section header .tabmenu ul li a	{ display: table; width: 100%; font-size: inherit; }
	#container.sub #section section header .tabmenu ul li a:before	{ content: none; }
	#container.sub #section section header .tabmenu ul li a span	{ display: table-cell; width: 100%; height: 40px; line-height: 20px; text-align: left; vertical-align: middle; overflow: hidden; }
	#container.sub #section section header .tabmenu ul li a span:before	{ margin-left: 10px; }
}


@media all and (max-width: 600px)
{
	#container.sub #section section header .tabmenu ul li	{ width: 50% !important; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1),
	#container.sub #section section header .tabmenu ul li:nth-child(3n+2)	{ border-right-width: 0; }
	#container.sub #section section header .tabmenu ul li:nth-child(3n):before,
	#container.sub #section section header .tabmenu ul li:nth-child(3n+1):before	{ content: none; }
	#container.sub #section section header .tabmenu ul li:nth-child(2n+1){ border-right-width: 1px; }
	#container.sub #section section header .tabmenu ul li:nth-child(2n):before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e5e7ea; content: ""; }
}





/*
내용
*/
.contents .pagemaker a.button	{ line-height: 2em; padding-left: 1em; padding-right: 1em; font-size: inherit; }

.contents .pagemaker a.button.link	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+ElEQVQ4T6XTPUpDQRTF8V8ESSt2UVKJgr2QRkGj2xAbF6DYiHtQCAQs7Oy0cQOiwSptRK3cgFbpBBWUCyM8H3kfkGkezDv3P+fMvdNQf11iNycfNzCHM6xjpoC3iSbu0c5qAnCDeZziswBwl/5t4CEP+MIaRhVpFpOD5TzgB7H5WgJYwCDpXrCPq4gTEaoA+eIu3rCE4ypAFMfFreAZUfxeN0Ir2S4sDlCZg1ts4yl94+QevnH056IMsJrmYy9ju58AB3UAk5oyEfCBLQxrTPV1avdJ1sE5dnBRMomhj7ZF/zt4zAJmcVjxFkI/RkT45zQucao1NeAXNjI8l8UNXKwAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.hwp	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaElEQVQ4T5WTz4qCUBTGNQzCN5gapnmgNiG5dFUbXRhuo1JELLV/u6KNIi0Dn6UXmGK6PkIL0xyOzM0u1eQcuNxzj9wf3/3OkaZ+w7btgGXZFI5JkmTrcrlcd5ynaZrVwjDcrdfrIX0DCNvt9lupVMKlpzvAptNpoOt68wpwXffA8/wHy7JPL0ZRlH2L45gyTZMELJfLb0EQ3hmGeakAAOPxONA0LVfgOA4SRbH6lwJMPp1OlGVZgaqqOWC73X41Go3Poh6AgsFgQCrodrvVR08A024DzuBBv9/PAYvF4tjpdGpFPZhMJiTA87xDq9Uq3IXZbBb0er1cgWVZSFGUKgzKq6BpOusCAdhsNnue5+vlcvnVfep8PlOj0Yh8wnw+P4qiWPuPAsJE27aRJEkP5wBPIJYGg+Q4DtlG3/f3HMfVi3bhDmCaJpJlubCJdwDDMIJKpZKCB3hwIMeeQA3n8DsjhHar1Wr4A4QO6BFJ42KkAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.excel	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABjElEQVQ4T6WSPWsUURSGn/fOZnfWaErBYKM/IIUhhB2TFMHGMpBCsDeNVjvrV5VyJeMHWBnyB2z9ARLJrB9FIFpaiI2NhayC7I7ZuUdmiJAFN8vqrc7lnvPw3oejML5s/MdRAfD4dw7tTsbRKrBQAsAe9JPXdycB1FpRIlNzGLCJC38uL2Mmj779SvY+FNBTzWjBy00jy/tbnRSwvwOAMI7aoDvgM/PBnAKdw3z5PUn3eltpu6hHArgxP1Wdqe453KJhqWSzmLso8aI33VljE38yoEyxcgHyA2Cm9CL/KTyszXef7Hb/eBqd4KijHjeeGu5meTVt9B+m28clnwgIm9EKspfggmIoh6+V3F/qPX7zZWyC+u3F8wNf2Q/gLPDMG3NONAof2Y9sle39w9EObl2tVWvdV6VA4yA7M9UIvw9mCfL34E4bJFnSaY0E1OOlNY9dL2N63c8epR+Lst6M1r10DWSqDFr99tvPYyWO28phgPEcaWfc0PF3gw1h60erPMnocK/CeOnKv4/Db3fr4Lcf/gKEAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.pdf	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXElEQVQ4T6XTvUsCcRwG8Of309NDw6tO+geEXsjKpIgKKSR6I1obClxsaGlrbLghxKGCbCmirQaHhoZAoheyxaXBQHAQImi5CPKNzjvPi4IE84XOvvvz+cIDDxEXxjT840gjwMB3QH0TG/J1AWrjYPWtofjyjI+z07pIXYAZGILJNQwUFeRPjvQDRkcXrCurKNxfQ7q60A98JdoPw8gEN1FMJZsDuK0QpPMwCrGofoD1zgGEgOl3I3+8j1L6vSZSu0RKwQk7yIWCMDo6YVnyQbqJQMtloaSSUJ9SZawKoC02WP3rMNjtUF9FKIk4UFJh9kxBuo2A6XaicHcJJfH4jVQATE8f2JlF0DYemW0BWiZd/kS5VliW/VDiDzC5R5DdC1QCjHMQ7OQ0KG9HWtioXRo1wjw+ATkWhSbLv4BeF8weL3IHu4D293lUdkCIrnBVB82Mkojzo7PNBH8yn3vqiEcSFZ4EAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.zip	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADbklEQVQ4T03TbWxTVRgH8P+9d7e3xe42Y5uG4Na1WzO2CUOjBgFJICOIGYl+YDEDJkGcQcwWDURNjPGLZiaiIQoxiDURPzCDIjoMQbI3B4R0ZemA7HYra9fNsXXD9a7tPW3vyzG9lyWe5JycL//fOU/yPAwere5fepqWknJr7+AN5+G2Fue2zc85ksllZLMEhBAQRYFCsrgZDI2SrO7/+IOOUCHKFI5vz/zYW1JWun0+sYDT3/2Ezz56F3uadyIxn0AmkwJRCEiWQNc0XPj9KjjeYSiE/HD6q08Pm0DnsQ/JU+s32imlGB4ehqu4GILAI69q0FQVqqpC1w1wLIN4fBprq7yIRyOTPRfPV5vA0c7jcn3DBhEMg3w+D5LLQSE5GJoGw6AwqAFKDbAcj8W5GRTZ7JiajEhXei7UmUD70ffkdQ3rRZ7jkCkEDQO6rkHXdGiaAQMUBgCOZTE7HQMDDrHYhNR75ZIFHHqrQ17X0Cgm5v7BeHjcfJEvEqAQBaqugxMEsCWrwbAcBGUZ4mMuxGMRaeCvPyyg7Y235dq6DeKNwWt4/3gHvFUe9PX1YcvWF8HxRbjcP4D5A/tRCuDcjt2o9tVjJjwmDfX/aQGtbe2y11cv3g0FcM7/DS7+dgnR6BTsDjv2HTwIhbK4+0Q5KgC8ueNleNw+zE6MSbeGrlrA3tZDsru6VhwbDeLE55+gu/tnLCwsIhqL4bXXD6D26ech1XhQCeDI1iZ43T7MTYal4M1eC3ilpU2ucNeId0IBnD11Av8uLZkt4vf78cXJkxgKjiC8eRNqALyz8QWzhIVYRAoFBiyg+dV98lq3V7wduI4zp75EWVk5MoqCVCoFpyhiUV4GOz6OTDqF9q/PorLCg4cPpqV7I9ctYFdzi7zmSY8o3RvBr+e/B8uw0AwDDMOafVFZVYVYYg6R+1F0HjmG4tWPY3nxgRS+c8sCtmzfLZeUrRGnJiWMBgYBhlsZEQB0peMxMxPHpm0vwekqRzaTlKYmRi3AV9eY5W0OIZ2S8ewzjbALNhjUioJSc2I4ljPL6uv/G0W8HXktdz/9cLbGBFyu0qamXTs9Xo+nhOd5p822ysHz3CqWZW0MSzmqg+Z1Tc3lcnmGUjmdlpMOQQh2dXX1m8D/F6XUBsDxaBfuhXoKn1EBZAEQhmGUlcx/wuiPIFcN3gAAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.txt	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaElEQVQ4T5WTz4qCUBTGNQzCN5gapnmgNiG5dFUbXRhuo1JELLV/u6KNIi0Dn6UXmGK6PkIL0xyOzM0u1eQcuNxzj9wf3/3OkaZ+w7btgGXZFI5JkmTrcrlcd5ynaZrVwjDcrdfrIX0DCNvt9lupVMKlpzvAptNpoOt68wpwXffA8/wHy7JPL0ZRlH2L45gyTZMELJfLb0EQ3hmGeakAAOPxONA0LVfgOA4SRbH6lwJMPp1OlGVZgaqqOWC73X41Go3Poh6AgsFgQCrodrvVR08A024DzuBBv9/PAYvF4tjpdGpFPZhMJiTA87xDq9Uq3IXZbBb0er1cgWVZSFGUKgzKq6BpOusCAdhsNnue5+vlcvnVfep8PlOj0Yh8wnw+P4qiWPuPAsJE27aRJEkP5wBPIJYGg+Q4DtlG3/f3HMfVi3bhDmCaJpJlubCJdwDDMIJKpZKCB3hwIMeeQA3n8DsjhHar1Wr4A4QO6BFJ42KkAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.mp3	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA8UlEQVQ4T7XTsSuFYRTH8c/NYr2zKCu7RcoiRgOFTQaLUXR3ScI/YDRQzHRXDP4BNiuT8gdQOrfz1tvb+7pxOeNzzvP9/c7v6WkZsFoD3lcHaGMXU/hMgSE84BDvZdEqYBSn2Mdtxd0sOljHS9GrAs6wg9eG1Uawl5DeSBkwhq0EfBfNEY4LkTJgEcO46BPsWuZwXXWwgg9c9QEsZb83V3bwa0Akf4BxnCCeMV6irjbxljk9YzschPJ5Ti8jLMZZXYXtyOiymP8TwAJukjiHDaw2OAjlWK+b/fkixOkM9B4TeGoATOIRM9m/+5fP9KMP+gXB5i0aqbxrlgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.mp4	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAl0lEQVQ4T+XSPQ5BYRCF4ecmfgodlaioxBZQqlUSi2ANFJRsQ3I1NsES2A3yJZ9EIVzu7Uw9886ZOSeRs5Kc8woBVLFC+4OaCxa4xr4W6kHBGIeMpwxwxBB7zAJgil1GwAhdbFHG5BdAUFuLC/8V0MMGpccTv7Gxj1O0McU8uFDBEp03Vt5wxvopSE00Colyxgy9bsut4A5IEhwK9UkRpwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 1em center; }
.contents .pagemaker a.button.mv	{ padding-left: 2.5em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYklEQVQ4T6WTv0tCURzFz/e+DGzJbAtNqEHFZxBGEEVr7RXtDdEWuNsSBO1lDf0BESjREIg4RKCLNiRBP7BoS4Ksl9rj5bvfUBezdPDd9Z7vh/M991yCxUMW52EdkA2FbEN6eRuEBWZyMEu7EMIuGTZBUqk7lBBSAAYkdAAVUvAuJcfHb+52qKB6NwA66GkVxjIVVP8JwCvtALb1V+nbGOgGZpZ7dK/6LxXwXLtwJHaahvZZewmHA7L0OvwfSAIxegz6rpgx2S5wnZ1nbB7PjDTNylcykS1GItNk6PZWHQMJegj4rgUh2AnQCNE0NS0azZeODmd/6ZhTXR0obveUnstliuHNCWgfjj851R0UVN8FgPn2y8G19XQ5lRw1n59cnYJsZqB6jxm02tMzEvat9QBYonoTnUZ1i2u8SASnFNIugH5m0ddwRc26S8gaAENAqZjgN4UQH8vf7lr/Cz3t3jL0A+Yhkg8nxyDyAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 1em center; }





#container.sub #section section #contents	{ max-width: 1300px; margin: 40px auto; }
#container.sub #section section #contents:after	{ display: block; clear: both; content: ""; }


body .contents .pc_content,
body .contents .pc_contents	{ display: block; }
body .contents table.pc_content,
body .contents table.pc_contents	{ display: table; }
body .contents .mobile_content,
body .contents .mobile_contents,
body .contents table.mobile_content,
body .contents table.mobile_contents	{ display: none; }



.contents .indent1	{ margin-left: 20px !important; }
.contents .indent2	{ margin-left: 40px !important; }
.contents .indent3	{ margin-left: 60px !important; }
.contents .indent4	{ margin-left: 80px !important; }
.contents .indent5	{ margin-left: 100px !important; }

.contents table.indent1	{ width: calc(100% - 20px) !important; }
.contents table.indent2	{ width: calc(100% - 40px) !important; }
.contents table.indent3	{ width: calc(100% - 60px) !important; }
.contents table.indent4	{ width: calc(100% - 80px) !important; }
.contents table.indent5	{ width: calc(100% - 100px) !important; }


.contents h3	{ clear: both; line-height: 2em; padding: 0; margin: 50px 0 20px 0; background: none; font-size: 1.3em; color: #2758a5; font-weight: bold; }
.contents h4	{ clear: both; line-height: 2em; padding: 0; margin: 35px 0 20px 0; background: none; font-size: 1.2em; font-weight: 500; color: #2657a7; }
.contents h5	{ position: relative; clear: both; line-height: 2em; padding: 0 0 0 10px; margin: 20px 0 20px 0; background: none; font-size: 1.1em; font-weight: 500; color: #2758a5; }
.contents h5:before	{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -2px; border-radius: 3px; background-color: #2758a5; content: ""; }

.contents h3 + h4	{ margin-top: 0; }
.contents h4 + h5	{ margin-top: 0; }



.contents .icon_address	{ background-image: url(../image/icon_address.png); }
.contents .icon_subway	{ background-image: url(../image/icon_subway.png); }
.contents .icon_bus	{ background-image: url(../image/icon_bus.png); }
.contents .icon_tel	{ background-image: url(../image/icon_tel.png); }
.contents .icon_fax	{ background-image: url(../image/icon_fax.png); }

.contents .icon_car2	{ background-image: url(../image/icon_car2.png); }
.contents .icon_park2	{ background-image: url(../image/icon_park2.png); }

.contents .traffic_info,
.contents .traffic_info *	{ font-size: 18px !important; }
.contents .traffic_info strong	{ font-weight: 600; color: #000; }
.contents .traffic_info em	{ font-weight: normal; font-style: normal; color: #347cc1; }


.contents .proc_kakao_map_print	{ font-size: 13px; font-style: normal; color: #000; }




.contents table	{ border-width: 2px 0 1px 0; border-color: #347cc1 transparent #dddee0 transparent; }
.contents table thead tr	{ border-bottom: 1px solid #dddee0; }
.contents table thead tr th	{ line-height: 25px; padding: 12px 0 12px 0; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; background-color: #f9f9f9; color: #4e4e4e; font-weight: 600; text-align: center; }
.contents table thead tr > *:last-child	{ border-right-width: 1px; }
.contents table thead tr:nth-child(2) th,
.contents table thead tr:nth-child(2) td	{ background-color: #fafafa; }
.contents table tbody tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table tbody tr th,
.contents table tbody tr td	{ line-height: 25px; padding: 12px 5px 12px 5px; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; color: #4e4e4e; }
.contents table tbody tr th	{ background-color: #fff; text-align: center; font-weight: 600; }
.contents table tbody tr > *:last-child	{ border-right-width: 1px; }
.contents table tbody tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table tfoot tr th,
.contents table tfoot tr td	{ line-height: 25px; padding: 12px 5px 12px 5px; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; background-color: #fafafa; color: #4e4e4e; }
.contents table tfoot tr th	{ text-align: center; font-weight: 600; }
.contents table tfoot tr > *:last-child	{ border-right-width: 1px; }

.contents table.table_content tbody tr th	{ background-color: #fafafa; color: #4e4e4e; font-weight: 600; text-align: center; }


.contents table.no_thead tbody tr th	{ background-color: #fafafa; color: #4e4e4e;  }




.contents .vr_button	{ display: inline-block; width: 200px; line-height: 40px; background-color: #2657a7; border-radius: 5px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; }


.contents .auto_image_gallery_title	{ position: relative; float: left; width: 50%; height: 380px; padding: 0 40px; margin: 0 0 50px 0 !important; box-sizing: border-box; background-color: #f6f6f6; color: #000; overflow-y: auto }
.contents .auto_image_gallery_title:after	{ content: none; }
.contents .auto_image_gallery_title strong	{ display: block; width: 100%; line-height: 40px; padding-top: 70px; box-sizing: border-box; font-size: 28px; color: #000; vertical-align: middle; }
.contents .auto_image_gallery_title span	{ display: block; width: 100%; line-height: 25px; padding-top: 20px; font-size: 18px; vertical-align: middle; }
.contents .auto_image_gallery_title > br	{ display: none; }
.contents .auto_image_gallery_title em	{ display: block; width: 100%; line-height: 25px; padding-top: 30px; font-size: 18px; font-style: normal; color: #000; vertical-align: middle; }
.contents .auto_image_gallery	{ position: relative; float: left; width: 50%; height: 380px; margin: 0 0 50px 0 !important; }
.contents .auto_image_gallery img	{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 0 none; }
.contents .auto_image_gallery .in_title	{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 60px; line-height: 60px; padding: 0 0 0 20px; box-sizing: border-box; background-color: #353535; color: #fff; font-size: 16px; }
.contents .auto_image_gallery .in_left	{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 45px; height: 60px; line-height: 60px; margin-right: 135px; text-align: center; color: #fff; font-size: 17px; font-weight: bold; }
.contents .auto_image_gallery .in_right	{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 45px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 17px; font-weight: bold; }
.contents .auto_image_gallery .in_statee	{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 90px; height: 60px; line-height: 60px; margin-right: 45px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; }
.contents .auto_image_gallery .in_statee strong	{ color: #fff; }
.contents .auto_image_gallery .in_statee em	{ color: #fff; font-weight: normal; font-size: 16px; }
.contents .auto_image_gallery .in_statee span	{ display: inline-block; padding: 0 10px; }


@media all and (max-width: 1024px)
{
	.contents  table tbody tr td input,
	.contents  table tbody tr td select,
	.contents  table tbody tr td textarea	{ max-width: 100%; }
}

@media all and (max-width:1200px)
{
	.contents .auto_image_gallery	{ position: relative; float: none !important; width: auto; width: auto; max-width: 600px; height: 0; padding-top: 61.666%; margin: 0 auto !important; }
	.contents .auto_image_gallery_title	{ float: none !important; width: auto; height: auto; padding: 20px !important; margin: 0 !important; }
	.contents .auto_image_gallery_title strong	{ height: auto; line-height: 33px; padding: 17px 0; font-size: 24px; }
	.contents .auto_image_gallery_title span	{ width: auto; height: auto; line-height: 20px; padding: 0 0 20px 0; font-size: 13px; }
	.contents .auto_image_gallery_title em	{ font-size: 13px; }
	
	.contents .auto_image_gallery .in_title	{ padding-right: 70px; padding-left: 10px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.contents .auto_image_gallery .in_left	{ width: 30px; height: 30px; line-height: 30px; margin-right: 30px; }
	.contents .auto_image_gallery .in_right	{ width: 30px; height: 30px; line-height: 30px; }
	.contents .auto_image_gallery .in_statee	{ bottom: 30px; width: 60px; height: 30px; line-height: 30px; margin-right: 0; font-size: 12px; }
	.contents .auto_image_gallery .in_statee span	{ padding: 0 5px; }
	.contents .auto_image_gallery .in_statee em	{ font-size: 13px; }
}


.contents a.download	{ position: relative; display: inline-block; line-height: 40px; padding: 0 20px 0 61px; margin-left: 30px; background: #347cc1 url(../image/icon_download.png) no-repeat 12px center; color: #fff; font-size: 18px; white-space: nowrap; }
.contents a.download:before	{ position: absolute; left: 39px; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5); content: ""; }
.contents a.download:focus, .contents a.download:hover, .contents a.download:active	{ background-color: #666; }

@media all and (max-width:1200px)
{
	.contents a.download	{ line-height: 26px; padding-top: 7px; padding-bottom: 7px; margin: 0 auto; white-space: normal; text-align: left; }
}

.contents p.msgbox	{ padding: 20px 30px 30px 30px; border: 1px solid #e7e7e7; background-color: #fafafa; color: @666; }
.contents p.msgbox strong	{ display: inline-block; line-height: 44px; font-size: 1.1em; color: #000 !important; }




/* 라운드 제목 내용 */
.contents .in_round_title	{ position: relative; min-height: 40px; line-height: 25px; padding-left: 120px; padding-top: 6px; box-sizing: border-box; }
.contents .in_round_title .round_title	{ position: absolute; left: 0; top: 0; min-width: 95px; line-height: 40px; border-radius: 18px;  box-sizing: border-box; text-align: center; background-color: #2657a7; color: #fff; font-weight: 500; }
.contents .in_round_title strong	{ color: inherit;  box-sizing: border-box; }

.contents .in_round_title.size100	{ height: 100px; min-height: 100px; padding-left: 120px; }
.contents .in_round_title.size100.oneline	{ padding-top: 20px; }
.contents .in_round_title.size100 .round_title	{ width: 100px; height: 100px; line-height: 100px; border-radius: 100px; }

.contents .in_round_title.size200	{ padding-left: 230px; min-height: 60px; }
.contents .in_round_title.size200.oneline	{ padding-top: 20px; }
.contents .in_round_title.size200 .round_title	{ min-width: 200px; line-height: 70px; border-radius: 33px; }

.contents .in_round_title.table	{ display: table; width: 100%; }
.contents .in_round_title.table > span	{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

@media all and (max-width: 500px)
{
	.contents .in_round_title	{ padding-left: 0 !important; }
	.contents .in_round_title .round_title	{ position: static; display: block; margin-bottom: 15px; }
}



/* 역대 시장 */
.contents .history_ceo	{ position: relative; float: left; width: 32%; padding: 1px; margin: 0 1% 30px 1% !important; border-width: 2px 1px 1px 1px; border-style: solid; border-color: #347cc1 #dddee0 #dddee0 #dddee0; box-sizing: border-box; background-color: #fff; overflow: hidden; }
.contents .history_ceo:nth-child(3n+1)	{ margin-left: 0 !important; }
.contents .history_ceo:nth-child(3n+3)	{ margin-right: 0 !important; }
.contents .history_ceo:before	{ position: absolute; left: 2%; top: 350px; width: 96%; height: 100%; background-color: #f9f9f9; content: ""; }
.contents .history_ceo:after	{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; padding-top: 2%; background-color: #fff; content: ""; }
.contents .history_ceo > img	{ display: block; width: 210px; height: 260px; margin: 28px auto 0 auto; border: 0 none; }
.contents .history_ceo > h4	{ height: 60px !important; line-height: 60px !important; padding: 0 !important; margin: 0 !important; text-align: center; font-size: 1.1em; color: #2657a7; background: none !important; }
.contents .history_ceo > h4:before	{ content: none !important; }
.contents .history_ceo > div	{ position: relative; z-index: 2; padding: 27px 30px 30px 30px; }
.contents .history_ceo > div > h5	{ height: 30px !important; line-height: 30px !important; padding: 0 !important; margin: 0 !important; text-align: left; font-size: 1em; color: #000; background: none !important; }
.contents .history_ceo > div > h5:before	{ content: none !important; }
.contents .history_ceo > div > p	{ margin-top: 0; }

@media all and (max-width: 1199px)
{
	.contents .history_ceo	{ width: 48%; }
	.contents .history_ceo:nth-child(3n+1)	{ margin-left: 1% !important; }
	.contents .history_ceo:nth-child(3n+3)	{ margin-right: 1% !important; }
}

@media all and (max-width: 799px)
{
	.contents .history_ceo,
	.contents .history_ceo:nth-child(3n+1),
	.contents .history_ceo:nth-child(3n+3)	{ float: none; width: auto; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
}


/* 설립배경 및 연혁 */
.contents h3.history	{ position: absolute; width: 190px !important; height: 70px !important; line-height: 70px !important; padding: 0 !important; margin: 0 30px 0 0 !important; background: #347cc1 none !important; text-align: center; color: #fff; font-size: 1.2em; }
.contents ul.history	{ padding: 20px 0 0 220px; margin: 0 0 50px 0; list-style: none; }
.contents ul.history li	{ position: relative; padding: 7px 0 7px 115px; background: none; }
.contents ul.history li strong	{ position: absolute; left: 0; top: 7px; color: #000; }
.contents ul.history li:before	{ position: absolute; left: 105px; top: 17px; width: 2px; height: 2px; background-color: #666; content: ""; }
.contents ul.history li:after	{ display: inline-block; width: 1px; height: 1em; content: ""; }
@media all and (max-width: 700px)
{
	.contents h3.history	{ position: static; }
	.contents ul.history	{ padding-left: 20px; }
}


@media all and (max-width:1200px)
{
	.kntool_popup_layerpopup	{ left: 0 !important; max-width: 100% !important; height: auto !important; }
	
	body	{ min-width: 320px; }
	
	#container.sub #section section #contents	{ margin: 40px 10px; }
	
	body .contents .pc_content,
	body .contents .pc_contents,
	body .contents table.pc_content,
	body .contents table.pc_contents	{ display: none; }

	body .contents .mobile_content,
	body .contents .mobile_contents	{ display: block; }
	body .contents table.mobile_content,
	body .contents table.mobile_contents	{ display: table; }
	
	*	{ -webkit-text-size-adjust: none; }
	
	/* body	{ font-size: 14px; } */
	
	#body	{ min-width: 100%; }
	
	
	
	
	
	
	
	.contents .indent1	{ margin-left: 0 !important; }
	.contents .indent2	{ margin-left: 0 !important; }
	.contents .indent3	{ margin-left: 0 !important; }
	.contents .indent4	{ margin-left: 0 !important; }
	.contents .indent5	{ margin-left: 0 !important; }
	
	.contents table.indent1	{ width: 100% !important; }
	.contents table.indent2	{ width: 100% !important; }
	.contents table.indent3	{ width: 100% !important; }
	.contents table.indent4	{ width: 100% !important; }
	.contents table.indent5	{ width: 100% !important; }


	.contents h3,
	.contents h4,
	.contents h5,
	.contents h6	{ margin-left: 0; }
}




/*
정보제공부서
*/
#contents .manager_info	{ padding: 11px 12px; margin-top: 50px; border: 1px solid #ececec; background-color: #fafafa;  }
#contents .manager_info:after	{ display: block; clear: both; content: ""; }
#contents .manager_info h3	{ position: relative; float: left; height: 28px; line-height: 28px; padding: 0 16px 0 9px; margin: 0 25px 0 0; background: #677276; font-size: 16px; color: #fff; font-weight: normal; }
#contents .manager_info h3:before	{ position: absolute; right: -20px; border-width: 14px 0 14px 20px; border-style: solid; border-color: transparent transparent transparent #677276; content: ""; }
#contents .manager_info h3:after	{ position: absolute; right: -4px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 8px; background-color: #fff; content: ""; }
#contents .manager_info dl	{ float: left; line-height: 28px; padding: 0; margin: 0; list-style: none; }
#contents .manager_info dl dt	{ position: absolute; width: 0; height: 0; padding: 0; margin: 0; list-style: none; font-size: 0; overflow: hidden; }
#contents .manager_info dl dd	{ float: left; padding: 0 0 0 10px; margin: 0; list-style: none; }
#contents .manager_info dl dd:last-child:before	{ display: inline; content: "( TEL : "; }
#contents .manager_info dl dd:last-child:after	{ display: inline; content: " )"; }

@media all and (max-width:600px)
{
	#contents .manager_info h3	{ margin-top: 14px; }
	#contents .manager_info dl	{ float: right; }
	#contents .manager_info dl dd	{ float: none; clear: both; text-align: right; white-space: nowrap; }
}






a.file img  { overflow: hidden; }
.kntool_popup_layerpopup > div	{ overflow: visible !important; }
button:focus	{ outline: 2px solid #f00; }