@charset 'utf-8';

/* reset style */
html,body { width: 100%;height: auto; min-height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button { margin: 0; padding: 0}
body,h1,h2,h3,h4,input,button { font-size: 14px; color: #333;}
body,body[class ^=egate_]{font-family: "맑은 고딕", "Malgun Gothic", Helvetica, sans-serif; position: relative !important; overflow-x: auto !important; margin: 0; padding: 0; font-size: 14px; color: #000; word-break: break-all;-ms-word-break: break-all;}
form { margin-bottom: 0;}
img,fieldset,iframe { border: 0 none}
*{margin: 0; padding: 0; box-sizing: border-box;}
li, ol {list-style: none}
*:focus, *:active {outline: none;}

/* Noto Sans KR */
body {  font: normal 14px/1 "Noto Sans KR" , sans-serif; }
@font-face {
    font-family:"Noto Sans KR";
    font-style: normal;
    font-weight: 100;
    src: url(../font/noto/NotoKR-Light/notokr-light.eot);
    src: url(../font/noto/NotoKR-Light/notokr-light.eot?#iefix) format("embedded-opentype"),
    url(../font/NotoKR-Light/notokr-light.woff) format("woff"),
    url(../font/NotoKR-Light/notokr-light.ttf) format("truetype"),
    url(../font/NotoKR-Light/notokr-light.svg#notokr-light) format("svg");
}
@font-face {
    font-family:"Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src: url(../font/NotoKR-Regular/notokr-regular.eot);
    src: url(../font/NotoKR-Regular/notokr-regular.eot?#iefix) format("embedded-opentype"),
    url(../font/NotoKR-Regular/notokr-regular.woff) format("woff"),
    url(../font/NotoKR-Regular/notokr-regular.ttf) format("truetype"),
    url(../font/NotoKR-Regular/notokr-regular.svg#notokr-regular) format("svg");
}
@font-face {
    font-family:"Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: url(../font/NotoKR-Medium/notokr-medium.eot);
    src: url(../font/NotoKR-Medium/notokr-medium.eot?#iefix) format("embedded-opentype"),
    url(../font/NotoKR-Medium/notokr-medium.woff) format("woff"),
    url(../font/NotoKR-Medium/notokr-medium.ttf) format("truetype"),
    url(../font/NotoKR-Medium/notokr-medium.svg#notokr-medium) format("svg");
}


/*start*/
.mobile_download_area{width:100%;position:relative;overflow:hidden;}
.mobile_download_area .header{position: relative;background: url(../bg_layer.jpg) center no-repeat;/* padding: 40px 0; */min-height:133px;-webkit-background-size: cover;background-size:cover;}
.mobile_download_area .header> div.title{padding-top: 85px;font-size: 20px;line-height: normal;font-weight: 300;color: rgba(255, 255, 255, 0.5);text-align: center;background: url(../company_logo_w.png) center 35px no-repeat;background-size:200px auto;}
.mobile_download_area .body{padding: 30px 40px} 
.mobile_download_area .body > .download_box{} 
.mobile_download_area .body > .download_box.apple{border-bottom: 1px solid #ddd; margin-bottom: 30px}
.mobile_download_area .body > .download_box > .title{position: relative;font-size: 20px;font-weight: 300;color: #4d494a;height: 60px;line-height: 60px;padding-left: 55px;margin-bottom: 10px;vertical-align: middle;} 
.mobile_download_area .body > .download_box > .title > span {font-weight: bold}
.mobile_download_area .body > .download_box.apple > .title:before{content:"";position: absolute;top: 0;left: 0;width: 40px;height: 50px;background: transparent url(../apple.png) 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;}
.mobile_download_area .body > .download_box.android > .title:before{ content:""; position: absolute; top: 0; left: 0; width: 50px; height:50px; background: transparent url(../android.png) 0 0 no-repeat; -webkit-background-size: 100%;background-size: 100%;}

.mobile_download_area .body > .download_box > ul{padding: 10px 0 10px 10px;}
.mobile_download_area .body > .download_box > ul > li{overflow: hidden;padding: 5px 0;font-weight: 300;}
.mobile_download_area .body > .download_box > ul > li > div:first-child{float:left;font-size: 16px;line-height: normal;}
.mobile_download_area .body > .download_box > ul > li > div + div{float:right;font-size: 16px;line-height: normal;}
div.download > input[type="button"]{height:46px;width:100%;font-size: 16px;border:0;background-color: #666;color: #fff;border-radius:3px;font-family: 'noto sans KR';font-weight: 300;}