*{box-sizing: border-box}
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}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background-color:#f7f7f7;font-family: 'Noto Sans KR', sans-serif;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{width:100%}
    
    
    



div.header{background:#58585b;height:50px;}


div.formWrap {padding:0 20px;background-color:white;padding-bottom:1px;padding-top:1px;border: 1px solid rgb(0, 0, 0);}
div.formWrap div.title{text-align: center;font-size:30px;line-height:50px;color:rgb(0,124,247);margin-top:30px;margin-bottom:30px;}
div.formWrap div.title br.lineSpacer {display: block;}
div.formWrap input{padding-left:10px;}
div.formWrap div.inputRow{margin-bottom:30px;}

div.formWrap div.inputWrap{display: inline-block;width:315px;height:50px;margin-top:19px;}

div.formWrap div.inputWrap div.inputName{margin-bottom:8px;}
span.required{color:rgb(255, 3, 3);font-size: 12px;margin-right: 10px;}
div.formWrap div.inputWrap input{display: inline-block;width:100%;height:39px;background-color:rgba(247,247,248,1);border:0px}


/*contact*/
div.formWrap div.contact input{width:90px;margin-right:5px;}
/*bizcode*/
div.formWrap div.bizcode input{width:90px;margin-right:5px;}
/*email*/
div.formWrap div.email input{width:145px}
div.formWrap div.email input:nth-child(2){margin-right:5px;}


/*주소*/
.formWrap .row2{width: 900px;}
div.formWrap div.address{width:100%;}
div.formWrap div.address input#sample6_postcode{display:none;}
div.formWrap div.address input#sample6_extraAddress{display:none;}
div.addressRow1{display: inline-block;width:100%;margin-bottom:8px;}
div.addressRow1 input#sample6_address{width:100%;padding-left:10px;}
div.addressRow1 input#search{width:100px;margin-left:10px;height:39px;background-color:rgb(0, 0, 0);color:white;border-radius:4px;font-family: 'Noto Sans KR', sans-serif;padding-right:8px;}
div.addressRow2{display: inline-block;width:315px;}
div.addressRow2 input{padding-left:10px;}
div.formWrap div.row2 .flex{display: flex; gap: 20px;width: 100%;}
div.formWrap div.inputWrap label{display: inline-block;width:80px;text-align: center;color:white;background-color:rgb(7, 7, 7);width:100px;height:39px;line-height:39px;margin-left:10px;}

div.submit{margin-top:50px;}
div.submit input{font-family: 'Noto Sans KR', sans-serif; }



/*table*/
div.row5 span.addRow{}
div.row5 span.addRow input{border-radius: 10px;
    border: none;background-color: rgb(0, 0, 0);color: white;
    margin-left: 18px;padding: 7px 12px;font-weight: 700;font-size: 12px;}
div.tableWrap{margin-top:10px;}
div.tableWrap table{border-collapse:collapse;border:none;}
div.tableWrap table tr{border:none;margin-bottom:5px;display:block;width:100%;margin-bottom:12px;}
div.tableWrap table tr td{border:none;display:inline-block;}
div.tableWrap table tr td select{margin-right:7px;padding:4px;height: 39px;}
div.tableWrap table tr td input{padding:4px;height: 39px;}
div.tableWrap table tr td:nth-child(1) select{width:60px;font-size:14px;}
div.tableWrap table tr td:nth-child(2) select{width:120px;font-size:14px;}
div.tableWrap table tr td:nth-child(3) select{width:60px;font-size:14px;}
div.tableWrap table tr td:nth-child(4) input{width:50px;font-size:14px;margin-right:7px;}
div.tableWrap table tr td:nth-child(5) input{width:312px;font-size:14px;margin-top:6px;}


/*�ъ씠利덇컪*/
/*
div.tableWrap table tr td:nth-child(1) select{display:inline-block;width:45px;font-size:10px;}
div.tableWrap table tr td:nth-child(2) select{display:inline-block;width:82px;font-size:10px;}
div.tableWrap table tr td:nth-child(3) select{display:inline-block;width:45px;font-size:10px;}
div.tableWrap table tr td:nth-child(4) input{display:inline-block;width:40px;font-size:10px;margin-right:7px;}
div.tableWrap table tr td:nth-child(5) input{display:inline-block;width:170px;font-size:10px;}
*/







/*

div.row5 div.selectWrap select {display: inline-block;width:120px;height:50px;background-color:rgba(247,247,248,1);border:none;padding-left:10px;padding-right:10px;margin-right:10px;margin-bottom:10px}
div.row5 div.selectWrap select option:nth-child(1){color:#aaa;}
div.row5 div.selectWrap input{display: inline-block;width:120px;height:50px;background-color:rgba(247,247,248,1);border:none;padding-left:10px;padding-right:10px;margin-right:10px;margin-bottom:10px;}
*/


/*수집동의*/

.lawBox .agreeWrap{width:100%;height:20px;margin-bottom:10px;}
div.lawBox div.bottomTitle{float: left;}
div.main div.bottomWrap div.bottomTitle{color:#444;font-weight:500;;float: left;vertical-align:center;}
div.lawBox div.agree{font-size:14px;font-weight:300;float:right;vertical-align:center;margin-bottom:10px;}
div.lawBox div.lawWrap{height:200px;overflow-y:scroll;border:1px solid #888;border-radius:5px;padding:8px;font-weight:300;font-size:14px;width:90%}
div.lawBox div.agreeText{font-size:12px;font-weight:300;margin-top: 10px;}





div.submit{text-align: center;margin-bottom:150px;}
div.submit input{display: inline-block;width:254px;height:44px;background-color:rgb(0, 0, 0);color:white;border:0; border-radius:4px;text-align: center;}


        
   .mobil{display: none;}


@media screen and (min-width:750px){
    
  

div.formWrap {width:750px;margin:auto;}
div.formWrap div.title{font-size:36px;margin-top:40px;}
div.formWrap div.title br.lineSpacer {display:none;}
div.formWrap div.inputWrap{display: inline-block;width:315px;height:50px;margin-right:20px;}


div.formWrap div.inputWrap div.inputName{margin-bottom:8px;}

div.formWrap div.inputWrap input{display: inline-block;width:100%;height:39px;background-color:rgba(247,247,248,1);border:1px solid #888;border-radius: 3px;}


/*contact*/
div.formWrap div.contact input{width:93px;margin-right:5px;}
/*bizcode */
div.formWrap div.bizcode input{width:93px;margin-right:5px;}
/*email*/
div.formWrap div.email input{width:145px}
div.formWrap div.email input:nth-child(2){margin-right:5px;}


/*address*/
div.formWrap div.address{width:500px;}
div.formWrap div.address input#sample6_postcode{display:none;}
div.formWrap div.address input#sample6_extraAddress{display:none;}
div.addressRow1{display: inline-block;width:500px;margin-bottom:8px;}
div.addressRow1 input#sample6_address{width:315px;padding-left:10px;}
div.addressRow1 input#search{width:100px;margin-left:10px;height:39px;background-color:rgb(0, 0, 0);color:white;border-radius:4px;font-family: 'Noto Sans KR', sans-serif;padding-right:8px;}
div.addressRow2{display: inline-block;width:315px;}
div.addressRow2 input{padding-left:10px;}

/*address_mobil*/
div.formWrap div.address_mobil{width:500px;}
div.formWrap div.address_mobil input#sample6_postcode{display:none;}
div.formWrap div.address_mobil input#sample6_extraAddress{display:none;}
div.addressRow1_mobil{display: inline-block;width:500px;margin-bottom:8px;}
div.addressRow1_mobil input#sample6_address{width:315px;padding-left:10px;}
div.addressRow1_mobil input#search{width:100px;margin-left:10px;height:39px;background-color:rgb(0, 0, 0);color:white;border-radius:4px;font-family: 'Noto Sans KR', sans-serif;padding-right:8px;}
div.addressRow2_mobil{display: inline-block;width:315px;}
div.addressRow2_mobil input{padding-left:10px;}

div.formWrap div.inputWrap label{display: inline-block;width:80px;text-align: center;color:white;background-color:rgb(0,124,247);width:100px;height:50px;line-height:39px;margin-left:10px;}
    

/*table*/
div.row5{margin-top:50px;}
div.row5 span.addRow{}
div.row5 span.addRow input{border-radius: 10px;
    border: none;background-color: rgb(10, 10, 10);color: white;
    margin-left: 18px;padding: 7px 12px;font-weight: 700;font-size: 12px;}
div.tableWrap{margin-top:10px;}
div.tableWrap table{border-collapse:collapse;border:none;}
div.tableWrap table tr{border:none;margin-bottom:8px;border-bottom:1px solid #ddd;padding-bottom:7px;border-radius:4px ;}
div.tableWrap table tr td{border:none;}
div.tableWrap table tr td select{margin-right:13px;padding:5px;}
div.tableWrap table tr td input{padding:5px;}
    
div.tableWrap table tr td:nth-child(1) select{width:70px;font-size:14px;}
div.tableWrap table tr td:nth-child(2) select{width:120px;font-size:14px;}
div.tableWrap table tr td:nth-child(3) select{width:70px;font-size:14px;}
div.tableWrap table tr td:nth-child(4) input{width:70px;font-size:14px;margin-right:13px;}
div.tableWrap table tr td:nth-child(5) input{width:272px;font-size:14px;margin-top:0px}

    

    
    

div.submit{margin-top:50px;}
div.submit input{font-family: 'Noto Sans KR', sans-serif; }



/*

div.row5 div.selectWrap select {display: inline-block;width:120px;height:50px;background-color:rgba(247,247,248,1);border:none;padding-left:10px;padding-right:10px;margin-right:10px;}
div.row5 div.selectWrap select option:nth-child(1){color:#aaa;}
div.row5 div.selectWrap input{margin-top:0px;}
*/


/*수집동의*/
div.lawBox{margin-top:50px}
div.lawBox div.agreeWrap{width:100%;height:20px;margin-top:30px;}
div.lawBox div.bottomTitle{float: left;}
div.main div.bottomWrap div.bottomTitle{color:#444;font-weight:500;;float: left;vertical-align:center;}
div.lawBox div.agree{font-size:14px;font-weight:300;float:left;vertical-align:center}
div.lawBox div.lawWrap{height:200px;overflow-y:scroll;border:1px solid #888;border-radius:5px;padding:8px;font-weight:300;font-size:14px;width:100%}
div.lawBox div.agreeText{font-size:12px;font-weight:300;}


    
    
    
    
}

@media screen and (max-width:368px){
    
    div.lawBox div.lawWrap{width: 100%;}
    div.tableWrap table tr td:nth-child(1) select { margin-top: 6px;width: 91px;}
    div.tableWrap table tr td:nth-child(2) select { margin-top: 6px;width: 109px;}
    div.tableWrap table tr td:nth-child(3) select { margin-top: 6px;width: 91px;}
    div.tableWrap table tr td:nth-child(4) input { margin-top: 6px;width: 91px;}
    div.tableWrap table tr td:nth-child(5) input{width: 209px;}
    .formWrap .row2{width: 100px;}
    div.formWrap div.address .addressRow1{display: ;}
    div.formWrap div.row2{display: ;}
    div.formWrap div.m{display: ;}
    div.addressRow1 input#sample6_address{width:120px;display: block;
    }
    div.addressRow1 input#sample6_detailAddress{width:140px;display: block;}
    div.addressRow1 input#search{width:60px;margin-left: -10px;}
}