/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2017.04.26
* Update : 2016.04.26
* Copyright(c) 2017 OLYM Communications. All Rights Reserved.
*/

/* @import url('http://fonts.googleapis.com/earlyaccess/kopubbatang.css'); */

/* 010101_직지 */
.img_jikji_top {text-align:center;}
.jikji_con {width:70%; margin:0 auto;}
.jikji_con li {margin-top:70px;}
.jikji_con .tit_box {display:inline-block; width:194px; height:194px; background:#e8c9a6; border-radius:50%; color:#3a271f; font-size:48px; font-family: 'KoPub Batang', serif; font-weight:400; line-height:1.2em; text-align:center; padding-top:40px; box-sizing:border-box; float:left;}
.jikji_con .txt {font-size:20px; line-height:2em; color:#666; font-weight:300;}
.jikji_con .txt.pd1 {padding:36px 0 0 20%;}
.jikji_con .txt.pd2 {padding:46px 0 0 20%;}
.jikji_con .txt.pd3 {padding:46px 0 0 20%;}
.jikji_con .txt span {display:block;}

@media all and (max-width:1600px) {
.img_jikji_top img {width:100%;}
}
@media all and (max-width:1280px) {
.jikji_con {width:90%;}
.jikji_con .txt span {display:inline;}
.jikji_con .txt.pd1 {padding:36px 0 0 25%;}
.jikji_con .txt.pd2 {padding:46px 0 0 25%;}
.jikji_con .txt.pd3 {padding:46px 0 0 25%;}
}
@media all and (max-width:1200px) {
.jikji_con li {margin-top:40px;}
.jikji_con .tit_box {width:180px; height:180px; font-size:40px; padding-top:45px;}
.jikji_con .txt {font-size:18px; line-height:1.8em;}
.jikji_con .txt.pd1 {padding:26px 0 0 25%;}
.jikji_con .txt.pd2 {padding:56px 0 0 25%;}
.jikji_con .txt.pd3 {padding:46px 0 0 25%;}
}
@media all and (max-width:1000px) {
.jikji_con li {margin-top:40px;}
.jikji_con .tit_box {width:160px; height:160px; font-size:30px; padding-top:45px;}
.jikji_con .txt {font-size:16px; line-height:1.8em;}
.jikji_con .txt.pd1 {padding:26px 0 0 30%;}
.jikji_con .txt.pd2 {padding:36px 0 0 30%;}
.jikji_con .txt.pd3 {padding:26px 0 0 30%;}
}
@media all and (max-width:767px) {
.jikji_con li {margin-top:40px;}
.jikji_con .tit_box {width:150px; height:150px; font-size:30px; padding-top:40px;}
.jikji_con .txt {font-size:16px; line-height:1.8em;}
.jikji_con .txt.pd1 {padding:0 0 0 30%;}
.jikji_con .txt.pd2 {padding:36px 0 0 30%;}
.jikji_con .txt.pd3 {padding:16px 0 0 30%;}
}
@media all and (max-width:600px) {
.jikji_con li {margin-top:20px;}
.jikji_con {text-align:center;}
.jikji_con .tit_box {width:120px; height:120px; font-size:20px; float:none; margin:0 auto; padding-top:35px;}
.jikji_con .txt {text-align:left; margin-top:10px; font-size:14px;}
.jikji_con .txt.pd1 {padding:0;}
.jikji_con .txt.pd2 {padding:0;}
.jikji_con .txt.pd3 {padding:0;}
}

/* 010102_2018행사정보 */
.info_top_box li {position:relative; float:left; width:50%; background:#f3f3f3; overflow-x:hidden; height:500px;}
.info_top_box .swiper-pagination1 {position:absolute; bottom:30px; left:0; text-align:center; z-index:1000; color:#fff;}
.info_top_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 8px;}
.info_top_box .swiper-pagination-bullet { width:24px; height:24px; border-radius:0; background:url("/project/design/main/btn_main_off.gif"); opacity:1; transition: all .5s ease;}
.info_top_box .swiper-pagination-bullet-active { transform:translate(0, -5px); background:url("/project/design/main/btn_main_on.gif"); transition: all .5s ease;}
.info_top_box .left_box img {width:100%; height:500px;}
.info_top_box .right_box {padding:5% 7% 0 7%; box-sizing:border-box;}
.info_top_box .right_box .eng {font-weight:700; font-size:35px; letter-spacing:0.8em; color:#000; line-height:1.2em;}
.info_top_box .right_box .eng span {color:#028445;}
.info_top_box .right_box .kor {font-size:24px; font-weight:300; color:#666; line-height:2.5em; padding-top:30px;}

.info_box {margin-top:50px;}
.info_box li {float:left; width:50%; padding:0 5%; box-sizing:border-box;}
.info_box li span {display:block;}
.info_box li dt {width:18% !important;}
.info_box li dd {width:82% !important;}
.info_box li.info_spon {width:100%; text-align:left; margin-top:20px;}
.info_box li.info_spon dt {width:8% !important;}
.info_box li.info_spon dd {width:92% !important;}
.info_box li.info_spon dd span {display:inline-block; margin-right:10px; margin-bottom:10px; border:1px solid #e5e5e5;}

.map_view2 {position:relative; background:#f8f7f7; padding:5%; width:90%;}
.map_view2 .img_box { float:left; width:63%; box-sizing:border-box; padding-right:5%;}
.map_view2 .img_box img { width:100%;}
.map_view2 .con_box { float:left; width:37%; position:relative;}
.map_view2 .con_box .circle {width:90px; height:90px; border-radius:50%; color:#fff; text-align:center; font-size:26px; float:left; padding-top:25px; box-sizing:border-box;}
.map_view2 .con_box .circle.bg1 {background:#1892ad;}
.map_view2 .con_box .circle.bg2 {background:#c89e62;}
.map_view2 .con_box .circle.bg3 {background:#339961;}
.map_view2 .con_box .circle.bg4 {background:#ff8400;}
.map_view2 .con_box .txt {margin-left:120px; padding-top:30px;}

.tab button { float:left; display:block; border:1px solid #d4d4d4; background:#fff; line-height:48px; padding:0 30px; color:#666; font-size:17px; cursor: pointer; margin-right:5px;}
.tab button.active { border:1px solid #4f4f4f; background:#4f4f4f; color:#fff;}

.tabcontent {animation: fadeEffect 1s; /* Fading effect takes 1 second */}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tabcontent > ul > li {margin-top:40px !important;}

.tour_box {padding:0 5%;}
.tour_box li {float:left; width:47%; position:relative;}
.tour_box li .img {background:#028445; overflow:hidden; transition: all .5s ease-out;}
.tour_box li .img img {width:100%; transition: all .3s ease;}
.tour_box li a:hover img {transform: scale(1.05);}
.tour_box li:first-of-type {margin-right:6%;}
.tour_box li .txt_box {position:absolute; background:rgba(0,0,0,0.5); width:70%; height:65%;left:50%; top:50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align:center; color:#fff;}
.tour_box li .txt_box .tit {font-size:35px; font-weight:700; letter-spacing:0.8em; padding-top:55px;}
.tour_box li .txt_box .desc {padding-top:70px;}
.tour_box li .txt_box .tit:after {position:absolute; display:block; content:""; background:#b3b3b3; width:82px; height:1px; left:50%; top:50%;transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.youtybe_box {display:inline-block; width:100%; background:#f8f7f7; margin-top:60px;}
.youtybe_box ul {text-align:center;}
.youtybe_box li {float:left; width:50%; box-sizing:border-box; padding:3.5%; height:485px;}
.youtybe_box li iframe {width:640px;}
.youtybe_box li:first-of-type {background:#ad895a;}
.youtybe_box li p {color:#fff; font-size:20px;}
.youtybe_box li p span {font-size:30px; font-weight:700; display:inline-block; padding:7%; margin:7%; border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4);}

.prg_box { height:360px; width:90%; max-width: 1520px; margin:60px auto 0 auto; box-sizing:border-box; background:#fff;}
.prg_box .left_title { width:20%; float:left; height:100%; box-sizing:border-box; padding:80px 0 0 40px; border:1px solid #ddd; border-right:none;}
.prg_box .left_title i { background:#028446; height:4px; width:55px; display:inline-block; margin-bottom:20px;}
.prg_box .left_title h2 { font-size:30px; color:#333; font-weight:700; line-height:1.2em;}
.prg_box .left_title p { color:#6b6b6b; font-size:20px; padding-top:10px;}
.prg_box .right_menu { width:80%; float:left; box-sizing:border-box; color:#fff;}
.prg_box .right_menu a { color:#fff; display:block;}
.prg_box .right_menu a:hover { text-decoration:underline;}
.prg_box .right_menu h3 { font-size:30px; font-weight:500;}
.prg_box .right_menu > div { box-sizing:border-box;}


@media all and (max-width:1720px) {
.info_top_box .right_box .eng {font-size:30px; line-height:1.5;}
.info_top_box .right_box .kor {font-size:22px; padding-top:40px;}
}
@media all and (max-width:1540px) {
.map_view2 { padding:3%; width:94%;}
.map_view2 .img_box { padding-right:3%;}
.info_top_box .right_box .eng {font-size:28px; line-height:1.6;}
.youtybe_box li {padding:5%;}
.youtybe_box li iframe {width:100%;}
}
@media all and (max-width:1440px) {
.info_top_box .right_box .eng {font-size:26px;}
.info_top_box .right_box .kor {font-size:20px; padding-top:40px;}
.info_top_box .right_box {padding:7%;}
}
@media all and (max-width:1280px) {
.info_top_box li {height:350px;}
.info_top_box .left_box img {height:350px;}
.info_top_box .right_box .eng {font-size:24px;}
.info_top_box .right_box .kor {font-size:18px; line-height:1.6;}
.info_top_box .right_box {padding:4% 5%;}
.info_box li dt {width:20% !important;}
.info_box li dd {width:80% !important;}
.info_box li.info_spon dt {width:9% !important;}
.info_box li.info_spon dd {width:91% !important;}
.info_box li.info_spon dd span img {height:44px;}
.map_view2 .img_box {float:none; margin-bottom:30px; text-align:center;width:100%; padding-right:0;}
.map_view2 .img_box img {width:auto;}
.map_view2 .con_box {float:none; width:100%;}
.map_view2 .con_box .circle {width:100px; height:100px; font-size:20px; padding-top:35px;}
.tabcontent > ul > li {margin-top:30px !important; float:left; width:50%;}
.youtybe_box li p span {padding:8.5%; margin:8.5%;}
}
@media all and (max-width:1200px) {
.info_top_box li {height:285px;}
.info_top_box .left_box img {height:285px;}
.info_top_box .right_box .eng {font-size:22px;}
.info_top_box .right_box .kor {font-size:16px; padding-top:20px;}
.map_view2 .con_box2 .circle {width:85px; height:85px; font-size:16px; padding-top:30px;}
.tabcontent > ul > li {margin-top:20px !important;}
.tour_box li .txt_box .tit {font-size:30px; padding-top:30px;}
.tour_box li .txt_box .desc {padding-top:50px;}
.prg_box { height:auto; }
.prg_box .left_title { width:100%; border:1px solid #ddd; padding:30px; text-align:center;}
.prg_box .left_title p br { display:none;}
.prg_box .right_menu { width:100%;}
}
@media all and (max-width:1000px) {
.info_top_box .right_box .eng {font-size:17px;}
.info_top_box .right_box .kor {font-size:15px;}
.info_top_box .right_box {padding:6%;}
.tour_box li .txt_box .tit {font-size:24px; padding-top:20px;}
.tour_box li .txt_box .desc {padding-top:40px;}
.info_box li dt {width:25% !important;}
.info_box li dd {width:75% !important;}
.map_view2 .img_box img {width:100%;}
.map_view2 .con_box {margin-bottom:20px;}
.map_view2 .con_box .txt {margin-left:30%;}
.tab {margin-top:30px;}
.prg_box .right_menu > div { width:100%;}
}
@media all and (max-width:767px) {
.info_top_box li {float:none; width:100%; height:auto;}
.info_top_box .left_box img {height:auto;}
.info_box li.info_spon dt {width:12% !important;}
.info_box li.info_spon dd {width:88% !important;}
.tour_box li .txt_box .tit {font-size:16px; padding-top:20px;}
.tour_box li .txt_box .desc {font-size:13px; padding-top:20px;}
.map_view2 .con_box .txt {margin-left:20%;}
.tabcontent > ul > li {float:none; width:100%;}
.youtybe_box li {float:none; width:100%; height:auto;}
.youtybe_box li iframe {width:80%; height:260px;}
.youtybe_box li p {font-size:16px;}
.youtybe_box li p span {padding:3.5%; margin:3.5%; font-size:20px;}
}
@media all and (max-width:640px) {
.map_view2 {margin-top:30px;}
.info_top_box .right_box .eng {font-size:24px;}
.info_top_box .right_box .kor {font-size:16px; padding-top:10px; line-height:1.5em;}
.info_box {margin-top:30px;}
.info_box li {float:none; width:100%;}
.info_box li.info_spon dt {width:100% !important;}
.info_box li.info_spon dd {width:100% !important;}
.map_view2 .con_box .txt {margin-left:35%;}
.tour_box li {float:none; width:100%;}
.tour_box li:first-of-type {margin-bottom:20px;}
.tour_box li .txt_box .desc {padding-top:30px;}
}

/* 010104_History */
.his_box .his_tit_box {position:relative; width:262px; box-sizing:border-box; margin:30px auto 0 auto; background:url("/project/design/contents/bg_his2.png") no-repeat center bottom; padding-top:210px;}
.his_box .his_tit {position:absolute; left:50%; top:0; transform: translate(-50%, 0); text-align:center; width:auto; font-size:35px; font-weight:700; letter-spacing:0.9em; color:#131313;}
.his_box .his_tit span {color:#999;}
.his_box .his_line {background:url("/project/design/contents/bg_history_line.gif") repeat-y center top;}
.his_box .his1 { margin-bottom:150px; position:relative; background:url("/project/design/contents/bg_history_line.gif") repeat-x left center; width:50%; float:right; padding:50px 0 50px 12%; box-sizing:border-box;}
.his_box .his1.pd {padding:30px 0 30px 5%;}
.his_box .his2 { margin-top:150px; position:relative; background:url("/project/design/contents/bg_history_line.gif") repeat-x right center; width:50%; float:left; padding:50px 12% 50px 0; box-sizing:border-box;}
.his_box .box_in { position:relative; background:#fff; padding:0 20px;}
.his_box .icon1 { position:absolute; top:50%; margin-top:-13px; left:-14px;  background:url("/project/design/contents/icon_his1.gif") no-repeat center; background-size:100%; width:27px; height:27px; display:block;}
.his_box .icon2 { position:absolute; top:50%; margin-top:-6px; left:-7px;  background:url("/project/design/contents/icon_his2.gif") no-repeat center; background-size:100%; width:13px; height:13px; display:block;}
.his_box .his2 .icon1 { left:auto; right:-14px;}
.his_box .his2 .icon2 { left:auto; right:-7px;}
.his_box .his2 .box_in { text-align:right;}
.his_box .date { font-weight:600; color:#000; font-size:20px; margin-bottom:10px;}
.his_box .desc { font-size:20px; margin-top:10px;}
.his_box .desc em {display:block;}
.his_box .his1.line2 { padding:50px 0 50px 20%;}
.his_box .his2.line2 { padding:50px 20% 50px 0;}
@media all and (max-width:1440px) {
.his_box .desc span {display:none;}
.his_box .desc em {display:inline;}
}
@media all and (max-width:1280px) {
.his_box .his1.pd {padding:20px 0 20px 12%;}
}
@media all and (max-width:1000px) {
.his_box .his_tit_box {width:160px; height:160px;}
.his_box .his_tit { font-size:20px; }
.his_box .his1.pd {padding:0 0 0 12%;}
.his_box .his1 { margin-bottom:100px; padding:30px 0 30px 12%;}
.his_box .his2 { margin-top:100px; padding:30px 12% 30px 0;}
.his_box .date { font-size:14px;}
.his_box .desc { font-size:14px;}
.his_box .his1.line2 { padding:30px 0 30px 20%;}
.his_box .his2.line2 { padding:30px 20% 30px 0;}
}
@media all and (max-width:414px) {
.his_box .his1 { padding:20px 0 20px 10%;}
.his_box .box_in { padding: 0 10px;}
.his_box .his1 .box_in { padding-right: 0;}
.his_box .icon1 { left: -10px; margin-top: -10px; width: 20px; height: 20px; background-size: cover;}
.his_box .his2 .icon1 { right: -10px;}
.his_box .icon2 { display: none;}
.his_box .his2 { padding:20px 10% 20px 0;}
.his_box .his2 .box_in { padding-left: 0;}

}
/* @media all and (max-width:414px) {
.his_box .his1 { margin-bottom:50px; padding:20px 0 20px 10%;}
.his_box .his2 { margin-top:80px; padding:20px 10% 20px 0;}
.his_box .icon1 { margin-top:-9px; left:-9px; width:18px; height:18px;}
.his_box .icon2 { margin-top:-4px; left:-4px; width:8px; height:8px;}
.his_box .his2 .icon1 { right:-9px;}
.his_box .his2 .icon2 { right:-4px;}
.his_box .date { font-size:14px;}
.his_box .desc { font-size:14px;}
.his_box .his1.line2 { padding:20px 0 20px 15%;}
.his_box .his2.line2 { padding:20px 15% 20px 0;}
} */
/* 010105_EI */
.ei_box {padding:5%;}
.ei_box li {float:left; width:49%;}
.ei_box .ei_img_box {border:1px solid #cfcfcf; text-align:center; height:440px; box-sizing:border-box; margin-bottom:35px; padding-top:106px;}
.ei_box li:first-of-type {margin-right:2%;}
.ei_box .ei_tit_eng {font-size:35px; color:#000; font-weight:700; letter-spacing:0.8em; line-height:1.2em;}
.ei_box .ei_tit_eng span {color:#028445;}
.ei_box .ei_tit_kor {position:relative; font-size:30px; font-weight:700; padding:7px 0 35px 0; margin-bottom:35px;}
.ei_box .ei_tit_kor:after {position:absolute; display:block; content:""; background:#b3b3b3; width:72px; height:1px; left:0; bottom:0;}
.ei_box .ei_con {font-size:20px; font-weight:300; color:#666; line-height:1.5em;}
.ei_box .ei_con span {display:block;}

.ei_color_box {padding:0 5%; margin-bottom:5%;}
.ei_color_box li {float:left; width:50%;}
.ei_color_box li h5 {margin-bottom:44px !important;}
.ei_color_box .img_box1 {padding:0 5%;}
.ei_color_box .img_box2 {padding:0 7%;}
.ei_color_box li img {max-width:100%;}

@media all and (max-width:1380px) {
.ei_box .ei_tit_eng {font-size:30px;}
.ei_box .ei_con span {display:inline;}
}
@media all and (max-width:1200px) {
.ei_box .ei_tit_eng {font-size:24px;}
}
@media all and (max-width:1000px) {
.ei_box .ei_img_box {height:340px;}
.ei_box .ei_img_box img {width:35%;}
.ei_box .ei_tit_kor {font-size:20px;}
.ei_box .ei_con {font-size:16px;}
}
@media all and (max-width:767px) {
.ei_box .ei_img_box {height:280px;}
.ei_box .ei_tit_eng {font-size:22px; letter-spacing:0.5em;}
}
@media all and (max-width:414px) {
.ei_box .ei_tit_eng {font-size:18px;}
.ei_box li {float:none; width:100%;}
.ei_box .ei_img_box {padding-top:86px;}
.ei_box li:first-of-type {margin-right:0; margin-bottom:30px;}
.ei_color_box {margin-top:30px;}
.ei_color_box li {float:none; width:100%;}
.ei_color_box li:first-of-type {margin-bottom:30px;}
}

/* 0102_위원장인사말 */
.greeting_top {position:relative; background:url("/project/design/contents/bg_greeting_top.jpg") no-repeat right top; height:560px; margin:0 auto 90px auto;}
.greeting_top_txt {position:absolute; left:5%; bottom:5%; background:url("/project/design/contents/bg_greeting_logo.jpg") no-repeat left center; padding-left:17.44%; width:62%; box-sizing:border-box; display:inline-block;}
.greeting_top_txt .greeting_top_desc1 {font-size:36px; font-weight:700; color:#000; padding:20px 0;}
.greeting_top_txt .greeting_top_desc2 {font-size:20px; font-weight:300; color:#666; line-height:2.5em;}
.greeting_txt {color:#666; padding:0 5%; line-height:2.5em; font-size:20px; font-weight:300;}
.greeting_txt span {display:inline-block; text-align:right; width:100%; line-height:2em;}
.img_box img {width:100%;} /* 이미지박스디폴트 */

@media all and (max-width:1280px) {
.greeting_top_txt {background-size:20%; background-position:left 15%; padding-left:15%; display:inline-block; width:50%; left:7%; box-sizing:border-box;}
.greeting_top_txt .greeting_top_desc1 {font-size:24px;}
.greeting_top_txt .greeting_top_desc2 {line-height:2em;}
}
@media all and (max-width:1200px) {
.greeting_top_txt {background:none; padding-left:0; left:5%; bottom:7%; width:40%;}
}
@media all and (max-width:1000px) {
.greeting_top_txt {background:url("/project/design/contents/bg_greeting_logo.jpg") no-repeat left top; width:auto; bottom:-32%; padding-top:280px; background-size:30%;}
.greeting_txt {margin-top:230px;}
}
@media all and (max-width:767px) {
.greeting_top_txt {background:none;}
}
@media all and (max-width:640px) {
.greeting_top {background-size:cover; height:300px;}
.greeting_top_txt {background:url("/project/design/contents/bg_greeting_logo.jpg") no-repeat 15% top; bottom:-70%; padding-top:150px; background-size:25%;}
}
@media all and (max-width:600px) {
.greeting_top {height:200px;}
.greeting_top_txt {background-position:15% top; bottom:-100%; padding-top:100px; background-size:25%; padding-bottom:30px;}
.greeting_top_txt .greeting_top_desc1 {font-size:20px;}
.greeting_top_txt .greeting_top_desc2 {font-size:16px;}
.greeting_txt {font-size:16px;}
}
@media all and (max-width:480px) {
.greeting_top_txt {padding-bottom:0;}
}

/* 0103_조직도 */
.org { position:relative; margin-bottom:50px; text-align:center;}
.org img {max-width:100%;}
/* .org .box_or { width:186px; height:186px; box-sizing:border-box; text-align:center; margin:0 auto; background:url("/project/design/contents/bg_org01.png") no-repeat center top; background-size:100%; font-size:20px; }
.org .box_or .title { color:#000; font-weight:600; padding-top:66px;}
.org .box_or2 { width:150px; height:150px; box-sizing:border-box; text-align:center; margin:0 auto; background:url("/project/design/contents/bg_org02.png") no-repeat center top; background-size:100%; font-size:20px; color:#000; font-weight:600; padding-top:50px;}
.org .box_or3 { width:150px; height:150px; box-sizing:border-box; text-align:center; margin:0 auto; background:#fff url("/project/design/contents/bg_org03.png") no-repeat center top; background-size:100%; font-size:20px; color:#000; font-weight:600; padding-top:50px;}
.org .org_dep1 { background:url("/project/design/contents/bg_org.gif") repeat-y center top; padding-bottom:80px;}
.org .org_dep2 { background:url("/project/design/contents/bg_org.gif") repeat-y center top; padding-bottom:80px;}
.org .org_dep3 { position:relative; width:60%; margin:0 auto;}
.org .org_dep3 .org_dep3_1 { position:absolute; top:-100px; left:0; width:100%; background:url("/project/design/contents/bg_org.gif") repeat-x center 84px;}
.org .org_dep3 li {float:left; width:50%;}
.org .org_dep3 li div { margin:0;}
.org .org_dep3 li:last-child div { float:right;}
.org .org_dep3_2 { width:170px; background:url("/project/design/contents/bg_org.gif") repeat-y center top;}
.org .org_dep3_2 .box_or2_2 { margin-top:50px;}
.org .org_dep4 { background:url("/project/design/contents/bg_org.gif") repeat-y center top; padding:40px 0 80px 0; }
.org .org_dep6 { width:60%; margin:0 auto; background:url("/project/design/contents/bg_org.gif") repeat-y center top; padding-bottom:60px;}
.org .org_dep6 .org_dep6_1 { background:url("/project/design/contents/bg_org.gif") repeat-x center; width:50%;}
.org .org_dep6 .box_or2 { margin:0;}
.org .org_dep7 { width:80%; margin:0 auto; background:url("/project/design/contents/bg_org.gif") no-repeat center top; background-size:75% 1px;}
.org .org_dep7 li {float:left; width:25%; padding-top:60px; background:url("/project/design/contents/bg_org.gif") repeat-y center top;}
.org .org_dep8 { position:absolute; top:650px; right:18%; font-size:20px;}
.org .org_dep8 .title { font-weight:600; color:#000; margin-bottom:10px;}
.org_num {padding-left:5px;} 

@media all and (max-width:1280px) {
.org .org_dep3 { width:80%;}
.org .org_dep7 { width:100%;}
.org .org_dep8 { right:5%;}
}
@media all and (max-width:1000px) {
.org .box_or { width:180px; height:180px; font-size:18px;}
.org .box_or .title { padding-top:62px;}
.org .box_or2 { width:140px; height:140px; font-size:18px; padding-top:43px;}
.org .box_or3 { width:140px; height:140px; font-size:18px; padding-top:43px;}
.org .org_dep3 .org_dep3_1 { background:url("/project/design/contents/bg_org.gif") repeat-x center 70px;}
.org .org_dep3_2 { width:140px;}
.org .org_dep8 { top:740px; font-size:18px;}
}
@media all and (max-width:767px) {
.org .box_or { width:140px; height:140px; font-size:14px;}
.org .box_or .title { padding-top:50px;}
.org .box_or2 { width:100px; height:100px; font-size:14px; padding-top:30px;}
.org .box_or3 { width:100px; height:100px; font-size:14px; padding-top:30px;}
.org .org_dep3 .org_dep3_1 { background:url("/project/design/contents/bg_org.gif") repeat-x center 50px;}
.org .org_dep3_2 { width:100px;}
.org .org_dep8 { top:600px; font-size:14px;}
}
@media all and (max-width:414px) {
.org .box_or { width:100px; height:100px; font-size:12px;}
.org .box_or .title { padding-top:33px;}
.org .box_or2 { width:70px; height:70px; font-size:12px; padding-top:20px;}
.org .box_or3 { width:70px; height:70px; font-size:12px; padding-top:20px;}
.org .org_dep1 { padding-bottom:40px;}
.org .org_dep2 { padding-bottom:40px;}
.org .org_dep3 { width:90%;}
.org .org_dep3 .org_dep3_1 { top:-30px; background:url("/project/design/contents/bg_org.gif") repeat-x center 35px;}
.org .org_dep3_2 { width:70px;}
.org .org_dep4 { padding:40px 0; }
.org .org_dep6 { width:80%; padding-bottom:30px;}
.org .org_dep7 li { padding-top:30px;}
.org .org_dep8 { right:0;}
.org .org_dep8 { top:420px; font-size:12px;}
.org .org_dep8 .title { margin-bottom:0;}
.org_num {display:block; padding-top:5px; padding-left:0;}
}*/

/* 0201_국제행사 */
.event_box.bg1 {position:relative; background:url("/project/design/contents/bg_event01.jpg") no-repeat center top; width:88.37%; height:auto; margin:0 auto;}
.event_box.bg2 {position:relative; background:url("/project/design/contents/bg_event02.jpg") no-repeat center center; width:88.37%; height:620px; margin:0 auto;}
.event_box.bg3 {position:relative; background:url("/project/design/contents/bg_event03.jpg") no-repeat center center; width:88.37%; height:620px; margin:0 auto;}
.event_box .event_con {padding:4% 7% 5% 30%; box-sizing:border-box;}
.event_box .event_con.print {padding:4% 7% 3% 30%;}
.event_box .event_con.bottom {background:url("/project/design/contents/bg_event01_bottom.jpg") no-repeat center 350px; background-size:cover;}
.event_box .event_con .tit {font-size:50px; font-weight:700; color:#222;}
.event_box .event_con .desc {font-size:20px; font-weight:300; color:#666; margin-top:20px;}
.event_box .event_con .event_dl.mgT1 {margin-top:65px;}
.event_box .event_con .event_dl.mgT2 {margin-top:120px;}
.event_box .event_con .event_dl.mgT3 {margin-top:90px;}
.event_box .event_con .event_dl dt {width:15%; color:#fff; background:url("/project/design/contents/bg_event_li.png") no-repeat left 15px;}
.event_box .event_con .event_dl dd {width:85%; color:#999;}
.event_box .event_con .event_dl dd em {color:#fff; text-decoration:underline;}
.event_box .event_con .event_dl dd > ul {margin:20px 0;}
.event_box .event_con .event_dl dd > ul > li {float:left; width:50%;}
.event_box .event_con .event_dl dd > ul > li > span {background:#fff; color:#333; display:inline-block; padding:3px 20px 5px 20px; margin-bottom:5px;}
.event_box .event_con .event_dl dd > ul > li > ul > li {position:relative; padding-left:50px;}
.event_box .event_con .event_dl dd > ul > li > ul > li span {position:absolute; left:0;}
.event_logo {position:absolute; top:50%; left:7.5%; transform: translate(0, -50%); transform: translate(0, -50%);}
.event_logo.print {top:35%;}
.event_logo li { display:block; width:267px; height:267px; text-align:center;}
.event_logo .bottom {font-size:24px; font-weight:300;}
.event_logo .bottom a p {padding:85px 0 15px 0;}
.event_logo .bottom.bg1 a {color:#e85b50;}
.event_logo .bottom.bg2 a {color:#004983;}
.event_logo .bottom.bg3 a {color:#8b4732;}
.event_logo .top.bg1 {background:#e85b50; padding-top:113px; box-sizing:border-box;}
.event_logo .bottom.bg1 {background:#fff;}
.event_logo .top.bg2 {background:#004983; padding-top:30px; box-sizing:border-box;}
.event_logo .bottom.bg2 {background:#fff;}
.event_logo .top.bg3 {background:#8b4732; padding-top:73px; box-sizing:border-box;}
.event_logo .bottom.bg3 {background:#fff;}

.place2 {width:88.37%; margin:90px auto 0 auto;}
.place_box {background:#f1f1f1 url("/project/design/contents/bg_place_box.gif") repeat left top; width:100%; height:520px; margin:0 auto; padding:6px; box-sizing:border-box;}
.place_box .place_box_in { background:#f1f1f1; height:508px; box-sizing:border-box; border:3px solid #fff; text-align:center;}


.round_table { position:relative; background:#f8f7f7; padding:40px 5% 5% 5%; width:90%; margin-top:90px;}
.round_table .title_b { position:absolute; background:#fff; left:auto; right:5%;}
.round_table .title_b i { top:40px; left:80%;}
.round_table .title_b p { top:15%; left:auto; right:25%; text-align:right;}
.round_table .img_box {text-align:center; margin:0 auto; margin-top:160px;}
.round_table .img_box img {width:auto;}

@media all and (max-width:1280px) {
.event_box.bg1 {width:94%;}
.event_box.bg2 {width:94%;}
.event_box.bg3 {width:94%;}
.event_box .event_con, .event_box .event_con.print {padding:4% 7% 5% 34%;}
.event_box .event_con.bottom {background-position:center 300px;}
.event_box .event_con .tit {font-size:40px;}
.event_box .event_con .desc {font-size:18px;}
.event_box .event_con .event_dl.mgT2 {margin-top:140px;}
.event_box .event_con .event_dl.mgT3 {margin-top:115px;}
.event_box .event_con .event_dl dt {width:15%;}
.event_box .event_con .event_dl dd {width:85%;}
.event_logo {left:5%;}
.event_logo.print {top:38%;}
.place2 {width:94%;}

.round_table .img_box img {width:100%;}
}
@media all and (max-width:1200px) {
.event_box.bg1 {width:100%;}
.event_box.bg2 {width:100%; height:580px;}
.event_box.bg3 {width:100%; height:580px;}
.event_box .event_con {padding:4% 5% 5% 34%;}
.event_box .event_con .tit {font-size:36px;}
.event_box .event_con .desc {font-size:18px;}
.event_box .event_con .event_dl.mgT1 {margin-top:55px;}
.event_box .event_con .event_dl.mgT2 {margin-top:130px;}
.event_box .event_con .event_dl.mgT3 {margin-top:100px;}
.event_box .event_con .event_dl dt {width:20%;}
.event_box .event_con .event_dl dd {width:80%;}
.place2 {width:100%; margin:60px auto 0 auto;}
.event_logo li { width:240px; height:240px;}
.event_logo .top.bg1 {padding-top:103px;}
.event_logo .top.bg2 img {width:85%;}
.event_logo .top.bg3 img {width:75%;}
.event_logo .bottom {font-size:22px;}
.event_logo .bottom a p {padding:65px 0 15px 0;}

.round_table {margin-top:60px;}
}
@media all and (max-width:1000px) {
.event_box.bg2, .event_box.bg3 {height:500px;}
.event_box .event_con .tit {font-size:26px;}
.event_box .event_con .desc {font-size:16px;}
.event_box .event_con .event_dl.mgT1 {margin-top:50px;}
.event_box .event_con .event_dl.mgT2 {margin-top:120px;}
.event_box .event_con .event_dl.mgT3 {margin-top:95px;}
.event_box .event_con .event_dl dt, .event_box .event_con .event_dl dd {font-size:15px;}
.event_logo li { width:180px; height:180px;}
.event_logo.print {top:30%;}
.event_logo .top.bg1 {padding-top:75px;}
.event_logo .top.bg1 img {width:70%;}
.event_logo .top.bg3 {padding-top:55px;}
.event_logo .bottom a p {padding:50px 0 15px 0;}
.event_logo .bottom {font-size:18px;}
.event_logo .bottom img {width:40%;}
}
@media all and (max-width:767px) {
.event_box.bg2, .event_box.bg3 {height:540px; background-size:cover;}
.event_box .event_con, .event_box .event_con.print {padding:18% 5% 5% 5%;}
.event_box .event_con .desc {font-size:15px; margin-top:10px;}
.event_box .event_con .event_dl.mgT1 {margin-top:40px;}
.event_box .event_con .event_dl.mgT2 {margin-top:60px;}
.event_box .event_con .event_dl.mgT3 {margin-top:60px;}
.event_logo, .event_logo.print {left:5%; top:5%; transform: translate(0, 0); transform: translate(0, 0);}
.event_logo ul {clear:both; content:""; display:block;}
.event_logo li {float:left; width:50%; height:80px;}
.event_logo .top.bg1 {padding:25px;}
.event_logo .top.bg2 {padding-top:15px;}
.event_logo .top.bg3 {padding-top:18px;}
.event_logo .top.bg1 img {width:50%;}
.event_logo .top.bg2 img {width:30%;}
.event_logo .bottom a p {padding:12px;}
.event_logo .bottom {font-size:16px;}
.event_logo .bottom img {display:none;}

}
@media all and (max-width:600px) {
.event_box.bg2, .event_box.bg3 {height:600px; background-size:cover;}
.event_box .event_con {padding:25% 5% 5% 5%;}
.event_box .event_con .tit {font-size:18px;}
.event_box .event_con .desc {font-size:14px;}
.event_box .event_con .event_dl.mgT1 {margin-top:40px;}
.event_box .event_con .event_dl.mgT2 {margin-top:100px;}
.event_box .event_con .event_dl.mgT3 {margin-top:80px;}
.event_box .event_con .event_dl dt {font-size:14px; background-size:10%; background-position:left 7px; width:25%;}
.event_box .event_con .event_dl dd {font-size:14px; width:75%;}
}
@media all and (max-width:414px) {
.event_logo li {float:left; width:100px;}
.event_logo.print {top:3%;}
.event_logo .top.bg1 {padding:25px;}
.event_logo .top.bg1 img {width:90%;}
.event_logo .top.bg2 img {width:60%;}
.event_logo .bottom a p {padding:7px; font-size:13px;}
.event_box.bg2, .event_box.bg3 {height:620px; background-size:cover;}
.event_box .event_con {padding:21% 5% 5% 5%;}
.event_box .event_con.print {padding:21% 5% 10% 5%;}
.event_box .event_con.bottom {background-position:center 400px;}
.event_box .event_con .event_txt {margin-top:50px;}
.event_box .event_con .tit {font-size:16px;}
.event_box .event_con .desc {font-size:13px;}
.event_box .event_con .event_dl.mgT1 {margin-top:30px;}
.event_box .event_con .event_dl.mgT2 {margin-top:90px;}
.event_box .event_con .event_dl.mgT3 {margin-top:90px;}
.event_box .event_con .event_dl dt {font-size:13px;}
.event_box .event_con .event_dl dd {font-size:13px;}
.event_box .event_con .event_dl dd > ul > li {width:100%; margin-bottom:20px;}
}

/* 0202_전시 */
.exhi_box ul li { position:relative; width:100%; padding:60px 105px; box-sizing:border-box; margin-bottom:120px;}
.exhi_box ul li .text { width:45%;}
.exhi_box ul li p.desc1 {font-size:30px; color:#028445; font-weight:600; padding-bottom:30px; background:url("/project/design/contents/bg_exhi_line.png") no-repeat left bottom;}
.exhi_box ul li p.desc2 {font-size:16px; color:#fff; padding-top:35px;}

.exhi_box ul li.exhi1 { background:url("/project/design/contents/bg_exhi1_1.jpg") no-repeat center top; background-size:cover; height:440px;}
.exhi_box ul li.exhi2 { background:url("/project/design/contents/bg_exhi2_1.jpg") no-repeat center top; background-size:cover; height:440px;}
.exhi_box ul li.exhi3_1 { background:url("/project/design/contents/bg_exhi3_1.jpg") no-repeat center top; background-size:cover; height:460px;}
.exhi_box ul li.exhi3_3 { background:url("/project/design/contents/bg_exhi3_3.jpg") no-repeat center top; background-size:cover; height:460px;}
.exhi_box ul li.exhi3_5 { background:url("/project/design/contents/bg_exhi3_5.jpg") no-repeat center top; background-size:cover; height:460px;}
.exhi_box ul li.exhi3_7 { background:url("/project/design/contents/bg_exhi7_1.jpg") no-repeat center top; background-size:cover; height:460px;}
.exhi_box ul li.exhi4 { background:url("/project/design/contents/bg_exhi4_1.jpg") no-repeat center top; background-size:cover; height:440px;}
.exhi_box ul li.exhi5 { background:url("/project/design/contents/bg_exhi5_1.jpg") no-repeat center top; background-size:cover; height:auto;}
.exhi_box ul li.exhi6 { background:url("/project/design/contents/bg_exhi6_1.jpg") no-repeat center top; background-size:cover; height:440px;}
.exhi_box .exhi_top_img { position:absolute; top:15%; right:8%;}
.exhi_box .exhi_top_img.artist {top:50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
.exhi_box .exhi_top_img2 { position:absolute; top:25%; right:8%;}
.exhi1 .desc1.exhi_w_tit {color:#fff;}
.exhi_box .exhi_eng_tit {font-size:0.6em;}

@media all and (max-width:1660px) {
.exhi_box .exhi_top_img img, .exhi_box .exhi_top_img2 img { width:100%; }
.exhi_box .exhi_top_img2 { top:32%;}
}
@media all and (max-width:1450px) {
.exhi_box .exhi_top_img { top:9%; right:0;}
.exhi_box .exhi_top_img2 { top:15%; right:0;}
.exhi_box .exhi_top_img img, .exhi_box .exhi_top_img2 img { width:85%;}
}
@media all and (max-width:1380px) {
.exhi_box .exhi_top_img { top:13%; right:-5%;}
.exhi_box .exhi_top_img2 { top:13%; right:-5%;}
.exhi_box .exhi_top_img img, .exhi_box .exhi_top_img2 img { width:80%;}
}
@media all and (max-width:1280px) {
.exhi_box ul li { padding:40px 80px; margin-bottom:70px;}
.exhi_box .exhi_top_img { top:13%; right:-10%;}
.exhi_box .exhi_top_img2 { top:13%; right:-10%;}
.exhi_box .exhi_top_img img, .exhi_box .exhi_top_img2 img { width:75%;}
.exhi_box ul li p.desc2 {font-size:15px;}
.exhi_box ul li.exhi3_5 .text, .exhi_box ul li.exhi3_7 .text {width:45%;}
.exhi_box ul li.exhi3_5 .text .exhi_sm, .exhi_box ul li.exhi3_7 .text .exhi_sm {font-size:0.875em;}
.exhi_box ul li.exhi3_5 {height:500px;}
}
@media all and (max-width:1200px) {
.exhi_box ul li p.desc1 {padding-bottom:20px;}
.exhi_box ul li p.desc2 {padding-top:25px;}
.exhi_box .exhi_top_img { top:15%; right:-15%;}
.exhi_box .exhi_top_img2 { top:15%; right:-17%;}
.exhi_box .exhi_top_img img, .exhi_box .exhi_top_img2 img { width:65%;}
.exhi_box ul li.exhi1, .exhi_box ul li.exhi2, .exhi_box ul li.exhi3_3, .exhi_box ul li.exhi3_5, .exhi_box ul li.exhi3_7, .exhi_box ul li.exhi4 { height:auto;}
}
/*@media all and (max-width:1000px) {
.exhi_box ul li { padding:60px; margin-bottom:50px;}
.exhi_box .exhi_top_img { top:25%; right:-20%;}
}*/
@media all and (max-width:1000px) {
.exhi_box ul li .text, .exhi_box ul li.exhi3_5 .text, .exhi_box ul li.exhi3_7 .text { width:100%;}
.exhi_box .exhi_top_img, .exhi_box .exhi_top_img2 { position:static; padding-top:30px;}
.exhi_box .exhi_top_img img, .exhi_box .exhi_top_img2 img { width:100%;}
.exhi_box ul li.exhi5, .exhi_box ul li.exhi3_1, .exhi_box ul li.exhi6 {height:auto;}
.exhi_box .exhi_top_img.artist {bottom:0; transform: translate(0, 0); -ms-transform: translate(0, 0);}
}
@media all and (max-width:767px) {
.exhi_box ul li p.desc1 {font-size:29px; padding-bottom:35px;}
.exhi_box ul li p.desc2 { font-size:14px; padding-top:35px;}
}

@media all and (max-width:640px) {
.exhi_box ul li { padding:50px;}
}
@media all and (max-width:414px) {
.exhi_box ul li { padding:40px;}
.exhi_box ul li p.desc1 {font-size:24px;}
}

.exhi_point { width:174px; height:174px; border-radius:100%; background:#24a29b url("/project/design/contents/bg_arr_point.png") no-repeat center 80%; margin:110px auto 40px auto;}
.exhi_point p {font-size:20px; color:#fff; letter-spacing:0.6em; font-weight:600; text-align:center; padding:25% 0 0 5%;}
.exhi_point_desc {text-align:center; font-size:18px;}
.exhi_point_desc2 { margin:0 auto; text-align:center; font-size:18px; width:50%;}

.exhi_ex_img { width:100%; padding-top:50px;}
.exhi_ex_img ul { margin:0 auto; width:935px;}
.exhi_ex_img ul li {float:left; padding-right:1%; text-align:center;}
.exhi_ex_img ul li:last-of-type {padding-right:0;}
.exhi_ex_img p {padding-top:20px; text-align:center;}

.exhi_global > ul > li { float:left; padding:0 2.8%; box-sizing:border-box; text-align:center;}
.exhi_global > ul > li .img { overflow:hidden;}
.exhi_global > ul > li .img img { width:100%;}
.exhi_global > ul > li .desc { padding:100px 20px; color:#fff; font-size:18px; line-height:28px; height:350px; box-sizing:border-box;}
.exhi_global > ul > li .desc.bg1 { background:#4c372e;}
.exhi_global > ul > li .desc.bg2 { background:#ad895a;}

.exhi_pt_ms li {float:left; width:49%; box-sizing:border-box; border:6px solid #021f68; font-size:18px; background:url("/project/design/contents/bg_pt_ms.gif") repeat left top;}
.exhi_pt_ms li:first-of-type { margin-right:2%; }
.exhi_pt_ms li .con1, .exhi_pt_ms li .con2 {box-sizing:border-box; height:190px; border:1px solid black; background:url("/project/design/contents/bg_pt_left.png"), url("/project/design/contents/bg_pt_right.png"); background-repeat:no-repeat; background-position:left top, right bottom;}
.exhi_pt_ms li .con1 p {background:url("/project/design/contents/icon_pt_ms1.png") no-repeat left center; height:95px; padding:30px 0 0 20%; box-sizing:border-box; width:80%; margin:50px auto 0 auto; box-sizing:border-box;}
.exhi_pt_ms li .con2 p {background:url("/project/design/contents/icon_pt_ms2.png") no-repeat left center; height:95px; padding:20px 0 0 22%; box-sizing:border-box; width:80%; margin:50px auto 0 auto; box-sizing:border-box;}


@media all and (max-width:1280px) {
.exhi_pt_ms li {font-size:16px;}
.exhi_pt_ms li .con1 p {padding:20px 0 0 25%;}
.exhi_pt_ms li .con2 p {padding:10px 0 0 28%;}
}
@media all and (max-width:1200px) {
.exhi_ex_img ul { width:450px;}
.exhi_ex_img ul li { padding-bottom:1%; padding-right:0;}
.exhi_pt_ms li .con1, .exhi_pt_ms li .con2 {background-size:20%;}
.exhi_pt_ms li .con1 p {padding:20px 0 0 30%;}
.exhi_pt_ms li .con2 p {padding:10px 0 0 32%;}
}
@media all and (max-width:1000px) {
.exhi_pt_ms li .con1 p, .exhi_pt_ms li .con2 p {background-size:32%;}
.exhi_pt_ms li .con1 p {padding:10px 0 0 30%;}
.exhi_pt_ms li .con2 p {padding:0 0 0 32%; margin:40px auto 0 auto;}
}
@media all and (max-width:640px) {
.exhi_ex_img {padding-top:30px;}
.exhi_ex_img ul { width:100%;}
.exhi_ex_img img {width:100%;}
.exhi_ex_img p {padding-top:10px;}
}
@media all and (max-width:600px) {
.exhi_pt_ms li .con1, .exhi_pt_ms li .con2 {height:140px;}
.exhi_pt_ms li .con1 p, .exhi_pt_ms li .con2 p {background:none; text-align:center;}
.exhi_pt_ms li .con1 p {padding:0; margin:45px auto 0 auto;}
.exhi_pt_ms li .con2 p {padding:0; margin:25px auto 0 auto;}
}
@media all and (max-width:414px) {
.exhi_ex_img img {width:80%;}
.exhi_pt_ms li {float:none; width:100%;}
.exhi_pt_ms li:first-of-type { margin-right:0; margin-bottom:20px;}
.exhi_pt_ms li .con2 p {padding:0; margin:35px auto 0 auto;}
}

.exhi_pt_global {position:relative; width:90%; margin:0 auto; background:#f8f7f7 url("/project/design/contents/bg_global.jpg") no-repeat right top; background-size:cover; padding:55px; height:auto; box-sizing:border-box;}
.exhi_pt_global_con {position:absolute; right:55px; top:50%; width:60%; font-size:16px; transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
.exhi_pt_global_con li {box-sizing:border-box; padding:35px 55px;}
.exhi_pt_global_con li:first-of-type {background:rgba(255,255,255,0.9) url("/project/design/contents/bg_con_right.png") no-repeat right top; height:auto;}
.exhi_pt_global_con li:last-of-type {background:rgba(188,197,210,0.9); height:auto; color:#333; }
.exhi_pt_global_con li span {color:#000; font-weight:700; display:inline-block; margin-bottom:20px;}
.exhi_pt_global_con li span em {font-size:30px; font-weight:700; padding-left:10px;}

@media all and (max-width:1280px) {
.exhi_pt_global {width:100%;}
}
@media all and (max-width:1200px) {
.exhi_pt_global_con li {padding:30px 40px;}
.exhi_pt_global_con li span {margin-bottom:10px; font-size:20px;}
.exhi_pt_global_con li span em {font-size:28px;}
}
@media all and (max-width:1000px) {
.exhi_pt_global p {text-align:center;}
.exhi_pt_global img {width:50%;}
.exhi_pt_global_con {position:relative !important; top:auto; right:auto; width:100%; transform: translate(0, 0); -ms-transform: translate(0, 0);}
}
@media all and (max-width:900px) {
.exhi_pt_global_con {width:100%;}
}
@media all and (max-width:767px) {
.exhi_pt_global img {width:100%;}
.exhi_pt_global_con li:first-of-type, .exhi_pt_global_con li:last-of-type {height:auto;}
}
@media all and (max-width:414px) {
.exhi_pt_global {padding:30px;}
}

/* 글로벌작가전 작품설명 */
.artwork {width:90%; margin:0 auto; background:url("/project/design/contents/bg_artwork.jpg") no-repeat center top; background-size:cover; height:auto; padding:50px 80px; box-sizing:border-box; margin-bottom:40px;}
.artwork li {float:left;}
.artwork li.txt {width:30%; color:#000; padding-right:5%; box-sizing:border-box;}
.artwork li.img {width:70%; text-align:center;}
.artwork li.img img {width:100%;}
.artwork li.txt {font-size:17px;}
.artwork li.txt h5 {font-size:54px; font-weight:700; margin-bottom:30px;}
@media all and (max-width:1280px) {
.artwork {width:100%;}
.artwork li.txt h5 {font-size:36px; margin-bottom:20px;}
.artwork li.txt {font-size:16px;}
}
@media all and (max-width:1024px) {
.artwork {padding:50px;}
.artwork li.txt {font-size:14px;}
}
@media all and (max-width:800px) {
.artwork li.txt {width:100%;}
.artwork li.img {width:100%; margin-top:30px;}
}
@media all and (max-width:767px) {
.artwork {padding:30px;}
.artwork li.txt h5 {font-size:24px;}
}

/*020301_힐링산업전*/
.child_box {width:94%; margin:0 auto; background:#328a52;}
.child_box .img_box img {width:100%;}
.child_box > ul {padding:30px 0 60px 0;}
.child_box > ul > li {float:left; color:#fff;}
.child_box .left {padding:0 7%; box-sizing:border-box; width:35%;}
.child_box .left .con .info_tit {margin-bottom:30px;}
.child_box .left .con > ul > li {margin-bottom:20px;}
.child_box .right {width:60%; box-sizing:border-box; margin:0 5% 0 0;}
.child_box .right .con li {padding:30px 5% 30px 20%; min-height:90px; box-sizing:border-box;}
.child_box .right .con .bg1 {background:url("/project/design/contents/bg_child_num1.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .right .con .bg2 {background:url("/project/design/contents/bg_child_num2.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .right .con .bg3 {background:url("/project/design/contents/bg_child_num3.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .right .con .bg4 {background:url("/project/design/contents/bg_child_num4.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .right .con .bg5 {background:url("/project/design/contents/bg_child_num5.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .right .con .bg6 {background:url("/project/design/contents/bg_child_num6.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .right .con .bg7 {background:url("/project/design/contents/bg_child_num7.png"), url("/project/design/contents/bg_child_line.png"); background-repeat:no-repeat, repeat-x; background-position:8% center, left bottom;}
.child_box .con h5 {font-size:18px; color:#ffcc00; font-weight:600;}
.child_box .con p {font-size:18px; color:#fff;}
@media all and (max-width:1280px) { 
.child_box .left .con .img_box2 img {width:100%;}
.child_box .right .con .bg1, .child_box .right .con .bg2, .child_box .right .con .bg3, .child_box .right .con .bg4, .child_box .right .con .bg5, .child_box .right .con .bg6, .child_box .right .con .bg7 {background-size:10.5%, auto; background-position:7.5% center, left bottom;}
}
@media all and (max-width:1000px) { 
.child_box .right .con .bg1, .child_box .right .con .bg2, .child_box .right .con .bg3, .child_box .right .con .bg4, .child_box .right .con .bg5, .child_box .right .con .bg6, .child_box .right .con .bg7 {background-size:12%, auto; background-position:5% center, left bottom;}
}
@media all and (max-width:767px) { 
.child_box > ul > li {float:none;}
.child_box .left {width:100%;}
.child_box .right {width:100%; box-sizing:border-box; margin:0; padding:0 7%;}
.child_box .con h5 {font-size:16px;}
.child_box .con p {font-size:16px;}
}

/*040101_교육체험안내프로그램*/
.edu_box {text-align:center; margin-bottom:50px;}
.edu_box img {width:74%; margin:0 auto;}
.edu_box .btn_zoom { display:none;}
@media all and (max-width:1000px) { 
.edu_box {position:relative;}
.edu_box .btn_zoom { display:block; position:absolute; top:0; right:13%; width:40px; height:40px; text-indent:-9999px; background:#111 url("/project/design/com/btn_zoom.png") no-repeat center; background-size:50%; }
}


/* 프로그램참여_신청하기_책의정원 */
.book_top {width:90%; margin:0 auto 50px auto; background:url("/project/design/contents/bg_book.jpg") no-repeat center top; background-size:cover; height:auto; box-sizing:border-box; padding:120px 100px 110px 100px;}
.book_top .book_desc {font-size:20px; margin-top:30px; color:#fff; font-weight:300;}
.book_top .book_desc span {display:block;}
.book_top .dl_type1 {margin:30px 0 40px 0; font-size:20px !important;}
.book_top .dl_type1 dt {width:10% !important; color:#fff; background:url("/project/design/template/bg_li1_w.png") no-repeat left 15px !important; margin-top:10px !important;}
.book_top .dl_type1 dd {width:90% !important; color:#fff; margin-top:10px !important;}

@media all and (max-width:1280px) {
.book_top {padding:80px 80px 70px 80px; height:auto;}
.book_top .book_desc {font-size:18px;}
.book_top .dl_type1 {font-size:18px !important;}
.book_top .dl_type1 dt {width:12% !important;}
.book_top .dl_type1 dd {width:88% !important;}
}
@media all and (max-width:1000px) {
.book_top img {width:100%;}
.book_top .dl_type1 dt {width:100% !important;}
.book_top .dl_type1 dd {width:100% !important;}
}
@media all and (max-width:767px) {
.book_top {padding:60px;}
.book_top .book_desc {font-size:14px;}
.book_top .book_desc span {display:inline;}
.book_top .dl_type1 {font-size:14px !important;}
.book_top .dl_type1 dt {margin-top:10px !important; background-size:9px !important; background-position:left 10px !important;}
.book_top .dl_type1 dd {margin-top:5px !important;}
}
@media all and (max-width:414px) {
.book_top {padding:30px; background-position:30% center;}
.book_top .dl_type1 dt {margin-left:0 !important;}
}

/*040205_천년대종타종신청*/
.bell_top {width:90%; margin:0 auto; background:url("/project/design/contents/bg_bell.jpg") no-repeat center top; background-size:cover; height:720px; box-sizing:border-box; padding:100px 120px; margin-bottom:50px;}
.bell_top .dl_type1 {margin:20px 0 40px 0;}
.bell_top .dl_type1 dt {width:13% !important; color:#fff; background:url("/project/design/template/bg_li1_w.png") no-repeat left 15px !important;}
.bell_top .dl_type1 dd {width:87% !important; color:#fff;}
.bell_top .desc {font-size:16px;}

@media all and (max-width:1540px) {
.bell_top {padding:100px; height:auto;}
.bell_top .dl_type1 {margin:40px 0 60px 0;}
}

@media all and (max-width:1200px) {
.bell_top h4 img {width:100%;}
.bell_top .dl_type1 dt {background-position:left 13px !important;}
}

@media all and (max-width:1000px) {
.bell_top {padding:90px;}
.bell_top .dl_type1 dt {width:20% !important;}
.bell_top .dl_type1 dd {width:80% !important;}
}

@media all and (max-width:767px) {
.bell_top {padding:70px;}
.bell_top .dl_type1 dt {width:20% !important;}
.bell_top .dl_type1 dd {width:80% !important;}
.bell_top .desc {font-size:13px;}
/*.bell_desc {display:block; line-height:1.5; margin:10px 0 20px 0;}*/
}

@media all and (max-width:414px) {
.bell_top {padding:30px; background-position:60% top;}
.bell_top .dl_type1 {margin:20px 0 30px 0;}
.bell_top .dl_type1 dt {width:100% !important; background-position:left 10px !important; background-size:9px !important;}
.bell_top .dl_type1 dd {width:100% !important;}
.bell_top .desc {font-size:12px;}
}

/* 그라운드아트 */
.sand_top {width:90%; margin:0 auto; background:url("/project/design/contents/bg_sand.jpg") no-repeat center top; background-size:cover; height:600px; box-sizing:border-box; padding:75px 80px; margin-bottom:50px;}
.sand_top .sand_desc {font-size:17px; margin-top:20px; color:#fff; font-weight:300;}
.sand_top .sand_desc span {display:block;}
.sand_top .dl_type1 {margin:15px 0 40px 0; font-size:17px !important;}
.sand_top .dl_type1 dt {width:10% !important; color:#fff; background:url("/project/design/template/bg_li1_w.png") no-repeat left 15px !important; margin-top:15px !important;}
.sand_top .dl_type1 dd {width:90% !important; color:#fff; margin-top:15px !important;}
.sand_top .desc {font-size:16px; color:#929a91 !important;}

@media all and (max-width:1280px) {
.sand_top {height:auto;}
.sand_top .sand_desc {font-size:16px;}
.sand_top .dl_type1 {font-size:16px !important;}
.sand_top .dl_type1 dt {width:12% !important;}
.sand_top .dl_type1 dd {width:88% !important;}
}
@media all and (max-width:1000px) {
.sand_top img {width:100%;}
.sand_top .dl_type1 dt {width:100% !important;}
.sand_top .dl_type1 dd {width:100% !important;}
}
@media all and (max-width:767px) {
.sand_top {padding:55px 60px;}
.sand_top .sand_desc {font-size:14px;}
.sand_top .sand_desc span {display:inline;}
.sand_top .dl_type1 {font-size:14px !important; margin:10px 0 30px 0;}
.sand_top .dl_type1 dt {margin-top:10px !important; background-size:9px !important; background-position:left 10px !important;}
.sand_top .dl_type1 dd {margin-top:5px !important;}
.sand_top .desc {font-size:14px;}
}
@media all and (max-width:414px) {
.sand_top {padding:30px;}
.sand_top .dl_type1 dt {margin-left:0 !important;}
}

/* 아트나잇청주 */
.artnt_top {width:90%; margin:0 auto; background:url("/project/design/contents/bg_artnight.jpg") no-repeat center top; background-size:cover; height:540px; box-sizing:border-box; padding:80px 100px; margin-bottom:50px;}
.artnt_top .artnt_desc {font-size:18px; margin-top:20px; color:#fff; font-weight:300;}
.artnt_top .artnt_desc span {display:block;}
.artnt_top .dl_type1 {margin:20px 0 40px 0; font-size:18px !important;}
.artnt_top .dl_type1 dt {width:10% !important; color:#fff; background:url("/project/design/template/bg_li1_w.png") no-repeat left 15px !important; margin-top:15px !important;}
.artnt_top .dl_type1 dd {width:90% !important; color:#fff; margin-top:15px !important;}
.artnt_top .desc {font-size:16px; color:rgba(255,255,255,0.5) !important;}
@media all and (max-width:1280px) {
.artnt_top {height:auto;}
.artnt_top .artnt_desc {font-size:16px;}
.artnt_top .dl_type1 {font-size:16px !important;}
}
@media all and (max-width:1024px) {
.artnt_top {padding:80px;}
.artnt_top img {width:100%;}
.artnt_top .artnt_desc span {display:inline;}
.artnt_top .dl_type1 dt {width:15% !important;}
.artnt_top .dl_type1 dd {width:75% !important;}
}
@media all and (max-width:800px) {
.artnt_top {padding:60px;}
.artnt_top .artnt_desc, .artnt_top .desc {font-size:14px;}
.artnt_top .dl_type1 {font-size:14px !important;}
.artnt_top .dl_type1 dt {width:20% !important; margin-top:10px !important;}
.artnt_top .dl_type1 dd {width:80% !important; margin-top:10px !important;}
}
@media all and (max-width:700px) {
.artnt_top .dl_type1 dt {width:100% !important; background-size:9px !important; background-position:left 10px !important;}
.artnt_top .dl_type1 dd {width:100% !important;}
}
@media all and (max-width:414px) {
.artnt_top {padding:30px;}
.artnt_top .artnt_desc, .artnt_top .desc {font-size:13px;}
.artnt_top .dl_type1 {font-size:13px !important;}
}

/* 다도가 있는 음악회 */
.tea_top {width:90%; margin:0 auto; background:url("/project/design/contents/bg_tea.jpg") no-repeat center top; background-size:cover; height:580px; box-sizing:border-box; padding:80px 110px;}
.tea_top .tea_desc {font-size:18px; margin-top:20px; color:#666; font-weight:300;}
.tea_top .tea_desc span {display:block;}
.tea_top .dl_type1 {margin:25px 0 40px 0; font-size:17px !important;}
.tea_top .dl_type1 dt {width:10% !important; color:#333; background:url("/project/design/template/bg_li1.png") no-repeat left 15px !important; margin-top:15px !important;}
.tea_top .dl_type1 dd {width:90% !important; color:#333; margin-top:15px !important;}
.tea_top .desc {font-size:16px; color:#666 !important;}
.tea_bottom {width:90%; margin:0 auto 50px auto; background:url("/project/design/contents/bg_tea2.jpg") no-repeat center top; background-size:cover; height:auto; box-sizing:border-box; padding:46px 68px; text-align:center;}
.tea_bottom span {width:33.33%; display:inline-block;}
.tea_bottom span:last-of-type {margin-right:0;}

@media all and (max-width:1280px) {
.tea_top {padding:80px; height:auto;}
.tea_top .tea_desc {font-size:16px; height:auto;}
.tea_top .dl_type1 {font-size:16px !important;}
.tea_top .dl_type1 dt {width:12% !important;}
.tea_top .dl_type1 dd {width:88% !important;}
.tea_bottom span {width:32%; display:inline-block; margin-right:2%;}
.tea_bottom span img {width:100%;}
}
@media all and (max-width:1000px) {
.tea_top img {width:100%;}
.tea_top .dl_type1 dt {width:100% !important;}
.tea_top .dl_type1 dd {width:100% !important;}
}
@media all and (max-width:767px) {
.tea_top {padding:55px 60px;}
.tea_top .tea_desc {font-size:14px;}
.tea_top .tea_desc span {display:inline;}
.tea_top .dl_type1 {font-size:14px !important; margin:10px 0 30px 0;}
.tea_top .dl_type1 dt {margin-top:10px !important; background-size:9px !important; background-position:left 10px !important;}
.tea_top .dl_type1 dd {margin-top:5px !important;}
.tea_top .desc {font-size:14px;}
.tea_bottom {padding:30px;}
}
@media all and (max-width:414px) {
.tea_top {padding:30px;}
.tea_top .dl_type1 dt {margin-left:0 !important;}
}

/* 힐링아로마존 */
.aroma_top {width:90%; margin:0 auto 50px auto; background:url("/project/design/contents/bg_aroma.jpg") no-repeat center top; background-size:cover; height:auto; box-sizing:border-box; padding:90px 100px 80px 100px;}
.aroma_top .aroma_desc {font-size:20px; margin-top:30px; color:#666; font-weight:300;}
.aroma_top .aroma_desc span {display:block;}
.aroma_top .dl_type1 {margin:30px 0 0 0; font-size:20px !important;}
.aroma_top .dl_type1 dt {width:10% !important; color:#333; background:url("/project/design/template/bg_li1.png") no-repeat left 15px !important; margin-top:10px !important;}
.aroma_top .dl_type1 dd {width:90% !important; color:#333; margin-top:10px !important;}

@media all and (max-width:1280px) {
.aroma_top {padding:80px 80px 70px 80px; height:auto;}
.aroma_top .aroma_desc {font-size:18px;}
.aroma_top .dl_type1 {font-size:18px !important;}
.aroma_top .dl_type1 dt {width:12% !important;}
.aroma_top .dl_type1 dd {width:88% !important;}
}
@media all and (max-width:1000px) {
.aroma_top img {width:100%;}
.aroma_top .dl_type1 dt {width:100% !important;}
.aroma_top .dl_type1 dd {width:100% !important;}
}
@media all and (max-width:767px) {
.aroma_top {padding:60px;}
.aroma_top .aroma_desc {font-size:14px;}
.aroma_top .aroma_desc span {display:inline;}
.aroma_top .dl_type1 {font-size:14px !important;}
.aroma_top .dl_type1 dt {margin-top:10px !important; background-size:9px !important; background-position:left 10px !important;}
.aroma_top .dl_type1 dd {margin-top:5px !important;}
}
@media all and (max-width:414px) {
.aroma_top {padding:30px; background-position:30% center;}
.aroma_top .dl_type1 dt {margin-left:0 !important;}
}

/* 사찰음식 */
.temp_food {width:90%; margin:0 auto; background:url("/project/design/contents/bg_temp_food.jpg") no-repeat center top; background-size:cover; height:600px; box-sizing:border-box; padding:84px 116px; margin-bottom:50px;}
.temp_food .desc_temp_food {font-size:18px; margin-top:20px;}
.temp_food .desc_temp_food span {display:block;}
.temp_food .dl_type1 {margin:15px 0 40px 0; font-size:17px !important;}
.temp_food .dl_type1 dt {width:10% !important; color:#333; background:url("/project/design/template/bg_li1.png") no-repeat left 10px !important; margin-top:15px !important;}
.temp_food .dl_type1 dd {width:90% !important; color:#333; margin-top:15px !important;}
.temp_food .desc {font-size:16px; color:#666 !important;}
.temp_lect {width:90%; margin:40px auto; background:url("/project/design/contents/bg_temp_lect.jpg") no-repeat center top; background-size:cover; height:280px; box-sizing:border-box; padding-left:116px;}
.temp_table_box {width:90%; margin:0 auto;}

@media all and (max-width:1280px) {
.temp_food {padding:74px; height:auto;}
.temp_food img {width:80%;}
.temp_food .desc_temp_food {font-size:16px;}
.temp_food .dl_type1 {margin:25px 0 50px 0; font-size:16px !important;}
.temp_food .dl_type1 dt {width:12% !important;}
.temp_food .dl_type1 dd {width:88% !important;}
}
@media all and (max-width:1000px) {
.temp_food img {width:100%;}
.temp_food .dl_type1 dt {width:100% !important;}
.temp_food .dl_type1 dd {width:100% !important;}
.temp_lect {padding:30px; height:auto; margin:30px auto;}
.temp_lect img {width:100%;}
}
@media all and (max-width:767px) {
.temp_food {padding:55px 60px; margin-bottom:30px;}
.temp_food .desc_temp_food {font-size:14px;}
.temp_food .desc_temp_food span {display:inline;}
.temp_food .dl_type1 {font-size:14px !important; margin:10px 0 30px 0;}
.temp_food .dl_type1 dt {margin-top:10px !important; background-size:9px !important; background-position:left 10px !important;}
.temp_food .dl_type1 dd {margin-top:5px !important;}
.temp_food .desc {font-size:14px;}
}
@media all and (max-width:414px) {
.temp_food {padding:30px;}
.temp_food .dl_type1 dt {margin-left:0 !important;}
.temp_lect {padding:10px;}
}

/* 0601_서울팝오케스트라 */
.orch_box {text-align:center; width:88.37%; margin:0 auto;}
.seoul_orch_logo {color:#a54d88; text-transform:uppercase; font-weight:600; letter-spacing:0.8em; font-size:24px; border:1px solid #ddd; padding:30px;}
.seoul_orch_logo span {margin-top:7px; display:block;}
.program_view.orch_top {margin-bottom:0;}
.orch_box .orch_con {margin-top:65px;}
.orch_box .orch_con li {position:relative; width:100%; text-align:left; font-size:20px;}
.orch_box .orch_con li img {width:50%;}
.orch_box .orch_con li.bg1 {background:#b1422e url("/project/design/contents/bg_orch1.png") no-repeat right center;}
.orch_box .orch_con li.bg2 {background:#362a2c url("/project/design/contents/bg_orch2.png") no-repeat left center;}
.orch_box .orch_con li.bg3 {background:url("/project/design/contents/bg_orch3.png") no-repeat 9% center; padding:80px 5% 80px 30%; box-sizing:border-box;}
.orch_box .orch_con li .txt1 {position:absolute; right:5%; top:20%; width:40%; color:#fff; box-sizing:border-box; padding-right:15%;}
.orch_box .orch_con li .txt2 {position:absolute; left:5%; top:20%; width:40%; color:#fff; box-sizing:border-box; padding-right:15%;}
.orch_box .orch_con li .txt3 {color:#666; box-sizing:border-box;}
.orch_box .orch_con li .txt1 h5, .orch_box .orch_con li .txt2 h5 {font-weight:700; line-height:2.5;}
.orch_box .orch_con li .txt3 h5 {color:#000; font-weight:700; line-height:2.5;}
.orch_box .orch_con li .txt1 p, .orch_box .orch_con li .txt2 p, .orch_con li .txt3 p { line-height:2.5;}
.orch_box .orch_con li .txt2 p span {display:block;}
@media all and (max-width:1680px) {
.orch_box .orch_con li {font-size:18px;}
.orch_box .orch_con li.bg1 {background-size:20%;}
.orch_box .orch_con li.bg2 {background-size:50%;}
.orch_box .orch_con li.bg3 {background-size:18%;}
}
@media all and (max-width:1540px) {
.orch_box .orch_con li {font-size:16px;}
}
@media all and (max-width:1350px) {
.orch_box .orch_con li {font-size:15px;}
}
@media all and (max-width:1280px) {
.orch_box .orch_con li.bg3 {background-position:8% center; padding:80px 10% 80px 30%;}
.orch_box .orch_con li .txt1 {width:43%; top:15%; right:2%;}
.orch_box .orch_con li .txt2 {width:45%; top:15%;}
}
@media all and (max-width:1200px) {
.orch_box .orch_con li {font-size:14px;}
.orch_box .orch_con li .txt1 h5, .orch_box .orch_con li .txt2 h5, .orch_box .orch_con li .txt3 h5 {line-height:2;}
.orch_box .orch_con li .txt1 p, .orch_box .orch_con li .txt2 p, .orch_con li .txt3 p { line-height:2;}
}
@media all and (max-width:1000px) {
.orch_box .orch_con li {font-size:13px;}
}
@media all and (max-width:767px) {
.orch_box .orch_con li {font-size:14px;}
.orch_box .orch_con li {min-height:540px;}
.orch_box .orch_con li img {width:100%;}
.orch_box .orch_con li .txt1 {top:65%; right:0; padding:0 10%; width:auto; box-sizing:border-box;}
.orch_box .orch_con li .txt2 {top:65%; left:0; padding:0 10%; width:auto; box-sizing:border-box;}
.orch_box .orch_con li.bg1 {background-position:right bottom;}
.orch_box .orch_con li.bg2 {background-position:right bottom;}
.orch_box .orch_con li.bg3 {padding:30px 10% 30px 30%; min-height:auto !important;}
}
@media all and (max-width:414px) {
.seoul_orch_logo {font-size:12px; letter-spacing:0.4em;}
.orch_box .orch_con {margin-top:30px;}
.orch_box .orch_con li {font-size:13px;}
.orch_box .orch_con li {min-height:400px;}
.orch_box .orch_con li .txt1, .orch_box .orch_con li .txt2 {top:55%;}
.orch_box .orch_con li.bg3 {background-position:center 10%; padding:45% 30px 30px 30px; background-size:30%;}
}


/*0602_도올의 직지특강
.lecture_tit {width:88%; margin:0 auto; background-color:#0e1027; background-image:url("/project/design/contents/bg_lecture1.jpg"), url("/project/design/contents/bg_lecture2.jpg");  background-repeat:no-repeat; background-position:left top, right bottom; box-sizing:border-box; padding:135px 0 0 135px; height:524px; }
.lecture_tit .desc1 {color:#d38871; font-size:50px; font-weight:700;}
.lecture_tit .desc1 span {font-size:72px;}
.lecture_tit .desc2 {color:#f3d6c4; font-size:24px; font-weight:300; padding-top:60px;}
.lecture_con {width:88%; margin:0 auto; background:#f2e9e4 url("/project/design/contents/bg_lecture_con.png") no-repeat right top; box-sizing:border-box; padding:40px 0 0 140px; height:320px;}
.lecture_con .dl_type1 dt {width:10% !important;}
.lecture_con .dl_type1 dd {width:90% !important;}

@media all and (max-width:1660px) {
.lecture_tit {height:500px; background-size:contain;}
}
@media all and (max-width:1540px) {
.lecture_tit {width:100%; padding:130px 0 0 100px; height:440px;}
.lecture_tit .desc1 {font-size:36px;}
.lecture_tit .desc1 span {font-size:58px;}
.lecture_tit .desc2 {font-size:22px; padding-top:40px;}
.lecture_con {width:100%; height:270px; background-size:contain; padding:50px 0 0 100px;}
}
@media all and (max-width:1200px) {
.lecture_tit {height:420px; padding:110px 0 0 100px;}
}
@media all and (max-width:1000px) {
.lecture_tit {padding:130px 0 0 50px;}
.lecture_tit .desc1 {font-size:34px;}
.lecture_tit .desc1 span {font-size:48px;}
.lecture_tit .desc2 {padding-top:30px;}
.lecture_con { padding:50px 0 0 50px;}
}
@media all and (max-width:900px) {
.lecture_tit {background-size:35%, 70%;}
.lecture_con {background-size:55%; background-position:110% top; height:220px; padding:25px 0 0 50px;}
.lecture_con .dl_type1 dt {width:15% !important;}
.lecture_con .dl_type1 dd {width:85% !important;}
}
@media all and (max-width:767px) {
.lecture_tit {padding:70px 0 0 70px; height:360px;}
.lecture_tit .desc1 span:nth-of-type(2) {display:block;}
.lecture_tit .desc2 {padding-top:30px; font-size:20px;}
.lecture_con {background-image:none; padding:25px 0 0 70px;}
}
@media all and (max-width:414px) {
.lecture_tit {padding:40px; height:auto;}
.lecture_tit .desc1 {font-size:18px;}
.lecture_tit .desc1 span {font-size:30px;}
.lecture_tit .desc2 {font-size:16px; padding-top:15px;}
.lecture_con {height:auto; padding:10px 25px 25px 10px;}
.lecture_con .dl_type1 dt {width:20% !important;}
.lecture_con .dl_type1 dd {width:80% !important;}
}
*/

/*0602_도올의 직지특강*/
.lecture_tit {width:90%; margin:0 auto; background-color:#0e1027; background-image:url("/project/design/contents/bg_lecture1.jpg"), url("/project/design/contents/bg_lecture2.jpg");  background-repeat:no-repeat; background-position:left top, right bottom; box-sizing:border-box; padding:80px 0 80px 120px; height:auto;}
.lecture_tit .desc1 {color:#d38871; font-size:36px; font-weight:700;}
.lecture_tit .desc1 span {display:block; font-size:24px;}
.lecture_tit .desc2 {color:#f3d6c4; font-size:18px; font-weight:300; padding:30px 40% 0 0; line-height:1.6;}
.lecture_con {width:90%; margin:0 auto; background:#f2e9e4 url("/project/design/contents/bg_lecture_con.png") no-repeat right top; box-sizing:border-box; padding:30px 0 40px 120px; height:auto; margin-bottom:50px;}
.lecture_con .dl_type1 dt {width:15% !important; font-size:17px; margin-top:10px;}
.lecture_con .dl_type1 dd {width:85% !important; font-size:17px; margin-top:10px;}
.lecture_con .dl_type1 dd em {color:#f37321; font-size:0.95em;}
.lecture_con .dl_type1 dd img { vertical-align:top;}

@media all and (max-width:1540px) {
.lecture_tit {width:100%;}
.lecture_con {width:100%;}
}
@media all and (max-width:1200px) {
.lecture_tit {padding:80px 0 80px 100px; background-size:35%, 70%;}
.lecture_con {padding:30px 0 40px 100px;}
.lecture_tit .desc2 {font-size:16px;}
.lecture_con .dl_type1 dd em {font-size:0.875em;}
}
@media all and (max-width:1000px) {
.lecture_tit {padding:60px 0 60px 80px;}
.lecture_con {background-size:contain; padding:30px 0 40px 80px;}
.lecture_tit .desc1 {font-size:30px;}
.lecture_tit .desc1 span {font-size:20px;}
.lecture_con .dl_type1 dt {width:20% !important;font-size:16px;}
.lecture_con .dl_type1 dd {width:80% !important;font-size:16px;}
.lecture_con .dl_type1 dd em {font-size:0.75em;}
.txt_add {font-size:0.95em;}
}
@media all and (max-width:767px) {
.lecture_tit {padding:60px 0 60px 60px;}
.lecture_tit .desc1 {font-size:20px;}
.lecture_tit .desc1 span {font-size:14px;}
.lecture_tit .desc2 {font-size:14px;}
.lecture_con {background-position:180% top; padding:30px 0 30px 60px;}
.lecture_con .dl_type1 dt {width:20% !important;font-size:14px;}
.lecture_con .dl_type1 dd {width:80% !important;font-size:14px;}
.lecture_con .dl_type1 dd img { max-width:90%;}
}
@media all and (max-width:414px) {
.lecture_tit {padding:40px;}
.lecture_tit .desc2 {padding:20px 0 0 0;}
.lecture_con {background-position:180% bottom; padding:20px 20px 200px 20px;}
.lecture_con .dl_type1 dt {width:100% !important; float:none;}
.lecture_con .dl_type1 dd {width:100% !important; float:none;}
}

/* ex_zone */
h4.ex_zone {margin-top:60px;}
.ex_zone {width:95%; margin:0 auto;}
.ex_zone li {padding:70px 0 70px 30%; box-sizing:border-box; font-size:20px; line-height:1.6;}
.ex_zone .bg1 {background:#e7f4ee url("/project/design/contents/icon_ex1.png") no-repeat 15% center;}
.ex_zone .bg2 {background:#dce7f3 url("/project/design/contents/icon_ex2.png") no-repeat 15% center;}
.ex_zone .bg3 {background:#f3eae0 url("/project/design/contents/icon_ex3.png") no-repeat 15% center;}

@media all and (max-width:1280px) {
.ex_zone li {padding:60px 0 60px 25%; font-size:16px;}
.ex_zone .bg1, .ex_zone .bg2, .ex_zone .bg3 {background-position:10% center; background-size:12%;}
}

@media all and (max-width:1200px) {
.ex_zone li {padding:60px 0 60px 18%;}
.ex_zone .bg1, .ex_zone .bg2, .ex_zone .bg3 {background-position:5% center; background-size:10%;}
}

@media all and (max-width:1000px) {
.ex_zone li {padding:40px 0 40px 18%;}
}

@media all and (max-width:767px) {
.ex_zone li {padding:30px 30px 30px 18%; font-size:14px;}
}

@media all and (max-width:414px) {
.ex_zone li {padding:30px 30px 30px 35%; font-size:14px;}
.ex_zone .bg1, .ex_zone .bg2, .ex_zone .bg3 {background-position:10% center; background-size:20%;}
}

div.table_lecture table{
    min-width: 500px;
    overflow-x: scroll;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 900px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
	max-height:760px;
	overflow-y:scroll;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
	padding:10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    background-color: #028445;
    color: white;
	font-size:20px;
	font-weight:700;
}
.modal-header .bus_num {background:#131313; color:#fff; padding: 15px; display:inline-block; width:30%; text-align:center;}

.modal-body {padding: 20px;}
.modal-body .station {font-size:15px; color:#666; padding:20px;}
.modal-body .station span {font-weight:700; color:#028445;}
.modal-body .time {font-weight:700; color:#028445;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.bus_num_btn {background:#000; border:0; color:#fff; cursor: pointer; line-height:34px; margin-right:5px; padding:0 15px;font-family:'Pretendard'; font-size:15px;transition:.3s all ease;}
.bus_num_btn:hover {background:#ff5f00;transition:.3s all ease;}

@media all and (max-width:600px) {
.bus_num_btn {margin-bottom:5px;}
}

/* 직지 숲 체험존 */
.big5_box {width:94%; margin:0 auto; background:#fff7d5;}
.big5_box .tit img {width:100%;}
.big5_box .con {padding:0 5.26%; box-sizing:border-box;}
.big5_box .con li {float:left; width:32%; margin-right:2%; background:#fff; border-radius:150px; padding:25px 50px; box-sizing:border-box; margin-bottom:50px;}
.big5_box .con li:last-of-type {margin-right:0;}
.big5_box .con li h5 {font-size:30px; color:#bb502b; font-weight:700; text-align:center; letter-spacing:-0.02em; padding-top:75px;}
.big5_box .con li h5.bg1 {background:url("/project/design/contents/bg_big5_tit1.jpg") no-repeat center top;}
.big5_box .con li h5.bg2 {background:url("/project/design/contents/bg_big5_tit2.jpg") no-repeat center top;}
.big5_box .con li h5.bg3 {background:url("/project/design/contents/bg_big5_tit3.jpg") no-repeat center top;}
.big5_box .con li h5 span {font-size:16px;}
.big5_box .con .desc1 {padding:20px 0;}
.big5_box .con .desc2 {font-size:14px; margin-bottom:20px;}
.big5_box .con .desc2 span {color:#299b59;}
.big5_box .con .pic {text-align:center;}
.big5_box .con .pic img {width:100%;}

@media all and (max-width:1280px) {
.big5_box .con li {padding:25px 40px; border-radius:100px;}
.big5_box .con li h5 {font-size:20px; padding-top:55px;}
.big5_box .con li h5.bg1, .big5_box .con li h5.bg2, .big5_box .con li h5.bg3 {background-size:25%;}
.big5_box .con li h5 span {font-size:14px;}
.big5_box .con .desc1 {font-size:15px;}
}
@media all and (max-width:1200px) {
.big5_box .con li h5 {font-size:18px;}
.big5_box .con li h5 span {font-size:13px;}
.big5_box .con .desc1 {font-size:14px;}
.big5_box .con .desc2 {font-size:13px;}
}
@media all and (max-width:767px) {
.big5_box .con li {float:none; width:100%; margin-right:0; margin-bottom:20px;}
.big5_box .con li h5 {font-size:16px; padding-top:30px;}
.big5_box .con li h5.bg1, .big5_box .con li h5.bg2, .big5_box .con li h5.bg3 {background-size:6%;}
.big5_box .con .desc1 {padding:10px 0; font-size:13px;}
.big5_box .con .pic img {width:50%;}
}
@media all and (max-width:414px) {
.big5_box .con li h5 {padding-top:25px;}
.big5_box .con li h5.bg1, .big5_box .con li h5.bg2, .big5_box .con li h5.bg3 {background-size:10%;}
.big5_box .con .desc2 {margin-bottom:10px;}
.big5_box .con .pic img {width:70%;}
}

.edu5_box {width:94%; margin:0 auto;}
.edu5_box li {float:left; height:300px;}
.edu5_box li.left {width:36.84%;}
.edu5_box li.right {width:63.16%;}
.edu5_box li img {width:100%; height:100%;}
.edu5_box li.bg1 {background:#6a4da9; color:#fff; padding:55px 70px; box-sizing:border-box;}
.edu5_box li.bg2 {background:#ffcd26; color:#404040; padding:55px 70px; box-sizing:border-box;}
.edu5_box li.bg3 {background:#3ab9cc; color:#fff; padding:55px 70px; box-sizing:border-box;}
.edu5_box li h5 {font-size:30px;}
.edu5_box li h5 span {font-size:20px;}
.edu5_box .desc1 {font-size:16px; font-weight:300; margin-top:10px;}
.edu5_box .desc1 em {font-size:15px; font-weight:300;}
.edu5_box .desc2 {font-size:16px; font-weight:300; margin-top:30px; line-height:1.8em;}

@media all and (max-width:1280px) {
.edu5_box li {height:250px;}
.edu5_box li.bg1, .edu5_box li.bg2, .edu5_box li.bg3 {padding:35px 55px;}
.edu5_box li h5 {font-size:22px;}
.edu5_box li h5 span {font-size:16px;}
.edu5_box .desc1 {font-size:14px; margin-top:5px;}
.edu5_box .desc1 em {font-size:13px;}
.edu5_box .desc1 span {display:block;}
.edu5_box .desc2 {font-size:14px; line-height:1.5em; margin-top:20px;}
}
@media all and (max-width:1000px) {
.edu5_box li {height:270px;}
}
@media all and (max-width:767px) {
.edu5_box li.bg1, .edu5_box li.bg2, .edu5_box li.bg3 {padding:30px;}
.edu5_box li {height:310px;}
.edu5_box .desc1 {margin-top:20px;}
}
@media all and (max-width:414px) {
.edu5_box li {height:300px;}
.edu5_box li {float:none;}
.edu5_box li.left {width:100%;}
.edu5_box li.right {width:100%;}
.edu5_box li.bg1, .edu5_box li.bg2, .edu5_box li.bg3 {height:auto !important; padding:30px;}
}

/* 020201_무심의숲추가_180919 */
.tell_box {width:90%; margin:0 auto; background:url("/project/design/contents/bg_tell.jpg") no-repeat center top; background-size:cover; height:550px; box-sizing:border-box; padding:80px 120px;}
.tell_box .tell_desc {font-size:18px; margin-top:35px; line-height:1.2em;}
.tell_box .tell_desc span {font-weight:500; color:#333;}
.j_per {width:90%; margin:40px auto 0 auto;}
.j_per li {float:left; width:48.75%; margin-right:2.5%; padding:75px 90px; box-sizing:border-box; height:480px;}
.j_per li:last-of-type {margin-right:0;}
.j_per li.bg1 {background:url("/project/design/contents/bg_bu.jpg") no-repeat center top; background-size:cover;}
.j_per li.bg2 {background:url("/project/design/contents/bg_md.jpg") no-repeat center top; background-size:cover;}
.j_per .desc1 {font-size:18px; font-weight:400; margin:25px 0;}
@media all and (max-width:1280px) {
.tell_box {width:98%; padding:80px 100px;}
.j_per {width:98%;}
}
@media all and (max-width:1024px) {
.tell_box {width:100%; padding:80px 60px;}
.j_per {width:100%;}
.j_per li {padding:80px 60px;}
}
@media all and (max-width:800px) {
.tell_box {height:auto; padding:60px;}
.tell_box h4 img {width:80%;}
.tell_box .tell_desc {font-size:16px;}
.j_per li.bg1, .j_per li.bg2 {background-position:center;}
.j_per li.bg1 img {width:42%;}
.j_per li.bg2 img {width:30%;}
.j_per li {width:100%; padding:60px; margin-right:0; height:auto; margin-bottom:50px;}
.j_per .desc1 {font-size:16px;}
}
@media all and (max-width:414px) {
.tell_box {padding:40px;}
.tell_box h4 img {width:100%;}
.tell_box .tell_desc {font-size:14px; margin-top:20px;}
.j_per li {padding:40px; margin-bottom:40px;}
.j_per li.bg1 img {width:56%;}
.j_per li.bg2 img {width:40%;}
.j_per .desc1 {margin:20px 0;}
.j_per .desc1, .j_per .desc2 {font-size:14px;}
}

/* 020204_직지로드추가_180919 */
.road_box {width:90%; margin:0 auto;}
.road_box > ul > li {width:100%; background:url("/project/design/contents/bg_road.jpg") no-repeat center top; background-size:cover; padding:20px 0; box-sizing:border-box; margin-top:40px;}
.road_box .con_box {width:85%; margin:0 auto; border-bottom:1px solid rgba(134,121,112,0.5); padding:20px 0; box-sizing:border-box;}
.road_box .con_box.line_none {border-bottom:none;}
.road_box .con_box .left_num {float:left; width:20%; margin-top:10px;}
.road_box .con_box .left_num .num_road2 {background:#2f6f30; display:inline-block; width:80px; height:35px; color:#fff; text-align:center; border-radius:16px; font-size:23px;}
.road_box .con_box .right_con {width:80%; margin-left:20%;}
.road_box .con_box .right_con h5 {font-size:20px; color:#333;}
.road_box .con_box .right_con p {font-size:18px;}
.road_box .top {width:100%; background:url("/project/design/contents/bg_road.jpg") no-repeat center top; background-size:cover; height:auto;}
.road_box .top .road_img {float:left; width:50%; box-sizing:border-box; padding:23px 0 0 50px;}
.road_box .top .road_img .road {margin-top:46px; text-align:right;}
.road_box .top .num_box {width:50%; margin-left:50%; box-sizing:border-box; padding:60px 106px;}
.road_box .top .num_box li {font-size:18px; color:#4c4c4c; margin-bottom:7px;}
.road_box .top .num_box .num_road {background:#2f6f30; display:inline-block; width:63px; height:27px; color:#fff; text-align:center; border-radius:12px; font-size:18px;}
.road_box .top .num_box .txt {display:inline-block; padding-left:20px; height:auto;}

@media all and (max-width:1280px) {
.road_box {width:98%;}
.road_box .top .road_img .road img {width:100%;}
.road_box .top .num_box {padding:60px 40px 60px 100px;}
.road_box .top .num_box li {font-size:16px; margin-bottom:5px;}
.road_box .top .num_box .num_road {font-size:16px;}
}
@media all and (max-width:1024px) {
.road_box {width:100%;}
.road_box > ul > li h5 img {width:65%;}
.road_box .con_box {padding:10px 0;}
.road_box .con_box .left_num .num_road2 {width:60px; height:28px; font-size:18px; border-radius:12px;}
.road_box .con_box .right_con h5, .road_box .con_box .right_con p {font-size:16px;}
.road_box .top .num_box {padding:40px 20px 40px 80px;}
.road_box .top .num_box li {font-size:14px; margin-bottom:5px;}
.road_box .top .num_box .num_road {font-size:14px; width:53px; height:22px; border-radius:8px;}
.road_box .top .num_box .txt {padding-left:10px;}
}
@media all and (max-width:800px) {
.road_box > ul > li {margin-top:30px;}
.road_box .con_box .right_con h5, .road_box .con_box .right_con p {font-size:14px;}
.road_box .top .road_img {width:100%; padding:30px; padding-bottom:0;}
.road_box .top .road_img h4 img {width:50%;}
.road_box .top .road_img .road {text-align:center; margin-top:20px;}
.road_box .top .road_img .road img {width:80%;}
.road_box .top .num_box {width:100%; margin-left:0; padding:30px;}
}
@media all and (max-width:767px) {
.road_box .top .road_img .road img {width:100%;}
.road_box .con_box .left_num {margin-top:5px;}
.road_box .con_box .left_num .num_road2 {width:54px; height:26px; font-size:16px; border-radius:10px;}
}
@media all and (max-width:414px) {
.road_box > ul > li h5 img {width:90%;}
.road_box .con_box {width:90%;}
.road_box .con_box .left_num {margin-top:0;}
.road_box .con_box .right_con h5, .road_box .con_box .right_con p {font-size:13px;}
.road_box .top .road_img h4 img {width:100%;}
.road_box .top .num_box .num_road, .road_box .con_box .left_num .num_road2 {font-size:13px; width:42px; height:21px; border-radius:6px;}
.road_box .top .num_box li {font-size:13px; margin-bottom:5px; letter-spacing:-0.04em;}
.road_box .top .num_box .txt {padding-left:5px;}
}

.arti_han {width:90%; margin:0 auto; background:#4c4c1a url("/project/design/contents/bg_han2.jpg") no-repeat center top; background-size:cover; height:auto; box-sizing:border-box; padding:60px 80px; margin-bottom:50px;}
.arti_han_desc1 {width:40%; color:#fff; box-sizing:border-box; padding-left:20px; margin-top:40px;}
.arti_han_desc1 span {font-size:0.875em; text-decoration:underline;}
.arti_han_desc2 {width:40%; color:#ede1be; box-sizing:border-box; padding-left:20px; margin-top:40px;}
@media all and (max-width:1280px) {
.arti_han {width:95%; padding:60px;}
.arti_han img {width:50%;}
.arti_han_desc1, .arti_han_desc2 {width:45%;}
}
@media all and (max-width:1000px) {
.arti_han img {width:65%;}
.arti_han_desc1, .arti_han_desc2 {width:50%;}
}
@media all and (max-width:800px) {
.arti_han img {width:65%;}
.arti_han_desc1, .arti_han_desc2 {width:100%;}
}
@media all and (max-width:767px) {
.arti_han {padding:30px;}
.arti_han_desc1, .arti_han_desc2 {margin-top:30px;}
}
@media all and (max-width:414px) {
.arti_han {background-position:right bottom; background-size:120%; padding-bottom:160px;}
.arti_han img {width:100%;}
.arti_han_desc1, .arti_han_desc2 {font-size:14px; margin-top:20px;}
}

.arti_anna {width:90%; margin:0 auto; background:#181e34 url("/project/design/contents/bg_anna.jpg") no-repeat center top; background-size:cover; height:auto; box-sizing:border-box; padding:60px 80px; margin-bottom:50px;}
.arti_anna_desc1 {width:40%; color:#fff; box-sizing:border-box; padding-left:20px; margin-top:40px;}
.arti_anna_desc2 {width:40%; color:#d1b8cb; box-sizing:border-box; padding-left:20px; margin-top:40px;}
@media all and (max-width:1280px) {
.arti_anna {width:95%; padding:60px;}
.arti_anna img {width:50%;}
.arti_anna_desc1, .arti_anna_desc2 {width:45%;}
}
@media all and (max-width:1000px) {
.arti_anna img {width:65%;}
.arti_anna_desc1, .arti_anna_desc2 {width:50%;}
}
@media all and (max-width:800px) {
.arti_anna img {width:65%;}
.arti_anna_desc1, .arti_anna_desc2 {width:100%;}
}
@media all and (max-width:767px) {
.arti_anna {padding:30px;}
.arti_anna_desc1, .arti_anna_desc2 {margin-top:30px;}
}
@media all and (max-width:414px) {
.arti_anna {background-position:right bottom; background-size:120%; padding-bottom:160px;}
.arti_anna img {width:100%;}
.arti_anna_desc1, .arti_anna_desc2 {font-size:14px; margin-top:20px;}
}

.cometo {width:90%; margin:0 auto 50px auto;}
.cometo img {width:100%;}
.cometo .btn_zoom {display:none;}
@media all and (max-width:1280px) {
.cometo {width:95%;}
}
@media all and (max-width:1000px) { 
.cometo {position:relative;}
.cometo .btn_zoom { display:block; position:absolute; bottom:0; right:0; width:40px; height:40px; text-indent:-9999px; background:#111 url("/project/design/com/btn_zoom.png") no-repeat center; background-size:50%; }
}

.booth1 {text-align:center; color:#fff; width:100%; margin:0 auto 50px auto;}
.booth1 > ul > li {float:left; width:50%; height:400px;}
.booth1 > ul > li.img_box img {height:100%;}
.booth1 > ul > li.bg1 {background:#38b9e3;}
.booth1 > ul > li.bg2 {background:#ed74a1;}
.booth1 > ul > li.bg3 {background:#00b1c0;}
.booth1 .con {padding:70px 60px 80px 60px; box-sizing:border-box; height:400px;}
.booth1 .con > ul > li {float:left; width:25%;}
.booth1 .con.col2 > ul > li {float:left; width:33.33%;}
.booth1 .con > ul > li p {margin-top:15px;}
.booth1 .con h5 {font-size:26px; margin-bottom:40px;}
.booth1 .con h5 span {font-weight:700;}
@media all and (max-width:1280px) {
.booth1 > ul > li {height:360px;}
.booth1 .con {padding:50px 40px 60px 40px; height:360px;}
.booth1 .con > ul > li img {width:80%;}
.booth1 .con.col2 > ul > li img {width:60%;}
.booth1 .con h5 {font-size:16px;}
.booth1 .con h5 span {display:block; font-weight:700; font-size:24px;}
}
@media all and (max-width:767px) {
.booth1 {margin:0 auto 30px auto;}
.booth1:last-of-type {margin-bottom:0;}
.booth1 > ul > li {width:100%; height:auto;}
.booth1 .con {padding:30px; height:auto;}
.booth1 .con > ul > li img {width:70%;}
.booth1 .con.col2 > ul > li img {width:50%;}
.booth1 .con h5 {font-size:12px; margin-bottom:20px;}
.booth1 .con h5 span {font-size:20px;}
.booth1 .con > ul > li p {font-size:14px; margin-top:10px;}
}

.line_box_sq.play_box {margin-top:0;}
.play_box {position:relative; text-align:center; width:90%; margin:0 auto !important;}
.play_box img {width:100%;}
.play_box .btn_zoom { display:block; position:absolute; top:0; right:0; width:44px; height:44px; text-indent:-9999px; background:#111 url("/project/design/com/btn_zoom.png") no-repeat center; background-size:50%; }

.pd_hall .btn_zoom {display:none;}
@media all and (max-width:1000px) { 
.pd_hall {position:relative;}
.pd_hall .btn_zoom { display:block; position:absolute; top:0; right:0; width:44px; height:44px; text-indent:-9999px; background:#111 url("/project/design/com/btn_zoom.png") no-repeat center; background-size:50%; }
}

.re_uni {width:90%; margin:0 auto;}
.re_uni > h4 {width:60%; padding:65px 90px; box-sizing:border-box; height:350px;}
.re_uni > div {width:60%; padding:90px; font-size:20px; box-sizing:border-box; height:350px; color:#fff;}
.re_uni > div span {color:#fee1ad; font-weight:600;}

.re_uni.bg1 {background:#003424 url("/project/design/contents/bg_uni1.jpg") no-repeat right top; background-size:auto 100%;}
.re_uni.bg2 {background:#0d6570 url("/project/design/contents/bg_uni2.jpg") no-repeat right top; background-size:auto 100%;}

.uni_con {width:90%; margin:0 auto; margin-top:50px;}
.uni_con li {float:left; width:50%; padding:60px 80px; box-sizing:border-box;}
.uni_con li h5 {color:#fff; font-size:44px; font-weight:600;}
.uni_con li p {color:#fff; font-size:20px; margin:50px 0;}
.uni_con li img {width:100%;}
.uni_con li.bg1 {background:#004151;}
.uni_con li.bg2 {background:#274f67;}

@media all and (max-width:1700px) { 
.re_uni > h4 img {width:100%;}
.re_uni > h4, .re_uni > div {padding:80px;}
}
@media all and (max-width:1650px) { 
.re_uni > h4 img {width:80%;}
.re_uni > h4, .re_uni > div {font-size:17px; padding:60px; height:300px;}
}
@media all and (max-width:1500px) { 
.uni_con li {padding:60px;}
}
@media all and (max-width:1400px) { 
.uni_con li {padding:50px;}
}
@media all and (max-width:1280px) { 
.re_uni > h4 {font-size:15px; padding:45px 50px; height:250px;}
.re_uni > div {font-size:15px; padding:50px; height:250px;}
.uni_con {margin-top:30px;}
.uni_con li h5 {font-size:34px;}
.uni_con li p {font-size:15px; margin:30px 0;}
}
@media all and (max-width:1100px) {
.uni_con li {padding:30px;}
.uni_con li h5 {font-size:26px;}
.uni_con li p {font-size:14px; margin:20px 0;}
}
@media all and (max-width:1000px) {
.re_uni > h4 img {width:100%;}
.re_uni > h4, .re_uni > div {width:50%; font-size:14px; padding:30px;}
.re_uni.bg1, .re_uni.bg2 {background-size:50% 100%;}
.uni_con li h5 {font-size:20px;}
.uni_con li p {font-size:12px;}
}
@media all and (max-width:767px) {
.re_uni > h4 {width:100%; height:530px;}
.re_uni > div {font-size:12px; width:100%; height:380px;}
.re_uni.bg1, .re_uni.bg2 {background-size:60% auto; background-position:center 85%;}
.uni_con li {width:100%;}
}
@media all and (max-width:600px) {
.re_uni > h4 {height:450px;}
.re_uni > div {height:350px;}
}
@media all and (max-width:414px) {
.re_uni > h4, .re_uni > div {height:360px;}
}

.relic {background:url("/project/design/contents/bg_relic.jpg") no-repeat center top; background-size:cover; width:95%; margin:0 auto; box-sizing:border-box;}
.relic .con {padding:100px 12% 0 12%;}
.relic .con h4 {position:relative; font-size:36px; font-weight:600; color:#028445; padding-bottom:40px; margin-bottom:40px;}
.relic .con h4:after {position:absolute; display:block; content:""; background:rgba(255,255,255,0.5); width:80px; height:1px; left:0; bottom:0;}
.relic .con p {font-size:20px; font-weight:300; color:#fff;}
.relic .con p span {color:#8dcfa7;}
.relic .con p em {color:#f37321;}
.relic .img {padding:80px 8%;}

.old_muse {background:url("/project/design/contents/bg_old_muse.jpg") no-repeat center top; background-size:cover; width:95%; margin:0 auto; box-sizing:border-box; padding:55px; margin-top:50px;}
.old_muse .con {text-align:center; margin-top:40px;}
.old_muse .con ul {display:inline-block; width:90%;}
.old_muse .con li {color:#fff; float:left; width:25%; height:253px; box-sizing:border-box; padding:40px 20px;}
.old_muse .con li.bg1 {background:url("/project/design/contents/bg_musego1.jpg") no-repeat center top; background-size:cover;}
.old_muse .con li.bg2 {background:url("/project/design/contents/bg_musego2.jpg") no-repeat center top; background-size:cover;}
.old_muse .con li.bg3 {background:url("/project/design/contents/bg_musego3.jpg") no-repeat center top; background-size:cover;}
.old_muse .con li.bg4 {background:url("/project/design/contents/bg_musego4.jpg") no-repeat center top; background-size:cover;}
.old_muse .con li h5 {font-size:30px; font-weight:600;}
.old_muse .con li p {font-size:20px; font-weight:300; margin:10px 0 25px 0;}

@media all and (max-width:1540px) {
.relic {width:98%;}
.old_muse {width:98%;}
}
@media all and (max-width:1450px) {
.relic {margin-top:0;}
}
@media all and (max-width:1280px) {
.relic .con {padding:80px 8% 0 8%;}
.old_muse .con ul {width:95%;}
.old_muse .con li {height:240px;}
.old_muse .con li h5 {font-size:24px;}
.old_muse .con li p {font-size:16px;}
}
@media all and (max-width:1200px) {
.relic {width:100%;}
.relic .con {padding:80px 8% 0 8%;}
.old_muse {width:100%;}
}
@media all and (max-width:1000px) {
.relic .con {padding:40px 8% 0 8%;}
.relic .con h4 {font-size:30px; padding-bottom:20px; margin-bottom:20px;}
.relic .con p {font-size:15px;}
.relic .img {padding:40px 8%;}
.old_muse {padding:40px;}
.old_muse .tit img {width:40%;}
.old_muse .con li {height:220px;}
.old_muse .con li h5 {font-size:20px;}
.old_muse .con li p {font-size:15px;}
}
@media all and (max-width:767px) {
.relic .img {padding:20px 8% 40px 8%;}
.relic .con p {font-size:14px;}
.old_muse .tit img {width:60%;}
.old_muse .con li {width:50%;}
}
@media all and (max-width:414px) {
.old_muse .tit img {width:100%;}
.old_muse .con li {width:100%; height:200px;}
}

.cbs_box {width:90%; margin:0 auto;}
.cbs_box .cbs_img {margin-top:50px;}
@media all and (max-width:1600px) {
.cbs_box {width:100%;}
}

.close_txt {width:90%; margin:0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:20px; padding:50px 0; box-sizing:border-box;}


/*************** 2024 추가 ****************/
/* 0303_전시행사 */
.exh_box { display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
.exh_box .item .desc_box { padding: 30px; position: relative;}
.exh_box .item .desc_box h3 { font-size: 30px; font-weight: 700; color: #b59156;}
.exh_box .item .desc_box p { margin-top: 20px; color: #3b3b3b; font-size: 15px;}
.exh_box .item .desc_box i { position: absolute; right: 30px; bottom: 30px; width: 54px; height: 54px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: #ccc; color: #fff; font-size: 32px;transition:all .3s ease;}
.exh_box .item:hover .desc_box i { background-color: #203f65;}



/* 02 - 02 - 01 유네스코 직지상 수상기관 특별전 */
.section_wrap { margin-top: 110px; }
.section_wrap .tit { display: inline-block; font-size: 2.8125rem; font-weight: 800; color: #000; }
.section_wrap .tit .circle { position: relative;}
.section_wrap .tit .circle::before { content: ''; width: 13px; height: 13px; background-color: #ff5f00; border-radius: 50px; position: absolute; bottom: 3px; right: -30px; }

.section_wrap .section1 { margin-top: 100px; }
.section_wrap .section1 .event_details { display: flex; flex-direction: row; justify-content: space-between; gap: 60px; }
.section_wrap .section1 .event_details div { padding: 15px; width: 100%; border-bottom: 3px solid #000; display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #000; }
.section_wrap .section1 .event_details div > i { font-size: 1.875rem; font-weight: 500;}
.section_wrap .section1 .event_details div > .p_desc { font-size: 1.5rem; font-weight: 700; }

.section_wrap .section2 { margin-top: 90px; display: flex; flex-direction: column; gap: 70px; position: relative;}
.section_wrap .section2 .inner { display: flex; flex-direction: row; align-items: center; gap: 50px;}
.section_wrap .section2 .inner img { width: auto; }
.section_wrap .section2 p { font-size: 1.375rem; color: #666; font-weight: 400; line-height: 45px; letter-spacing: -0.3px; }
.section_wrap .section2 p > b { font-size: 1.5rem; font-weight: 700; color: #000; }

.section_wrap .section3 { margin-top: 100px; }

@media all and (max-width: 1260px) {
    .section_wrap { margin-top: 90px;}
    .section_wrap .tit { font-size: 2.375rem; }

    .section_wrap .section1 { margin-top: 80px;}
    .section_wrap .section1 .event_details { gap: 40px;}
    .section_wrap .section1 .event_details div { padding: 5px 10px; gap: 20px; }
    .section_wrap .section1 .event_details div > .p_desc { font-size: 1.25rem; }

    .section_wrap .section2 { margin-top: 60px; gap: 40px;}
    .section_wrap .section2 .inner { gap: 30px; }
    .section_wrap .section2 .inner img { height: 250px;}
    .section_wrap .section2 p { font-size: 1.125rem; line-height: 35px; }
    .section_wrap .section2 p > b { font-size: 1.25rem; }
    
    .section_wrap .section3 { margin-top: 80px; }
}

@media all and (max-width: 800px) { 
    .section_wrap { margin-top: 60px;}
    .section_wrap .tit { font-size: 1.5625rem; }
    .section_wrap .tit .circle::before { width: 10px; height: 10px; right: -20px;}

    .section_wrap .section1 { margin-top: 50px;}
    .section_wrap .section1 .event_details { flex-direction: column; gap: 20px; }
    .section_wrap .section1 .event_details div { width: auto; }
    .section_wrap .section1 .event_details div > i { font-size: 1.25rem; }
    .section_wrap .section1 .event_details div > .p_desc { font-size: 0.9375rem; }

    .section_wrap .section2 { gap: 20px; margin-top: 40px; }
    .section_wrap .section2 .inner { flex-direction: column; gap: 20px;}
    .section_wrap .section2 .inner div { border: 1px solid #ddd; padding: 20px;}
    .section_wrap .section2 .inner img { width: 100%; height: auto;}

    .section_wrap .section2 p { font-size: 0.875rem; line-height: 25px; }
    .section_wrap .section2 p > b { font-size: 0.9375rem; }

    .section_wrap .section3 { margin-top: 50px; }
}
/* // 02 - 02 - 01 유네스코 직지상 수상기관 특별전 */

/* 02 - 02 - 02 직지 복본 및 디지털북 직지 특별전 */
.section_wrap .section2 .img_inner { display: flex; flex-direction: row; }
.section_wrap .section2 .img_inner img { width: 100%; }

@media all and (max-width: 800px) { 
    .section_wrap .section2 .img_inner { flex-direction: column; }
}
/* // 02 - 02 - 02 직지 복본 및 디지털북 직지 특별전 */

/* 02 - 02 - 03 구텐베르크 인쇄체험전 */
.section_wrap .section2 .section2_inner { display: flex; flex-direction: row; align-items: center; gap: 70px; }
.section_wrap .section2 .section2_inner .desc { display: flex; flex-direction: column; gap: 70px;}
.section_wrap .section2 .section2_inner .img_logo { padding-right: 30px; }

.section_wrap .section2 .img_inner img { width: 100%; }

@media all and (max-width: 1260px) { 
    .section_wrap .section2 .section2_inner .img_logo { width: 100%;}
    .section_wrap .section2 .section2_inner .img_logo img { width: 100%; }
}
@media all and (max-width: 1024px) { 
    .section_wrap .section2 .section2_inner { gap: 40px;}
    .section_wrap .section2 .section2_inner .desc { flex: 1; gap: 40px; }
    .section_wrap .section2 .section2_inner .img_logo { flex: 0.5; width: 100%;}
}
@media all and (max-width: 800px) { 
    .section_wrap .section2 .section2_inner { flex-direction: column-reverse; gap: 30px;}
    .section_wrap .section2 .section2_inner .desc { gap: 20px;}
    .section_wrap .section2 .section2_inner .img_logo { padding-right: 0; }
    .section_wrap .section2 .section2_inner .img_logo div { padding: 20px; border: 1px solid #ddd;}
}
/* // 02 - 02 - 03 구텐베르크 인쇄체험전 */

/* 02 - 02 - 04 금당야경 전시 */
.section_wrap .section2 .img_inner2 img { width: 100%; }
/* // 02 - 02 - 04 금당야경 전시 */


/* 피크닉파크투어, 먹거리투어, 시민콘텐츠공연&버스킹 */
.picnic_top { text-align: center; position: relative; padding-bottom: 60px; margin-bottom: 50px;}
.picnic_top .p_desc1 {font-family: 'ONE-Mobile-POP'; font-size: 40px; color: #f48974;}
.picnic_top .p_desc2 {font-family: 'ONE-Mobile-POP'; font-size: 30px; color: #000;}
.picnic_top .img1 { position: absolute; left: 0; bottom: 0;}
.picnic_top .img2 { position: absolute; right: 0; bottom: 0;}
.picnic_box1 { display: grid; grid-template-columns: 55% 1fr; gap: 40px;}
.picnic_box1 img { width: 100%;}
.picnic_box2 img { width: 100%;}
.picnic_box2 .items .img img { max-width: 100%;}
.picnic_box3 > ul { display: flex; gap: 40px;}
.picnic_box3 > ul > li { width: 100%; display: grid; grid-template-columns:1fr 1fr; gap: 30px; align-items: center;}
.picnic_box3 > ul > li img { max-width: 100%;}
.picnic_box3 > ul > li h5 { padding-bottom: 10px;}

@media all and (max-width:1024px) {
.picnic_top { padding-bottom: 80px; margin-bottom: 30px;}
.picnic_top .p_desc1 {font-size: 30px;}
.picnic_top .p_desc2 {font-size: 20px;}
.picnic_box1 { grid-template-columns: 1fr;}
.picnic_box2 { grid-template-columns: 1fr;}
}
@media all and (max-width: 800px) { 
.picnic_top { margin-bottom: 20px;}
.picnic_top .p_desc1 {font-size: 24px;}
.picnic_top .p_desc2 {font-size: 17px;}
.picnic_top .img1 { height: 90px;}
.picnic_top .img2 { height: 70px;}
.picnic_box2 .items { width: 100%;}
.picnic_box2 .items { position: relative; padding-top: 30px; overflow: auto;}
.picnic_box2 .items::before { content: "↔ 좌우로 스크롤하시면 모든 내용을 확인하실 수 있습니다."; position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 14px;}
.picnic_box2 .items .img img { width: auto !important; max-width: 800px ;}
.picnic_box3 > ul { flex-direction: column;}
}
@media all and (max-width: 500px) { 
.picnic_top .p_desc1 {font-size: 20px;}
.picnic_top .img1 { height: 75px;}
.picnic_top .img2 { height: 60px;}
.picnic_box3 > ul > li { grid-template-columns:1fr; gap: 20px;}
.picnic_box3 > ul > li img { max-width: auto; width: 100%;}
.picnic_box3 > ul > li > div { padding: 0 20px;}
}

/* 02_문화축제가이드 */
.p_timetable { color: #000; font-size: 18px; font-weight: 700;}
.timetable_box .img { overflow-x: auto;}
.timetable_box .img img { max-width: 100%;}
@media all and (max-width:767px) {
    .p_timetable { font-size: 15px;}
    .timetable_box { position: relative; padding-top: 30px;}
    .timetable_box::before { content: "↔ 좌우로 스크롤하시면 모든 내용을 확인하실 수 있습니다."; position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 14px;}
    .timetable_box .img img { max-width: 1100px;}

}

/*************** //2024 추가 ****************/