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

@font-face { 
	font-family:'BarcodeFont';
	src:url("../font/Code39Azalea.woff") format('woff');
}
*/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);


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



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


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


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

hr.linebreak	{ display: none; }



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


/**
HEADER
**/
.gnb_cover	{ position: absolute; z-index: 9990; left: 0; top: 165px; width: 100%; height: 100%; border-top: 1px solid #e1e1e1; box-sizing: border-box; background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); }

#header	{ position: relative; z-index: 9; }
#header header	{}
#header header h1	{ position: relative; max-width: 1280px; margin: 0 auto; }
#header header h1 a	{ position: absolute; left: 0; top: 45px; z-index: 3; width: 350px; height: 100px; 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 header #GNB	{}
#GNB aside.top	{ position: relative; z-index: 2; min-height: 40px; background-color: #efefef; }
#GNB aside.top .align_box	{ position: relative; max-width: 1280px; margin: 0 auto; }
#GNB aside.top .align_box:after	{ display: block; clear: both; content: ""; }


#GNB aside.top .align_box nav	{}
#GNB aside.top .align_box nav:after	{ display: block; clear: both; content: ""; }
#GNB aside.top .align_box nav ul	{ padding: 0; margin: 0; list-style: none; }
#GNB aside.top .align_box nav ul:after	{ display: block; clear: both; content: ""; }

#GNB aside.top .align_box nav ul	{ float: right; }
#GNB aside.top .align_box nav ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside.top .align_box nav ul li + li	{ position: relative; padding-left: 30px; }
#GNB aside.top .align_box nav ul li a	{ display: block; line-height: 45px; color: #1b1b1b; font-size: 16px; }
#GNB aside.top .align_box nav ul li a.join,
#GNB aside.top .align_box nav ul li a.mypage,
#GNB aside.top .align_box nav ul li a.member_level	{}
#GNB aside.top .align_box nav ul li a:focus, #GNB aside.top .align_box nav ul li a:hover, #GNB aside.top .align_box nav ul li a:active	{ color: #000; text-decoration: underline; }
#GNB aside.top .align_box nav ul li a.member_level	{ width: auto; padding: 0 0 0 29px; background-position: left center; text-align: left; text-indent: 0; font-size: 14px; }




#GNB #topmenu	{ position: relative; }
#GNB #topmenu nav	{ position: relative; max-width: 1280px; padding: 0 0 0 350px; margin: 0 auto; box-sizing: border-box; }
#GNB #topmenu .show_all_menu	{ display: none; }

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

#topmenu .ld1	{ display: flex; justify-content: center; }
#topmenu .ld1 .cd1	{ flex: 1; }
#topmenu .ld1 .cd1c1,
#topmenu .ld1 .cd1c7,
#topmenu .ld1 .cd1c8,
#topmenu .ld1 .cd1c9,
#topmenu .ld1 .cd1c10,
#topmenu .ld1 .cd1c11,
#topmenu .ld1 .cd1c12,
#topmenu .ld1 .cd1c17,
#topmenu .ld1 .cd1c18,
#topmenu .ld1 .cd1c19,
#topmenu .ld1 .cd1c20	{ display: none; }
#topmenu .ld1 .l1	{ display: block; height: 115px; line-height: 110px; font-size: 20px; color: #121212; font-weight: 800; text-align: center; }
#topmenu .ld1 .l1:focus, #topmenu .ld1 .l1:hover, #topmenu .ld1 .l1:active, #topmenu .ld1 .l1.show, #topmenu .ld1 .l1.active	{ color: #195c7d; }

#topmenu .lb1	{ position: absolute; width: 100%; height: 0; overflow: hidden; box-sizing: border-box; }
#topmenu .lb1.show	{ z-index: 9; height: auto; overflow: visible; }
#topmenu .lb1 > p	{ display: none; }
#topmenu .ld2	{ padding: 10px 10px 15px 10px; background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
#topmenu .ld2 .cd2	{}
#topmenu .ld2 .cd2 .l2	{ position: relative; display: block; line-height: 1.1em; padding: 8px 0 8px 20px; text-align: left; word-break: keep-all; font-size: 18px; }
#topmenu .ld2 .cd2 .l2:before	{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -2px; background-color: #333; content: ""; }
#topmenu .ld2 .cd2 .l2:focus, #topmenu .ld2 .cd2 .l2:hover, #topmenu .ld2 .cd2 .l2:active, #topmenu .ld2 .cd2 .l2.active	{ color: #195c7d; font-weight: 500; }


#topmenu .lb2	{}
#topmenu .cd2.child_tabmenu .lb2	{ display: none !important; }

#topmenu .ld3	{ padding-left: 10px; }
#topmenu .cd3	{}
#topmenu .l3	{ position: relative; display: block; line-height: 19px; padding: 3px 0 3px 20px; font-size: 14px; color: #888; }
#topmenu .l3:before	{ position: absolute; left: 8px; top: 50%; width: 4px; height: 2px; background-color: #666; content: ""; }
#topmenu .l3:focus, #topmenu .l3:hover, #topmenu .l3:active	{ color: #000; font-weight: bold; }

#topmenu .lb3	{ display: none; }

#header #topmenu .cd1.over	{ position: relative; }
#header #topmenu .cd1.over .l1	{ color: #195c7d; }
#header #topmenu .cd1.over .l1 span	{ position: relative; }
#header #topmenu .cd1.over .l1 span:after	{ position: absolute; left: 0; bottom: -15px; z-index: 9992; width: 100%; height: 3px; background-color: #195c7d; content: ""; }
#header #topmenu .cd1 .lb1	{ height: 0 !important; }
#header #topmenu .cd1.over .lb1	{ left: 0; top: 75px; z-index: 9991; width: 100%; height: auto !important; min-height: 100px; overflow: visible; }




@media all and (max-width: 1024px)
{
	#header	{ width: 100%; }
	#header header h1 a	{ left: 10px; top: 0; width: 230px; height: 60px; margin-left: 0; background-position: center center; background-size: contain; }
	
	#GNB aside.top	{ height: auto; min-height: 60px; background-color: transparent; }
	#GNB aside.top nav	{ display: none; }
	#GNB aside.top .align_box .weather	{ display: none; }
	#GNB aside.top .align_box .search	{ display: none; }
	#GNB #topmenu	{ padding: 0; background: none; }
	#GNB #topmenu .show_all_menu	{ display: block; position: absolute; right: 0; top: -60px; z-index: 9; width: 60px; height: 60px; padding: 0; margin: 0; border: 0 none; background: url(../image/header_showmenu.png) no-repeat center center; background-size: auto 20px; text-indent: -99999px; overflow: hidden; }
	#GNB #topmenu nav	{ padding: 0; }
	#topmenu .ld1	{ display: none; }
	
	
	.gnb_cover	{ position: fixed; left: 0; top: 0; width: 100% !important; height: 100% !important; border: 0 none; background: #fff none; transform: none; }
	.gnb_cover p	{ display: none; background: none; }
	
	#header.over	{ position: relative; z-index: 9999; }
	#header.over header h1	{ display: none; }
	#header.over #GNB aside.top	{ height: 60px; background-color: #10163f; color: #fff; }
	#header.over #GNB aside.top .align_box	{ position: static; }
	#header.over #GNB aside.top .align_box nav	{ display: block; position: static; }
	#header.over #GNB aside.top .align_box nav ul	{ float: none; height: 60px; padding-right: 60px; margin: 0; overflow: hidden; }
	#header.over #GNB aside.top .align_box nav ul li	{ line-height: 60px; padding: 0 !important; margin: 0 !important; border: 0 none; }
	#header.over #GNB aside.top .align_box nav ul li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #fff; content: ""; }
	#header.over #GNB aside.top .align_box nav ul li:first-child:before	{ content: none; }
	#header.over #GNB aside.top .align_box nav ul li a	{ float: none; display: inline-block; width: auto; min-width: 0; height: 60px; line-height: 60px; padding: 0 12px; margin: 0 !important; text-align: left; text-indent: 0; overflow: visible; background: none !important; font-size: 15px; color: #fff; }
	#header.over #GNB #topmenu .show_all_menu	{ left: auto; right: 0; top: -60px; background-color: transparent; background-image: url(../image/header_showmenu_close.png); background-size: 35%; }
	
	#header.over #topmenu .ld1	{ display: block; }
	#header.over #topmenu .ld1 .cd1	{ display: block; width: auto; border-bottom: 1px solid #e3e3e3; }
	#header.over #topmenu .ld1 .cd1c1	{ display: none;; }
	#header.over #topmenu .ld1 .cd1 .l1	{ position: relative; height: 53px; line-height: 53px; text-align: left; text-indent: 20px; color: #000; font-size: 16px; font-weight: normal; text-shadow: none; }
	#header.over #topmenu .ld1 .cd1 .l1:focus, #header.over #topmenu .ld1 .cd1 .l1:hover, #header.over #topmenu .ld1 .cd1 .l1:active	{ background-color: transparent; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild.show	{ background-color: #1b2c46; color: #fff; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild:after	{ position: absolute; right: 20px; top: 50%; width: 16px; height: 9px; margin-top: -4px; background: url(../image/header_menu_depth1_arrow_up.png) no-repeat center center; background-size: contain; content: ""; }
	#header.over #topmenu .ld1 .cd1 .l1.hasChild.show:after	{ background-image: url(../image/header_menu_depth1_arrow_down.png); }
	
	
	#header.over #topmenu .lb1	{ position: static; width: auto; height: 0 !important; padding: 0; border: 0 none; overflow: hidden; }
	#header.over #topmenu .lb1.show	{ height: auto !important; padding: 10px 0 10px 10px; border: none; background-color: #f9f9f9; overflow: visible; }
	
	#header.over #topmenu .lb1 .ld2	{ min-height: 0; padding: 0; border: 0 none; box-shadow: none; background-color: transparent; }
	
	#header.over #topmenu .ld2 .cd2	{ float: none; width: auto; }
	#header.over #topmenu .ld2 .cd2 .l2	{ position: relative; line-height: 32px; padding: 0; font-size: 16px; text-align: left; color: #333; text-indent: 20px; }
	#header.over #topmenu .over .ld2 .cd2 .l2:before	{ background-color: #1b1b1b; }
	#header.over #topmenu .ld2 .cd2 .l2.hasChild:after	{ position: absolute; right: 20px; top: 0; font-size: 10px; color: #999; text-align: center; content: "▼"; }
	#header.over #topmenu .ld2 .cd2.child_tabmenu .l2.hasChild:after	{ content: none !important; }
	#header.over #topmenu .ld2 .cd2 .l2.hasChild.show:after	{ content: "▲"; }
	#header.over #topmenu .over .lb1 .l2:focus, #header.over #topmenu .over .lb1 .l2:hover, #header.over #topmenu .over .lb1 .l2:active	{ color: #000; }
	
	#header.over #topmenu .lb2	{ display: block; height: 0; overflow: hidden; }
	#header.over #topmenu .lb2.show	{ height: auto; overflow: visible; }
	
	#header.over #topmenu .ld3	{ padding-left: 10px; }
	#header.over #topmenu .ld3 .cd3 .l3	{ position: relative; line-height: 30px; font-size: 16px; color: #666; }
	
	#header.over #topmenu .child_tabmenu > div	{ display: none !important; }
	
	a.target_blank span	{ text-indent: 0; }
}

@media all and (max-width: 374px)
{
	#header.over #GNB aside.top nav ul li a	{ padding: 0 10px; font-size: 14px; }
}








/*
FOOTER
*/
#footer	{ border-top: 1px solid #c8c8c8; background-color: #272727; color: #fff; }
#footer aside	{ border-bottom: 1px solid #c8c8c8; }
#footer aside .alignbox	{ position: relative; max-width: 1280px; padding-right: 260px; margin: 0 auto; box-sizing: border-box; }
#footer aside .alignbox:after	{ display: block; clear: both; content: ""; }
#footer aside ul.link	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#footer aside ul.link li	{ position: relative; display: table-cell; padding: 0; margin: 0; list-style: none; }
#footer aside ul.link li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 17px; margin-top: -9px; background-color: #858484; content: ""; }
#footer aside ul.link li:first-child:before	{ content: none; }
#footer aside ul.link li a	{ display: block; height: 60px; line-height: 57px; text-align: center; font-size: 15px; color: #fff; }
#footer aside ul.link li a:focus, #footer aside ul.link li a:hover, #footer aside ul.link li a:active	{ color: #fff; text-decoration: underline; font-weight: 600; }

#footer aside .familysite	{ position: absolute; z-index: 99; right: 0; top: 10px; display: inline-block; width: 220px; max-width: 100%; height: 39px; line-height: 37px; border: 1px solid #999; background-color: #fff; text-align: left; font-size: 15px; color: #1b1b1b; }
#footer aside .familysite h3	{ position: relative; height: 39px; padding: 0 35px 0 20px; margin: 0; font-weight: normal; cursor: pointer; font-size: 16px; }
#footer aside .familysite h3.active	{ border-radius: 0; background-color: #f0f0f0; color: #000; }
#footer aside .familysite h3:after	{ position: absolute; right: 0; top: 0; display: block; width: 35px; height: 39px; background: url(../image/footer_familysite_down.png) no-repeat center center; content: ""; }
#footer aside .familysite h3.active:after	{ transform: rotate(180deg); }
#footer aside .familysite ul	{ position: absolute; right: 0; bottom: 39px; z-index: 9992; min-width: 100%; height: 0; line-height: 39px; padding: 0; margin: 0; list-style: none; box-sizing: border-box; overflow: hidden; background-color: #fff; }
#footer aside .familysite ul.active	{ height: auto; padding: 10px 0; overflow: visible; border-width: 1px; border-style: solid; border-color: #999; background-color: #f0f0f0; }
#footer aside .familysite ul li	{ float: none; padding: 0; margin: 0; list-style: none; }
#footer aside .familysite ul li + li.group_name	{ border-top: 1px solid #eee; }
#footer aside .familysite ul li.group_name strong	{ display: block; padding-left: 15px; font-size: 1.2em; }
#footer aside .familysite ul li a	{ display: block; line-height: 18px; padding: 7px 0 7px 21px; color: #1b1b1b; }
#footer aside .familysite ul li a:focus, #footer aside .familysite ul li a:hover, #footer aside .familysite ul li a:active	{ background-color: #666; color: #fff; }
#footer aside .familysite + .familysite	{ border-right: 1px solid #e6e6e6; }


#footer .footer_logo	{ position: relative; max-width: 1280px; margin: 0 auto; }
#footer .footer_logo h3	{ position: absolute; left: 0; top: -30px; width: 145px; height: 68px; margin: 0; background: url(../image/footer_logo.png) no-repeat 0 center; text-indent: -9999px; overflow: hidden; }
#footer address	{ max-width: 1280px; line-height: 22px; padding: 35px 0; margin: 0 auto; box-sizing: border-box; font-style: normal; font-size: 15px; color: #eee; }
#footer address:after	{ display: block; clear: both; content: ""; }
#footer address span.split1	{ display: inline-block; margin: 0 1em; color: #999; }
#footer address span.addr	{ color: #999; }
#footer address span.copyright	{ color: #999; }


@media all and (max-width: 1023px)
{
	#footer aside .alignbox	{ padding-right: 0; }
	#footer aside .familysite	{ top: 80px; right: 10px; }
	#footer address	{ padding: 20px 230px 20px 10px; }
}

@media all and (max-width: 900px)
{
	#footer aside	{ border-bottom: 0 none; }
	#footer aside ul.link	{ display: block; border-width: 0 0 0 1px; border-style: solid; border-color: #c8c8c8; }
	#footer aside ul.link:after	{ display: block; clear: both; content: ""; }
	#footer aside ul.link li	{ float: left; width: 20%; padding: 0 !important; border-width: 0 1px 1px 0; border-style: solid; border-color: #c8c8c8; box-sizing: border-box; }
	#footer aside ul.link li:nth-child(1)	{ border-left-width: 0; }
	#footer aside ul.link li:nth-child(3)	{ width: 40%; }
	#footer aside ul.link li:nth-child(4)	{ border-right-width: 0; }
	#footer aside ul.link li:nth-child(5)	{ clear: both; width: 33.33%; border-left-width: 0; }
	#footer aside ul.link li:nth-child(6)	{ width: 33.33%; }
	#footer aside ul.link li:nth-child(7)	{ width: 33.33%; border-right-width: 0; }
	#footer aside ul.link li:before	{ content: none !important; }
	#footer aside ul.link li a	{ height: 36px; line-height: 35px; padding: 0; text-align: center; }
	
	#footer aside .familysite	{ position: relative; top: auto; right: auto; display: block; float: none; margin: 10px auto !important; }
	
	#footer address	{ padding: 10px; text-align: center; }
	#footer address span	{ float: none; text-align: center; }
	#footer address span.split1	{ display: none; }
	#footer address br	{ display: none; }
}

@media all and (max-width: 768px)
{
	#footer aside	{ padding: 0; border-bottom: 0 none; }
	#footer aside ul.link	{ width: 100%; margin: 0; border-width: 1px 0 0 0; border-color: #505050; }
	#footer aside ul.link li a	{ display: block; line-height: 16px; padding: 3px; text-align: center; }
	#footer aside ul.link li a	{ display: flex; justify-content: center; align-items: center; }
	
	#footer aside .familysite	{ margin-left: 10px !important; margin-right: 10px !important; }
	
	#footer address span	{ display: block; text-align: left; }
	#footer address span.split	{ display: none; }
}

@media all and (max-width: 425px)
{
	#footer aside ul.link li	{ width: 50%; }
	#footer aside ul.link li:nth-child(1),
	#footer aside ul.link li:nth-child(3),
	#footer aside ul.link li:nth-child(5),
	#footer aside ul.link li:nth-child(7),
	#footer aside ul.link li:nth-child(9)	{ clear: both; width: 50%; border-left-width: 0; }
	#footer aside ul.link li:nth-child(2),
	#footer aside ul.link li:nth-child(4),
	#footer aside ul.link li:nth-child(6),
	#footer aside ul.link li:nth-child(8),
	#footer aside ul.link li:nth-child(10)	{ clear: none; width: 50%; border-right-width: 0; }
	#footer aside ul.link li:nth-child(7)	{ width: 100%; }
	
	#footer aside .familysite	{ width: auto; }
	
	#footer address	{ line-height: 1.2em; font-size: 12px; }
}






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


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


#container.main .main_visual	{ position: relative; z-index: 1; height: 655px; margin-top: -115px; background: url(../image/main_visual.jpg) no-repeat center top; /*background-size: cover;*/ }
#container.main .main_visual .text	{ position: absolute; left: 50%; top: 60%; width: 571px; height: 199px; background: url(../image/main_visual_text.png) no-repeat center center; transform: translate(-50%, -50%); }
#container.main .main_visual .text > *	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }


#container.main .section_2	{ margin: 40px 0; }
#container.main .align_2	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_2:after	{ display: block; clear: both; content: ""; }


#container.main .link	{}
#container.main .link h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .link ul	{ display: flex; padding: 0; margin: 0; list-style: none; }
#container.main .link ul li	{ flex: 1; padding: 0; margin: 0; list-style: none; }
#container.main .link ul li a	{ position: relative; display: block; height: 0; padding-top: 93.75%; background: #666 no-repeat center center; color: #fff; }
#container.main .link ul li a:hover:before,
#container.main .link ul li a:focus:before	{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ""; }
#container.main .link ul li a > *	{ z-index: 2; }
#container.main .link ul li a > strong	{ position: absolute; left: 10%; top: 20%; line-height: 41px; font-size: 40px; font-weight: 400; }
#container.main .link ul li a > strong > span	{ display: block; font-weight: bolder; }
#container.main .link ul li a > span	{ position: absolute; left: 10%; top: calc(20% + 90px); font-size: 13px; font-weight: lighter; }
#container.main .link ul li a > em	{ position: absolute; left: 10%; bottom: 15%; display: inline-block; width: 110px; line-height: 30px; border-radius: 30px; background-color: #17caa2; text-align: center; font-style: normal; font-size: 12px; color: #fff; }

#container.main .link ul li:nth-child(1) a	{ background-image: url(../image/main_menu_01.png); }
#container.main .link ul li:nth-child(2) a	{ background-image: url(../image/main_menu_02.png); }
#container.main .link ul li:nth-child(3) a	{ background-image: url(../image/main_menu_03.png); }
#container.main .link ul li:nth-child(4) a	{ background-image: url(../image/main_menu_04.png); }


#container.main .section_3	{ margin: 40px 0; }
#container.main .align_3	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_3:after	{ display: block; clear: both; content: ""; }


#container.main .popupzone	{}
#container.main .popupzone h2	{ line-height: 40px; padding: 40px 0; margin: 0; text-align: center; font-size: 40px; }
#container.main .popupzone h2 a	{ display: inline-block; }
#container.main .popupzone h2 a strong	{ display: block; }
#container.main .popupzone h2 a span	{ display: inline-block; line-height: 34px; padding: 0 5px; border-bottom: 2px solid #646464; font-size: 14px; }
#container.main .popupzone .list	{ position: relative; margin: 0 -10px; }
#container.main .popupzone .list .item	{ position: relative; display: block; height: 0; padding-top: 128.5714285714286%; margin: 0 10px; background: no-repeat center center; background-size: contain; }
#container.main .popupzone .list .item:focus	{ outline: 0 none !important; background-color: #666; }
#container.main .popupzone .list .item:focus:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid red; box-sizing: border-box; content: ""; }
#container.main .popupzone .list .item > *	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

#container.main .popupzone .list .slick-prev	{ position: absolute; left: -75px; top: 50%; z-index: 5; width: 49px; height: 49px; line-height: 47px; padding: 0; margin: -24px 0 0 0; border: 0 none; border-radius: 100%; background-color: #272727; color: #fff; font-family: serif; font-size: 23px; text-align: left; text-indent: -9999px; overflow: hidden; box-shadow: 0 0 5px white; }
#container.main .popupzone .list .slick-prev:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: -3px; content: "◀"; }
#container.main .popupzone .list .slick-prev:focus, #container.main .popupzone .list .slick-prev:hover	{ background-color: #fff; color: #000; box-shadow: 0 0 5px black; }
#container.main .popupzone .list .slick-next	{ position: absolute; right: -75px; top: 50%; z-index: 5; width: 49px; height: 49px; line-height: 47px; padding: 0; margin: -24px 0 0 0; border: 0 none; border-radius: 100%; background-color: #272727; color: #fff; font-family: serif; font-size: 23px; text-align: left; text-indent: -9999px; overflow: hidden; box-shadow: 0 0 5px white; }
#container.main .popupzone .list .slick-next:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 3px; content: "▶"; }
#container.main .popupzone .list .slick-next:focus, #container.main .popupzone .list .slick-next:hover	{ background-color: #fff; color: #000; box-shadow: 0 0 5px black; }
#container.main .popupzone .list .play_stop	{ position: absolute; right: -25px; bottom: 0; z-index: 5; width: 20px; height: 20px; padding: 0; margin: 0; border: 0 none; background-color: #272727; color: #fff; font-family: serif; font-size: 14px; box-shadow: 0 0 5px white; }
#container.main .popupzone .list .play_stop:focus, #container.main .popupzone .list .play_stop:hover	{ background-color: #fff; color: #000; box-shadow: 0 0 5px black; }


@media all and (max-width: 1430px)
{
	#container.main .popupzone .list .slick-prev	{ left: 0; }
	#container.main .popupzone .list .slick-next	{ right: 0; }
}


#container.main .section_4	{ margin: 80px 0 100px 0; background: url(../image/main_notice_bg.png) repeat-x center top; }
#container.main .align_4	{ max-width: 1280px; padding: 120px 0 105px 0; margin: 0 auto; }
#container.main .align_4:after	{ display: block; clear: both; content: ""; }


#container.main .notice	{ float: left; width: calc(100% - 375px - 50px); }
#container.main .notice h2	{ float: left; width: 205px; margin: 0; }
#container.main .notice h2 a	{ display: block; padding: 31px 0 0 5px; }
#container.main .notice h2 a > span:nth-child(1)	{ display: block; line-height: 30px; font-family: 'Ink Free', serif; font-size: 20px; color: #08527c; }
#container.main .notice h2 a > strong	{ display: block; line-height: 53px; font-size: 40px; font-weight: bolder; }
#container.main .notice h2 a > span:nth-child(3)	{ display: block; line-height: 18px; padding-top: 20px; font-size: 14px; opacity: 0.7; }
#container.main .notice h2 a > span:nth-child(3) span	{ display: block; }
#container.main .notice h2 a > em	{ display: inline-block; line-height: 30px; padding: 0 5px; margin-top: 19px; border-bottom: 2px solid #000; font-style: normal; font-size: 14px; font-weight: bolder; }
#container.main .notice ul	{ float: left; width: calc(100% - 205px); min-height: 300px; padding: 35px 35px 0 35px; margin: 0; list-style: none; box-sizing: border-box; background-color: #fff; }
#container.main .notice ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .notice ul li a	{ position: relative; display: block; line-height: 46px; padding: 0 7em 0 14px; }
#container.main .notice ul li a:before	{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -2px; background-color: #000; border-radius: 100%; content: ""; }
#container.main .notice ul li a .title	{ display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#container.main .notice ul li a .date	{ position: absolute; right: 0; top: 0; }
#container.main .notice ul li a .br	{ display: none; }


#container.main .popupzone2	{ float: right; width: 375px; padding: 0 18px 18px 18px; box-sizing: border-box; background-color: #fff; font-size: 16px; font-weight: bolder; }
#container.main .popupzone2 h2	{ display: block; line-height: 52px; margin: 0; }
#container.main .popupzone2 .list	{ position: relative; height: 235px; }
#container.main .popupzone2 .list div	{ position: relative; width: 100%; height: 100%; }
#container.main .popupzone2 .list .item	{ display: block; position: relative; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
#container.main .popupzone2 .list .item > *	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

#container.main .popupzone2 .list .slick-prev	{ position: absolute; right: 60px; top: -40px; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 0 none; background-color: transparent; font-family: serif; font-weight: bolder; font-size: 14px; text-align: left; text-indent: -9999px; overflow: hidden; color: #000; }
#container.main .popupzone2 .list .slick-prev:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
#container.main .popupzone2 .list .slick-prev:focus, #container.main .popupzone2 .list .slick-prev:hover, #container.main .popupzone2 .list .slick-prev:active	{ background-color: #666; color: #fff; }
#container.main .popupzone2 .list .slick-next	{ position: absolute; right: 30px; top: -40px; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 0 none; background-color: transparent; font-family: serif; font-weight: bolder; font-size: 14px; text-align: left; text-indent: -9999px; overflow: hidden; color: #000; }
#container.main .popupzone2 .list .slick-next:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
#container.main .popupzone2 .list .slick-next:focus, #container.main .popupzone2 .list .slick-next:hover, #container.main .popupzone2 .list .slick-next:active	{ background-color: #666; color: #fff; }
#container.main .popupzone2 .list .play_stop	{ position: absolute; right: 0px; top: -40px; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 0 none; background-color: transparent; font-family: serif; font-weight: bolder; font-size: 14px; color: #000; }
#container.main .popupzone2 .list .play_stop:focus, #container.main .popupzone2 .list .play_stop:hover, #container.main .popupzone2 .list .play_stop:active	{ background-color: #666; color: #fff; }

#container.main .popupzone2 .list .slick-dots	{ position: absolute; right: 100px; top: -40px; padding: 0; margin: 0; list-style: none; }
#container.main .popupzone2 .list .slick-dots li	{ display: none; padding: 0; margin: 0; list-style: none; }
#container.main .popupzone2 .list .slick-dots li.slick-active	{ display: block; }
#container.main .popupzone2 .list .slick-dots li button	{ width: 50px; height: 30px; line-height: 28px; padding: 0; margin: 0; border: 0 none; background-color: transparent; font-weight: normal; font-size: 16px; color: #000; cursor: default; }
#container.main .popupzone2 .list .slick-dots li button:focus	{ outline: 0 none; }


#container.main .section_5	{ padding: 0 0 100px 0; margin: 100px 0 0 0; background: url(../image/main_tour_bg.png) no-repeat center bottom; }
#container.main .align_5	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_5:after	{ display: block; clear: both; content: ""; }


#container.main .tour	{}
#container.main .tour:after	{ display: block; clear: both; content: ""; }
#container.main .tour .area1	{ float: right; width: 50%; }
#container.main .tour .area1 h2	{ height: 318px; margin: 0; background: url(../image/main_tour.png) no-repeat center top; background-size: contain; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .tour .area1 p	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .tour .area1 ul	{ display: flex; justify-content: center; padding: 0; margin: 0; list-style: none; }
#container.main .tour .area1 ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .tour .area1 ul li + li	{ margin-left: 4.6%; }
#container.main .tour .area1 ul li a	{ display: block; min-width: 255px; height: 60px; line-height: 60px; border-radius: 60px; background-color: #666; text-align: center; color: #fff; font-size: 16px; font-weight: bold; }
#container.main .tour .area1 ul li:nth-child(1) a	{ background-color: #1549c0; }
#container.main .tour .area1 ul li:nth-child(2) a	{ background-color: #511fac; }
#container.main .tour .area1 ul li:nth-child(1) a:before	{ display: inline-block; height: 37px; margin-right: 1em; content: url(../image/maing_tour_link_01.png); vertical-align: middle; }
#container.main .tour .area1 ul li:nth-child(2) a:before	{ display: inline-block; height: 33px; margin-right: 1em; content: url(../image/maing_tour_link_02.png); vertical-align: middle; }
#container.main .tour .area1 ul li a:focus, #container.main .tour .area1 ul li a:hover, #container.main .tour .area1 ul li a:active	{ background-color: #333; color: #fff; }

#container.main .tour .area2	{}
#container.main .tour .area2 ul	{ display: flex; justify-content: flex-start; width: 50%; padding: 0; margin: 0; list-style: none; }
#container.main .tour .area2 ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .tour .area2 ul li + li	{ margin-left: 30px; }
#container.main .tour .area2 ul li a	{ position: relative; display: block; width: 290px; padding: 0; border: 1px solid #2a8bab; border-radius: 290px; box-sizing: border-box; }
#container.main .tour .area2 ul li a > strong	{ display: block; line-height: 28px; text-align: center; font-size: 25px; font-weight: bolder; }
#container.main .tour .area2 ul li a > strong:after	{ display: inline-block; padding: 0 1em; margin-left: 1em; border-radius: 28px; background-color: #414141; color: #fff; font-size: 12px; vertical-align: top; content: "GO →"; }
#container.main .tour .area2 ul li a > strong span	{ color: #169fd9; }
#container.main .tour .area2 ul li a > span	{ display: block; line-height: 18px; margin-top: 18px; text-align: center; font-size: 14px; }
#container.main .tour .area2 ul li a > span span	{ display: block; }

#container.main .tour .area2 ul li:nth-child(1) a	{ padding-top: 70px; padding-bottom: 223px; }
#container.main .tour .area2 ul li:nth-child(1) a:before	{ position: absolute; left: 0; bottom: 0; width: 100%; height: 190px; border-width: 0 17px 17px 17px; border-style: solid; border-color: #fff; border-radius: 0 0 290px 290px; box-sizing: border-box; background: url(../image/main_tour_link03.png) no-repeat center bottom; background-size: cover; content: ""; }
#container.main .tour .area2 ul li:nth-child(2) a	{ padding-top: 227px; padding-bottom: 65px; }
#container.main .tour .area2 ul li:nth-child(2) a:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 190px; border-width: 17px 17px 0 17px; border-style: solid; border-color: #fff; border-radius: 290px 290px 0 0; box-sizing: border-box; background: url(../image/main_tour_link04.png) no-repeat center top; background-size: cover; content: ""; }

#container.main .tour .area2 ul li a:focus, #container.main .tour .area2 ul li a:hover, #container.main .tour .area2 ul li a:active	{ background-color: #666; color: #fff; }


#container.main .section_6	{ padding: 105px 0; margin: 0; background-color: #ecf1e9; }
#container.main .align_6	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_6:after	{ display: block; clear: both; content: ""; }


#container.main .gallery	{}
#container.main .gallery:after	{ display: block; clear: both; content: ""; }
#container.main .gallery h2	{ float: left; width: 25%; margin: 0; }
#container.main .gallery h2 a	{ position: relative; display: block; height: 280px; padding-top: 47.142857%; box-sizing: border-box; background: #0eb7b2; color: #fff; }
#container.main .gallery h2 a:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 60%; background: url(../image/main_gallery_title.png) no-repeat center center; content: ""; }
#container.main .gallery h2 a > strong	{ display: block; line-height: 61px; text-align: center; font-size: 28px; font-weight: bolder; }
#container.main .gallery h2 a > span	{ display: block; line-height: 19px; text-align: center; font-size: 15px; }
#container.main .gallery h2 a > span span	{ display: block; }
#container.main .gallery h2 a:focus, #container.main .gallery h2 a:hover, #container.main .gallery h2 a:active	{ background-color: #333; color: #fff; }
#container.main .gallery .list	{ float: left; width: 75%; }
#container.main .gallery .list ul	{ display: flex; padding: 0; margin: 0; list-style: none; }
#container.main .gallery .list ul li	{ flex: 1; padding: 0; margin: 0; list-style: none; }
#container.main .gallery .list ul li a	{ position: relative; display: block; height: 280px; overflow: hidden; }
#container.main .gallery .list ul li a .image	{ position: relative; height: 100%; }
#container.main .gallery .list ul li a .image img	{ display: block; width: 100%; height: 100%; border: 0 none; transition: all .5s; }
#container.main .gallery .list ul li a .text	{ position: absolute; left: 0; bottom: -100%; width: 100%; line-height: 20px; padding: 15px 25px; margin: 0; box-sizing: border-box; background-color: #fff; text-align: center; font-size: 16px; color: #000; transition: all .5s; }
#container.main .gallery .list ul li a:hover .text, #container.main .gallery .list ul li a:focus .text, #container.main .gallery .list ul li a:active .text	{ top: auto; bottom: 0; }
#container.main .gallery .list ul li a:hover .image img, #container.main .gallery .list ul li a:focus .image img, #container.main .gallery .list ul li a:active .image img	{ transform: scale(1.05); }
#container.main .gallery .list ul li a .text .title	{ display: block; font-weight: normal; }
#container.main .gallery .list ul li a .text .date	{ display: block; }


#container.main .section_7	{ border-top: 1px solid #c8c8c8; }
#container.main .align_7	{ max-width: 1280px; margin: 0 auto; }
#container.main .align_7:after	{ display: block; clear: both; content: ""; }


#container.main .banner	{ position: relative; height: 100px; padding-left: 240px; }
#container.main .banner h2	{ position: absolute; left: 0; top: 0; line-height: 100px; padding-left: 25px; margin: 0; font-size: 16px; font-weight: bold; color: #3b3b3b; }
#container.main .banner .list	{ position: relative; display: block; height: 100%; padding: 20px 0; box-sizing: border-box; }
#container.main .banner .list div	{ position: relative; height: 100%; }
#container.main .banner .list .empty	{ line-height: 60px; }
#container.main .banner .list .item	{ display: block !important; padding: 0 10px; box-sizing: border-box; }
#container.main .banner .list .item a	{ position: relative; display: block; height: 100%; }
#container.main .banner .list .item a span	{ position: relative; display: block; height: 100%; box-sizing: border-box; background: no-repeat center center; background-size: contain; text-align: left; text-indent: -999px; overflow: hidden; }

#container.main .banner .list .slick-slide	{ position: relative; }
#container.main .banner .list .slick-slide:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 22px; margin-top: -11px; background-color: #c1c1c1; content: ""; }
#container.main .banner .list .slick-slide.slick-current:before	{ content: none; }

#container.main .banner .list .slick-prev	{ position: absolute; left: -61px; top: 50%; width: 24px; height: 19px; line-height: 19px; padding: 0; margin: -9px 0 0 0; border: 0 none; border-radius: 19px 0 0 19px; box-sizing: border-box; background-color: #2a2a2a; text-align: left; text-indent: -999px; overflow: hidden; font-size: 10px; color: #fff; }
#container.main .banner .list .slick-prev:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "◀"; }
#container.main .banner .list .slick-prev:focus, #container.main .banner .list .slick-prev:hover, #container.main .banner .list .slick-prev:active	{ background-color: red; color: #fff; }
#container.main .banner .list .slick-next	{ position: absolute; left: -37px; top: 50%; width: 24px; height: 19px; line-height: 19px; padding: 0; margin: -9px 0 0 0; border: 0 none; border-radius: 0 19px 19px 0; box-sizing: border-box; background-color: #2a2a2a; text-align: left; text-indent: -999px; overflow: hidden; font-size: 10px; color: #fff; }
#container.main .banner .list .slick-next:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "▶"; }
#container.main .banner .list .slick-next:focus, #container.main .banner .list .slick-next:hover, #container.main .banner .list .slick-next:active	{ background-color: red; color: #fff; }
#container.main .banner .list .play_stop	{ position: absolute; left: -97px; top: 50%; width: 34px; height: 19px; line-height: 19px; padding: 0; margin: -9px 0 0 0; border: 0 none; border-radius: 19px; box-sizing: border-box; background-color: #2a2a2a; font-size: 10px; color: #fff; }
#container.main .banner .list .play_stop:focus, #container.main .banner .list .play_stop:hover, #container.main .banner .list .play_stop:active	{ background-color: red; color: #fff; }


@media all and (max-width: 1455px)
{
	#container.main .popupzone .list	{ margin: 0; }
	#container.main .popupzone .list .slick-prev	{ top: -30px; left: 0; }
	#container.main .popupzone .list .slick-next	{ top: -30px; right: 0; }
	#container.main .popupzone .list .play_stop	{ right: 10px; }
}

@media all and (max-width: 1280px)
{
	#container.main .main_visual	{ height: 0; padding-top: 51.171875%; margin-top: -60px; background-size: cover; }
	#container.main .main_visual .text	{ max-width: 75%; max-height: 60%; background-size: contain; }
}

@media all and (max-width: 1220px)
{
	#container.main .tour .area2 ul li	{ flex: 1; }
	#container.main .tour .area2 ul li a	{ width: auto; max-width: 290px; }
	#container.main .tour .area2 ul li + li	{ margin-left: 4.6875%; }
}

@media all and (max-width: 1023px)
{
	#container.main .align_4	{ padding-left: 10px; padding-right: 10px; }
	
	#container.main .notice	{ float: none; width: auto; }
	#container.main .notice:after	{ display: block; clear: both; content: ""; }
	
	#container.main .popupzone2	{ float: none; clear: both; margin: 20px auto 0; }
	
	#container.main .gallery h2 a	{ padding-top: 60%; }
	
	#container.main .link ul	{ flex-wrap: wrap; max-width: 640px; margin: 0 auto; }
	#container.main .link ul li	{ flex: auto; width: 50%; }
	
	#container.main .tour .area1	{ float: none; width: auto; max-width: 640px; margin: 0 auto; }
	#container.main .tour .area2	{ float: none; width: auto; max-width: 640px; margin: 20px auto 0 auto; }
	#container.main .tour .area2 ul	{ width: auto; }
}


@media all and (max-width: 768px)
{
	#container.main .main_visual	{ padding-top: 75%; margin-top: -7.8125vw; }
	
	#container.main .section_2,
	#container.main .section_3	{ margin: 10px 0; }
	#container.main .section_4	{ padding: 30px 10px 10px 10px; margin: 0; }
	#container.main .section_5	{ margin: 20px 0 0 0; padding: 0 10px 10px 10px; }
	#container.main .section_6	{ padding: 10px; }
	
	#container.main .align_4	{ padding: 0; }
	
	#container.main .popupzone h2	{ line-height: 30px; padding: 10px; font-size: 30px; }
	#container.main .popupzone .list	{ padding: 0 55px; }
	#container.main .popupzone .list .slick-prev	{ left: 0; top: 50%; }
	#container.main .popupzone .list .slick-next	{ right: 0; top: 50%; }
	
	#container.main .notice h2	{ float: none; width: auto; }
	#container.main .notice h2 a	{ position: relative; padding: 0 0 20px 0; }
	#container.main .notice h2 a > span:nth-child(3)	{ padding-top: 10px; }
	#container.main .notice h2 a > span:nth-child(3) span	{ display: inline; }
	#container.main .notice h2 a > em	{ position: absolute; right: 0; bottom: 20px; }
	#container.main .notice ul	{ float: none; width: auto; min-height: auto; padding: 10px; }
	
	#container.main .gallery h2	{ width: 50%; }
	#container.main .gallery h2 a	{ padding-top: 125px; }
	#container.main .gallery .list	{ float: none; width: auto; }
	#container.main .gallery .list ul	{ display: block; }
	#container.main .gallery .list ul:after	{ display: block; clear: both; content: ""; }
	#container.main .gallery .list ul li	{ float: left; width: 50%; }
	
	
	#container.main .banner	{ height: 130px; padding-left: 0; padding-top: 30px; }
	#container.main .banner h2	{ left: 0; top: 10px; line-height: 20px; }
	
	#container.main .banner .list .slick-prev	{ left: auto; right: 34px; top: -10px; }
	#container.main .banner .list .slick-next	{ left: auto; right: 10px; top: -10px; }
	#container.main .banner .list .play_stop	{ left: auto; right: 64px; top: -10px; }
}

@media all and (max-width: 535px)
{
	#container.main .section_5	{ background-size: auto 80vw; background-position: 21% bottom; }
	
	#container.main .link ul li a	{ height: 190px; padding-top: 0; }
	#container.main .link ul li a > strong	{ top: 10%; line-height: 1em; font-size: 30px; }
	#container.main .link ul li a > span	{ top: calc(10% + 70px); font-size: 12px; }
	
	#container.main .tour .area1 h2	{ height: 50vw; }
	#container.main .tour .area1 ul	{ display: block; }
	#container.main .tour .area1 ul li + li	{ margin: 10px 0 0 0; }
	#container.main .tour .area1 ul li a	{ max-width: 255px; margin: 0 auto; }
	
	#container.main .tour .area2 ul li a	{ background-color: #fff; }
	#container.main .tour .area2 ul li a > span	{ display: none; }
	#container.main .tour .area2 ul li a > strong:after	{ display: block; width: 60px; margin: 10px auto 0; }
	#container.main .tour .area2 ul li:nth-child(1) a	{ padding-top: 50px; padding-bottom: 190px; }
	#container.main .tour .area2 ul li:nth-child(1) a:before	{ height: 48%; }
	#container.main .tour .area2 ul li:nth-child(2) a	{ padding-bottom: 50px; padding-top: 190px; }
	#container.main .tour .area2 ul li:nth-child(2) a:before	{ height: 48%; }
}

@media all and (max-width: 425px)
{
	#container.main .main_visual	{ padding-top: 100%; }
	
	
	#container.main .notice ul li a	{ line-height: 35px; padding-right: 0; }
	#container.main .notice ul li a .date	{ display: none; }
	
	#container.main .popupzone2	{ max-width: 100%;padding: 0 10px 10px 10px; }

	#container.main .gallery h2	{ float: none; width: auto; }
	#container.main .gallery h2 a	{ height: auto; padding: 20px 0 20px 30%; }
	#container.main .gallery h2 a:after	{ display: block; clear: both; content: ""; }
	#container.main .gallery h2 a:before	{ width: 30%; height: 100%; }
	#container.main .gallery h2 a > strong	{ line-height: 34px; text-align: left; }
	#container.main .gallery h2 a > span	{ text-align: left; }
	#container.main .gallery .list ul li	{ float: none; width: auto; }
}

@media all and (max-width: 375px)
{
	#container.main .link ul li a > strong	{ font-size: 25px; }
}

@media all and (max-width: 320px)
{
	#container.main .notice h2 a > span:nth-child(3) span	{ display: block; }
	
	#container.main .tour .area2 ul li:nth-child(1) a	{ padding-top: 40px; padding-bottom: 140px; }
	#container.main .tour .area2 ul li:nth-child(2) a	{ padding-bottom: 40px; padding-top: 140px; }
	
	#container.main .gallery h2 a:before	{ background-size: 60%; }
	#container.main .gallery h2 a > span	{ font-size: 13px; }
}



/*
SUB
*/
#container.sub	{ }
#container.sub:before	{ display: block; height: 345px; padding-top: 115px; margin-top: -115px; box-sizing: border-box; background: #004285 url(../image/sub_visual_1.jpg) no-repeat center bottom; background-size: auto 100%; text-align: center; font-size: 43px; font-weight: 500; color: #fff; content : attr(data-menu-name); }
#container.sub:before	{ display: flex; align-items: center; justify-content: center; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

#container.sub .container_align	{ position: relative; }
#container.sub .container_align:after	{ display: block; clear: both; content: ""; }


#container.sub #SUB-GNB	{}
#container.sub #submenu	{}
	#submenu ul,
	#submenu li	{ padding: 0; margin: 0; list-style: none; }

	#submenu > div	{ border-width: 1px 0; border-style: solid; border-color: #c1c1c1; background-color: #f4f4f4; }
	#submenu > div > ul	{ display: flex; flex-wrap: wrap; max-width: 1280px; margin: -1px auto; border-width: 1px 1px 0 0; border-style: solid; border-color: #c1c1c1; box-sizing: border-box; }
	#submenu > div > ul > li	{ flex: 1; border-width: 0 0 1px 1px; border-style: solid; border-color: #c1c1c1; box-sizing: border-box; }
	
		#submenu > div > ul.child_5 > li  { flex: auto; width: 20%; }
		#submenu > div > ul.child_6 > li  { flex: auto; width: 25%; }
		#submenu > div > ul.child_7 > li  { flex: auto; width: 25%; }
		#submenu > div > ul.child_8 > li  { flex: auto; width: 25%; }
		#submenu > div > ul.child_9 > li  { flex: auto; width: 33.33%; }
		#submenu > div > ul.child_10 > li { flex: auto; width: 33.33%; }
		#submenu > div > ul.child_11 > li { flex: auto; width: 33.33%; }
		#submenu > div > ul.child_12 > li { flex: auto; width: 33.33%; }
		#submenu > div > ul.child_13 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_14 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_15 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_16 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_17 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_18 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_19 > li { flex: auto; width: 20%; }
		#submenu > div > ul.child_20 > li { flex: auto; width: 20%; }
	
	#submenu > div > ul > li > a	{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 100%; height: 60px; line-height: 19px; font-size: 19px; text-align: center; word-break: break-all; }
	#submenu > div > ul > li > a:focus, #submenu > div > ul > li > a:hover, #submenu > div > ul > li > a:active	{ background-color: #666; color: #fff; }
	#submenu > div > ul > li > a.open	{ background-color: #142d81; color: #fff; font-weight: bolder; }
	
	#submenu > div + div	{ max-width: 1280px; padding: 12px 20px 6px; margin: 20px auto; border-width: 0 0 1px 0; box-sizing: border-box; background-color: #fafafa; }
	#submenu > div + div > ul	{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; border-width: 0; }
	#submenu > div + div > ul > li	{ flex: 1; padding: 0; margin: 0 6px 6px 0; border-width: 0; }
	#submenu > div + div > ul > li > a	{ display: block; width: auto; height: auto; line-height: 45px; padding: 0 16px; margin: 0; border: 1px solid #c1c1c1; border-radius: 47px; background-color: #fff; font-size: 18px; }
	#submenu > div + div > ul > li > a.open	{ border-color: #0565f0; background-color: #0565f0; color: #fff; }




#container.sub #section	{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; }
#container.sub #section section	{}
#container.sub #section section header	{}


#container.sub #section section header .tabmenu	{ border-width: 1px 0; border-style: solid; border-color: #c1c1c1; background-color: #f4f4f4; }
#container.sub #section section header .tabmenu ul	{ display: flex; max-width: 1280px; padding: 0; margin: -1px auto; list-style: none; border-width: 1px 1px 0 0; border-style: solid; border-color: #c1c1c1; }
#container.sub #section section header .tabmenu ul li	{ flex: 1; padding: 0; margin: 0; list-style: none; border-width: 0 0 1px 1px; border-style: solid; border-color: #c1c1c1; }
#container.sub #section section header .tabmenu ul li a	{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 100%; height: 60px; line-height: 19px; font-size: 19px; text-align: center; word-break: keep-all; }
#container.sub #section section header .tabmenu ul li a:focus, #container.sub #section section header .tabmenu ul li a:hover, #container.sub #section section header .tabmenu ul li a:active	{ background-color: #666; color: #fff; }
#container.sub #section section header .tabmenu ul li a.open	{ background-color: #142d81; color: #fff; font-weight: bolder; }


#container.sub #section section header .menu_path	{ line-height: 50px; padding: 0; margin: 0; text-align: right; }
#container.sub #section section header .menu_path p	{ display: flex; flex-direction: row; justify-content: flex-end; max-width: 1280px; margin: 0 auto; }
#container.sub #section section header .menu_path p:after	{ display: block; clear: both; content: ""; }
#container.sub #section section header .menu_path p > strong	{ position: absolute; left: 0; top: 0; font-size: 0; overflow: hidden; }
#container.sub #section section header .menu_path p > a	{ float: left; display: block; color: #424242; font-size: 14px; }
#container.sub #section section header .menu_path p > a:focus, #container.sub #section section header .menu_path p > a:hover, #container.sub #section section header .menu_path p > a:active	{ font-weight: bold; text-decoration: underline; }
#container.sub #section section header .menu_path p > a.home	{ width: 50px; background: url(../image/sub_menupath_home.png) no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.sub #section section header .menu_path p > .split	{ float: left; display: block; margin: 0 0.5em; font-family: serif; color: #828282; }
#container.sub #section section header .menu_path p > a.home + .split	{ margin-left: 0; }


#container.sub #section section header h2	{ max-width: 1280px; line-height: 1em; margin: 20px auto; text-align: left; font-size: 38px; font-weight: bolder; color: #262626; }





@media all and (max-width: 1300px)
{
	#container.sub #section section header .menu_path	{ padding-right: 10px; }
	
	#container.sub #section section header h2,
	#container.sub #section section #contents	{ max-width: auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
}

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

}

@media all and (max-width: 768px)
{
	#container.sub:before	{ background-position: center 20px; font-size: 30px; }

	#submenu > div > ul > li  { flex: auto !important; width: 33.33% !important; }
}

@media all and (max-width: 425px)
{
	#submenu > div > ul > li	{ flex: auto !important; width: 50% !important; }
}




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

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





#container.sub #section section #contents	{ 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 25px; margin: 50px 0 20px 0; background: url(../image/title_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/title_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: 2px 0 1px 0; border-color: #347cc1 transparent #dddee0 transparent; }
.contents table thead tr	{ border-bottom: 1px solid #dddee0; }
.contents table thead tr th	{ line-height: 25px; padding: 12px 0 12px 0; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; background-color: #f9f9f9; color: #4e4e4e; font-weight: 600; text-align: center; }
.contents table thead tr > *:last-child	{ border-right-width: 1px; }
.contents table thead tr:nth-child(2) th,
.contents table thead tr:nth-child(2) td	{ background-color: #fafafa; }
.contents table tbody tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table tbody tr th,
.contents table tbody tr td	{ line-height: 25px; padding: 12px 5px 12px 5px; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; color: #4e4e4e; }
.contents table tbody tr th	{ background-color: #fff; text-align: center; font-weight: 600; }
.contents table tbody tr > *:last-child	{ border-right-width: 1px; }
.contents table tbody tr	{ border-bottom: 1px solid #e1e1e1; }
.contents table tfoot tr th,
.contents table tfoot tr td	{ line-height: 25px; padding: 12px 5px 12px 5px; border-width: 0 0 0 1px; border-style: solid; border-color: #dddee0; background-color: #fafafa; color: #4e4e4e; }
.contents table tfoot tr th	{ text-align: center; font-weight: 600; }
.contents table tfoot tr > *:last-child	{ border-right-width: 1px; }

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


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




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


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


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

@media all and (max-width: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	{ margin: 0; }
}

@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; }