@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 공통 - UI 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#skip_navi {display:none;}
body {min-width:320px; background-color:#fff;}

#wrapper {}
.header {background-color:#e2e3e7; position:relative; /*background-color:#fff;*/ /*position:fixed; top:0; left:0; width:100%; z-index:101;*/
      /*-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);*/
}
.header:after {display:block; content:""; clear:both;}

.header_bg_white {background-color:#fff;}

.header .top_header {padding:10px 0; border-bottom:solid 1px #cdcdcd; overflow:hidden;}
.header .top_header ul {overflow:hidden; float:right;}
.header .top_header ul li {float:left; padding:0 7px;}
.header .top_header ul li a {}
.header .top_header ul li.basket a {display:inline-block; padding-left:18px; background: url('../images/common/icon_basket.png') no-repeat left center;}
.header .top_header ul li.basket a span.count {display:inline-block; padding:0 6px; height:20px; line-height:20px; font-size:12px; color:#fff; background-color:#d92626; border-radius:30px;}

h1.logo {float:left; width:190px; height:80px; background: url('../images/common/logo.png') no-repeat left center;}
h1.logo img {}

.header_bg_white h1.logo {background: url('../images/common/logo_white_bg.png') no-repeat left center;}

.base_width {margin:0 auto; width:1200px; position:relative;}

/* 데스크탑 */
@media all and (max-width:1200px){
      .base_width {width:auto;}
      .header {padding:0; box-sizing:border-box;}
}

/* 태블릿 */
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
      .header .base_width {padding:0 10px;}
}

/* 모바일 */
@media all and (max-width:414px){
      /*.header {line-height:70px;}
      h1.logo img {height:60px;}*/
}


/* 대메뉴 */
.gnbarea {float:right; height:80px;}
.gnbarea ul.gnb {}
.gnbarea ul.gnb>li {float:left; position:relative;}
.gnbarea ul.gnb>li a.title,.gnbarea ul.gnb>li a.title_nosub {display:block; padding:0 25px; height:80px; line-height:80px; color:#333; font-size:18px;}
.gnbarea ul.gnb>li:hover a.title,.gnbarea ul.gnb>li:hover a.title_nosub {color:#990000;} 
ul.gnb>li a.title.active {}

.gnbarea ul.gnb>li .submenu {padding:10px 5px; width:155px; border:solid 1px #ccc; background-color:#fff; position:absolute; top:60px; left:-30px; z-index:10;
      -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);}
}
.gnbarea ul.gnb>li .submenu ul {}
.gnbarea ul.gnb>li .submenu ul li {padding:10px 5px; line-height:20px; border-bottom:solid 1px #eee;}
.gnbarea ul.gnb>li .submenu ul li:last-child {border-bottom:none;}
.gnbarea ul.gnb>li .submenu ul li a {display:block;}
.gnbarea ul.gnb>li .submenu ul li a:hover {color:#990000;}

@media all and (max-width:1200px){
      .gnbarea ul.gnb>li a.title {padding:0 15px;}
}

/* 테스크탑 */
@media all and (max-width:768px){
      .gnbarea {display:none;}
}

a.btn_sidemenu {display:none;}

/* 테스크탑 */
@media all and (max-width:768px){
      a.btn_sidemenu {display:inline-block; width:22px; height:30px; line-height:0; text-align:center; position:absolute; top:30px; right:20px;}
      a.btn_sidemenu span {display:inline-block; margin:3px 0;  width:100%; height:1px; background-color:#333;}

      a.btn_sidemenu.active {width:40px; height:40px; top:20px; right:10px;}
      a.btn_sidemenu.active span {width:55px; margin:0;}
      a.btn_sidemenu.active span:nth-child(1) {transform:rotate(45deg); position:relative; top:16px; left:-7px;}
      a.btn_sidemenu.active span:nth-child(2) {transform:rotate(-45deg); position:relative; top:12px; left:-7px;}
      a.btn_sidemenu.active span:nth-child(3) {display: none;}
}

.gnbarea_mobile {position:absolute; top:120px; right:-300px; width:100%; height:100vh; height:calc(100% - 120px); background-color:#fff; z-index:300;}
.gnbarea_mobile .outline {padding-bottom:70px; height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}

.btn_sidemenu_close {display:inline-block; font-size:0; text-indent:-1000px; width:50px; height:50px; background:url('../images/ctl/icon_sidemenu_close.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-25px;}

ul.gnb_mobile {padding:0 10px; border-top:solid 2px #72091e;}
ul.gnb_mobile>li {border-bottom:solid 1px #ddd; }
ul.gnb_mobile>li a.title, ul.gnb_mobile>li a.title_nosub {display:block; padding:10px 15px; color:#333; font-size:16px; position:relative;}
ul.gnb_mobile>li a.title.active {background-color:#fff; color:#95062a; font-weight:600;}
ul.gnb_mobile>li a.title span.cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert.png') no-repeat center; position:absolute; top:16px; right:15px;}
ul.gnb_mobile>li a.title.active span.cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert_active.png') no-repeat center;}
ul.gnb_mobile>li .submenu {opacity:0; padding:0 10px 10px; background-color:#fff;}
ul.gnb_mobile>li .submenu>ul {}
ul.gnb_mobile>li .submenu>ul>li>a {display:block; padding:0 20px; height:35px; line-height:40px; color:#333; border-top:solid 1px #fff; background:url('../images/icon/icon_nav_bar.png') no-repeat 15px center;}
ul.gnb_mobile>li .submenu>ul>li.first>a {border-top:none;}
ul.gnb_mobile>li .submenu>ul>li>a:hover {background-color:#f2f2f2;}


.modal_screen_sidemenu {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:70px; left:0; z-index:150;}
.gnbarea_mobile .bottom_func {width:100%; height:50px; text-align:center; border-top:solid 1px #e2e2e2; background-color:#f5f5f5; position:absolute; bottom:0; left:0;}
.gnbarea_mobile .bottom_func span {display:block; padding-top:15px; font-size:12px; color:#999;}

/* 테스크탑 */
@media all and (max-width:1024px){
 
}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){   
 
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 main_cont
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_visual {padding:50px 0 0; background-color:#e2e3e7; background-image:url('../images/main_visual.jpg'); background-repeat:no-repeat;}

.slogon {padding-left:50%; padding-bottom:40px; margin-left:-160px;}
.slogon .txt {margin-bottom:10px; font-size:40px; line-height:50px; position:relative;}
.slogon .txt .line1 {display:block; color:#cb0000;}
.slogon .txt .line2 {display:block; color:#666666;}
.slogon .txt:after {display:block; content:""; width:105px; height:3px; background-color:#cb0000; position:absolute; top:-8px; left:0;}
.slogon a.btn_product {display:inline-block; padding:0 25px; font-size:24px; color:#cb0000; text-align:center; height:40px; line-height:40px; border:solid 3px #cb0000;}
.slogon a.btn_product:hover {color:#fff; background-color:#cb0000;}

.main_img_list {overflow:hidden;}
.main_img_list ul {overflow:hidden; float:right;}
.main_img_list ul li {float:left; width:33.33%;}
.main_img_list ul li.dumy {display:none;}


/* 테스크탑 */
@media all and (max-width:1200px){
      .slogon .txt {margin-bottom:10px; font-size:30px; line-height:36px;}
      .slogon .txt:after {display:block; content:""; width:80px; height:3px; background-color:#cb0000; position:absolute; top:-8px; left:0;}

      .main_visual {background-position:-150px 100px;}
      .main_img_list {margin-left:10%; width:90%;}      
}
/* 테블릿*/
@media all and (max-width:768px){      
      .main_img_list {margin-left:20%; width:80%;}
}

/* 모바일*/
@media all and (max-width:640px){
      .main_visual {padding:30px 0 0; background-image:url('../images/main_visual_mobile.jpg'); background-position:top right;}
      .slogon {padding-bottom:30px;}
      .slogon .txt {margin-bottom:10px; font-size:24px; line-height:30px;}
      .slogon .txt:after {display:block; content:""; width:65px; height:3px; background-color:#cb0000; position:absolute; top:-8px; left:0;}

      .slogon a.btn_product {display:inline-block; padding:0 20px; font-size:20px; height:30px; line-height:30px;}

      .main_img_list {margin-left:0; width:100%;}
      .main_img_list ul li {width:50%;}
      .main_img_list ul li.dumy {display:block; visibility:hidden;}
}

 .main_alarm {}
 .main_alarm .base_width {}
 .main_alarm .custom_checkbox {overflow:hidden;}
 .main_alarm .custom_checkbox .custom_cell {float:left; padding:20px; width:33.33%; border-left:solid 1px #dedfe0; box-sizing:border-box;}
 .main_alarm .custom_checkbox .custom_cell:first-child {border-left:none;}
 .main_alarm .custom_checkbox .custom_cell h3 {font-size:16px; font-weight:normal;}
 .main_alarm .custom_checkbox .custom_cell .alarm_info {text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
 .main_alarm .custom_checkbox .custom_cell .alarm_info .title {display:block; font-size:18px; color:#cc0000;
      }
 .main_alarm .custom_checkbox .custom_cell .alarm_info .date {color:#999;}
 .main_alarm .custom_checkbox .custom_cell .call_info {}
 .main_alarm .custom_checkbox .custom_cell .call_info .phone_number {display:block; font-size:17px; font-weight:600;}
 .main_alarm .custom_checkbox .custom_cell .call_info .fax {font-size:17px;}
 .main_alarm .custom_checkbox .custom_cell .call_info .fax .ti {font-size:14px; color:#999;}
 .main_alarm .custom_checkbox .custom_cell .call_info .fax .number {}
 .main_alarm .custom_checkbox .custom_cell .bank_info {font-size:17px;}
/* 테스크탑 */
@media all and (max-width:1024px){
      .main_alarm .custom_checkbox .custom_cell {padding:15px; width:33.33%; border-left:solid 1px #dedfe0;} 
      .main_alarm .custom_checkbox .custom_cell h3 {font-size:14px;}

      .main_alarm .custom_checkbox .custom_cell .alarm_info .title {font-size:16px;}
       .main_alarm .custom_checkbox .custom_cell .call_info .phone_number {font-size:16px; letter-spacing:-1px;}
       .main_alarm .custom_checkbox .custom_cell .call_info .fax {font-size:16px;}
       .main_alarm .custom_checkbox .custom_cell .call_info .fax .ti {font-size:13px;}
       .main_alarm .custom_checkbox .custom_cell .bank_info {font-size:16px;}
}
/* 테블릿*/
@media all and (max-width:768px){
      .main_alarm .custom_checkbox .custom_cell {padding:10px;}
      .main_alarm .custom_checkbox .custom_cell .alarm_info .title {font-size:14px;}
      .main_alarm .custom_checkbox .custom_cell .call_info .phone_number {font-size:14px;}
      .main_alarm .custom_checkbox .custom_cell .call_info .fax {font-size:14px;}
      .main_alarm .custom_checkbox .custom_cell .call_info .fax .ti {font-size:13px;}
      .main_alarm .custom_checkbox .custom_cell .bank_info {font-size:14px;}
      
}
/* 모바일*/
@media all and (max-width:640px){
      .main_alarm .custom_checkbox .custom_cell {float:none; padding:10px 20px; width:initial; border-left:none; border-bottom:solid 1px #eee;} 
      .main_alarm .custom_checkbox .custom_cell:last-child {border-bottom:none;}

      .main_alarm .custom_checkbox .custom_cell .alarm_info .title {font-size:16px;}
      .main_alarm .custom_checkbox .custom_cell .call_info .phone_number {font-size:16px;}
      .main_alarm .custom_checkbox .custom_cell .call_info .fax {font-size:14px;}
      .main_alarm .custom_checkbox .custom_cell .call_info .fax .ti {font-size:13px;}
      .main_alarm .custom_checkbox .custom_cell .bank_info {font-size:16px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {border-top:solid 1px #d1d1d1; background-color:#fff;}
#sub_footer {}
.footer_content {display:table; padding:20px 0 30px; width:100%; position:relative;}
.footer_content .footer_logo {display:table-cell; width:290px;}
.footer_content .footer_copy {display:table-cell; color:#666666; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
.footer_content .footer_copy .copyright {}

.footer_link {overflow:hidden; padding-bottom:10px;}
.footer_link li {float:left; padding:0 10px;}
.footer_link li:first-child {padding-left:0; border-right:solid 1px #ccc;}
.footer_link li:last-child {padding-right:0;}
.footer_link li a:hover {text-decoration:underline;}
.footer_link li a.fc_selfinfo {color:#990000;}

.footer_content a.go_page_top {display:inline-block; width:40px; height:55px; line-height:55px; text-align:center; background-color:#24272d; position:absolute; top:0; right:0;
      -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.footer_content a.go_page_top img {width:20px;}
.footer_content a.go_page_top:hover {background-color:#222;}


/* 테블릿 */
@media all and (max-width:1024px){
      .footer_content {display:block; padding:15px; width:auto;}
      .footer_content .footer_logo {display:none;}
      .footer_content .footer_copy {display:block;}
}
/* 테블릿 */
@media all and (max-width:480px){
      .footer_content .footer_copy .copyright {font-size:13px;}
}