*{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;position:relative;}
a:link {color:#272727;text-decoration:none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;}
a:visited {text-decoration: none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;}
a:hover {color:#999;text-decoration:none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;}
a:active {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:#272727;}
body, th, td, textarea  { line-height:20px; }
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;} 

.head_main {width:100%; margin:0 auto;z-index:1;} /*position:relative;*/
#toplogwrap{width:80%;float:right;border-right: 1px solid #ddd; box-sizing:border-box;border-left:1px solid #ddd; height:250px;}
.log{width:300px; height:30px;text-align:right;padding:5px;z-index:9999;} /*;*/
.log {clear: both;  position: relative; width: 250px;float:right;}
.log a{color:;width:33%;display:block;float:left;text-align:center;}
 .log {border-left:1px solid #ddd;}
.log a:link{width:33%;display:block;float:left;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#999;text-decoration:none; line-height:35px; font-weight:bold;vertical-align:center;}
.log a:visited{width:33%;display:block;float:left;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#999;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:center;}
.log a:hover{width:33%;display:block;float:left;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#272727;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:center;}
.logo{position:relative; float:left; text-align:center;margin-top:15px;}
#logowrap{float:left; height:100px; }
.menu .menuul{display:block;width:80%;float:left;}
#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; }
.line{position:relative;width:33px;height:138px;padding:0px 0px 0 0px; float:left;  background:url(../img/main/line.jpg) center no-repeat;}
.comcs{position:relative;width:210px;height:138px;padding:0px 0px 0 0px; float:right;}
 .bt{float:right; padding:10px 20px 10px 0;}
#info img{display:block;float:left;}
#infowrap{width:100%;height:30px;padding:10px 0 10px 0; border-bottom:1px solid #ddd;}
#info{width:1100px;margin:0 auto;}
#info .textcenter{display:block;width:75%;float:left;padding:9px 0 8px 0;font-size:14px; font-family:NanumBarunGothic;}
#info a:visited{color:#272727;}
#info a:hover{text-decoration:underline;}
#inforight{width:50%;float:left;}
#infoleft{width:50%;float:left;}

#subwrap{margin-top:100px;}

#bt1{border-right:1px solid #ddd;}

.footer_in {padding-left:5px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#fff;text-decoration:none;
            width:1110px; margin:0 auto;}
.footer_in a:link{padding:10px 5px 0 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#b4b4b4;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:#b4b4b4;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:#575757;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:sub;}
  #footerinwarp{width:1110px; margin: 0 auto; overflow:hidden;}
  #footerinwarp #footerleft{width:30%;float:left; }
  #footerinwarp #footerright{width:70%;padding-bottom:20px;float:left;}


.sub_con_wrap {position:relative;width:100%; margin:0 auto; height:auto; }

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

.tit_right {position:relative; width:50%; float:right; text-align:right;}
.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; padding:0 0 0 18px; margin:0 0 30px 0; 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;}
.product_tab {cursor:hand}
.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; position: absolute;top:0; overflow:hidden;	  height:100px;
			background:#ffffff;z-index:100;}
.all_menu { position: relative; border-bottom:1px sold #cc0303;	overflow:hidden;
            width:100%;z-index:999;background:#fff;}
.am_wrap {width:1100px;clear:both;margin:0 auto;}
.am_wrap2{width:70%; float:right;height:120px;border-right:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box;}
.s_txt_box .txt_bg a{color:#9d9d9d;}
.s_txt_box .txt_bg a:hover{color:#fffe91;width:100%;}

 .s_txt_box{width:100%;padding-top:15px;float:left; text-align:center; }
 .txt_bg {padding-top:5px;}

	  
	  .bg{background:#cc0303;}

.board_output {margin-top:10px;}
.txt_bg a{font-size:1.167em;}

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

/* img {width:100%} */
#latest {position:relative;height:187px; margin:0 auto; padding:0px 0; text-align:center;}
#gallery {position:relative;margin:0 auto; padding-left:30px; text-align:center;} /*height:260px; */
#gallery_wrap {position:relative;width:100%;  margin:0 auto;overflow:hidden;} /*height:270px;*/
#footer_wrap {clear: both;position:relative;width:100%;  
              margin:0 auto; border-top:1px solid #ddd; }
#footer {position:relative; margin:0 auto; padding:0px 0;}

.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_main {position:relative;width:100%; height:auto; margin:0 auto; overflow:hidden;} 
#visual_sub {position:relative;width:100%; height:auto; margin:0 auto; overflow:hidden;}

.ban {width:32%;margin-left:1%;float:left; text-align:center; overflow:hidden;}
#ban1{margin:0;}
.ban li{width:100%;margin-bottom:10px;border:1px solid #ddd; box-sizing:border-box;}


.ban .li1{width:50%; float:left; margin:0; border:0; padding-bottom:1px;}
 #ban3_1{height:360px;}
.middelimg{width:100%;}
 #bxslider2 li{border:0;}


.sub_con {position:relative; margin:0 auto;}
#top_menu {position:relative; height:49px; z-index:100; padding-top:0px; float:right;}
 
.notice{padding:0px 0px 0 0px; float:left;background:url('../../img/noticebg_20.jpg');} /*height:138px;*/
.notice h2{border-bottom:1px solid #ddd;}
#main_banner {width:1100px; position:relative;margin:0 auto; overflow:hidden; padding:  20px 0 10px 0;} /* height:265px;*/
#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}
.info {position:relative;width:100%; margin:0 auto; text-align:center;background:rgba(0, 0, 0, 0.5);	bottom:66px;  z-index:98;} /* background:url('../../img/mainbar_bg.png') repeat-x;*/
.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;}

.board_output td {float:left;padding-left:3px;padding-top:2px;}
#search_table {margin-top:10px;}


@media all and (min-width:1100px) { 
	#latest {width:1100px}
	#gallery {width:1100px}
	#gallery_wrap {width:1100px; margin-bottom:50px;}
	#footer_wrap {width:100%;}
	#footer {width:1100px; margin-top:10px;}
	
	.address{width:1100px;color:#fff}
	#head_main_content {min-width:1100px;}
	#head_main_content_in {width:1100px;}
	#visual_main {min-width:1100px;border-bottom:5px solid #272727;} 
	#visual_sub { min-width:1100px;} 
	#bxtop{margin-top:100px;}
	.sub_con {width:1100px;}
	#top_menu {width:763px; }
	
   
	.sub_con_in {width:850px;}
	#myheader div.mobileMenu {display:none;}
	#myheader h1{display:none;}
	.leftmenu {position:relative; width:215px; height:auto; float:left;margin:60px 0 0px 0px;}
	#myheaderWrap {position:absolute;z-index:9999;}
	.leftmenu ul li { width:215px; height:40px; overflow:hidden;}
	.mobile-menu {display:none}
	
}

@media (max-width:1100px) {   /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */

	.menu_wrap {display:none;}
	.menu {display:none;}
	 
	
	#myheader div.mobileMenu { background-color:#fff; border-left:1px solid #e1e1e1; height:57px; width:70px; float:right; text-align:center;  font-size:30px; padding-top: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;}

	.leftmenu {position:relative; width:100%; height:auto; float:left;margin:10px 0 0px 0px;}
	.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}
	#logowrap{display:none;}
	 #toplogwrap {background:#fff;}
	 .log{display:none;}
}



@media (max-width:995px) {   /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
    #gallery{display:none;}
	#firstm{display:none;}
	#head_main_content {width:100%;}
	#head_main_content_in {width:100%;}
	#visual_main {100%} 
	#visual_sub { 100%}
	#info{width:100%;}
	#info .textcenter{width:65%;}
	#main_banner{width:704px;}
	.ban {float:left;}
	.ban img{width:100%;}
	 #ban3_1{height:auto;}
    #ban3 {height:auto;}

	.sub_con {width:990px;}
	#top_menu {width:763px; }
		
	#notice1, #notice2,#notice3, #notice4 {}
	#footerinwarp{width:100%;}
	#logowrap{display:none;}
	.board_output_gallery_img {width:50%;}
	.board_output_imgs{}
	.board_output td {float:left;padding:0;}
	.board_output{margin:0;}
}

@media (max-width:699px) {

	#latest {width:100%;} /*width:680px*/
	#gallery {width:100%;}
	#gallery_wrap {width:100%;overflow:hidden}/*width:680px*/
	#footer_wrap {width:100%}
	#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%} 
	#visual_main img{width:100%;}
	#visual_sub { width:100%}
	#main_banner{width:100%;}
	.ban {width:100%;}
	.ban .li1{padding:0;}
	.ban li{width:50%;float:left;height:auto;overflow:hidden; margin: 0px;border-bottom:1px solid #fff;
	       padding:0;border-left:1px solid #fff;box-sizing:border-box;}
	.ban img{width:100%;}
	#bt1 {border:0;padding:0;margin:10px 10px 5px 0;}
	.bta{float:right;}
	#ban2{width:50%;float:left;margin:0;}
	#ban3{width:50%;float:left;margin:0;}
	#ban2 li{float:none;width:100%;background:#f3f3f3;}
	#ban3 li{float:none;width:100%;}
	#ban3_1{height:190px;}
	#ban2_1{height:190px;}
	#inforight {padding-left:10px;width:45%;}
	#infoleft {padding-left:10px;width:45%;}
#infowrap {height:100px;}
	.sub_con {width:100%;}
	#top_menu {width:100%; }
	.notice{width:100%;}
	.board_output td a {float:left;}
	.info{bottom:0;}
	
	#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%;}
	.sub_con_in img{width:100%}

	#notice1, #notice2,#notice3, #notice4 {width:100%}
	.notice h2 a img{width:100%}

	#notice1 .board_output td a{overflow:hidden;height:20px;width:150px;}
	#notice2 .board_output td a{overflow:hidden;height:20px;width:150px;}
	#notice3 .board_output td a{overflow:hidden;height:20px;width:150px;}
	#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:24%;height:25px;border:1px solid #767676;text-align:center;font-weight:bold;font-size:20px;margin-right:-1px;}
	.leftmenu h2 {display:none}
	#footerright img{width:70%;}
} 


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


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

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

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

	.menu {clear:both;width:1100px;margin:0 auto; z-index:99999;}
	.menu .menua {font-size:12px;font-family: "Nanum Gothic",Dotum,"돋움",Arial,sans-serif;;color:#9d9d9d;font-size:15px;text-decoration:none; 
	               font-weight:bold;  line-height:30px;}
	.menu .menua:hover{color:#fff;}
				   .menu li:last-child .menua{border-right:0;}
	.menu ul li:hover > ul  { display: block; *display:none; }
	.menu ul { float:right;list-style: none; width:100%;position:relative; border-top:1px solid #ddd;}
	.menu ul li { float: left;  text-align:center; width:20%;height:250px;}
	.menu ul li:hover{background:#cc0303; color:#fff;}

	.menu ul ul { padding: 0; position: absolute; top: 100%; border:1px solid #ddd; z-index:99999;  }
	.menu ul ul li  { float: none; position: relative; text-align:left; width:128px;}
	.menu ul ul ul  { position: absolute; left: 100%; top:0;  }
	.menu li a {display: block; font-size:13px; margin: 1em 0em 0.5em 0em;line-height:0.8em; color:#5e5e5e; } /* border-right:1px solid #cccc99;*/
	.menu ul li a.first { border-left:1px solid #dfdfdf; }
	.menu ul li ul li a { font-size:13px; margin: 0.4em; font-weight:normal;  background: #fff;  padding: 0.4em; border-right:0px;}
	
	

	#main-nav {display:none;}
	#wrap { width:100%; margin:0 auto;  }
	#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:#fff;}
	#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 }
	
	.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;}
}