@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;}

.brdCont{text-align:center;}
.brdCont p img{width:auto !important}
.story_top_txt{text-align:left;}
.image-grid{margin:0 auto}
.empty-cell{display:none !important;}


.itv_top01_cont {padding-left:60px; padding-right:60px; box-sizing: border-box;}
.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;}

@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;}
	.brdvCont {padding:0 10px;}
	.brdvCont img {width:100%;}
	.brdvCont p img {width:auto;}
}



.image-grid{width:100% !important;}
.image-container{width:100% !important; height:auto !important;}
.image-container img{width:100% !important; height:auto !important;}

.itv_top02 {max-height:380px; overflow: hidden; position: relative;}
.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;}
.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;}
}










.itv_qna01 {padding: 30px 15px; margin: 0 -15px; box-sizing: border-box;}
.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: 0; top: 0; font-family: 'Noto Serif KR', serif; font-size: 70pt; color: rgba(255,215,0,0.3); 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: 30px 15px; margin: 0 -15px;}
	.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: 30px; padding-bottom: 0; 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;}
	.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;}
.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 {margin:15px 0; box-sizing: border-box;}
.itv_img01 img {display: block; max-width: 100%; margin: 0 auto;}

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




.itv_footer {padding: 60px 0; box-sizing: border-box;}
.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: 100px; 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: 80px;}
}








.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;}
	.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;}
	.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; 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; display:inline-block;     margin: 0 10px;}
.story_tch:after {content: ''; display: table; clear: both;}
.story_tch_profile{width:100% !important; 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%}
.story_img p {margin-top: 10px; font-size: 11pt; font-weight: 300; line-height: 1.6em;}

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