@charset"utf-8";

@import url(http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css);

* {  -webkit-tap-highlight-color: transparent;  }

/* http://blog.naver.com/mvcweb */
/* CSS RESET */
html,body{width:100%;height:100%}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,addr,address,cite,code,bel,em,img,
ins,q,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,a,
fieldset,form,lable,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;-webkit-text-size-adjust:none;/*세로모드에서 가로모드로 전환할때 텍스트가 약간 커지는 현상 방지*/}
article,aside,details,figcaption,figure,footer,header,hgrope,menu,nav,section{display: block}
ul,ol,li,dl{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a,a:link,a:hover,a:active {text-decoration:none}
em,i,address{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
img,fieldest{border:0}
hr,legent,caption{display:none}
textarea{resize:none}
textarea,input{-webkit-border-radius:1px;/* form요소의 기본 스타일을 없앰*/ }
label,button,input[type:"submit"],input[type:"reset"]{cursor:pointer}

/*앵커가 걸려있는 상태*/

a:link   {color:#696f74; text-decoration:none}
/*앵커가 걸려있는데 단 한번이라도 방문한 적이 있는 상태*/

a:visited{color:#696f74; text-decoration:none}
/*앵커안에 마우스를 들여보냈을 때*/

a:hover  {color:#486d9b; text-decoration:none;}
/*마우스를 앵커안에서 마우스 키를 누르는 순간*/

a:active {color:#486d9b; text-decoration:none}

body  {color:#444a51;font-family:'Nanum Gothic',몯움,dotum,굴림,gulim,sans-serif,Helvetica,AppleGothic;}

/* 공통요소 */
    /* font */
html{font-size:62.5%;}
body{font-size:12px;font-size:1.2rem ;line-height: 1.8rem;}
p{font-size:14px;font-size:1.4rem;}

    /* .text_hide */
.text_hide{
    display:block;text-indent: -9999rem;
    background-repeat:no-repeat;background-position:center center;background-size:cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
    /* clearfix */
.clearfix{*zoom:1;}
.clearfix:after{
    display:block;clear:both;content:'';
}



    /* .container */
body{
    background-color:#9a9c9c;
}
.container{
    background-image: url(../images/stamp_point_bg2.png);background-position: center center;background-repeat: no-repeat;background-size: cover;
    width:100%;min-height: 100%;position:relative;overflow-y: scroll;overflow-x: hidden;
}

.container .btn_back{
    display:block;width:4.1rem;height:4.1rem;line-height:4.1rem;
    margin-bottom:1rem;
    background-color:rgba(2,2,2,.6);
    text-align: center;color:#fff;font-size:1.8rem;
    
}

.title{
    width:17.3rem;height:7.3rem;
    background-image: url(../images/stamp_point_image_text.png);
}

.stamp_icon{
    width:5rem;height:5rem;position:absolute;margin-bottom:-1rem;margin-top:1.4rem;
    background-image: url(../images/stamp_icon.png);background-repeat: no-repeat;background-position: center center;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}



@media only screen and (min-width: 320px){
    html {
        font-size: 62.5% !important;
    }
}
@media only screen and (min-width: 340px){
    html {
        font-size: 66.4063% !important;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size: 70.3125% !important;
    }
}
@media only screen and (min-width: 375px){
    html {
        font-size: 73.2422% !important;
    }
}
@media only screen and (min-width: 400px){
    html {
        font-size: 78.13% !important;
    }
}
@media only screen and (min-width: 440px){
    html {
        font-size: 85.9375% !important;
    }
}
@media only screen and (min-width: 480px){
    html {
        font-size: 93.75% !important;
    }
}
@media only screen and (min-width: 520px){
    html {
        font-size: 101.56% !important;
    }
}
@media only screen and (min-width: 560px){
    html {
        font-size: 109.375% !important;
    }
}
@media only screen and (min-width: 600px){
    html {
        font-size: 117.1875% !important;
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size: 125% !important;
    }
}
@media only screen and (min-width: 680px){
    html {
        font-size: 132.8125% !important;
    }
}
@media only screen and (min-width: 720px){
    html {
        font-size: 140.625% !important;
    }
}
@media only screen and (min-width: 760px){
    html {
        font-size: 148.4375% !important;
    }
}
@media only screen and (min-width: 800px){
    html {
        font-size: 156.25% !important;
    }
}
@media only screen and (min-width: 960px){
    html {
        font-size: 175.7813% !important;
    }
}
@media only screen and (min-width: 1242px){
    html {
        font-size: 187.5% !important;
    }
}

