@charset "utf-8";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Song+Myung&display=swap');
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans Korean', sans-serif; font-weight:300; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'Noto Sans Korean', sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family: 'Noto Sans Korean', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { word-break: keep-all; word-wrap: break-word;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1100px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:4;position:absolute;width:100%;background:rgba(0,0,0,0.7); height:100px;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#hd_wrapper {position:relative;margin:0 auto;width:1200px;zoom:1; margin:0 auto;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#hd_sub {background:#101010; /*border-bottom:1px solid #d6d6d6;*/}
#hd_sub .gnb_1dli > a {color:#fff !important;}

#logo {position:absolute; left:0;top:29px;}

/* D-day 090320 */
.dday { position:absolute; top:40px; left:270px; width:250px; height:36px; border:3px solid #1d2377; border-radius:5px;}
.dday .left { float:left; width:160px;height:34px; padding:2px 0 0 10px; background:#1d2377; color:#fff; font-family:"맑은 고딕"; line-height:1.1em;  font-weight:600; font-size:14px;}
.dday .right { float:left; width:80px; text-align:center; color:#1d2377; font-weight:900; font-family:"Roboto"; font-size:24px; line-height:36px; letter-spacing:-0.05em;}

/* 17.09.15 티켓버튼 숨김 */
.ticket {position:absolute; top:39px; left:661px;display:none;}

/* 전체 검색 */
#hd_sch {float:right;margin:0 4px 0 0px;padding:0;border:1px solid #000}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:34px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {width:36px; height:34px; border:0; background:url('../img/search.gif') center center no-repeat; color:#333;cursor:pointer;text-indent:-9999em;}

/* 상단 회원가입 등 링크 */
/*#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}*/
#tnb {float:right;margin:0;padding:0px 10px 0px 0px !important;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0;margin-top:3px;height:36px;color:#1b1b1b; font-size:14px;line-height:36px}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 메인메뉴 */
#gnb {position:relative;float:right;padding-right:200px;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {position:relative;margin:0 auto !important;padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {z-index:10;position:relative;float:left}
#gnb .gnb_1dli > a { letter-spacing:-0.05em; font-size:18px;font-weight:500;color:#fff;} /* 추가 */
#hd_sub #gnb .gnb_1dli > a{color: #111} /* 추가 */
#gnb .gnb_1da {display:inline-block;width:auto;text-align:center; padding:0 20px; height:100px; line-height:98px; }
#gnb .gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
#gnb .gnb_2dul {display:none;position:absolute;top:100px;width:180px; border-top:none; color:#000; border:1px solid #000;}
#gnb a.gnb_2da {display:block;padding:10px 20px;text-align:left;text-decoration:none;font-size:13px; color:#000;}
#gnb .gnb_1dli_air .gnb_2da {background-color:#fff;}
#gnb .gnb_1dli_on .gnb_2da {background-color:#fff;}
#gnb .gnb_2da:focus, .gnb_2da:hover {background:#06d65d;color:#fff;text-decoration:none}
#gnb .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
#gnb .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 영문메인메뉴 */
#gnb_eng {position:relative;float:right;padding-right:180px;}
#gnb_eng h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_eng #gnb_1dul {position:relative;margin:0 auto !important;padding:0;zoom:1;}
#gnb_eng #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_eng .gnb_1dli {z-index:10;position:relative;float:left}
#gnb_eng .gnb_1dli > a { letter-spacing:-0.05em; font-size:16px;font-weight:500;color:#fff;} /* 추가 */
#hd_sub #gnb_eng .gnb_1dli > a{color: #111} /* 추가 */
#gnb_eng .gnb_1da {display:inline-block;width:auto;text-align:center; padding:0 25px; height:100px; line-height:98px; }
#gnb_eng .gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
#gnb_eng .gnb_2dul {display:none;position:absolute;top:100px;width:180px; border-top:none; color:#000; border:1px solid #000;}
#gnb_eng a.gnb_2da {display:block;padding:10px 20px;text-align:left;text-decoration:none;font-size:13px; color:#000;}
#gnb_eng .gnb_1dli_air .gnb_2da {background-color:#fff;}
#gnb_eng .gnb_1dli_on .gnb_2da {background-color:#fff;}
#gnb_eng .gnb_2da:focus, .gnb_2da:hover {background:#06d65d !important;color:#fff !important;text-decoration:none}
#gnb_eng .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
#gnb_eng .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

.all_menu{position: absolute;right: 0;top: 45px;}

#m_gnb .btn_sitemap {position:absolute; display:block; width:70px; height:70px; text-indent:-9999px; background:url(../img/btn_sitemap.png) no-repeat center; background-size:30px; top:15px; right:-20px;}
#m_gnb .btn_sitemap_sub {position:absolute; display:block; width:70px; height:70px; text-indent:-9999px; background:url(../img/btn_sitemap_sub.png) no-repeat center; background-size:30px; top:15px; right:-20px;}
 /* 모바일 메뉴 */
#sitemap {display:none; position:relative; z-index:5000;}
#sitemap .scroll{width:230px;height:100%;position: absolute;/*right:-200px*/;overflow-y:hidden;;overflow-x:hidden;background-color: #fff;z-index: 4800}
#sitemap .m_menu { position:absolute; top:0; /*right:-200px;*/ width:230px; background:#fff; z-index:5000; }
#sitemap .m_menu .close { width:30px; height:30px; background:url("../img/bg_close.png") no-repeat center; background-size:20px; display:block; text-indent:-9999px; position:absolute; top:10px; right:10px;}
#sitemap .m_menu h2 { line-height:40px; color:#333; font-size:1.4em; padding-left:20px; background:#fff; text-indent:-9999px;}
#sitemap .m_menu h3 a { color:#fff; font-size:1.25em; font-weight:300; display:block; padding:10px 0; text-align:center;background:rgba(0, 138, 84, 1);}
#sitemap .m_menu h3.on a { color:#fff; background:#06d65d;}
#sitemap .m_menu .depth1 { background:none;}
#sitemap .m_menu .depth2 { display:none;}
#sitemap .m_menu .depth2 li a { color:rgba(0, 0, 0, 0.8); display:block; padding:5px 25px; text-align:left; background:#f2f2f2; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
#sitemap .m_menu .depth2 li.on a { background:rgba(0, 0, 0, 0.1); }
#sitemap .m_menu .depth2 li:last-of-type a {border-bottom:none !important;}
#sitemap .m_menu .depth3 { background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a { font-size:0.95em; display:block; padding:5px 20px 5px 35px; background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a:before { content:"· ";}
#sitemap .shadow_bg { width:100%; height:100%; position:fixed; left:0; top:0;  background:rgba(0, 0, 0, 0.8); z-index:10; display:none; }

/* 중간 레이아웃 */
#mleft_con {float:left; width:640px;}
#notice_wrap {padding-top:98px;}
#notice_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bnr_wrap {padding-top:14px; width:640px;}
#bnr_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#bnr_wrap ul, #bnr_wrap li {list-style:none; margin:0; padding:0px;}
#bnr_wrap li {float:left; padding:0 12px 7px 0;}
#facebook_wrap {width:437px; height:425px; float:right; background:#ccc; margin-top:97px;}
#bg_wrap_sub {width:1200px; margin:0 auto;}
#bg_wrap_sub #sitemap .m_menu{opacity: 0}
#wrapper {z-index:5;margin:0 auto;width:100%;border-right:0px solid #dde4e9;border-left:0px solid #dde4e9;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside_left {float:left;margin:0 0 0 -1px;margin-top:54px;width:230px;background:#fff;position: relative;}
#aside {float:right;margin:0 0 0 -1px;padding-top:15px;width:210px;border-left:1px solid #dde4e9;background:#fff;}
#aside_left h2 {text-align:center; margin-top:1px;font-size:26px;background:#06d65d;color:#fff; padding:65px 0; letter-spacing:-0.05em; font-weight:500;}
.snb_2dul { border:1px solid #d6d6d6; border-top:none; border-bottom:none;}
.snb_2dul .snb_2dli {border-bottom:1px solid #d6d6d6;}
.snb_2dul .snb_2dli > a {padding-left:25px;font-size: 16px; line-height:50px; font-weight:400;}
.snb_2dul .on {display:block; background:#101010; color:#ccc; line-height:50px;}
.snb_3dul {padding-bottom:15px;}
.on3 {padding-top:10px;}

.snb_3dul .on2 {display:block; background: url("../img/leftmenu_bg.gif") 180px 9px no-repeat;color:#000 !important; font-weight:400}
.snb_3dul .snb_3dli { font-size: 15px; line-height:26px; padding-left:20px;}
.snb_3dul .snb_3dli a { color:#666; font-weight:400;}

#container {z-index:4;position:relative;float:left;width:100%;min-height:500px;height:auto !important;height:500px;border-left:0px solid #dde4e9;font-size:1em;zoom:1}
#container_sub {z-index:4;position:relative;float:right;padding:50px 0;width:890px;min-height:700px;height:auto !important;font-size:1.2em;zoom:1;background:#fff;}
#container_sub2 {z-index:4;position:relative;padding:50px 0;width:100%;min-height:700px;height:auto !important;font-size:1.2em;zoom:1;background:#fff;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {border-bottom:1px solid #d6d6d6;font-size:40px;color:#000;font-weight:500; margin-bottom:41px;}
.sub_title {font-size:74px; color:#ddd;font-weight:900; font-family:"Roboto"; margin-bottom:20px;letter-spacing:0;}
#locaArea a, #locaArea {font-size:15px; font-weight:300; color:#666;}
#locaArea { background: url("../img/bg_loca.jpg") left center no-repeat; padding-left:15px; margin-bottom:35px; margin-top:15px;}

@media all and (max-width:1200px) {
#hd_wrapper {width:100%;}
#m_gnb .btn_sitemap {right:0;}
#m_gnb .btn_sitemap_sub {right:0;}
#logo {left:15px;}

/*팝업*/
.hd_pops{top: 100px !important;left: 0 !important}
#hd_pop{width: 95%;margin: 0 2.5%}
#hd_pop img,.hd_pops,.hd_pops_con{width: 100% !important;height:auto !important; }
/*팝업*/

#sitemap .scroll{overflow-y:scroll;}
#bg_wrap_sub {width:95%;}
#bg_wrap{width: 100% ;}
#hd {height:70px;}
#hd_wrapper {width:100%;}
#logo {top:12px;}
.right_nav {top:18px;}
#gnb, #gnb_eng {display:none;}
#hd_sub {height:70px;}
#aside_left {display:none;}
#container_sub {width:100%; padding:30px 0;}
#container_sub img {max-width:100%;}

#container_title {border-bottom:1px solid #ddd;font-size:30px;color:#111;font-weight:500; margin-bottom:41px;}
.sub_title {font-size:64px; margin-bottom:15px;}
#locaArea a, #locaArea {font-size:14px;}
#locaArea {margin-bottom:25px;}
#m_gnb .btn_sitemap {top:0;}
#m_gnb .btn_sitemap_sub {top:0;}
}
@media all and (max-width:600px) {
#container_title {font-size:26px;}
#m_gnb {width:100% !important;}
.sub_title {font-size:30px;}
#locaArea a, #locaArea {font-size:12px;}
#locaArea {background-size:12px;}
}

/*공통*/
.wrap_box {width:1200px; margin:0 auto;}
.clearfix { display: block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
* html .clearfix { height:1%; }

.ul_type1 > li { margin-bottom:7px; background:url("../img/bg_li1.png") no-repeat left 8px; padding-left:15px;}
.ul_type1 > li > ul { margin-top:5px;}
.ul_type1 > li > ul > li { margin-bottom:5px; background:url("../img/bg_li2.png") no-repeat 2px 8px; padding-left:12px;}
.ul_type1 > li:last-child { margin-bottom:0;}

/*리뉴얼컨텐츠*/
.biennale .slick-slide{height: auto; }
.section { text-align:center; position:relative;height:100% !important;}
.swiper-container1{ height: 100% !important;}
.swiper-container1 .swiper-wrapper {position:relative; width:100% !important; text-align:center !important; height: 100% !important; }
.swiper-container1 .swiper-wrapper .swiper-slide { background:#fff; height: 100% !important; }
.swiper-container1 .swiper-slide.bg1 { background:url(/tmpl/basic/img2/bg_main1_1.jpg?version=2) no-repeat center; background-size:cover; }
.swiper-container1 .swiper-slide.bg2 { background:url(/tmpl/basic/img2/bg_main1_2.jpg?version=2) no-repeat center; background-size:cover; }

#section1 {background:url(/tmpl/basic/img2/bg_main2.jpg) no-repeat center top; /*background-attachment:fixed;*/ background-size:cover;}
#section3 {background:url(/tmpl/basic/img2/bg_main3.jpg) no-repeat center top; /*background-attachment:fixed;*/ background-size:cover;}

#fp-nav a {border:0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background:rgba(159,159,159,0.33); border:none; width:16px; height:16px;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { background:#11b2a2; width:16px; height:16px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { background:#11b2a2; width:16px; height:16px;}
#fp-nav ul li:nth-of-type(1) a.active span { background:url(/tmpl/basic/img2/s1_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(2) a.active span { background:url(/tmpl/basic/img2/s2_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(3) a.active span { background:url(/tmpl/basic/img2/s3_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(4) a.active span { background:url(/tmpl/basic/img2/s4_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(1) a:hover span { background:url(/tmpl/basic/img2/s1_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(2) a:hover span { background:url(/tmpl/basic/img2/s2_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(3) a:hover span { background:url(/tmpl/basic/img2/s3_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(4) a:hover span { background:url(/tmpl/basic/img2/s4_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(1) a:hover span { background:url(/tmpl/basic/img2/s1_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(2) a:hover span { background:url(/tmpl/basic/img2/s2_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(3) a:hover span { background:url(/tmpl/basic/img2/s3_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(4) a:hover span { background:url(/tmpl/basic/img2/s4_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(1) a span { background:url(/tmpl/basic/img2/s1_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(2) a span { background:url(/tmpl/basic/img2/s2_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(3) a span { background:url(/tmpl/basic/img2/s3_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(4) a span { background:url(/tmpl/basic/img2/s4_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(1) a span { background:url(/tmpl/basic/img2/s1_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(2) a span { background:url(/tmpl/basic/img2/s2_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(3) a span { background:url(/tmpl/basic/img2/s3_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
.fp-slidesNav ul li:nth-of-type(4) a span { background:url(/tmpl/basic/img2/s4_off.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(1) a.active:hover span { background:url(/tmpl/basic/img2/s1_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(2) a.active:hover span { background:url(/tmpl/basic/img2/s2_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(3) a.active:hover span { background:url(/tmpl/basic/img2/s3_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}
#fp-nav ul li:nth-of-type(4) a.active:hover span { background:url(/tmpl/basic/img2/s4_on.png) no-repeat left top; width:40px; height:40px; border-radius:0 !important; border:0;}

#fp-nav ul li:last-child { display:none;}
.right#fp-nav { right:140px;}

@media all and (max-width:1360px) {
.right#fp-nav { right:15px;}
}


#section0 .con {position:absolute; top:620px; left:50%; margin-left:-600px; color:#fff; width:1200px; z-index:100 !important; }
#section0 .con .top_box .top_left {float:left; width:60%;}
#section0 .con .top_box .top_right {width:37.5%; margin-left:62.5%;}
#section0 .con .top_box .top_right img { width:100%;}
#section0 .con .top_box .top_con {margin-bottom:30px;}
#section0 .con .top_box .top_con img {width:100%;}
#section0 .con .top_box .top_con_mo {display:none;}

#section0 .con .top {background:#e6e6e6 url("../img/bg_main_top.png") right center no-repeat; width:100%; height:140px; margin-bottom:30px; box-sizing:border-box;padding:15px 30px; position: relative; transition: all .3 ease;}
#section0 .con .top .line_button{position: absolute; top:50%; right:30px; transform: translate(0, -50%); border:2px solid #06d65d; padding:10px 20px; border-radius: 50px; font-size:20px; font-weight: 500; background:rgba(255,255,255,0.9); color:#06d65d; }
#section0 .con .top:hover .line_button{background:#06d65d; color:#fff;}

#section0 .con .top.tradi {background:#424f7b url("../img/bg_2020_tradi.jpg") right center no-repeat; width:100%; height:140px; margin-bottom:30px;font-family: 'S-CoreDream-9Black';box-sizing:border-box;}

#section0 .con .top .craft_tit {color:#06d65d;font-size:48px;letter-spacing:-0.025em;text-align:left;font-family: 'S-CoreDream-5Medium';}
#section0 .con .top .craft_tit span {padding-left:20px;font-family: 'S-CoreDream-9Black';}
#section0 .con .top .craft_desc {color:#111;font-size:18px;text-align:left;font-family: 'S-CoreDream-3Light';padding-top:5px;}
#section0 .con .top .craft_desc.eng {font-size:16px;}
#section0 .con .top .craft_desc.eng span {display:block;}
#section0 .con .top .craft_btn {position:absolute;right:5%;top:50%;transform:translate(0, -50%);background:#fff;border:3px solid #06d65d;font-size:1.5em;font-family: 'S-CoreDream-5Medium';border-radius:60px;}
#section0 .con .top .craft_btn a {color:#06d65d;display:inline-block;padding:15px 30px;}


@media all and (max-width:1400px) {
#section0 .con .top .craft_day {width:21%;}
}

@media all and (max-width:1200px) {
#section0 .con .top .craft_desc {font-size:16px;}
#section0 .con .top .craft_desc span {display:inline;}
#section0 .con .top .craft_desc span:before {content:" / ";}
#section0 .con .top .craft_desc span:after {content:" / ";}
}

@media all and (max-width:1041px) {
#section0 .con .top .craft_tit {font-size:36px;}
#section0 .con .top .craft_desc {font-size:16px;}
#section0 .con .top .craft_desc span:after {display:block;content:"";}
}

@media all and (max-width:820px) {
#section0 .con .top {background-size:50%;background-position:right bottom;}
#section0 .con .top .craft_tit {font-size:34px;}
#section0 .con .top .craft_tit.eng {font-size:24px;}
#section0 .con .top .craft_desc.eng {font-size:14px;}
#section0 .con .top .craft_desc.eng span {display:inline;}

#section0 .con .top.eng {padding:30px;}
#section0 .con .top .craft_btn {font-size:1.2em;border-radius:60px;top:auto;bottom:15px;transform:translate(0, 0);}
#section0 .con .top .craft_btn a {padding:7px 15px;}
}

@media all and (max-width:700px) {
#section0 .con .top .craft_tit {font-size:30px;}
#section0 .con .top .craft_tit.eng {font-size:20px;}
#section0 .con .top .craft_tit span {padding-left:0;}
#section0 .con .top .craft_desc span:after {display:inline;}
}

@media all and (max-width:600px) {
#section0 .con .top {height:auto;box-sizing:border-box;}
#section0 .con .top.tradi {padding:20px 10px;height:auto;box-sizing:border-box;background-size:contain;}

#section0 .con .top .craft_tit {font-size:24px;}
#section0 .con .top .craft_desc span {display:block;}
#section0 .con .top .craft_desc span:before {content:"";}
#section0 .con .top.eng, #section0 .con .top {padding:20px;}
}

@media all and (max-width:420px) {
#section0 .con .top .craft_tit {font-size:17px;}
#section0 .con .top .craft_tit span {display:inline;}
#section0 .con .top .craft_desc {font-size:12px;}
#section0 .con .top .craft_desc.eng {font-size:12px;}
#section0 .con .top .craft_btn {font-size:1em;border-radius:60px;bottom:40px;}
#section0 .con .top .craft_btn.eng {bottom:60px;}
#section0 .con .top .craft_btn a {padding:5px 10px;}
}


#section0 .con .bottom .left {float:left; width:60%;}
#section0 .con .bottom .left .tab {overflow: hidden;}
#section0 .con .bottom .left .tab button.active {background-color:rgba(255,255,255,1); color:#000; border-bottom:1px solid #fff;}
#section0 .con .bottom .left .tab button:hover, .tab button.active:hover {background-color:#f3f3f3;}
#section0 .con .bottom .left .tab button {float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; width:50%; background-color:#f3f3f3; color:rgba(255,255,255,0.5); color:#666; font-weight:500; border:1px solid #ddd; }
#section0 .con .bottom .left .tab.new button {width:33.33%;}
#section0 .con .bottom .left .tabcontent {display: none; padding: 45px 50px; border-top: none; background:rgba(255,255,255,1); text-align:left; font-size:16px; height:246px; box-sizing:border-box; border:1px solid #ddd; border-top:none}
#section0 .con .bottom .left .tabcontent li {margin-bottom:7px;}
#section0 .con .bottom .left .tabcontent li a {position:relative; background: url("../img/notice_dot.png") left center no-repeat; color:#000; display:block; }
#section0 .con .bottom .left .tabcontent li a span {position:absolute; right:0; color:#666;}

#section0 .con .bottom .right {width:37.5%; margin-left:62.5%;}
#section0 .con .bottom .right .swiper-container2 {position:relative; overflow:hidden; width:100% !important;}
#section0 .con .bottom .right .swiper-container2 .swiper-wrapper {position:relative; }
#section0 .con .bottom .right .swiper-container2 .swiper-wrapper .swiper-slide { height:300px;}
#section0 .con .bottom .right .swiper-container2 .swiper-pagination-bullet { background:#ccc !important; width:14px !important; height:14px !important; opacity:1 !important; margin:0 5px !important;}
#section0 .con .bottom .right .swiper-container2 .swiper-pagination-bullet-active { background:#06d65d !important;}
#section0 .con .bottom .right .swiper-container2 .swiper_btn { position:absolute; left:auto !important; width:auto !important; z-index:500 !important; bottom:15px; right:15px !important;}

#section0 .banner_box {position:absolute; bottom:0; background:#fff; height:106px; display:inline-block; z-index:10000; width:100%; left:0;display:none;}
#section0 .banner_box .banner {padding:38px 0;}
#section0 .banner_box .banner .slide_area {position:relative; height:48px; float:left; width:86%;text-align:center;}
#section0 .banner_box .banner .slide_area ul {display:inline-block;}
#section0 .banner_box .banner .slide_area li { text-align:center;float:left;}
#section0 .banner_box .banner .slide_area li img {width:150px !important; height:30px !important;margin:0 auto;}
#section0 .banner_box .banner .slide_area li a { display:block;}
#section0 .banner_box .banner .slide_ctrl { float:right; box-sizing:border-box;width:14%;}
#section0 .banner_box .banner .slide_ctrl img {width:30px;}
#section0 .banner_box .banner .slide_ctrl a {text-align:center; box-sizing:border-box; cursor:pointer;padding:0 3px;}

#section1 .con {margin-top:60px;}
#section1 .con h2 {font-size:34px; color:#111; letter-spacing:-0.05em; line-height:1.2em;}
#section1 .con p {font-size:52px; font-weight:500; letter-spacing:-0.05em; margin-bottom:40px;}
/*#section1 .con p span {color:#f35c69;}*/
#section1 .con .left {float:left; width:48.75%; margin-right:2.5%;}
#section1 .con .left .youtube_box {position:relative; margin-bottom:30px;height:328px;}
#section1 .con .left .youtube_box iframe {width:100%; height:328px;}
#section1 .con .left .youtube_box .sns_btn_youtube {position:absolute; bottom:0; right:0;}
#section1 .con .left .facebook_box {position:relative; background:#333; padding:36px; box-sizing:border-box;/*background:#4267b2;*/}
#section1 .con .left .facebook_box .img {float:left; width:156px; height:156px;}
#section1 .con .left .facebook_box .img img {width:100%; height:100%;}
#section1 .con .left .facebook_box .desc {text-align:left; margin-left:192px; height:156px;overflow:hidden;line-height:1.7em;}
#section1 .con .left .facebook_box .desc a {color:#ccc; font-size:16px;}
#section1 .con .left .facebook_box .sns_btn_facebook {position:absolute; bottom:0px; right:0;}
#section1 .con .right {width:48.75%; margin-left:51.25%;}
#section1 .con .right .instagram_box {position:relative;}
#section1 .con .right .instagram_box > ul > li {float:left; width:50%;}
#section1 .con .right .instagram_box .container_insta {position: relative; width: 100%; height:293px;}
#section1 .con .right .instagram_box .container_insta .image {display: block; width: 100%; height: auto;}
#section1 .con .right .instagram_box .container_insta .overlay_insta {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(242,47,111,0.8);}
#section1 .con .right .instagram_box .container_insta:hover .overlay_insta {opacity: 1;}
#section1 .con .right .instagram_box .container_insta .overlay_insta .text {color: white; font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;text-overflow: ellipsis;overflow: hidden; height:170px;width:200px;}
#section1 .con .right .instagram_box .sns_btn_instagram {position:absolute; bottom:0px; right:0;}
#section1 .hide{position: absolute;font-size: 28px;color: #fff;bottom: 35px;text-align: center;width: 100%;}

#section2 h2 {color:#111; font-size:48px; letter-spacing:-0.025em; font-weight:500; font-family:"Roboto"; margin:80px 0 20px 0;}
#section2 .tab {overflow: hidden; border: 1px solid #ccc; background-color: #fff; width:31.25%; margin:0 auto;}
#section2 .tab .tablinks2 {width:33.33%; background:#fff; box-sizing:border-box;}
#section2 .tab .tablinks2.line {border-left:1px solid #ccc; border-right:1px solid #ccc;}
#section2 .tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 20px;}
#section2 .tab button:hover {background-color: #f2f2f2;}
#section2 .tab button.active2 {background-color: #06d65d; color:#fff;}

#section2 .about_slider_wrapper {position:relative; width:80.5%; margin:47px auto 0 auto; height:551px;}
#section2 .about_slider_wrapper .btn_arrow {position:absolute; right:0; top:-80px;}
#section2 .about_slider_wrapper .btn_arrow .btn_about {display:inline-block; margin:0 6px;}
#section2 .about_slider_wrapper .about_page {margin-top:60px; display:inline-block;}
#section2 .about_slider_wrapper .about_page .bullet { background:#ccc !important; width:14px !important; height:14px !important; opacity:1 !important; margin:0 5px !important; display:inline-block; cursor: pointer; border-radius:100%;}
#section2 .about_slider_wrapper .about_page .bullet.active {background:#11b2a2 !important; display:inline-block;}
#section2 .about_box {float:left; width:20%; padding:0 15px; box-sizing:border-box;}
#section2 .about_box.mgR {margin-right:0;}
#section2 .about_box .img {position:relative; width:100%; height:392px;}
#section2 .about_box .img.line {box-sizing:border-box; border:1px solid #ddd;}
#section2 .about_box .img img {width:100%; height:100%;}
#section2 .about_box .img .overlay {position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease; background: rgba(0,0,0,0.8); z-index:50; box-sizing: border-box; text-align:center;}
#section2 .about_box:hover .overlay {opacity: 1;}
#section2 .about_box .img .overlay .p_desc2 {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color:#fff; font-size:16px;}
#section2 .about_box .img .overlay .p_desc2 span {display:block; color:#fe6577;}
#section2 .about_box .img .overlay .hover {display:none;/*background: url("../img/about_arrow.png") center no-repeat; display:inline-block; width:40px; height:40px; text-indent:-9999px;  transition:transform 0.3s;*/}
#section2 #ebook .about_box .img .overlay .hover {background: url("../img/about_arrow.png") center no-repeat; display:inline-block; width:40px; height:40px; text-indent:-9999px;  transition:transform 0.3s;}
#section2 .about_box .img .overlay .hover:hover {transform:rotate(180deg);}
#section2 .about_box .con {padding-top:30px;}
#section2 .about_box .con h3 {font-size:18px; padding:0 10px; height:27px; overflow:hidden;}
#section2 .about_box .con .p_desc1 {font-size:16px; color:#808080; padding:0 10px; height:24px; overflow:hidden;}
#section2 .slick-dots {bottom:0 !important;}

#section3 .wrap_box .con {padding-left:55%; box-sizing:border-box; text-align:left;}
#section3 .wrap_box .con h2 {color:#fff; font-weight:500; font-family:"Roboto"; font-size:48px;}
#section3 .wrap_box .con .map_box {height:200px; background:#fff; box-sizing:border-box; margin:15px 0 30px 0;}
#section3 .wrap_box .con .map_box iframe{width: 100%}
#section3 .wrap_box .con .tab {overflow: hidden; background-color: #333; color:#fff;}
#section3 .wrap_box .con .tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 13px 16px; transition: 0.3s; font-size: 16px; background:#333; color:rgba(255,255,255,0.6);}
#section3 .wrap_box .con .tab button.active3 {background-color: #fff; color:#333;}
#section3 .wrap_box .con .tab .tablinks3 {width:50%;}
#section3 .wrap_box .con .tabcontent3 {display: none; padding: 20px; border-top: none; background:#fff; box-sizing:border-box; height:205px;}
#section3 #car h3 {text-align:center; font-size:14px; color:#666; margin-bottom:10px;}
#section3 #car h3 span {font-size:15px; color:#333; display:block; font-weight:500;}
#section3 #car .list li {float:left; width:49%; border:1px solid #ddd; padding:9px; font-size:14px; color:#666; width:49%; box-sizing:border-box; text-align:center;}
#section3 #car .list li:nth-of-type(1), #section3 #car .list li:nth-of-type(3) {margin-right:2%;}
#section3 #car .list li:nth-of-type(1), #section3 #car .list li:nth-of-type(2) {margin-bottom:10px;}

#section3 #public .ul_type1 > li {font-size:14px; line-height:1.2em;}
#section3 #public .ul_type1 > li > ul > li span {color:#eb4433;}
#section3 #public {position:relative;}
#section3 #public .btn_public {position:absolute; right:20px; bottom:20px; display:inline-block; padding:10px 20px; color:#fff; background:#111; transition: .3s ease;}
#section3 #public .btn_public:hover {background:#fe6577; color:#fff; transition: .3s ease;}
#section3 .info_box {margin-top:30px;}
#section3 .info_box li {float:left; width:50%; box-sizing:border-box; padding-left:15%; height:54px; line-height:54px;color:#fff; font-size:15px;}
#section3 .info_box .tel {background: url("../img/bg_tel.png") 10px center no-repeat;}
#section3 .info_box .email {background: url("../img/bg_email.png") 10px center no-repeat;}
#section3 .info_box .fax {background: url("../img/bg_fax.png") 10px center no-repeat;}

#section4 .footer {position:relative; text-align:left; padding:40px 0; box-sizing:border-box;}
#section4 .footer .address {font-size:16px; color:#666;}
#section4 .footer .address .pa_left { padding-left:30px;}
#section4 .footer .copy {font-size:15px; color:#999; margin-top:20px;}
#section4 .footer .btn_sns_box {position:absolute; right:0; top:58px;}
#section4 .footer .btn_sns_box a {margin-left:18px;}

@media all and (max-width:1400px) {
#section2 .tab {width:50%;}
#section2 .about_box .img {height:284px;}
}
@media all and (max-width:1300px) {
#section2 .tab {width:70%;}
#section2 .about_slider_wrapper {width:1200px; height:auto;}
#section2 h2 {margin:40px 0 20px 0;}
#section2 .slick-dots {bottom:-70px !important;}
#section2 .about_box .img .overlay .p_desc2 {font-size:15px;}
}

@media all and (max-width:1200px) {
#section3 #public .btn_public{position:relative;left: 0;bottom: 0;margin-top: 10px}
#bg_wrap{overflow-x: hidden;}
#section0 .con {position:absolute; /*top:22%;*/ left:50%; width:90%;transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); margin-left:0;}
.wrap_box {width:95%;}
.wrap_box img {width:100%;}

/*#section0 .con .top .left {width:45%;}
#section0 .con .top .left:after {left:45%;}
#section0 .con .top .right {width:55%; margin-left:45%;}
#section0 .con .top .left img {width:80%; padding-top:10px;}
#section0 .con .top .left.eng img {width:90%; padding-top:10px;}
#section0 .con .top .right .day {font-size:40px;}
#section0 .con .top .right .desc {font-size:15px;}*/

#section0 .con .bottom .left .tabcontent {padding:24px 30px; box-sizing:border-box;height:auto;}
#section0 .con .bottom .left .tabcontent li {margin-bottom:0;}
#section0 .con .bottom .left .tabcontent li a {height:26px; overflow-y:hidden; font-size:14px;}
#section0 .con .bottom .left .tabcontent li a span {display:none;}
#section0 .con .bottom .right img {width:100%;height:100%;}
#section0 .con .bottom .right .swiper-container2 .swiper-wrapper .swiper-slide {height:232px;}

#section1 .con h2 {font-size:22px;}
#section1 .con p {font-size:44px;}
#section1 .con .left .youtube_box {height:276px;}
#section1 .con .left .youtube_box iframe {height:276px;}
#section1 .con .left .facebook_box {padding:30px;}
#section1 .con .left .facebook_box .img {width:90px; height:90px;}
#section1 .con .left .facebook_box .desc {margin-left:120px; height:85px; line-height:1.7em;}
#section1 .con .left .facebook_box .desc a {font-size:14px;}
#section1 .con .right .instagram_box .container_insta {height:228px;}
#section1 .con .right .instagram_box .container_insta .overlay_insta .text {font-size:14px; width:180px; height:100px;}

#section2 .about_slider_wrapper .btn_arrow img {width:37px;}
#section2 h2 {font-size:46px;}
#section2 .tab button {font-size:16px; padding: 10px;}
#section2 .about_slider_wrapper {width:95%; height:auto;}
/* #section2 .about_box .img {height:auto;} */
#section2 .about_box .img {height:223px;}
#section2 .about_box .con {padding-top:20px;}
#section2 .about_box .con h3 {font-size:16px;}
#section2 .about_box .con .p_desc1 {font-size:14px;}
#section2 .about_box .img .overlay .p_desc2 {font-size:14px;}
#section2 .about_box .img .overlay .hover {width:30px; height:30px;}
#section2 .slick-prev {right:50px;}
#section2 .slick-prev, #section2 .slick-next {background-size:40px; background-repeat:no-repeat;}

#section3 .info_box {margin-top:20px;}
#section3 #car h3 {font-size:13px;}
#section3 #car h3 span {font-size:14px;}
#section3 .wrap_box .con {margin-top:30px;}
#section3 .wrap_box .con h2 {font-size:46px;}
#section3 .wrap_box .con .tabcontent3 {height:auto; padding:15px;}
#section3 .wrap_box .con .tab button {font-size:14px; padding:10px;}
#section3 #car .list li {float:left; width:100%; border:1px solid #ddd; padding:5px; font-size:13px;margin-bottom:3px;}
#section3 #car .list li:nth-of-type(1), #section3 #car .list li:nth-of-type(3) {margin-right:0;}
#section3 #car .list li:nth-of-type(1), #section3 #car .list li:nth-of-type(2) {margin-bottom:3px;}
#section3 #public .ul_type1 > li {font-size:13px;}
#section3 .info_box li {font-size:13px; padding-left:10%;}
#section3 .info_box .tel, #section3 .info_box .email, #section3 .info_box .fax {background-size:35px; background-position:left center;}

#section4 .footer .address {font-size:14px;}
#section4 .footer .copy {font-size:13px;}
#section4 .footer .btn_sns_box a {margin-left:8px;}
#section4 .footer .btn_sns_box img {width:40px;}
}
@media all and (max-width:1024px) {
.section {height:auto !important;}
.swiper-container1 { height: auto !important;}
.swiper-container1 .swiper-wrapper {height: 900px !important; }
.swiper-container1 .swiper-wrapper .swiper-slide { height: 900px !important; }
.swiper-container1 .swiper-slide.bg1 { height: 900px !important;}
.swiper-container1 .swiper-slide.bg2 { height: 900px !important;}
.section .fp-tableCell {height:auto !important;}
#section1 .con {margin:60px auto;}
#section2 .fp-tableCell {padding:20px 0 150px 0;}
#section3 .wrap_box .con {margin:60px 0;}
}

@media all and (max-width:820px) {
#logo {top:17px;}
#logo img {height:34px;}


#section0 .con {top:230px;}

#section0 .con .top_box .top_left {width:100%; float:none;}
#section0 .con .top_box .top_right {width:80%; margin-left:0; margin:20px auto 0 auto !important; position: relative; display: block;}
#section0 .con .top_box .top_right a{display: block;}
#section0 .con .top_box .top_con {width:80%;margin:0 auto;}

#section0 .con .top, #section0 .con .top.tradi {width:80%; margin:0 auto;}
/*
#section0 .con .top .left {padding:10px; }
#section0 .con .top .left {float:none;width:100%; margin-bottom:0;}

#section0 .con .top .left img {width:60%;padding-top:0;}
#section0 .con .top .left.eng img {width:70%;padding-top:0;}
#section0 .con .top .left:after {background:none;}
#section0 .con .top .right {width:100%; margin-left:0; margin-top:0;}
#section0 .con .top .right .day {width:45%;font-size:36px;}
#section0 .con .top .right .desc {margin-left:45%;font-size:13px;width:55%;}
*/

#section0 .con .bottom .left {width:80%; margin:20px auto; float:none;}
#section0 .con .bottom .left .tab button {font-size:14px; padding:10px;}
#section0 .con .bottom .right {width:80%; margin-left:0; margin:0 auto;}
#section0 .con .bottom .right img {height:100%;}

#m_gnb .btn_sitemap, #m_gnb .btn_sitemap_sub {top:0;}
#section0 .banner_box .banner .slide_area {width:80%;}
#section0 .banner_box .banner .slide_ctrl { width:20%;}

#section1 .con h2 {font-size:18px;}
#section1 .con p {font-size:30px; margin-bottom:20px;}
#section1 .con .left { float:none; width:80%; margin-right:0; margin:0 auto;
  /* display: block; float: none;
  border: 3px red solid; */
}
#section1 .con .left .youtube_box {margin-bottom:20px !important;}
#section1 .con .right {width:80%; margin-left:0; margin:0 auto;
  /* display: block;
  position: absolute; top: 100px; left: 0; */
  /* border: 2px red solid; */
  /* display: block; float: none; */
  /* display: none;  */
}
#section1 .con .right .instagram_box {min-height: 142px; margin-top:20px;}
#section1 .con .right .instagram_box > ul > li {width:25%;}
#section1 .con .right .instagram_box .container_insta {height:142px;}
#section1 .con .right .instagram_box .container_insta .overlay_insta .text {width:100%;padding:0 20px;box-sizing:border-box;}
#section1 .con .right .instagram_box .container_insta .overlay_insta .hide {display:none;}

#section2 .fp-tableCell {padding:0;}
#section2 {padding:30px 0 50px 0;}
#section2 h2 {font-size:36px; margin:0 0 20px 0;}
#section2 .about_box .img {/*height:auto;*/ height:311px;}
#section2 .tab button {font-size:14px;}
#section2 .slick-dots {display:none !important;}

#section3 {padding:50px 0;}
#section3 .wrap_box .con h2 {font-size:36px;}
#section3 {background:url(/tmpl/basic/img2/bg_main3_mo.jpg) no-repeat center; background-size:cover;}
#section3 .wrap_box .con {background:rgba(17,178,162,0.9); padding:30px; width:80%; margin:0 auto;}
#section3 .wrap_box .con .map_box {margin:15px 0 20px 0;}
#section3 .info_box {margin-top:10px;}

#section4 .footer .btn_sns_box {position:relative; top:0; margin-top:20px;}
}







@media all and (max-width:667px) {
#section2 .about_box .img {height:253px;}
}






@media all and (max-width:600px) {
#section0 .banner_box .banner .slide_area {width:70%;}
#section0 .banner_box .banner .slide_ctrl { width:30%;}
/*#section0 .con .top .left img {width:80%;}
#section0 .con .top .left.eng img {width:90%;}
#section0 .con .top .right .day {width:40%;}
#section0 .con .top .right .desc {margin-left:40%;width:60%;}*/
#section0 .con .top_box .top_con_mo {display:block;width:80%;margin:0 auto;}
#section0 .con .top_box .top_con_mo img {width:100%;}
#section0 .con .top_box .top_con {display:none;}

#section2 .tab {margin-bottom:70px !important;}

#section3 .info_box li {float:none; width:100%;}
#section3 .info_box li {padding-left:12%;}
#section3 .wrap_box .con .tab button {font-size:13px;}
}






@media all and (max-width:530px) {
/*#section0 .con .top .right .desc span {display:inline;}*/
}






@media all and (max-width:440px) {
#section0 .con .top_box .top_right {width:90%;}
#section0 .con .top_box .top_con_mo {width:90%;}
#section0 .con .top, #section0 .con .top.tradi {width:90%;}
/*#section0 .con .top .left { padding:0;}
#section0 .con .top .left img {width:70%;}
#section0 .con .top .left.eng img {width:80%;}
#section0 .con .top .right {margin-top:5px;}
#section0 .con .top .right .day {font-size:30px;}
#section0 .con .top .right .desc {font-size:12px;line-height:1.2em;}*/
#section0 .con .bottom .left {width:90%;}
#section0 .con .bottom .left .tabcontent li a {height:24px;}
#section0 .con .bottom .right {width:90%;}
#section0 .banner_box {height:60px;}
#section0 .banner_box .banner {padding:15px 0;}
#section0 .banner_box .banner .slide_area {width:72%;}
#section0 .banner_box .banner .slide_ctrl { width:28%;}
#section0 .banner_box .banner .slide_ctrl a {padding:0 2px;}

#section1 .con p {line-height:1.2em;}
#section1 .con .left .youtube_box {height:200px;}
#section1 .con .left .youtube_box iframe {height:200px;}
#section1 .con .right .instagram_box .container_insta {height:160px;}
#section1 .con .right .instagram_box > ul > li {width:50%;}

#section2 {padding:50px 0 70px 0;height:auto !important;}
#section2 h2 {margin:0 0 15px 0;}
#section2 .tab button {font-size:12px;}
#section2 .about_box .img {width:55%; /*height:auto;*/ margin:0 auto;}
#section2 .slick-next, #section2 .slick-prev {width:40px; height:40px;background-size:40px;}
#section2 .about_slider_wrapper {margin:77px auto 0 auto;}

#section3 .info_box li {float:none; width:100%; padding-left:20%;}
#section3 .wrap_box .con {width:90%;}

#section4 .footer {padding:30px 0; }
#section4 .footer.wrap_box {width:90%;}
#section4 .footer .pa_left.email {display:block; padding-left:0;}
#logo {top:20px;}
#logo img {height:30px;}
}






@media all and (max-width:400px) {
#logo {top:20px;}
#logo img {height:26px;}
#section0 .banner_box .banner .slide_area {width:65%;}
#section0 .banner_box .banner .slide_ctrl { width:35%;}

#section1 .con .right .instagram_box .container_insta {height:140px;}

#section2 .about_box .img {height:224px;}
#section2 .about_box .img .overlay .p_desc2 {padding:20px 10px;}
#section2 .tab {width:80%;}
}

#bannerWrap {width:100%; margin:0 auto;background:#fff;}






/* 하단 레이아웃 */
#ft {padding:40px 0; border-top:1px solid #d6d6d6;}
#ft_copy {position:relative; width:1200px; margin:0 auto;}
#ft_copy:after {display:block;visibility:hidden;clear:both;content:""}
#ft_copy div {position:relative;font-size:16px;color:#666;}
#ft_copy div .pa_left { padding-left:30px;}
#ft_copy .copy {font-size:15px; color:#999; margin-top:20px;}
#ft_copy #ft_icon_wrap {position:absolute;top:18px;right:0}
#ft_copy #ft_icon_wrap a {margin-left:18px;}



@media all and (max-width:1200px) {
#ft_copy {width:100%;}
}
@media all and (max-width:1041px) {
#ft_copy div {font-size:14px;}
#ft_copy {width:95%;}
#ft_copy .copy {font-size:13px;}
#ft_copy #ft_icon_wrap img {width:40px;}
#ft_copy #ft_icon_wrap a {margin-left:8px;}
}

@media all and (max-width:800px) {
#ft_copy #ft_icon_wrap {position:relative; top:0; margin-top:20px;}
}
@media all and (max-width:440px) {
#ft_copy .pa_left.email {display:block;padding-left:0;}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
/* .tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} */
.tbl_head01 thead th {padding:10px;border-top:2px solid #000;border-bottom:1px solid #000;background:#4c4c4c;color:#fff;font-size:14px;text-align:center;}
.tbl_head01 thead a {color:#fff}
.tbl_head01 thead th input {vertical-align:middle} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
/* .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #000;border-bottom:1px solid #ddd;background:#f5f5f5;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #acacac;line-height:1.4em;}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}




@media all and (max-width:820px) {
.tbl_head01 td {line-height:1.4em;}
.mobile_x {display:none;}
}



/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family: 'Noto Sans Korean', sans-serif;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}



/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:20px 0 ;padding: 0 0;text-align:center;font-size:1.083em}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0;width:30px;height:30px;color:#000;letter-spacing:0;line-height:30px;border:1px solid #eee;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start{background:url('../img/page_btn.gif') no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_prev {background:url('../img/page_btn.gif') no-repeat -30px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_end{background:url('../img/page_btn.gif') no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_next {background:url('../img/page_btn.gif') no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_current {display:inline-block;margin:0;color:#fff;background:#444;text-decoration:none;font-weight:bold;}

/* 화면 전환 */
#device_change {display:block;margin:0.3em 0 0;padding:0.7em 0;border:0px solid #ddd;border-radius:0.0em;background:#f5f5f5;color:#000;font-size:1.1em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/* powered by */
#powered_by {padding:6px 10px; font-size:10px; color:#777; text-align:center}
#powered_by a {color:#555; /*text-decoration:none*/}




/* 탭메뉴 (2017.01.10 js) */
#board_container ul.tabs {
	margin: 0;
	padding: 0;
	/*float: left;*/
	list-style: none;
	height: 52px;
	border-left: 1px solid #ccc;
	width: 100%;
	margin-bottom:10px;
	font-size:15px;
	display: block;

}
#board_container ul.tabs li {
	float: left;
	text-align:center;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ccc;
	border-left: none;
	background: #fafafa;
	overflow: hidden;
	position: relative;
	color:#646464
}

#board_container ul.tabs li a{
display: block;
height: 100%;
}
#board_container ul.tabs li.active {
	background: #FFFFFF;
	border-bottom:1px solid #fff;
	color:#000;
	font-weight: bold;
}

.tab_container:after {display:block;visibility:hidden;clear:both;content:""}
/*#board_container ul.tabs {border:1px solid red;}
#board_container ul.tabs:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}*/


@media all and (max-width:768px) {
#board_container ul.tabs li {font-size:0.875em;box-sizing:border-box;}
#bo_gall .gall_li {float:none !important; text-align:center !important;width:100% !important;}
}




/*디데이*/
#dday {position:absolute; top:39px; left:441px; background:#068f57; height:41px; color:#fff; margin-left:14px;}
#dday .d2017 {padding:6px 7px 0 7px; float:left; line-height: 15px;}
#dday .d_wrap {float:left; font-size:30px; line-height:41px; margin-right:3px;}
#dday .dday_d {color:#068f57; background:#fff; height:35px;padding:0 3px; margin-left:3px;  font-weight:500; text-align:center;}

/*기본조절*/
.pdt50 {padding-top:50px;}
.pdt30 {padding-top:30px;}
.pdt20 {padding-top:20px;}
.pdt10 {padding-top:10px;}

.pdb100 {padding-bottom:100px;}
.pdb50 {padding-bottom:50px;}
.pdb30 {padding-bottom:30px;}
.pdb10 {padding-bottom:10px;}

.mgt50 {margin-top:50px;}
.mgt30 {margin-top:30px;}
.mgt10 {margin-top:10px;}

.mgb50 {margin-bottom:50px;}
.mgb30 {margin-bottom:30px;}
.mgb10 {margin-bottom:10px;}

.fs35 {font-size:38px;}
.fs25 {font-size:27px;}
.fs18 {font-size:20px;}
.fs14 {font-size:18px;}
.fs13 {font-size:16px;}


/*서브페이지*/
/*기획전,세계관,페어*/
.menu01010201 {clear:both;}
.menu01010201 h3 {text-align:center; font-weight:normal;}
.menu01010201 .stitle {text-align:center; line-height:30px;}
.menu01010201 .title {text-align:center; font-weight:bold;}
.menu01010201 p {line-height:30px; text-align:justify;}
.menu01010201 span {font-weight:bold; display:block}

/*척주공예비엔날레소개-개요*/
.menu01020101 {clear:both;}
.menu01020101 h3 {text-align:center}
.menu01020101 p {line-height:35px; text-align:justify;}

/*학술*/
.menu01010301 {text-align:center; clear:both;}
.menu01010301 h3 { font-weight:normal;}
.menu01010301 .stitle {line-height:30px; font-weight:bold;}
.menu01010301 .title {font-weight:bold;}
.menu01010301 p {line-height:30px; }
.menu01010301 span { font-weight:bold; display:block; font-size:14px;}

/*공모전*/
.menu01020101 {line-height:30px; }
.menu01020101 table {border-collapse:collapse; width:100%; text-align:center; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; line-height:1.4em;}
.menu01020101 th {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:15px 0; text-align:center; background:#f8f8f8;}
.menu01020101 td {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:15px 0; border-bottom:1px solid #e6e6e6;  text-align:center;}

/*청주공예페어 소개*/
.menu0201 {line-height:30px; }
.menu0201 h3 {text-align:center;}

/*인사말*/
.menu03010101 {line-height:30px;}
.menu03010101 span {font-weight:bold;}

/*심볼*/
.menu03010101 {line-height:30px;}
.menu03010101 ul {width:571px; margin:0 auto;}
.menu03010101 ul:after {display:block;visibility:hidden;clear:both;content:""}
.menu03010101 li {float:left; padding:0 13px;}

@media all and (max-width:768px) {
.menu01020101 th, .menu01020101 td {padding:10px;font-size:0.875em;}
}
@media all and (max-width:600px) {
.menu01020101 .table_box {width:100%;overflow-x:scroll;}
.menu01020101 table {width:500px !important;}
}
@media all and (max-width:440px) {
.menu03010101 li {width:168px;}
}


/*오시는길*/
.menu03060101 .map {background: url('../img/map_dot.gif') 0 6px no-repeat; }
.menu03060101 table {border-collapse:collapse; width:100%; text-align:center; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; line-height:30px;}
.menu03060101 thead th {background:#ccc; color:#000; font-weight:normal;}
.menu03060101 th {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:15px 0; background:#f8f8f8; font-weight:normal;}
.menu03060101 td {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:15px; border-bottom:1px solid #e6e6e6;}
.menu03060101 .blue {color:#035981; font-weight:bold; font-size:18px;}
.menu03060101 ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height:47px;
    border-bottom: 2px solid #ccc;
    width: 100%;
}
.menu03060101 ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    height:45px;
    line-height: 45px;
    border: 2px solid #ccc;
    background: #ccc;
    overflow: hidden;
    position: relative;
	color:#000 !important;
}
.menu03060101 ul.tabs li.active {
    background: #fff;
    border-bottom: 2px solid #fff;
	color:#000;
}
.menu03060101 .tab_container {
	padding-top:20px;
    border-top: none;
    clear: both;
    background: #FFFFFF;
}
.menu03060101 .tab_content {
    padding: 0px;
    display: none;
}
.menu03060101 .tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.menu03060101 .tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
.menu03060101 .tabcontent{
	position:absolute;
	top:-10000px;
	left:-10000px;
}
.menu03060101 .tabcontent.current{
	display:block;
	position:static;
}

/*조직도*/
.menu03030101 {line-height:30px;}
.menu03030101 h3 {background: url('../img/map_dot.gif') 0 12px no-repeat; padding-left:10px}
.menu03030101 table {border-collapse:collapse; width:100%; text-align:center; border-top:2px solid #ccc; border-bottom:1px solid #e6e6e6; line-height:30px;box-sizing:border-box;}
.menu03030101 thead th {background:#fff; color:#000; font-weight:normal;}
.menu03030101 th {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:15px 0; background:#f8f8f8; font-weight:normal;}
.menu03030101 td {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:10px; border-bottom:1px solid #e6e6e6; line-height:20px; }


@media all and (max-width:600px) {
.menu03030101 table {font-size:0.75em !important;}
.menu03030101 table td {line-height:1.4em !important;padding:2px !important;}
}


/*예매정보*/
.booking_info {line-height:30px;}
.booking_info h3 {background: url('../img/map_dot.gif') 0 12px no-repeat; padding-left:10px; font-size:18px;}
.booking_info .table1 {border-collapse:collapse; width:100%; text-align:center; border-top:2px solid #4d4d4d; border-bottom:1px solid #e6e6e6; line-height:30px;}
.booking_info .table1 thead th {background:#fff; color:#000; font-weight:normal; font-weight:700; border-bottom:1px solid #d5caa2; font-size:1.2em;}
.booking_info .table1 th {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:15px 0; background:#fafafa; font-weight:normal;}
.booking_info .table1 td {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:10px; border-bottom:1px solid #e6e6e6; line-height:20px; }

.booking_info .table2 {border-collapse:collapse; width:100%; text-align:left; border-top:2px solid #4d4d4d; border-bottom:1px solid #e6e6e6; line-height:30px;}
.booking_info .table2 th {padding:10px 15px;  background:#fafafa; color:#000; font-weight:normal; border-top:1px solid #ccc;}
.booking_info .table2 td {padding:10px 15px; border-top:1px solid #e6e6e6; }

.booking_info .t_l {text-align:left; padding-left:20px;}

/*예약하기*/
.booking {line-height:30px;}
.booking h3 {background: url('../img/map_dot.gif') 0 12px no-repeat; padding-left:10px; font-size:18px;}
.booking table {border-collapse:collapse; width:100%; text-align:center; border-top:2px solid #4d4d4d; border-bottom:1px solid #ccc; line-height:25px;}
.booking thead th {background:#fff; color:#000; font-weight:normal; font-weight:700; border-bottom:1px solid #ccc; font-size:1.2em; line-height:30px;}
.booking th { border-bottom:1px solid #e6e6e6; padding:8px 0; background:#fafafa; font-weight:normal;}
.booking td {padding:8px 10px; border-bottom:1px solid #e6e6e6; line-height:25px; text-align:left;}
.booking input {border:1px solid #ccc; line-height:25px;  padding-left:5px;}
.booking input.in_w01 {width:22%;}
.booking input.in_w02 {width:25%;}
.booking input.in_w03 {width:80%; height:25px; line-height:25px;}
.booking input.in_w04 {width:120px;}
.booking select {border:1px solid #ccc; height:25px; line-height:25px;}
.booking .point {font-size:11px; color:#ff0000; line-height:20px; display:block;}
.booking_btn {padding:5px 0px !important; text-align:center; background:#4b545e; color:#fff;  border: 1px solid #3b3c3f; margin:0 auto; width:80px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/* 공예페어 신청 폼 2019-04-08 */
.craft_fair {line-height:30px;}
.craft_fair h3 {background: url('../img/map_dot.gif') 0 12px no-repeat; padding-left:10px; font-size:18px;}
.craft_fair table {border-collapse:collapse; width:100%; text-align:center; border-top:2px solid #4d4d4d; border-bottom:1px solid #ccc; line-height:25px;}
.craft_fair thead th {background:#fff; color:#000; font-weight:normal; font-weight:700; border-bottom:1px solid #ccc; font-size:1.2em; line-height:30px;}
.craft_fair th { border-bottom:1px solid #e6e6e6; padding:8px 0; background:#fafafa; font-weight:normal;}
.craft_fair td {padding:8px 10px; border-bottom:1px solid #e6e6e6; line-height:25px; text-align:left;}
.craft_fair input {border:1px solid #ccc; line-height:25px;  height:30px; padding:0 5px;}
.craft_fair input[type="button"] { cursor:pointer;}
.craft_fair input[type="radio"] { border:none;}
.craft_fair input[type="file"] { border:none;}
.craft_fair input.in_w01 {width:22%;}
.craft_fair input.in_w02 {width:25%;}
.craft_fair input.in_w03 {width:80%; height:25px; line-height:25px;}
.craft_fair input.in_w04 {width:120px;}
.craft_fair select {border:1px solid #ccc; height:32px; line-height:25px;}
.craft_fair .point {font-size:11px; color:#ff0000; line-height:20px; display:block;}
.craft_fair .mgB5 { margin-bottom:5px;}

.table_type2, .table_type2 th, .table_type2 td { border:0; border-collapse:collapse; }
.table_type2 { border-top:2px solid #000; width:100%;}
.table_type2 th { padding:10px; color:#1b1b1b; border:1px solid #d1d1d1; border-bottom:1px solid #000; font-weight:700;font-size:16px;}
.table_type2 td { padding:10px; text-align:center; border:1px solid #d1d1d1;font-size:16px;}
.table_type2 tbody th {border-bottom:1px solid #d1d1d1;font-weight:400;}

/*
@media all and (max-width:600px) {
.mo_table_box {overflow-x:scroll;}
.mo_table_box table {width:650px;}
}*/
@media all and (max-width:440px) {
.sp_eng {box-sizing:border-box;}
.sp_eng img {width:18%;}
}
@media all and (max-width:650px) {
.table_type2.mo_table thead {display:none;}
.table_type2.mo_table tbody th {display:block;border:none;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;background:#f6f6f6;}
.table_type2.mo_table tbody td {display:block;text-align:left;padding:0 20px;border:none;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
.table_type2.mo_table tbody td.txC {text-align:left !important;}
.table_type2.mo_table tbody td:first-of-type {font-weight:700;padding-top:10px;}
.table_type2.mo_table tbody td:last-of-type {border-bottom:1px solid #d1d1d1;padding-bottom:10px;}
}

.museum_box img {width:100%;}
.museum_btn {text-align:center;}
.museum_btn ul {display:inline-block;width:100%;}
.museum_btn li {float:left;width:50%;}
.museum_btn li img {max-width:90%;}
.museum_btn {display:block; clear:both; content:"";}

.spon20_greeting {position:relative;line-height:30px;padding-left:35%;}
.spon20_greeting .gr_img_box {position:absolute;left:5%;top:0;}
.spon20_greeting .gr_img_box p {text-align:right !important;font-size:16px;color:#111;font-weight:600;line-height:26px;margin-top:30px;}
.bg_spon20 {background: url('../img/img_spon20_1.jpg') no-repeat 90% top;}

@media all and (max-width:800px) {
.spon20_greeting {padding-left:0;padding-top:350px;}
.spon20_greeting .gr_img_box {left:0;}
.spon20_greeting .gr_img_box p {text-align:left !important;}
.bg_spon20 {padding-top:450px;background-position:center top;}
}


.bu_desc {position:relative;padding-left:15px;}
.bu_desc:before {content:"ㆍ ";position:absolute;left:0;top:0;}
.txC {text-align:center;}
.txR {text-align:right;}


.table_type3 td.bg_grey {background:#eee;}

.ad_btn_box ul {display:flex;margin-top:20px;}
.ad_btn_box ul li {width:30%;}
.ad_btn_box ul li:nth-of-type(1), .ad_btn_box ul li:nth-of-type(2) {margin-right:5%;}
.ad_btn_box ul li a {background:#06d65d;color:#fff;display:inline-block;font-size:1.4em;padding:13px 30px;box-sizing:border-box;width:100%;border-radius:10px;transition: all .3s ease;font-weight:500;line-height:1.2em;}
.ad_btn_box ul li a:hover {background:#000;transition: all .3s ease;}

.ad_btn_box2 {display:none;}
.ad_btn_box2 ul {display:flex;margin-top:20px;}
.ad_btn_box2 ul li {width:30%;}
.ad_btn_box2 ul li:nth-of-type(1), .ad_btn_box2 ul li:nth-of-type(2) {margin-right:5%;}
.ad_btn_box2 ul li a {background:#06d65d;color:#fff;display:inline-block;font-size:1.4em;padding:13px 30px;box-sizing:border-box;width:100%;border-radius:10px;transition: all .3s ease;font-weight:500;line-height:1.2em;}
.ad_btn_box2 ul li a:hover {background:#000;transition: all .3s ease;}

@media all and (max-width:1024px) {
.ad_btn_box ul li a {font-size:1em;padding:13px;}
}

@media all and (max-width:440px) {
.ad_btn_box {display:none;}
.ad_btn_box ul li a {font-size:1.2em;padding:10px 20px;}

/*.ad_btn_box2 {display:block;width:90%;margin:0 auto 20px auto;}
.ad_btn_box2 ul {width:100%;}
.ad_btn_box2 ul li a {font-size:1em;padding:10px 20px;}*/
#section0 .con {top:100px;}
.swiper-container1 .swiper-wrapper {height:850px !important;}
.swiper-container1 .swiper-slide.bg1 {height:850px !important;}
.swiper-container1 .swiper-slide.bg2 {height:850px !important;}
}


.outline_tit {font-size:34px;font-weight:900;color:#222;}
.outline_tit span {color:#07d55d;}

.ouline_sns {display:flex;justify-content:center;margin-top:40px;margin-bottom:60px;}
.ouline_sns div {margin:0 25px;}

.outline_exhi {display:flex;flex-wrap:wrap;margin-top:40px;}
.outline_exhi > div {width:33.33%;position:relative;overflow:hidden;}
.outline_exhi > div.bg1 {background:#07d55d;}
.outline_exhi > div.bg2 {background:#e6e6e6;}
.outline_exhi > div.bg3 {background:#fafafa;}
.outline_exhi > div.bg4 {background:#fafafa;}
.outline_exhi > div.bg5 {background:#000;}
.outline_exhi > div.bg6 {background:#07d55d;}
.outline_exhi h4 {color:#000;font-size:24px;font-weight:900;}
.outline_exhi > div.bg5 h4 {color:#fff;}
.outline_exhi > div a {display:block; padding:10%;box-sizing:border-box;height:300px;}
.outline_exhi .icon1 {position:absolute;right:-15%;bottom:-15%;transition: all .3s ease;}
.outline_exhi .icon2 {position:absolute;right:-15%;bottom:-5%;transition: all .3s ease;}
.outline_exhi .icon3 {position:absolute;right:-12%;bottom:-8%;transition: all .3s ease;}
.outline_exhi .icon4 {position:absolute;right:-10%;bottom:-12%;transition: all .3s ease;}
.outline_exhi .icon5 {position:absolute;right:-90%;bottom:-15%;transition: all .3s ease;}
.outline_exhi .icon6 {position:absolute;right:-50%;bottom:-45%;transition: all .3s ease;}
.outline_exhi .icon1:hover, .outline_exhi .icon2:hover, .outline_exhi .icon3:hover, .outline_exhi .icon4:hover, .outline_exhi .icon5:hover, .outline_exhi .icon6:hover {transform: translate(-10%,0);transition: all .3s ease;}

.outline_con1 {margin-bottom:60px;}
.outline_con2 {margin:60px 0;}


@media all and (max-width:1024px) {
.outline_con1 img, .outline_con2 img {width:100%;}
.outline_exhi > div {height:244px;}
.outline_exhi .icon1 img {width:70%;}
.outline_exhi .icon2 img {width:70%;}
.outline_exhi .icon3 img {width:70%;}
.outline_exhi .icon4 img {width:70%;}
.outline_exhi .icon5 img {width:70%;}
.outline_exhi .icon6 img {width:60%;}
.outline_exhi .icon1 {right:-25%;bottom:-15%;}
.outline_exhi .icon2 {right:-30%;bottom:-5%;}
.outline_exhi .icon3 {right:-30%;bottom:-8%;}
.outline_exhi .icon4 {right:-25%;bottom:-12%;}
.outline_exhi .icon5 {right:-95%;bottom:-10%;}
.outline_exhi .icon6 {right:-90%;bottom:-15%;}
}

@media all and (max-width:768px) {
.outline_exhi .icon6 img {width:50%;}
.outline_exhi .icon1 {right:-30%;}
.outline_exhi .icon4 {right:-30%;}
.outline_exhi .icon5 {right:-125%;bottom:-15%;}
.outline_exhi .icon6 {right:-125%;bottom:-10%;}
}

@media all and (max-width:700px) {
.outline_exhi > div {width:50%;}
.outline_exhi .icon6 img {width:55%;}
.outline_exhi .icon5 {right:-100%;}
.outline_exhi .icon6 {right:-90%;bottom:-15%;}
}

@media all and (max-width:420px) {
.outline_exhi > div {height:178px;}
.outline_exhi .icon1 img {width:50%;}
.outline_exhi .icon2 img {width:50%;}
.outline_exhi .icon3 img {width:50%;}
.outline_exhi .icon4 img {width:50%;}
.outline_exhi .icon5 img {width:50%;}
.outline_exhi .icon6 img {width:40%;}
.outline_tit {font-size:24px;}
.outline_exhi h4 {font-size:18px;}
.outline_exhi .icon1 {right:-65%;bottom:-15%;}
.outline_exhi .icon2 {right:-65%;bottom:-5%;}
.outline_exhi .icon3 {right:-65%;bottom:-8%;}
.outline_exhi .icon4 {right:-65%;bottom:-4%;}
.outline_exhi .icon5 {right:-200%;bottom:-10%;}
.outline_exhi .icon6 {right:-200%;bottom:-15%;}
.ouline_sns div {margin:0 15px;}
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
/*search modal*/
.serch_box {position:absolute;top:30px;right:45px;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Sit on top */
  padding-top: 15%; /* 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.8); /* Black w/ opacity */
}

.btn_search {
  padding: 6px 10px;
  background: url(../img/search_icon11.png) no-repeat center;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width:37px;
  height:37px;
  box-sizing:border-box;
}
/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 40%;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  text-align:left;
}
.modal-content h2 {font-size:45px;color:#06d65d;font-family: 'Poppins', sans-serif;}
.modal-content .input_search_box {
  background:#fff;
  padding:30px;
  margin-top:30px;
}
.modal-content .input_search_box input[type=text] {
  padding: 6px;
  font-size: 17px;
  border: none;
  outline:none;
  width:calc(100% - 37px);
  box-sizing:border-box;
  color:#222;
}

.modal-content .input_search_box button {
  float: right;
  padding: 6px 10px;
  background: url(../img/search_icon00_.png) no-repeat center;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width:37px;
  height:37px;
  box-sizing:border-box;
}

/* 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 */
.close2 {
  color: #06d65d;
  position:absolute;
  font-size: 30px;
  font-weight: bold;
  right:0;
  top:50%;
  transform:translate(0,-50%);
  transition:.3s all ease;
}

.close2:hover,
.close2:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition:.3s all ease;
}

.modal-header {
  color: white;
  position:relative;
}

.modal-footer {
  color: white;
  margin-top:30px;
}
.modal-footer span {
  font-size:16px;
  position:relative;
  padding-right:15px;
  margin-right:10px;
}
.modal-footer span a {color:#fff;transition:.3s all ease;}
.modal-footer span a:hover {color:#06d65d;transition:.3s all ease;}
.modal-footer span:after {
  position:absolute;
  display:inline-block;
  content:"";
  background:rgba(255,255,255,0.3);
  width:1px;
  height:15px;
  right:0;
  top:6px;
}
.modal-footer span:last-of-type:after {
  display:none;
}

@media all and (max-width:1280px) {
  .modal-content {width:50%;}
}

@media all and (max-width:1200px) {
  .serch_box {top:15px;right:60px;}
  .modal-content {width:80%;}
  .modal-content .input_search_box {padding:20px;}
}
@media all and (max-width:1200px) {
  .modal-content .input_search_box {padding:15px;margin-top:20px;}
  .modal-content h2 {font-size:35px;}
  .modal-footer span {font-size:14px;}
  .modal-footer {margin-top:20px;}
}



/*검색결과*/
.fx {display:flex;justify-content:space-between;align-items:center;}
.search_tit {font-size:22px;margin-bottom:15px;}
.search_tit span:last-of-type {font-size:14px;}


.search_table { border-top:1px solid #000; overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.search_table table, .search_table th, .search_table td { border-collapse:collapse; font-size:inherit;}
.search_table table { width:100%;}
.search_table th { padding:15px 20px; color:#333; border-bottom:1px solid #ddd;text-align:left;background:#f6f6f6;}
.search_table td { padding:15px 20px; border-bottom:1px solid #ddd;}
.search_table .tit {font-weight:500;font-size:1.125em;padding-bottom:7px;display:inline-block;}
.search_table .word {font-weight:500;}
.search_table mark {color:#ff0000;}

@media all and (max-width:767px) {
.search_table table, .search_table th, .search_table td { font-size:0.95em;}
.search_table th { padding:10px;}
.search_table td { padding:10px;}
}