@charset "UTF-8";

@import url(content.css);

/****************************************************************************************************************************
CSS Reset
****************************************************************************************************************************/
article, aside, hgroup, header, footer, figure, figcaption, nav, section	{ display: block; }

body.notYetLoad #body	{ width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; }

[tabindex="0"]	{ outline: 0 none; }
*	{ -webkit-text-size-adjust: none; }

/****************************************************************************************************************************
GLOBAL
****************************************************************************************************************************/
body	{ padding: 0; margin: 0; font-family: "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color: #4B4B4B; font-size: 13px; line-height: 1.7em; word-spacing: 0.1em; }

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





/****************************************************************************************************************************
PC : LAYOUT
****************************************************************************************************************************/
#body	{}
#header	{}
#container	{}
#footer	{}

/**	HEADER	**/
#header header	{}
#header header h1,
#header header p.slogan	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }

#GNB	{}
#GNB aside	{ border-width: 1px 0; border-style: solid; border-color: #e5e5e5; background-color: #f3f3f3; text-align: center; }
#GNB aside .aside	{ position: relative; width: 1000px; margin: 0 auto; text-align: left; }
#GNB aside .aside:after	{ display: block; clear: both; content: " "; }
#GNB aside .aside .other_site	{ float: left; }
#GNB aside .aside .other_site ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside .aside .other_site ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside .aside .other_site ul li a	{ display: block; line-height: 33px; padding: 0 15px; margin: 0 0 0 -1px; border-width: 0 1px; border-style: solid; border-color: #e5e5e5; color: #333; text-decoration: none; }
#GNB aside .aside .other_site ul li a:focus, #GNB aside .aside .other_site ul li a:hover, #GNB aside .aside .other_site ul li a:active, #GNB aside .aside .other_site ul li a.active	{ line-height: 34px; margin-bottom: -1px; color: #000; background-color: #fff; }
#GNB aside .aside .other_site ul li a .star	{ display: inline-block; width: 14px; height: 1em; background: url(../../dy21/image/header_star.png) no-repeat left center; }


#GNB aside .aside .menu_custom	{ float: right; }
#GNB aside .aside .menu_custom .member	{ float: left; }
#GNB aside .aside .menu_custom .foreigner	{ float: left; }
#GNB aside .aside .menu_custom ul	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside .aside .menu_custom ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#GNB aside .aside .menu_custom ul li a	{ display: block; line-height: 33px; padding: 0 10px; color: #333; text-decoration: none; background: url(../../dy21/image/header_split.png) no-repeat left center; }
#GNB aside .aside .menu_custom ul li.f a	{ background: none; }
#GNB aside .aside .menu_custom ul li a:focus, #GNB aside .aside .menu_custom ul li a:hover, #GNB aside .aside .menu_custom ul li a:active, #GNB aside .aside .menu_custom ul li a.active	{ color: #000; background-color: #fff; }


#GNB aside .aside .search	{ display: none; }
/*
#GNB aside .aside .search	{ position: absolute; left: 362px; top: 80px; z-index: 2; }
#GNB aside .aside .search fieldset	{ margin: 0; border: 0 none; }
#GNB aside .aside .search fieldset span.input	{ position: relative; display: inline-block; height: 26px !important; height / ** /: 30px; border: 2px solid #7d7d7d; background-color: #fff; overflow: hidden; vertical-align: top; }
#GNB aside .aside .search fieldset span.input label	{ position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 100%; line-height: 26px; padding: 0 0 0 10px; color: #555; font-size: 12px; cursor: text; background-color: #fff; }
#GNB aside .aside .search fieldset span.input input	{ position: relative; display: inline-block; width: 300px; height: 23px; padding: 0 10px; margin: 0; border: 0 none; outline: none; color: #555; font-size: 12px; background-color: #fff; }
#GNB aside .aside .search fieldset span.input input:focus	{ z-index: 2; }
#GNB aside .aside .search fieldset span.submit	{ display: inline-block; margin: 0 0 0 5px; vertical-align: top; }
#GNB aside .aside .search fieldset span.submit button	{ width: 52px; height: 30px; border: 0 none; padding: 0; margin: 0; background: url(../image/header_search_submit.png) no-repeat center center; cursor: pointer; }
#GNB aside .aside .search fieldset span.submit button span	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
*/

#GNB nav	{ height: 50px; margin-top: 100px; background: #d63e70 url(../image/pattern_gnb.png) repeat center center; color: #fff; text-align: center; }
#GNB nav .topmenu	{ width: 1000px; margin: 0 auto; text-align: left; }
#GNB nav .topmenu:after	{ display: block; clear: both; content: " "; }
#GNB nav .topmenu ul,
#GNB nav .topmenu ul li	{ padding: 0; margin: 0; list-style: none; }
#GNB nav .topmenu ul.ld1	{ float: left; }
#GNB nav .topmenu li.cd1	{ float: left; }
#GNB nav .topmenu ul.ld1 li.cd1c1	{}
#GNB nav .topmenu ul.ld1 li.cd1c1 a.l1	{  position: absolute; z-index: 2; width: 420px; height: 100px; margin: -100px 0 0 0; border: 0 none; background: url(../image/gnb_logo.png) no-repeat left center; text-align: left; }
#GNB nav .topmenu ul.ld1 li.cd1c1 a.l1 span	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#GNB nav .topmenu ul.ld1 li.cd1c10,
#GNB nav .topmenu ul.ld1 li.cd1c11,
#GNB nav .topmenu ul.ld1 li.cd1c12	{ display: none; }
#GNB nav .topmenu a.l1	{ display: block; width: 160px; line-height: 50px; text-align: center; font-size: 16px; font-weight: normal; color: #fff; text-decoration: none; cursor: pointer; }
#GNB nav .topmenu .cd1c7 a.l1	{ width: 190px; }
#GNB nav .topmenu a.l1:focus, #GNB nav .topmenu a.l1:hover, #GNB nav .topmenu a.l1:active, #GNB nav .topmenu a.l1.open, #GNB nav .topmenu a.l1.over	{ line-height: 49px; border-top: 1px solid #d7433b; background-color: #d7433b; color: #fff; font-weight: bold; }

#GNB nav .topmenu div.ld2	{ display: none; position: absolute; top: 185px; z-index: 99999; min-width: 200px; padding: 0; margin: 0 0 0 -1px; border: 1px solid #1c6a6c; border-top: 0 none; background-color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
#GNB nav .topmenu ul.ld2	{ padding: 10px 0 10px 20px; }
#GNB nav .topmenu li.cd2	{}
#GNB nav .topmenu a.l2	{ display: block; line-height: 25px; padding: 0 20px 0 10px; margin: 0; background: url(../image/bullet_3x3_green.png) no-repeat left center; }
#GNB nav .topmenu a.l2:focus, #GNB nav .topmenu a.l2:hover, #GNB nav .topmenu a.l2:active, #GNB nav .topmenu a.l2.open	{ color: #e4353b; }
#GNB nav .topmenu ul.ld3	{ display: none; }

/*
#GNB nav.season_spring	{ background-color: #82be2a; }
#GNB nav.season_summer	{ background-color: #2b6cc0; }
#GNB nav.season_autumn	{ background-color: #f16c00; }
#GNB nav.season_winter	{ background-color: #7d7d7d; }
#GNB nav.season_spring .topmenu a.l1:focus, #GNB nav.season_spring .topmenu a.l1:hover, #GNB nav.season_spring .topmenu a.l1:active, #GNB nav.season_spring .topmenu a.l1.open, #GNB nav.season_spring .topmenu a.l1.over	{ border-color: #82be2a; }
#GNB nav.season_summer .topmenu a.l1:focus, #GNB nav.season_summer .topmenu a.l1:hover, #GNB nav.season_summer .topmenu a.l1:active, #GNB nav.season_summer .topmenu a.l1.open, #GNB nav.season_summer .topmenu a.l1.over	{ border-color: #2b6cc0; }
#GNB nav.season_autumn .topmenu a.l1:focus, #GNB nav.season_autumn .topmenu a.l1:hover, #GNB nav.season_autumn .topmenu a.l1:active, #GNB nav.season_autumn .topmenu a.l1.open, #GNB nav.season_autumn .topmenu a.l1.over	{ border-color: #f16c00; }
#GNB nav.season_winter .topmenu a.l1:focus, #GNB nav.season_winter .topmenu a.l1:hover, #GNB nav.season_winter .topmenu a.l1:active, #GNB nav.season_winter .topmenu a.l1.open, #GNB nav.season_winter .topmenu a.l1.over	{ border-color: #7d7d7d; }
#GNB nav.season_spring .topmenu div.ld2	{ border-color: #82be2a; }
#GNB nav.season_summer .topmenu div.ld2	{ border-color: #2b6cc0; }
#GNB nav.season_autumn .topmenu div.ld2	{ border-color: #f16c00; }
#GNB nav.season_winter .topmenu div.ld2	{ border-color: #7d7d7d; }
*/



/** FOOTER **/
#footer	{ padding: 0 0 30px 0; }
#footer footer	{}
#footer footer .relation_site	{ background-color: #949494; }
#footer footer .relation_site aside	{ width: 1000px; padding: 10px 0; margin: 0 auto; }
#footer footer .relation_site aside:after	{ display: block; clear: both; content: " "; }
#footer footer .relation_site aside h1,
#footer footer .relation_site aside h2	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#footer footer .relation_site aside div	{ position: relative; float: left; width: 157px; margin: 2px 5px 1px 5px; }
#footer footer .relation_site aside div.f	{ margin-left: 0; }
#footer footer .relation_site aside div.l	{ margin-right: 0; }
#footer footer .relation_site aside div h2,
#footer footer .relation_site aside div h3	{ position: relative; z-index: 2; height: 25px; line-height: 25px; padding: 0 10px; margin: 0; font-size: 13px; color: #333; border: 1px solid #808080; border-radius: 3px; background-color: #fff; cursor: pointer; }
#footer footer .relation_site aside div h2:hover, #footer footer .relation_site aside div h2:active, #footer footer .relation_site aside div h2:hover, #footer footer .relation_site aside div h2.hover,
#footer footer .relation_site aside div h3:hover, #footer footer .relation_site aside div h3:active, #footer footer .relation_site aside div h3:hover, #footer footer .relation_site aside div h3.hover	{ color: #e4353b; border-color: #0072b3; }
#footer footer .relation_site aside div h2 .down_arrow,
#footer footer .relation_site aside div h3 .down_arrow	{ position: absolute; right: 10px; top: 10px; display: block; width: 0; height: 0; padding: 0; margin: 0; border-width: 7px 7px 0 7px; border-style: solid; border-color: #888 transparent transparent transparent; vertical-align: bottom; overflow: hidden; }
#footer footer .relation_site aside div h2 .up_arrow,
#footer footer .relation_site aside div h3 .up_arrow	{ position: absolute; right: 10px; top: 10px; display: block; width: 0; height: 0; padding: 0; margin: 0; border-width: 0 7px 7px 7px; border-style: solid; border-color: transparent transparent #888 transparent; vertical-align: bottom; overflow: hidden; }
#footer footer .relation_site aside div h2:hover span, #footer footer .relation_site aside div h2:active span, #footer footer .relation_site aside div h2:hover span, #footer footer .relation_site aside div h2.hover span,
#footer footer .relation_site aside div h3:hover span, #footer footer .relation_site aside div h3:active span, #footer footer .relation_site aside div h3:hover span, #footer footer .relation_site aside div h3.hover span	{ border-top-color: #0072b3; }
#footer footer .relation_site aside div ul	{ display: none; position: absolute; left: 0; bottom: 24px; z-index: 999; padding: 10px 0 5px 0; margin: 0; list-style: none; border-width: 1px 1px 0 1px; border-style: solid; border-color: #0072b3; background-color: #fff; }
#footer footer .relation_site aside div ul li	{ width: 142px; line-height: 20px; padding: 0; margin: 0 4px 0 9px; list-style: none; }
#footer footer .relation_site aside div ul li a	{ text-decoration: none; color: #444; font-size: 12px; white-space: nowrap; }
#footer footer .relation_site aside div ul li a:focus, #footer footer .relation_site aside div ul li a:hover, #footer footer .relation_site aside div ul li a:active	{ color: #e4353b; }

#footer footer .footer_menu	{}
#footer footer .footer_menu aside	{ width: 1000px; height: 40px; padding: 0; margin: 15px auto 0 auto; background: url(../image/footer_logo.png) no-repeat left 20px; }
#footer footer .footer_menu aside span.site_title	{ position: absolute; line-height: 70px; padding: 0 0 0 135px; font-size: 25px; color: #656565; }
#footer footer .footer_menu aside ul	{ height: 30px; padding: 10px 0 0 250px; margin: 0; list-style: none; }
#footer footer .footer_menu aside ul:after	{ display: block; clear: both; content: " "; }
#footer footer .footer_menu aside ul li	{ float: left; padding: 0; margin: 0; list-style: none; }
#footer footer .footer_menu aside ul li a	{ display: block; line-height: 20px; font-weight: bold; font-size: 13px; color: #323232; text-decoration: none; white-space: nowrap; }
#footer footer .footer_menu aside ul li a:focus, #footer footer .footer_menu aside ul li a:hover, #footer footer .footer_menu aside ul li a:active	{ color: #e4353b; }
#footer footer .footer_menu aside ul li a span	{ display: block; line-height: 1.1em; padding: 0 17px; border-left: 1px solid #323232; }
#footer footer .footer_menu aside ul li.f a span	{ padding-left: 0; border: 0 none; }

#footer footer .footer_info	{ width: 1000px; padding: 0; margin: 0 auto; background: url(../image/footer_logo.png) no-repeat left -20px; }
#footer footer .footer_info div	{ padding: 10px 0 0 250px; }
#footer footer .footer_info div address,
#footer footer .footer_info div p.copyright	{ line-height: 20px; padding: 0; margin: 0; font-style: normal; font-size: 12px; color: #555; }
#footer footer .footer_info div p.copyright strong	{ font-weight: normal; color: #00a1df; }




/**	MAIN	**/
#container.main	{ clear: both; }
#container.main #section	{}
#container.main #section:after	{ display: block; clear: both; content: " "; }


@keyframes bgScale {
	from	{ height: 558px; margin-top: -279px; }
	to		{ height: 465px; margin-top: -232.5px; }
}
#container.main .mainimage .list ul li.animation img	{ position: relative; top: 50%; height: 500px; margin-top: -232.5px; animation : bgScale 3000ms 1 ease-out; }

#container.main .mainimage	{}
#container.main .mainimage header	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .mainimage .list	{ position: relative; height: 500px; overflow: hidden; }
#container.main .mainimage .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .mainimage .list ul li	{ position: absolute; left: 50%; top: 0; width: 4000px; height: 100%; padding: 0; margin: 0 0 0 -2000px; list-style: none; overflow: hidden; }
#container.main .mainimage .list ul li > img	{ display: block; max-width: none; margin: 0 auto; }
#container.main .mainimage .list a	{ position: relative; left: 50%; display: block; width: 4000px; height: 100%; margin: 0 0 0 -2000px; }
#container.main .mainimage .list a img	{ display: block; max-width: none; margin: 0 auto; }
#container.main .mainimage .control	{ position: relative; width: 1000px; margin: 0 auto; }
#container.main .mainimage .control a.prev	{ position: absolute; left: 18px; bottom: 68px; z-index: 9; width: 73px; height: 73px; line-height: 73px; border: 1px solid #fff; color: #fff; font-size: 30px; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.1); }
#container.main .mainimage .control a.prev:after	{ content: "〈"; vertical-align: middle; }
#container.main .mainimage .control a.prev span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .mainimage .control a.prev:hover, #container.main .mainimage .control a.prev:active	{ background-color: rgba(0, 0, 0, 0.8); }
#container.main .mainimage .control a.next	{ position: absolute; left: 92px; bottom: 68px; z-index: 9; width: 73px; height: 73px; line-height: 73px; border: 1px solid #fff; color: #fff; font-size: 30px; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.1); }
#container.main .mainimage .control a.next:hover, #container.main .mainimage .control a.next:active	{ background-color: rgba(0, 0, 0, 0.8); }
#container.main .mainimage .control a.next:after	{ content: "〉"; vertical-align: middle; }
#container.main .mainimage .control a.next span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .mainimage .control a.playstop	{ position: absolute; left: 18px; bottom: 48px; z-index: 9; width: 149px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.1); }
#container.main .mainimage .control a.playstop:after	{ content: "▶"; vertical-align: middle; }
#container.main .mainimage .control a.playstop.play:after	{ content: "■"; vertical-align: middle; }
#container.main .mainimage .control a.playstop:focus, #container.main .mainimage .control a.playstop:hover, #container.main .mainimage .control a.playstop:active	{ background-color: rgba(0, 0, 0, 0.8); }
#container.main .mainimage .control a.playstop span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .mainimage .control .state,
#container.main .mainimage .control .list,
#container.main .mainimage .control .in_list	{ display: none; }






#container.main .bg0	{ clear: both; padding: 41px 0 44px 0; background: #bce1ed url(../image/main_link1_bg.png) repeat center center; }
#container.main .align0	{ width: 1000px; margin: 0 auto; }
#container.main .align0:after	{ display: block; clear: both; content: ""; }

#container.main .rolling_type2	{ position: relative; float: left; width: 490px; height: 250px; }
#container.main .rolling_type2 header	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .rolling_type2 .list	{}
#container.main .rolling_type2 .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .rolling_type2 .list ul li	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; overflow: hidden; }
#container.main .rolling_type2 .list ul li a	{ display: block; }
#container.main .rolling_type2 .list ul li img	{ display: block; border: 0 none; }
#container.main .rolling_type2 .control	{ position: absolute; left: 30px; bottom: 25px; line-height: 26px; color: #fff; font-size: 12px; }
#container.main .rolling_type2 .control:after	{ display: block; clear: both; content: " "; }
#container.main .rolling_type2 .control .state	{ float: left; width: 120px; }
#container.main .rolling_type2 .control a.prev	{ display: inline-block; width: 26px; text-align: center; color: #fff; }
#container.main .rolling_type2 .control a.prev:after	{ content: "〈"; vertical-align: middle; }
#container.main .rolling_type2 .control a.prev span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .rolling_type2 .control a.playstop	{ display: inline-block; width: 26px; text-align: center; color: #fff; }
#container.main .rolling_type2 .control a.playstop:after	{ content: "▶"; vertical-align: middle; }
#container.main .rolling_type2 .control a.playstop.play:after	{ content: "■"; vertical-align: middle; }
#container.main .rolling_type2 .control a.playstop span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .rolling_type2 .control a.next	{ display: inline-block; width: 26px; text-align: center; color: #fff; }
#container.main .rolling_type2 .control a.next:after	{ content: "〉"; vertical-align: middle; }
#container.main .rolling_type2 .control a.next span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .rolling_type2 .control .list,
#container.main .rolling_type2 .control .in_list	{ display: none; }

#container.main .tour_stamp	{ margin-right: 20px; }

#container.main .align1	{ width: 1000px; padding: 33px 0 40px 0; margin: 0 auto; }
#container.main .align1:after	{ display: block; clear: both; content: ""; }


#container.main .board	{ position: relative; float: left; width: 640px; height: 289px; margin: 0 40px 0 0; }
#container.main .board header	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .board h3	{ float: left; line-height: 59px; margin: 0; font-weight: normal; }
#container.main .board h3 a	{ position: relative; display: block; padding: 0 18px; font-size: 20px; font-weight: normal; }
#container.main .board h3 a:focus, #container.main .board h3 a:hover, #container.main .board h3 a:active, #container.main .board h3 a.active	{ font-weight: bold; color: #000; }
#container.main .board h3 a:focus:after, #container.main .board h3 a:hover:after, #container.main .board h3 a:active:after, #container.main .board h3 a.active:after	{ position: absolute; left: 50%; bottom: 7px; margin-left: -5px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #dc3e32 transparent transparent transparent; content: ""; }
#container.main .board .list	{ position: absolute; left: 0; top: 59px; width: 100%; height: 230px; background-color: #fff; }
#container.main .board .list ul	{ height: 228px; padding: 0; margin: 0; list-style: none; border: 1px solid #c8c8c8; }
#container.main .board .list ul li	{ line-height: 25px; padding: 0 25px; margin: 0; list-style: none; }
#container.main .board .list ul li.c1	{ padding-top: 15px; }
#container.main .board .list ul li a	{ position: relative; display: block; padding-left: 20px; }
#container.main .board .list ul li.c1 a	{ padding: 0 90px 5px 0; margin-bottom: 7px; border-bottom: 1px dashed #dcdcdc; }
#container.main .board .list ul li a:before	{ position: absolute; left: 5px; top: 0; display: block; margin-top: -3px; content: "→"; font-size: 10px; }
#container.main .board .list ul li.c1 a:before	{ content: none; }
#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.c1 a .title	{ line-height: 35px; font-weight: bold; font-size: 18px; }
#container.main .board .list ul li a .br1	{ display: none; }
#container.main .board .list ul li a .br2	{ display: none; }
#container.main .board .list ul li a .date	{ display: none; }
#container.main .board .list ul li.c1 a .date	{ position: absolute; right: 0; top: 0; display: block; line-height: 35px; font-style: normal; color: #636363; }
#container.main .board .list ul li.c1 a .contents	{ display: block; height: 50px; overflow: hidden; }

#container.main .board .list .more	{ position: absolute; right: 0; top: -39px; }
#container.main .board .list .more a	{ display: block; width: 18px; height: 18px; line-height: 16px; border: 1px solid #666; border-radius: 20px; color: #666; font-size: 20px; font-weight: normal; text-align: center; }
#container.main .board .list .more a:after	{ content: "+"; }
#container.main .board .list .more a span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }


#container.main .festival	{ position: relative; float: left; width: 320px; height: 289px; margin: 0; }
#container.main .festival header	{}
#container.main .festival header h2	{ line-height: 59px; margin: 0; font-size: 20px; font-weight: bold; }
#container.main .festival .box	{ position: relative; height: 207px; padding: 21px 17px 0 17px; border: 1px solid #c6c6c6; background-color: #f9fafb; }
#container.main .festival .box:after	{ display: block; clear: both; content: ""; }
#container.main .festival .box h3	{ float: left; width: 63px; height: 33px; line-height: 31px; margin: 0 0 0 8px; border: 1px solid #d9d9d9; text-align: center; color: #636363; background-color: #fff; }
#container.main .festival .box h3:first-child	{ margin-left: 0; }
#container.main .festival .box h3:focus, #container.main .festival .box h3:hover, #container.main .festival .box h3:active, #container.main .festival .box h3.active	{ background-color: #0778a7; color: #fff; }
#container.main .festival .box .list	{ position: absolute; left: 17px; top: 62px; width: 282px; height: 143px; border: 1px solid #d9d9d9; background-color: #fff; overflow: auto; }
#container.main .festival .box .list ul	{  padding: 10px; margin: 0; list-style: none; }
#container.main .festival .box .list ul li	{ position: relative; line-height: 20px;padding: 3px 0 3px 20px;; margin: 0; list-style: none; }
#container.main .festival .box .list ul li:before	{ position: absolute; left: 7px; top: 11px; width: 3px; height: 3px; content: ""; background-color: #0778a7; }



#container.main .popupzone	{ position: relative; float: left; width: 320px; height: 289px; }
#container.main .popupzone header	{}
#container.main .popupzone header h2	{ height: 59px; line-height: 59px; padding-left: 10px; margin: 0; font-size: 23px; }
#container.main .popupzone header h2:after	{ color: #898989; font-size: 12px; content: " POP-UP"; }
#container.main .popupzone .list	{ height: 230px; }
#container.main .popupzone .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .popupzone .list ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .popupzone .list ul li span.empty	{ display: block; line-height: 228px; border: 1px solid #c9c9c9; background-color: #fafafa; text-align: center; }
#container.main .popupzone .list ul li a	{ display: block; cursor: pointer; }
#container.main .popupzone .list ul li img	{ display: block; width: 320px; height: 230px; border: 0 none; }
#container.main .popupzone .control	{ width: 320px; }
#container.main .popupzone .control .state	{ margin-left: 120px; }
#container.main .popupzone .control .in_list	{ left: 319px; top: -205px; }
#container.main .popupzone .control	{ position: absolute; left: 0; bottom: 0; width: 320px; height: 25px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); }
#container.main .popupzone .control a	{ margin: 4px 0 0 5px; vertical-align: top; }
#container.main .popupzone .control a span	{ position: absolute; z-index: -1; width: 15px; height: 15px; overflow: hidden; }
#container.main .popupzone .control a.prev	{ display: inline-block; width: 15px; height: 15px; margin-left: 10px; background: url(../image/main_popupzone_ctrl.png) no-repeat 0px 0px; }
#container.main .popupzone .control a.playstop	{ display: inline-block; width: 15px; height: 15px; background: url(../image/main_popupzone_ctrl.png) no-repeat -30px 0px; }
#container.main .popupzone .control a.play	{ background-position: -15px 0px; }
#container.main .popupzone .control a.next	{ display: inline-block; width: 15px; height: 15px; background: url(../image/main_popupzone_ctrl.png) no-repeat -45px 0px; }
#container.main .popupzone .control .state	{ display: inline-block; width: 50px; line-height: 25px; margin-left: 120px; text-align: right; color: #eee; letter-spacing: 2px; }
#container.main .popupzone .control a.list	{ color: #fff; }
#container.main .popupzone .control a.list:focus, #container.main .popupzone .control a.list:hover, #container.main .popupzone .control a.list:active, #container.main .popupzone .control a.list.active	{ color: red; }
#container.main .popupzone .control a.list span	{ position: static; z-index: 1; width: auto; height: auto; line-height: 25px; margin-left: 15px; }
#container.main .popupzone .control .in_list	{ position: absolute; left: 319px; top: -150px; z-index: 999; border: 1px solid #c6c6c6; background-color: #fff; }
#container.main .popupzone .control .in_list ul	{ width: 200px; padding: 10px; margin: 0; list-style: none; }
#container.main .popupzone .control .in_list ul li	{ padding: 0 0 0 10px; margin: 0; list-style: none; background: url(../image/bullet_3x3_green.png) no-repeat left center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.main .popupzone .control .in_list a:focus, #container.main .popupzone .control .in_list a:hover, #container.main .popupzone .control .in_list a:active, #container.main .popupzone .control .in_list a.active	{ color: red; }


#container.main .link3	{ position: relative; float: left; width: 320px; height: 289px; }
#container.main .link3 header	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .link3 .list	{}
#container.main .link3 .list:after	{ display: block; clear: both; content: ""; }
#container.main .link3 .list1	{ float: left; width: 230px; padding: 0; margin: 0 26px 0 0; list-style: none; }
#container.main .link3 .list1 li	{ padding: 0; margin: 0; list-style: none; }
#container.main .link3 .list1 li a	{ display: block; height: 125px; background: url(../image/main_link2_1.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#container.main .link3 .list1 li.c1 a	{ background-position: 0 0; }
#container.main .link3 .list1 li.c2 a	{ background-position: 0 -125px; }
#container.main .link3 .list1 li.c1 a:focus, #container.main .link3 .list1 li.c1 a:hover, #container.main .link3 .list1 li.c1 a:active	{ background-position: 0 -250px; }
#container.main .link3 .list1 li.c2 a:focus, #container.main .link3 .list1 li.c2 a:hover, #container.main .link3 .list1 li.c2 a:active	{ background-position: 0 -375px; }
#container.main .link3 .list1 li.c2 a:focus, #container.main .link3 .list1 li.c2 a:hover, #container.main .link3 .list1 li.c2 a:active	{ background-position: 0 -375px; }

#container.main .link2	{ clear: both; padding: 41px 0 0 0; }
#container.main .link2 header	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }
#container.main .link2 .list	{ width: 1000px; margin: 0 auto; }
#container.main .link2 .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .link2 .list ul:after	{ display: block; clear: both; content: ""; }
#container.main .link2 .list ul li	{ float: left; width: 230px; padding: 0; margin: 0 13px; list-style: none; }
#container.main .link2 .list ul li:first-child	{ margin-left: 0; margin-right: 14px; }
#container.main .link2 .list ul li:last-child	{  margin-left: 14px;margin-right: 0; }
#container.main .link2 .list ul li a	{ display: block; height: 105px; background: url(../image/main_link3.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#container.main .link2 .list ul li.c1 a	{ background-position: 0 0; }
#container.main .link2 .list ul li.c2 a	{ background-position: -257px 0; }
#container.main .link2 .list ul li.c3 a	{ background-position: -513px 0; }
#container.main .link2 .list ul li.c4 a	{ background-position: -770px 0; }
#container.main .link2 .list ul li.c1 a:focus, #container.main .link2 .list ul li.c1 a:hover, #container.main .link2 .list ul li.c1 a:active	{ background-position: 0 -105px; }
#container.main .link2 .list ul li.c2 a:focus, #container.main .link2 .list ul li.c2 a:hover, #container.main .link2 .list ul li.c2 a:active	{ background-position: -257px -105px; }
#container.main .link2 .list ul li.c3 a:focus, #container.main .link2 .list ul li.c3 a:hover, #container.main .link2 .list ul li.c3 a:active	{ background-position: -513px -105px; }
#container.main .link2 .list ul li.c4 a:focus, #container.main .link2 .list ul li.c4 a:hover, #container.main .link2 .list ul li.c4 a:active	{ background-position: -770px -105px; }


#container.main .banner	{ clear: both; height: 80px; padding: 0; margin: 42px 0 0 0; border: 1px solid #c8c8c8; }
#container.main .banner:after	{ display: block; clear: both; content: ""; }
#container.main .banner header	{ float: left; width: 198px; line-height: 80px; }
#container.main .banner header h2	{ padding-left: 30px; margin: 0; font-weight: bold; font-size: 20px; }
#container.main .banner .list	{ position: relative; float: left; width: 800px; margin: 14px 0 14px 0; }
#container.main .banner .list ul	{ padding: 0; margin: 0; list-style: none; }
#container.main .banner .list ul:after	{ display: block; clear: both; content: " "; }
#container.main .banner .list ul li	{ float: left; padding: 0; margin: 0 10px 0 0; list-style: none; }
#container.main .banner .list .empty	{ display: block; line-height: 50px; }
#container.main .banner .list a	{ display: block; width: 150px; height: 50px; overflow: hidden;; }
#container.main .banner .list img	{ display: block; border: 0 none; }

#container.main .banner .list .prev	{ position: absolute; left: -108px; top: 13px; display: block; width: 25px; height: 25px; line-height: 21px; border: 2px solid #aeaeae; border-radius: 27px; color: #aeaeae; text-align: center; font-size: 25px; }
#container.main .banner .list .prev:before	{ content: "＜"; }
#container.main .banner .list .prev span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }

#container.main .banner .list .playstop	{ position: absolute; left: -78px; top: 13px; display: block; width: 25px; height: 25px; line-height: 21px; border: 2px solid #aeaeae; border-radius: 27px; color: #aeaeae; text-align: center; font-size: 15px; font-weight: bold; }
#container.main .banner .list .playstop:before	{ content: "||"; }
#container.main .banner .list .playstop.play:before	{ content: "▶"; }
#container.main .banner .list .playstop span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }

#container.main .banner .list .next	{ position: absolute; left: -48px; top: 13px; display: block; width: 25px; height: 25px; line-height: 21px; border: 2px solid #aeaeae; border-radius: 27px; color: #aeaeae; text-align: center; font-size: 25px; }
#container.main .banner .list .next:before	{ content: "＞"; }
#container.main .banner .list .next span	{ position: absolute; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; }












/**	SUB GNB	**/
#container.sub	{ width: 1000px; min-height: 500px; margin: 0 auto; }
#container.sub:after	{ display: block; clear: both; content: " "; }
#container.sub #section	{ float: right; width: 730px; }
#container.sub #section section	{ min-height: 600px; padding-right: 20px; }

#container.sub #SUB-GNB	{ float: left; width: 240px; }
#container.sub #SUB-GNB .submenu	{}

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

#SUB-GNB ul.ld1	{}
#SUB-GNB li.cd1	{}
#SUB-GNB a.l1	{ display: block; height: 140px; line-height: 53px; padding: 0 0 0 22px; border-bottom: 1px solid #e2e2e2; text-decoration: none; font-size: 20px; font-weight: bold; color: #fff; background: #0556b7 url(../image/subgnb_depth1_bg.png) no-repeat 0 0; cursor: default; }
#SUB-GNB a.l1 span	{ display: inline-block; padding: 15px 3px 0 3px; border-bottom: 1px solid #fff; }

#SUB-GNB ul.ld2	{ padding: 0 10px 10px 10px; background-color: #f1f1f1; }
#SUB-GNB li.cd2	{ margin-bottom: 1px; }
#SUB-GNB li.cd2:last-child	{ margin-bottom: 0; }
#SUB-GNB a.l2	{ position: relative; display: block; line-height: 20px; padding: 11px 25px 12px 22px; border: 1px solid #d2d2d2; background-color: #fff; color: #333; font-size: 14px; font-weight: bold; text-decoration: none; cursor: pointer; }
/*#SUB-GNB a.l2:focus, #SUB-GNB a.l2:hover, #SUB-GNB a.l2:active,*/ 
#SUB-GNB a.l2.open	{ color: #ed1e58; }
#SUB-GNB a.l2:focus:before, #SUB-GNB a.l2:hover:before, #SUB-GNB a.l2:active:before, #SUB-GNB a.l2.open:before	{ position: absolute; left: 0; top: 0; width: 4px; height: 100%; background-color: #1c6a6c; content: ""; }
#SUB-GNB a.l2.dir_open:after	{ position: absolute; right: 14px; top: 50%; line-height: 20px; margin-top: -10px; content: "▶"; font-size: 10px; color: #cc2323; }
#SUB-GNB a.l2.dir_close:after	{ position: absolute; right: 14px; top: 50%; line-height: 20px; margin-top: -10px; content: "▶"; font-size: 10px; }

#SUB-GNB ul.ld3	{ padding: 10px 0 10px 10px; margin: 1px 0 2px 9px; border: 1px solid #d2d2d2; background-color: #fff; }
#SUB-GNB li.cd3	{}
#SUB-GNB li.cd3.hasChild	{ padding: 0 10px 10px 0; }
#SUB-GNB a.l3	{ display: block; line-height: 17px; padding: 4px 0 4px 17px; color: #333; font-size: 13px; font-weight: bold; text-decoration: none; background: url(../../dy21/image/bullet_6x1_gray.png) no-repeat 5px 12px; cursor: pointer; }
#SUB-GNB a.l3:focus, #SUB-GNB a.l3:hover, #SUB-GNB a.l3:active, #SUB-GNB a.l3.open	{ color: #ed1e58; }

#SUB-GNB ul.ld4	{ padding: 5px 10px 5px 15px; border-width: 1px 0; border-style: solid; border-color: #d2d2d2; background-color: #fff; }
#SUB-GNB li.cd4	{}
#SUB-GNB a.l4	{ display: block; line-height: 15px; padding: 4px 0 4px 10px; color: #555; font-size: 13px; text-decoration: none; background: url(../../dy21/image/bullet_3x3_gray.png) no-repeat left 10px;  cursor: pointer; }
#SUB-GNB a.l4:focus, #SUB-GNB a.l4:hover, #SUB-GNB a.l4:active, #SUB-GNB a.l4.open	{ color: #ed1e58; }




/**	SUB	**/
#container.sub	{ position: relative; z-index: 1; }
#container.sub #section section	{}
#container.sub #section section header	{ position: relative; padding-top: 55px; }
#container.sub #section section header h1	{ position: relative; line-height: 100px; padding: 0 0 0 5px; margin: 0; color: #111; font-size: 33px; font-weight: bold; text-decoration: none; }
#container.sub #section section header h1:before	{ position: absolute; left: 0; top: 0; width: 135px; height: 4px; background-color: #1c6a6c; content: ""; }
#container.sub #section section header .menu_path	{ position: absolute; left: 10px; top: 0; }
#container.sub #section section header .menu_path p	{ line-height: 55px; margin: 0; color: #555; text-decoration: none; }

#container.sub #section section header aside	{ position: absolute; right: 10px; top: 40px; }
#container.sub #section section header aside:after	{ display: block; clear: both; content: " "; }
#container.sub #section section header aside ul	{ float: right; padding: 0 10px; margin: 0; list-style: none; }
#container.sub #section section header aside ul li	{ position: relative; float: left; padding: 0; margin: 0 0 0 5px; list-style: none; }
#container.sub #section section header aside a	{ display: block; height: 18px; padding: 0; margin: 0; white-space: nowrap; overflow: hidden; background: url(../../dy21/image/sub_tools.png) no-repeat; cursor: pointer; vertical-align: top; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
#container.sub #section section header aside a span	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }
#container.sub #section section header aside a.twitter	{ width: 19px; background-position: 0px 0px; }
#container.sub #section section header aside a.facebook	{ width: 19px; background-position: -19px 0px; }
#container.sub #section section header aside a.clipboard	{ width: 45px; background-position: -38px 0px; }
#container.sub #section section header aside a.print	{ width: 55px; background-position: -83px 0px; }
#container.sub #section section header aside a.favorite	{ width: 55px; background-position: -138px 0px; }

#container.sub #section section #contents	{ margin: 0 0 20px 0; }
#container.sub #section section #contents:after	{ display: block; clear: both; content: " "; }

#contents img	{ max-width: 100%; }






/****************************************************************************************************************************
	MOBILE
****************************************************************************************************************************/
@media all and ( max-width: 669px )
{
/*
	body	{ background-color: gray; }
	#body	{ width: 320px; margin: 0 auto; background-color: white; }
*/

	
	.mobileMinVerticalWidth200px	{ width: 200px !important; }

	#GNB aside	{ border: 0 none; background-color: transparent; }
	#GNB aside .aside	{ width: auto; margin: 0; }
	#GNB aside .aside .other_site ul li	{ display: none; }
	#GNB aside .aside .other_site ul li:nth-child(1)	{ display: block !important; }
	#GNB aside .aside .other_site ul li:nth-child(1) a	{ display: block; width: 200px; height: 50px; padding: 0; border: 0 none; background: url(../image/gnb_logo.png) no-repeat left top; background-size: 115px 50px; }
	#GNB aside .aside .other_site ul li:nth-child(1) a span	{ position: absolute; z-index: -1; }

	#GNB aside .aside .menu_custom	{ float: right; }
	#GNB aside .aside .menu_custom .member ul li	{ display: none; }
	#GNB aside .aside .menu_custom .member ul li:nth-child(1),
	#GNB aside .aside .menu_custom .member ul li:nth-child(2)	{ display: block; float: left; }
	#GNB aside .aside .menu_custom .member ul li:nth-child(1) a,
	#GNB aside .aside .menu_custom .member ul li:nth-child(2) a	{ display: block; width: 50px; height: 50px; padding: 0; background: url(../../dy21/image/gnb_mobile_nav.png) no-repeat left top; background-size: 150px 50px; }
	#GNB aside .aside .menu_custom .member ul li:nth-child(2) a	{ background-position: -50px top; }
	#GNB aside .aside .menu_custom .member ul li:nth-child(2) a:focus, #GNB aside .aside .menu_custom .member ul li:nth-child(2) a:hover, #GNB aside .aside .menu_custom .member ul li:nth-child(2) a:active, #GNB aside .aside .menu_custom .member ul li:nth-child(2) a.active	{ background-position: -100px top; }
	#GNB aside .aside .menu_custom .member ul li:nth-child(1) a span,
	#GNB aside .aside .menu_custom .member ul li:nth-child(2) a span	{ position: absolute; z-index: -1; line-height: 20px; }
	#GNB aside .aside .menu_custom .foreigner	{ display: none; }
	#GNB aside .aside .menu_custom .member ul li:nth-child(1)	{ display: block; float: left; }
	
	#GNB aside .aside .search	{ display: none; }
	#GNB aside .aside .weather	{ display: none; }

	#GNB nav	{ height: auto; margin: 0; border-bottom: 2px solid #2b6cc0; background-color: #fff !important; }
	#GNB nav.season_spring	{ border-color: #82be2a; }
	#GNB nav.season_summer	{ border-color: #2b6cc0; }
	#GNB nav.season_autumn	{ border-color: #f16c00; }
	#GNB nav.season_winter	{ border-color: #7d7d7d; }
	#GNB nav .topmenu	{ display: none; width: auto; border-top: 2px solid #2b6cc0; }
	#GNB nav.season_spring .topmenu	{ border-color: #82be2a; }
	#GNB nav.season_summer .topmenu	{ border-color: #2b6cc0; }
	#GNB nav.season_autumn .topmenu	{ border-color: #f16c00; }
	#GNB nav.season_winter .topmenu	{ border-color: #7d7d7d; }
	#GNB nav .topmenu ul.ld1	{ float: none; }
	#GNB nav .topmenu li.cd1	{ float: none; }
	#GNB nav .topmenu a.l1	{ width: auto; line-height: 30px; font-size: 18px; color: #fff; }
	#GNB nav.season_spring .topmenu a.l1	{ background-color: #82be2a !important; }
	#GNB nav.season_summer .topmenu a.l1	{ background-color: #2b6cc0 !important; }
	#GNB nav.season_autumn .topmenu a.l1	{ background-color: #f16c00 !important; }
	#GNB nav.season_winter .topmenu a.l1	{ background-color: #7d7d7d !important; }
	#GNB nav .topmenu a.l1:focus, #GNB nav .topmenu a.l1:hover, #GNB nav .topmenu a.l1:active, #GNB nav .topmenu a.l1.open, #GNB nav .topmenu a.l1.over	{ line-height: 30px; border: 0 none; }
	#GNB nav .topmenu ul.ld1 li.cd1c1 a.l1	{ display: none; }
	#GNB nav .topmenu ul.ld1 li.cd1c2 a.l1	{ height: auto; background: none; font-size: 18px; color: #fff; }
	#GNB nav .topmenu ul.ld1 li.cd1c2 a.l1 span	{ position: static; z-index: 1; }
	
	#GNB nav .topmenu ul.ld2	{ width: auto !important; padding: 5px 10px; margin: 0; background: none; }
	#GNB nav .topmenu ul.ld2:after	{ display: block; clear: both; content: " "; }
	#GNB nav .topmenu li.cd2	{ float: left; width: 50%; margin: 0 !important; }
	#GNB nav .topmenu li.cd2:nth-child(2n+1)	{ clear: left; }
	#GNB nav .topmenu a.l2	{ padding-right: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	
	#container.main	{ width: auto; min-height: 0; margin: 0; }
	#container.main .mainimage,
	#container.main .mainimage *,
	#container.main .link1,
	#container.main .link1 *,
	#container.main .business,
	#container.main .business *,
	#container.main .banner,
	#container.main .banner *	{ display: none; }
	
	#container.main .popupzone	{ float: none; margin: 0 auto 25px auto; }
	#container.main .popupzone .control a.list	{ display: none; }
	#container.main .popupzone .control .state	{ margin-left: 200px; }
	
	#container.main .board	{ float: none; margin: 0 auto 25px auto; }
	
	#container.main .link2	{ float: none; width: 320px; height: auto; margin: 0 auto 25px auto; }
	#container.main .link2 .list ul:after	{ display: block; clear: both; content: " "; }
	#container.main .link2 .list ul li	{ float: left; width: 50%; margin: 0; }
	#container.main .link2 .list ul li a	{ height: 45px; background-image: url(../image/main_link2_mobile.png); background-size: 320px; }
	#container.main .link2 .list ul li.c1 a	{ background-position: 0px 0px; }
	#container.main .link2 .list ul li.c2 a	{ background-position: -160px 0px; }
	#container.main .link2 .list ul li.c3 a	{ background-position: 0px -45px; }
	#container.main .link2 .list ul li.c4 a	{ background-position: -160px -45px; }

	#container.main .link3	{ float: none; width: 320px; height: auto; margin: 0 auto 25px auto; }
	#container.main .link3 .list ul li	{ float: left; width: 25%; margin: 0; }
	#container.main .link3 .list ul li a	{ width: auto; height: 113px; background-image: url(../image/main_link3_mobile.png); background-size: 320px; }
	#container.main .link3 .list ul li.c1 a	{ background-position: 0px 0px; }
	#container.main .link3 .list ul li.c2 a	{ background-position: -80px 0px; }
	#container.main .link3 .list ul li.c3 a	{ background-position: -160px 0px; }
	#container.main .link3 .list ul li.c4 a	{ background-position: -240px 0px; }
	#container.main .link3 .list ul li a span	{ width: 80px; }

	#footer	{ padding: 0; background-color: #eaeaea;  }
	#footer footer .relation_site	{ display: none; }
	#footer footer .footer_menu	{ display: none; }
	#footer footer .footer_info	{ width: auto; background: none; }
	#footer footer .footer_info div	{ padding: 0; }
	#footer footer .footer_info div address	{ display: none; }
	#footer footer .footer_info div p.copyright	{ padding: 20px 0; line-height: 20px; text-align: center; }
	

	#container.sub	{ width: auto; min-height: 0; margin: 25px 0; }
	#container.sub #section	{ float: none; width: auto; }
	#container.sub #section section	{ padding: 5px; border-width: 1px 0; background: none; }
	#container.sub #section section #contents	{ overflow-x: auto; }
	#container.sub #section section header h1	{ margin-bottom: 30px; }

	#container.sub #SUB-GNB	{ position: absolute; right: 0; top: -25px; z-index: 999; float: none; width: 100%; }
	#container.sub #SUB-GNB .open_submenu	{ display: block; line-height: 30px; padding: 0 10px; background-color: #2b6cc0; text-align: right; font-size: 15px; font-weight: bold; color: #fff; text-decoration: none; }
	#container.sub #SUB-GNB.season_spring .open_submenu	{ background-color: #82be2a; }
	#container.sub #SUB-GNB.season_summer .open_submenu	{ background-color: #2b6cc0; }
	#container.sub #SUB-GNB.season_autumn .open_submenu	{ background-color: #f16c00; }
	#container.sub #SUB-GNB.season_winter .open_submenu	{ background-color: #7d7d7d; }
	#container.sub #SUB-GNB .submenu	{ display: none; padding-bottom: 20px; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }
}