/*Àӽà ´ë¸Þ´º ŸÀÌƲ css*/

.sub_m_name{
border-left:5px solid #ce0606;
line-height:25px;
font-family:'Nanum Gothic';
font-weight:600;
font-size:25px;
padding-left:10px;
margin:10px 0 15px;
}

.m_explain{
font-family:'Nanum Gothic';
font-weight:600;
font-size:13px;
padding-left:px;
margin-bottom:25px;
}


/*ÀÌ¿ë¹æ¹ý °øÅë*/
.mar_block{
height:55px;
}

#hm_guide_wrap2{
width:100%;
font-family:Dotum;
font-size:12px;
margin:50px auto 50px;
}

.hm_g_content{
width:905px;
margin:55px auto 0;
}

.hmg_link{
color:#3570e8;

}

#hm_guide_wrap .sub_ttl02{
margin-bottom:20px;

}

.hmg_link:hover{
text-decoration:underline;
}
/*À̹ÌÁö ¼¾ÅÍ*/


.hm_img_cen p{
text-align:center;
margin-bottom:20px;
}

.hm_img_cen p img{
border:1px solid #d2d2d2;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/*°¡ÀÌµå ¸ñÂ÷*/

.hm_guide_m{
width:100%;
}

.hm_guide_m>li{
box-sizing:border-box;
float:left;
border-right:1px solid #ddd;
width:20%;
}

.hm_guide_m>li:last-child{
border:none;
}

.hm_guide_m1{
width:100%;
background-color:#575454;
}

.hm_guide_m1 li a{
font-size:13px;
font-weight:600;
color:#fff;
text-align:center;
display:block;
padding:10px 0;
}

.hm_guide_m1 li:hover{
background-color:#ce0606;
}

.hm_guide_m2{
width:100%;
background-color:#f8f8f8;
}

.hm_guide_m2 li{
padding:5px 0px 0px 0px ;
}
.hm_guide_m2 li a{
font-size:12px;
color:#212121;
text-align:left;
display:block;
padding:7px 0  7px 10px;
}

.hm_guide_m2 li a:hover{
background-color:#7c7c83;
color:#fff;
}


/*»ó´Ü ´ë¸Þ´º Á¦¸ñ*/

.hmg_ttl{
width:100%;
margin:0 auto 20px;
background-color:#535353;
font-size:13px;
font-weight:600;
border-radius:5px;
}

.hmg_ttl a{
color:#ddd;
}


.hm_guide_p{
line-height:45px;
}
.hm_guide_p1{
float:left;
width:20%;
}

.hm_guide_p2{
float:left;
width:60%;
color:#fff;
font-size:16px;
font-weight:600;
text-align:center;
}
 .hm_guide_p3{
float:right;
width:20%;
text-align:right;
}

/*ÇÏÀ§ ¸Þ´º Á¦¸ñ*/
.hmg_sttl{
background-image:url(../imgs/hp_bullet.jpg);
background-repeat:no-repeat;
height:20px;
margin-bottom:20px;
padding-left:27px;
font-family:'Nanum Gothic';
color:#333;
font-size:17px;
line-height:20px;
font-weight:600;

}

/*¼³¸í ¹Ú½º*/

.hmg_explain{
width:100%;
border:1px solid #d2d2d2;
background-color:#fafafa;
color:#212121;
font-size:12.5px;
padding:10px;
margin:0 auto;
line-height:18px;
}

.hmg_explain li{
margin-bottom:10px;
}


.hw_detail_ttl{
font-size:15px;
font-weight:bold;
margin-top:50px;
border:1px solid #d2d2d2;
border-bottom:hidden;
padding:8px 0;
text-align:center;
color:#fff;
background-color:#808895;
border-radius:10px 10px 0 0;
width:100%;
}


/*³×ÀÓ¼­¹ö Å×À̺í*/

.ns_table,.ns_table td, .ns_table th{
border-collapse:collapse;
border:1px solid #d2d2d2;
margin: 10px 0;
text-align:center;
}

.ns_table td, .ns_table th{
padding: 5px;
font-family:dotum !important;
font-size:12px !important;
}

.ns_table th{
background-color:#f3f3f3;
}


.playgif{
cursor:pointer
}

/*µµ¿ò ½æ³×ÀÏ*/

.hp_q{
margin-left:8px;
background-color:#bebebe;
width:23px;
text-align:center;
border-radius:15px;
color:#fff;
font-weight:bold;
margin-top:8px;
float:left;
position:relative;
height:23px;
font-size:16px;
}
.hp_q a{
display:block;
color:#fff;
line-height:23px;
}

.ex_thum{
min-width:230px;
visibility: hidden;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
left:20px;
top:-30px
transition:all 2s;
border:2px solid #707070;
font-size:12px;
background-color:#f4f9f9;
color:#333;
text-align:left;
line-height:17px;
padding:5px;

}

.hp_q:hover .ex_thum{
visibility: visible;
}

/*µµ¿ò ½æ³×ÀÏ2*/

.hp_q2{
margin-left:8px;
background-color:#bebebe;
width:19px;
text-align:center;
border-radius:15px;
color:#fff;
font-weight:bold;
margin-top:8px;
float:left;
position:relative;
height:19px;
font-size:14px;
}
.hp_q2 a{
display:block;
color:#fff;
line-height:18px;
}

.hp_q2 .ex_thum{
min-width:230px;
visibility: hidden;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
left:20px;
top:-30px
transition:all 2s;
border:2px solid #707070;
font-size:12px;
background-color:#f4f9f9;
color:#333;
text-align:left;
line-height:17px;
padding:5px;

}

.hp_q2:hover .ex_thum{
visibility: visible;
}