@charset "utf-8";
/*
@import url ("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@font-face {
  font-family: 'Noto Sans KR', sans-serif;
  src: url("font/NotoSansKR-Bold.otf");
}
*/
@import url(./notosanskr.css);
/*@import url("./pretendardvariable.min.css");*/
*{margin:0; padding:0;}
.mt50 {margin-top:50px;}.mt40{margin-top:40px;}.mt30{margin-top:30px;}.mt20{margin-top:20px;}.mt15{margin-top:15px;}.mt10{margin-top:10px;}
.w95 {width:95%;}.w90{width:90%;}.w80{width:80%;}.w70 {width:70%;}.w60{width:60%;}.w50{width:50%;}
body{
    margin:0; padding:0; line-height:1.5; letter-spacing:-0.045em;
    font-family:"Pretendard Variable", Pretendard, 'Noto Sans KR','맑은고딕','나눔고딕','돋움','dotum',helvetica,sans-serif,verdana; }
header, nav, main, section, article, aside, footer{ display:block;}
a {color:inherit; text-decoration:none;}
ul,li{list-style:none;} img{vertical-align: top;}
mark{background-color: #fffc47; padding: 0.2%; border-bottom: 2px solid #000;}  .rd{color:#ff0033;}

#layout_header {
    background: #fff;
    z-index: 10;
}
#layout_header .top_bnr_area {
    min-width: 1200px;
    background: #fff;
}
#layout_header .top_bnr_area .tb_box {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    *zoom: 1;
    z-index: 101;
    -webkit-box-shadow: 0 10px 6px -6px #efefef;
       -moz-box-shadow: 0 10px 6px -6px #efefef;
            box-shadow: 0 10px 6px -6px #efefef;
    
}
#layout_header_m {display: none;}
#wrap {
    width:100%; max-width:700px; margin:0 auto;
}


header {
    margin-top: 4%;
    margin-bottom: 8%;
    position: relative;
}

header p{
padding: 1% 3% 3%; font-size: 17px; color: #959595; font-weight: 300; max-width: 50%;
}

header img {width:100%;}


header .sub_nav {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 0%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
	max-width: 680px;
    margin: 0 auto;

}	
header .sub_nav .sns li {
    float: left;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    text-indent: -999em;
}	

header .sub_nav .ga {
    float: right;
    box-sizing: border-box;
    height: 34px;
}		
header .sub_nav .ga li:first-child {
    font-size: 10px;
    border-right: 0px;
}		
header .sub_nav .ga li {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #cfcfcf;
    color: #515151;
    float: left;
}		
header .sub_nav ul li a {
    display: block;
}
a:visited, a:link {
    color: #000;
}

@media screen and (max-width: 640px)		{	
header p{
padding: 1% 3% 3%; font-size: 15px; color: #959595; font-weight: 300; max-width: 50%;   
}
header .sub_nav {
    position: absolute;
    right: 0;
    bottom: -4%;
    padding-top: 0%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
	max-width: 680px;
    margin: 0 auto;

}	    
}
@media screen and (max-width: 350px)		{
header .sub_nav {
    position: absolute;
    right: 0;
    bottom: -8%;
    padding-top: 0%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
	max-width: 680px;
    margin: 0 auto;

}    
header .sub_nav .ga li {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #cfcfcf;
    color: #515151;
    float: left;
}					
			
header .sub_nav {
/*    padding-top:15px;*/
   
}			
		
	
}

main section article img {
    width:100%; display:block; margin:0 auto;
}
main section article1 img {
   width:30px; margin: 80px auto 0;  display: block;}
main section article1 h3, aside h3{margin: 0 auto; margin-top: 2em; font-size: 50px; font-weight: bold; line-height: 1.3; letter-spacing: -.025em; text-align: center;}


main section  h1{
   font-size:21px; padding: 0 15px; line-height: 1.5; text-align: center; letter-spacing: -0.055em; color: #6b6b6b;margin-left: 5%; font-weight: 400;
    margin-right:5%;padding-left: 10px;}


main section article p {
    padding:6% 15px; word-break:break-all; letter-spacing: -0.8px;
    text-align:justify; font-size:1.37em; line-height:1.7; color:#121212;
}

main section article img {
    padding:6% 0 0 0;
}
main section article p b {
    color:#000; font-weight: 500;
}
video{display:block; width:100%}
/*aside {background:#fff; width:89%; margin:80px 5% 0 5%;}*/

.z99{position:relative; z-index:99;}
/*
aside img { width:100%;}
th, td { padding:5px 10px; }
th {  width:28%; max-width:80px; text-align:left; padding-left:40px; }
th span {color:#e83939;}
tr td {width:75%;}
td.dbq {font-size: 0.8em;}
td.dbq label {display:inline-block;}

td input[type=text],td input[type=tel],select {border:1px solid #ccc; border-radius:5px; height:35px; line-height: 35px; padding-left:10px;}

td input.hp {width:26%;}
.agree {font-size: 11px;}
*/


aside {position:relative; z-index:99; background: #fff;box-shadow:0px 5px 5px rgba(0,0,0,.2); margin:0 auto 20px;}
.formTable {width:100%; padding:0 20px; text-align:left; box-sizing:border-box; }
.formTable th {width:25%; max-width:100px; text-align:center;}
.formTable th, td {padding:5px 0; vertical-align:middle;}
.formQqestion {width:100%; font-size: 14px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
.formQqestion td {padding:5px 0; width:20%;}
.formQqestion th {padding:10px 0; text-align:left;}
.formQqestion input[type=checkbox],.formQqestion input[type=radio] {display:none;}
.formQqestion input ~ label {background:#fff; border: 1px solid#ff3e63; color:#ff3e63; display:inline-block; width:90%; padding:7px 0; text-align:center; box-sizing:border-box;font-weight: 600;}
.formQqestion input:checked + label {background: #ff3e63; color:#fff; }
.formTable input[type=text], .formTable input[type=tel], .formTable select {height:35px; padding-left:10px; width:83%;background: #fff;border: 1px solid#b7b7b7;}
.formTable input.tel, .formTable select.tel {width:26%;}
.formTable textarea {width:80%; border-radius:10px; border:2px solid #eee; height:70px; padding:7px; box-sizing: border-box;}
.agree {font-size: 13px; text-align:center; line-height: 2; color:#999;border-bottom:1px dashed #ccc; }
.agreeform {font-size: 12px; color:#666; line-height: 1.5; display:none;}
.formTable .btn {text-align:center; padding-bottom:20px;padding-top: 10px;}
.formTable button {width:90%; font-size: 1.6em; font-weight: bold; padding:16px 0; border-radius:40px; box-shadow:0px 5px 5px rgba(0,0,0,.2); position:relative; background:#fd8502; color:#fff; animation:dbbtn 2s ease-in infinite; border:none}
.formTable .formResult { font-size: 13px; text-align:center; padding:0px 20px 20px 20px;}
.formTable .formResult input {background: #fffbe6; width:20%; height:25px; border-radius:5px;}


.formTable input[type=radio] {display:none;}
.formTable input ~ label {background:#fff; border: 1px solid #d58f07; color:#fd8502; display:inline-block; width:90%; padding:7px 0; text-align:center; box-sizing:border-box;font-weight: 600;}

.formTable input:checked + label {background: #fd8502; color:#fff; }


 
aside .asidebtn ul li button {background: #fff; border:1px solid #ccc; height:30px; width:80px;}
aside .asidebtn ul {width:95%; margin:10px auto;}
aside .asidebtn ul::after {content:''; display:block; clear:both;}
aside .asidebtn ul li:nth-child(1) i {color:red;}
aside .asidebtn ul li:nth-child(1) {margin-right:5px;}
aside .asidebtn ul li {float:left;}
aside .asidebtn ul li:nth-child(3) {float:right; }
aside .asidebtn ul li:nth-child(3) button{width:30px;}


.dbimg {width:89%; padding:0; margin:20px 5% 0% 5%;} .dbimg input {width:100%;}
.dbbtn {width:100%; text-align:center;padding-top:12px;} .dbbtn input {width:100%;}
.dbt {width:100%; padding:0; position:relative;padding-right: 10px:} .dbimg input {width:100%;}
b{font-weight: 500;}
footer p {font-size: 13px; color:#888;margin: 0 5% 0 5%; }
footer{ margin:0px auto 0; text-align:center; background: #fbfbfb; text-align:center; padding-top:20px; padding-bottom:20px;}



.wrap article h3 {
    margin: 5% 5% 3%;
    border-bottom: 2px solid #000;
    padding-left: 10px;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: -.05em;
    text-align: left
}

        .custom_request { width:100%; float:left; text-align: center; margin-bottom: 0%}
 
		.custom_request > div {  float:left; text-align: center; width:99.7%; max-width:700px;  color:#f7f7f7; font-size:32px; padding-top:0px;margin:0; background-color: #fff; border: 0px solid #e5e5e5 }
		
    
		.custom_request .list { width:100%; height: 210px;  float:right;margin: 0px; padding: 0px;  display: block;}
		.custom_request .list div { width:100%;  float:left; }
		.custom_request .list div > ul { width:100%; float:left; }
		.custom_request .list div > ul > li {  width:100%; float:left; height:45px; line-height:30px; font-size:18px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; vertical-align: middle;}
		.custom_request .list div > ul > li:nth-child(1) { width:30%; }
		.custom_request .list div > ul > li:nth-child(2) { width:20%; }
		.custom_request .list div > ul > li:nth-child(3) { width:30%; }
		.custom_request .list div > ul > li:nth-child(4) { width:20%; }
		

		.custom_request .list .list_head {  width: 100%; background-color:#ebebeb; letter-spacing: -1px; }
		.custom_request .list .list_head ul { background-color:#f0f0f0; width: 100%; font-weight: bold;font-size:20px;color:#262626;; }

		.custom_request .list .list_body { overflow:hidden; height: 250px; border:1px solid #eee;}
		.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #ccc; background-color:#ffffff;}
		.custom_request .list .list_body li span { font-size:17px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;margin: 1% 0;}
		.custom_request .list .list_body li span:nth-child(1) { width:30%; float:left; }
		.custom_request .list .list_body li span:nth-child(2) { width:20%; float:left; }
		.custom_request .list .list_body li span:nth-child(3) { width:34%; float:left; }
		.custom_request .list .list_body li span:nth-child(4) { width:15%; float:left; }
		.listbtn{display: block; padding: 0 -10px; background-color:#d22a2a; vertical-align: middle; border-radius: 10px;  }


@media screen and (max-width:680px){
    .mt60 {margin-top:70px;}.mt15{margin-top:10px;}

	.mt20{margin-top:20px;}
	
    .header h2 {
font-size: 19px; font-weight:bold;line-height: 34px;padding-bottom:10px;letter-spacing: -1px;
    }
main section article p {
    padding:6% 15px; word-break:break-all; letter-spacing: -0.8px;
    text-align:justify; font-size:1.26em; line-height:1.6; color:#121212;
}    

    th, td { padding:5px 5px; }
    th { padding-left:10px; }
	td input.hp {width:24%;}
	footer p {font-size: 11px; color:#888;margin:0 5% 0 5%; }
footer{ margin-top:0px; text-align:center; background: #fbfbfb;  text-align:center; padding-top:20px; padding-bottom:20px;}

 header img {width:100%;padding-top:5px;}

    main section  h1{
     font-size:15px; line-height: 1.0; text-align: center; letter-spacing: -0.055em; color: #6b6b6b;margin-left: 5%; font-weight: 400;
    margin-right:5%;padding-left: 10px;margin-top:10px;}
    
    		.custom_request .list .list_body li span { font-size:15px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px;margin: 1% 0;}
            .listbtn{display: block;  background-color:#d22a2a; vertical-align: middle; border-radius: 7px;  }    
            .custom_request .list .list_body li .listbtn {font-size:13px;}    
}
@media screen and (max-width:370px){
		  .custom_request .list .list_body li .listbtn {font-size:12px;} 
}


@font-face {
     font-family: 'S-CoreDream-8Heavy';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 900;
     font-style:bold;
}