button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
body, select,input,textarea { font-size:12px;  }
img{max-width:100%}

.nom{display:none; position:absolute; width:0; height:0; overflow:hidden;}
#bodyWrap{width:auto}
.wrap{width:auto; margin:0;}
/* 팝업레이어 */
#hd_pop {margin:0 auto;width:auto;height:0}
.hd_pops {position:absolute;border:1px solid #EEE;background:#fff; top:0 !important; left:0 !important;}
.hd_pops.mobile {display:none; }
.hd_pops img{max-width:100%;}
.hd_pops_con {width:auto !important; height:auto !important;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px ;border:0;background:#393939;color:#fff}
.hd_pops.mobile {display:block;}
.hd_pops.pc {display:none;}


#header h1{ padding:1rem 20px;}
#header h1 img{height:4rem; }
#header .hd_link{ display:none }

#btnMobileMenu{display:block; position:absolute; top:0; right:0; border:0; background:transparent; color:#333; font-size:3rem; width:6rem; height:6rem;}
#topMenu{display:none;}


/*

#main_visual{margin-top:6rem;}
#main_visual li{height:80vw;}
#main_visual section{  text-align:center;  padding-bottom:24vw}
#main_visual section h3{position:relative;font-size:6vw;  }
#main_visual section h6{position:relative;font-size:4vw;  }


#main_visual section dl dd{width:22vw; height:24vw;  margin:0 .5%}
*/
#main_visual2{margin-top:6rem;}
#main_visual2 li{height:100vh;}


#main_visual2 section{padding:0 4vw;}
#main_visual2 section h3{position:relative;font-size:5vw;  }
#main_visual2 section h6{position:relative;font-size:3vw;  }

#main_visual2 .slide_1 section > dl {margin-top:2em}
#main_visual2 .slide_1 section > dl > dd{width:24%; background:#FFF; margin:.5%; padding:1em 0}
#main_visual2 .slide_1 section  > dl > dd > dl{ display:block;}
#main_visual2 .slide_1 section  > dl > dd > dl dt{width:100%; height:6rem}
#main_visual2 .slide_1 section  > dl > dd > dl dt img{max-width:100%; max-height:100%;}
#main_visual2 .slide_1 section  > dl > dd > dl dd{width:100%; }
#main_visual2 .slide_1 section  > dl > dd > dl dd h4{font-size:.9em; }
#main_visual2 .slide_1 section  > dl > dd > dl dd p{font-size:.8em;  }


#main_visual2 .slide_2 section > dl {margin-top:4em}
#main_visual2 .slide_2 section > dl > dd{width:24%;  }

#main_visual2 .slide_3 section > dl {margin-top:2em}
#main_visual2 .slide_3 section > dl > dd{width:22%; background:#FFF; margin:.5%;  }


#ma{padding:10vw 5vw;}
#ma .b1 > dd{width:48%; padding:.5em 0; margin:1%;}
#ma .b1 > dd dl{ display:block;}
#ma .b1 > dd dt{width:100%;  height:5em;}
#ma .b1 > dd dt img{width:5em}
#ma .b1 > dd dd{width:100%;  }
#ma .b1 > dd dd h4{font-size:4vw;  }
#ma .b1 > dd dd p{font-size:1em;}



#ma .b2 img{height:10vw;}
#ma .b2 span{font-size:4vw; line-height:5vw;  }


#mb{padding:10vw 5vw; }
#mb:before{position:absolute; background:rgba(0,0,0,.05); top:0; bottom:0; left:50%; margin-left:-100vw; width:200vw; min-width:100%; z-index:-1; content:"";}
#mb header{width:100%;}
#mb h3{font-size:4vw;}
#mb h2{font-size:6vw;}
#mb p{font-size:1em; }
#mb img{ width:50%;}



#mc{padding:10vw 5vw;}

#mc h3{font-size:4vw; }
#mc h2{font-size:6vw; }

#mc dl{  display:block; margin-top:2em;  font-size:1em;}
#mc dl dt{width:auto; height:8em;}
#mc dl dt:after{ background-size:40%;}

#mc dl dd{width:auto; text-align:center; margin-top:1em; }





#md{padding:10vw 5vw;}


#md dl {display:block;}
#md dl dt h6{  font-size:4vw;}
#md dl dt h4{font-size:10vw;  }
#md dl dd p br{display:none}

#md2{padding:10vw 5vw;}


#md2 dd{width:33%; text-align:center; color:#FFF;}
#md2 dd i{width:5em}
#md2 dd h6{margin:1em 0; font-size:1.3em;  }
#md2 dd p{font-size:.9em;line-height:130%;font-family:'notosans'}



#me{margin-top:8vw; padding:0 5vw; }
#me dl{margin:2vw 0; display:block; padding:4em 0;   border-radius:1em;}

#me dl dt{width:100%; padding:0 5%; }
#me dl dd{width:100%;}
#me dl dt h4{font-size:10vw; }
#me dl dt img{width:60%; margin:0 auto;}
#me dl dt a{ font-size:1.2em;width:60%; margin:1em auto 0; }
#me dl dt span{display:block; margin-top:.5em; font-size:3.5rem; font-family: 'scoredream'; font-weight:800; line-height:100%;}

#me dl dd{width:100%; margin-top:6vw; border-top:1px solid #FFF; border-left:0; padding:5%;}
#me dl dd h3{font-size:5vw;}
#me dl dd h4{font-size:5vw;}
#me dl dd p{font-size:1em;}
#me dl dd h5{font-size:1.2em; }
#me dl dd h5 br{display:none; }

#me article{margin:1em 0; padding:5vw;   border-radius:1em;}
#me article h3{font-size:5vw; }
#me article p{font-size:3vw;  }
#me article a{ font-size:1em;  }
#me article span{ font-size:6vw; }

#CLASS{padding:10vw 5vw;}
#CLASS .tabs{}
#CLASS .tabs dd{ font-size:1.2em; padding:.8em 1em;}
#CLASS article{ width:100%; }



#CLASS article.tab_ct1 ul li{ display:block;  padding:1em 2em .8em 5em}
#CLASS article.tab_ct1 ul li label{position:absolute; left:0; width:4em; height:2em; line-height:2.2em;}
#CLASS article.tab_ct1 ul li span{width:8em;  color:#af0011;  text-align:right; }
#CLASS article.tab_ct1 ul li p{flex-grow:1;  margin:0;}



#CLASS article.tab_ct2 ul li{display:block;  padding:1em 2em .8em 5em}
#CLASS article.tab_ct2 ul li label{position:absolute; left:0; width:4em; height:2em; line-height:2.2em;}
#CLASS article.tab_ct2 ul li p{flex-grow:1;  margin:0;}

#CLASS article.tab_ct3 > p{font-size:1.2em; margin-top:1em;}

#CLASS article dl dd{width:19%; margin:.5%; background:#EEE; padding:1em 0; text-align:center; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }
#CLASS article dl dd strong{font-weight:700; color:#666;}
#CLASS article dl dd p{font-size:.9em; line-height:130%;}

#PARTNERS{padding:10vw 5vw;}
#PARTNERS dl.h1{display:block;}
#PARTNERS dl.h1 dt{}
#PARTNERS dl.h1 dt h6{color:#af0011; font-size:4vw;}
#PARTNERS dl.h1 dt h4{font-size:10vw;  }
#PARTNERS dl.h1 dd h6{ font-size:4vw; }
#PARTNERS dl.h1 dd{padding-left:0; padding-top:1em;}
#PARTNERS dl.h1 dd br{display:none;}

#PARTNERS > h6{ font-size:4vw; }

#PARTNERS dl.s1{margin-top:5vw;}
#PARTNERS dl.s1 dt{ width:30%;  }
#PARTNERS dl.s1 dt img{ width:100%;  }
#PARTNERS dl.s1 dd{ width:65%;  }
#PARTNERS dl.s1 dd h4{font-size:6vw;  }
#PARTNERS dl.s1.dtr dd{text-align:left;}

#PACKAGE{   border:0; padding:10vw 5vw;}

#PACKAGE dl{display:block}
#PACKAGE dl dd{width:auto;  }
#PACKAGE dl dd h3{font-size:2rem; font-weight:800; }
#PACKAGE dl dt{width:auto;  margin-top:2em}
#PACKAGE p{ margin-top:1em; text-align:right;}

#mf2{padding:0  0;}
#mf2 article{  padding:2em 1em;    }

#mf2 article header h6{font-size:1.2em;}
#mf2 article header h5{font-size:1.5em;}
#mf2 article header h3{font-size:10vw; }
#mf2 article dl dd{width:48%;  margin:1%;}



.sTitle{ margin-bottom:6vw; }
.sTitle strong{display:inline-block; font-size:6vw;    left:-5vw;}



#STUDIO{padding:10vw 5vw;}
#STUDIO .hd{justify-content:center}
#STUDIO .hd dd{width:20%;   padding:1em 0; margin:0;  }
#STUDIO .hd dd p{font-size:1em; line-height:100%; margin-top:1em;}
#STUDIO .hd dd i{display:inline-block; width:3rem; }
#STUDIO h6{margin-top:2em; font-size:3.5vw;  }
#STUDIO h4{margin-top:.5em; font-size:5vw; }
#STUDIO .img{ }
#STUDIO .img dd{width:50%;}

#REFERENCE{padding:10vw 5vw;}
#REFERENCE header img{height:8vw; }
#REFERENCE header strong{line-height:6vw; font-size:5vw;  }
#REFERENCE header p{font-size:1em; }
#REFERENCE .ranking{ }
#REFERENCE .ranking dt{ margin:0 2%; margin-top:6vw; width:46%; font-size:1em; padding-top:1.5em; }
#REFERENCE .ranking dd{ margin:0 2%; margin-top:4vw; width:29.33%; background:#FFF; font-size:1em;padding-top:2em; box-shadow:.1em .1em  .8em rgba(0,0,0,.2);}
#REFERENCE .ranking article{ padding:.6em;}
#REFERENCE .ranking h4 strong{display:block;}
#REFERENCE .ranking h5 strong{display:block;}

#REFERENCE .best{margin-top:8vw; padding-top:5vw;}
#REFERENCE .best dd{ padding:.3em; width:32.33%; margin:.5%;}
#REFERENCE .reference dd{width:24%}

#REFERENCE footer{ padding:1; font-size:1em;  margin-top:10vw;  }

#REFERENCE .cate_title{margin-top:5vw; margin-bottom:3vw;  font-size:1.2em;  }
#REFERENCE .cate_title strong{ padding:0 1em;}

#REFERENCE .list dd{  width:32.33%; padding:.3em;   }
#REFERENCE .list dd h6{font-size:1.1em; padding:.6em 0; }
#REFERENCE .list dt{width:100%; background:#FFF; padding:8em 0}

#PROCESS{padding:10vw 5vw;}
#PROCESS dl dd{margin:1%; width:48%; margin-top:3%; }
#PROCESS dl dd p{border-left:1px solid #af0011; padding:1em 0 0 1em; font-size:1em;}

#CLIENT{padding:10vw 5vw;}
#CLIENT dl dd{ width:24%;  }


#mg{padding:10vw 5vw;}
#mg h4{font-size:4vw; }
#mg dl{ display:block; margin-top:5vw;}
#mg dl dt{width:auto; height:60vw}
#mg dl dd{width:auto; margin-top:10%; }
#mg dl ul{position:relative;  display: -webkit-flex; display: flex; justify-content:space-between}
#mg dl li{width:50%; padding:0 1%;}
#mg dl li a{ font-size:4vw;  padding:.6em 0;  border-radius:.5em;  }
#mg dl dd li + li{border-left:1px solid #DDD; border-top:0}

#mh{padding:10vw 5vw; }

#mh dl dd{width:31.33%; margin:0; background:#FFF; padding:.5em; }
#mh dl dd p{margin:.8em 0; line-height:130%; }
#mh dl dd span {display:block; border-bottom:1px solid #DDD; margin-bottom:.6em;}
#mh dl dd span img{height:10px }



#footer{position:relative; padding:4em 0;  color:#FFF; }
#footer:before{position:absolute; background:#333; top:0;  bottom:0; left:50%; margin-left:-100vw; width:200vw;z-index:-1; content:"";}
#footer{position:relative; padding:3rem 0; color:#aaa; text-align:center; }
#footer:before{position:absolute; background:#222222; top:0;   bottom:0; left:50%; margin-left:-100vw; width:200vw;z-index:-1; content:"";}


#footer h1 img{height:6vw; }

/*
#quickQna{position:fixed; top:20%; right:-12em; width:12em; padding:2em 1em; background:#af0011; color:#FFF; text-align:center; border-radius:1em; z-index:3;}
#quickQna h4{font-size:1.4em; font-weight:700;}
#quickQna p{display:none;}
#quickQna dl {margin-top:1em;}
#quickQna dl dd{margin-bottom:.4em; }
#quickQna dl dd input{width:100%; }
#quickQna dl dd textarea{width:100%; height:6em;}
#quickQna dl dt button {width:100%; background:#000; color:#FFF; font-size:1.2em; padding:.4em 0 .2em; border:0;}
#quickQna > a {display:none;}
*/
#quickQna {width:7em}
#quickQna a.kakao {position:relative;  background:#f7e111; color:#000000; margin-top:1rem; border-radius:0; display:block;line-height:4rem; padding:.5rem 0; border-radius:1rem;}
#quickQna a.kakao i{ font-size:4em; display:block;  }
#quickQna a.kakao span{display:block; line-height:1em; margin-top:0}

#quickQna a.totop {position:relative;  background:#333; color:#fff; margin-top:1rem; border-radius:0; display:block;line-height:4rem; padding:1rem 0; border-radius:1rem;}
#quickQna a.totop i{ font-size:2em; display:block;  line-height:1.5em;}
#quickQna a.totop p{display:block; line-height:1em; margin-top:0}



/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 tr {display:block; border-bottom:1px solid #EEE; padding:10px 0}
.tbl_frm01 th {width:auto; display:block; border:0; padding:0;}
.tbl_frm01 td {display:block; border:0; padding:0}
.tbl_frm01 td .frm_input{width:100%;}
.tbl_frm01 td #reg_mb_zip{width:20%;}


.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}