@charset "UTF-8";


#header header h1 a	{ width: 340px; background-image: url(../image/header_logo.png); }


#container.main	{ clear: both; }
#container.main #section	{ clear: both; }
#container.main #section #contents	{ clear: both; width: 100%; height: 100%; }




#container.main .board	{ position: relative; float: left; }
#container.main .board h2	{ line-height: 33px; padding: 0; margin: 0; }
#container.main .board h2 a	{ position: relative; display: block; padding: 0 0 0 45px; background: url(../image/main_board_notice.png) no-repeat 0 center; font-size: 24px; color: #1b1b1b; font-weight: bold; }
#container.main .board h2 a:after	{ position: absolute; right: 0; top: 0; line-height: 29px; padding: 0 22px; border: 2px solid #282828; border-radius: 33px; background-color: #fff; font-size: 16px; color: #313131; font-weight: normal; content: "더보기 +"; }
#container.main .board .list	{ position: relative; width: 100%; height: calc(100% - 33px); box-sizing: border-box; }
#container.main .board .list ul,
#container.main .board .list ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .board .list ul li:first-child	{ border-bottom: 1px solid #cfd1d2; }
#container.main .board .list ul li a	{ position: relative; display: block; line-height: 33px; padding: 0 8em 0 16px; }
#container.main .board .list ul li a:before	{ position: absolute; left: 3px; top: 50%; width: 3px; height: 3px; margin-top: -2px; background-color: #313131; content: ""; }
#container.main .board .list ul li a .title	{ display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.main .board .list ul li a .date	{ position: absolute; right: 0; top: 0; }
#container.main .board .list ul li a br	{ display: none; } 
#container.main .board .list ul li:first-child a	{ padding: 10px 3px 5px 3px; }
#container.main .board .list ul li:first-child a:before	{ content: none; }
#container.main .board .list ul li:first-child a .title	{ line-height: 41px; font-weight: 500; font-size: 1.25em; }
#container.main .board .list ul li:first-child a .cont	{ display: block; height: 44px; line-height: 22px; opacity: 0.7; overflow: hidden; display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
#container.main .board .list ul li:first-child a .date	{ position: static; display: block; text-align: right; }
#container.main .board .list ul li.empty	{ line-height: 10em; border: 0 none; text-align: center; }







#container.main .section_1	{ position: relative; }
#container.main .section_1 .align_1	{}


#container.main .main_visule	{ clear: both; }
#container.main .main_visule h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .main_visule .list	{ position: relative; height: 600px; }
#container.main .main_visule .list div,
#container.main .main_visule .list a	{ display: block !important; position: relative; width: 100%; height: 100%; padding: 0; margin: 0; border: 0 none; background: #eaeaea no-repeat center center; background-size: cover; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main .main_visule .list .empty	{ background: #e1e7f3 url(../image/main_visual.jpg) no-repeat center center; background-size: cover; }

#container.main .main_visule .list .slick-prev	{ position: absolute; left: 50%; top: 0; z-index: 5; width: 30px; height: 100%; padding: 0; margin: 0 0 0 -640px; border: 0 none; background: url(../image/main_visual_arrow_left1.png) no-repeat center center; font-family: serif; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main .main_visule .list .slick-prev:focus, #container.main .main_visule .list .slick-prev:hover, #container.main .main_visule .list .slick-prev:active	{ background-color: rgba(0, 0, 0, 0.5); background-image: url(../image/main_visual_arrow_left2.png); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
#container.main .main_visule .list .slick-next	{ position: absolute; right: 50%; top: 0; z-index: 5; width: 30px; height: 100%; padding: 0; margin: 0 -640px 0 0; border: 0 none; background: url(../image/main_visual_arrow_right1.png) no-repeat center center; font-family: serif; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main .main_visule .list .slick-next:focus, #container.main .main_visule .list .slick-next:hover, #container.main .main_visule .list .slick-next:active	{ background-color: rgba(0, 0, 0, 0.5); background-image: url(../image/main_visual_arrow_right2.png); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

#container.main .main_visule .list .slick-dots	{ position: absolute; left: 50%; top: 50%; z-index: 5; padding: 0; margin: 140px 0 0 -540px; list-style: none; }
#container.main .main_visule .list .slick-dots:after	{ display: block; clear: both; content: ""; }
#container.main .main_visule .list .slick-dots li	{ float: left; padding: 0; margin: 0 12px 0 0; list-style: none; }
#container.main .main_visule .list .slick-dots li button	{ width: 10px; height: 10px; padding: 0; margin: 0; border: 0 none; border-radius: 100%; background: #fff; text-align: left; text-indent: -9999px; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); vertical-align: middle; }
#container.main .main_visule .list .slick-dots li.slick-active button	{ background-color: #c9412f; }
#container.main .main_visule .list .slick-dots li.play_stop_button button	{ width: 1em; height: 1em; padding: 0; margin: 0; border-radius: 0; background: transparent; text-align: center; text-indent: 0; font-size: 20px; color: #fff; font-size: 13px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: none; }


#container.main .section_2	{ padding: 70px 0; }
#container.main .section_2 .align_2	{ max-width: 1280px; margin: 0 auto; }


#container.main .link1	{ clear: both; }
#container.main .link1 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .link1 ul	{ padding: 0; margin: 0 -13px; list-style: none; }
#container.main .link1 ul:after	{ display: block; clear: both; content: ""; }
#container.main .link1 ul li	{ float: left; width: 25%; padding: 0 13px; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .link1 ul li a	{ position: relative; display: block; border-radius: 15px; background-color: #666; overflow: hidden; color: #fff; }
#container.main .link1 ul li a > strong	{ display: block; line-height: 39px; padding: 19px 0 0 0; text-align: center; font-size: 23px; font-weight: normal; }
#container.main .link1 ul li a > span	{ display: block; line-height: 18px; padding: 0 0 21px 0; text-align: center; font-size: 15px; color: #373737; }
#container.main .link1 ul li a > span span	{ display: block; }
#container.main .link1 ul li a:after	{ display: block; height: 170px; background: no-repeat center center; background-size: cover; content: ""; }
#container.main .link1 ul li:nth-child(1) a	{ background-color: #59d3d8; }
#container.main .link1 ul li:nth-child(2) a	{ background-color: #fb8e5d; }
#container.main .link1 ul li:nth-child(3) a	{ background-color: #71ca9f; }
#container.main .link1 ul li:nth-child(4) a	{ background-color: #899fe5; }
#container.main .link1 ul li:nth-child(1) a:after	{ background-image: url(../image/main_link1_1.png); }
#container.main .link1 ul li:nth-child(2) a:after	{ background-image: url(../image/main_link1_2.png); }
#container.main .link1 ul li:nth-child(3) a:after	{ background-image: url(../image/main_link1_3.png); }
#container.main .link1 ul li:nth-child(4) a:after	{ background-image: url(../image/main_link1_4.png); }
#container.main .link1 ul li a:focus, #container.main .link1 ul li a:hover, #container.main .link1 ul li a:active	{ background-color: #666; color: #fff; }
#container.main .link1 ul li a:focus span, #container.main .link1 ul li a:hover span, #container.main .link1 ul li a:active span	{ color: #fff; }
#container.main .link1 ul li a:focus:after, #container.main .link1 ul li a:hover:after, #container.main .link1 ul li a:active:after	{ opacity: 0.5; }


#container.main .section_3	{ padding: 70px 0; background: #90bddf url(../image/main_section3_bg.png) no-repeat center center; background-size: cover; }
#container.main .section_3 .align_3	{ max-width: 1280px; margin: 0 auto; }
#container.main .section_3 .align_3:after	{ display: block; clear: both; content: ""; }


#container.main .board1	{ width: 625px; height: 320px; border-radius: 15px; background-color: #fff; overflow: hidden; }
#container.main .board1 h2	{ line-height: 64px; }
#container.main .board1 h2 a	{ padding-left: 64px; background-color: #283779; background-image: url(../image/main_board_recruit.png); background-position: 23px center; color: #fff; }
#container.main .board1 h2 a:after	{ top: 50%; right: 20px; margin-top: -16px; border-color: #fff; background-color: rgba(255, 255, 255, 0.3); color: #fff; }
#container.main .board1 .list	{ height: calc(100% - 64px); padding: 0 20px; }
#container.main .board1 .list ul li a	{ line-height: 30px; }
#container.main .board1 .list ul li:first-child a	{ padding-top: 0; padding-bottom: 0; }


#container.main .popupzone2	{ position: relative; float: left; width: 620px; min-height: 320px; border-radius: 15px; margin-left: 35px; background-color: #fff; overflow: hidden; }
#container.main .popupzone2 h2	{ height: 63px; line-height: 61px; padding: 0 0 0 28px; margin: 0; border-width: 2px 2px 0 2px; border-style: solid; border-color: #e5e5e5; border-radius: 15px 15px 0 0; box-sizing: border-box; font-size: 24px; color: #333; font-weight: 600; }
#container.main .popupzone2 .list	{ position: absolute; width: 100%; height: calc(100% - 63px); border-radius: 0 0 15px 15px; background-color: #fff; }
#container.main .popupzone2 .list .slick-prev	{ position: absolute; right: 80px; top: -46px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: #333; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone2 .list .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; text-align: center; text-indent: 0; font-family: serif; fotn-size: 20px; content: "<"; }
#container.main .popupzone2 .list .slick-prev:focus, #container.main .popupzone2 .list .slick-prev:hover, #container.main .popupzone2 .list .slick-prev:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone2 .list .slick-next	{ position: absolute; right: 50px; top: -46px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: #333; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone2 .list .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; text-align: center; text-indent: 0; font-family: serif; fotn-size: 20px; content: ">"; }
#container.main .popupzone2 .list .slick-next:focus, #container.main .popupzone2 .list .slick-next:hover, #container.main .popupzone2 .list .slick-next:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone2 .list .play_stop	{ position: absolute; right: 20px; top: -46px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: #333; text-align: center; font-family: serif; fotn-size: 20px; }
#container.main .popupzone2 .list .play_stop:focus, #container.main .popupzone2 .list .play_stop:hover, #container.main .popupzone2 .list .play_stop:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone2 .list .slick-dots	{ position: absolute; right: 130px; top: -46px; line-height: 30px; 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	{ cursor: default; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: transparent; color: #888; font-size: 16px; font-weight: normal; vertical-align: top; }
#container.main .popupzone2 .list .slick-dots li button span	{ color: #333; }
#container.main .popupzone2 .list div,
#container.main .popupzone2 .list a	{ display: block !important; position: relative; width: 100%; height: 100%; text-align: left; text-indent: -99999px; overflow: hidden; background: #e5e5e5 no-repeat center center; background-size: contain; }
#container.main .popupzone2 .empty	{ line-height: 10em !important; text-align: center !important; text-indent: 0 !important; }


#container.main .section_4	{ padding: 70px 0 100px 0; }
#container.main .section_4 .align_4	{ max-width: 1280px; margin: 0 auto; }
#container.main .section_4 .align_4:after	{ display: block; clear: both; content: ""; }


#container.main .board2	{ width: 520px; height: 300px; margin-right: 40px; }


#container.main .info	{ float: left; width: 720px; }
#container.main .info h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .info ul	{ padding: 0; margin: 0 -20px; list-style: none; }
#container.main .info ul:after	{ display: block; clear: both; content: ""; }
#container.main .info ul li	{ float: left; padding: 0 20px; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .info ul li a	{ display: block; height: 300px; background: no-repeat center center; background-size: contain; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main .info ul li a > *	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .info ul li a.icon1	{ width: 350px; background-image: url(../image/main_info_1.png); }
#container.main .info ul li a.icon2	{ width: 330px; background-image: url(../image/main_info_2.png); }





body.menu_design_main #footer	{ margin-top: 0; }





@media all and ( max-width: 1280px )
{
	#container.main .main_visule	{ position: relative; height: 0; padding-top: 46.875%; }
	#container.main .main_visule .list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	
	#container.main .link1	{ overflow: hidden; }
	
	#container.main .board1	{ float: none; margin: 0 auto 30px auto; }
	#container.main .popupzone2	{ float: none; margin: 0 auto; }
	#container.main .board2	{ float: none; margin: 0 auto 30px auto; }
	#container.main .info	{ float: none; margin: 0 auto; }
}

@media all and ( max-width: 1024px )
{
	#container.main .section_2	{ padding: 10px; }
	
	#container.main .link1 ul	{ margin: -5px; }
	#container.main .link1 ul li	{ width: 50%; padding: 5px; }
	
	#container.main .section_3	{ padding: 10px; }
	
	#container.main .board1	{ width: auto; max-width: 625px; }
	#container.main .board1 .list ul li a	{ padding-right: 6em; }
	
	#container.main .popupzone2	{ width: auto; max-width: 620px; }
	
	#container.main .section_4	{ padding: 20px 10px; padding-bottom: 100px; }
	
	#container.main .board2	{ width: auto; max-width: 625px; margin-bottom: 10px; }
	#container.main .board2 .list ul li a	{ padding-right: 6em; }
	
	#container.main .info	{ width: auto; max-width: 720px; overflow: hidden; }
}

@media all and ( max-width: 768px )
{
	#container.main .section_4	{ padding-bottom: 20px; }
}

@media all and ( max-width: 740px )
{
	#container.main .info ul	{ margin: 0; }
	#container.main .info ul li	{ float: none; width: auto; padding: 0; }
	#container.main .info ul li + li	{ margin-top: 10px !important; }
	#container.main .info ul li a	{ margin: 0 auto; }
	
	#container.main .info ul li:nth-child(1)	{ max-width: 350px; margin: 0 auto; }
	#container.main .info ul li a.icon1	{ width: auto; height: 0; padding-top: 85.71428%; box-sizing: border-box; }
	
	#container.main .info ul li:nth-child(2)	{ max-width: 330px; margin: 0 auto; }
	#container.main .info ul li a.icon2	{ width: auto; height: 0; padding-top: 90.90909%; box-sizing: border-box; }
}

@media all and ( max-width: 640px )
{
	#container.main .popupzone2	{ position: relative; height: 0; min-height: 0; padding-top: 51.6129%; }
	#container.main .popupzone2 h2	{ position: absolute; left: 0; top: 0; width: 100%;  }
	#container.main .popupzone2 .list	{ position: absolute; left: 0; top: 63px; width: 100%; height: calc(100% - 63px); }
	#container.main .popupzone2 .empty	{ line-height: 30px !important; }

	#img1 { display: none; }
}

@media all and ( max-width: 500px )
{
	#container.main .link1 ul li	{ width: 100%; }
}