@charset "utf-8";
* {margin:0; padding:0;}
img {border:0;}
ul, li {padding:0; margin:0; list-style:none;}
.pointer {cursor:pointer;}
.bold {font-weight:bold;}
.black {color:black;}
.green {color:green;}
.white{color:white;}
.red {color:red;}
.orange {color:orange;}
.blue {color:blue;}
.gray {color:gray;}
.silver {color:silver;}
.clearboth {clear:both; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.color555 {color:#555;}
.color999 {color:#999;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
* {margin:0; padding:0; font-family:나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", AppleGothic, 굴림, Gulim, 돋움, Dotum, Sans-serif; font-size:12px;}
a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none;  font-weight:bold; color:#881b4f;}

/* 동영상 */
.movie_in {position:absolute; margin-left:580px; margin-top:40px; z-index:1000;}
 
/* main_layout */
#wrap {position:relative; width:100%; z-index:0;}
#top {position:relative; width:100%; height:105px; text-align:center; z-index:10; font-size:0px; background:#fff; background:url('/img/bg/bg_top.jpg') top left repeat-x;}
#top_in {position:relative; width:960px; height:105px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#body {position:relative; width:100%; height:320px; text-align:center; z-index:0; font-size:0px; background:#fff; background:url('/img/bg/bg_body.jpg') top left repeat-x;}
#body_in {position:relative; width:960px; height:320px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#body01 {position:relative; width:100%; height:110px; text-align:center; z-index:0; background:url('/img/bg/bg_ban.jpg') top left repeat-x;}
#body_in01 {position:relative; width:960px; height:110px; margin:0 auto; text-align:left; z-index:0; font-size:0;}

#body02 {position:relative; width:100%; height:150px; text-align:center; z-index:0;}
#body_in02 {position:relative; width:960px; height:150px; margin:0 auto; text-align:left; z-index:0; font-size:0; background:url('/img/bg/bg_box.jpg') top left no-repeat; }

#foot {position:relative; width:100%; height:106px; text-align:center; z-index:0; background:url('/img/bg/bg_foot.jpg') top left repeat-x;}
#foot_in {position:relative; width:960px; height:105px; margin:0 auto; text-align:left; z-index:0;}

/* main */
.box_layout {position:relative; width:960px; height:110px; float:left;}
.box1 {position:relative; width:320px; float:left;}
.box1 .movie {padding-top:25px; padding-left:20px;}

.box2 {position:relative; width:320px; height:130px; float:left;}
.box2 .mainpro {padding-top:25px; padding-left:20px;}

.box3 {position:relative; width:300px; height:130px; float:left;}
.box3 .maincus {padding-top:25px; padding-left:20px;}

.tableclassin {position:relative; text-align:center; margin-bottom:30px;}

/* sub_layout */
#wrap_sub {position:relative; width:100%; height:190px; z-index:0; font-size:0; background:url('/img/bg/bg_subflash.jpg') top left repeat-x;}
#fla_sub {position:relative; width:960px; height:190px; margin:0 auto; text-align:center;}

#sub_data {position:relative; width:100%; text-align:center; background:#fff;}
#sub_body {position:relative; width:960px; margin:0 auto; text-align:left;}

#sub_left {position:relative; width:180px; margin-right:30px; float:left; font-size:0px; margin-bottom:30px;}
#sub_left dl dd {position:relative; width:18px; font-size:0px; margin-top:20px;}
#sub_left dl dt {position:relative; width:180px; height:30px; font-size:0px;}
#sub_left .sc {position:relative; margin-top:15px; font-size:0px;}
#sub_left .leftin1 {position:relative;  width:180px; height:30px; margin-left:30px; font-weight:bold; top:10px;}
#sub_left .leftin2 {position:relative;  width:180px; height:30px; margin-left:30px; font-weight:bold;}

#sub_right {position:relative; width:750px; float:left; margin-top:30px;}
#sub_right .h2 {position:relative; width:750px; height:40px;}
.h2 .mapping {position:absolute; top:15px; right:10px; color:#666; font-size:11px;}
#sub_right .contents {position:relative; width:750px; border-top:1px solid #ccc;}

/* navi */
.logo {position:absolute; top:40px; left:35px;}
.logo_mono_a {position:absolute; top:25px; left:25px;}
.copyright {position:absolute; top:25px; left:180px;}
.foot01 {position:absolute; top:18px; left:642px;}
.foot02 {position:absolute; top:10px; left:755px;}
.webmoa {position:absolute; top:30px; left:830px;}
.sit {position:absolute; top:15px; width:60px; height:13px; right:60px;}
.email {position:absolute; top:15px; width:30px; height:13px; right:10px;}

* {margin:0; padding:0;}
img {border:0;}
.navigation_wrap {position:absolute; top:0; left:0; width:673px; height:54px;}
.navigation_wrap ul li {position:relative; float:left; padding:0 30px; font-size:0; height:15px;}
.navigation_wrap ul li.rightliline {border-right:1px solid #ccc;}

.navigation_in_black {position:absolute; top:25px; background:black; height:21px; font-size:0; display:none;}
.navigation_in_black img {position:relative; margin-top:5px;}
.navigation_in_black a {padding:0 15px 0 15px;}
#navi_in_black1 {left:24px;}
#navi_in_black2 {left:130px;}

.skip {position:relative; width:250px; top:10px; margin-left:825px; font-size:0;}
.skip li {position:relative; display:inline; font-size:0px;}

.logotop {position:absolute; margin-top:20px; z-index:50000px;}

/* 네비게이션 추가*/
 #topmenu { position: absolute; top:38px; width:960px; height:75px; margin: 0; padding: 0; float:left;} 
 #topmenu ul { position:absolute; left:0; top:0; list-style:none; padding:0; }
 #topmenu ul li { float:left; display:inline; margin:0;}
	
 #topmenu li ul { display:none; list-style:none; position:absolute; left:0; top:20px; margin:0; padding:18px 0 0 0; height:20px;}
 #topmenu li ul li { margin:0; padding:0; white-space:nowrap; background:none;}
 #topmenu li ul li img {vertical-align:top;}
 * html #topmenu ul ul li { width: 1px; }

/* 큰메뉴*/
 #top1m1 {position:relative; left:265px;}
 #top1m2 {position:relative; left:330px;}
 #top1m3 {position:relative; left:390px;}
 #top1m4 {position:relative; left:460px;}
 #top1m5 {position:relative; left:525px;}
 #top1m6 {position:relative; left:585px;}

/* 작은메뉴*/
 #topmenu li ul#top2m1 { padding-left:265px; width:300px;}
 #topmenu li ul#top2m2 { padding-left:165px; width:800px;}
 #topmenu li ul#top2m3 { padding-left:0px;}
 #topmenu li ul#top2m4 { padding-left:0px;}
 #topmenu li ul#top2m5 { padding-left:0px;}
 #topmenu li ul#top2m6 { padding-left:0px;}
 
 /*탑메뉴 noscript 일때*/
 #allmenu_noscript { position:absolute; left:0; top:0; margin:0; padding:1px 19px 0 19px; width:962px; height:143px; z-index:27;}
 #allmenu_noscript .bg { position:absolute; left:0; top:0; width:1000px; height:144px; background:url(/img/inc/top_menu_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/all_menu_bg.png', sizingMethod='crop'); z-index:28; }
 #allmenu_noscript .gnb_noscript { position:relative; clear:both; margin:0px; padding:0; z-index:29; overflow:hidden;}
 #allmenu_noscript .gnb_noscript #logo	 {margin:0px; padding:1px 0 0 0;}
 
 #allmenu_noscript .all_menu { position:relative; clear:both; margin:15px 0 0 0; padding:0; width:970px; height:100px; overflow-y:scroll; z-index:30;}
 #allmenu_noscript .all_menu  div { position:relative; float:left; margin:0; padding:0; width:151px;}
 #allmenu_noscript .all_menu  ul { list-style:none; margin:0px; padding:0;}
 #allmenu_noscript .all_menu  ul h2 { margin:0; padding:0 0 10px 0px; font-size:0; line-height:0; background:none;}
 #allmenu_noscript .all_menu  ul li { margin:0; padding:0 0 2px 17px; line-height:1.35em; font-size:95%; background: url(/img/inc/all_menu_icon.gif) no-repeat 5px 5px; width:134px;}
 #allmenu_noscript .all_menu a { color:#666666;}

 /* sub contents*/
.imgcon {position:relative; margin-top:30px; margin-bottom:30px;}
.btn_gallery {position:relative; text-align:center; margin-top:30px; margin-bottom:30px;}

.history_wrap {position:relative; width:750px; top:30px;}
.historyimg {position:relative; width:230px; float:left;}
.historytab {position:relative;  width:470px; float:left;}
.historytab li {position:relative; float:left;}
.his_margin {position:relative: width:480px; top:50px; margin-bottom:60px;}

/* 개인정보취급방침*/
.privacy {position:relative; padding:22px;}