@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: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
/* 초기화 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, select, textarea,
fieldset, form, label, legend, fieldset,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:"Pretendard-Regular", sans-serif;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	list-style: none;
	text-decoration: none;
	border-collapse:collapse;
}

p {margin:0;padding:0;word-break:break-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
a:link, a:visited{text-decoration:none}
a:hover{text-decoration:none}

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

img{vertical-align: middle}
input,select,button,textarea{padding: 0;appearance:none;-webkit-appearance:none;-moz-appearance:none}
button{border: 0;background: transparent;box-shadow: none;outline:0;}
input[type="submit"], input[type="button"], input[type="reset"], button {cursor:pointer}

input[type="text"]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent}
input[type="text"]:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent}
input[type="text"]:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent}
input[type="text"]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent}
select::-ms-expand {display: none;}

/* library */
.hidden{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: 0;font-size: 0;line-height: 0;clip: rect(0,0,0,0)}
.lt{float:left}
.rt{float:right}
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.taj{text-align:justify !important}
.vam{vertical-align:middle !important}
.vat{vertical-align:top !important}
.vab{vertical-align:bottom !important}
.clear{clear:both;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top: 80px !important;}
.mb40{margin-bottom: 40px !important;}
.sz11{font-size: 11px !important;}

.pb30{padding-bottom: 30px !important;}

/* sub Intro 단독 사용으로 인해 default.css 파일에 추가*/
.gray_box{margin-top: -120px;padding: 100px 100px 40px;}
.gray_box{background: url("../img/add/bg_gray.png") 0 0 no-repeat, url("../img/add/bg_gray_repeat.png") 0 0 repeat-y;background-size: 100%;}
.gray_box #sub_visual h2{color: #000;}
.gray_box #container{padding-top: 0;}
.gray_box .sub_contents{padding-top: 0;}
.gray_box .sub_cont01{border-top: 0;}
.gray_box h2{padding-bottom:78px; text-align:center; font-size:44px; line-height:1.2;font-family:"Pretendard-Bold"}
.gray_box h2 span{}
.gray_box h3{line-height: 1.4;}
.gray_box .coment_box_container{margin-top: 0;}

@media only screen and (max-width: 1200px){
	.gray_box{padding: 50px 30px 20px;/* background:#eee; */}
	.gray_box h2{padding-bottom: 49px;text-align: center;font-size: 5vw;line-height: 7vw;}
	.gray_box .sub_cont01{padding: 60px 40px 40px 40px;}
}

@media only screen and (max-width:767px){
	.gray_box{padding: 50px 20px 20px;margin-top: 0;/* background:#eee; */}
	.gray_box #sub_visual{height: auto;}
	.gray_box .sub_cont01{padding: 60px 40px 40px 40px;}
	.gray_box #sub_visual h2 br{display: block;}
	.gray_box h2{padding-bottom: 49px;text-align: center;font-size: 5.3333vw;line-height: 8.5vw;}

}