@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face{ 
    font-family:HeungkukseedB; 
    src:url("../font/HeungkukseedB.ttf"); 
}@font-face{ 
    font-family:HeungkukseedL; 
    src:url("../font/HeungkukseedL.ttf"); 
}@font-face{ 
    font-family:HeungkukseedM; 
    src:url("../font/HeungkukseedM.ttf"); 
}
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,span,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body,input,button,select,textarea,label{font-size:1em;color:#222;font-family: 'HeungkukseedM', sans-serif;font-weight:inherit;line-height:1.2;letter-spacing: -1.2px;}
fieldset{border:0 none;vertical-align:top}
img{border:0 none;vertical-align:middle}
dl,ul,ol,menu,li{list-style:none}
a,a:link,a:visited,a:hover,a:active,a:focus{color:inherit;text-decoration:none}
input,button,select,textarea,label{vertical-align:middle;border:none;background:none;cursor:pointer}
textarea,select,input{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;margin:0;padding:0;border:0}
select::-ms-expand {display:none}
button{background-color:transparent;border:none}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* HTML5 reset */
article,aside,details,figcaption,figure,footer,header,menu,nav,section,video{display:block}
address,caption,em,i{font-style:normal;font-weight:normal}
iframe,embed,object,video{max-width:100%}

body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-align: center;}
.img100{max-width: 100%;}
.clear{clear: both}
.all{max-width: 640px;margin: 0 auto}

.hd{height: 70px;width: 100%;margin: 0 auto;padding: 20px 15px;background:#fff}
.hd img{width: 110px}
.hd .logo{float: left; margin: 5px 0;}
.hd span img{width: 75px}
.main_img{background: #2e1263;padding-bottom: 12%;}

.txt_wrap{    
    width: 100%;
    margin: 10% auto 8%;
    text-align: left;
    font-size: 11px;
    padding: 0 15px;
}
.txt_wrap p{line-height: 1.5;color: #666;    padding-left: 60px;text-indent: -55px;padding-bottom: 10px;}
.txt_wrap p b{color: #eca6d1;font-size: 10px;font-weight: normal;padding: 0 5px;}
.txt_wrap p span{letter-spacing: -0.5px;font-weight: bold;color: #151515}
.txt_wrap p span:before {content: "";position: absolute; width: 3px;height:3px;border-radius: 50%;background: #ec008c;margin-top: 6px;margin-left: -7px;}
.txt_wrap01{border-bottom: 1px dashed #f1bbdc;padding-bottom: 10px}
.txt_wrap02{ padding-top: 25px}
.txt_wrap02 p{ text-indent: 0;padding-left: 10px;display: inline-block;width: 100%;}
.txt_wrap02 span{padding-bottom: 3px;display: inline-block;}

.txt_wrap p strong{font-weight: normal;  padding-left: 8px;}

.txt_wrap02 p strong{font-weight: normal; padding-left: 43px;}
.txt_wrap02 p .tw2s50{font-weight: normal; padding-left: 50px;}

#top_btn {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 10px;
    bottom: 60px;
    background: #ec008c;
    z-index: 99;
    border: 1px solid #ec008c;
    border-radius: 50px;
    outline: none;
    cursor: pointer;
    float: right;
    box-shadow: 2px 4px 6px rgba(42, 42, 42, 0.5);
    display: none;
}
#top_btn.show {
    display: block;
}
#top_btn img {
    width: 13px;
}
.main_tit{padding: 0 15px 5%;}
.main_tit  img {max-width: 100%;}
.main_tit .main_tit_img img {margin-bottom: 15px}

.main_img .main_btn img {width: 70%; margin-top: -20px;}

/*footer*/
footer{background-color: #444;padding: 30px 15px;text-align: left;}
footer .ft_ir{width: 100%;margin: 0 auto; color: #b1b1b1;font-size: 11px;padding-bottom: 10px;}
footer .txt01 {width: 75px;}
/*ft01*/
footer .ft_01{color: #979697;padding-bottom: 30px;line-height: 1.7;padding-top: 10px;font-weight: 300;  border-bottom: 1px solid #5e5f63;padding-left: 10px;text-indent: -10px;}

/*ft02*/
footer .ft_02 { 
   padding-top: 30px;
    line-height: 1.9;
}footer .ft_02 span { 
   padding-right: 20px;
}
footer .ft_02 span b { 
   color: #ccc
}
footer .ft_02 .ft_bar {
    font-size: 10px;
    font-weight: normal;
    padding: 0 5px !important;
}

/*01 예스론*/
.all_01_wrap .main_img {background: #151544;padding-bottom: 15%;}
.all_01_wrap .main_img .main_btn img {margin-top: 0}
.all_01_wrap .main_tit {padding: 0px 25px 5%;}
.all_01_wrap .txt_wrap01 {border-bottom: 0;padding-bottom: 0 }
.all_01_wrap .txt_wrap p b{color: #d7d7d7;}

/*02 빅머니*/
.all_02_wrap #top_btn {
    background: #00aeff;
    border: 1px solid #00aeff;
}
.all_02_wrap .txt_wrap p span:before {
    background: #00aeff;
}

/*03 온라인햇살론*/
.all_03_wrap #top_btn {
    background: #ff6000;
    border: 1px solid #ff6000;
}
.all_03_wrap .txt_wrap p span:before {
    background: #ff6000;
}

@media(max-width:320px){
    .hd span img {
    width: 55px;
    }
    .hd {
    height: 65px;
    }
    .hd .logo {
    margin: 2px 0;
}
}
.btn01_wrap.fixed {
    position: fixed;
    /* width: 100%; */
    bottom: 0;
    z-index: 100;
    margin-top: 0;
}
.row {position: relative;}