*{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:#7d7d7d;text-decoration:none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;} a:visited {color:#7d7d7d;text-decoration: none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;} a:hover {color:#8d84e4;text-decoration:none; font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림; font-size:12px;} a:active {color:#7d7d7d;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:#000; 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:1260px;overflow:hidden;padding:20px 0; margin:0 auto;z-index:1;} /*position:relative;*/ #logwarp{width:100%;z-index:99; background:#f3f3f3;} .log{width:300px; height:30px;text-align:right;padding-top:0px;z-index:9999;} /*;*/ .log {clear: both; margin: 0 auto; position: relative; width: 1100px;} .log img {padding-top:5px;line-height:30px;vertical-align:top;} .log a:link{padding:5px 5px 0 5px;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#272727;text-decoration:none; line-height:35px; font-weight:bold;vertical-align:sub;} .log a:visited{padding:5px 5px 0 5px;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#272727;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:sub;} .log a:hover{padding:5px 5px 0 5px;font-size:10px;font-family:NanumGothic,나눔고딕,돋움;color:#020038;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:sub;} .logo{display:block; text-align:center;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; } .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;} #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;*/ .head_main #bannerline{width:60%; overflow:hidden;float:left;} #bannerline #b1{width:70%; float:left;overflow:hidden;} #bannerline #b2{width:30%; float:left;overflow:hidden;} .ban { width:65%; margin:0 auto; padding-bottom:50px;padding-top:30px; text-align:center; overflow:hidden;} .ban li{width:23%;float:left;margin-left:15px;border:0;position:relative;overflow:hidden;} .ban img{width:100%;margin:0;border:5px solid #fff;box-sizing:border-box;border-radius:10px;} .ban .over{position:absolute;width:100%;top:0;left:-407px;} /* .ban .item{display:block; padding:10px; border-bottom:1px solid #000; position:absolute; top:-100px;opacity:0; left:40%;font-size:18px; font-weight:800; color:#fff;z-index:6;text-shadow:3px 3px 3px #000;} */ .ban .item{display:block; padding-top:30%; border-bottom:1px solid #fff; position:absolute; left:40%;font-size:18px; font-weight:800; color:#fff;z-index:6;text-shadow:3px 3px 3px #000;} .middelimg{width:100%;padding:0; margin:0;} #firstm4 {background-image:url(../../img/bg_21.png); position:relative; overflow:hidden; background-attachment: fixed; background-size: cover; overflow-y: hidden; display: block; height:200px; padding-top:100px;} #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:10px;} #noticewrap{width:100%; overflow:hidden;background:#f6f6f6;} #notice{width:1100px; margin:0 auto;padding:10px;} #notice .notice1{font-size:18px; color:#454545;font-weight:600;font-family:NanumBarunGothic;line-height:25px;vertical-align:top;} #notice .notice2 {font-size: 12px; color:#555;font-weight:400;font-family:NanumBarunGothic;padding-left:15px;line-height:25px;vertical-align:top; letter-spacing:1px;} #notice img{margin-left:5px;} #notice a:hover{color:red;} .footer_in {padding:5px 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#565656;text-decoration:none; line-height:35px;} .footer_in a:link{padding:5px 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#565656;text-decoration:none; line-height:35px; font-weight:bold;vertical-align:middle;} .footer_in a:visited{padding:5px 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#565656;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:middle;} .footer_in a:hover{padding:5px 0px;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#272727;text-decoration:none;line-height:35px; font-weight:bold;vertical-align:middle;} #footerinwarp{width:1200px; margin: 15px auto; overflow:hidden;} #footerleft{float:left;} #footerright{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%;height:100px;background:#020038;} #main_menu .inmenu .sub_menu { width:100%; color: #222; overflow:hidden; position:absolute; opacity:0; top:68px; left:30px; } #main_menu .inmenu .sub_menu li{ color: #222; font-size: 14px; text-align: center; width:100%; line-height:35px; } #main_menu .inmenu .sub_menu li img{margin:5px 5px 0 0;} #main_menu .inmenu .sub_menu li a{ font-family:NanumBarunGothic; font-size:13px; color:#fff; display:block; width:100%; margin:0 auto; line-height:35px; text-align:center; background:#5a6790; } #main_menu .inmenu .sub_menu li a:hover { color:#000; background:#fff; transition:all 0.2s ease-in-out 0s; } #bannerline ul li{border:1px solid #ddd; } #banner1{width:94%;margin-left:10px; margin-bottom:10px;height:418px; background:url(../../img/banner_05.png) center no-repeat;;} #banner2{width:94%;margin-left:10px;height:278px; background:#a28973;} #no4{width:97%;margin-left:10px;overflow:hidden;margin-bottom:10px;background:#d03e4b;} #no4 .red1{color:#fff;} #no4 .te{color:#fff;} #no4 .black1{color:#fff;} #no1{width:47%;float:left;margin-left:10px;height:520px;} #no2{width:47.5%;float:left;margin-left:10px;margin-bottom:10px;background:#5a6790;} #no2 .te{color:#fff;} #no3{width:47.5%;float:left;margin-left:10px;} #bannerline ul li:hover{opacity:0.8;} #bannerline .objEffect img{padding:10px 0;width:90%;} #bannerline ul li .text{width:100%;margin-bottom:10px;text-align:left;} .red{font-size:18px;color:#fff;font-weight:600;padding:5px;border-bottom:1px solid #ce1616;letter-spacing:0.5px;} .red:hover{color:#ce1616; transition: all 0.3s ease-in-out 0s;} .black{font-size:13px; color:#fff;font-weight:400;padding:15px;font-family:NanumBarunGothic;letter-spacing:0.5px;} .red1 {font-size:14px;color:#585858;font-weight:600;line-height:30px; text-indent:20px;letter-spacing:0.5px;font-family:NanumBarunGothic,Euphemia;} .black1 {font-size:14px; color:#929090;font-weight:400;padding: 0 25px 10px 25px;font-family:NanumBarunGothic,Euphemia;letter-spacing:0.5px;} .objEffect {width:100%;border-radius:0;} .objEffect .te{font-size:22px;display:block;margin-top:10px;text-indent:15px; line-height:40px; color:#292929;font-family:NanumBarunGothic;letter-spacing:0.5px;} .bu {width:30%;background:#d75b65; border:1px solid #e28d90; float:left; font-size:14px; line-height:30px;text-align:center; color:#fff;font-family:NanumBarunGothic;text-align:center;margin:10px 20px;} .bu:hover{background:linear-gradient(to top,#d75b65, #ddd);} #bu1{background:rgba(42, 42, 42, 1) 100%;} #bu1 p{color:#fff;} .board_output img{width:100%;} #bannerline #no3 img{float:right;} #bannerline2 {width:100%;overflow:hidden; margin-bottom:20px;} #bannerline2 .menu2{width:1100px;margin:0 auto; overflow:hidden;} .menu2 .menutext2{width:100%; text-align:left;font-weight:800; font-size:13px;line-height:30px; transition:all 0.3s ease-in-out 0s;color:#6d6c6c;border-bottom:1px solid #fff;} .menu2 .menutext2:hover{border-bottom:3px solid #8d84e4;color:#8d84e4;} .menutext .sub_menu2 {width:100%;} .menu2 #main_menu li{width:20%;text-align:left;height:auto;float:left;} .menu2 #main_menu .objEffect .sub_menu2 li {width:100%;height:auto;padding:5px;} .main1 {width:100%; padding:50px 0 20px 0;} .main1 a{font-family:NanumBarunGothic; font-size:32px; font-weight:500;color:#ddd;padding-bottom:15px; text-align:center;display:block; width:100%;line-height:45px;text-shadow:3px 2px 0 rgba(0,0,0,0.05);} .main1 a:hover{text-shadow:3px 2px 0 rgba(0,0,0,0.05);font-family:NanumBarunGothic;} .main1 .main2{width:100%; font-weight:500;color:#ddd;text-align:center;display:block; width:100%;line-height:25px;font-size:13px;} #bannerline .textwrap{width:85%;float:left;} #bannerline span{display:block;width:30%;margin:0 auto;font-family:NanumBarunGothic, text-align:center; } #bannerline .t1{display:block;width:100%;font-size:12px;font-family:NanumGothic,나눔고딕,돋움;color:#7d7d7d; text-decoration:none; line-height:30px; font-weight:400;text-align:center; padding-top:10px;} strong{line-height: 25px;background:#ddd; display:block;width:25%;border-radius:0 5px 0 5px;margin:0 auto;} .subpage{width:100%;} .subpage img{width:100%;} .board_output_15_tr{line-height:35px;} .board_output_16_tr{line-height:25px;} .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:#646c84;border-top:1px solid #565656; } #footer {position:relative; margin:0 auto; } .footer_in {position:relative; height:px; line-height:px; 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_main {width:40%;position:relative;float:left; overflow:hidden;} #visual_sub {position:relative;width:100%; height:auto; overflow:hidden;} #maintext {position:absolute;width:100%; top:-260px;z-index:50;} #maintext #pwrap {width:50%; margin:0 auto;} #maintext #pwrap li{font-size:70px;color:#fff;text-align:center;} #maintext .bx-wrapper .bx-viewport {background:none;} #maintext #imgwrap {width:800px; margin:0 auto;} #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;} .main_img {float:left;width:1237px;height:auto; } .main-img img{width:1237px;} #main_banner {width:100%; margin:0 auto; background:#3a3a3a;overflow:hidden;}/*url(../../img/mainbannerbg.png) center no-repeat; */ #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;} .footer_in {width:100%;background:#fff;} #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%;} #ban img{width:100%;} @media all and (max-width:1300px) { #maintext { top:-300px;} #bannerline ul{width:95%;margin:0 auto;} .ban{width:95%;} } @media all and (min-width:1200px) { #latest {width:1200px} #gallery {width:1200px} #gallery_wrap {width:1200px} #footer_wrap {width:100%; } #footer {width:100%;overflow:hidden;} #fw{width:1200px;margin:0 auto;} .address{width:1200px;color:#fff} #head_main_content {min-width:1200px;} #head_main_content_in {width:1200px;} #visual_sub { min-width:1610px;} .sub_con {width:1200px; margin:0 auto;} #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} .menu {clear:both;width:100%;margin:0 auto;position: relative; z-index:99999;} } @media (max-width:1200px) { /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */ #visual_main {width:100%; } .main_img {width:63.9%;} #main_banner {width:36.1%;} .head_main #bannerline {width:100%;} #visual_sub {width:100%;} .menu_wrap {display:none;} .menu {display:none;} #visual_sub {padding-top:0px;} #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; } .head_main{width:100%;} .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} #main_banner { width:100%; margin:0 auto;} .main_img {width:100%;} #main_menu{width:60%;margin:0 auto;} .inmenu{width:100%;} #main_menu .inmenu .sub_menu li {width:20%} .bxslider img {width:100%;} #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%;} } @media (max-width:995px) { /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */ #bannerline ul{width:100%;} #main_menu{width:100%;} #bannerline2 .menu2{width:100%;} .logo{float:left;} #maintext {position:absolute;width:100%; top:-300px;z-index:50;} .subimg{width:100%;} #head_main_content {width:100%;} #head_main_content_in {width:100%;} #visual_main {width:100%;} #visual_sub {width:100%} #ban {width:100%;} .sub_con {width:990px;} #top_menu {width:763px; } #notice{width:100%;} #maintext #pwrap li{font-size:30px;} #maintext #imgwrap {width:80%;} #maintext #imgwrap img{width:100%;} #notice1, #notice2,#notice3, #notice4 {margin:0 auto;width:100%} #footerinwarp{width:100%;} .ban {width:100%; padding-bottom:2px;padding-top:2px;} .ban li {width:%; padding:0;height:auto;} .ban li img{width:100%;} .board_output_15_tr{line-height: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_wrap {display:none;} #gallery{width:100%;} #firstm3{display:none;} #visual_sub {padding-top:0px;} } @media (max-width:699px) { #bannerline #b1{width:100%;margin-top:10px;} #bannerline {background:#fff;} #bannerline #no4{width:95%;} #bannerline #no1 img{width:60%; float:right;padding:0;} #bannerline #b2 {width:100%;margin-top:10px;} #bannerline #no1{width:46.5%;float:left;height:350px;} #bannerline #no2{width:46.5%;float:right;height:350px;} #bannerline #no3{width:95%;border-top:1px solid #f1f1f1;} #notice{display:none;} .menutext2 .sub_menu2{width:100%;} menu2 #main_menu .objEffect .sub_menu2 li{width:100%; padding:3px;} .menu2 #main_menu li{width:20%;} .subimg{width:100%;} #maintext {top:-480px;} #footer_wrap {width:100%} #bannerline ul {width:100%;} #bannerline ul li {width:46.5%; float:left;} #bannerline{height:auto;padding:0;} .ban{width:100%;padding:0;} .ban li {width:50%;margin:0;height:auto;} .ban li img{width:100%;} #ban2 li{width:50%;} #ban2 #social{width:35%;margin-left:8%;} #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_sub { 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%} .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} } @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;position: relative; z-index:99999;} .menu ul { float:right; list-style: none; width:60%;} .menu ul:after { content: ""; clear: both; display: block; } .menu ul li { float: left; text-align:center; font-size: 0px; width: 20%; position:relative; } .menu ul li a:hover {font-size:18px; color:#fff; background:#5a6790; transition:all 0.2s ease-in-out 0s; } .inmenu .menutext{display:block; width:100%; font-size:15px; color:#fff; font-family:arial, Bell MT; line-height:68px;box-sizing:border-box;} .menu ul li ul li a { font-size:13px; font-weight:normal; border-right:0px;} .menu li a:hover { color:#000;background:#fff;transition:all 0.2s ease-in-out 0s; text-decoration: none;} .menu li li a:hover { color:#777; text-decoration: none;} #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:#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;} }