@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#sh_hd {width:100%; height:140px;position:relative;min-width:1070px;} 
.sh_hd_wrapper {width:1070px; margin:0 auto;}
.sh_hd_wrapper:after {} 

.top_img{ background-image:url(../sh_img/hd/top_img.png); width:1070px; height:40px; position:absolute; top:105px;}


#sh_container {width:100%; background:url(../sh_img/main/main_bg.gif) repeat-x; z-index:0; height:289px; font-family:'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; } 
.sh_h200{height:200px}
.sh_container_wrapper { width:1070px; margin:0 auto;}

/*메인이미지*/
.sh_index{float:right; margin-top:5px;}

.line_1{position:absolute; margin-top:40px;z-index:1; }
.line_2{position:absolute;  margin-top:230px;z-index:1; }
.main_t{position:absolute; margin-top:50px;z-index:1;}
.m_txt_01{position:relative; float:left; margin-top:20px;z-index:1;}
.txt_02{position:relative; width:529px; font-family:돋움; line-height:1.3em; color:#999; font-size:11px; margin-top:80px;z-index:1;}



/*하단인덱스*/
.sh_index_1{position:relative; float:left;}
.m01 ul li {position:relative; float:left; padding:0; margin-right:2px;}
.m01 ul {position:relative; float:left; padding:0; width:340px;}
.m02 ul {position:relative; float:left; padding:0; width:340px;}

.m0201 {float:left;}
 
.m0401 {position:relative; float:left;}
.m0401 a.m04a{float:left; display:inline-block; width:108px; height:152px; background-image:url(/sh_img/main/index/m0401/m0401_off.jpg);margin-right:3px; color:#4e4e4e;text-align:center; font-family: 'Nanum Myeongjo';font-size:16px; font-weight:bold; }
.m0401 a.m04a p {margin-top:55px}
.m0401 a.m04a .m04a_2 { margin-top:63px }
.m0401 a.m04a:hover{float:left; display:inline-block; width:108px; height:152px; background-image:url(/sh_img/main/index/m0401/m0401_on.jpg);margin-right:3px; color:#7e6e2d;text-decoration:none}


.m0501 { background-image:url(../sh_img/main/index/m0501.jpg); width:330px !important; height:153px;  }
.txt1{font-family:'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움';  color:#799430; font-size:15px; margin:25px 0 0 30px; font-weight:bold;}
.txt2{ font-family: 'Nanum Myeongjo'; color:#4b4b4b; font-size:22px; font-weight:bold; margin:10px 0 0 30px;}
.txt3{ font-family: 'Nanum Myeongjo'; color:#4b4b4b; font-size:22px; font-weight:bold; margin:5px 0 0 70px;}

.m0601{ background-image:url(../sh_img/main/index/m0601.jpg); width:330px; height:154px; margin-left:10px;}
.m0601 p.txt4{font-family: 'Nanum Myeongjo'; color:#063;  font-size:24px; font-weight:bold; margin:30px 0 0 20px;}
.m0601 p.txt5{ width:205px; color:#090; font-size:15px; margin:5px 0 0 20px; font-weight:bold;}
.m0601 p.txt6{ width:205px; color:#063; font-size:15px; margin:5px 0 0 20px; font-weight:bold;}


.sh_aside {border:1px solid #333; width:200px; float:left;}

#sh_content_title {background:#FFF; padding:10px 10px 0 10px; border-bottom:1px solid #CCC; width:800px; float:right; position:relative; font-family:'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; }
#sh_content_title p {position:relative; margin:0}
#sh_content_title b {color:#333333; font-size:26px}
#sh_content_title span {position:relative; color:#666666; top:-10px;  float:right; right:10px}
#sh_content_title span a{font-weight:bold; color:#666666}
#sh_content_title span a:hover{font-weight:bold; color:#666666}





.sh_content {float:left;width:800px; padding:10px;}
#sh_content:after {}



/*페이지*/

.page { font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; font-size:13px; color:#333; line-height:25px; }
.page0101 { font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; font-size:13px; color:#333; line-height:25px;background:url(/sh_img/page/0101_img.jpg)right 70px no-repeat; }
.txt {  }
.txt_01 {font-size:19px; font-weight:bold; border-bottom:3px solid #963; padding-bottom:15px; }
.cont_1 { width:400px; margin-top:20px;}

.page0108 h1 {font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; color:#963; font-size:18px;} 

.num_01 {color:#963; font-size:18px;font-weight:bold; padding-top:20px;}
.pa02_t1 {font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; color:#fff; font-weight:bold; width:150px; border-right:8px solid #E9D2BC; padding:3px; height:30px; font-size:20px; background:#963;}
.pa02_t2{}
.pa02_t2 ul{margin:0; padding:0;}
.pa02_t2 p{ font-weight:bold; font-size:14px;}



.page0102 p{ color:#333; font-weight:bold; font-size:18px;}
.page0103 p{ color:#333; font-weight:bold; font-size:18px;}
.page0104 span{color:#963; font-weight:bold;font-size:18px;}
.page0106 span{color:#963; font-weight:bold;font-size:18px;}
.page0107 h3{ font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; font-size:17px; margin-bottom:10px; }
.page0107 span{ color:#963; font-weight:bold}
.page0107_cont{ margin-top:20px; border-top:1px solid #CCC; padding-top:20px;}
.page0107_cont p{ color:#666; font-weight:bold; font-size:15px}
.page0108 p{ color:#333; font-weight:bold; font-size:18px;}

.p0102 { margin-top:15px; width:400px; position:relative; float:left; }
.p0102_img{ position:relative; width:284px; height:214px; float:left; position:relative; margin:10px;}
.p0102 ul { padding:0; margin:0; } 


.page0105{ width:400px; float:left;}
.p0105_img{ float:left; margin-left:50px;}

.p0201_box .img { display:block; float:left; }
.page0201 ul { float:left; width:68% }

.p0201_1{ background-image:url(../sh_img/page/0201.jpg); width:800px; position:relative; height:480px; background-repeat:no-repeat; background-position:80px 230px;}
.p0201_2{position:relative }

#p0203_imgbox { background:url(/sh_img/page/0203_02.jpg) right 65px no-repeat}
#p0203_imgbox ul { width:72% }


#p0204_imgbox_01 { background:url(/sh_img/page/0204_01.jpg) right 65px no-repeat }
#p0204_imgbox_01 ul { width:66% }
#p0204_imgbox_02 { background:url(/sh_img/page/0204_02.jpg) right 65px no-repeat }
#p0204_imgbox_02 ul { width:66% }
#p0204_imgbox_03 { background:url(/sh_img/page/0204_03.jpg) right 30px no-repeat; padding-bottom:30px }
#p0204_imgbox_03 ul { width:66% }



.page03 p{ color:#333; font-weight:bold;font-size:16px;}
.page03 span { color:#963; font-weight:bold;font-size:14px;}

.page0301 {overflow:hidden; position:relative; width:100%}
.page0301 p.ptitle{  position:relative; color:#333; font-weight:bold;font-size:16px; margin:10px 0;}
.page0301 p{   }
.p0301_img{ float:left; margin:10px 10px 0 0 }
.p0301_txt { float:left; width:58% }

.page0302 {overflow:hidden; position:relative; width:100%}
.page0302 p.ptitle{  position:relative; color:#333; font-weight:bold;font-size:16px; margin:10px 0;}
.page0302 p{   }
.p0302_img{ float:left; margin:10px 10px 0 0 }
.p0302_txt { float:left; width:58% ; margin-top:40px}


.p0304{ width:400px;float:left; margin-right:40px;}
div.0304_img { position:relative;  width:285px; height:163px;}


.p0305{ width:500px;float:left; margin-right:40px;}
.div.0305_img { position:relative;  width:214px; height:314px;}

.p0306{ width:800px;}

.p0307{ position:relative;float:left; width:490px; margin-top:15px;}
.p0307_img {float:left; position:relative; margin:10px;}

.p0308{ position:relative;float:left; width:490px; margin-top:15px;}
.p0308_img{float:left; position:relative; margin:10px;}
.p_line{ width:40px; height:5px; background-color:#963; position:relative; margin-bottom:10px;}

.page0501{ position:relative; min-height:500px}
.pa0501_num1{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 0; }
.pa0501_num2{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -20px; }
.pa0501_num3{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -40px; }
.pa0501_num4{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -60px; }
.pa0501_num5{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -80px; }
.pa0501_num6{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -100px; }
.pa0501_num7{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -120px; }
.pa0501_num8{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -140px; }
.pa0501_num9{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -160px; }
.pa0501_num10{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -180px; }
.pa0501_num11{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -200px; }
.pa0501_num12{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -220px; }
.pa0501_num13{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -240px; }
.pa0501_num14{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -260px; }
.pa0501_num15{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -280px; }

.pa0501_num{ float:left}
.pa0501_num ul { padding-left:10px }
.pa0501_num ul li{margin-bottom:11px;}
.pa0501_cont{ float:left; font-size:13px; margin:9px 0 0 10px; }
.pa0501_cont ul {padding:0; margin:0}
.pa0501_cont ul li{ margin-bottom:9px; line-height:20px;}
.pa05_back{ background:url(../sh_img/page/0501.jpg); width:347px; height:370px; position:absolute; background-position:-451px 390px; z-index:-1; right:1px}
.pa05_back2{background:url(../sh_img/page/0501.jpg); width:732px; height:3px;  background-position:-35px -521px; position:absolute; bottom:30px;right:20px}







.pa05_t2{}
.pa05_t2 ul{margin:0; padding:0;}
.pa05_t2 p{ font-weight:bold; font-size:14px;}

dd {margin:0 0 0 25px}
.page0502 { background:url(/sh_img/page/0502_bg.png) right 440px no-repeat }
.txt0502 {margin-left:20px;}
.txt0502dt {font-size:14px; font-weight:bold; color:#630; margin-top:30px;}
.txt0502dt2 {font-size:14px; font-weight:bold; color:#630; margin-left:15px; margin-top:10px;}
.txt0502p {border:#CCC 1px solid; padding:10px;}
.txt0502t8 {border:#CCC 1px solid; padding:15px; margin-top:10px; margin-left:25px;}

.page0503 { }
.txt0503t8 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px;  }
.txt0503t8_01 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px; background:url(/sh_img/page/0503_img.png) 465px 15px no-repeat  }
.txt0503t8_02 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px; background:url(/sh_img/page/0503/0503_02.png) 450px 35px no-repeat  }
.txt0503t8_03 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px; background:url(/sh_img/page/0503/0503_03.png) 370px 440px no-repeat  }
.txt0503t8_04 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px; background:url(/sh_img/page/0503/0503_04.png) 495px 15px no-repeat  }
.txt0503t8_05 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px; background:url(/sh_img/page/0503/0503_05.png) 640px 20px no-repeat  }
.txt0503t8_06 { border-right:3px solid #e4e4e4;border-bottom:3px solid #e4e4e4; margin-left:25px; background:url(/sh_img/page/0503/0503_06.png) 470px 70px no-repeat  }


.page0503 .inner{ padding:0; margin-top:10px; border-top: 4px solid #C89C37; border-left: 4px solid #C89C37; border-right: 4px solid #9A6432;border-bottom: 4px solid #9A6432}
.page0503 .inner .inner_shadow { border-top:3px solid #e4e4e4; border-left:3px solid #e4e4e4; padding:15px }

.txt0504t8 {border:#CCC 1px solid; padding:15px; margin-top:10px; margin-left:25px; background:url(/sh_img/page/0504.png) 558px 9px no-repeat}

#page0505 { font-size:13px;line-height:24px; color:#414141; letter-spacing:-0.3px; margin-bottom:50px ; padding-left:15px}
#page0505  h3 { margin:20px 0 0 0; font-size:16px; font-weight:bold; color:#996633; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움';  }


.page0506 { background:url(/sh_img/page/0506_01.png) right 50px no-repeat;  }
.page0506 h2 { font-size:16px; color:#630; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; border-left:3px solid #630; margin:20px 0 10px 0; padding-left:10px }
.page0506 dl { width:32%; float:left; margin:0 5px; padding:0 }
.page0506 dl dt { padding:0; margin:0 }
.page0506 dl dd { padding:5px 0; margin:0; text-align:center }
.page0506 dl dt img {  }


#page0507 h2 { font-size:16px; color:#630; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'; border-left:3px solid #630; margin:20px 0 10px 0; padding-left:10px }
#page0507 dl { width:32%; float:left; margin:0 5px; padding:0 }
#page0507 dl dt { padding:0; margin:0 }
#page0507 dl dd { padding:5px 0; margin:0; text-align:center }
#page0507 dl dt img {  }

.pa0507_num{ float:left}
.pa0507_num ul li{margin-bottom:11px;}
.pa0507_cont{ float:left; font-size:14px; margin:9px 0 0 10px; }
.pa0507_cont ul {padding:0; margin:0}
.pa0507_cont ul li{ margin-bottom:9px; line-height:20px;}

.pa0507_num1{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 0; }
.pa0507_num2{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -20px; }
.pa0507_num3{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -40px; }
.pa0507_num4{ background:url(../sh_img/page/0501.jpg); width:18px; height:18px; background-position:0 -60px; }
.pa0507_num5{ list-style:url(../sh_img/page/0507.jpg);}


/*page0701*/
#page0701 ul,li { margin:0; padding:0 }
#page0701 { font-size:13px;line-height:18px; color:#414141; letter-spacing:-0.3px; margin-bottom:50px; padding:15px 0 0 20px}
.p0701_box { float:left;  }
.p0701_box ul li { font-size:14px; margin:12px 0 }
.p0701_box ul li img { display:inline-block; margin-right:3px }
.p0701_box h3 { font-size:17px; font-weight:bold; color:#996633; border-left:3px solid #996633; padding-left:5px; margin-bottom:15px ; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움';}
.p0701_box.center { margin:0 80px }
.p0701_Bbox { *zoom:1 }
.p0701_Bbox:after { content:""; visibility:hidden; clear:both; display:block }

/*l_menu*/
#aside {float:left;width:243px;background:#FFF; text-align:center; padding:10px 0 20px 0;}
#aside_t {background:#FFF; color:#373737; font-size:22px; text-align:center; font-weight:bold; line-height:50px; border-left:5px solid #963;}

#l_menu {float:left;width:190px;background:#FFF; text-align:center; margin-top:10px; margin-left:40px}
#l_menu ul{margin:0; padding:0}
#l_menu li{font-size:14px; color:#666;background:#FFF; text-align:left; line-height:35px; height:30px}
#l_menu li a{background: #FFF; display:block; width:193px; height:30px;color:#666; padding:10px 0 0 10px; text-decoration:none}
#l_menu li a:hover{color:#FFF;background:#963; font-weight: bold; width:193px; height:30px; padding:10px 0 0 10px; text-decoration:none;font-weight: bold}


#l_menuON {float:left;width:190px;background:#FFF; text-align:center; margin-top:10px; margin-left:40px}
#l_menuON ul{margin:0; padding:0}
#l_menuON li{font-size:14px; color:#666;background:#FFF; text-align:left; line-height:35px; height:30px}
#l_menuON li a{background:#963; display:block; width:193px; height:30px;color:#FFF; padding:10px 0 0 10px; text-decoration:none}
#l_menuON li a:hover{color:#963;background:#963; font-weight: bold; width:193px; height:30px; padding:10px 0 0 10px; text-decoration:none;font-weight: bold; color:#FFF}

/*footer*/

#sh_ft { width:100%; border-top:1px solid #F0F0F0;} 
.sh_ft_wrapper { width:1070px; margin:0 auto; line-height:20px; padding:10px 0 10px 0; position:relative }
.ft_logo{width:133px; height:57px; margin:0;float:left;padding-right:30px;}
.ft_add{float:left; color:#999; padding:8px 0 0 30px;}

.road01 {margin-top:20px;}
.road01 .title {font-size:1.5em; font-weight:bold;margin-bottom:10px;}
.road01 .h4 {font-size:1.3em;color:#ef6d29;font-weight:bold;}
.road01 .h5 {font-size:1.2em;color:#000;font-weight:bold;line-height:1.4em;}
.road01 ul, .road01 li {margin:0;padding:0;font-size:1.05em;line-height:1.4em;}
.road01 ul {margin-top:10px;}

.road_area {background:url('/sh_img/up_img/0402_img.jpg') no-repeat; padding-left:210px;margin-top:42px;}

#main_bgm audio { width:300px!important }

/* 퀵메뉴 */
#sh_stv {z-index:1001;position:fixed;width:95px;left:48%;margin-left:550px;top:370px;}
#sh_stv p {width:100%;background:#565193;padding:10px 0;text-align:center;}
#sh_stv .gotop {position:absolute;bottom:-15px;left:33px;}
#sh_stv .gotop:hover {opacity:0.7;filter:alpha(opaciry=70);opacity:0.7;filter:alpha(opaciry=70);}
