@charset "euc-kr"; @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); TD {font-family: 'Nanum Gothic'; font-size: 13px} body{margin:0; padding:0;font-family: 'Nanum Gothic'} *{box-sizing:border-box} img {border:none;vertical-align:middle;max-width:100%;height:auto} div, ul, li {margin:0; padding:0;list-style:none} a:link, a:visited, a:active {text-decoration:none} .fixed-title {position: fixed;top: 0px} #fixed-menu {width: 100%;border-bottom:0px solid #D7D7D7;z-index:1000;background-color:#ffffff} #goTopBtn {position:fixed;right:200px;bottom:0px;z-index:10000;cursor:pointer} .header_topbar{width:100%;height:25px;background-color:#535355} .header_toptext ul {float:right;padding:4px 0px 0px 0px;font-size:0px} .header_toptext ul li {padding:0 10px;display:inline;font-size:10px;border-left:1px solid #fff} .header_toptext ul li:first-child {border-left:none} .header_toptext li a{font-size:13px;color:#ffffff;text-decoration:none} .header_toptext:link, .header_toptext:visited{color:#ffffff;text-decoration:none} .header_toptext a:hover{color:#FFCB26;text-decoration:underline} .header_toptext_1{float:right;margin-top:7px} .header_toptext_1 ul {float:right;font-size:18px;font-weight: bold;font-size:0} .header_toptext_1 ul li {display:inline;font-size:10px;border-left:0px solid #c0c0c0;padding:0px 2px 0px 2px} .header_toptext_1 ul li:first-child {border-left: none} .header_toptext_1 a:link, .header_toptext_1 a:visited{color:#333333} .header_toptext_1 a:hover{color:#2E76BC;text-decoration:underline} #header_wrap{position:relative;padding:18px 0px 8px 0px} .tel{margin-top:10px;float:right} .m_sitemap{float:right} .m_tel{position:absolute;top:18px;left:5px} .log{margin-left:18px} .main_pic_line{width:100%;height:1px;background-color:#E4E4E4} #menubtn{padding: 7px 5px;border: solid 1px #aaaaaa;border-radius: 5px;background-color: #ffffff;position: absolute;top: 18px;right: 5px;cursor: pointer} #menubtn:hover{background-color: #dddddd} #menubtn:focus{outline: none} #menubtn i{color: #888888;font-size: 18px} #menubtn span{display: inline-block;text-indent: -9999px} .m_menu{display: none} .m_menu ul{margin: 0;padding: 0;list-style: none} .m_menu li a{display: block;padding: 6px;border-bottom: dotted 1px #dddddd;color: #000000;font-size: 14px;text-decoration: none} .m_menu li a:hover{background-color: #eeeeee} .m_menu_line{margin:6px 0px 2px 0px;width:100%;height:1px;background-color:#E4E4E4} #main_right_layer{position:fixed;top:640px;right:158px;z-index:997} #main_right_layer a{font-size:14px;color:#ffffff} #main_right_layer:link, #main_right_layer:visited{color:#ffffff} #main_right_layer a:hover{color:#000000} .main_right_back_1{padding:13px 0px 0px 52px;width:145px;height:45px;background:url(index/right_banner_1.png)no-repeat;background-position: center} .main_right_back_2{margin-top:5px;padding:13px 0px 0px 52px;width:145px;height:45px;background:url(index/right_banner_2.png)no-repeat;background-position: center} .main_right_back_3{margin-top:5px;padding:13px 0px 0px 52px;width:145px;height:45px;background:url(index/right_banner_3.png)no-repeat;background-position: center} .main_pic, .main_pc_pic, .main_mobile_pic{width:100%;text-align:center} #banner_4_back{width:100%;padding:5px 0px 30px 0px;background-color:#F5F5F5} .banner_4{margin:0 auto;width:1289px} .banner_4_box ul{margin: 0 auto} .banner_4_box ul:after{content: "";display: block;clear: both} .banner_4_box li a{margin: 0 auto;display: block;color:#ffffff;font-size:16px} .banner_4_box li a:hover{text-decoration:underline} .banner_4_box li{float:left;padding-top:10px;border:1px solid #D7D7D7;margin-top:2%;margin-left:1.7137960583%;width:22.8791773779%;background-color:#FCFCFC} .banner_4_title{margin-top:10px;margin-left:30px;font-size:21px;color: #584848;font-weight:300} .banner_4_text{margin-top:15px;margin-left:30px;margin-bottom:0px;font-size:16px;color:#919090} .banner_4_icon{float:left;margin-top:20px;margin-left:30px;margin-bottom:19px} .banner_4_go{float:right;margin-top:97px;margin-right:15px;font-size:16px;color:#B3B3B3} #main_gallery_back_1{width:100%;padding:20px 0px 30px 0px;background-color:#ffffff} .main_gallery_big_title_1{margin-top:20px;text-align:center;font-size:35px;color:#000000;font-weight:400} .main_gallery_big_title_2{margin-top:10px;text-align:center;font-size:20px;color:#5A5A5A} .main_gallery{margin:0 auto;width:1289px} .main_gallery_box ul{margin: 0 auto} .main_gallery_box ul:after{content: "";display: block;clear: both} .main_gallery_box li a{margin: 0 auto;display: block;color:#333333;font-size:16px} .main_gallery_box li a:hover{text-decoration:none;background-color:#F1F1F1} .main_gallery_box li{float:left;text-align:center;border:1px solid #D7D7D7;margin-top:2%;padding:5px;margin-left:4.0579710145%;width:19.9275362319%;box-shadow: 3px 3px 3px 0px #DADADA;background-color:#ffffff} .main_gallery_title{margin-top:10px;margin-bottom:5px;text-align:center;font-size:18px;color: #584848} .main_gallery_go{margin-top:30px;text-align:center;font-size:16px} .main_gallery a:link, a:hover{text-decoration:none;color:#000000} #main_banner_back_1{width:100%;padding:15px 0px 50px 0px;background-color:#F5F5F5} .main_banner_big_title_1{margin-top:20px;text-align:center;font-size:35px;color:#000000;font-weight:400} .main_banner_big_title_2{margin-top:10px;text-align:center;font-size:20px;color:#5A5A5A} .main_banner{margin:0 auto;width:1289px} .main_banner_box ul{margin: 0 auto} .main_banner_box ul:after{content: "";display: block;clear: both} .main_banner_box li a{margin: 0 auto;display: block;color:#333333;font-size:16px} .main_banner_box li a:hover{text-decoration:none;background-color:#F1F1F1} .main_banner_box li{float:left;text-align:center;border:1px solid #D7D7D7;padding-top:0px;margin-top:3%;margin-left:2.8985507246%;width:19.9275362319%;box-shadow: 3px 3px 3px 0px #DADADA;background-color:#ffffff} .main_banner_title{margin-top:10px;padding-bottom:7px;padding-left:5px;padding-right:5px;font-size:18px;color: #584848;font-weight:300} #product_back_1:after{content: "";display: block;clear: both} #product_back_1{width:100%;padding:50px 0px 70px 0px;background-color:#FCFCFC} .product_space_1, .product_space_2{float:left;width:50%;text-align:center;font-size:29px;color:#000000;font-weight:400} .product_space{margin:0 auto;width:1289px} .product_space_box ul{margin: 0 auto} .product_space_box ul:after{content: "";display: block;clear: both} .product_space_box li a{margin: 0 auto;display: block;color:#333333;font-size:16px} .product_space_box li a:hover{text-decoration:none;background-color:#F8F8F8} .product_space_box li{float:left;text-align:center;margin-top:1%;margin-left:7.7994428969%;width:38.3008356546%} .product_box_pic{padding:2px;border:1px solid #D0D0D0;background-color:#ffffff} .product_bu{margin-top:6px;padding:6px 60px 6px 60px;display:inline-block;font-size:17px;color:#000000;border:1px solid #D0D0D0;cursor:pointer;background-color:#ffffff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .product_bu:link, .product_bu:visited{color:#000000} .product_bu:hover{color:#ffffff;border:1px solid #000000;background-color:#303030} #sns_4_back{width:100%;padding:20px 0px 70px 0px;background-color:#F5F5F5} .sns_4_big_title_1{margin-top:20px;text-align:center;font-size:35px;color:#000000;font-weight:400} .sns_4_big_title_2{margin-top:10px;text-align:center;font-size:20px;color:#5A5A5A} .sns_4{margin:0 auto;width:1289px} .sns_4_box ul{margin: 0 auto} .sns_4_box ul:after{content: "";display: block;clear: both} .sns_4_box li a{margin: 0 auto;display: block;color:#333333;font-size:16px} .sns_4_box li a:hover{text-decoration:underline} .sns_4_box li{float:left;text-align:center;border:1px solid #D7D7D7;margin-top:2%;margin-left:4.0579710145%;padding:5px;width:19.9275362319%;box-shadow: 3px 3px 3px 0px #DADADA;background-color:#ffffff} .sns_4_title{margin-top:15px;font-size:18px;color: #584848;font-weight:550} .sns_4_text{margin-top:10px;margin-bottom:0px;font-size:15px;color: #584848} .sns_bu{margin-top:15px;margin-bottom:15px;padding:6px 50px 6px 50px;font-size:14px;display:inline-block;font-weight:bold;border:1px solid #D7D7D7;cursor:pointer;background-color:#ffffff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .sns_bu:link, .sns_bu:visited{color:#797878} .sns_bu:hover{color:#595959;background-color:#E0E0E0} .sns_bu480{margin-top:5px;margin-bottom:3px;padding:2px 10px 0px 10px;font-size:10px;display:inline-block;border:1px solid #D7D7D7;cursor:pointer;background-color:#ffffff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .sns_bu480:link, .sns_bu480:visited{color:#797878} .sns_bu480:hover{color:#595959;background-color:#E0E0E0} #customer{margin-top:0px;margin-bottom:40px;width:100%;overflow:hidden;height:290px;background:url(index/customer_back.jpg)no-repeat;background-position: center} .customer_text1{margin-top:90px;text-align:center;color: #ffffff;font-size: 30px} .customer_text2{margin-top:20px;text-align:center;color: #ffffff;font-size: 55px;font-weight:bold} #banner2_back{width:100%;padding:0px 0px 30px 0px} .banner2_big_title_1{margin-top:20px;text-align:center;font-size:35px;color:#000000;font-weight:400} .banner2_big_title_2{margin-top:10px;text-align:center;font-size:20px;color:#5A5A5A} .banner2{margin:0 auto;width:1289px} .banner2_box ul{margin: 0 auto} .banner2_box ul:after{content: "";display: block;clear: both} .banner2_box li a{margin: 0 auto;display: block;color:#fff;font-size:16px} .banner2_box li{position:relative;float:left;border:1px solid #D7D7D7;margin-top:2%;margin-left:2.5316455696%;padding:5px;width:46.2025316456%} .banner2_color1, .banner2_color2{background-color:#FCFCFC} .banner2_icon{margin-top:10px;float:right;width:35%} .banner2_title{margin-top:20px;margin-left:31px;font-size:22px;color:#747474;font-weight:550} .banner2_text_1, .banner2_text_2{margin-top:10px;margin-left:31px;font-size:15px;color:#747474;line-height:24px} .banner2_telcolor{font-size:21px;color:#F79431} .banner2_bu{margin-top:15px;margin-left:32px;margin-bottom:20px;padding:6px 50px 6px 50px;font-size:14px;display:inline-block;font-weight:bold;border:1px solid #B6B5B5;background-color:#C5C4C4;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .banner2_bu:link, .banner2_bu:visited{color:#2A2A2A} .banner2_bu:hover{color:#fff;background-color:#2A2A2A} .board_wrap{padding-top:20px} .board{padding: 0px;border: solid 0px #dddddd} .board_titlebar_1{position:relative;width:100%;height:50px;border-bottom:1px solid #BABABA} .board_titlebar_2{position:relative;width:100%;height:50px;border-bottom:1px solid #BABABA} .board_titleicon{position:absolute;float:left;top:11px;left:25px} .board_titletext{width:100%;padding-top:11px;padding-left:65px;color:#333333;font-size:23px} .board_more{float:right;padding-top:5px;padding-right:20px;color:#ffffff;font-size:17px} .board_more a:link, .board_more a:visited{color:#7B7B7B} .board_more a:hover{color:#9E9E9E;text-decoration:underline} .board ul{margin: 0;padding: 0;list-style: none} .board li a{display: block;padding: 5px;border-bottom: dotted 1px #dddddd;color: #000000;font-size: 14px;text-decoration: none;line-height:26px} .board li a:hover{background-color: #eeeeee} .board time{color: #888888;font-weight: bold} .board a:after{content: "";display: block;clear: both} .board time{float: left;width: 60px} .board .text{float: none;width: auto;margin-left: 60px} .board_space{padding-top:30px;padding-bottom:50px;padding-left:5px;padding-right:5px} .board_boxT:after{content: "";display: block;clear: both} .board_box1{float: left;width: 49%;margin-right:2%} .board_box2{float: left;width: 49%;margin-right:0%} #tel_time{width:100%;overflow:hidden;height:396px;background:url(index/tel_time_back.jpg)no-repeat;background-position: center} .tel_time_title{margin-top:30px;text-align:center;color: #ffffff;font-size:30px;font-weight:bold} .tel_time_box1{margin-top:60px;float:left;width:50%;text-align:center;color: #ffffff} .tel_time_box2{margin-top:60px;float:left;width:50%;text-align:center;color: #ffffff} .tel_time_box3{width:100%;text-align:center;color: #ffffff} .tel_t1{font-size:27px;font-weight:bold} .tel_t2{margin-top:0px;color: #FFC320;font-size:35px;font-weight:bold} .tel_t3{margin-top:9px;font-size:17px;font-weight:bold} .time_t1{text-align:center;color: #ffffff;font-size:27px;font-weight:bold} .time_t2{margin-top:0px;font-size:35px;font-weight:bold} .time_t3{margin-top:9px;font-size:20px;font-weight:bold} .time_t4{margin-top:9px;font-size:17px;font-weight:bold} .teltime_bu{margin-top:75px;padding:12px 40px 12px 40px;font-size:18px;color:#ffffff;display:inline-block;font-weight:bold;border:1px solid #373737;cursor:pointer;background-color:#545454;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .teltime_bu:link, .teltime_bu:visited{} .teltime_bu:hover{color:#ffffff;background-color:#69ABEA} .teltime_butext{color:#FFF000} .p_submenu_box{margin-top:53px;float:right;width:219px} .p_submenu_title{width:100%;border-bottom:2px solid #B80747;font-size:22px;color:#222222;text-indent:15px;font-weight:bold;line-height:43px} .p_submenu_bu{width:100%;border-bottom:1px solid #EBEBEB;display:inline-block;font-size:17px;color:#222222;text-indent:15px;line-height:48px;cursor:pointer;background-color:#ffffff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .p_submenu_bu:link, .p_submenu_bu:visited{color:#222222} .p_submenu_bu:hover{color:#ffffff;background-color:#C6376A} .p_submenu_bu_on{width:100%;border-bottom:1px solid #EBEBEB;display:inline-block;font-size:16px;color:#B80747 !important;text-indent:15px;font-weight:700;line-height:50px;cursor:pointer;background:url(index/menu_icon.png)no-repeat;background-position: center} .m_submenu_back{text-align:center;padding:20px 0px 20px 0px;width:100%;background-color:#EDEDED} .m_submenu_box{margin-top:6px;width:100%} .m_submenu_bu{margin-top:6px;padding:6px 40px 6px 40px;display:inline-block;font-size:17px;color:#000000;border:1px solid #BAB9B9;cursor:pointer;background-color:#ffffff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s} .m_submenu_bu:link, .m_submenu_bu:visited{color:#000000} .m_submenu_bu:hover{color:#ffffff;border:1px solid #000000;background-color:#303030} .m_submenu_bu_on{padding:6px 40px 6px 40px;display:inline-block;font-size:17px;color:#ffffff !important;border:1px solid #000000;cursor:pointer;background-color:#303030;text-decoration:none} .sub-box2{width:100%} .sub_title{margin-top:46px;margin-bottom:50px;width:100%;border-bottom:2px solid #D9D9D9;font-size:28px;color:#222222;line-height:50px;text-align:center;font-weight:bold} .sub_contents_box{width:100%} .sub_contents{margin-top:0px;margin-bottom:50px;margin-left:15px;margin-right:15px} .board_contents{margin-bottom:55px} .map:after{content: "";display: block;clear: both} .map{width: 100%} .map_box1{width: 100%} .map_add{margin-left:10px;color:#878787;font-size:15px;line-height:40px} .map_box_t1{margin-top:31px;float:left;width: 50%} .map_box_t1 ul, .map_box_t2 ul{text-align:center} .map_box_t1 li, .map_box_t2 li{display: block;float:left;width: 50%;color:#878787;font-size:15px;line-height:21px} .map_box_t1_text, .map_box_t2_text{margin-top:30px;text-align:left} .map_box_t1_title, .map_box_t1_title_1, .map_box_t2_title, .map_box_t2_title_2{font-weight:bold} .map_box_t1 p, .map_box_t2 p{margin:0} .map_box_t2{margin-top:31px;padding-bottom:31px;float:left;width: 50%} .map_box_t2_tel{color:#0AA9D8} .map_line{margin:20px 0px 0px 0px;width:100%;height:1px;background-color:#E4E4E4;clear: both} .map_title{margin-top:22px;width:100%;border-bottom:1px solid #E4E4E4;font-size:28px;color:#222222;line-height:50px;text-align:center} #footer_wrap{padding-left:15px;padding-right:15px;width:100%;border-top:1px solid #EBEBEB;line-height:18px;background-color:#F6F6F6} .footer_box2{float:left;padding-top:20px;padding-bottom:20px;width:100%;text-align:center;font-size:12px;color:#333333} #login_wrap{margin:0 auto;padding-left:15px;padding-right:15px} .login_title{margin:22px 0px 0px 0px;text-align:center;font-size:27px;color:#000000} .login_line{width:100%;height:1px;background-color:#E4E4E4} .login_title_space{font-size:14px;color:#000000;line-height: 30px} .login_step2_title{margin-top:50px;margin-bottom:5px;font-size:17px;color:#000000} .login_regis{margin:22px 0px 22px 0px;text-align:center} .login_space{margin:0px 0px 15px 0px} .login_idtext{font-size:12px;color:#000000} .login_regis_exists_bt{margin:7px 0px 2px 0px} .login_notice{font-size:13px;color:#000000} .login_regis_line_1{margin-top:20px;margin-bottom:10px;width:100%;height:1px;background-color:#2B3942} .login_regis_line_2{margin-top:10px;margin-bottom:20px;width:100%;height:1px;background-color:#2B3942} .login_regis_agree{margin-top:10px} .login_info_box{margin-top:20px;margin-bottom:20px;margin-left:10px;margin-right:10px;text-align:center;padding:13px;font-size:13px;color:#000000;border:1px solid #E4E4E4;background-color:#F5F5F4} .login_info_menu{margin-top:10px} .idpw_login_title{font-size:14px;color:#000000} .idpw_bu{width:100%;text-align:center} .idpw_space{margin:20px 0px 0px 0px} .idpw_search{margin-bottom:14px;text-align:center;font-size:14px;color:#1052B5} .mypage_info_title{font-size:14px;color:#000000;line-height: 30px} .mypage_info_table {margin:0px 0px 20px 0px;width: 100%;border: 1px solid #D8DFE5;border-collapse: collapse} .mypage_info_table caption{font-size:16px;color:#333333;line-height: 30px} .mypage_info_table thead th{} .mypage_info_table th{border: 1px solid #D8DFE5;padding: 10px;text-align:center;background-color:#EFF5FB;font-size:13px;color:#333333;line-height: 22px} .mypage_info_table td{border: 1px solid #D8DFE5;padding: 10px;font-size:12px;color:#606060} .mypage_info_table td:hover{background-color:#F3F3F3} .member_merit_title{font-size:14px;color:#000000;line-height: 30px} .member_merit{margin-bottom:30px;border: 1px solid #D8DFE5;padding: 10px;font-size:12px;color:#606060} #mypage_coin_back{width:100%;padding:20px 0px 70px 0px;background-color:#F5F5F5} .mypage_coin{margin:0 auto;width:1380px} .mypage_coin_box ul{margin: 0 auto} .mypage_coin_box ul:after{content: "";display: block;clear: both} .mypage_coin_box li a{margin: 0 auto;display: block;color:#333333;font-size:16px} .mypage_coin_box li a:hover{text-decoration:underline} .mypage_coin_box li{float:left;text-align:center;border:1px solid #D7D7D7;margin-top:2%;margin-left:4.0579710145%;padding:5px;width:19.9275362319%;box-shadow: 3px 3px 3px 0px #DADADA} .mypage_coin_box_title{margin-top:15px;font-size:18px;color: #584848;font-weight:550} .mypage_coin_box_text{margin-top:10px;margin-bottom:0px;font-size:15px;color: #584848} @media(max-width: 480px) { .tel, .main_menu, #goTopBtn, #sub_menu_box, #sms, #main_right_layer, .footer_box1, .main_pc_pic, .header_toptext_1, .header_topbar, .sns_4_text, .sns_bu, .sub-box1, .footer_480, .banner_4_go, .banner_4_text{display:none} #fixed-menu {box-shadow: 0px 0px 15px 0px #808080;-webkit-box-shadow:0px 0px 15px 0px #808080;-moz-box-shadow: 0px 0px 15px 0px #808080} #touchDiv{display:none !important;} .header_topbar{height:22px} .header_toptext ul {float: right;padding:2px 0px 0px 0px} .header_toptext li a{font-size:12px} .header_toptext_home{width:100%} .log{margin:0 auto;text-align:center} .log img{width: 197px} #banner_4_back{padding:0px 0px 15px 0px} .banner_4{width:100%} .banner_4_box li a{font-size:16px} .banner_4_box li{padding-top:10px;padding-left:5px;padding-right:5px;margin-top:4%} .banner_4_title{margin-top:0px;margin-left:0px;text-align:center;font-size:13px;font-weight:300} .banner_4_icon{float:none;margin-top:12px;margin-left:0px;margin-bottom:10px;text-align:center} .banner_4_icon img{max-width:50%} #main_gallery_back_1{padding:10px 0px 18px 0px} .main_gallery_big_title_1{margin-top:3px;font-size:22px;font-weight:400} .main_gallery_big_title_2{margin-top:3px;font-size:14px} .main_gallery{width:100%} .main_gallery_box li a{font-size:14px} .main_gallery_box li{margin-top:3%;padding-left:5px;padding-right:5px} .main_gallery_title{margin-top:4px;margin-bottom:0px;font-size:12px;color: #584848} .main_gallery_go{margin-top:18px;text-align:center;font-size:14px} #main_banner_back_1{padding:1px 0px 30px 0px} .main_banner_big_title_1{margin-top:3px;font-size:22px} .main_banner_big_title_2{margin-top:3px;font-size:14px} .main_banner{width:100%} .main_banner_box li a{font-size:16px} .main_banner_box li{margin-top:3%;padding-left:5px;padding-right:5px;margin-left:7.7994428969%;width:38.3008356546%} .main_banner_title{margin-top:5px;padding-bottom:2px;font-size:15px} #product_back_1{padding:20px 0px 20px 0px} .product_space{width:100%} .product_space_1{width:100%;font-size:25px} .product_space_2{width:100%;font-size:25px} .product_space_box li{margin-top:3%;padding-left:5px;padding-right:5px} .product_bu{margin-top:6px;padding:4px 30px 4px 30px;font-size:11px} #sns_4_back{padding:14px 0px 32px 0px} .sns_4_big_title_1{margin-top:3px;font-size:20px;font-weight:400} .sns_4_big_title_2{margin-top:3px;font-size:12px} .sns_4{width:100%} .sns_4_box li a{font-size:16px} .sns_4_box li{padding-top:5px;margin-top:3%;padding-left:5px;padding-right:5px} .sns_4_title{margin-top:7px;font-size:12px;font-weight:300} .sns_4_text{margin-top:3px;margin-bottom:8px;font-size:12px} #customer{margin-top:0px;margin-bottom:0px;height:100px} .customer_text1{margin-top:30px;font-size:13px} .customer_text2{margin-top:10px;font-size:20px} #banner2_back{width:100%;padding:0px 0px 13px 0px} .banner2_big_title_1{margin-top:3px;font-size:20px;font-weight:400} .banner2_big_title_2{margin-top:3px;font-size:12px} .banner2{width:100%} .banner2_box li a{font-size:16px} .banner2_box li{margin-top:2%;padding:0px;width:95%} .banner2_title{margin-top:20px;margin-left:20px;font-size:19px;font-weight:300} .banner2_text_1, .banner2_text_2{margin-top:3px;margin-left:20px;margin-bottom:8px;font-size:12px;letter-spacing:-1px;line-height:21px} .banner2_bu{margin-top:0px;margin-left:20px;margin-bottom:20px;padding:2px 20px 2px 20px;font-size:13px;} .banner2_telcolor{font-size:16px} .banner2_icon{margin-top:25px} .board_wrap{margin-bottom:20px;padding-top: 10px;padding-bottom: 10px} .board_space{padding-top:20px;padding-left:15px;padding-right:15px} .board_titlebar_1{height:31px} .board_titlebar_2{height:31px} .board_titletext{padding-top:8px;padding-left:59px;font-size:14px} .board_titleicon{top:5px;left:20px} .board_titleicon img{width:80%} .board_more{padding-top:3px;padding-right:10px;font-size:11px} .board_box1{width: 100%;margin-right:0%} .board_box2{width: 100%;margin-right:0%} #tel_time{height:150px;background:url(index/tel_time_back480.jpg)no-repeat} .tel_time_box1{margin-top:10px} .tel_time_box2{margin-top:10px} .tel_time_title{margin-top:13px;font-size:15px} .tel_t1 img{width:17px} .time_t1 img{width:17px} .tel_t1{font-size:14px} .tel_t2{margin-top:5px;font-size:15px} .tel_t3{margin-top:0px;font-size:9px} .time_t1{font-size:14px} .time_t2{margin-top:5px;font-size:15px} .time_t3{margin-top:9px;font-size:10px} .time_t4{margin-top:0px;font-size:9px} .teltime_bu{margin-top:17px;padding:5px 17px 3px 17px;font-size:11px} .sub_title{margin-top:20px;margin-bottom:20px;border-bottom:1px solid #D9D9D9;font-size:20px;line-height:32px} .m_submenu_back{padding:0px 0px 5px 0px} .m_submenu_box{margin-top:6px} .m_submenu_bu{margin-top:6px;padding:4px 10px 4px 10px;font-size:11px} .m_submenu_bu_on{padding:4px 10px 4px 10px;font-size:11px} .map{margin-bottom:0px} .map_add{font-size:13px} .map_box_t1{margin-top:31px;padding-left:10px;padding-right:15px;width:100%} .map_box_t1 img, .map_box_t2 img{width:35%} .map_box_t1 li, .map_box_t2 li{width:50%;font-size:14px} .map_box_t1_text{margin-top:20px} .map_box_t2{margin-top:31px;padding-left:10px;padding-right:15px;padding-bottom:31px;width:100%} .map_box_t2_text{margin-top:0px} .map_title{margin-top:14px;font-size:20px;line-height:35px} } @media (min-width: 481px) and (max-width: 767px) { .header_topbar, .m_tel, .tel, .main_menu, #goTopBtn, #sub_menu_box, #sms, #main_right_layer, .footer_box1, .main_pc_pic, .header_toptext_1, .sns_bu480, .sub-box1, .banner_4_go{display:none} #fixed-menu {box-shadow: 0px 0px 15px 0px #808080;-webkit-box-shadow:0px 0px 15px 0px #808080;-moz-box-shadow: 0px 0px 15px 0px #808080} #touchDiv{display:none !important;} #banner_4_back{padding:20px 0px 30px 0px} .banner_4{width:100%} .banner_4_box li a{font-size:16px} .banner_4_box li{padding-top:10px;padding-left:5px;padding-right:5px;margin-top:4%;margin-left:7.7994428969%;width:38.3008356546%} .banner_4_title{margin-top:3px;margin-left:0px;text-align:center;font-size:23px;font-weight:300} .banner_4_text{margin-top:7px;margin-left:0px;margin-bottom:10px;text-align:center;font-size:13px} .banner_4_icon{float:none;margin-top:0px;margin-left:0px;margin-bottom:15px;text-align:center} #main_gallery_back_1{padding:20px 0px 30px 0px} .main_gallery_big_title_1{margin-top:3px;font-size:24px;font-weight:400} .main_gallery_big_title_2{margin-top:3px;font-size:16px} .main_gallery{width:100%} .main_gallery_box li a{font-size:16px} .main_gallery_box li{margin-top:3%;padding-left:5px;padding-right:5px;margin-left:4.0579710145%;width:19.9275362319%} .main_gallery_title{margin-top:10px;margin-bottom:5px;font-size:14px;color: #584848} #main_banner_back_1{padding:20px 0px 30px 0px} .main_banner_big_title_1{margin-top:20px;font-size:24px} .main_banner_big_title_2{margin-top:10px;font-size:16px} .main_banner{width:100%} .main_banner_box li a{font-size:16px} .main_banner_box li{margin-top:3%;padding-left:5px;padding-right:5px;margin-left:7.7994428969%;width:38.3008356546%} .main_banner_title{margin-top:5px;padding-bottom:2px;font-size:15px} #product_back_1{padding:20px 0px 30px 0px} .product_space{width:100%} .product_space_1{width:100%;font-size:25px;} .product_space_2{width:100%;font-size:25px} .product_space_box li{margin-top:3%;padding-left:5px;padding-right:5px} .product_bu{margin-top:6px;padding:4px 30px 4px 30px;font-size:11px} #sns_4_back{padding:20px 0px 50px 0px} .sns_4_big_title_1{margin-top:3px;font-size:24px;font-weight:400} .sns_4_big_title_2{margin-top:3px;font-size:16px} .sns_4{width:100%} .sns_4_box li a{font-size:16px} .sns_4_box li{padding-top:5px;margin-top:3%;padding-left:5px;padding-right:5px;margin-left:7.7994428969%;width:38.3008356546%} .sns_4_title{margin-top:10px;font-size:18px;font-weight:500} .sns_4_text{margin-top:3px;margin-bottom:10px;font-size:13px} .sns_bu{margin-top:0px;margin-bottom:6px;padding:4px 40px 4px 40px;font-size:13px} #customer{margin-top:0px;margin-bottom:20px;height:180px} .customer_text1{margin-top:60px;font-size: 19px} .customer_text2{margin-top:10px;font-size: 35px} .banner2_big_title_1{margin-top:3px;font-size:20px;font-weight:400} .banner2_big_title_2{margin-top:3px;font-size:12px} .banner2{width:100%} .banner2_box li a{font-size:16px} .banner2_box li{margin-top:2%;padding:0px;width:95%} .banner2_title{margin-top:20px;margin-left:20px;font-size:22px;font-weight:300} .banner2_text_1{margin-top:3px;margin-left:20px;margin-bottom:8px;font-size:15px} .banner2_text_2{margin-top:3px;margin-left:20px;margin-bottom:8px;font-size:15px} .banner2_bu{margin-top:0px;margin-left:20px;margin-bottom:20px;padding:2px 20px 2px 20px;font-size:13px;} .board_wrap{margin-bottom:20px;padding-top: 10px;padding-bottom: 10px} .board_space{padding-top:20px;padding-left:15px;padding-right:15px} .board_titlebar_1{height:36px} .board_titlebar_2{height:36px} .board_titletext{padding-top:8px;padding-left:59px;font-size:17px} .board_titleicon{top:5px;left:20px} .board_more{padding-top:3px;padding-right:10px;font-size:14px} .board_box1{width: 100%;margin-right:0%} .board_box2{width: 100%;margin-right:0%} #tel_time{height:250px} .tel_time_box1{margin-top:25px} .tel_time_box2{margin-top:25px} .tel_time_title{margin-top:20px;font-size:19px} .tel_t1 img{width:23px} .time_t1 img{width:23px} .tel_t1{font-size:22px} .tel_t2{margin-top:5px;font-size:25px} .tel_t3{margin-top:0px;font-size:12px} .time_t1{font-size:22px} .time_t2{margin-top:5px;font-size:25px} .time_t3{margin-top:9px;font-size:16px} .time_t4{margin-top:0px;font-size:12px} .teltime_bu{margin-top:24px;padding:9px 40px 9px 40px;font-size:16px} } @media (min-width: 768px) and (max-width: 1365px){ #goTopBtn, .m_tel, .tel, .main_menu, .banner_4_go, #sub_menu_box, #sms, #main_right_layer, .footer_box1, .main_pc_pic, .sns_bu480, .sub-box1{display:none} #touchDiv{display:none !important;} .header_toptext_1{margin-top:3px;margin-right:70px} .main_p_box{margin:0 auto;width:100%} #banner_4_back{padding:20px 0px 30px 0px} .banner_4{width:100%} .banner_4_box li a{font-size:16px} .banner_4_box li{padding-top:10px;padding-left:5px;padding-right:5px;margin-top:4%;margin-left:7.7994428969%;width:38.3008356546%} .banner_4_title{margin-top:3px;margin-left:0px;text-align:center;font-size:23px;font-weight:300} .banner_4_text{margin-top:7px;margin-left:0px;margin-bottom:10px;text-align:center;font-size:15px} .banner_4_icon{float:none;margin-top:0px;margin-left:0px;margin-bottom:15px;text-align:center} #main_gallery_back_1{padding:20px 0px 30px 0px} .main_gallery_big_title_1{margin-top:3px;font-size:27px;font-weight:400} .main_gallery_big_title_2{margin-top:3px;font-size:19px} .main_gallery{width:100%} .main_gallery_box li a{font-size:16px} .main_gallery_box li{margin-top:2%;margin-left:4.0579710145%;padding:5px;width:19.9275362319%} .main_gallery_title{margin-top:10px;margin-bottom:5px;font-size:15px;color: #584848} .main_banner_big_title_1{margin-top:20px;font-size:27px} .main_banner_big_title_2{margin-top:10px;font-size:19px} .main_banner{width:100%} .main_banner_box li a{font-size:16px} .main_banner_title{margin-top:5px;padding-bottom:2px;font-size:14px} #product_back_1{padding:20px 0px 30px 0px} .product_space{width:100%} .product_space_1{width:50%;font-size:32px} .product_space_2{width:50%;font-size:32px} .product_space_box li{margin-top:3%;padding-left:5px;padding-right:5px} .product_bu{margin-top:6px;padding:4px 30px 4px 30px;font-size:11px} #sns_4_back{padding:20px 0px 50px 0px} .sns_4_big_title_1{margin-top:3px;font-size:24px;font-weight:400} .sns_4_big_title_2{margin-top:3px;font-size:17px} .sns_4{width:100%} .sns_4_box li a{font-size:16px} .sns_4_title{margin-top:17px;font-size:19px;font-weight:300} .sns_4_text{margin-top:3px;margin-bottom:15px;font-size:14px} .sns_bu{margin-top:0px;margin-bottom:10px;padding:3px 27px 3px 27px;font-size:14px} #customer{margin-top:0px;margin-bottom:20px;height:180px} .customer_text1{margin-top:55px;font-size: 19px} .customer_text2{margin-top:10px;font-size: 35px} #banner2_back{padding:20px 0px 50px 0px} .banner2_big_title_1{margin-top:3px;font-size:24px;font-weight:400} .banner2_big_title_2{margin-top:3px;font-size:17px} .banner2{width:100%} .banner2_box li a{font-size:16px} .banner2_title{margin-top:17px;font-size:19px;font-weight:300} .banner2_text_1{margin-top:3px;margin-bottom:15px;font-size:14px} .banner2_text_2{margin-top:3px;margin-bottom:15px;font-size:14px} .banner2_bu{margin-top:0px;margin-bottom:10px;padding:3px 27px 3px 27px;font-size:14px} .board_wrap{margin-bottom:20px;padding-top: 10px;padding-bottom: 10px} .board_space{padding-top:20px;padding-left:15px;padding-right:15px} .board_titlebar_1{height:36px} .board_titlebar_2{height:36px} .board_titletext{padding-top:8px;padding-left:59px;font-size:17px} .board_titleicon{top:5px;left:20px} .board_more{padding-top:3px;padding-right:80px;font-size:14px} .board_box1{float: left;width: 49%;margin-right:2%} .board_box2{float: left;width: 49%;margin-right:0%} #tel_time{height:250px} .tel_time_box1{margin-top:25px} .tel_time_box2{margin-top:25px} .tel_time_title{margin-top:20px;font-size:19px} .tel_t1 img{width:23px} .time_t1 img{width:23px} .tel_t1{font-size:22px} .tel_t2{margin-top:5px;font-size:25px} .tel_t3{margin-top:0px;font-size:12px} .time_t1{font-size:22px} .time_t2{margin-top:5px;font-size:25px} .time_t3{margin-top:9px;font-size:16px} .time_t4{margin-top:0px;font-size:12px} .teltime_bu{margin-top:24px;padding:9px 40px 9px 40px;font-size:16px} } @media (min-width: 1366px) { .m_tel, .m_sitemap, .main_pic_line, .main_mobile_pic, .sns_bu480, .m_submenu_back{display:none} #touchDivM{display:none !important;} #header_fixed{margin:0 auto;width:100%;position:fixed;z-index:999} #header_wrap{padding:15px 0px 15px 0px} .header_line1{width:100%;height:1px;background-color:#E4E4E4} .header_line2{width:100%;height:3px;background-color:#00397B} .main_menu_wrap{text-align:center;line-height:50px} #main_menu_title a:hover{color:#FF5700;background-color:#ffffff;} .main_menu ul ul{position:absolute;display:none;text-align:center} .main_menu ul ul li{display:block;border-bottom:1px solid #595858;background-color:#424242} .main_menu ul li{display:inline-block} .main_menu ul li a:hover{background-color:#333333;color:#E67825} .main_menu li a{display:block;width:285px;font-size:17px;color:#000;font-weight:600;line-height:40px} .main_menu_height{margin-top:8px} .main_menu_sub li a{font-size:13px;color:#B9B8B8} #header_top_wrap{margin:0 auto;width: 1200px} #header_wrap{margin:0 auto;width: 1200px} #index_boxT{margin:0 auto;width: 1200px} #sub_boxT:after{content: "";display: block;clear: both} #sub_boxT{margin:0 auto;width: 1200px;background-color:#ffffff} #board_boxT{margin:0 auto;width: 1200px} #login_boxT{margin:0 auto;width: 850px} .main_pic_space{padding-top:153px} .sub_contents_box{width:100%;background-color:#EAEAEC} .sub-box1{float:left;width:23.3333333333%} .sub-box2{float:left;width:76.6666666667%} .sub-box2contents{padding-left:60px;padding-right:60px} .sub_contents{margin-top:20px;margin-bottom:100px} .board_contents{margin-top:20px;margin-bottom:100px} #menu_tel{float:right;margin-top:20px;margin-bottom:20px;padding-top:20px;padding-bottom:20px;width:217px;border:1px solid #DEDEDE;color: #282828} .menu_tel_box1{float:left;width:33.6405529954%;text-align:center} .menu_tel_box2{float:left;width:66.3594470046%} .menu_tel_icon1{margin-top:4px} .menu_tel_icon2{margin-top:18px} .menu_tel_top_title1{font-size:15px;color: #BA0B4A} .menu_tel_top_title2{font-size:15px;color: #BA0B4A} .menu_tel_number{margin-top:3px;margin-bottom:11px;font-size:15px;color: #282828} .menu_tel_line{margin:0 auto;width:95%;height:1px;background-color:#DADADA;clear: both} .menu_tel_title1{margin-top:10px;font-size:15px;color: #BA0B4A} .menu_tel_title2{font-size:15px} .menu_tel_time1{font-size:11px} .menu_tel_time2{font-size:14px} .menu_tel_text{font-size:12px} #footer_wrap:after{content: "";display: block;clear: both} #footer_wrap{width:100%;border-top:1px solid #EBEBEB;line-height:20px;background-color:#F6F6F6} .footer_box1 img{margin-top:32px;max-width:55%;-webkit-filter: grayscale(100%);filter: gray;opacity: 0.8} .footer_box1{float:left;width:30%;text-align:center} .footer_box2{float:left;width:70%;text-align:left;font-size:13px} }