article, aside, footer, header, hgroup, main, nav, section{display:block}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;outline:none;background-color:transparent;cursor:pointer}
html,body{width:100%;height:100%}
html{background-color:#fff}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Noto Sans KR', 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;color:#222;word-break:break-all}
a{color:#111;text-decoration:none;cursor:pointer}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
img{vertical-align:top}
strong, b, th, h1, h2, h3, h4, h5, h6{font-weight:600}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse}
select{cursor:pointer}

.content{
        width: 410px;
        margin:0 auto;
        /*상하 중앙정렬*/
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 90vh;       
}
.logo{
      margin: 20px 0 10px; 
}
.p_box{
        text-align: left;
}
.content p{
        color:#495057;
        font-weight: 300;
        font-size: 14px;
        line-height: 1.6;
}
.page_title{
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 400;
        color:#333333;
}
.web_block{
        display: none;
}

/*call_box*/
.call_box{
        margin: 20px 0 20px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
}
.strong{
        font-weight: bold;
}
.web_margin{
        margin-top:20px;
}
.call_box{
        background:#F7F7F7;
        border-radius: 4px;
        padding: 30px 25px;
}
.call_box .title{
        margin-top:6px;
}
.call_box .title p{
        font-size:22px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
}
.call_box .num{
        margin-top: 10px;
        font-weight: 700;
        font-size: 22px;
}
.call_box .title svg{
        display: inline-block;
        vertical-align: middle;
}
.call_box .dot{
        content: "";
        display: inline-block;
        width: 2px;
        height: 2px;
        background-color: #5c5c5c;
        border-radius: 100px;
        vertical-align: middle;
        margin: 0 10px;
}
.call_box .as{
        font-size: 14px;
}
.call_box ul{
      margin-top: 25px;  
      font-size: 20px;
}
.call_box ul li{
        text-align: left;
        width: 220px;
        margin: 0 auto;
        color: #495057;
}
.call_box ul li:first-child{
        margin-bottom: 10px;
}
.call_box ul li span{
        background:#00B59F;
        color:#fff;
        font-size: 16px;
        padding: 3px 13px;
        border-radius: 50px;
        font-weight: 400;
        text-align: center;
        margin-right: 15px;
}
/*pdf 다운*/
.pdf_dw{
        display: inline-block;
        width: 100%;
        position: relative;
        height: 30px;;
        margin-bottom: 10px;
}
.pdf_dw p{
        display: inline-block;
        font-size: 15px;
        line-height: 30px;
        color: #333333;
}
.pdf_dw p::before{
        content: "";
        display: inline-block;
        background: #00B59F;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        margin: -3px 8px 0 0;
        vertical-align: middle;  
}
.pdf_dw .dw_btn{
        color: #495057;
        display: inline-block;
        text-align: center;
        font-weight: 300;
        border: 1px solid #D1D1D1;
        border-radius: 50px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right:0;
        font-size: 14px
}
.kiosk{
        display: inline-block;
        width: 100%;
        position: relative;
        height: 30px;;
        margin-bottom: 15px;
}
.kiosk p{
        display: inline-block;
        font-size: 15px;
        line-height: 30px;
        color: #333333;
}
.kiosk p::before{
        content: "";
        display: inline-block;
        background: #00B59F;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        margin: -3px 8px 0 0;
        vertical-align: middle;  
}
.kiosk .kiosk_btn{
        color: #495057;
        display: inline-block;
        text-align: center;
        font-weight: 300;
        border: 1px solid #D1D1D1;
        border-radius: 50px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right:0;
        font-size: 14px
}

/*button*/
.btn{
        margin: 10px 0 20px 0;
        width: 100%;
        border: 1px solid #00B59F;
        border-radius: 3px;
        display: block;
        height: 54px;
        line-height: 52px;
        text-align: center;
}
.btn p{
        display: inline-block;
        font-size: 15px;
        font-weight: 300;
        color: #333333;
        vertical-align: middle;
        margin: -1px 10px 0 0;
}
.btn svg{
        display: inline-block;
        vertical-align: middle;
}
.btn .arrow{
        margin-top: -1px;;
}

/*office*/
.office_box{
        text-align: left;
        margin: 10px 0 15px 0;
        width: 100%;
        border-top: 1px solid #D1D1D1;
        padding-top:10px;
}
.office_box .m_view{
        display: none;
}
.office_box .web_view{
        display: inline-block;
        font-weight: 500;
        font-size: 14px;
        padding-right: 10px;
        vertical-align: middle;
}
.office_box .info{
        display: inline-block;
        color:#495057;
        font-weight: 300;
        font-size: 13px;
        vertical-align: middle;
        text-align: left;
}
.office_box svg{
        vertical-align: middle;
        margin-right: 7px;
}


@media screen and (max-width: 768px){
        .content{
                width: 100%;
                padding: 0 30px;
                box-sizing: border-box;
                display: inline-block;
                height: auto;
        }
        .svg_center{
                text-align: center;
        }
        .logo{
                margin: 100px 0 10px;
                display: inline-block;
                text-align: center;
        }
        .page_title{
                margin-bottom: 15px;
                text-align: center;
        }
        .call_box{
                width: 100%;
                box-sizing: border-box;
                margin: 30px 0 10px;
        }
        .office_box{
                width: 100%;
                box-sizing: border-box;
        }
        .office_box .office{
                line-height: 16px;
                vertical-align: middle;
                text-align: center;
        }
        .office_box .web_view{
                display: none;
        }
        .office_box .m_view{
                display: inline-block;
                font-weight: 300;
                font-size: 14px;
                vertical-align: middle;
                text-align: left;
                color: #5B5B5B;
        }
        .office_box .m_view svg{
                margin: -2px 0 0 0;
        }
        .office_box .info{
                text-align: left;
        }
        .m_block{
                display: none;
        }
        .web_block{
                display: inline-block;
        }
        .office_box .office_web{
                display: none;
        }

        .pdf_dw .dw_btn{
                width: 97px;
                font-size: 14px;
        }
        .pdf_dw p{
        font-size: 14px;
        }
}