﻿@charset "utf-8";
/* CSS Document */




.use_guide { letter-spacing: -0.5px;      }

/*tab*/
.use_guide .guide-tab {  }
.use_guide .guide-tab ul {margin-bottom:75px;}
.use_guide .guide-tab li{ float:left; width:33%; height:44px;}
.use_guide .guide-tab li a{ width: 100%;  color:#515151; font-size:18px; background-color: #edebe9;  border:1px solid #cfcfcf; display: block; text-align: center; font-weight:bold; line-height:44px; height:44px; box-sizing:border-box;  }
.use_guide .guide-tab li a:hover { color:#fff; background-color: #119242; border:1px solid #119242;} 
.use_guide .guide-tab li.active a{ color:#fff; background-color: #119242; border:1px solid #119242;} 
.use_guide .guide-tab ul::after{content:' '; clear:both;display:block;}
.use_guide .con_txt{width:860px;margin:auto;} 
.use_guide .con_txt p.img{text-align:center;}
.use_guide .con_txt p.img img{max-width:100%;}

/*con_txt*/
.use_guide h3 { color:#000;font-size:22px; text-align:center; margin-bottom:20px;}
.use_guide .sub_con { text-align:center; color:#626262; font-size:15px; letter-spacing: -0.3px; margin-bottom:50px;  }
.use_guide h4 { font-size:18px; color:#000; margin-left:10px; margin-bottom: 8px;   }
.use_guide h4 span { font-size:16px; display:inline-block; width:21px; height:21px; text-align:center; background-color:#119242; color:#fff; border-radius:50%; line-height: 21px; font-weight:bold;  font-family: Arial, Dotum, "돋움", sans-serif;        }
.use_guide .sub_con2, .use_guide .con_ul li { font-size:15px; letter-spacing: 0.2px; color:#000;     }
.use_guide .sub_con3 { font-size:15px; text-align:center; letter-spacing: 0.2px; color:#000; margin-bottom:20px; margin-top:15px;    }
.use_guide .c_red { color:#FF0004;}
.use_guide .c_orange { color:#eb6000;}
.use_guide .mt50 { margin-top:50px; }
.use_guide .mb30 { margin-bottom:40px; }
.use_guide .mb20 { margin-bottom:20px; }
.use_guide .mb15 { margin-bottom:15px; }
.use_guide .mb5 { margin-bottom:5px; }
.use_guide .ml32 { margin-left:32px; }
.use_guide .ml10 { margin-left:10px; }
.use_guide .float_l { float:left;   }
.use_guide .gray_num {font-size:15px; display:inline-block; width:16px; height:16px; text-align:center; background-color:#acacac; color:#fff; border-radius:50%; line-height: 16px; margin-right: 5px; margin-top: 10px; font-family: Arial, Dotum, "돋움", sans-serif;       }
.use_guide .sub_con4 { margin-left: 32px; font-size:15px; letter-spacing: 0.2px; color:#119242;  line-height: 22px;  }

.use_guide .con_ul { margin-left: 30px; margin-bottom: 40px;       }
.use_guide .con_ul li {list-style-type: disc; margin-bottom: 5px;  }
.use_guide .orange_num {font-size:18px; display:inline-block; width:24px; height:24px; text-align:center; background-color:#eb6000; color:#fff; border-radius:50%; line-height: 24px; margin-right: 2px; margin-top: 10px; font-family: Arial, Dotum, "돋움", sans-serif;       }
.use_guide ins {text-decoration:underline;}

.use_guide article { height:586px; background:url(/images/guide/use_guide_3_img1.jpg) no-repeat; background-size:100%; background-position-x:50%; }

.use_guide .guide_contents{display:none;}
.use_guide .video{position: relative;width: 100%;height: 0;padding-bottom: 56.25%; margin-bottom:20px;}
.use_guide .video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}