@charset "euc-kr";
/* reset */
@import url(reset.css);
@import url(style.css);

body, height {height: 100%;}

body { 
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 75%;
	font-family: "µ¸¿ò", Dotum, sans-serif;
	color: #636363;
	list-style: none;
	line-height: 18px;
}

.point_color10 {color: #3b84b1}


/* ÆÄÀÏ ¼û±è */
.skip_navigation, .blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}

/* Àüü */
#wrapper {position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: left; background: url(../make_img/prcenter/bg_section01.jpg) no-repeat center top; border: 0px solid black; font-size: 1em;}

/* »ó´Ü */
#header {position: fixed; top: 0; left: 0; width: 100%; height: 109px; padding-bottom: 18px; background: url(../make_img/common/bg_topemnu_shadow02.png) repeat-x left 109px; z-index: 10000;}
#header:after {content: ""; clear: both; display: block;}

#header .bg_blue {position: absolute; top: 59px; left: 0; width: 100%; height: 50px; background: url(../make_img/common/bg_topmenu_blue.gif) repeat-x left bottom; border: 0px solid red;}
#header .bg_orange {position: absolute; top: 59px; left: 50%; margin-left: 274px; width: 100%; height: 50px; background: url(../make_img/common/bg_topmenu_orange.gif) repeat-x right bottom; border: 0px solid red;}


#header .header_area {width: 1000px; height: 59px; margin: 0 auto; border: 0px solid red;}
#header .header_area:after {content: ""; display: block; clear: both;}
#header .header_area .logo {float: left; padding-top: 10px; padding-left: 3px; border: 0px solid red;}
#header .header_area .logo:after {content: ""; display: block; clear: both;}
#header .header_area .logo img {float: left; display: block; border: 0px solid red;}

.gnb_area {float: right; padding-top: 28px;border: 0px solid red;}
.gnb_area dl {float: left;}
.gnb_area dl a, .gnb_area dl img {display: block;}
.gnb_area dl{float: left;}
.gnb_area dl dt {float: left; margin-right: 15px}
.gnb_area dl dd {float: left; padding: 0 7px 0 6px; line-height: 9px; background: url(../make_img/common/icon_bar_row01.png) no-repeat right top;}
.gnb_area dl dd.none {background: transparent;}

/* ¸ÞÀθ޴º */
#topmenu {position: relative; clear: both; width: 100%; margin: 0; padding: 0; border: 0px solid red;}
#topmenu ul {width: 1000px; margin: 0 auto; padding: 17px 0;}
#topmenu ul li {float: left; padding: 0 18px 0 20px; background: url(../make_img/common/icon_bar_row02.png) no-repeat right 5px}
#topmenu ul li a img {display: block; padding-bottom: 30px; border: 0px solid red;}
#topmenu ul li.none {background: transparent;}
#topmenu ul li.pr_none {padding-right: 0;}
#topmenu ul ul {display: none; position: absolute; left:0; top: 50px; width: 100%; min-height: 45px; line-height: 30px; vertical-align: center; margin: 0; padding:0; list-style: none; text-align: center; background: url(../make_img/common/bg_topmenu02.png) repeat}
#topmenu ul ul li {display: inline-block; *display: inline; zoom: 1; text-align: left; padding:10px 0 5px 0; margin:0; text-align: left; white-space: normal; background: transparent;}
#topmenu ul ul li a { display: inline-block; padding: 0 8px; color:#fff; font-weight: bold; border:0px solid green;}
#topmenu ul ul li a.on, #topmenu ul ul li a:hover { font-weight: bold; color:#ffc129; text-decoration: none; }

#topmenu ul ul li.menu_on a{ font-weight: bold; color:#ffc129;}

#topmenu ul ul#top2m1 div {position: absolute; left: 50%; margin-left: -485px; border:0px solid green;}
#topmenu ul ul#top2m2 div {position: absolute; left: 50%; margin-left: -485px; border: 0px solid green;}
#topmenu ul ul#top2m3 div {position: absolute; left: 50%; margin-left: -485px; border:0px solid green;}
#topmenu ul ul#top2m4 div {position: absolute; left: 50%; margin-left: -485px; border:0px solid green;}
#topmenu ul ul#top2m5 div {position: absolute; left: 50%; margin-left: -25px; border:0px solid green;}
#topmenu ul ul#top2m6 div {position: absolute; left: 50%; margin-left: 70px; border:0px solid green;}
#topmenu ul ul#top2m7 div {position: absolute; left: 50%; margin-left: -160px; border:0px solid green;}
#topmenu ul ul#top2m8 div {position: absolute; left: 50%; margin-left: -285px; border:0px solid green;}
#topmenu ul ul#top2m9 div {position: absolute; left: 50%; margin-left: 20px; border:0px solid green;}

.btn_totalmenu {display: inline-block; margin-left: 16px; margin-top: -25px;}
.btn_totalmenu img {display: block;}


/*
ul#top1ma { position: absolute; left: 554px; top: 56px; list-style: none; margin: 0; padding: 0; border:0px solid green;}
ul#top1ma li { float: left; display: inline; margin: 0; padding: 0; }
ul#top1ma li img { vertical-align: top; }


ul#top1ma { position: absolute; left: 554px; top: 56px; list-style: none; margin: 0; padding: 0; border:0px solid green;}
ul#top1ma li { float: left; display: inline; margin: 0; padding: 0; }
ul#top1ma li img { vertical-align: top; }
*/

/* ¸ÞÀμ­ºê¸Þ´º */
#top_submenu {display: none; position: fixed; top: 109px; left: 50%; margin-left: -500px; width: 1000px; height: 487px; text-align: left; background: #fff; border-bottom: 1px solid #3c3c3c; z-index: 10000; overflow: hidden;}
#top_submenu .left_submenu {float: left; width: 774px;}
#top_submenu .submenu_top {width: 100%; height: 286px; background: url(../make_img/common/bg_submenu_col.png) repeat-x left bottom; overflow: hidden;}
#top_submenu .submenu_top dl {float: left; width: 167px; height: 263px; padding-left: 26px; padding-top: 23px; background: url(../make_img/common/bg_submenu_row.png) repeat-y right top;}
#top_submenu .submenu_top dl.last {float: left; width: 169px; height: 263px; padding-left: 26px; padding-top: 23px; background: transparent;}
#top_submenu .submenu_top dt {margin: 0; padding-bottom: 12px;}
#top_submenu .submenu_top dt img {display: block;}
#top_submenu .submenu_top dd {padding-left: 13px; background: url(../make_img/common/icon_buller_submenu01.png) no-repeat 2px 7px;}
#top_submenu .submenu_top dd a, #top_submenu .submenu_top dd img {display: block;}
#top_submenu .submenu_top dd a:hover {text-decoration: underline;}


#top_submenu .submenu_bottom {width: 100%; height: 201px;}
#top_submenu .submenu_bottom dl {float: left; width: 167px; height: 178px; padding-left: 26px; padding-top: 23px; background: url(../make_img/common/bg_submenu_row.png) repeat-y right top;}
#top_submenu .submenu_bottom dl.last {float: left; width: 169px; height: 263px; padding-left: 26px; padding-top: 23px; background: transparent;}
#top_submenu .submenu_bottom dt {margin: 0; padding-bottom: 12px;}
#top_submenu .submenu_bottom dt img {display: block;}
#top_submenu .submenu_bottom dd {padding-left: 13px; background: url(../make_img/common/icon_buller_submenu01.png) no-repeat 2px 7px;}
#top_submenu .submenu_bottom dd a, #top_submenu .submenu_top dd img {display: block;}
#top_submenu .submenu_bottom dd a:hover {text-decoration: underline;}

#top_submenu .right_submenu {float: right; width: 199px; height: 464px; padding-top: 23px; padding-left: 27px; background: #696666;}
#top_submenu .right_submenu dl {padding-bottom: 56px; border: 0px solid red;}
#top_submenu .right_submenu dl dt {margin-bottom: 14px;}
#top_submenu .right_submenu dl dt img {display: block;}
#top_submenu .right_submenu dd {padding-left: 13px; background: url(../make_img/common/icon_buller_submenu02.png) no-repeat 2px 7px;}
#top_submenu .right_submenu dd a, #top_submenu .submenu_top dd img {display: block; color: #bbbbbb;}
#top_submenu .right_submenu dd a:hover {text-decoration: underline;}

.btn_close {position: absolute; bottom: 0; right: 0;}
.btn_close img {display: block;}

/* º»¹® */
#container {margin: 0; padding: 0;}

/* º»¹® */

#nav{list-style: none; position: fixed; top: 50%; right: 10px; margin-left: 550px; z-index: 999; margin-top: -50px; z-index: 100}
#nav li {margin: -15px 0; text-indent: -5000em; border: 0px solid red;}

#nav li.section_menu01 a {position: relative; display: block; width: 99px; height: 66px; background: url(../make_img/prcenter/contents_navigation01_off.png) no-repeat 0 0; z-index: 130}
#nav li.section_menu02 a {position: relative; display: block; width: 99px; height: 66px; background: url(../make_img/prcenter/contents_navigation02_off.png) no-repeat 0 0; z-index: 120}


#nav li.section_menu01 a:hover {position: relative; display: block; width: 99px; height: 66px; background: url(../make_img/prcenter/contents_navigation01_on.png) no-repeat 0 0; z-index: 130}
#nav li.section_menu02 a:hover {position: relative; display: block; width: 99px; height: 66px; background: url(../make_img/prcenter/contents_navigation02_on.png) no-repeat 0 0; z-index: 120}

#nav li.section_menu01 a.on  {position: relative; display: block; width: 99px; height: 66px; background: url(../make_img/prcenter/contents_navigation01_on.png) no-repeat 0 0; z-index: 130}
#nav li.section_menu02 a.on {position: relative; display: block; width: 99px; height: 66px; background: url(../make_img/prcenter/contents_navigation02_on.png) no-repeat 0 0; z-index: 120}


/* ¼½¼Ç 1 */
.section {position: relative; width: 100%; border: 0px solid red;}

#section01 {position: relative; width: 1000px; height: 730px; margin: 0 auto; border: 0px solid red;}
.section_area {position: absolute; bottom: 0; left: 0; width: 1000px; overflow: hidden; border: 0px solid red;}
.title_section_h2 {margin-bottom: 30px;}
.title_section_h2 img {display: block;}

.btn_movie {float: left; margin-right: 5px;}
.btn_movie img {display: block;}
.btn_borchure {float: left; margin-right: 5px;}
.btn_borchure img {display: block;}

.section_box01 {float: left; width: 203px;}
.section_box01 .section_box01_01 {width: 188px; height: 137px; margin-bottom: 6px; padding-top: 24px; padding-left: 15px; background: url(../make_img/prcenter/bg_section01_01.png) no-repeat left top; background-size: cover}
.section_box01 .section_box01_01 h3 {margin-bottom: 15px;}
.section_box01 .section_box01_01 h3 img {display: block;}
.section_box01 .section_box01_01 p img {display: block;}

.section_box01 .section_box01_02 {width: 188px; height: 140px; padding-top: 24px; padding-left: 15px; background: url(../make_img/prcenter/bg_section01_02.png) no-repeat left top; background-size: cover}
.section_box01 .section_box01_02 h3 {margin-bottom: 15px;}
.section_box01 .section_box01_02 h3 img {display: block;}
.section_box01 .section_box01_02 p img {display: block;}

/* ¼½¼Ç 2 */
#section02 {width: 100%;}
.section_area02 {position: relative; width: 1000px; margin: 0 auto; padding-bottom: 100px; overflow: hidden; border: 0px solid red;}

.tabmenu {display: block; width: 328px; height: 28px; margin: 0 auto 15px auto; padding: 4px; background: url(../make_img/prcenter/bg_tabmenu.png) no-repeat left top;}
.tabmenu li {float: left; width: 82px; height: 28px}
.tabmenu li a {position: relative; display: block; width: 82px; height: 28px; text-indent: -5000em;}
.tabmenu li.menu01 a {background: url(../make_img/prcenter/tabmeun_gallary01_off.png) no-repeat 0 0;}
.tabmenu li.menu02 a {background: url(../make_img/prcenter/tabmeun_gallary02_off.png) no-repeat 0 0;}
.tabmenu li.menu03 a {background: url(../make_img/prcenter/tabmeun_gallary03_off.png) no-repeat 0 0;}
.tabmenu li.menu04 a {background: url(../make_img/prcenter/tabmeun_gallary04_off.png) no-repeat 0 0;}

.tabmenu li.menu01 a:hover {background: url(../make_img/prcenter/tabmeun_gallary01_on.png) no-repeat 0 0;}
.tabmenu li.menu02 a:hover {background: url(../make_img/prcenter/tabmeun_gallary02_on.png) no-repeat 0 0;}
.tabmenu li.menu03 a:hover {background: url(../make_img/prcenter/tabmeun_gallary03_on.png) no-repeat 0 0;}
.tabmenu li.menu04 a:hover {background: url(../make_img/prcenter/tabmeun_gallary04_on.png) no-repeat 0 0;}

.tabmenu li.menu01 a.on {background: url(../make_img/prcenter/tabmeun_gallary01_on.png) no-repeat 0 0;}
.tabmenu li.menu02 a.on {background: url(../make_img/prcenter/tabmeun_gallary02_on.png) no-repeat 0 0;}
.tabmenu li.menu03 a.on {background: url(../make_img/prcenter/tabmeun_gallary03_on.png) no-repeat 0 0;}
.tabmenu li.menu04 a.on {background: url(../make_img/prcenter/tabmeun_gallary04_on.png) no-repeat 0 0;}



.item-box {position: relative; padding-bottom: 100px}
.item-box li.item {float: left; margin-right: 9px; margin-bottom: 10px;}
.item-box li.item a {position: relative; display: block;}
.item-box li.item a:hover {background: red;}
.item-box li.item img {display: block; width: 239px; border: 1px solid #adacac}
.item-box li.photo01 {display: block;}
.item-box li.photo02 {display: none;}
.item-box li.photo03 {display: none;}
.item-box li.photo04 {display: none;}

/* ÇÏ´Ü */
/* footer */
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	clear: both;
	width: 100%;
	padding-top: 11px;
	padding-bottom: 12px;
	background: #1c1c1c;
	z-index:100;
}
#footer:after {
	content: "";
	display: block;
	clear: both;
}
.footer_area {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	border: 0px solid red;
}
.footer_area .footer_menu {
	overflow: hidden;
	margin-left: -7px;
	margin-bottom: 6px;
}
.footer_area .footer_menu li {
	float: left;
	height: 11px;
	padding: 0 7px 0 6px;
	background: url(../make_img/common/icon_bar_row03.png) no-repeat right top;
}
.footer_area .footer_menu li a {
	display: block;
	text-indent: -50000em;
}
.footer_area .footer_menu li.none {
	background: transparent;
	padding-right: 0;
}
.footer_area .footer_menu li.menu01 a {
	width: 73px;
	height: 11px;
	background: url(../make_img/common/footer_menu01.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu02 a {
	width: 45px;
	height: 10px;
	background: url(../make_img/common/footer_menu02.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu03 a {
	width: 37px;
	height: 10px;
	background: url(../make_img/common/footer_menu03.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu04 a {
	width: 37px;
	height: 10px;
	background: url(../make_img/common/footer_menu04.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu05 a {
	width: 73px;
	height: 10px;
	background: url(../make_img/common/footer_menu05.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu06 a {
	width: 36px;
	height: 10px;
	background: url(../make_img/common/footer_menu06.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu07 a {
	width: 45px;
	height: 11px;
	background: url(../make_img/common/footer_menu07.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu08 a {
	width: 93px;
	height: 11px;
	background: url(../make_img/common/footer_menu08.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu09 a {
	width: 55px;
	height: 11px;
	background: url(../make_img/common/footer_menu09.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu01 a:hover {
	width: 73px;
	height: 11px;
	background: url(../make_img/common/footer_menu01.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu02 a:hover {
	width: 45px;
	height: 10px;
	background: url(../make_img/common/footer_menu02.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu03 a:hover {
	width: 37px;
	height: 10px;
	background: url(../make_img/common/footer_menu03.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu04 a:hover {
	width: 37px;
	height: 10px;
	background: url(../make_img/common/footer_menu04.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu05 a:hover {
	width: 73px;
	height: 10px;
	background: url(../make_img/common/footer_menu05.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu06 a:hover {
	width: 36px;
	height: 10px;
	background: url(../make_img/common/footer_menu06.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu07 a:hover {
	width: 45px;
	height: 11px;
	background: url(../make_img/common/footer_menu07.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu08 a:hover {
	width: 93px;
	height: 11px;
	background: url(../make_img/common/footer_menu08.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu09 a:hover {
	width: 55px;
	height: 11px;
	background: url(../make_img/common/footer_menu09.png) no-repeat 0 -11px;
}
.select_area {
	position: absolute;
	top: 5px;
	right: 0;
}
.select_area select {
	background: #2e2e2e;
	border: 1px solid #464646;
	color: #9e9e9e;
	height: 27px;
	vertical-align: middle;
}
.select_area a, .select_area input[type="submit"] {
	display: inline-block;
	width: 33px;
	height: 25px;
	margin-left: -2px;
	vertical-align: middle;
	background: url(../make_img/common/btn_go.png) no-repeat left top;
	border: 0;
	text-indent: -5000em;
}
/* //footer */