@charset "UTF-8";

body	{ width: 100%; height: 100%; padding: 0; margin: 0; }
#body	{ min-width: 1200px; }

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


/**
HEADER
**/
#header	{ position: relative; min-height: 78px; margin: 0 auto; }
#header header	{}
#header header h1	{ position: absolute; left: 20px; top: 0; margin: 0; }
#header header h1 a	{ display: block; width: 240px; height: 78px; background: url(../image/header_logo.png) no-repeat center center; text-indent: -999px; overflow: hidden; }
#header header p.slogan	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }

@media all and ( max-width: 1820px )
{
	#header header h1	{ left: 0; }
}


#header header #GNB	{}
#GNB	{}
#GNB aside	{ position: absolute; right: 20px; top: 0; }
#GNB aside nav	{}
#GNB aside nav:after	{ display: block; clear: both; content: ""; }
#GNB aside nav ul	{ float: right; padding: 0; margin: 0; list-style: none; }
#GNB aside nav ul li	{ float: left; padding: 20px 0; margin: 0; list-style: none; }
#GNB aside nav ul li a	{ display: block; line-height: 38px; padding: 0 10px 0 15px; }
#GNB aside nav ul li a.login	{ padding-left: 20px; background: url(../image/icon_login.png) no-repeat 0 center; }
#GNB aside nav ul li a.join	{ background: url(../image/icon_member.png) no-repeat 0 center; }
#GNB aside nav ul li a.myinfo	{ background: url(../image/icon_member.png) no-repeat 0 center; }
#GNB aside nav ul li a.logout	{ padding-left: 20px; background: url(../image/icon_logout.png) no-repeat 0 center; }
#GNB aside nav ul li a.sitemap	{ padding-left: 20px; background: url(../image/icon_sitemap.png) no-repeat 0 center; }
#GNB aside nav ul li a.zoomin	{ display: inline-block; width: 24px; height: 38px; padding: 0; background: url(../image/icon_zoomin.svg) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; }
#GNB aside nav ul li a.zoomout	{ display: inline-block; width: 24px; height: 38px; padding: 0; background: url(../image/icon_zoomout.svg) no-repeat center center; text-align: left; text-indent: -999px; overflow: hidden; }





@media all and ( max-width: 1820px )
{
	#GNB aside	{ right: 0; }
}


#topmenu	{ width: 1200px; margin: 0 auto; }
#topmenu:after	{ display: block; clear: both; content: ""; }
#topmenu ul,
#topmenu li	{ padding: 0; margin: 0; list-style: none; }
#topmenu ul:after	{ display: block; clear: both; content: ""; }

#topmenu .ld1	{ position: relative; width: 1200px; margin: 0 auto; }
#topmenu .ld1 .cd1	{ position: relative; float: left; width: 240px; height: 78px; }
#topmenu .ld1 .cd1c1	{ display: none; }
#topmenu .ld1 .cd1c7,
#topmenu .ld1 .cd1c8,
#topmenu .ld1 .cd1c9,
#topmenu .ld1 .cd1c10,
#topmenu .ld1 .cd1c11,
#topmenu .ld1 .cd1c12,
#topmenu .ld1 .cd1c13	{ display: none; }
#topmenu .ld1 .cd1 .l1	{ display: block; line-height: 75px; font-size: 18px; font-weight: 600; color: #333; text-align: center; }
#topmenu .ld1 .cd1 .l1:after	{ display: block; width: 0px; height: 3px; margin: 0 auto; background-color: #f36910; transition: all ease .2s; content: ""; }
#topmenu .ld1 .cd1 .l1:focus:after, #topmenu .ld1 .cd1 .l1:hover:after, #topmenu .ld1 .cd1 .l1:active:after, #topmenu .ld1 .cd1 .l1.active:after, #topmenu .ld1 .cd1 .l1.over:after, #topmenu .ld1 .cd1 .l1.open:after	{ width: 80%; }


#topmenu .lb1	{ position: absolute; z-index: 99; width: 100%; height: 0; overflow: hidden; }
#topmenu .show_sub_menu .lb1,
#topmenu .lb1.show	{ height: auto; overflow: visible; }

#topmenu .ld2	{ padding: 10px; margin: 0 -1px; border-right: 1px solid #e5e5e5; }
#topmenu .cd1c2 .ld2	{ border-left: 1px solid #e5e5e5; }
#topmenu .ld2 .cd2	{}
#topmenu .ld2 .cd2 .l2	{ position: relative; display: block; line-height: 35px; padding: 0 0 0 0px; white-space: nowrap; color: #333; font-size: 15px; }
#topmenu .ld2 .cd2 .l2:focus, #topmenu .ld2 .cd2 .l2:hover, #topmenu .ld2 .cd2 .l2:active, #topmenu .ld2 .cd2 .l2.over, #topmenu .ld2 .cd2 .l2.open, #topmenu .ld2 .cd2 .l2.active	{ color: #f36910; }

#topmenu .ld3	{ display: none; }


#topmenu .depth2_cover	{ position: absolute; z-index: 98; left: 0; width: 100%; padding: 10px 0; margin: 1px 0 0 0; border-bottom: 1px solid #e5e5e5;  background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
#topmenu .depth2_cover:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #e5e5e5; content: ""; }
#topmenu .depth2_cover:after	{ position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #e5e5e5; content: ""; }


@media all and ( max-width: 1620px )
{
	#header header h1	{ position: static; width: 1200px; margin: 0 auto; }
	#header header h1 a	{ position: relative; z-index: 2; margin: 0 auto; }
	#header header #GNB	{ border-width: 1px 0; border-style: solid; border-color: #e5e5e5; }
	#GNB aside	{ position: relative; width: 1200px; margin: 0 auto; }
	#GNB aside nav	{ position: absolute; right: 0; top: -79px; }
}




/**
FOOTER
**/
#footer	{ padding: 20px 0; color: #fff; background-color: #464646; }
#footer aside	{ background-color: #464646; }
#footer aside .alignbox	{ width: 1200px; margin: 0 auto; }
#footer aside .alignbox:after	{ display: block; clear: both; content: ""; }
#footer aside ul	{ float: left; padding: 0; margin: 0 0 0 195px; list-style: none; }
#footer aside ul li	{ position: relative; float: left; padding: 0; margin: 0; list-style: none; }
#footer aside ul li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; overflow: hidden; background-color: #727070; content: ""; }
#footer aside ul li:first-child:before	{ content: none; }
#footer aside ul li a	{ display: block; line-height: 30px; padding: 0 16px 0 15px; color: #eee; }
#footer aside ul li a:focus, #footer aside ul li a:hover, #footer aside ul li a:active	{ text-decoration: underline; }

#footer aside .familysite	{ float: right; }
#footer aside .familysite label	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#footer aside .familysite span	{ display: block; float: left; height: 50px; background-color: #222; }
#footer aside .familysite select	{ float: left; margin: 8px 0 0 0; border: 0 none; background-color: #222; color: #fff; vertical-align: top; }
#footer aside .familysite button	{ float: left; height: 50px; margin: 0; border: 0 none; background-color: #000; cursor: pointer; }


#footer address	{ width: 990px; padding: 15px 0 25px 210px; margin: 0 auto; color: #959595; font-style: normal; }
/*#footer address	{ width: 990px; padding: 15px 0 25px 210px; margin: 0 auto; color: #959595; font-style: normal; background: url(../image/footer_logo.png) no-repeat 30px 0; }*/
#footer address a	{ color: #959595; }
#footer address a:focus, #footer address a:hover, #footer address a:active	{ color: #fff; text-decoration: underline; }






/**
MAIN
**/
#container.main	{ padding: 0 0 40px 0; }
#container.main #section	{ max-width: 1820px; margin: 0 auto; }
#container.main #section:after	{ display: block; clear: both; content: ""; }


#container.main .mainimage	{ position: relative; height: 505px; margin: 0; }
#container.main .mainimage h2	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.main .mainimage .list	{ position: relative; height: 505px; overflow: hidden; }
#container.main .mainimage .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .mainimage .list ul li	{ position: absolute; left: 0; top: 0; width: 100%; padding: 0; margin: 0; list-style: none; }
#container.main .mainimage .list a	{ position: relative; display: block; width: 100%; overflow: hidden; }
#container.main .mainimage .list a .images	{ position: relative; left: 50%; display: block; width: 4000px; margin: 0 0 0 -2000px; }
#container.main .mainimage .list a .images img	{ display: block; max-width: none; margin: 0 auto; }
#container.main .mainimage .list a .description	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.main .mainimage .control1 a.prev	{ position: absolute; left: 0; top: 50%; z-index: 9; width: 90px; height: 180px; margin-top: -90px; text-indent: -999px; overflow: hidden; background: url(../image/btn_left_arrow_big.png) no-repeat center center; }
#container.main .mainimage .control1 a.prev:hover, #container.main .mainimage .control1 a.prev:active	{ background-color: rgba(0, 0, 0, 0.3); }
#container.main .mainimage .control1 a.next	{ position: absolute; right: 0; top: 50%; z-index: 9; width: 90px; height: 180px; margin-top: -90px; text-indent: -999px; overflow: hidden; background: url(../image/btn_right_arrow_big.png) no-repeat center center; }
#container.main .mainimage .control1 a.next:hover, #container.main .mainimage .control1 a.next:active	{ background-color: rgba(0, 0, 0, 0.3); }
#container.main .mainimage .control1 a.play_stop,
#container.main .mainimage .control2	{ display: none; }

/*
#container.main .mainimage .link	{ position: absolute; right: 90px; top: 50%; z-index: 8; width: 544px; height: 361px; margin-top: -180px; overflow: hidden; }
*/
#container.main .mainimage .link	{ position: absolute; right: 90px; top: 50%; z-index: 8; width: 544px; height: 361px; margin-top: -180px; overflow: hidden; }
#container.main .mainimage .link ul	{ width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; }
#container.main .mainimage .link ul:after	{ display: block; clear: both; content: ""; }
/*
#container.main .mainimage .link ul li	{ float: left; width: 33.3%; height: 50%; padding: 0; margin: 0; list-style: none; background-color: #000; background-color: rgba(0, 0, 0, 0.45); }
*/
#container.main .mainimage .link ul li	{ float: left; width: 33.3%; height: 50%; padding: 0; margin: 0; list-style: none; background-color: #000; background-color: rgba(0, 0, 0, 0.45); }
#container.main .mainimage .link ul li a	{ position: relative; display: block; width: 100%; height: 100%; text-indent: -99999px; overflow: hidden; background: url(../image/main_image_link.png) no-repeat 0 0; outline: solid 1px rgba(0, 0, 0, 0.5); }
#container.main .mainimage .link ul li.c1 a	{ background-position: 0 0; }
#container.main .mainimage .link ul li.c2 a	{ background-position: 50% 0; }
#container.main .mainimage .link ul li.c3 a	{ background-position: 100% 0; }
#container.main .mainimage .link ul li.c4 a	{ background-position: 0 100%; }
#container.main .mainimage .link ul li.c5 a	{ background-position: 50% 100%; }
#container.main .mainimage .link ul li.c6 a	{ background-position: 100% 100%; }
#container.main .mainimage .link ul li:focus,
#container.main .mainimage .link ul li:hover,
#container.main .mainimage .link ul li:active	{ background: linear-gradient(to right, #f47321 6%,#ff5c6d 100%);  }


#container.main .board	{ position: relative; float: left; width: 33.333%; height: 430px; border-top: 1px solid #d7d7d7; }
#container.main .board:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .board h2	{ padding: 21px 0 0 0; margin: 0; }
#container.main .board h2 a	{ position: relative; display: block; line-height: 58px; padding: 0 0 0 29px; font-size: 25px; }
#container.main .board h2 a:after	{ position: absolute; right: 29px; top: 50%; width: 32px; line-height: 32px; margin-top: -17px; border: 1px solid #c2c2c2; color: #c2c2c2; text-align: center; content: "+"; font-weight: normal; }
#container.main .board .list	{ padding: 0 29px; }
#container.main .board .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .board .list ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .board .list ul li a	{ position: relative; display: block; padding-left: 77px; }
#container.main .board .list ul li a:after	{ display: block; clear: both; content: ""; }
#container.main .board .list ul li a .br	{ display: none; }
#container.main .board .list ul li a .date	{ position: absolute; left: 0; top: 0; display: block; height: 65px; line-height: 21px; border-bottom: 1px solid #e1e1e1; color: #111; text-align: center; }
#container.main .board .list ul li:last-child a .date	{ border-bottom: 0 none; }
#container.main .board .list ul li a .date span	{ display: block; line-height: 33px; padding: 5px 0 0 0; text-align: center; color: #f47321; font-size: 30px; font-weight: bold; }
#container.main .board .list ul li a strong	{ display: block; line-height: 65px; border-bottom: 1px solid #e1e1e1; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.main .board .list ul li:last-child a strong	{ border-bottom: 0 none; }


#container.main .link1	{ position: relative; float: left; width: 34%; height: 273px; border-top: 1px solid #d7d7d7; background-color: #f5f5f5; }
#container.main .link1:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .link1:after	{ position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .link1 h2	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.main .link1 .list	{}
#container.main .link1 .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .link1 .list ul:after	{ display: block; clear: both; content: ""; }
#container.main .link1 .list ul li	{ float: left; width: 33.33%; padding: 0; margin: 0; list-style: none; }
#container.main .link1 .list ul li a	{ display: block; height: 93px; line-height: 35px; padding: 180px 0 0 0; text-align: center; color: #000; font-size: 20px; }
#container.main .link1 .list ul li a:focus, #container.main .link1 .list ul li a:hover, #container.main .link1 .list ul li a:active	{ font-weight: bold; background-color: #f0f0f0; }
#container.main .link1 .list ul li.c1 a	{ background: url(../image/main_link01_01.png) no-repeat center 67px; }
#container.main .link1 .list ul li.c2 a	{ background: url(../image/main_link01_02.png) no-repeat center 67px; }
#container.main .link1 .list ul li.c3 a	{ background: url(../image/main_link01_03.png) no-repeat center 67px; }


#container.main .schdule	{ position: relative; float: left; width: 33%; height: 378px; border-width: 1px 0; border-style: solid;  border-color: #d7d7d7; }
#container.main .schdule:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .schdule h2	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.main .schdule > .list	{ position: absolute; left: 0; top: 0; width: 215px; height: 100%; margin: 0; background-color: #232430; color: #fff; }
#container.main .schdule > .list p	{ margin: 0; }
#container.main .schdule > .list p strong	{ display: block; line-height: 74px; padding: 31px 0 0 0; text-align: center; color: #fff; font-size: 72px; }
#container.main .schdule > .list p em	{ display: block; line-height: 37px; text-align: center; color: #fff; font-size: 25px; font-style: normal; font-weight: 600; }
#container.main .schdule > .list ul	{ height: 200px; padding: 0; margin: 30px 0 0 0; list-style: none; overflow: auto; }
#container.main .schdule > .list ul li	{ position: relative; line-height: 22px; padding: 0 25px 1em 43px; margin: 0; list-style: none; }
#container.main .schdule > .list ul li a:before	{ position: absolute; left: 25px; top: 9px; width: 2px; height: 2px; border: 1px solid #fff; border-radius: 3px; content: ""; }
#container.main .schdule > .list ul li a	{ color: #fff; text-decoration: none; border-bottom: 1px solid white; }
#container.main .schdule > .list ul li a:focus, #container.main .schdule > .list ul li a:hover, #container.main .schdule > .list ul li a:active	{ text-decoration: none; border-bottom: 1px dashed white; }
#container.main .schdule > .calendar	{ padding: 0 5px 0 220px; }
#container.main .schdule > .calendar strong	{ display: block; line-height: 69px; padding: 16px 0 0 0; text-align: center; color: #000; font-size: 25px; }
#container.main .schdule > .calendar table	{ width: 100%; margin: 0; border-width: 0; }
#container.main .schdule > .calendar table thead tr th	{ height: 44px; padding: 0; border-width: 0; text-align: center; font-size: 15px; background-color: transparent; color: #000; }
#container.main .schdule > .calendar table tbody tr td	{ position: relative; height: 45px; line-height: 22px; padding: 0; border-width: 0; text-align: center; font-size: 15px; font-weight: 600; vertical-align: top; }
#container.main .schdule > .calendar table tbody tr td span	{ position: relative; z-index: 2; }
#container.main .schdule > .calendar table tbody tr td a	{ position: relative; z-index: 2; color: #000; }
#container.main .schdule > .calendar table tbody tr td.day_1 a	{ color: #ed2222; }
#container.main .schdule > .calendar table tbody tr td.day_7 a	{ color: #125aab; }
#container.main .schdule > .calendar table tbody tr td em	{ display: block; font-size: 10px; font-weight: normal; font-style: normal; white-space: nowrap; overflow: hidden; text-align: center; text-indent: -1px; }
#container.main .schdule > .calendar table tbody tr td.exists:before	{ position: absolute; left: 50%; top: 22.5px; z-index: 1; width: 30px; height: 30px; margin: -28px 0 0 -15px; border: 1px solid #000; border-radius: 50px; content: ""; }
#container.main .schdule > .calendar table tbody tr td.today	{ color: #fff; }
#container.main .schdule > .calendar table tbody tr td.today:before	{ position: absolute; left: 50%; top: 22.5px; z-index: 1; width: 30px; height: 30px; margin: -28px 0 0 -15px; border: 1px solid #000; border-radius: 50px; content: ""; background-color: #fe5d69; }

#container.main .schdule > .calendar table thead tr th:first-child,
#container.main .schdule > .calendar table tbody tr td:first-child	{ color: #ed2222; }
#container.main .schdule > .calendar table thead tr th:last-child,
#container.main .schdule > .calendar table tbody tr td:last-child	{ color: #125aab; }


#container.main .map	{ position: relative; float: left; width: 33%; height: 378px; border-width: 1px 0; border-style: solid;  border-color: #d7d7d7; }
#container.main .map:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .map h2	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.main .map .label	{ position: absolute; z-index: 2; right: 30px; bottom: 30px; line-height: 38px; padding: 15px 20px; border: 1px solid #d7d7d7; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); color: #000; }
#container.main .map .label h3	{ margin: 0; font-size: 20px; }
#container.main .map .label p	{ margin: 0; font-size: 15px; }
#container.main .map .maparea	{ height: 378px; }


#container.main .popupzone	{ position: relative; float: left; width: 34%; height: 378px; border-width: 1px 0; border-style: solid;  border-color: #d7d7d7; }
#container.main .popupzone:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .popupzone:after	{ position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .popupzone h2	{ display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.main .popupzone .list	{ position: relative; height: 329px; }
#container.main .popupzone .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .popupzone .list ul li	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; }
#container.main .popupzone .list ul li a	{}
#container.main .popupzone .list ul li a .images	{ display: block; width: 100%; height: 100%; overflow: hidden; }
#container.main .popupzone .list ul li a .images img	{ display: block; width: 100%; height: 100%; border: 0 none; }
#container.main .popupzone .list ul li a .description	{ position: absolute; left: 0; bottom: -49px; width: 100%; border: 0; line-height: 49px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #232430; color: #fff; text-indent: 20px; }

#container.main .popupzone .control1	{ position: absolute; z-index: 5; right: 0; bottom: 0; height: 20px; line-height: 18px; padding: 10px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone .control1:after	{ display: block; clear: both; content: ""; }
#container.main .popupzone .control1 a	{ float: left; width: 18px; height: 18px; margin-left: -1px; border: 1px solid #ddd; background-color: #fff; color: #686a72; text-align: center; font-size: 11px; }
#container.main .popupzone .control1 a:focus, #container.main .popupzone .control1 a:hover, #container.main .popupzone .control1 a:active	{ color: #fff; background-color: #333; }
#container.main .popupzone .control1 a span	{ display: none; }
#container.main .popupzone .control1 a.prev:after	{ content: "<"; }
#container.main .popupzone .control1 a.next:after	{ content: ">"; }
#container.main .popupzone .control1 a.play:after	{ content: "■"; }
#container.main .popupzone .control1 a.stop:after	{ content: "▶"; }

#container.main .popupzone .control2	{ position: absolute; z-index: 5; right: 77px; bottom: 0; width: 43px; height: 40px; line-height: 40px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-align: right; }
#container.main .popupzone .control2 .list_button,
#container.main .popupzone .control2 .list_box	{ display: none; }



#container.main .gallery	{ position: relative; clear: both; border-top: 1px solid #d7d7d7; }
#container.main .gallery:before	{ position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #d7d7d7; content: ""; }
#container.main .gallery h2	{ padding: 21px 0 0 0; margin: 0; }
#container.main .gallery h2 a	{ position: relative; display: block; line-height: 58px; padding: 0 0 0 29px; font-size: 25px; }
#container.main .gallery h2 a:after	{ position: absolute; right: 29px; top: 50%; width: 32px; line-height: 32px; margin-top: -17px; border: 1px solid #c2c2c2; color: #c2c2c2; text-align: center; content: "+"; font-weight: normal; }
#container.main .gallery .list	{}
#container.main .gallery .list ul	{ padding: 0 10px; margin: 0; list-style: none; }
#container.main .gallery .list ul:after	{ display: block; clear: both; content: ""; }
#container.main .gallery .list ul li	{ float: left; width: 25%; padding: 0 10px; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .gallery .list ul li a	{ position: relative; display: block; }
#container.main .gallery .list ul li a .image	{ position: relative; display: block; height: 0; padding-top: 75%; overflow: hidden; }
#container.main .gallery .list ul li a .image img	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#container.main .gallery .list ul li a .title	{ display: block; line-height: 2em; text-align: center; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.main .gallery .list ul li a .date,
#container.main .gallery .list ul li a .br	{ display: none; }






/**
SUB
**/
#container.sub	{}
#container.sub:after	{ display: block; clear: both; content: ""; }




#container.sub #SUB-GNB	{ border-width: 1px 0; border-style: solid; border-color: #e5e5e5; }
#SUB-GNB #submenu	{ width: 1200px; margin: 0 auto; }
#SUB-GNB #submenu:after	{ display: block; clear: both; content: ""; }

#SUB-GNB a.home	{ float: left; width: 60px; min-width: 0 !important; height: 68px; padding: 0; text-indent: -999px; overflow: hidden; background: #fff url(../image/icon_home.png) no-repeat 0 center !important; }

#SUB-GNB .drop_menu	{ position: relative; float: left; }

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

#SUB-GNB a	{ position: relative; display: block; min-width: 200px; height: auto; line-height: 68px; padding: 0 50px; box-sizing: border-box; color: #111; font-size: 18px; text-decoration: none; white-space: nowrap; background: none; }
#SUB-GNB a:focus, #SUB-GNB a:hover, #SUB-GNB a:active	{ margin: -1px 0; border-width: 1px 0; border-style: solid; border-color: #e5e5e5; color: #f36910; background-color: #fafafa; }
#SUB-GNB a:after	{ position: absolute; right: 20px; top: 0; line-height: 68px; content: "▼"; font-size: 10px; color: #111; }
#SUB-GNB a:focus:after, #SUB-GNB a:hover:after, #SUB-GNB a:active:after	{ content: "▲"; }
#SUB-GNB a.active	{ font-weight: bold; }


#SUB-GNB .link_home	{ float: left; display: block; cursor: pointer; padding: 0 0 0 38px; border-width: 0 1px; border-style: solid; border-color: #e9e9e9; background: url(../image/snb_home.png) no-repeat 13px center !important; }
#SUB-GNB .link_home span	{ display: block; padding-left: 15px; border-left: 1px solid #e9e9e9; background-position: 85% center; }
#SUB-GNB .link_home_split	{ display: none; }

#SUB-GNB ul	{ padding: 0; margin: 0; list-style: none; }
#SUB-GNB li	{ padding: 0; margin: 0; list-style: none; border-width: 0 1px; border-style: solid; border-color: #e9e9e9; background-color: #fff; }

#SUB-GNB ul li	{ height: 0; overflow: hidden; }
#SUB-GNB ul.show_menu > li,
#SUB-GNB ul li.open	{ height: auto; overflow: visible; }
#SUB-GNB ul.show_menu > li:last-child	{ border-bottom-width: 1px; }

#SUB-GNB ul.show_menu > li:last-child	{ border-bottom-width: 1px; }
#SUB-GNB ul.show_menu > li > a.open	{ font-weight: bold; color: #f36910; }

#SUB-GNB .drop_menu	{ position: relative; float: left; }

#SUB-GNB .ld1	{ position: absolute; top: 0; z-index: 3; float: left; margin-left: -1px; }
#SUB-GNB .ld1 .cd1	{ float: left; clear: left; }
#SUB-GNB .ld1 .cd1c1	{ display: none !important; }
#SUB-GNB .ld1 .cd1 .l1	{ float: left; }

#SUB-GNB .lb1	{ position: absolute; top: 0; left: 100%; z-index: 3; float: left; margin-left: -1px; }
#SUB-GNB .ld2	{ float: left; border-width: 0; }
#SUB-GNB .ld2 .cd2	{ /*float: left; clear: left;*/ }
#SUB-GNB .ld2 .cd2 .l2	{ /*float: left;*/ }

#SUB-GNB .lb2	{ position: absolute; top: 0; left: 100%; z-index: 3; float: left; margin-left: -1px; }
#SUB-GNB .ld3	{ float: left; }
#SUB-GNB .ld3 .cd3	{ /*float: left; clear: left;*/ }
#SUB-GNB .ld3 .cd3 .l3	{ /*float: left;*/ }





#container.sub #section	{ width: 1200px; padding: 0; margin: 0 auto; }
#container.sub #section section	{ padding: 0 20px 20px 20px; }
#container.sub #section section header	{}
#container.sub #section section header h2	{ line-height: 150px; padding: 0; margin: 0; font-size: 35px; color: #000; font-weight: bolder; text-align: center; }

#container.sub #section section header .menu_path	{ display: none; }

/*
#container.sub #section section header .tabmenu	{ margin: 30px 0;}
#container.sub #section section header .tabmenu ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .tabmenu ul li	{ display: table-cell; width: 10%; padding: 0; margin: 0; list-style: none; background: none; }
#container.sub #section section header .tabmenu ul li a	{ position:relative; display: block; line-height: 39px; margin: 0 2px; background-color: #e1e1e1; text-align: center; }
#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, #container.sub #section section header .tabmenu ul li a.active	{ background-color: #286ec6; color: #fff; }
#container.sub #section section header .tabmenu ul li a:focus:after, #container.sub #section section header .tabmenu ul li a:hover:after, #container.sub #section section header .tabmenu ul li a:active:after, #container.sub #section section header .tabmenu ul li a.active:after	{ position: absolute; left: 50%; bottom: -6px; display:block; margin:0 0 0 -6px; content: ""; border-width: 6px 6px 0 6px; border-style: solid; border-color: #286ec6 transparent transparent transparent; }
*/

#container.sub #section section header .tabmenu	{ margin: 30px 0;}
#container.sub #section section header .tabmenu ul	{ padding: 0; margin: 0; list-style: none; }
#container.sub #section section header .tabmenu ul:after { clear: both; content:''; display: block; }
#container.sub #section section header .tabmenu ul { width: 100%; padding: 0 20px; border-bottom:1px solid #e1e1e1; box-sizing: border-box; }
#container.sub #section section header .tabmenu ul li { position: relative; float: left; padding: 0; margin: 5px 0 -1px -1px; background: none; }
#container.sub #section section header .tabmenu ul li a { min-width:140px; height:47px; padding: 0 20px; color:#7d7d7d; line-height:47px; display:block; border:1px solid #e1e1e1; background:#f9f9f9; text-align:center; border-width:1px; box-sizing:border-box; border-bottom:1px solid #e1e1e1; font-size:16px; fo}
#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.active {background:#fff; border-bottom:1px solid #fff; border-top:2px solid #f5702a; color: #222; }

#container.sub #section section #contents	{ min-height: 500px; margin: 30px 0; }


@media all and ( max-width: 1620px )
{
	#container.sub #section section header .menu_path	{ top: 158px; border-top: 0 none; }
}



/**
MOBILE
**/
@media all and (max-width:1023px)
{
	body	{ position: relative; background-color: transparent; }
	#body	{ min-width: 320px; overflow-x: hidden; }
	
	#header	{ min-height: 60px; }
	#header header	{ position: relative; }
	#header header h1	{ width: auto; }
	#header header h1 a	{ display: block; width: 130px; height: 50px; margin: 0 auto; background-size: contain; }
	
	#header header #GNB	{ border: 0 none; }
	
	
	#GNB aside	{ width: auto; margin: 0; }
	#GNB aside nav	{ top: -50px; left: 0; right: auto; width: auto; height: auto; margin: 0; }
	#GNB aside nav ul li	{ padding: 0; }
	#GNB aside nav ul li a	{ line-height: 20px; padding: 30px 5px 0 5px !important; color: #000; background-repeat: no-repeat !important; background-position: center 13px !important; background-size: auto 14px !important; }
	#GNB aside nav ul li:before	{ content: none; }
	#GNB aside nav ul li .home,
	#GNB aside nav ul li .sitemap	{ display: none; }
	#GNB aside nav ul li .login	{ background-image: url(../image/mobile_login.png); }
	#GNB aside nav ul li .join		{ background-image: url(../image/mobile_member.png); }
	#GNB aside nav ul li .myinfo	{ background-image: url(../image/mobile_member.png); }
	#GNB aside nav ul li .logout	{ background-image: url(../image/mobile_logout.png); }
	
	#GNB aside nav ul li .myinfo span	{ display: none; }
	#GNB aside nav ul li .myinfo:after	{ content: "회원정보"; }
	
	
	#GNB .call_mobile_gnb	{ position: absolute; right: 5px; top: 5px; width: 40px; height: 40px; margin: 5px; cursor: pointer; background: url(../image/mobile_gnb_open.png) no-repeat center center; background-size: 15px auto; }
	#GNB .call_mobile_gnb.active	{ background-color: #000; background-image: url(../image/mobile_gnb_close.png); }
	
	#topmenu	{ display: none; }
	#topmenu	{ position: absolute; left: 0; top: 50px; z-index: 99999; width: 100%; height: 100%; padding: 0; border: 0 none; background-color: rgba(0, 0, 0, 0.8); }
	#topmenu .ld1	{ position: static; width: auto; padding: 0; margin: 0; background-color: #dcdcdc; }
	#topmenu .ld1 .cd1	{ display: block; float: none; width: auto; height: auto; border-bottom: 1px solid #ccc; background: none; }
	#topmenu .ld1 .cd1c1,
	#topmenu .ld1 .cd1c1 *	{ display: none !important; background: none !important; }
	#topmenu .ld1 .cd1 .l1	{ position: relative; line-height: 50px; padding: 0 0 0 40px; border: 0 none; color: #000 !important; text-align: left; }
	#topmenu .ld1 .cd1 .l1:before	{ position: absolute; left: 20px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background-color: #333; content: ""; }
	#topmenu .ld1 .cd1 .l1:after	{ content: none; }
	#topmenu .ld1 .cd1c1 .l1	{ width: auto; height: auto; text-indent: 0; overflow: visible; background-image: none !important; color: #000 !important; }
	#topmenu .ld1 .cd1 .l1:focus, #topmenu .ld1 .cd1 .l1:hover, #topmenu .ld1 .cd1 .l1:active, #topmenu .ld1 .cd1 .l1.active, #topmenu .ld1 .cd1 .l1.over, #topmenu .ld1 .cd1 .l1.open	{ color: #fff !important; background-color: #033490; }
	
	#topmenu .lb1	{ position: static; z-index: auto; min-width: 0; height: auto; overflow: visible; background-color: #fff; }
	#topmenu .lb1.show	{ border: 0 none; }
	
	#topmenu .ld2	{ height: auto !important; border: 0 none; box-shadow: none; }
	#topmenu .ld2 .cd2 .l2	{ line-height: 30px; padding-left: 40px; font-size: 15px; }
	#topmenu .ld2 .cd2 .l2:before	{ left: 30px; }
	





	#container.main	{ padding: 0 0 49px 0; background-color: transparent; }
	#container.main #section	{ width: auto; margin: 0 auto; }

	#container.main .mainimage	{ position: relative; float: none; width: auto; height: 0; padding-top: 27.7472527472%; margin: 0 auto; overflow: hidden; }
	#container.main .mainimage .list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	#container.main .mainimage .list ul li	{ width: 100%; height: 100%; }
	#container.main .mainimage .list ul li a	{ position: relative; width: 100%; height: 100%; }
	#container.main .mainimage .list a .images	{ height: 100%; }
	#container.main .mainimage .list a .images img	{ height: 100%; }
	
	#container.main .mainimage .control1	{ position: static; width: auto; }
	#container.main .mainimage .control1 a.prev,
	#container.main .mainimage .control1 a.next	{ top: 0; width: 50px; height: 100%; margin-top: 0; opacity: 1; }
	
	#container.main .mainimage .link	{ display: none !important; background: none !important; }
	
	
	#container.main .board	{ float: none; width: auto; height: auto; min-height: 130px; }
	#container.main .board:before	{ content: none; }

	#container.main .link1	{ float: none; width: auto; height: auto; }
	#container.main .link1 .list ul li a	{ margin: -20px 0; }

	
	#container.main .schdule	{ float: none; width: auto; height: auto; }
	#container.main .schdule:before	{ content: none; }
	#container.main .schdule > .calendar	{ padding: 0 5px; }
	#container.main .schdule > .list	{ position: relative; width: auto; height: auto; min-height: 75px; padding: 0 0 0 75px; }
	#container.main .schdule > .list p	{ position: absolute; left: 0; top: 0; width: 75px; }
	#container.main .schdule > .list p strong	{ line-height: 45px; padding: 0; font-size: 25px; }	
	#container.main .schdule > .list p em	{ line-height: 20px; font-size: 16px; }
	#container.main .schdule > .list ul	{ height: auto; }
	
	
	#container.main .map	{ float: none; width: auto; height: auto; border: 0 none; }
	#container.main .map:before	{ content: none; }
	
	
	#container.main .popupzone	{ float: none; width: auto; height: auto; border: 0 none; }
	#container.main .popupzone:before	{ content: none; }
	#container.main .popupzone:after	{ content: none; }
	
	
	
	
	
	
	#footer aside,
	#footer aside *	{ display: none !important; background: none !important; }
	#footer address	{ width: auto; padding: 30px 10px; color: #fff; font-size: 11px; background: none; }
	
	
	#container.sub	{ width: auto; padding: 0 0 10px 0; }
	#container.sub:before	{ content: none; }
	#container.sub #SUB-GNB,
	#container.sub #SUB-GNB *	{ display: none !important; background: none !important; }
	
	#container.sub #section	{ float: none; width: auto; }
	#container.sub #section section	{ padding: 0 10px; }
	
	#container.sub #section section header h2	{ line-height: 45px; padding-top: 10px; font-size: 30px; }
/*
	#container.sub #section section header .menu_path	{ position: static; text-align: right; }
	#container.sub #section section header .menu_path p strong	{ text-align: left; }
*/
	#container.sub #section section header .menu_path,
	#container.sub #section section header .menu_path *	{ display: none !important; background: none !important; }
	
	
	#container.sub #section section #contents	{ min-height: 350px; }
	
	
	
	
	#container.sub #section section header .tabmenu ul	{ display: block; }
	#container.sub #section section header .tabmenu ul:after	{ display: block; clear: both; content: ""; }
	#container.sub #section section header .tabmenu ul li	{ display: block; float: left; width: 33.3%; }
	#container.sub #section section header .tabmenu ul li a	{ margin: 3px; }
	
	
	
	
	#contents .daummap > div	{}
}

/*
@media all and (max-width:549px)
{
	#container.main .link2	{ width: 320px; height: auto; margin: 0 auto; }
	#container.main .link2 .list	{ margin: -95px -115px; transform: scale(0.58, 0.58); }
}
*/

@media all and (max-width: 768px)
{
	#container.main .gallery .list ul li	{ width: 50%; }
}

@media all and (max-width:370px)
{
	#header header h1	{ margin-left: 50px; }
}













body .contents .tab_content_show	{ display: block; }
body .contents .tab_content_hide	{ display: none; }

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 MOBILE
**/
@media all and (max-width:1023px)
{
	.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: 14px; }
	
	#body	{ min-width: 100%; }
	
	
	
	.button.action_edit	{ border-color: #104790; background-color: #104790; color: #fff; }


}