@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{

    margin: 0;
    padding: 0;
    font-family: "Pretendard","Notoserif-Medium", "맑은 고딕", "돋움", AppleSDGothicNeo, Pretendard, Droid Sans, Dotum, arial, sans-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}
body{
    color: #000;
    background: #fff;
    /* overflow-x: hidden */
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,nav,menu{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

fieldset,img{
    border: 0 none;
    vertical-align: middle;
}
dl,ul,ol,menu,li{
    list-style: none;
    list-style-type: none;
    list-style-image:  url(data: 0);
}
ul:after,
ol:after {
    display: block;
    height: 0;
    content: "";
    float: none;
    clear: both;
}
blockquote,q{
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after{
    content: '';
    content: none
}
address,
caption,
cite,
code,
dfn,
em,
var{
    font-style: normal;
}
a {
    color: inherit;
    text-decoration: none;
    background: transparent;
}
a:focus,
a:active,
a:hover {
    text-decoration: none
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}
th,td{
    padding: 0;
    box-sizing: border-box;
}
img {
    border: 0 none;
    vertical-align: middle;
}
legend,.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 100px;
    white-space: nowrap
}
caption{
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}
.clear:after{
    content: '';
    display: block;
    clear: both
}
.hide {
    overflow: hidden;
    position: absolute;
    left: -9999px;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

/* form */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"] {
    height: 35px;
    line-height: 1.8461538461538463rem;
    margin: 0;
    border: 1px solid #dddddd;
    -webkit-appearance: none !important;
    background: #fff;
    color: #666669;
    font-size: 92.3%;
    text-indent: 10px;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Pretendard, Droid Sans, Dotum, arial, sans-serif;
    outline: none;
}
input[type=button],
input[type=submit]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: none;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Pretendard, Droid Sans, Dotum, arial, sans-serif;
    outline: none;
}
input[type=file]{
    line-height: 1;
    padding: 6px 10px 7px;
    border: 1px solid #a1a1a1;
    background: #fff;
    color: #4d4d4d;
    cursor: pointer;
    font-size: 12px;
    outline: none;
}
input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only{
    border: 1px solid #eee;
    background: #f7f7f7;
    color: #4d4d4d;
    text-indent: 10px !important
}
input[readonly],
input[disabled]{
    border: 1px solid #eee;
    background: #f7f7f7;
    color: #4d4d4d;
    text-indent: 10px !important
}

input[type=checkbox]:checked{
    /* background: url('../images/ico_checked.png') no-repeat */
}

select {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    color: #333;
    text-indent: 10px;

    background: transparent url(../img/icon/icon_selected01.png);
    background: -webkit-linear-gradient(transparent, transparent), url(../img/icon/icon_selected01@2x.png);
    background: linear-gradient(transparent, transparent), url(../img/icon/icon_selected01@2x.png);
    background-size: 10px 5px;
    background-position: 95% center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Dotum, Noto Sans KR, Droid Sans, arial, sans-serif;
    background-color: #fff;
    outline: none;
}

select::-ms-expand {
    display: none;
}

textarea {
    width: 100%;
    padding: 5px 7px;
    font-size: 100.0%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: none;
    border: 1px solid #a1a1a1;
    font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Dotum, Noto Sans KR, Droid Sans, arial, sans-serif;
    outline: none;
}
button {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    -webkit-appearance: none !important;
    font-family: "Pretendard", "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Dotum, Noto Sans KR, Droid Sans, arial, sans-serif;
    outline: none;
}

/* ios :hover 일 경우 두번 클릭해야 넘어가는 현상 제거 */
a {
&::after {
     display: none;
     content: "";
 }
&:hover {
&::after {
     display: inline;
 }
}
}


.m0 {margin: 0 !important}
.mt0 {margin-top: 0 !important}
.mt05 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important}
.mt30 {margin-top: 30px !important}
.mt35 {margin-top: 35px !important}
.mt40 {margin-top: 40px !important}
.mt45 {margin-top: 45px !important}
.mt50 {margin-top: 50px !important}
.mt55 {margin-top: 55px !important}
.mt60 {margin-top: 60px !important}
.mt65 {margin-top: 65px !important}
.mt70 {margin-top: 70px !important}
.mt75 {margin-top: 75px !important}
.mt80 {margin-top: 80px !important}
.mt85 {margin-top: 85px !important}
.mt90 {margin-top: 90px !important}
.mt95 {margin-top: 95px !important}
.mt100 {margin-top: 100px !important}

.mb0 {margin-bottom: 0 !important}
.mb05 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: 15px !important}
.mb20 {margin-bottom: 20px !important}
.mb25 {margin-bottom: 25px !important}
.mb30 {margin-bottom: 30px !important}
.mb35 {margin-bottom: 35px !important}
.mb40 {margin-bottom: 40px !important}
.mb45 {margin-bottom: 45px !important}
.mb50 {margin-bottom: 50px !important}
.mb55 {margin-bottom: 55px !important}
.mb60 {margin-bottom: 60px !important}
.mb65 {margin-bottom: 65px !important}
.mb70 {margin-bottom: 70px !important}
.mb75 {margin-bottom: 75px !important}
.mb80 {margin-bottom: 80px !important}
.mb85 {margin-bottom: 85px !important}
.mb90 {margin-bottom: 90px !important}
.mb95 {margin-bottom: 95px !important}
.mb100 {margin-bottom: 100px !important}

.ml0 {margin-left: 0 !important}
.ml05 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important}
.ml25 {margin-left: 25px !important}
.ml30 {margin-left: 30px !important}
.ml35 {margin-left: 35px !important}
.ml40 {margin-left: 40px !important}
.ml45 {margin-left: 45px !important}
.ml50 {margin-left: 50px !important}
.ml55 {margin-left: 55px !important}
.ml60 {margin-left: 60px !important}
.ml65 {margin-left: 65px !important}
.ml70 {margin-left: 70px !important}
.ml75 {margin-left: 75px !important}
.ml80 {margin-left: 80px !important}
.ml85 {margin-left: 85px !important}
.ml90 {margin-left: 90px !important}
.ml95 {margin-left: 95px !important}
.ml100 {margin-left: 100px !important}

.mr0 {margin-right: 0 !important}
.mr05 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important}
.mr25 {margin-right: 25px !important}
.mr30 {margin-right: 30px !important}
.mr35 {margin-right: 35px !important}
.mr40 {margin-right: 40px !important}
.mr45 {margin-right: 45px !important}
.mr50 {margin-right: 50px !important}
.mr55 {margin-right: 55px !important}
.mr60 {margin-right: 60px !important}
.mr65 {margin-right: 65px !important}
.mr70 {margin-right: 70px !important}
.mr75 {margin-right: 75px !important}
.mr80 {margin-right: 80px !important}
.mr85 {margin-right: 85px !important}
.mr90 {margin-right: 90px !important}
.mr95 {margin-right: 95px !important}
.mr100 {margin-right: 100px !important}


.p0 {padding: 0 !important}
.pt0 {padding-top: 0 !important}
.pt05 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt25 {padding-top: 25px !important}
.pt30 {padding-top: 30px !important}
.pt35 {padding-top: 35px !important}
.pt40 {padding-top: 40px !important}
.pt45 {padding-top: 45px !important}
.pt50 {padding-top: 50px !important}
.pt55 {padding-top: 55px !important}
.pt60 {padding-top: 60px !important}
.pt65 {padding-top: 65px !important}
.pt70 {padding-top: 70px !important}
.pt75 {padding-top: 75px !important}
.pt80 {padding-top: 80px !important}
.pt85 {padding-top: 85px !important}
.pt90 {padding-top: 90px !important}
.pt95 {padding-top: 95px !important}
.pt100 {padding-top: 100px !important}
.pt110 {padding-top: 110px !important}
.pt120 {padding-top: 120px !important}
.pt130 {padding-top: 130px !important}
.pt140 {padding-top: 140px !important}
.pt150 {padding-top: 150px !important}
.pt160 {padding-top: 160px !important}
.pt170 {padding-top: 170px !important}
.pt180 {padding-top: 180px !important}
.pt190 {padding-top: 190px !important}
.pt200 {padding-top: 200px !important}

.pb0 {padding-bottom: 0 !important}
.pb05 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb15 {padding-bottom: 15px !important}
.pb20 {padding-bottom: 20px !important}
.pb25 {padding-bottom: 25px !important}
.pb30 {padding-bottom: 30px !important}
.pb35 {padding-bottom: 35px !important}
.pb40 {padding-bottom: 40px !important}
.pb45 {padding-bottom: 45px !important}
.pb50 {padding-bottom: 50px !important}
.pb55 {padding-bottom: 55px !important}
.pb60 {padding-bottom: 60px !important}
.pb65 {padding-bottom: 65px !important}
.pb70 {padding-bottom: 70px !important}
.pb75 {padding-bottom: 75px !important}
.pb80 {padding-bottom: 80px !important}
.pb85 {padding-bottom: 85px !important}
.pb90 {padding-bottom: 90px !important}
.pb95 {padding-bottom: 95px !important}
.pb100 {padding-bottom: 100px !important}
.pb200 {padding-bottom: 200px !important}
.pb290 {padding-bottom: 290px !important}
.pb300 {padding-bottom: 300px !important}

.pl0 {padding-left: 0 !important}
.pl05 {padding-left: 5px !important}
.pl10 {padding-left: 10px !important}
.pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important}
.pl25 {padding-left: 25px !important}
.pl30 {padding-left: 30px !important}
.pl35 {padding-left: 35px !important}
.pl40 {padding-left: 40px !important}
.pl45 {padding-left: 45px !important}
.pl50 {padding-left: 50px !important}
.pl55 {padding-left: 55px !important}
.pl60 {padding-left: 60px !important}
.pl65 {padding-left: 65px !important}
.pl70 {padding-left: 70px !important}
.pl75 {padding-left: 75px !important}
.pl80 {padding-left: 80px !important}
.pl85 {padding-left: 85px !important}
.pl90 {padding-left: 90px !important}
.pl95 {padding-left: 95px !important}
.pl100 {padding-left: 100px !important}

.pr0 {padding-right: 0 !important}
.pr05 {padding-right: 5px !important}
.pr10 {padding-right: 10px !important}
.pr15 {padding-right: 15px !important}
.pr20 {padding-right: 20px !important}
.pr25 {padding-right: 25px !important}
.pr30 {padding-right: 30px !important}
.pr35 {padding-right: 35px !important}
.pr40 {padding-right: 40px !important}
.pr45 {padding-right: 45px !important}
.pr50 {padding-right: 50px !important}
.pr55 {padding-right: 55px !important}
.pr60 {padding-right: 60px !important}
.pr65 {padding-right: 65px !important}
.pr70 {padding-right: 70px !important}
.pr75 {padding-right: 75px !important}
.pr80 {padding-right: 80px !important}
.pr85 {padding-right: 85px !important}
.pr90 {padding-right: 90px !important}
.pr95 {padding-right: 95px !important}
.pr100 {padding-right: 100px !important}


@media only all and (max-width: 1023px) {


    /* form */
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"] {
        width: 100%;
        height: 2.038rem;
        font-size: 0.8333rem;
        text-indent: 0.5rem !important
    }

    input[type=text]:read-only,
    input[type=password]:read-only,
    input[type=tel]:read-only,
    input[type=number]:read-only,
    input[type=email]:read-only,
    input[type=url]:read-only,
    input[type=file]:read-only{
        text-indent: 0.5rem !important
    }

    input[readonly],
    input[disabled]{
        text-indent: 0.5rem !important
    }

    input[type=checkbox]:checked{

    }
    select {
        width: 100%;
        height: 2.038rem;
        text-indent: 0.5rem;
        background-size: 6px 6px;
        font-size: 0.8333rem;
    }
}