*{margin:0px; padding:0px;}
@charset "utf-8";
body{margin: 0;padding: 0;overflow-x : hidden;}
header, nav, h1, ul, li {margin: 0;padding: 0;}
ul, li {list-style: none;}
body {font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:13px; text-decoration:none;}
a:link {color:#272727;text-decoration:none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;}
a:visited {color:#272727;text-decoration: none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;}
a:hover {color:#272727;text-decoration:none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;}
a:active {color:#272727;text-decoration: none; font-family:NanumGothic, '나눔고딕', NG, sans-serif ,돋움, 굴림; font-size:12px;}
img { border : 0px;}
body, th, td, textarea, h1, h2, h3, h4, h5, h6 {font-family:dotum;font-size:12px; color:#767676;}
body, th, td, textarea  { }
img, fieldset     { border:0; }
li        { list-style:none; }
select, input     { font-family:verdana; color:#000000; font-size:12px;line-height:17px;}
address,em     { font-style:normal; }
button       { border:none; background:none; cursor:pointer; }
hr, legend     { display:none; }
p, h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd {margin:0; padding:0; }
a img {vertical-align:top;}*/

       body {margin:0; padding:0}
       table{border-spacing:0px;border-style:none;padding:0px; }
       td   {border-spacing:0px;border-style:none;padding:0px;}
       img  {border:0px;} 

	    #intro2{background:url(../../img/bg_05.jpg);}



	  




#bgwrap{background:#fff;}
.head_main {width:1100px;padding-top:110px;position:relative;margin:10px auto; } /**/
#logwarp{width:100%;margin:0 auto;z-index:99;height:40px;background:#414141;}
#footer_wrap .snswrap{background:#4a7fc5;width:100%;}
#footer_wrap .snswrap :after {display:block;visibility:hidden;clear:both;content:""}
/* 푸터에 sns 버튼*/
#footer_wrap .snswrap .sns{width:300px; display:block;margin:0 auto; padding:20px 0;}
#footer_wrap .snswrap .sns a {display:block;margin:10px;width:55px;float:left; height:55px; overflow:hidden; position:relative;transition-duration:0.2s;}
#footer_wrap .snswrap .snsimg1:hover {background-position:0 -55px;}
#footer_wrap .snswrap .snsimg2:hover {background-position:0 -55px;}
#footer_wrap .snswrap .snsimg3:hover {background-position:0 -55px;}
#footer_wrap .snswrap .snsimg4:hover {background-position:0 -55px;}
		.sns .snsimg1{background:url(../../img/sns_30.png);}
		.sns .snsimg2{background:url(../../img/sns_32.png);}
		.sns .snsimg3{background:url(../../img/sns_34.png);}
		.sns .snsimg4{background:url(../../img/sns_36.png);}

.menu_wrap ul{width:1100px;margin:0 auto;}

	

	   			/*이벤트슬라이더*/
			@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

		

#banner2 #slider {width:90%;margin-left:5%; margin-right:5%;padding-top:10px; height:207px; overflow: hidden; }
#banner2 #slider figure img { width: 20%; float: left}
#banner2 #slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; }


				/*푸터위 이벤트 공지사항 gallery////////////////////////////////////////////////////////////////////////////////*/
   #banner .button{width:95%;overflow:hidden;}
		.bu  a{display:block; width:100%;font-size:13px;font-weight:400;margin:8px 0; text-align:center;color:#6c6c6c;font-family:nanumbarungothic;}  
		.button .bu{width:100px; float:left; padding:0; height:30px; background:#ddd;}
		.button .bu:hover{background:#0c6ab3;}
		#intro a{color:#fff;margin:0;line-height:30px;}
		#business{margin-right:5px;background:#0c6ab3;color:#fff;}	#business a{color:#fff;margin:0;line-height:30px;}
		.button .on{background:#e2ac08;}			
		#boxwrap{width:100%;height:auto;}	
		#box{width:1100px;margin:0 auto;overflow:hidden;}

		.plus{display:block; position:absolute;right:20px; top:15px;font-size:24px;font-family:Adobe Gothic std;color:#aaa;}
		#banner{width:31%;height:310px;margin-left:2%;padding-top:10px;float:left;position:relative;border:1px solid #ddd }
		#banner2{width:29%;height:320px;float:left;position:relative;border:1px solid #ddd }
		#banner2  .plus{right:55px;} 
		#banner2 .p4{padding-top:20px;color:#777;text-shadow:none;line-height:32px;text-align:left;width:90%;}
		#banner .p4{padding-top:20px;color:#777;text-shadow:none;line-height:32px;text-align:left;width:90%;margin-left:10%;}
		#banner3 .p4{padding-top:20px;color:#777;text-shadow:none;line-height:32px;text-align:left;width:90%;margin-left:10%; }
		.ban2{width:33.33%;float:left;text-align:center; }
		#banner3{width:35%;height:320px;margin-left:2%;float:left;position:relative;;border:1px solid #ddd }
		.ban3{width:50%;float:left;text-align:center;}
		.ban3 img{padding:16px 0;}
		#tabmenu1{width:100%;overflow:hidden;height:170px;margin-top:-1px;}
		#tabmenu2{width:100%;position:absolute;height:170px;margin-top:-1px;display:none;}
		   #ban3_1{}
		.current_on{float:left; margin-top:15px; width:90%; padding:5px;}
		   #ban3_1 .p6{padding-bottom:1px; border:1px solid #ddd;padding:20px 0;}
		    .ban3 .p6{margin:0 10px;}
			#ban2_3{border:0;}
			#ban2_6{border:0;}
			#gallerywrap{width:1100px;margin:0 auto; padding-left:2%;overflow:hidden;}
	        #gallerywrap  h2 {font-size:25px; font-weight:400; color:#999;text-align:center;margin:50px 0; }	



.log{width:20%; height:40px;float:right;text-align:center;padding-top:0px;z-index:9999;background:#fff;} /*;*/

.log img {padding-top:5px;line-height:30px;vertical-align:top;}
.log a:link{border-right:1px solid #afafaf;line-height:40px;padding:0 5px;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#444;text-decoration:none; line-height:35px; font-weight:bold;}
.log a:visited{line-height:40px;padding-right:5px;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#444;text-decoration:none;line-height:35px; font-weight:bold;}
.log a:txt_03{line-height:40px;padding-right:5px;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#444;text-decoration:none;line-height:35px; font-weight:bold;}
.log a:last-child{border:0;}
.logo{display:block; width:200px;float:left; z-index:99;}
#topmenu{width:1000px;height:31px;position:relative;margin:0 auto;}
.svitext {position:relative;width:750px; height:100px; float:left; margin:20px auto; z-index:99;}
#latest_wrap {width:100%;  margin:0 auto; }
   .banner_wrap2{width:100%; overflow:hidden; background:#5d6a7b;}
   #main_menu2{width:1160px;margin:0 auto;padding-bottom:30px;padding-top:30px;overflow:hidden;}
    .inmenu2 .menutext2 {
    color: #fff;
    display: block;
    font-family: Ebrima,Elephant;
    font-size: 14px;
    line-height: 50px;
    width: 100%;
}
.sub_menu2 li a{color:#fff;line-height:20px;}




	  
	  
	  #ban img{width:100%;}

.ban {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
    text-align: center;
    width: 1100px;
}
.ban li {
    border: 0 none;
    float: left;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    width: 50%;
	transition:all 0.2s ease-in-out 0s;
}


.ban .ban50 {
    display: block;
    float: left;
    width: 50%;	  background:#4a7fc5;
	/* background-image:url(../../img/main_bg004.png); */
}
   .ban50 .p3{margin-top:10%;}

.ban  .txt_03box{width:100%; height:100%;top:0;left:-100%; background:#f85c37;  position:absolute; transition:all 0.2s ease-in-out 0s;}
	   .txt_03box .b1{text-align:left;}
.ban li:txt_03 .txt_03box {left:0; }
.ban li img{ width:100%;border:0;margin:0;}

 .reading-box  h3 {font-size:24px; color:#fff;}
.reading-box .button1 { color: #fff; font-size:18px; font-family:arial,nanumbarungothic;border:1px solid #fff;padding:10px; margin-right:10px;border-radius:5px;font-weight:700;}
.reading-box .button2 { color: #fff;  font-size:18px; border:1px solid #fff;font-family:arial,nanumbarungothic;padding:10px; margin-right:10px;border-radius:5px;font-weight:700;}
			
			.reading-box .button1:hover {
				background-color: #fff;
				color: #f85c37;
			}
	 .hover-box {position:absolute; width:50%;height:100%;top:-100%;transition-duration:0.2s;}
	  .hover-box2 {position:absolute; width:100%;height:100%;bottom:-100%;transition-duration:0.2s;background:rgba(0,0,0,0.5);}
	   .hover-box2 .p3{margin:30px 0;}
		.bottomhover:hover .hover-box2{bottom:0;}		
 .bu { box-sizing: border-box;
  -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
  background-color: transparent;
 cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
 text-decoration: none;
 text-transform: uppercase;
  width:65px;height:45px; margin:20px; color:#fff;	font-weight:800;
 border:1px solid #fff; font-size:13px;line-height:45px;	 padding-left:12px;
 background-image: -webkit-linear-gradient(45deg, #fff 50%, transparent 50%);
  background-image: linear-gradient(45deg, #0099cc 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;}

						  .bu:hover, .bu:focus { color: #fff;outline: 0;}
				    .bu:hover{ background-position: 0;border:2px solid #fff;}
				 
					 .bu2 {box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #0099cc;
		 text-indent:10px;
		 padding:15px 0;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 20px;
 
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  width:30%;margin:0 auto;
  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;}

						  .bu2:hover, .bu2:focus { color: #fff;outline: 0;}
				    .bu2:hover{  box-shadow: 0 0 40px 40px #0099cc inset;}


			    .ban50:hover .hover-box{top:0;}
			
  
   .ban .row{ background-color: #f85c37;padding:50px 0;}
  .ban .b1{font-size:14px;color:#fff;text-align:center; margin-top:40px;}
	.banner_wrap{width:1180px;margin:0px auto;overflow:hidden;border-right:1px solid #ddd;box-sizing:border-box;border-left:1px solid #ddd;}
	.banner_wrap .banner2{float:left;margin:8px;}
	.banner{width:17.5%;text-align:center;height:180px; float:left;}
	.banner3 {width:13.125%;text-align:center;height:160px;padding-top:20px; float:left;}
	.banner img{margin-top:10px;}
	#review{width:28%;padding-left:2%;border-left:1px solid #ddd;height:180px;padding-top:10px;box-sizing:border-box;text-align:left;margin-right:1px;}
	#review .p2{color:#555;padding-bottom:15px;font-size:18px;}
.middelimg{width:100%;padding:0; margin:0;overflow:hidden;}
.middelimg img{display:block; margin:0 auto;}
.mimg{display:block; margin:0 auto;}

	.banner3:hover{opacity:0.7;}
	#b5{border:0;}
	.ban3 .p1{color:#fff;}

#firstm4 {background-image:url(../../img/bg_20.png);
	position:relative;
	overflow:hidden;
	background-attachment: fixed;
	background-size: cover;
	overflow-y: hidden;
	display: block;
	height:400px;
	padding-top:10px;}

#firstm4 .fm4_txt {text-align:center;}
#firstm4 .fm4_txt_1 a {font-size:4em;font-weight:600;font-family:Arial;color:#fff;}
#firstm4 .fm4_txt_2 a {font-size:14px;font-family:NanumGothic,나눔고딕,돋움;color:#fff;line-height:40px;}

.board_output_gallery_img {padding-bottom:30px;}


.footer_in {padding:10px 5px 0 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#fff;text-decoration:none; line-height:35px;}
.footer_in a:link{padding:10px 5px 0 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#fff;text-decoration:none; line-height:35px; font-weight:bold;vertical-align:sub;}
.footer_in a:visited{padding:10px 5px 0 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#fff;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:sub;}
.footer_in a:hover{padding:10px 5px 0 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#ffffff;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:sub;}
  #footerinwarp{width:1000px; margin: 0 auto; overflow:hidden;}
 #footerleft{float:left;}
 #footerright{float:left;}


.sub_con_wrap {position:relative;width:100%; margin:0px auto;padding-top:110px; height:auto; }

#quick {position:fixed;width:12px; height:39px; left:50%;  top:0px; z-index:111111;}

.tit_right {position:relative; width:100%;  text-align:center;}
.tit_right .bold{font-weight:bold; line-height:40px;}
.tit_left {position:relative; width:50%; float:left; text-align:left; margin-left:0px; z-index:-1;}
.subt {font-weight:500; font-size:20px; font-family:NanumGothic,나눔고딕,돋움; color:#000000; text-decoration:none; line-height:40px;vertical-align:bottom; }

.memberlogin_form1 {width:329px;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom;}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
/* .etc_act  {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li  {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;} */
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2  h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1  {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:24px}
.member_join .join_complate .txt2 {color:#666666;line-height:24px}
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
.t_01 {border-collapse:collapse; border-top:2px solid #88a8ec; border-bottom:1px solid #ebebeb;  border-right:1px solid #ebebeb;}
.t_01 th {padding:7px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; color:#666666; font-weight:normal; font-size:12px; font-family:dotum,돋움,돋움체; background:#f6f6f6;}
.t_01 td {padding:7px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; color:#555555; font-size:12px; font-family:dotum,돋움,돋움체; background:#ffffff;}
.sc_input { background-color:#ffffff;border-style:solid;border-width:1;border-color:#CA0000;}
.location { padding:0 40 0 0;font-family:굴림; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18;font-family:굴림; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8;}
.price {color:#DA0000;text-align:right;}
.title {float:left;padding:21 0 0 34;font-weight:bold;#333333;font-size:14px;letter-spacing:-1}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21 15 0 0}
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}
#product_img {float:left;  text-align:center;}
#product_info {float:right; width:400px; height:400px; padding-left:15px; text-align:left; line-height:30px;  margin:40px 0 0px 0;}
.product_tle {background:url(../img/main/bg_product1.gif) bottom repeat-x;height:35px; margin:0 0 10px 0; font-weight:bold;font-size:1em}
.product_txt1 {background:url(../img/main/bg_product2.gif) no-repeat;padding:0 0 0 9;font-weight:bold;color:#686461;font-size:11px}
.product_txt2 {color:#666666;font-size:12px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690;height:29;padding:7 0 10 27;font-weight:bold;margin-top:27}
#product_content {clear:both;background:url(../../img/tab_bg.jpg) repeat-x;margin-top:30;width:850}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}

.total_order {padding:12px 10px 10px;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#f6f6f6;line-height:24px;text-align:right;font-weight:bold;color:#666666}
.total_order .sum_price {color:#da0000;font-size:14px}
.total_order .sum {font-size:14px}

#infobox { border: 2px solid #e4e4e4;color: #666666;padding: 12px 12px 0;}
#dl1 {margin: 0 0 20px;}
#dl1 dd {line-height: 20px;margin: 0 0 0 15px;}
#dl1 dt {background: rgba(0, 0, 0, 0) url("../../img/dot_dt.gif") no-repeat scroll 0 0;
    font-weight: bold;margin-bottom: 5px;padding-left: 15px;}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em; 
                background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center;}

	   
/* .menu_wrap {clear:both;width:100%;background-repeat: repeat-x;}
 /*.all_menu {z-index:-1;position:relative;} /*background:url('../../img/bg_allmenu.png');*/
 /*.all_menu .am_wrap {clear:both;margin:0 auto;font-size:14px;color:#fff;}
 .all_menu .am_wrap a{color:#7d7d7d;}
 .all_menu .am_wrap a:hover{font-weight:bold;color:#333;width:100%}
 .all_menu .am_wrap .s_txt_box{text-align:center; width:120px; background:#fff; overflow:hidden; border-bottom:3px solid #ddd; position:absolute; top:83px;}
 .all_menu .am_wrap .txt_bg {padding-top:5px;}
 .all_menu .am_wrap .txt_bg  a:hover {background:#fff;}	 
 	*/ 


	.menu_wrap {width:100%; background:#4a7fc5;height:110px;}
	#bg{ width:100%;height:110px;z-index:999999;position:fixed;box-shadow:1px 1px 2px rgba(0,0,0,0.3);z-index:55; }
	 #main_menu {width: 100%;  height: 70px;margin: 0 auto; }
             .inmenu { width: 20%; height: auto;z-index:55;float:left;}
			    .inmenu2 {display:block; float:left; width:18%; height:130px; margin-left:2%; border-right:1px solid #728196;
				            box-sizing:border-box;z-index:4;float:left;}
				 #main_menu2 .inmenu2:last-child{border:0;}	 
				 
			#main_menu .inmenu .sub_menu {
		    width:100%;
            color: #222;
            overflow:hidden;
            position:relative;
			opacity:0;
			background:#fff;
            box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.1);
			z-index:999999;
			display:none;
			padding-top:2px;
        }
            #main_menu .inmenu .sub_menu li{
                
                color: #222;
                font-size: 12px;
                text-align: center;
				width:100%;
				line-height:45px;

            }
		
			#main_menu .inmenu .sub_menu li a{
			color:#000;
			background:#fff;
			font-family:NanumbarunGothic,나눔고딕,돋움;
			display:block;
			width:100%;
		    line-height:45px;
		
			 letter-spacing:1px;
			 border-bottom:1px solid #DDD;
			}
			#main_menu .inmenu .sub_menu li a:hover {
			background:#fff;
			color:#465fb4;
			transition:all 0.2s ease-in-out 0s;
			}

  
	
  .linewrap{width:60%;margin:0 auto; overflow:hidden; height:140px;}
.line {width:40%; height:50px; border-bottom:1px solid #ddd;display:block;float:left;}
.linewrap .l1{ color: #777;	font-family: Adobe Gothic std,HYtbrB;
    font-size: 30px;
  
line-height:110px;width:20%;display:block;float:left;font-size:30px; text-align:center; color:#666;}




			  /* 고정메뉴 -------------------------------------*/
			  .fixwrap{width:20%;right:0; position:fixed; top:120px;}
			 .fixmenu {background:#000;color:#fff; text-align:center; width:25px;padding-left:8px; }
			 .fixmenu .p2 span{color:#fff; line-height:8px; font-size:13px;}
			   .fixwrap #fix1 { top:0px; z-index:10; }
			   .fixwrap #fix2 {  top:0px;z-index:10; }
				/*TEXT 세팅-------------------------------------*/
			.p1{width:80%;margin:0 auto;color:#fff; padding: 5px 0; text-align:center; z-index:15;
			           font-size:24px; font-weight:300; font-family:arial,nanumbarungothic,Adobe Gothic std;}
					 
            .p2{margin:10px auto;display:block; color:#fff; text-align:left; width:90%;padding:5%;font-size:13px; font-weight:300; font-family:nanumbarungothic;}
    		.p3{display:block;width:100%;text-align:left;text-indent:18px; font-size:24px; color:#fff;font-family:Adobe Gothic std,HYtbrB; }
			
			.p3 span{color:#fff;font-size:50px;font-weight:900;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
			.p4{display:block;padding-top:15%;width:92%;margin:4%;text-align:left; font-size:28px; color:#fff;font-family:Adobe Gothic std,HYtbrB; }
			.p4 span{color:#f0f855;font-size:32px;transition:all 0.2s ease-in-out 0s;}
			.p5{display:block;letter-spacing:1px;width:90%;text-align:left; font-size:14px;padding:5%;line-height:23px; color:#fff;font-family:nanumbarungothic,HYtbrB; }
			 .p6{ color:#333;  text-align:center; padding-top:15px;
			         font-size:12px; font-weight:300; font-family:arial,nanumbarungothic,Adobe Gothic std;}



	
		
		  
			
			/*맵css*/
	 #map_wrap {clear:both;width:1000px;margin:0 auto;}
.map_title {clear:both;width:100%;min-height:20px;padding:30px 0;text-align:center;font-size:20px;font-weight:bold;}
.map_content {clear:both;}
.map_content .map_load_info {clear:both;border-top:4px solid #3b3633;margin-bottom:20px;}
.map_content .map_load_info .info_section {clear:both;min-height:50px;border-bottom:1px solid #cacad6;}
.map_content .map_load_info .line_bg {background-color:#f5f5f5;}
.map_content .map_load_info .info_section .section_left {line-height:50px;float:left;width:200px;font-size:15px;font-weight:bold;padding-left:20px;background-color:#ededed;}
.map_content .map_load_info .info_section .section_right {line-height:50px;float:left;width:760px;font-size:14px;font-weight:normal;padding-left:20px;}

.map_area {clear:both;width:970px;height:800px;border:15px solid #d9d9d9;border-radius:10px;margin-top:20px;}

	   @media (max-width:1200px) { 
		#map_wrap{clear:both;width:100%;}
		.map_content .map_load_info .info_section .section_left {width:30%;}
		.map_content .map_load_info .info_section .section_right {width:50%;}
	   }
	      @media (max-width:690px) { 
		#map_wrap{clear:both;width:100%;}
		.map_content .map_load_info .info_section .section_left {width:100%;}
		.map_content .map_load_info .info_section .section_right {width:100%;}
	   }
	


 #bannerline {width:100%; overflow:hidden;background:#361d01;height:130px;padding-top:20px;}		   

  #main_menu .objEffect{width:20%; text-align:left; color:#fff;line-height:20px;float:left;}
 #main_menu .objEffect a{color:#fff; font-weight:500;line-height:20px;margin-left:20px; font-size:15px;font-family:Adobe Gothic std,Ebrima,nanumbarungothic;}
 #main_menu .objEffect a:hover{color:#e7d19b;}		  

 #bannerline img{width:15%;padding-top:3%;padding-left:20%;float:left;}
  #bannerline .textwrap{width:85%;float:left;}
 #bannerline span{display:block;width:100%;font-size:18px;font-family:Adobe Gothic std,NanumGothic,나눔고딕,돋움;color:#fff;
                   text-decoration:none; line-height:35px; font-weight:bold;text-align:center;}

.subpage{width:100%;}
.subpage img{width:100%;}
.board_output_15_tr{line-height:30px;}
.board_output_16_tr{line-height:30px;}
.board_output_17_tr{line-height:25px;}

.info{width:100%; background:#eee;overflow:hidden;z-index:90;}
.info a{display:block; width:20%; font-size:15px; text-align:center;						
       letter-spacing:3px;color:#000;float:left;font-family:arial;font-weight:500;}
	   .info a:hover{color:#c20202;}

/***반응형인자들*************************************************************************************/

/* img {width:100%} */
#latest {position:relative;height:187px; margin:0 auto; padding:0px 0; text-align:center;}
#gallery {position:relative;margin:0 auto; padding:0px 0; text-align:center;} 
#gallery_wrap {position:relative;width:100%; margin:0 auto; padding-bottom:40px;overflow:hidden;} 
#footer_wrap {clear: both;position:relative;width:100%;  
              margin:0 auto;  background:#414141;}
#footer {position:relative; margin:20px auto; }
.footer_in {position:relative; height:42px; margin:5px 0;line-height:42px; color:848484;}
.address {position:relative;  color:7d7c7c; margin:0px 0 0;}
#head_main_content {position:absolute;width:100%; height:122px; top:0px; margin:0 auto;z-index:9999;}
#head_main_content_in {position:relative;height:35px; margin:0 auto;}

#visual_sub {position:relative;width:100%; height:auto; overflow:hidden;} 
 
   #visual_main {transition:all 0.2s ease-in-out 0s;position:relative; top:0; width:40%;height:400px; overflow:hidden;float:left;} 
   #maintext {transition:all 0.2s ease-in-out 0s;z-index:5; position:relative; top:0; width:30%;float:left; height:400px; background:#f85c37;text-align:center;/*background:url("../../img/main_bg001.png")*/}
   #maintext .p1 {margin-top:30%;background:rgba(0,0,0,0.5);}
   .maintext2 {z-index:1; position:relative; float:left; top:0;  width:30%; height:400px; background:rgba(0, 0, 0, 0) url("../../img/maintextimg.png") no-repeat scroll center center;background-image:cover;
   background-position:center;text-align:center;}
   #maintext2{ border: 1px solid #ddd; box-sizing: border-box;}
   .maintext2 .p1 {margin-top:40px;text-align:left; color:#000;border-bottom:2px solid #e0bf06;}
   .maintext2 .p2{opacity:0;text-shadow:1px 1px 1px #fff;color:#000;text-align:left;width:80%;}
   .maintext2:hover .p2{opacity:1;transition:all 0.2s ease-in-out 0s; }

#ban { padding:0px auto; text-align:center; width:100%; overflow:hidden;}
.sub_con {position:relative; }
#top_menu {position:relative; height:49px; z-index:100; padding-top:0px; float:right;}
#ban ul li {float:left;width:50%; display:inline;}
.notice{position:relative;padding:0px 0px 0 0px; float:left;} 
.main_img {float:left;width:1237px;height:auto; }
.main-img img{width:1237px;}
#main_banner {width:100%; margin:0 auto; } 
#DB_navi24 .DB_wrap {position:relative; left:50%; margin-left:-381.5px; height:49px}
#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;left:50%;margin-left:-381.5px;padding-top:10px;}
#DB_navi24 .DB_wrap .DB_main li {float:left;width:auto;height:100%; text-align:center}

.vitext {position:relative;height:190px; float:left; margin:60px auto; z-index:99;}
.sub_con_in {position:relative;text-align:left; float:right; margin:90px 0 50px 30px;}

 .mobile-menu {display:none;}
#search_table {margin-top:10px;}
   #bannerbottom {width:100%;}
   #bannerleft {width:65%; float:left;}
   #bannerright{width:35%;float:left;height:314px;}
   .bannerleftli{width:50%;float:left;}
   .bannerleftli img{width:100%;}

  

  @media all and (max-width:1300px) { 
	 #gallerywrap {width:100%;padding-left:0%;}
   .menu_wrap{left:8%;}
	 #box {width:90%;}
	
  }						 


@media all and (min-width:1200px) { 
	#latest {width:1200px}
	#gallery {width:1200px}
	#gallery_wrap {width:1200px}
	#footer_wrap {width:100%; overflow:hidden;margin-top:50px;}
	#footer {width:1200px}
	.footer_in {width:1200px}
	.address{width:1200px;color:#fff;padding-left:15%;}
	#head_main_content {min-width:1200px;}
	#head_main_content_in {width:1200px;}



	#visual_sub { min-width:1610px;} 
	.sub_con {width:100%; margin:0 auto;}
	#top_menu {width:763px; }
	.notice{width:100%;}
	.sub_con_in {width:850px;}
	#myheader div.mobileMenu {display:none;}
	#myheader h1{display:none;}
	.leftmenu {position:relative; width:100%; height:300px;background:#f1f1f1; text-align:center;margin: 0px;}
	#myheaderWrap {position:absolute;z-index:9999;}
	.leftmenu ul li {  height:40px; overflow:hidden;}
	.mobile-menu {display:none}
   .menu {margin:0 auto;position: relative; z-index:99999;}


}



@media (max-width:1200px) {   /* 화면 너비가 1200px 이하고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
			.fixwrap {width:33px;z-index:20;}

	 #visual_main {width:40%; position:none;} 			   

	 .maintext2{width:30%;transition:all 0.2s ease-in-out 0s;}
	 .banner_wrap{width:100%;}
	 .banner{width:20%;padding:0; margin:0;}
	.main_img {width:63.9%;}
	#main_banner {width:36.1%;}
	 #visual_sub {width:100%;padding-top:0px;}
	 #logwarp{width:100%;}
	   .menu_wrap ul{width:100%;}
	#firstm4 .fm4_txt img{width:100%;}
	#myheader div.mobileMenu {display:none; background-color:#fff; border-left:1px solid #e1e1e1; height:57px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:20px; }
	#banner_wrap{width:100%;padding-left:15%;}
	  .menu{width:80%;}
	.leftmenu {position:relative; width:100%; height:auto; float:left;}
	.leftmenu h2 {}
	.leftmenu ul li {float:left;}
	.leftmenu p {display:none}
	.sub_con_in {float: left; margin: 10px 0 50px 0px; position: relative; text-align: left;}
	.address{color:#fff}
	#main_banner { width:100%; margin:0 auto;}
	.main_img {width:100%;}
	#main_menu{width:100%;}
	#review {width:27%;float:right;}
	#main_menu .inmenu .sub_menu li {width:100%}	 
		  #b3 iframe {margin-left:-10%;margin-top:-15%;}
	#ban ul li {width:50%;}	  
	.info a {width:50%;}
	.info a:nth-child(4){display:none;}
	#bannerleft {width:100%;}
	.subimg{width:100%;}
#bannerright {width:100%;}
.mimg{width:100%;}
   #box{width:100%;}
   #banner3{width:27%;float:right;}
	#textbox2 {top:50px;}
	#textbox1 {top:50px;}
	.col-xs-12 {width:100%;}
}



@media (max-width:995px) {   /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
  	.logo{float:left;z-index:99;}
	.fixwrap {display:none;}
	.bx-wrapper img {}	 
		.bu2 {width:50%;}
	.hover-box2 .p3 {margin:10px 0;}
	.content-boxes > ul > li {width:50%;margin:0;}
	 .mainul{width:100%;}
	 #mainimg{width:100%;}
	  #v1{height:auto;}
	  #v2{height:auto;}	
	   #v1 img{position:relative;width:100%;}
	  #v2 img{position:relative;width:100%;}
	  #b3 {height:auto;}
	 .mainul a li {height:auto;overflow:hidden;}
	.mobile-menu {display:none;}
 .sub_con{width:100%;}
	.sub_con_wrap{padding:0;}
	.menu {display:none;}
	.log{width:190px;}
	  #banner2 {width:30%;}		 #banner2 #slider {width:100%;height:auto;}
	  #banner3{width:35%;}
	#myheader div.mobileMenu {display:block;}
	 #bg .menu_wrap .logul2{width:100%;overflow:hidden; display:none;}
	 .menu_wrap{height:auto;}
	 #bg {border:0; box-shadow:none;height:auto;position:relative;}
	.current_on{width:100%; padding:5%;}								  
	 .head_main{background:#fff;padding-top:0;width:100%;}
	.current_on img{width:100%;}
	#myheaderWrap {overflow:hidden;}
	 #main_menu .objEffect a{color:#fff; font-weight:500;line-height:20px;margin-left:20px; font-size:10px;font-family:Ebrima,nanumbarungothic;}
	#main_menu .objEffect a:hover{color:#e7d19b;}		  
	.pho{margin:20px auto;display:block;width:200px; border-bottom:1px solid #292929; border-top:1px solid #292929;
         color:#292929; text-align:center; font-size:18px; font-weight:500;font-family:Ebrima;}
		 .pho:hover{width:200px;font-size:18px;font-family:Ebrima;text-decoration:none;}
	
	.subimg{width:100%;}
	#head_main_content {width:100%;}
	#head_main_content_in {width:100%;}
	#visual_main {} 
	#visual_sub {width:100%; padding-top:0px;} 
	#ban {width:100%;}
	.sub_con {width:100%;}
	#top_menu {width:763px; }
	#ban ul li {width:50%}
	#banner_wrap{width:100%;padding-left:5%;}
	#notice1, #notice2,#notice3, #notice4 {margin:0 auto;width:100%}
	#footerinwarp{width:100%;}
	.ban {width:100%; }
	.ban li {width:50%; margin:0px; padding:0;}
	#textbox2 {top:10px;}
	#textbox1 {top:10px;}
	.p3 span {font-size:20px;}
		/* 모바일메뉴 */
	.main-nav {  font-size: 1.25em; z-index:10; position: fixed;  top: 0; right:0;  width: 0;  height: 100%;  
	            background: #3B3B3B;  overflow-y: auto;  transition: width 0.1s ease; color:#ffffff;z-index:99 }
	.main-nav a { font-weight:bold; display: block; background: linear-gradient(#3e3e3e, #383838); 
	            border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; color:#ffffff !important; padding: 15px;}
	.close-menu {  display: none; font-size: 2em;  text-align:center;}
	#main-nav:target {  width: 40%; }
	#main-nav:target + #wrap {  width: 100%;}
	#main-nav:target + #wrap .open-menu {  display: none;}
	#main-nav:target + #wrap .close-menu {  display: block;}
	
	#gallery{width:100%;}
	 #firstm4 {height:220px;}
	   .line {width:30%;}  .linewrap .l1{width:40%;}
	#banner{width:30%;height:auto;}
	#banner2{width:30%;height:auto;}
	#banner3{width:30%;height:auto;}
	#visual_main {left:50%}
	#visual_main {right:50%}
}

@media (max-width:699px) {
.maintext2 {width:100%;height: 300px;}
	.bx-wrapper img {width:100%;}
#maintext{position:absolute;width:30%; margin-right:-40%;height:250px;}
.p4 span {font-size:15px;}
 	   .content-boxes > ul > li {width:100%;margin:0;}
   .line {width:15%;}  .linewrap .l1{width:70%;}		
		 #boxwrap {margin:0;}
.p4 {font-size:16px;}
.p3 span {font-size:20px;}
#b3 {height:500px;}
.mobile-menu {display:block;}
.mainul{width:100%;}
.banner{width:100%;height:auto;}
.banner3{width:20%;margin:1%;height:auto;}
#mainimg{width:100%;}
#banner{width:100%;height:300px;margin:0;}
#banner2{width:100%;height:auto;}
#review{width:100%;border-top:1px solid #ddd;}
#banner3{width:100%;height:auto;padding-bottom:20px;}
.ban3{width:50%;float:left;}
	 .banner3 img{width:100%;}
	 .banner_wrap .banner2 {width:100%;margin:0;}
	  .banner_wrap .banner2 img{width:100%;}
#banner .button{width:90%;margin:0 auto;}
 .button .bu {width:40%; padding:0; margin:0; }
	   
 #firstm4 {height:160px;}
   .m1 {font-size:30px; margin: 20px 0 10px;}
   .m1:hover {font-size:30px; margin: 20px 0 10px;}
#banner_wrap{width:100%;padding-left:10%;}
.ban li .over{width:100%;}
.subimg{width:100%;}
	
	#footer_wrap {width:100%}
	#bannerline ul {width:100%;}
	#bannerline ul li {width:50%;padding-top:10px;}
	#bannerline{height:auto;padding:0;}
	.ban{width:100%;padding:0;}
	.ban li {width:100%;margin:0;height:auto;}
		.ban #moveban1{margin-left:-50%;}  .ban #moveban2{margin-left:50%;}
	
	#footer_wrap:after {display:block;visibility:hidden;clear:both;content:""}
	#footer {width:100%}
	.footer_in {width:100%;}
	.address {width:100%;}
	#footerleft{width:20%;margin-left:2%;}
	#footerright{width:70%;}
	#head_main_content {width:100%;}
	#head_main_content_in {width:100%}
	#visual_main {width:100%;height:250px;margin-left:-30%;} 
	#visual_sub {padding-top:0px; width:100%;}
	
	.sub_con {width:100%;}
	#top_menu {width:100%; }
	.notice{width:100%;}
	.board_output td a {float:left;margin-left:%;}
	.info{bottom:0;}
	.bd_out1 a{line-height:15px;}
	.main_img {width: 100%;}
	#DB_navi24 .DB_wrap {position:relative;width:100%;left:50%; margin-left:-381.5px; height:49px}
	#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;width:100%;left:50%;margin-left:-381.5px;padding-top:10px;}
    #DB_navi24 .DB_wrap .DB_main li {width:100%}
    #DB_navi24 .DB_wrap .DB_main li a{width:100%}
    #DB_navi24 .DB_wrap .DB_main li a img{width:30%}
	.info img{width:100%}
	.vitext {width:100%}
	.vitext img{width:100%}
	.sub_con_in {width:100%;}
	
	.main_img {float:left;width:100%;height:auto; }
	#notice1, #notice2,#notice3, #notice4 {margin:0 auto;width:100%;border-top:1px solid #fff;}
	.notice h2 a img{width:100%}
	.bd_out1 a{line-height:12px;}
	.board_output { margin-left: 0px;margin-top: 0px;}
	.board_output td {float:none;padding-left:0px;}
	#notice1 .board_output td a{overflow:hidden;height:20px;}
	#notice2 .board_output td a{overflow:hidden;height:15px;}
	#notice3 .board_output td a{overflow:hidden;height:20px;}
	#notice4 > .board_output > tbody > tr > td > table > tbody > tr > td:last-child {display:none}

	.board_output > tbody > tr > td > table > tbody > tr > td:
	.gallery_shit > .board_output > tbody > tr > td > table > tbody > tr > {width:40%;border:1px solid red;}
	.board_output_img {width:40%}
	.bd_out1 {}
	
	.pc-menu {display:none}
	.mobile-menu {width:100%;margin-left:2%;}
	.mobile-menu li {width:45%;height:25px;float:left;border:1px solid #767676;text-align:center;
	                  margin:1%; font-weight:bold;font-size:20px;margin-right:-1px;}
	.leftmenu h2 {display:none}
} 


@media (max-width:400px) {
}


@media (max-width:320px) {
	.quick {display:none;}
}

/************** 메뉴만을 위한 css*************************************************************************************************************************************/

@media all and (min-width:995px) {

	.menu2 {width:1100px;margin:0 auto;position:relative;}
	
	.menu {width:800px;float:right;position:relative; z-index:99999;}
	.menu ul li:hover > ul  { display: block; *display:none; }
	.menu ul  { float:left;list-style: none; padding: 0; width:600px;}
	
	.menu ul li { float: left;  text-align:left; font-size: 0px; }
	.menu ul li a:hover { color:#000;}
	.menu ul ul { padding: 0; position: absolute; top: 100%; z-index:99999;  }
	.menu ul ul li  { float: none; position: relative; text-align:center; width:128px;}
	.menu ul ul ul  { position: absolute; left: 100%; top:0;  }
	.inmenu .menutext{display:block; text-align:center;width:100%; font-size:18px; color:#fff; font-family:NanumGothic, '나눔고딕'; line-height:70px;font-weight:600;}	
	.menu ul li ul li a { font-size:15px; font-weight:600;   border-right:0px;}
	.menu li a:hover { color:#74073a;transition:all 0.2s ease-in-out 0s; text-decoration: none;}
	.menu li li a:hover { color:#74073a; text-decoration: none;}
	#main-nav {display:none;}
	#wrap { width:1100px; margin:0 auto;  overflow:hidden;}
	#util {background-color:#5e5e5e; text-align:right; height:20px;;background-repeat: repeat-x; border-bottom:1px solid #ccc;} /*background:url('/img/gnb_bg.gif');*/
	#util div.util_Area { width:975px; margin:0 auto; padding:0px 0 ; }
	#util div.util_Area a{ color:#fff; padding:0 15px 0 12px; border-right:1px solid #e0e0e0; }
	#util div.util_Area a.sitemap{ border-right:0px; }
	#headerWrap { width:100%;  margin:0 auto;background:#ffffff}
	#header div.mobileMenu {display:none}
	#header .logo {}
	#subMenuWrap {}
	#header .logo { margin:0 auto; height:50px;width:200px;padding-top:10px;}
	.main02{margin:0 auto;margin-top:50px;max-width:1000px;}
	.visual-btn ul{overflow:hidden;margin:0 auto;width:1000px;min-width:1000px;list-style:none;}

	#footerWrap { width:100%;  height:auto;  border-top:1px solid #e1e1e1; background:#5e5e5e;border-top:2px solid #333;height:80px;}
	#footerWrap #footer { width:1000px; margin:0 auto; padding:16px 0 0 0px; }
	#footerWrap #footer p { padding:0; margin:0; padding-top:2px; }
	#footerWrap .part1 { font-size:12px;font-weight:bold;color:#fff;float:left;width:70% }
	#footerWrap .part2 { float:left;width:30% }

	.main02{margin:0 auto;margin-top:50px;width:100%;}
	.main02 ul{list-style:none;}
	.main02 ul:after {content:"";display:block;}
	.main02 ul li{float:left;margin-left:7px;width:244px;}
	.main02 ul li:first-child{margin-left:0;}
	.sms .send-btn {right: 20px;}

}

@media (max-width:995px) {
	#footerWrap { width:100%;  height:auto;  border-top:1px solid #e1e1e1; background:#058698;border-top:2px solid #333;height:100px;}
	#footerWrap #footer { width:100%; margin:0 auto; padding:16px 0 0 0px; }
	#footerWrap #footer p { padding:0; margin:0; padding-top:2px; }
	#footerWrap .part1 { font-size:12px;font-weight:bold;color:#fff;float:left;width:50% }
	#footerWrap .part2 { float:left;width:50% }
	.visual-btn ul{overflow:hidden;margin:0 auto;width:100%;list-style:none;}

}

@media (max-width:699px) {
	.quick {display:none;}
	#footerWrap { width:100%;  height:auto;  border-top:1px solid #e1e1e1; background:#058698;border-top:2px solid #333;height:140px;}
	#footerWrap #footer { width:100%; margin:0 auto; padding:16px 0 0 0px; }
	#footerWrap #footer p { padding:0; margin:0; padding-top:2px; }
	#footerWrap .part1 { font-size:12px;font-weight:bold;color:#fff;float:left;width:100% }
	#footerWrap .part2 { float:left;width:100%;padding-top:10px;margin-right:25px }
	#footer img{width:100%;}
	.main02{margin:0 auto;margin-top:50px;width:100%;}
	.main02 ul{list-style:none;padding-left:20%}
	.main02 ul:after {content:"";display:block;}
	.main02 ul li{margin:0 auto;width:100%}
	.main02 ul li:first-child{margin-left:0;}
	.sms .send-btn {right: 25%;}




} 


@media (max-width:400px) {
}


@media (max-width:320px) {
	.quick {display:none;}
}