@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');


.tmpHead {padding-top: 60px; margin-bottom: -50px;}
.tmpHead:after {content: ''; display: table; clear: both;}
.tmpHead h1 {float: left; white-space: nowrap; height: 50px; line-height: 50px;}
.tmpHead ul {float: right; margin-top: 30px;}
.tmpHead ul:after {content: ''; display: table; clear: both;}
.tmpHead ul li {float: left; margin-right: 10px; padding-right: 10px; position: relative;}
.tmpHead ul li:after {content: ''; display: block; width: 1px; height: 10px; background: #666; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.tmpHead ul li a {display: block; font-size: 18px;}
.tmpHead ul li:last-child {padding-right: 0; margin-right: 0;}
.tmpHead ul li:last-child:after {display: none;}

#tmpWrap {width: 1400px; margin: 0 auto;}
.tmpTitle {margin-bottom: 10px; font-size: 20pt; font-weight: 500;}
.tmpList {}
.tmpList:after {content: ''; display: table; clear: both;}
.tmpList dt {float: left; width: 35%;}
.tmpList dt pre {height: 300px;}
.tmpList dd {float: left; width: 65%; padding-left: 60px;}
.tmpLine {margin: 60px 0;}
.tmpBtn {text-align:center; margin-bottom:16px;}
.tmpBtn li {display:inline-block; margin:0 3px;}
.tmpBtn li a {display:block; color:#333; border:solid 1px #aaa; padding:0 15px; height: 34px; line-height: 32px; text-decoration:none;}
.tmpRsp {-webkit-transition: all 0.2s; transition: all 0.2s; height: 330px;}
.tmpRsp iframe {display:block; width:100%; height:100%; border: solid 1px #ddd;}


.itv_top01_cont {padding-left:60px; padding-right:60px; box-sizing: border-box; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_top01_cont:after {content:""; display:table; clear:both;}
.itv_top01 {background:#ece5dd; padding-top:40px; padding-bottom:25%; box-sizing: border-box;}
.itv_top01 h3 {font-size:22pt; font-weight:100; letter-spacing:0.1em; margin-top: 0; margin-bottom: 0;}
.itv_top01 h3 span {font-weight:500;}
.itv_top01 h5 {font-size:9pt; font-weight:100; text-transform:uppercase; letter-spacing:0.3em; margin-top:20px; position:relative; padding-bottom:30px; box-sizing: border-box;}
.itv_top01 h5:after {content:""; display:block; width:40px; height:4px; background:#333; position:absolute; left:0; bottom:0;}
.itv_top01_prfl dl:after {content:""; display:table; clear:both;}
.itv_top01_prfl dt {float:left; width:55%; position:relative; margin-top:-25%;}
.itv_top01_prfl dt img {display:block; width:100%;}
.itv_top01_prfl dd {float:left; width:45%; padding:20px 0 0 30px; box-sizing: border-box; margin-left: 0;}
.itv_top01_prfl h3 {font-size:24pt; font-weight:100; letter-spacing:0.1em; margin-top: 0; margin-bottom: 0;}
.itv_top01_prfl h3 span {font-weight:500;}
.itv_top01_prfl h5 {font-size:14pt; font-weight:300; padding:10px 0; box-sizing: border-box; margin-top: 0; margin-bottom: 0;}
.itv_top01_prfl p {font-size:10pt; font-weight:300; line-height:1.6; margin-top: 0; margin-bottom: 0;}


/* °­»çÀÎÅͺä */
.tch_itv_head{display:flex; width:100%; position:Relative; padding:20px 0;align-items: center; justify-content: space-between;}
.tch_itv_head_left{position:relative;}
.tch_itv_head_left div{position:absolute; top:-20px; left:0px; width:90%; display:flex;}
.tch_itv_head_left div p{width:45px; height:8px; display:block; }
.tch_itv_head_left div p.bgcolor-bk {background:#282828;}
.tch_itv_head_left div p.bgcolor-og {background:#ff6800;}
.tch_itv_head_left h5{font-size:22px; font-weight:normal;}

.tch_itv_top01_prfl{position:relative; width:100%; display:block;}
.tch_itv_top01_cont{display:block; position:relative; height:350px; background:#282828; width:100%;}
.tch_itv_profile {width:380px; height:350px; float:right; overflow:hidden;}
.tch_itv_profile img{width:100%;}
.tch_itv_profile_txt{position:absolute; width:420px; top:0px; left:0px; display:block; padding:40px;background:#282828; height:350px; color:#fff;flex-direction: column;}
.tch_itv_profile_txt h2{font-size:16px; display:inline-block; padding:6px 8px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.tch_itv_profile_txt h3{display:block; margin-top:20px; font-size:45px; line-height:1.3}
.tch_itv_profile_txt h3 span{font-size:23px; font-weight:normal}
.tch_itv_profile_txt p {position:absolute; bottom:40px; left:40px; opacity:0.5}

.tch_itv_focus{padding:0px 20px; position:relative; margin:80px 0px; display:flex; width:100%;align-items: center; width:100%; flex-direction: column;}
.tch_itv_focus_rec{padding:8px 40px 8px 40px; color:#ff6800; border:2px solid #ff6800; font-size:17px; font-weight:500; position:relative; margin-bottom:10px;}

.tch_itv_focus_tit{position:relative; top:0px; left:0px; text-align:center; width:100%; height:100%; display:flex;align-items: center; justify-content: center;}
.tch_itv_focus_tit h3{color:#464646; font-size:27px; font-weight:normal; background:#fff; padding:10px 0; position:relative;}
.tch_itv_focus_tit h3:before {content:'';position:absolute; top:8px; left:-30px; display:inline-block;width:20px; height:20px; background: url('/2022/img/icon/tch-deco-left.png') left top no-repeat; background-size:20px auto;}
.tch_itv_focus_tit h3:after {content:'';position:absolute; bottom:8px; right:-30px; display:inline-block;width:20px; height:20px; background: url('/2022/img/icon/tch-deco-right.png') left top no-repeat; background-size:20px auto;}

.tch_itv_good{padding:0 20px; width:100%; position:relative; margin-bottom:25px; display:block;}
.tch_itv_good_cont{padding:44px; border:10px solid #f6f6f6; }
.tch_itv_good_cont h3{font-size:21px; padding:0 0 20px 48px; line-height:48px; background: url('/2022/img/icon/tch-like.png') left top no-repeat; background-size:36px auto; margin-bottom:20px; border-bottom:1px solid #ddd}
.tch_itv_good_txt, .tch_itv_qna dl dd p, .tch_itv_review_txt{font-size:17px; line-height:1.6;}

.tch_itv_qna, .tch_itv_review{padding:20px; width:100%; display:block; }
.tch_itv_qna dl dt, .tch_itv_review_cont h3{font-size:17px; margin-bottom:12px; color:#ff6800; font-weight:bold;text-decoration:underline}
.tch_itv_qna dl dd h3{font-size:21px;display:block; width:100%; margin-bottom:4px;}

.tch_itv_review_img{width:100%; padding:20px;}
.tch_itv_review{margin-top:60px;}
.tch_itv_review + .tch_itv_review{margin-top:20px;}
.tch_itv_review_cont{position:relative; width:100%; padding:44px; background:#fffcfa; border-radius:24px; box-shadow: 3px 0px 8px rgba(0,0,0,0.13)}
.tch_itv_review_cont:before{width:40px; height:52px; position:absolute; top:0px; margin-top:-26px; left:50%; margin-left:-20px;display:block;content:"";background: url('/2022/img/icon/tch-review.png') left top no-repeat;}

.tch_itv_review_info{display:flex; margin-bottom:12px; font-size:17px;}
.tch_itv_review_info dl{display:flex; margin-right:12px; position:relative; padding-right:12px;}
.tch_itv_review_info dl:after{content:""; width:1px; height:10px; background:#ddd; display:block; position:absolute; top:50%; right:0px; margin-top:-5px;}
.tch_itv_review_info dl:last-child:after{display:none;}
.tch_itv_review_info dl dt{padding-right:6px;font-weight:bold;}

@media (max-width:800px) {
	.itv_top01_cont {padding-left:30px; padding-right:30px;}
	.itv_top01 {padding-top:20px;}
	.itv_top01 h3 {font-size:18pt;}
	.itv_top01 h5 {font-size:9pt; margin-top:10px; padding-bottom:20px; margin-bottom:20px;}
	.itv_top01 h5:after {width:30px; height:3px;}
	.itv_top01_prfl dd {padding:15px 0 0 15px;}
	.itv_top01_prfl h3 {font-size:18pt;}
	.itv_top01_prfl h5 {font-size:11pt;}
}

@media (max-width:600px) {
	.itv_top01_cont {padding-left:15px; padding-right:15px;}
	.itv_top01_prfl dt {width:100%;}
	.itv_top01_prfl dd {width:100%; padding:15px 0 0 0;}
}





.itv_top02 {max-height:380px; overflow: hidden; position: relative; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_top02 > img {display: block; width: 100%;}
.itv_top02 > div {position: absolute; top: 0; left: 0; right: 40%; bottom: 0;}
.itv_top02 > div > div {display: table; width: 100%; height: 100%;}
.itv_top02 > div > div > div {display: table-cell; width: 100%; vertical-align: middle; padding-left: 60px; padding-right: 60px; box-sizing: border-box;}
.itv_top02_cont {background: rgba(255,255,255,0.7); padding: 20px; box-sizing: border-box;}
.itv_top02_cont h6 {font-size: 8pt; letter-spacing: 0.5em; font-weight: 300; color: #888; margin-top: 0; margin-bottom: 0;}
.itv_top02_cont h3 {font-size: 14pt; font-weight: 300; margin-top: 0; margin-bottom: 0;}
.itv_top02_cont h3 span {font-size: 26pt; font-weight: 700; letter-spacing: 0.25em; color: #5a4937;}
.itv_top02_cont h5 {font-size: 10pt; margin-top: 10px; margin-bottom: 0;}
.itv_top02_cont p {font-size: 10pt; margin-top: 5px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5em; height: 4.5em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media (max-width:800px) {
	.itv_top02 > div > div > div {padding-left: 20px; padding-right: 20px;}
	.itv_top02_cont {padding: 15px;}
	.itv_top02_cont h3 {font-size: 12pt;}
	.itv_top02_cont h3 span {font-size: 20pt;}
}

@media (max-width:600px) {
	.itv_top02 > div {position: static;}
	.itv_top02 > div > div > div {padding-left: 0; padding-right: 0;}
	.itv_top02_cont {background: none; width: 100%; padding: 15px;}

}





.itv_top03 {padding: 30px 60px; box-sizing: border-box; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_top03 > div {position: relative; padding-left: 180px; box-sizing: border-box;}
.itv_top03_img {position: relative; width: 140px; height: 140px; overflow:hidden; position: absolute; left: 15px; top: 50%; margin-top: -70px; border-radius: 70px 70px 70px 70px; -moz-border-radius: 70px 70px 70px 70px; -webkit-border-radius: 70px 70px 70px 70px;}
.itv_top03_img img {display: block; width: 100%;}
.itv_top03_cont {}
.itv_top03_cont h6 {font-size: 8pt; letter-spacing: 0.5em; font-weight: 300; color: #888; margin-top: 0; margin-bottom: 0;}
.itv_top03_cont h3 {font-size: 14pt; font-weight: 300; margin-top: 0; margin-bottom: 0;}
.itv_top03_cont h3 span {font-size: 26pt; font-weight: 700; letter-spacing: 0.25em; color: #5a4937; margin-top: 0; margin-bottom: 0;}
.itv_top03_cont h5 {font-size: 10pt; margin-top: 10px; margin-bottom: 0;}
.itv_top03_cont p {font-size: 10pt; margin-top: 5px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5em; height: 4.5em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media (max-width:800px) {
	.itv_top03 {padding: 30px 15px;}
	.itv_top03_cont h3 {font-size: 12pt;}
	.itv_top03_cont h3 span {font-size: 20pt;}
}

@media (max-width:600px) {
	.itv_top03 > div {padding-left: 0;}
	.itv_top03_img {width: 120px; height: 120px; position: static; left: 0; top: 0; margin-top: 0; margin: 0 auto;}
	.itv_top03_cont {padding-top: 30px;}
	.itv_top03_cont h6 {text-align: center;}
	.itv_top03_cont h3 {text-align: center;}
	.itv_top03_cont h5 {text-align: center; margin-top: 5px;}
	.itv_top03_cont p {margin-top: 20px; overflow: visible; height: auto; display: block; text-overflow: normal;}
	

	.tch_itv_top01_prfl{position:relative; width:100%; display:block;}
	.tch_itv_top01_cont{display:block; position:relative; height:auto; background:#282828; width:100%;}
	.tch_itv_profile {width:100%; height:auto; float:none; overflow:hidden;}
	.tch_itv_profile img{width:100%;}
	.tch_itv_profile_txt{position:relative; width:100%; top:0px; left:0px; display:block; padding:40px;background:#282828; height:auto; color:#fff;flex-direction: column;}
	.tch_itv_profile_txt h2{font-size:16px; display:inline-block; padding:6px 8px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	.tch_itv_profile_txt h3{display:block; margin-top:20px; font-size:45px; line-height:1.3}
	.tch_itv_profile_txt h3 span{font-size:23px; font-weight:normal}
	.tch_itv_profile_txt p {position:relative; bottom:0px; left:0px; opacity:0.5; margin-top:20px;}


	.tch_itv_focus{padding:0px 0px; position:relative; margin:40px 0px; display:block; width:100%;align-items: center; width:100%;text-align:center; }
	.tch_itv_focus_rec{padding:0px 20px; color:#ff6800; border-bottom:2px solid #ff6800; font-size:17px; font-weight:500; position:relative;display:inline-block;}
	.tch_itv_focus_rec:after{position:absolute; width:100px; height:40px; top:60px; right:-4px; background:#Fff;content:"";}
	.tch_itv_focus_tit{position:relative; top:0px; left:0px; text-align:center; width:100%; height:100%; display:flex;align-items: center; justify-content: center; font-size: ;}
	.tch_itv_focus_tit h3{color:#464646; font-size:27px; font-weight:normal; background:#fff; padding:10px 0; position:relative;}
	.tch_itv_focus_tit h3:before {content:'';position:absolute; top:0px; left:0px; display:inline-block;width:20px; height:20px; background: url('/2022/img/icon/tch-deco-left.png') left top no-repeat; background-size:20px auto;}
	.tch_itv_focus_tit h3:after {content:'';position:absolute; bottom:-5px; right:0px; display:inline-block;width:20px; height:20px; background: url('/2022/img/icon/tch-deco-right.png') left top no-repeat; background-size:20px auto;}

	.tch_itv_good{padding:0 0px; width:100%; position:relative; margin-bottom:25px; display:block;}
	.tch_itv_good_cont{padding:34px; border:10px solid #f6f6f6; }
	.tch_itv_good_cont h3{font-size:21px; padding:0 0 20px 48px; line-height:48px; background: url('/2022/img/icon/tch-like.png') left top no-repeat; background-size:36px auto; margin-bottom:20px; border-bottom:1px solid #ddd}
	.tch_itv_good_txt, .tch_itv_qna dl dd p, .tch_itv_review_txt{font-size:17px; line-height:1.6;}

	.tch_itv_qna, .tch_itv_review{padding:40px 0; width:100%; display:block; }
	.tch_itv_qna dl dt, .tch_itv_review_cont h3{font-size:17px; margin-bottom:12px; color:#ff6800; font-weight:bold;text-decoration:underline}
	.tch_itv_qna dl dd h3{font-size:21px;display:block; width:100%; margin-bottom:12px; font-weight:bold;}

	.tch_itv_review_img{width:100%; padding:20px 0;}
	.tch_itv_review{margin-top:60px;}
	.tch_itv_review + .tch_itv_review{margin-top:20px;}
	.tch_itv_review_cont{position:relative; width:100%; padding:34px; background:#fffcfa; border-radius:24px; box-shadow: 3px 0px 8px rgba(0,0,0,0.13)}
	.tch_itv_review_cont:before{width:40px; height:52px; position:absolute; top:0px; margin-top:-26px; left:50%; margin-left:-20px;display:block;content:"";background: url('/2022/img/icon/tch-review.png') left top no-repeat;}

	.tch_itv_review_info{display:block; margin-bottom:12px; font-size:17px;}
	.tch_itv_review_info dl{display:flex; margin-right:12px; position:relative; padding-right:12px;}
	.tch_itv_review_info dl:after{content:""; width:1px; height:10px; background:#ddd; display:block; position:absolute; top:50%; right:0px; margin-top:-5px;}
	.tch_itv_review_info dl:last-child:after{display:none;}
	.tch_itv_review_info dl dt{padding-right:6px;font-weight:bold;}
	.tch_itv_head_right{display:none;}

}










.itv_qna01 {padding: 30px 15px; margin: 0 -15px; box-sizing: border-box; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_qna01:after {content: ''; display: table; clear: both;}
.itv_qna01_col1 {float: left; width: 10%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col2 {float: left; width: 20%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col3 {float: left; width: 30%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col4 {float: left; width: 40%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col5 {float: left; width: 50%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col6 {float: left; width: 60%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col7 {float: left; width: 70%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col8 {float: left; width: 80%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col9 {float: left; width: 90%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_col10 {float: left; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.itv_qna01_cmt {font-family: 'Noto Serif KR', serif; color: #888; font-weight: 700; font-size: 14pt; padding-top: 50px; line-height: 1.5em; font-style: italic; box-sizing: border-box; margin-top: 0; margin-bottom: 0;}
.itv_qna01_cmt:before {content: '"';}
.itv_qna01_cmt:after {content: '"';}
.itv_qna01_col7 .itv_qna01_qna {margin-bottom: 30px;}
.itv_qna01_col7 .itv_qna01_qna:last-child {margin-bottom: 0;}
.itv_qna01_qna {position: relative; margin-top: 0; margin-bottom: 0;}
.itv_qna01_qna dt {position: absolute; z-index: 0; left: -20px; top: -10px; font-family: 'Noto Serif KR', serif; font-size: 70pt; color: #e2eefc; font-weight: 700; font-style: italic;}
.itv_qna01_qna dd {position: relative; z-index: 1; padding-left: 40px; padding-top: 50px; box-sizing: border-box; margin-left: 0;}
.itv_qna01_qna h5 {font-size: 16pt; font-weight: 700; line-height: 1.3em; margin-top: 0; margin-bottom: 0;}
.itv_qna01_qna p {font-size: 11pt; margin-top: 15px; font-weight: 300; margin-bottom: 0;}




@media (max-width:800px) {
}

@media (max-width:600px) {
	.itv_qna01 {padding: 20px 0; margin: 0;}
	.itv_qna01_col1 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col2 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col3 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col4 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col5 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col6 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col7 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col8 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col9 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_col10 {width: 100%; padding-left: 0; padding-right: 0;}
	.itv_qna01_cmt {font-size: 12pt; padding-top: 0; padding-bottom: 30px; text-align: center; margin: 0 auto; max-width: 80%;}
	.itv_qna01_cmt:before,
	.itv_qna01_cmt:after {display: none;}
	.itv_qna01_qna dt {font-size: 50pt; left: 0;}
	.itv_qna01_qna dd {padding-left: 30px; padding-top: 30px;}
	.itv_qna01_qna h5 {font-size: 14pt; line-height: 1.4em;}
	.itv_qna01_qna p {font-size: 11pt;}
}



.itv_qna03_img {padding-top: 50px; padding-bottom: 0; padding-left: 0;box-sizing: border-box; margin-top: 0; margin-bottom: 0; list-style: none; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_qna03_img li {margin-bottom: 5px;}
.itv_qna03_img li:last-child {margin-bottom: 0;}
.itv_qna03_img li img {display: block; width: 100%;}


.itv_img01 {padding: 15px 0; box-sizing: border-box; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_img01 img {display: block; max-width: 100%; margin: 0 auto;}

@media (max-width:600px) {
	.itv_img01 {padding: 5px 0;}
	.itv_qna03_img {padding-top: 20px; padding-bottom: 20px;}
}




.itv_footer {padding: 60px 0; box-sizing: border-box; width: 100%; max-width: 1000px; margin:0 auto;}
.itv_footer dl {text-align: center; margin-bottom: 60px; margin-top: 0;}
.itv_footer dd {display: inline-block; white-space: nowrap; font-size: 10pt; color: #666; margin-left: 0; padding-right: 10px; margin-right: 10px; position: relative; letter-spacing: 0.025em; box-sizing: border-box;}
.itv_footer dd:after {content: ''; display: block; width: 1px; height: 10px; background: #666; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.itv_footer dd:last-child {padding-right: 0; margin-right: 0; box-sizing: border-box;}
.itv_footer dd:last-child:after {display: none;}
.itv_footer img {width: 200px !important; margin: 0 auto; display: block;}


@media (max-width:600px) {
	.itv_footer {padding: 30px 0;}
	.itv_footer dl {margin-bottom: 30px;}
	.itv_footer dd {font-size: 9pt; padding-right: 8px; margin-right: 8px;}
	.itv_footer img {width: 100px !important;}
}








.story_title01 {text-align: center; padding: 60px 0; font-family: 'Noto Serif KR', serif; box-sizing: border-box;}
.story_title01 img {display: block; width: 140px; margin: 0 auto;}
.story_title01 h3 {position: relative; padding-top: 90px; margin-top: 30px; font-weight: 800; font-size: 28pt; box-sizing: border-box; margin-bottom: 0;}
.story_title01 h3:before {content: ''; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; margin-left: -25px; background: url('/template/img/title01_x.png')no-repeat center center; background-size: 100% auto;}
.story_title01 h4 {font-size: 24pt; margin-top: 5px; margin-bottom: 0;}


@media (max-width:800px) {
	.story_title01 img {width: 100px !important;}
	.story_title01 h3 {padding-top: 60px; margin-top: 30px; font-size: 22pt;}
	.story_title01 h3:before {width: 40px; height: 40px; margin-left: -20px;}
	.story_title01 h4 {font-size: 20pt;}
}

@media (max-width:600px) {
	.story_title01 {padding: 30px 0;}
	.story_title01 img {width: 80px !important;}
	.story_title01 h3 {padding-top: 50px; margin-top: 20px; font-size: 18pt;}
	.story_title01 h3:before {width: 30px; height: 30px; margin-left: -15px;}
	.story_title01 h4 {font-size: 16pt;}
}



.story_title02 {padding-top: 60px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #666; padding-left: 15px; padding-right: 115px; position: relative; box-sizing: border-box;}
.story_title02 h3 {font-weight: 500; font-size: 18pt; line-height: 1.2em; margin-top: 0; margin-bottom: 0;}
.story_title02 h4 {font-size: 24pt; font-weight: 100; line-height: 1.2em; margin-top: 0; margin-bottom: 0;}
.story_title02 img {display: block; width: 100px !important; position: absolute; right: 15px; bottom: 15px;}

@media (max-width:800px) {
	.story_title02 {padding-top: 30px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; position: relative;}
	.story_title02 h3 {font-size: 16pt;}
	.story_title02 h4 {font-size: 20pt;}
}

@media (max-width:600px) {
	.story_title02 {padding-right: 15px;}
	.story_title02 h3 {font-size: 12pt;}
	.story_title02 h4 {font-size: 14pt;}
	.story_title02 img {display: none;}
}






.story_top_img {padding: 30px 0; box-sizing: border-box;}
.story_top_img img {display: block; margin: 0 auto; max-width: 100%}

@media (max-width:600px) {
	.story_top_img {padding: 15px 0;}
}






.story_top_txt {padding: 30px 0; box-sizing: border-box; margin-top: 0; margin-bottom: 0;}
.story_top_txt:after {content: ''; display: table; clear: both;}
.story_top_txt dt {float: left; width: 30%;}
.story_top_txt dt h5 {font-size: 14pt; color: #5a4937; line-height: 1.2em; margin-top: 0; margin-bottom: 0;}
.story_top_txt dt p {font-size: 13pt; margin-top: 5px; margin-bottom: 0;}
.story_top_txt dd {float: left; width: 70%; padding-left: 60px; box-sizing: border-box; margin-left: 0;}
.story_top_txt dd {font-size: 11pt; font-weight: 300; line-height: 1.6em;}


@media (max-width:800px) {
	.story_top_txt dt h5 {font-weight: 300;}
	.story_top_txt dt h5 span {display: block; font-weight: 700;}
}

@media (max-width:600px) {
	.story_top_txt {padding: 15px 0;}
	.story_top_txt dt {float: none; width: 100%; position: relative; padding-left: 10px; box-sizing: border-box;}
	.story_top_txt dt:before {content: ''; display: block; width: 4px; background: #5a4937; position: absolute; left: 0; top: 0; bottom: 0;}
	.story_top_txt dt h5 {font-size: 12pt;}
	.story_top_txt dt h5 span {display: inline;}
	.story_top_txt dt p {font-size: 12pt; margin-top: 0;}
	.story_top_txt dd {float: none; width: 100%; margin-top: 15px; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
	.story_top_txt dd {font-size: 10pt;}
}






.story_tch {padding: 30px 0; box-sizing: border-box;}
.story_tch:after {content: ''; display: table; clear: both;}
.story_tch_profile{width:40%; float:left;}
.story_tch_img {}
.story_tch_img img {display:block; max-width:280px; margin:0 auto;}
.story_tch_title {text-align:center;}
.story_tch_title h3 {margin-top: 15px; margin-bottom: 0;}
.story_tch_title h3 span {font-size:26px; font-weight:700; letter-spacing:0.25em;}
.story_tch_title h3 em {font-style:normal; font-size:20px; font-weight:300;}
.story_tch_title p {font-size:14px; margin-top: 0; margin-bottom: 0;}
.story_tch_txt {width:60%; float:left; padding-left:60px; box-sizing: border-box;}
.story_tch_txt h4 {font-size:22px; font-weight:400; position:relative; padding-bottom:10px; margin-bottom:15px; margin-top:30px; box-sizing: border-box;}
.story_tch_txt h4:after {content:""; display:block; background:#333; width:20px; height:1px; position:absolute; left:0; bottom:0;}
.story_tch_detail {}
.story_tch_detail ul {margin-top: 0; margin-bottom: 0; padding-left: 0; list-style:none;}
.story_tch_detail ul li {font-size:12px; font-family:"dotum", sans-serif; position:relative; padding-left:7px; margin-bottom:6px; box-sizing: border-box;}
.story_tch_detail ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:6px;}

@media (max-width:600px) {
	.story_tch {padding: 15px 0;}
	.story_tch_profile{width:100%; float:none;}
	.story_tch_img {}
	.story_tch_img img {max-width:60%;}
	.story_tch_title {}
	.story_tch_title h3 span {font-size:16pt;}
	.story_tch_title h3 em {font-size:12pt;}
	.story_tch_title p {font-size:10pt;}
	.story_tch_txt {width:100%; float:none; padding-left:0; margin-top: 30px;}
	.story_tch_txt h4 {font-size:14pt; margin-top:20px; padding-bottom: 10px; margin-bottom: 0; padding-left: 7px;}
	.story_tch_txt h4:after {display: none;}
	.story_tch_detail ul li {font-size:9pt;}

}



.story_img {padding: 30px 0; box-sizing: border-box; font-size: 11pt;}
.story_img img {display: block; margin: 0 auto; max-width: 100%}

@media (max-width:600px) {
	.story_img {padding: 15px 0; font-size: 10pt;}
}









/* BnA Template css 220906 */

/* BnA °øÅ뿵¿ª */
.BnABlack {background-color: #000;}
.BnARed {background-color: #ed2024;}
.cnt01 {font-size: 17px; line-height: 18px;  width: 85%; margin: 0 auto;}
.content {margin-top: 60px;}
.cnt01 p{width: fit-content; padding: 10px 20px; border-radius: 30px;}

/* BnATop */
.BnA_Top { display: flex; justify-content:space-between; height: 340px;}
.BnA_Profile,.bnaRight {width: 50%; overflow: hidden;}
.BnA_Profile {text-align: center; background-color: #000;}
.BnA_Profile img{object-fit: cover; width: 100%; height: 100%;}
.bnaRight {background-color: #ebebeb; padding: 40px 20px 20px 20px; position: relative;}
.BnA_txtTop {width: 15%; background-color: #000; color: #fff; line-height: 20px; text-align: center; font-size: 12px; display: flex; justify-content:space-between; text-transform: capitalize; min-width: 128px; letter-spacing: -0.5px;}
.BnA_txtTop span:nth-child(1) {width: 60%; font-weight: 300;}
.BnA_txtTop span:nth-child(2) {width: 40%; font-weight: 300;}

.BnA_topName {margin-top: 20px; min-width: 244px; position: relative;}
.BnA_topName .BnAname {line-height: 50px;  font-size: 49px;}
.BnA_topName .BnAname span{font-weight: 600;}
.BnA_rightBottom {position: absolute; bottom: 15px; left: 20px;}
.BnA_rightBottom h3{font-size: 16px; line-height: 25px; font-weight: 700;}
.handIllust {background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('/template/img/hand-illust.png'); position: absolute; top: -14px; left: 164px; width: 72%; height: 320px; z-index: 2;}
.hand_Line{display: block; content: ''; position: absolute; top: 64px; left: 0; width: 48%; height: 2px; background: #000;}
.BnA_rightBottom span{font-weight: 500;}


/* text QnA */
.BnA_question {position: relative; color: #fff;  width: 80%;}
.BnA_answer {color: #000;  font-weight: 500; position: relative; width: 80%; margin: 0 0 0 auto; margin-top: 20px;}
.BnA_answer p {background-color: #ebebeb;  margin: 0 0 0 auto; font-size: 16px; line-height: 1.6; padding:16px 20px; width:100%;}
.BnA_question:after {display: block; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('/template/img/question_talk.png'); position: absolute; bottom: -16px; left: 20px; width: 40px; height: 20px;}
.BnA_answer:after {display: block; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('/template/img/answer_talk.png'); position: absolute; bottom: -18px; right: 20px; width: 40px; height: 20px;}


/* BnA Image */
.cnt02 {text-align: center; margin-top: 140px;}
.cnt02 header h2{font-size: 46px; line-height: 50px;font-weight: 500;  letter-spacing: -4px;}
.cnt02 header h2:before {width: 20px; display: block; content: ''; height: 4px; background-color: #000; margin: 0 auto; margin-bottom: 18px;}
.cnt02 header h3 {font-size: 24px; line-height: 30px; margin-top: 20px; font-weight: 400;}
.cnt02 header h3 span{background: linear-gradient(90deg, #ffa4a4 0%, #fff 100%); font-weight: 700;}
.cnt02 header p {font-size: 16px; line-height: 35px; color: #908f8f;}
.cnt02 header p br {display: none;}
.cnt02 section .mark {text-transform: uppercase; width: fit-content; color: #fff; margin: 0 auto; margin-top: 80px; padding: 0px 5px;}
.BnA_Modeling {font-size: 22px; line-height: 40px; margin-top: 20px; font-weight: 500;}
.cnt02 section img {margin-top: 45px;}
.beforeTxt {background-color: #000;}
.afterTxt {background-color: #ed2024;}


/* BnA footer */
.BnA_footer {width: 100%; text-align: center; padding-bottom: 100px;}
.gradient-Line {width: 50%; height: 3px; background: linear-gradient(90deg, #fbfbfb 0%, #e0e0e0 50%, #fbfbfb 100%); margin: 0 auto;  margin-top: 100px;}
.BnA_logo{width: 20% !important; margin-top: 20px; }


@media (max-width:800px) {
.BnA_topName .BnAname {line-height: 45px; font-size: 36px;}
.hand_Line {top: 52px; width: 50%;}
.handIllust {top: -24px; left: 142px; width: 78%;}
.BnA_Top {height: 320px;}
.BnA_rightBottom h3 {font-size: 14px; line-height: 20px;}
.cnt01 {font-size: 16px; line-height: 25px; width: 80%; margin: 0 auto;}
.content {margin-top: 50px;}
.BnA_answer p {font-size: 16px;}
.cnt02 header h2 {font-size: 40px;}
.cnt02 header h3 {font-size: 22px;}
.cnt02 header p {font-size: 14px;}
.cnt02 {margin-top: 80px;}
.BnA_footer {padding-bottom: 40px;}
.cnt01 p{padding: 8px 17px;}
}



@media (max-width:600px) {
.BnA_txtTop {min-width: 150px;}
.BnA_Top {display: block; height: auto;}
.BnA_Profile, .bnaRight {width: 100%; }
.BnA_Profile {background-color: #ebebeb; height: auto; padding: 0px 30px;}
.BnA_Profile img { margin-top: 30px; padding-bottom: 20px;}
.bnaRight {padding: 0px 30px 30px 30px; height: 150px;}
.BnA_topName {margin-top: 10px;}
.BnA_topName .BnAname {font-size: 28px; line-height: 35px;}
.BnA_txtTop {font-size: 12px; line-height: 16px;}
.hand_Line {top: 38px; width: 60%;}
.handIllust {top: -77px; width: 58%; left: 165px;}
.BnA_rightBottom {left: 30px;}
.BnA_rightBottom h3 {font-size: 13px; line-height: 18px;}
.cnt01 {font-size: 15px; line-height: 20px; width: 95%;}
.BnA_answer p {font-size: 14px;}
.BnA_answer {margin-top: 15px;}
.content {margin-top: 30px;}
.cnt02 header h2 {font-size: 32px; line-height: 36px;}
.cnt02 header h2:before {margin-bottom: 10px;}
.cnt02 header h3 {font-size: 14px; line-height: 20px; margin-top: 15px;}
.cnt02 header p {font-size: 12px; line-height: 20px;}
.cnt02 header p br {display: block;}
.cnt02 section .mark {margin-top: 40px;}
.BnA_Modeling {font-size: 18px;}
.cnt02 section img {margin-top: 20px;}
.BnA_logo {width: 40% !important;}
.BnA_footer {padding-bottom: 0px;}
.cnt02 {margin-top: 60px;}
.cnt01 p{padding: 7px 16px;}
}