body{font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:1em;color: #383d41;}
body,div,section,article,img,figure,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,input,p,form,table,tr,td,th,fieldset,.main,a{margin: 0;padding: 0;}
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
a{color: black;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul, ol, li{list-style: none;}
address, strong{font-style: normal;font-weight: normal;}
.hidden{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; font-size: 0;}
fieldset, img{border:0px;}
table{border-collapse: collapse;}

.main{display: block; margin: auto; width:100%; height:100%;}

.gnb{position: relative;}
.gnb a{display: block; float: left; color: #000; width: 90%; padding: 6% 0; margin: 0 5%}
.gnb_menu_step1{display: block;float: left;width: 48%; margin-bottom: 3%}
.step1_a{font-size: 1em;height: 100%;border-bottom: 0.1em solid black;font-weight: bold;}
.gnb_menu_step2{font-size: 0.8em;  color: #ddd;padding: 2% 0}
.menu_step{color: #ddd;}

.top{display: block;float: left;width: 100%;padding: 1% 0;border-bottom:0.3em solid #000;}
.top a{display: block;text-indent: -9999px;padding: 4% 0;background-repeat: no-repeat; background-position: center;position: relative;background-size: cover;}
.logo a{float: right; width: 50%; background-image: url(../image/mobile_03.png); right:9%}
.hiddenbox_btn{float: left;background-image: url(../image/mobile_01.png); width: 15%;}
.contact_btn{float: right;background-image: url(../image/mobile_05.png); width: 15%;}

nav{position: absolute; width:95%;box-shadow: 3px 0 5px #000;height: 100%;background-color: #fff;z-index: 2}

.sns_btn a{display: block; float: left; width: 33.33%;padding: 8% 0;border-top: 1px solid #000;background-repeat: no-repeat; background-position: center;background-size: contain;text-indent: -9999px}
.sns_fb{background-image: url(../image/mobile_19.png);}
.sns_blg{background-image: url(../image/mobile_20.png);}
.onnfc{background-image: url(../image/mobile_21.png);}

.close{position: relative;left: 83%;padding-top:2%; line-height: 300%}
footer{clear: both;margin-bottom: 5%;}
.dt_btn{display: block; width: 25%;margin: 0 auto 3% auto;text-align: center;background-color: #eee;border: 1px solid #aaa;border-radius: 3px;padding: 2% 0;;color: #555;line-height: 1.2em}
.copy{border-top:1px solid #ddd; padding-top: 5%; font-size: 0.8em; color: #808080; text-align: center;}