@charset "UTF-8";
/*
@import url(//webfontworld.github.io/SCoreDream/SCoreDream.css);

@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'ChosunSm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


*:focus	{ outline: 2px solid red; }


/*
body	{ width: 100%; height: 100%; padding: 0; margin: 0; font-size: 18px; font-weight: 400; font-family: SCoreDream, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*	{ font-family: SCoreDream, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*/
body	{ width: 100%; height: 100%; padding: 0; margin: 0; font-size: 18px; font-weight: 400; font-family: Sans-serif; }
*	{ font-family: 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
**/
#header	{ position: relative; z-index: 2; }
#header header	{}
#header header h1	{ position: relative; max-width: 1300px; margin: 0 auto; }
#header header h1 a	{ position: absolute; left: 0; top: 45px; z-index: 2; width: 165px; height: 94px; text-align: left; text-indent: -9999px; overflow: hidden; background: url(../image/header_logo.png) no-repeat left center; }
#header header p.slogan	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }


#header #GNB	{}
#header #GNB aside.top	{ line-height: 45px; background-color: #fff; color: #1b1b1b; font-size: 16px; }
#header #GNB aside.top .align_box	{ position: relative; max-width: 1300px; margin: 0 auto; }
#header #GNB aside.top .align_box:after	{ display: block; clear: both; content: ""; }
#header #GNB aside.top .sitelist	{ float: left; }
#header #GNB aside.top .sitelist ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#header #GNB aside.top .sitelist ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#header #GNB aside.top .sitelist ul li + li:before	{ display: block; float: left; text-align: center; content: "|"; }
#header #GNB aside.top .sitelist ul li a	{ float: left; display: block; padding: 0 1em; }
#header #GNB aside.top nav	{ float: right; background-color: #1f1f1f; color: #fff; }
#header #GNB aside.top nav ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#header #GNB aside.top nav ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#header #GNB aside.top nav ul li + li:before	{ display: block; float: left; text-align: center; content: "|"; }
#header #GNB aside.top nav ul li a	{ float: left; display: block; padding: 0 1em; color: #fff; }
#header #GNB aside.top nav ul li a:focus, #header #GNB aside.top nav ul li a:hover, #header #GNB aside.top nav ul li a:active	{ background-color: #f0f0f0; color: #000; }
#header #GNB aside.top nav ul li.language	{ position: relative; width: 160px; height: 45px; overflow: hidden; }
#header #GNB aside.top nav ul li.language.over	{ overflow: visible; z-index: 9; }
#header #GNB aside.top nav ul li.language:before	{ content: none; }
#header #GNB aside.top nav ul li.language dl	{ position: absolute; left: 0; top: 0; width: 100%; padding: 0; margin: 0; list-style: none; background-color: #2c4191; color: #fff; }
#header #GNB aside.top nav ul li.language dl dt	{ position: relative; padding: 0; margin: 0; list-style: none; text-indent: 1em; cursor: pointer; }
#header #GNB aside.top nav ul li.language dl dt:after	{ position: absolute; right: 1.5em; top: 0; font-size: 12px; content: "▼"; }
#header #GNB aside.top nav ul li.language dl dd	{ height: 0; padding: 0; margin: 0; list-style: none; overflow: hidden; }
#header #GNB aside.top nav ul li.language.over dl dd	{ height: auto; overflow: visible; }
#header #GNB aside.top nav ul li.language dl dd a	{ float: none; text-indent: 1.5em; color: #fff; }
#header #GNB aside.top nav ul li.language dl dd a:focus, #header #GNB aside.top nav ul li.language dl dd a:hover, #header #GNB aside.top nav ul li.language dl dd a:active	{ background-color: #333; color: #fff; }

#header #GNB aside.top nav ul li.language dl dd .goog-te-gadget-simple	{ display: flex; align-items: center; justify-content: center; gap: 5px; padding: 0; border: 0 none; }
#header #GNB aside.top nav ul li.language dl dd .goog-te-gadget-simple a	{ padding: 0; margin: 0; text-indent: 0; color: #111; }
#header #GNB aside.top nav ul li.language dl dd .goog-te-gadget-simple a:focus, #header #GNB aside.top nav ul li.language dl dd .goog-te-gadget-simple a:hover, #header #GNB aside.top nav ul li.language dl dd .goog-te-gadget-simple a:active	{ color: red; background-color: #fff; }

#header #GNB aside.top nav ul li.sitemap2	{ position: absolute; right: 50px; top: 45px; }
#header #GNB aside.top nav ul li.sitemap2:before	{ content: none; }
#header #GNB aside.top nav ul li.sitemap2 a	{ display: block; width: 50px; height: 95px; padding: 0; background: url(../image/header_sitemap.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#header #GNB aside.top nav ul li.search2	{ position: absolute; right: 0; top: 45px; }
#header #GNB aside.top nav ul li.search2:before	{ content: none; }
#header #GNB aside.top nav ul li.search2 a	{ display: block; width: 50px; height: 95px; padding: 0; background: url(../image/header_search.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }


#header #GNB #topmenu	{ border-bottom: 1px solid #fff; }
#header #GNB #topmenu nav	{ max-width: 1300px; margin: 0 auto; }
#header #GNB #topmenu nav .show_all_menu	{ display: none; }

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

#topmenu .ld1	{ display: flex; padding: 0 105px 0 300px; }
#topmenu .cd1	{ flex: 1; }
#topmenu .cd1c1,
#topmenu .cd1c7,
#topmenu .cd1c8,
#topmenu .cd1c9,
#topmenu .cd1c10,
#topmenu .cd1c11	{ display: none; }
#topmenu .l1	{ display: block; line-height: 94px; text-align: center; font-size: 20px; font-weight: 600; color: #fff; text-shadow: 0 0 5px black; }
#topmenu .l1:focus, #topmenu .l1:hover, #topmenu .l1:active	{ position: relative; z-index: 10; }

#topmenu .lb1	{ position: absolute; width: 0; height: 0; overflow: hidden; }
#topmenu .cd1.over .lb1	{ position: absolute; left: 0; top: 139px; z-index: 9; display: flex; align-items: flex-start; justify-content: center; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.6); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); overflow: visible; }
#topmenu .lb1 > p	{ position: relative; flex: 1 1 30.76923076%; max-width: 340px; height: 100%; margin: 0; }
#topmenu .lb1 > p:before	{ position: absolute; right: 20%; top: 0; z-index: 1; width: 80%; height: 50%; background: no-repeat right top; content: ""; }
#topmenu .lb1 > p:after	{ position: absolute; left: -14.7%; bottom: 0; z-index: 1; width: 114.7%; height: 50%; background: no-repeat left bottom; content: ""; }
#topmenu .lb1 > p strong	{ position: relative; z-index: 2; display: block; line-height: 1; padding: 40px 0 0 20px; font-size: 40px; color: #fff; font-family: ChosunSm, serif; font-weight: normal; text-shadow: 0 0 3px black, 0 0 3px black; }
#topmenu .lb1 > p br	{ display: none; }
#topmenu .lb1 > p > span	{ position: relative; z-index: 2; display: block; line-height: 20px; padding: 15px 0 0 20px; font-size: 13px; color: #fff; font-weight: normal; text-shadow: 0 0 3px black, 0 0 3px black; }
#topmenu .lb1 > p > span span	{ display: block; }

#topmenu .cd1c2 .lb1 > p:before	{ background-image: url(../image/header_depth2_01_01.png); }
#topmenu .cd1c2 .lb1 > p:after	{ background-image: url(../image/header_depth2_01_02.png); }
#topmenu .cd1c3 .lb1 > p:before	{ background-image: url(../image/header_depth2_02_01.png); }
#topmenu .cd1c3 .lb1 > p:after	{ background-image: url(../image/header_depth2_02_02.png); }
#topmenu .cd1c4 .lb1 > p:before	{ background-image: url(../image/header_depth2_03_01.png); }
#topmenu .cd1c4 .lb1 > p:after	{ min-height: 196px; background-image: url(../image/header_depth2_03_02.png); }
#topmenu .cd1c5 .lb1 > p:before	{ background-image: url(../image/header_depth2_04_01.png); }
#topmenu .cd1c5 .lb1 > p:after	{ min-height: 254px; background-image: url(../image/header_depth2_04_02.png); }
#topmenu .cd1c6 .lb1 > p:before	{ background-image: url(../image/header_depth2_05_01.png); }
#topmenu .cd1c6 .lb1 > p:after	{ min-height: 265px; background-image: url(../image/header_depth2_05_02.png); }


#topmenu .ld2	{ flex: 1 1 69.23076923%; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 960px; min-height: 350px; padding: 50px 0 1px 0; }
#topmenu .cd2	{ flex: 1 1 210px; max-width: 210px; margin-bottom: 40px; }
#topmenu .l2	{ display: flex; align-items: center; justify-content: center; height: 44px; line-height: 18px; padding: 0 10px; border-radius: 5px; background-color: #fff; text-align: center; color: #000; font-size: 16px; }

#topmenu .lb2	{}

#topmenu .ld3	{ padding: 20px 20px 0; }
#topmenu .cd3	{}
#topmenu .l3	{ position: relative; display: block; line-height: 20px; padding: 5px 0 5px 12px; color: #fff}
#topmenu .l3:before	{ position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background-color: #87898b; content: ""; }

#topmenu .lb3	{ display: none; }


@media all and (max-width: 1280px)
{
	#header #GNB aside.top .align_box	{ display: flex; }
	#header #GNB aside.top .sitelist	{ flex: 1; }
	#header #GNB aside.top .sitelist ul	{ display: flex; width: 100%; }
	#header #GNB aside.top .sitelist ul li	{ flex: 1 0 auto; position: relative; }
	#header #GNB aside.top .sitelist ul li + li:before	{ position: absolute; left: 0; top: 0; }
	#header #GNB aside.top .sitelist ul li a	{ width: 100%; padding: 0; box-sizing: border-box; text-align: center; }
	#header #GNB aside.top nav	{ flex: 1; }
	#header #GNB aside.top nav ul	{ display: flex; width: 100%; }
	#header #GNB aside.top nav ul li	{ flex: 1 0 auto; position: relative; }
	#header #GNB aside.top nav ul li + li:before	{ position: absolute; left: 0; top: 0; }
	#header #GNB aside.top nav ul li a	{ width: 100%; padding: 0; box-sizing: border-box; text-align: center; }
	
	#header #GNB aside.top .sitelist ul li a	{  }
}

@media all and (max-width: 1024px)
{
	#header #GNB aside.top	{ font-size: 14px; }
	#header #GNB aside.top nav ul li.sitemap2,
	#header #GNB aside.top nav ul li.search2	{display: none; }
	
	#topmenu .ld1	{ padding-left: 170px; padding-right: 0; }
}

@media all and (max-width: 768px)
{
	#header header h1 a	{ top: 0; width: 160px; height: 70px; background-position: center center; background-size: auto; }
	
	#header #GNB aside.top .sitelist	{ display: none; }
	#header #GNB aside.top nav	{ display: none; }
	
	#header #GNB #topmenu nav .show_all_menu	{ display: block; float: right; width: 70px; height: 70px; padding: 0; margin: 0; border: 0 none; background: url(../image/header_sitemap.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
	#topmenu .ld1	{ display: none; }
	
	#header.show	{ z-index: 9991; height: 70px; }
	#header.show #GNB	{ position: fixed; right: 0; top: 0; z-index: 9991; width: 100%; max-width: 360px; height: 100%; background-color: #fff; }
	#header.show #GNB aside.top nav	{ display: block; }
	#header.show #GNB aside.top nav ul li.sitemap	{ display: none; }
	#header.show #GNB aside.top nav ul li.language	{ width: 90px; }
	#header.show #GNB aside.top nav ul li.language dl dt:after	{ right: 1em; font-size: 10px; }
	#header.show #GNB aside.top nav ul li.language dl dd a	{ text-indent: 0; text-align: center; }
	
	#header.show #GNB #topmenu nav .show_all_menu	{ position: absolute; left: -60px; top: 45px; width: 60px; height: 60px; background-image: url(../image/header_close.png); background-size: 40px; }
	
	#header.show #GNB #topmenu	{ height: 100%; border: 0 none; }
	#header #GNB #topmenu nav	{ height: 100%; }
	
	#header.show #topmenu .ld1	{ position: relative; display: block; width: 100%; height: 100%; padding: 0; }
	
	#mobile_gnb_close	{ position: fixed; left: 0; top: 0; z-index: 9990; width: 100%; height: 100%; padding: 0; margin: 0; border: 0 none; background-color: rgba(0, 0, 0, 0.5); text-align: left; text-indent: -99999px; overflow: hidden; }
	
	
	#topmenu .ld1	{ background-color: #f0f0f0; }
	#topmenu .cd1	{ width: 100%; }
	#topmenu.show .cd1	{ width: 150px; }
	#topmenu .l1	{ position: relative; line-height: 70px; padding: 0; font-size: 17px; color: #181818; font-weight: normal; text-shadow: none; }
	#topmenu .l1:after	{ position: absolute; left: 5%; bottom: 0; width: 90%; height: 1px; background-color: rgba(0, 0, 0, 0.1); content: ""; }
	#topmenu .lb1,
	#topmenu .cd1.over .lb1	{ display: none; height: auto; }
	#topmenu .cd1.show .lb1	{ display: block; position: absolute; left: auto; right: 0; top: 0; width: calc(100% - 150px); height: 100% !important; background: none; box-shadow: none; overflow: auto; }
	
	#topmenu .lb1 > p	{ display: none; }
	
	#topmenu .ld2	{ min-height: 0; padding: 0;  }
	#topmenu .cd2	{ margin: 0; }
	#topmenu .l2	{ position: relative; padding: 0; background-color: transparent; color: #181818; }
	#topmenu .l2.hasChild	{ padding-right: 2em; }
	#topmenu .l2.hasChild:before	{ position: absolute; right: 1.5em; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 10px; content: "▼"; }
	#topmenu .l2:after	{ position: absolute; left: 5%; bottom: 0; width: 90%; height: 1px; background-color: rgba(0, 0, 0, 0.1); content: ""; }
	
	#topmenu .lb2	{ display: none; }
	#topmenu .cd2.show .lb2	{ display: block; width: 90%; margin: 0 auto; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	
	#topmenu .ld3	{ padding: 15px 0 15px 15px; }
}

@media all and (max-width: 420px)
{
	#header #GNB aside.top	{ font-size: 12px; }
	#header #GNB aside.top nav ul	{ padding-left: 45px; box-sizing: border-box; }
	
	#header.show #GNB	{ max-width: 100%; }
	#header.show #GNB #topmenu nav .show_all_menu	{ left: 0; top: 0; width: 45px; height: 45px; background-size: 25px; }
	
	#topmenu.show .cd1	{ width: 120px; }
	#topmenu .cd1.show .lb1	{ width: calc(100% - 120px); }
}




/*
FOOTER
*/
#footer	{ background-color: #35393f; color: #fff; }
#footer aside	{ line-height: 60px; background-color: #212b35; }
#footer aside .alignbox	{ position: relative; max-width: 1300px; margin: 0 auto; }
#footer aside .alignbox:after	{ display: block; clear: both; content: ""; }

#footer aside .link	{ float: left; }
#footer aside .link h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#footer aside .link ul	{ padding: 0; margin: 0; list-style: none; }
#footer aside .link ul:after	{ display: block; clear: both; content: ""; }
#footer aside .link ul li	{ position: relative; float: left; padding: 0; margin: 0; list-style: none; }
#footer aside .link ul li + li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 17px; margin-top: -8px; background-color: #858484; content: ""; }
#footer aside .link ul li a	{ display: block; padding: 0 20px; color: #fff; font-size: 15px; }
#footer aside .link ul li a:focus, #footer aside .link ul li a:hover, #footer aside .link ul li a:active	{ background-color: #f0f0f0; color: #000; }

#footer aside .familysite	{ position: relative; float: right; width: 225px; height: 41px; line-height: 39px; margin-top: 10px; border: 1px solid #999a9a; box-sizing: border-box; background-color: #fff; color: #101010; font-size: 15px; overflow: hidden; cursor: pointer; }
#footer aside .familysite.over	{ z-index: 9; overflow: visible; }
#footer aside .familysite h3	{ position: relative; margin: 0; text-indent: 1em; font-weight: normal; font-size: 1em; }
#footer aside .familysite.over h3	{ font-weight: bold; }
#footer aside .familysite h3:after	{ position: absolute; right: 1em; top: 0; font-size: 12px; opacity: 0.5; content: "▼"; }
#footer aside .familysite.over h3:after	{ content: "▲"; }
#footer aside .familysite ul	{ position: absolute; left: -1px; bottom: 100%; width: 0; height: 0; padding: 0; margin: 0; list-style: none; overflow: hidden; }
#footer aside .familysite.over ul	{ width: calc(100% + 2px); height: auto; max-height: 300px; padding: 10px 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #999a9a; box-sizing: border-box; background-color: #fff; overflow: auto; }
#footer aside .familysite ul li	{ padding: 0; margin: 0; list-style: none; }
#footer aside .familysite ul li a	{ display: block; text-indent: 1.2em; }

#footer aside .sns	{ position: absolute; right: 0; top: 98px; }
#footer aside .sns h3	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#footer aside .sns ul	{ padding: 0; margin: 0; list-style: none; }
#footer aside .sns ul:after	{ display: block; clear: both; content: ""; }
#footer aside .sns ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#footer aside .sns ul li + li	{ margin-left: 16px; }
#footer aside .sns ul li a	{ display: block; width: 61px; height: 61px; border-radius: 100%; background: no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#footer aside .sns ul li a.kakao	{ background-color: #ffe522; background-image: url(../image/footer_sns_kakao.png); }
#footer aside .sns ul li a.instagram	{ background-color: #8f28b7; background-image: url(../image/footer_sns_instagram.png); }
#footer aside .sns ul li a.facebook	{ background-color: #4169af; background-image: url(../image/footer_sns_facebook.png); }
#footer aside .sns ul li a.blog	{ background-color: #43b134; background-image: url(../image/footer_sns_blog.png); }
#footer aside .sns ul li a.youtube	{ background-color: #ea412c; background-image: url(../image/footer_sns_youtube.png); }
#footer aside .sns ul li a:focus, #footer aside .sns ul li a:hover, #footer aside .sns ul li a:active	{ box-shadow: 0 0 5px white; }

#footer address	{ display: block; max-width: 1300px; line-height: 25px; padding: 45px 395px 45px 10px; margin: 0 auto; box-sizing: border-box; font-style: normal; font-size: 15px; }
#footer address span	{ display: block; }
#footer address em	{ font-style: normal; font-weight: 500; }


@media all and (max-width: 1280px)
{
	#footer aside .link	{ width: 100%; }
	#footer aside .link ul	{ display: flex; flex-wrap: wrap; width: 100%; }
	#footer aside .link ul li	{ flex: auto; }
	#footer aside .link ul li a	{ display: flex; align-items: center; justify-content: center; height: 60px; line-height: 1.2em; padding: 0 5px; text-align: center; }
	
	#footer aside .familysite	{ position: absolute; right: 10px; bottom: -50px; }
	#footer aside .sns	{ right: 10px; top: auto; bottom: -120px; }
	#footer address	{ min-height: 140px; padding: 45px 390px 20px 10px;  }
}

@media all and (max-width: 768px)
{
	#footer aside	{ background-color: transparent; }
	#footer aside .link	{ float: none; background-color: #212b35; }
	#footer aside .link ul li	{ flex: 1 1 50%; }
	#footer aside .familysite	{ position: static; float: none; width: auto; max-width: calc(100% - 20px); margin: 10px auto; }
	#footer aside .sns	{ position: static; max-width: calc(100% - 20px); margin: 10px auto; }
	#footer aside .sns ul	{ display: flex; justify-content: center; }
	#footer aside .sns ul li + li	{ margin-left: 5px; }
	
	#footer address	{ padding: 30px 10px; }
}

@media all and (max-width: 375px)
{
	#footer aside .sns ul li a	{ width: 55px; height: 55px; }
	#footer aside .link ul li a	{ height: 40px; padding: 0; font-size: 12px; letter-spacing: -1px; }
}



/*
MAIN
*/
#container.main	{ position: relative; z-index: 1; margin-top: -97px; }
#container.main #section,
#container.main #contents	{ position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; }


#container.main .section_1	{ margin: 0 0 60px 0; }
#container.main .align_1	{}
#container.main .align_1:after	{ display: block; clear: both; content: ""; }


#container.main .mainimage	{ position: relative; height: 855px; }
#container.main .mainimage h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
/*
#container.main .mainimage .list	{ position: relative; display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; }
#container.main .mainimage .list .empty	{ position: relative; width: 100%; height: 100%; background: url(../image/main_visual_default.jpg) no-repeat center center / cover; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .mainimage .list .slick-list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#container.main .mainimage .list div,
#container.main .mainimage .list .item	{ position: relative; display: block !important; width: 100%; height: 100%; padding: 0; margin: 0; border: 0 none; box-sizing: border-box; }
#container.main .mainimage .list .item	{ background: no-repeat center center / cover; text-indent: -999999px; overflow: hidden; }
#container.main .mainimage .list .item > *	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

#container.main .mainimage .slick-arrow	{ display: none !important; }
#container.main .mainimage .slick-dots	{ position: relative; z-index: 3; display: flex !important; justify-content: center; align-items: center; min-width: 200px; padding: 20px 60px; margin: 0 0 40px 0; list-style: none; border: 2px solid #fff; border-radius: 60px; box-sizing: border-box; }
#container.main .mainimage .slick-dots li	{ padding: 0; margin: 0; list-style: none; }
#container.main .mainimage .slick-dots li + li	{ margin-left: 20px; }
#container.main .mainimage .slick-dots li button	{ display: block; width: 10px; height: 10px; padding: 0; margin: 0; border: 0 none; box-sizing: border-box; background: #fff; text-indent: -999px; overflow: hidden; }
#container.main .mainimage .slick-dots li.slick-active button	{ border: 2px solid #fff; background-color: transparent; }
#container.main .mainimage .slick-dots li button:focus, #container.main .mainimage .slick-dots li button:hover, #container.main .mainimage .slick-dots li button:active	{ background-color: #f00; box-shadow: 0 0 5px black; }
#container.main .mainimage .slick-playstop	{ position: relative; z-index: 3; width: 54px; height: 54px; line-height: 50px; padding: 0; margin: 0 0 40px 0; border: 2px solid #fff; border-radius: 100%; background-color: transparent; font-size: 20px; font-weight: bold; font-family: serif; color: #fff; text-indent: -9999px; overflow: hidden; }
#container.main .mainimage .slick-playstop:focus, #container.main .mainimage .slick-playstop:hover, #container.main .mainimage .slick-playstop:active	{ background-color: #fff; color: #101010; }
#container.main .mainimage .slick-dots + .slick-playstop	{ margin-left: 12px; }
#container.main .mainimage .slick-playstop:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ""; }
#container.main .mainimage .slick-playstop.play:before	{ content: ">"; }
#container.main .mainimage .slick-playstop.stop:before	{ content: "||"; }
*/

#container.main .mainimage .list	{ position: relative; width: 100%; height: 100%; }
#container.main .mainimage .list .tab	{ position: absolute !important; left: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; height: 160px; padding: 0; margin: 0; list-style: none; background-color: rgba(0, 0, 0, 0.7); }
#container.main .mainimage .list .tab .slick-list	{ width: 825px; height: 90px; }
#container.main .mainimage .list .tab .slick-track	{ transform: translate3d(0, 0, 0) !important; }
#container.main .mainimage .list .tab .item	{ display: flex !important; align-items: center; justify-content: center; }
#container.main .mainimage .list .tab .item a	{ position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; padding: 0; margin: 0 7px 0 8px; list-style: none; background: url(../image/main_image_tab.jpg) no-repeat 0 0; text-align: left; text-indent: -9999px; overflow: hidden; }

#container.main .mainimage .list .tab .item_1 a	{ background-position: 0 0; }
#container.main .mainimage .list .tab .item_2 a	{ background-position: -90px 0; }
#container.main .mainimage .list .tab .item_3 a	{ background-position: -180px 0; }
#container.main .mainimage .list .tab .item_4 a	{ background-position: -270px 0; }
#container.main .mainimage .list .tab .item_5 a	{ background-position: -360px 0; }
#container.main .mainimage .list .tab .item_6 a	{ background-position: -450px 0; }
#container.main .mainimage .list .tab .item_7 a	{ background-position: -540px 0; }
#container.main .mainimage .list .tab .item_8 a	{ background-position: -630px 0; }

#container.main .mainimage .list .tab .item a span	{ position: absolute; left: 0; top: 0; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .mainimage .list .tab .slick-current .item a:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(66, 66, 66, 0.8); content: ""; }
#container.main .mainimage .list .tab .slick-current .item a span	{ position: relative; z-index: 2; width: auto; height: auto; overflow: visible; min-width: 70px; line-height: 22px; border-radius: 10px; background-color: #d24028; color: #fff; text-align: center; font-size: 13px; text-indent: 0; }

#container.main .mainimage .list .tab .tab_button	{ display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; padding: 0; margin: 0; border: 2px solid #fff; border-radius: 100%; background-color: transparent; font-family: serif; font-size: 25px; font-weight: bolder; color: #fff; }
#container.main .mainimage .list .tab .tab_button:focus, #container.main .mainimage .list .tab .tab_button:hover, #container.main .mainimage .list .tab .tab_button:active	{ border-color: #000; background-color: #fff; color: #000; }


#container.main .mainimage .list .tab_content	{ position: relative; display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; padding: 0; margin: 0; }
#container.main .mainimage .list .tab_content div	{ display: block; width: 100%; height: 100%; }
#container.main .mainimage .list .tab_content .item	{ display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 30px; width: 100%; height: 100%; padding-bottom: 160px; box-sizing: border-box; background: no-repeat center center / cover; }
#container.main .mainimage .list .tab_content .item > span	{ display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 44px; border-radius: 44px; background: linear-gradient(to right, #0f9d6b 0%,#2439c8 100%); font-size: 23px; font-weight: bold; color: #fff; }
#container.main .mainimage .list .tab_content .item > strong	{ display: block; line-height: 60px; text-align: center; font-size: 50px; color: #fff; font-weight: normal; }
#container.main .mainimage .list .tab_content .item > strong > span	{ display: block; }
#container.main .mainimage .list .tab_content .item > strong strong	{ font-weight: 500; }
#container.main .mainimage .list .tab_content .item > em	{ display: block; line-height: 25px; font-style: normal; font-size: 18px; color: #fff; }
#container.main .mainimage .list .tab_content .item > em > span	{ display: block; }

#container.main .mainimage .list .tab_content .item_1	{ background-image: url(../image/main_image_content_01.jpg); }
#container.main .mainimage .list .tab_content .item_2	{ background-image: url(../image/main_image_content_02.jpg); }
#container.main .mainimage .list .tab_content .item_3	{ background-image: url(../image/main_image_content_03.jpg); }
#container.main .mainimage .list .tab_content .item_4	{ background-image: url(../image/main_image_content_04.jpg); }
#container.main .mainimage .list .tab_content .item_5	{ background-image: url(../image/main_image_content_05.jpg); }
#container.main .mainimage .list .tab_content .item_6	{ background-image: url(../image/main_image_content_06.jpg); }
#container.main .mainimage .list .tab_content .item_7	{ background-image: url(../image/main_image_content_07.jpg); }
#container.main .mainimage .list .tab_content .item_8	{ background-image: url(../image/main_image_content_08.jpg); }






#container.main .link1	{ max-width: 1300px; padding: 0 10px; margin: 60px auto 0 auto; box-sizing: border-box; }
#container.main .link1 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .link1 ul	{ display: flex; justify-content: center; padding: 0; margin: 0; list-style: none; }
#container.main .link1 ul li	{ position: relative; flex: 1; padding: 0; margin: 0; list-style: none; }
#container.main .link1 ul li + li:before	{ position: absolute; left: 0; top: 0; height: 100%; border-left: 2px dashed #474747; content: ""; }
#container.main .link1 ul li a	{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; }
#container.main .link1 ul li a:before	{ display: block; width: 100%; height: 59px; background: no-repeat center center; content: ""; }
#container.main .link1 ul li:nth-child(1) a:before	{ background-image: url(../image/main_link1_01.png); }
#container.main .link1 ul li:nth-child(2) a:before	{ background-image: url(../image/main_link1_02.png); }
#container.main .link1 ul li:nth-child(3) a:before	{ background-image: url(../image/main_link1_03.png); }
#container.main .link1 ul li:nth-child(4) a:before	{ background-image: url(../image/main_link1_04.png); }
#container.main .link1 ul li:nth-child(5) a:before	{ background-image: url(../image/main_link1_05.png); }
#container.main .link1 ul li:nth-child(6) a:before	{ background-image: url(../image/main_link1_06.png); }
#container.main .link1 ul li a:focus, #container.main .link1 ul li a:hover, #container.main .link1 ul li a:active	{ background-color: #474747; color: #fff; }


#container.main .section_2	{ padding: 110px 0; background: url(../image/main_this_danyang.jpg) no-repeat center center / cover; }
#container.main .align_2	{ max-width: 1300px; margin: 0 auto; }
#container.main .align_2:after	{ display: block; clear: both; content: ""; }


#container.main .this_danyang	{
	--contents-width: 1300px;
	--contents-height: 855px;
	--contents-space: 30px;

	--contents-cell-width: calc((1300px - 30px * 2) / 3);
	--contents-cell-height: calc((855px - 30px * 2) / 3);
}
#container.main .this_danyang h2	{ line-height: 1; margin: 0; text-align: center; font-size: 55px; font-family: ChosunSm, serif; color: #161616; font-weight: normal; }
#container.main .this_danyang p	{ line-height: 1; margin: 25px 0 0 0; text-align: center; font-size: 14px; color: #454545; }
#container.main .this_danyang ul	{ position: relative; height: var(--contents-height); padding: 0; margin: 85px 0 0 0; list-style: none; }
#container.main .this_danyang ul li	{ position: absolute; width: var(--contents-cell-width); height: var(--contents-cell-height); padding: 0; margin: 0; list-style: none; }
#container.main .this_danyang ul li a	{ position: relative; display: block; width: 100%; height: 100%; border: 1px solid #fff; box-sizing: border-box; border-radius: 9px; background: #666 no-repeat center center / cover; color: #fff; }
#container.main .this_danyang ul li a .title	{ position: absolute; left: 23px; top: 0; padding: 18px; margin: 0; background-color: #1e1e1e; }
#container.main .this_danyang ul li a .title em	{ display: block; line-height: 22px; font-style: normal; font-size: 14px; color: #55b92c; font-weight: normal; }
#container.main .this_danyang ul li a .title strong	{ display: block; line-height: 24px; padding: 2px 0; font-size: 20px; color: #fff; }
#container.main .this_danyang ul li a .title strong span	{ display: block; }
#container.main .this_danyang ul li a .description	{ display: none; }

#container.main .this_danyang ul li a.over:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 9px; background: rgba(10, 10, 10, 0.75) no-repeat right bottom; content: ""; }
#container.main .this_danyang ul li a.over .title	{ position: static; padding: 0; margin: 0; background: transparent; }
#container.main .this_danyang ul li a.over .title em	{ position: absolute; left: 55px; top: 15%; display: flex; flex-direction: column; justify-content: center; width: 120px; height: 60px; line-height: 18px; padding: 0; border-radius: 100%; background: linear-gradient(135deg, #46a51f 0%,#0151be 100%); text-align: center; font-size: 16px; color: #fff; }
#container.main .this_danyang ul li a.over .title em span	{ display: block; }
#container.main .this_danyang ul li a.over .title strong	{ position: absolute; left: 55px; top: 50%; line-height: 1; font-size: 26px; color: #fff; }
#container.main .this_danyang ul li a.over .title strong span	{ display: inline; }
#container.main .this_danyang ul li a.over .description	{ position: absolute; left: 55px; top: calc(50% + 40px); display: block; width: calc(100% - 75px); line-height: 22px; font-size: 15px; color: #fff; letter-spacing: -1px; }
#container.main .this_danyang ul li a.over .description span	{ display: block; }


#container.main .this_danyang ul li.point_1_1	{ left: 0; top: 0; }
#container.main .this_danyang ul li.point_2_1	{ left: calc(var(--contents-cell-width) + var(--contents-space)); top: 0; }
#container.main .this_danyang ul li.point_3_1	{ left: calc((var(--contents-cell-width) + var(--contents-space)) * 2); top: 0; }

#container.main .this_danyang ul li.point_1_2	{ left: 0; top: calc(var(--contents-cell-height) + var(--contents-space)); }
#container.main .this_danyang ul li.point_2_2	{ left: calc(var(--contents-cell-width) + var(--contents-space)); top: calc(var(--contents-cell-height) + var(--contents-space)); }
#container.main .this_danyang ul li.point_3_2	{ left: calc((var(--contents-cell-width) + var(--contents-space)) * 2); top: calc(var(--contents-cell-height) + var(--contents-space)); }

#container.main .this_danyang ul li.point_1_3	{ left: 0; top: calc((var(--contents-cell-height) + var(--contents-space)) * 2); }
#container.main .this_danyang ul li.point_2_3	{ left: calc(var(--contents-cell-width) + var(--contents-space)); top: calc((var(--contents-cell-height) + var(--contents-space)) * 2); }
#container.main .this_danyang ul li.point_3_3	{ left: calc((var(--contents-cell-width) + var(--contents-space)) * 2); top: calc((var(--contents-cell-height) + var(--contents-space)) * 2); }

#container.main .this_danyang ul li.point_1_half	{ left: 0; top: calc((var(--contents-height) + var(--contents-space)) / 2); }
#container.main .this_danyang ul li.point_2_half	{ left: calc(var(--contents-cell-width) + var(--contents-space)); top: calc((var(--contents-height) + var(--contents-space)) / 2); }
#container.main .this_danyang ul li.point_3_half	{ left: calc((var(--contents-cell-width) + var(--contents-space)) * 2); top: calc((var(--contents-height) + var(--contents-space)) / 2); }

#container.main .this_danyang ul li.w1	{ width: var(--contents-cell-width); }
#container.main .this_danyang ul li.w2	{ width: calc(var(--contents-cell-width) * 2 + var(--contents-space)); }
#container.main .this_danyang ul li.w3	{ width: calc(var(--contents-cell-width) * 3 + var(--contents-space) * 2); }
#container.main .this_danyang ul li.h1	{ height: var(--contents-cell-height); }
#container.main .this_danyang ul li.h2	{ height: calc(var(--contents-cell-height) * 2 + var(--contents-space)); }
#container.main .this_danyang ul li.h3	{ height: calc(var(--contents-cell-height) * 3 + var(--contents-space) * 2); }
#container.main .this_danyang ul li.hhalf	{ height: calc((var(--contents-height) - var(--contents-space)) / 2); }


#container.main .this_danyang ul li.hhalf a.over .title strong	{ top: 35%; }
#container.main .this_danyang ul li.hhalf a.over .description	{ top: calc(35% + 40px); }
#container.main .this_danyang ul li.h2 a.over .title strong	{ top: 30%; }
#container.main .this_danyang ul li.h2 a.over .description	{ top: calc(30% + 40px); }


/** 단양여기 사진 파일 지정 **/
#container.main .this_danyang ul li:nth-child(1) a.over:before	{ background-position: right bottom; background-image: url(../image/main_this_danyang_01_man.png); }
#container.main .this_danyang ul li:nth-child(2) a.over:before	{ background-position: right bottom; background-image: url(../image/main_this_danyang_02_man.png); }
#container.main .this_danyang ul li:nth-child(3) a.over:before	{ background-position: right bottom; background-image: url(../image/main_this_danyang_03_man.png); }
#container.main .this_danyang ul li:nth-child(4) a.over:before	{ background-position: right bottom; background-image: url(../image/main_this_danyang_04_man.png); }
#container.main .this_danyang ul li:nth-child(5) a.over:before	{ background-position: left bottom; background-image: url(../image/main_this_danyang_05_man.png); }
#container.main .this_danyang ul li:nth-child(6) a.over:before	{ background-position: right top; background-image: url(../image/main_this_danyang_06_man.png); }

#container.main .this_danyang ul li:nth-child(1) a	{ background-image: url(../image/main_this_danyang_01.jpg); }
#container.main .this_danyang ul li:nth-child(2) a	{ background-image: url(../image/main_this_danyang_02.jpg); }
#container.main .this_danyang ul li:nth-child(3) a	{ background-image: url(../image/main_this_danyang_06.jpg); }
#container.main .this_danyang ul li:nth-child(4) a	{ background-image: url(../image/main_this_danyang_04.jpg); }
#container.main .this_danyang ul li:nth-child(5) a	{ background-image: url(../image/main_this_danyang_05.jpg); }
#container.main .this_danyang ul li:nth-child(6) a	{ background-image: url(../image/main_this_danyang_03.jpg); }



#container.main .section_3	{ position: relative; margin: 115px 0 0 0; }
#container.main .section_3:after	{ position: absolute; left: 50%; top: 0; z-index: 1; width: 50%; height: calc(100% - 115px); max-height: 450px; background: url(../image/main_festival_bg.png) no-repeat left top / cover; content: ""; }
#container.main .align_3	{ max-width: 1300px; margin: 0 auto; }
#container.main .align_3:after	{ display: block; clear: both; content: ""; }


#container.main .section_3.item_1:after	{ background-image: url(../image/main_festival_bg_01.jpg); }
#container.main .section_3.item_2:after	{ background-image: url(../image/main_festival_bg_02.jpg); }


#container.main .festival	{ position: relative; z-index: 2; }
#container.main .festival:after	{ display: block; clear: both; content: ""; }
#container.main .festival h2	{ float: left; width: 480px; margin: 0; font-weight: normal; }
#container.main .festival h2 a	{ display: block; position: relative; height: 565px; background: url(../image/main_festival.png) no-repeat center bottom; }
#container.main .festival h2 a strong	{ display: block; line-height: 1.454em; font-size: 55px; font-family: ChosunSm; font-weight: normal; }
#container.main .festival h2 a span	{ display: block; line-height: 25px; font-size: 14px; }
#container.main .festival h2 a:after	{ display: block; width: 100px; height: 35px; line-height: 33px; margin: 20px 0 0 0; border-radius: 35px; background-color: #2a2a2a; text-align: center; font-size: 14px; color: #fff; content: "more"; }
#container.main .festival ul	{ float: right; display: flex; flex-direction: column; justify-content: center; gap: 3px; width: 760px; padding: 0; margin: 23px 0 0 0; list-style: none; }
#container.main .festival ul li	{ flex: 1 1 200px; max-width: 250px; padding: 0; margin: 0; list-style: none; }
#container.main .festival ul li a	{ position: relative; display: flex; gap: 20px; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; height: 100%; padding: 0 0 0 25px; border-radius: 9px; box-sizing: border-box; background: no-repeat right top; }
#container.main .festival ul li:nth-child(1) a	{ background-color: #ff7d69; background-image: url(../image/main_festival_01.png); }
#container.main .festival ul li:nth-child(2) a	{ background-color: #41bcce; background-image: url(../image/main_festival_02.png); }
#container.main .festival ul li a:focus, #container.main .festival ul li a:hover, #container.main .festival ul li a:active	{ background: #333 none; color: #fff; }
#container.main .festival ul li a.active:after	{ position: absolute; right: -23px; top: 50%; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-top: -23px; border-radius: 100%; background-color: #000; font-family: serif; font-size: 20px; color: #fff; content: "→"; }
#container.main .festival ul li a > strong	{ display: block; font-size: 22px; font-weight: 500; color: #fff; }
#container.main .festival ul li a > span	{ display: block; line-height: 21px; font-size: 13px; opacity: 0.8; }
#container.main .festival ul li a > span > span	{ display: block; }




#container.main .section_4	{ background: #eff2f6 url(../image/main_notice_bg.jpg) no-repeat center center / cover; }
#container.main .align_4	{ max-width: 1300px; padding: 70px 0 75px 0; margin: 0 auto; }
#container.main .align_4:after	{ display: block; clear: both; content: ""; }


#container.main .notice	{ position: relative; float: left; width: calc(100% - 350px - 60px); }
#container.main .notice h2	{ position: relative; height: 60px; margin: 0; }
#container.main .notice h2 a	{ display: inline-block; line-height: 1; font-size: 28px; font-weight: 600; }
#container.main .notice h2 a:after	{ position: absolute; right: 0; top: 0; width: 30px; height: 30px; line-height: 27px; padding: 0; margin: 0; border: 1px solid #dbe0e7; border-radius: 100%; background-color: #fff; text-align: center; color: #4c4c4c; font-size: 20px; font-weight: bold; content: "+"; }
#container.main .notice h2 a:focus:after, #container.main .notice h2 a:hover:after, #container.main .notice h2 a:active:after	{ border-color: #000; background-color: #333; color: #fff; }
#container.main .notice .list	{}
#container.main .notice .list ul,
#container.main .notice .list ul li	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .notice .list .slick-list	{ padding: 0; margin: 0; }
#container.main .notice .list .slick-track	{ padding: 0; margin: 0 -12px 0 -13px; }
#container.main .notice .list .slick-slide	{ padding: 0 12px 0 13px; box-sizing: border-box; }
#container.main .notice .list a	{ position: relative; display: block; height: 260px; padding: 24px 24px 0 24px; border: 1px solid #dadfe6; border-radius: 13px; box-sizing: border-box; background-color: #fff; }
#container.main .notice .list a:focus, #container.main .notice .list a:hover, #container.main .notice .list a:active	{ outline: 0 none; border: 1px solid red; }
#container.main .notice .list a .br	{ display: none; }
#container.main .notice .list a .date	{ display: flex; flex-direction: column-reverse; }
#container.main .notice .list a .date .split	{ display: none; }
#container.main .notice .list a .date .yyyyMM	{ display: block; line-height: 25px; font-size: 13px; color: #595959; font-weight: normal; }
#container.main .notice .list a .date .dd	{ display: block; line-height: 35px; font-size: 30px; color: #2b3c98; font-weight: 900; }
#container.main .notice .list a .title	{ display: block; height: 4.2em; line-height: 1.4em; margin: 0.5em 0; font-size: 17px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
#container.main .notice .list a .title	{ display: -webkit-box; -webkit-line-clamp : 3; -webkit-box-orient : vertical; }
#container.main .notice .list a .content	{ display: block; height: 4.2em; line-height: 1.4em; font-size: 14px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; }
#container.main .notice .list a .content	{ display: -webkit-box; -webkit-line-clamp : 3; -webkit-box-orient : vertical; }

#container.main .notice .slick-prev	{ position: absolute; right: 110px; top: -60px; z-index: 2; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 1px solid #dbe0e7; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; color: #4c4c4c; font-family: serif; font-size: 16px; font-weight: bold; text-indent: -999px; overflow: hidden; }
#container.main .notice .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
#container.main .notice .slick-next	{ position: absolute; right: 44px; top: -60px; z-index: 2; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 1px solid #dbe0e7; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; color: #4c4c4c; font-family: serif; font-size: 16px; font-weight: bold; text-indent: -999px; overflow: hidden; }
#container.main .notice .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
#container.main .notice .slick-playstop	{ position: absolute; right: 77px; top: -60px; z-index: 2; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 1px solid #dbe0e7; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; color: #4c4c4c; font-family: serif; font-size: 12px; font-weight: bold; text-indent: -999px; overflow: hidden; }
#container.main .notice .slick-playstop:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ""; }
#container.main .notice .slick-playstop.play:after	{ content: "▶"; }
#container.main .notice .slick-playstop.stop:after	{ content: "■"; }

#container.main .notice .slick-arrow:focus, #container.main .notice .slick-arrow:hover, #container.main .notice .slick-arrow:active	{ border-color: #000; background-color: #333; color: #fff; }




#container.main .popupzone	{ position: relative; float: right; width: 350px; height: 320px; border-radius: 9px; background-color: #fff; overflow: hidden; }
#container.main .popupzone h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .popupzone .list,
#container.main .popupzone .list div	{ width: 100%; height: 100%; }
#container.main .popupzone .list .item	{ display: block; width: 100%; height: 100%; background: no-repeat center center / 100% 100%; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .item > * { position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .popupzone .list .item:focus, #container.main .popupzone .list .item:hover, #container.main .popupzone .list .item:active	{ outline: 0 none; border: 2px solid red; box-sizing: border-box; }
#container.main .popupzone .list:after	{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 50px; background-color: rgba(65, 65, 65, 0.65); content: ""; }

#container.main .popupzone .list .slick-status	{ position: absolute; left: 25px; bottom: 10px; z-index: 3; width: auto; height: auto; line-height: 30px; font-size: 15px; color: #fff; }
#container.main .popupzone .list .slick-prev	{ position: absolute; right: 75px; bottom: 10px; z-index: 3; width: 25px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 0 none; background: transparent; text-align: left; color: #fff; font-size: 14px; font-family: serif; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .slick-prev:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
#container.main .popupzone .list .slick-next	{ position: absolute; right: 25px; bottom: 10px; z-index: 3; width: 25px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 0 none; background: transparent; text-align: left; color: #fff; font-size: 14px; font-family: serif; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .slick-next:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
#container.main .popupzone .list .slick-playstop	{ position: absolute; right: 50px; bottom: 10px; z-index: 3; width: 25px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 0 none; background: transparent; text-align: left; color: #fff; font-size: 14px; font-family: serif; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone .list .slick-playstop:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ""; }
#container.main .popupzone .list .slick-playstop.play:before	{ content: "▶"; }
#container.main .popupzone .list .slick-playstop.stop:before	{ content: "■"; }
#container.main .popupzone .list .slick-arrow:focus, #container.main .popupzone .list .slick-arrow:hover, #container.main .popupzone .list .slick-arrow:active	{ border-radius: 7px; background-color: #fff; color: #000; }



/* 애니메이션 */
body	{ overflow-x: hidden; }
.css_animation	{ transition: all 1s; }
.css_animation.animation_ready	{ visibility: hidden; transform: translate(0, 0) !important; }
.css_animation.animation_play	{ opacity: 1 !important; transform: translate(0, 0) !important; }
.css_animation.type_top	{ transform: translate(0, -100%); opacity: 0; }
.css_animation.type_bottom	{ transform: translate(0, 100%); opacity: 0; }
.css_animation.type_left	{ transform: translate(-100%, 0); opacity: 0; }
.css_animation.type_right	{ transform: translate(100%, 0); opacity: 0; }




@media all and (max-width: 1024px)
{
	#container.main .mainimage	{ height: 0; padding-top: 83.49609375%; }
	#container.main .mainimage .list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
}

@media all and (max-width: 768px)
{
	#container.main	{ margin-top: 0; }

	#container.main .mainimage .list .tab_content .item > span	{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px; }
	#container.main .mainimage .list .tab_content .item > strong	{ line-height: 1.1; font-size: 30px; }
	#container.main .mainimage .list .tab_content .item > em	{ line-height: 1.1; padding: 0 20px; font-size: 14px; }
	#container.main .mainimage .list .tab	{ gap: 10px; }
	#container.main .mainimage .list .tab .item a	{ margin: 0 5px; }
	
	#container.main .link1	{ margin: 10px 0; }
	#container.main .link1 ul	{ flex-wrap: wrap; }
	#container.main .link1 ul li	{ flex: 1 1 33.33%; padding: 10px 0; }
	#container.main .link1 ul li + li:before	{ content: none; }
	
	#container.main .section_2	{ margin: 30px 0; }
	
	#container.main .this_danyang ul	{ height: auto; margin: 20px 10px 0; }
	#container.main .this_danyang ul li	{ position: static; width: auto !important; height: var(--contents-cell-height) !important; }
	#container.main .this_danyang ul li + li	{ margin-top: 10px; }
	
	#container.main .section_3	{ margin: 30px 0; }
	#container.main .section_3:after	{ left: 25%; top: 85px; width: 75%; height: calc(100% - 85px); }
	
	#container.main .festival h2	{ float: none; width: auto; }
	#container.main .festival h2 a	{ height: auto; background: none; }
	#container.main .festival h2 a:after	{ content: none; }
	#container.main .festival h2 a strong	{ text-align: center; font-size: 40px; }
	#container.main .festival h2 a span	{ text-align: center; }
	#container.main .festival ul	{ gap: 10px; float: none; width: auto; padding: 20px 10px; margin: 0; }
	
	#container.main .align_4	{ padding: 40px 10px; }
	
	#container.main .notice	{ float: none; width: 100%; }
	#container.main .notice .list	{ margin: 0 -5px; }
	#container.main .notice .list .slick-track	{ margin: 0 -5px; }
	#container.main .notice .list .slick-slide	{ padding: 0 5px; }
	
	#container.main .popupzone	{ float: none; margin: 20px auto 0;  }
}

@media all and (max-width: 600px)
{
	#container.main .mainimage	{ height: 560px; padding-top: 0; }
	#container.main .mainimage .list .tab	{ height: 220px; }
	#container.main .mainimage .list .tab .slick-list	{ height: 190px; }
	#container.main .mainimage .list .tab .slick-list .slick-track	{ display: flex; flex-wrap: wrap; gap: 10px; }
	#container.main .mainimage .list .tab .slick-list .slick-track:before,
	#container.main .mainimage .list .tab .slick-list .slick-track:after	{ content: none; }
	#container.main .mainimage .list .tab .slick-list .slick-track .slick-slide	{ flex: 1 1 20%; }
	#container.main .mainimage .list .tab .item a	{ margin: 0; }
	#container.main .mainimage .list .tab .tab_button	{ flex: 0 0 30px; width: 30px; height: 30px; font-size: 16px; }

	#container.main .mainimage .list .tab_content .item > strong	{ font-size: 26px; }
}

@media all and (max-width: 425px)
{
	#container.main .this_danyang h2	{ font-size: 40px; }
	#container.main .this_danyang p	{ font-size: 12px; letter-spacing: -1px; }
	
	#container.main .link1 ul li a	{ font-size: 13px; }
	
	#container.main .festival h2 a span	{ font-size: 12px; }
	#container.main .festival ul	{ flex-wrap: wrap; flex-direction: column; }
	#container.main .festival ul li	{ flex: 1 1 150px; width: 100%; margin: 0 auto; }
	
	#container.main .notice .list	{ margin: 0; }
	#container.main .notice .list .slick-track	{ margin: 0; }
	#container.main .notice .list .slick-slide	{ padding: 0; }
}

@media all and (max-width: 370px)
{
	#container.main .popupzone	{ width: auto; height: 0; padding-top: 91.428571428571%; }
	#container.main .popupzone .list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
}




/*
SUB
*/
#container.sub	{ position: relative; z-index: 1; margin-top: -95px; }
#container.sub header	{ border-bottom: 1px solid #d9d9d9; background-color: #f5f6ee; }
#container.sub header h2	{ display: flex; justify-content: center; align-items: center; height: 410px; padding: 95px 0 0 0; margin: 0; box-sizing: border-box; background: gray url(../image/sub_visual_default.jpg) no-repeat center center / cover; font-size: 50px; color: #fff; font-weight: 600; text-shadow: 0 0 5px black; }
#container.sub header .menu_path_box	{ position: relative; max-width: 1300px; margin: 0 auto; }
#container.sub header .menu_path_box:after	{ display: block; clear: both; content: ""; }
#container.sub header .menu_path_box nav	{ float: left; }
#container.sub header .menu_path_box nav ul,
#container.sub header .menu_path_box nav li	{ padding: 0; margin: 0; list-style: none; }
#container.sub header .menu_path_box nav > ul	{ float: left; }
#container.sub header .menu_path_box nav > ul > li	{ float: left; }
#container.sub header .menu_path_box nav > ul > li.depth + li.depth	{ border-left: 1px solid #d7d7d7; }
#container.sub header .menu_path_box nav > ul > li > a.home	{ display: block; height: 59px; width: 60px; background: #0b0b0b url(../image/sub_nav_home.png) no-repeat center center; text-indent: -9999px; overflow: hidden; }
#container.sub header .menu_path_box nav > ul > li > strong	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.sub header .menu_path_box nav > ul > li > ul	{ position: relative; z-index: 999; height: 59px; width: 350px; }
#container.sub header .menu_path_box nav > ul > li > ul > li	{ height: 0; overflow: hidden; background-color: #fff; }
#container.sub header .menu_path_box nav > ul > li > ul > li.fixed	{ height: auto; overflow: visible; background-color: transparent; }
#container.sub header .menu_path_box nav > ul > li > ul > li > a	{ display: block; line-height: 25px; padding: 17px 25px; font-size: 20px; color: #1b1b1b; }
#container.sub header .menu_path_box nav > ul > li > ul > li > a:focus, #container.sub header .menu_path_box nav > ul > li > ul > li > a:hover, #container.sub header .menu_path_box nav > ul > li > ul > li > a:active	{ background-color: #0b0b0b !important; color: #fff !important; }
#container.sub header .menu_path_box nav > ul > li > ul > li > a.fixed	{ position: relative; padding-right: 35px; font-weight: 500; }
#container.sub header .menu_path_box nav > ul > li > ul > li > a.fixed:after	{ position: absolute; right: 10px; top: 0; width: 25px; line-height: 57px; font-size: 20px; font-family: serif; font-weight: bold; content: ">"; }
#container.sub header .menu_path_box nav > ul > li > ul > li > a.open	{ background-color: #fafafa; font-weight: 700; }

#container.sub header .menu_path_box nav > ul > li.over > ul > li	{ height: auto !important; overflow: visible !important; border-width: 0 1px; border-style: solid; border-color: #d9d9d9; }
#container.sub header .menu_path_box nav > ul > li.over > ul > li.fixed	{ border: 0 none; }
#container.sub header .menu_path_box nav > ul > li.over > ul > li:last-child	{ border-bottom-width: 1px; }


#container.sub header .menu_path_box .sub_utility	{ float: right; }
#container.sub header .menu_path_box .sub_utility ul,
#container.sub header .menu_path_box .sub_utility li	{ padding: 0; margin: 0; list-style: none; }
#container.sub header .menu_path_box .sub_utility > ul	{ float: left; }
#container.sub header .menu_path_box .sub_utility > ul > li	{ float: left; border-width: 0 0 0 1px; border-style: solid; border-color: #d7d7d7; }
#container.sub header .menu_path_box .sub_utility > ul > li:last-child	{ border-right-width: 1px; }
#container.sub header .menu_path_box .sub_utility > ul > li.dropdown	{ position: relative; height: 59px; }
#container.sub header .menu_path_box .sub_utility > ul > li.dropdown strong	{ display: block; width: 60px; height: 59px; background: url(../image/sub_utility_dropdown.png) no-repeat center center; text-indent: -999px; overflow: hidden; cursor: pointer; }
#container.sub header .menu_path_box .sub_utility > ul > li.dropdown ul	{ position: absolute; width: 0; height: 0; overflow: hidden; }
#container.sub header .menu_path_box .sub_utility > ul > li.dropdown.over ul	{ left: 0; top: 59px; width: 100%; height: auto; overflow: visible; border: 1px solid #d7d7d7; box-sizing: border-box; background-color: #666; }
#container.sub header .menu_path_box .sub_utility > ul > li.dropdown.over ul li + li	{ border-top: 1px solid #d7d7d7; }

#container.sub header .menu_path_box .sub_utility a	{ display: block; width: 60px; height: 59px; background: no-repeat center center; text-indent: -999px; overflow: hidden; }
#container.sub header .menu_path_box .sub_utility .print	{ background-image: url(../image/sub_utility_print.png); }
#container.sub header .menu_path_box .sub_utility .facebook	{ background-image: url(../image/sub_utility_facebook.png); }
#container.sub header .menu_path_box .sub_utility .twitter	{ background-image: url(../image/sub_utility_twitter.png); }
#container.sub header .menu_path_box .sub_utility .naver	{ background-image: url(../image/sub_utility_naver.png); }
#container.sub header .menu_path_box .sub_utility .kakaostory	{ background-image: url(../image/sub_utility_kakao.png); }

#container.sub header .menu_path_box .sub_utility a:focus, #container.sub header .menu_path_box .sub_utility a:hover, #container.sub header .menu_path_box .sub_utility a:active	{ background-color: #0b0b0b; }

#container.sub header .tabmenu	{ border-top: 1px solid #d9d9d9; background-color: #fff;  }

#container.sub header .tabmenu	{ padding: 50px 0; margin-bottom: -1px; }
#container.sub header .tabmenu ul	{ display: flex; flex-wrap: wrap; width: 100%; max-width: 1300px; padding: 0; margin: 0 auto; list-style: none; border: 1px solid #d8dbe1; border-bottom-color: #203b66; box-sizing: border-box; }
#container.sub header .tabmenu ul li	{ flex: 1 1 auto; padding: 0; margin: 0; list-style: none; border-left: 1px solid #e5e7ea; box-sizing: border-box; vertical-align: middle; background: none; }
#container.sub header .tabmenu ul li:first-child	{ border-left: 0 none; }
	.tabwidthauto #container.sub header .tabmenu ul li	{ width: auto; }
#container.sub header .tabmenu ul li a	{ display: table; width: 100%; height: 100%; background-color: #f5f9fc; font-size: 18px; color: #263a63; }
#container.sub header .tabmenu ul li a:focus, #container.sub header .tabmenu ul li a:hover, #container.sub header .tabmenu ul li a:active	{ background-color: #f0f0f0; color: #000; }
#container.sub header .tabmenu ul li a.open	{ position: relative; z-index: 2; margin: -1px; border-width: 1px; border-style: solid; border-color: #263a63 #263a63 #fff #263a63; background-color: #fff; color: #263a63; font-weight: bolder; }
#container.sub header .tabmenu ul li a span	{ display: flex; justify-content: center; align-items: center; height: 66px; line-height: 20px; vertical-align: middle; text-align: center; }
#container.sub header .tabmenu ul li a.open span	{ height: 68px; }



@media all and (max-width: 768px)
{
	#container.sub	{ margin-top: 0; }
	#container.sub header h2	{ display: block; width: 100%; height: auto; padding-top: 70px; font-size: 40px; }
	#container.sub header h2 span	{ display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; }
	
	#container.sub header .menu_path_box	{ display: flex; }
	#container.sub header .menu_path_box nav	{ width: calc(100% - 123px); }
	#container.sub header .menu_path_box nav > ul	{ display: flex; width: 100%; }
	#container.sub header .menu_path_box nav > ul > li	{ flex: 1; }
	#container.sub header .menu_path_box nav > ul > li:first-child	{ flex: none; width: auto; }
	#container.sub header .menu_path_box nav > ul > li > ul	{ width: 100%; }
	
	#container.sub header .menu_path_box nav > ul > li > ul > li > a	{ display: flex; align-items: center; height: 59px; padding: 0 10px; font-size: 16px; }
	#container.sub header .menu_path_box nav > ul > li > ul > li > a.fixed	{ padding-right: 30px; }
	#container.sub header .menu_path_box nav > ul > li > ul > li > a.fixed:after	{ right: 0; }
	
	#container.sub header .menu_path_box nav > ul > li.over > ul > li	{ height: 0 !important; overflow: hidden !important; border: 0 none; }
	#container.sub header .menu_path_box nav > ul > li.over > ul > li.fixed	{ height: auto !important; overflow: visible !important; border: 0 none; }
	#container.sub header .menu_path_box nav > ul > li.over > ul > li:last-child	{ border-bottom-width: 0; }

	#container.sub header .menu_path_box nav > ul > li.show > ul > li	{ height: auto !important; overflow: visible !important; border-width: 0 1px; border-style: solid; border-color: #d9d9d9; }
	#container.sub header .menu_path_box nav > ul > li.show > ul > li.fixed	{ border: 0 none; }
	#container.sub header .menu_path_box nav > ul > li.show > ul > li:last-child	{ border-bottom-width: 1px; }
}

@media all and (max-width: 425px)
{
	#container.sub header h2	{ font-size: 30px; }
	#container.sub header h2 span	{ height: 150px; }
	
	#container.sub header .menu_path_box nav > ul	{ flex-wrap: nowrap; }
	#container.sub header .menu_path_box nav > ul > li	{ display: none; flex: 1 1 calc(100% - 60px); }
	#container.sub header .menu_path_box nav > ul > li:nth-child(1),
	#container.sub header .menu_path_box nav > ul > li:last-child	{ display: block; margin-left: 0; }
}


/*
내용
*/
.contents .pagemaker a.button	{ height: 50px; line-height: 48px; padding: 0 30px; border: 0 none; border-radius: 0; box-sizing: border-box; background-color: #cdcdcd; color: #000; font-size: 18px; font-weight: 500; filter: invert(100%); }
.contents .pagemaker a.button:focus, .contents .pagemaker a.button:hover, .contents .pagemaker a.button:active	{ outline: 2px solid #00ffff !important; }

.contents .pagemaker a.button.link	{ padding-left: 2.5em; background-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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-color: #cdbe5f; color: #000; 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	{ width: 100%; height: 100%; max-width: 1280px; margin: 50px auto; overflow: hidden; }
#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 0 0 35px; margin: 50px 0 20px 0; background: url(../image/bl_01.png) no-repeat left center; font-size: 1.3em; color: #1b1b1b; font-weight: bold; }
.contents h4	{ clear: both; line-height: 2em; padding: 0 0 0 25px; margin: 35px 0 20px 29px; background: url(../image/bl_02.png) no-repeat left center; font-size: 1.2em; font-weight: 500; color: #1b1b1b; }
.contents h5	{ position: relative; clear: both; line-height: 2em; padding: 0 0 0 17px; margin: 20px 0 20px 40px; background: url(../image/title_03.png) no-repeat left center; font-size: 1.1em; font-weight: 500; color: #1b1b1b; }
.contents h5:before	{ content: none; }

.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: 3px 0 1px 0; border-color: #444444 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: #eceef1; 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:1280px)
{
	.contents .table_box	{ display: block; width: 100%; overflow: hidden; overflow: auto; }
	
	.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 8px 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:1280px)
{
	.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:1280px)
{
	.kntool_popup_layerpopup	{ left: 0 !important; max-width: 100% !important; height: auto !important; }
	
	body	{ min-width: 320px; }
	
	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: 16px; }
	
	#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; }
}

@media all and (max-width: 1024px)
{
	#container.sub #section section #contents	{ padding: 40px 10px; margin: 0; box-sizing: border-box; }
}

@media all and (max-width: 768px)
{
	body	{ font-size: 14px; }
}



/*
정보제공부서
*/
#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; }




@media all and (max-width: 768px)
{
	.contents h3	{ margin: 30px 0 10px 0; }
	.contents h4	{ margin: 25px 0 10px 0; }
	.contents h3 + h4	{ margin-top: 0; }
	
	.contents table thead tr th,
	.contents table tbody tr th,
	.contents table tbody tr td,
	.contents form table thead tr th,
	.contents form table tbody tr th,
	.contents form table tbody tr td	{ height: 35px; line-height: 1.2em; padding: 5px 2px; }
	.contents table tbody tr th + td,
	.contents form table tbody tr th + td	{ padding-left: 10px; }
	
	.pattern_box > div	{ padding: 10px; }
	
	
	.contents .pagejump	{ display: flex; justify-content: center; align-items: center; }
	.contents .pagejump a	{ margin: 0 3px; }
	.contents .pagejump a:first-child	{ margin-left: 0; }
	.contents .pagejump a:last-child	{ margin-right: 0; }
}






/************************
게시판 스킨 모양 변경
************************/
.modules_board .button	{ border-radius: 3px; }
.modules_board .button span	{ vertical-align: top; }
.modules_board .button.action_write	{ background-color: #8476bf; }


.modules_board table	{ width: 100%; table-layout: fixed; border: 1px solid #cdcdcd; }
.modules_board table tr	{ border-bottom: 1px solid #cdcdcd; }
.modules_board table thead tr th,
.modules_board table tbody tr th	{ height: 50px; padding: 0; background-color: #f7f4f4; text-align: center; color: #222; font-weight: 500; vertical-align: middle; }
.modules_board table tbody tr td	{ height: auto; padding: 10px 5px; border: 1px solid #cdcdcd; text-align: left; }
.modules_board table tbody tr td.empty	{ height: 85px; }


.modules_board .proc_list .search form fieldset	{ padding: 10px; border: 1px solid #cdcdcd; background-color: #fafafa; }
.modules_board .proc_list .search form fieldset p select,
.modules_board .proc_list .search form fieldset p input[type="text"]	{ border: 1px solid #ccc; }
.modules_board .proc_list .search form fieldset p .action_search	{ background-color: #8476bf; }


.modules_board .proc_list .list table	{ width: 100%; table-layout: fixed; border: 1px solid #cdcdcd; }
.modules_board .proc_list .list table tr	{ border-bottom: 1px solid #cdcdcd; }
.modules_board .proc_list .list table thead tr th	{ height: 50px; padding: 0; border: 1px solid #cdcdcd; background-color: #f7f4f4; text-align: center; color: #222; font-weight: 500; vertical-align: middle; }
.modules_board .proc_list .list table tbody tr th	{ border: 1px solid #cdcdcd; }
.modules_board .proc_list .list table tbody tr td	{ height: auto; padding: 10px 5px; border: 1px solid #cdcdcd; text-align: center; }
.modules_board .proc_list .list table tbody tr td.empty	{ height: 85px; }


.modules_board .proc_list .count	{ margin-left: 0; }

.modules_board .proc_list .order	{ margin-right: 0; }
.modules_board .proc_list .order > *	{ margin: 0; }
.modules_board .proc_list .order > * + *	{ margin-left: 10px; }



.modules_board .proc_write form table tbody tr td	{ padding: 10px; }
.modules_board .proc_write form input[type="radio"],
.modules_board .proc_write form input[type="checkbox"]	{ width: 20px; height: 20px; }
.modules_board .proc_write form input[type="text"],
.modules_board .proc_write form input[type="password"],
.modules_board .proc_write form select	{ height: 40px; padding-left: 15px; border: 1px solid #c4c8ca; border-radius: 5px; box-sizing: border-box; vertical-align: middle; }

.modules_board .proc_write form .order > .button	{ margin: 0; }
.modules_board .proc_write form .order > .button + .button	{ margin-left: 1em; }

#editor_file_upload .order	{ font-size: 0.9em; }

.modules_board .proc_read .board_content.content_html p	{ margin: 0; }