@charset ="euc-kr";

@font-face {
    font-family: 'Nanum Gothic';
    src: url('../../../../font/NanumGothicR/NanumGothic-Regular.eot');
    src: url('../../../../font/NanumGothicR/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
         url('../../../../font/NanumGothicR/NanumGothic-Regular.woff2') format('woff2'),
         url('../../../../font/NanumGothicR/NanumGothic-Regular.woff') format('woff'),
         url('../../../../font/NanumGothicR/NanumGothic-Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nanum Gothic';
    src: url('../../../../font/NanumGothicB/NanumGothic-Bold.eot');
    src: url('../../../../font/NanumGothicB/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../../../font/NanumGothicB/NanumGothic-Bold.woff2') format('woff2'),
         url('../../../../font/NanumGothicB/NanumGothic-Bold.woff') format('woff'),
         url('../../../../font/NanumGothicB/NanumGothic-Bold.ttf') format('truetype'); 
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Noto Sans KR';
    src: url('../../../../font/NotoKR-Light/notokr-light.eot');
    src: url('../../../../font/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../../../../font/NotoKR-Light/notokr-light.woff2') format('woff2'),
         url('../../../../font/NotoKR-Light/notokr-light.woff') format('woff'),
         url('../../../../font/NotoKR-Light/notokr-light.ttf') format('truetype'),
         url('../../../../font/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../../../../font/NotoKR-Regular/notokr-regular.eot');
    src: url('../../../../font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../../../../font/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
         url('../../../../font/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('../../../../font/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
         url('../../../../font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../../../../font/NotoKR-Medium/notokr-medium.eot');
    src: url('../../../../font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../../../../font/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('../../../../font/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('../../../../font/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('../../../../font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../../../../font/NotoKR-Bold/notokr-bold.eot');
    src: url('../../../../font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../../../../font/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
         url('../../../../font/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('../../../../font/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('../../../../font/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/* 
	font-family:Noto Sans KR, Nanum Gothic, dotum,"µ¸¿ò",sans-serif;  
	font-family: Nanum Gothic, sans-serif;
*/

hhtml {font-size: 62.5%;}


html.websize-1{font-size: 62.5%;}
html.websize-2{font-size: 68.5%;}
html.websize-3{font-size: 72.5%;}
html.websize-4{font-size: 78.5%;}
html.websize-5{font-size: 82.5%;}
	/**/
	.size-realtime {display:none;font-size:12px;padding-left:0 !important;}
	html.websize-1 .size-realtime.s1 {display:inline;}
	html.websize-2 .size-realtime.s2 {display:inline;}
	html.websize-3 .size-realtime.s3 {display:inline;}
	html.websize-4 .size-realtime.s4 {display:inline;}
	html.websize-5 .size-realtime.s5 {display:inline;}
html body {font-family:'Nanum Gothic','µ¸¿ò', sans-serif;color:#666; font-size:14px;font-size:1.4rem;overflow-x: hidden; }

.font_noto , 
.f_noto{ font-family:Noto Sans KR, Nanum Gothic, dotum, sans-serif;  }
.skiptoContent { position: absolute; left:-9999px; top: -9999px; font-size: 0; text-indent: -9999px; }


@media screen and (min-width:769px) and (max-width:3200px) {  
	#lnb.five_type li.nav-item  {width: 20%; } 
	#lnb.six_type li.nav-item { width: 16.6% }
	#lnb.seven_type li.nav-item  { width: 14.5%}
	#lnb.eight_type li.nav-item  { width: 12.5% } 
	#lnb.nine_type li.nav-item  { width: 12.5% } 
	#lnb.ten_type li.nav-item  { width: 10% } 
}


.cont-in label { font-size: inherit; text-indent: 0; position: static}


.header { height: 140px; width: 100%;  ; position: relative; z-index: 10; }
.header .header_container { width: 1200px; margin: 0 auto ; position: relative; }
.header .header_container .logo { position: absolute; left: 0; top: 19px; }
.header .header_container .gnb  { position: absolute; top: 33px; right: 0; color: #fff; }
.header .header_container .gnb .home { display: block; float: left; margin-top: 4px; width: 15px; height: 15px; background-image: url("../images/global/ico_home.png"); background-repeat: no-repeat; font-size: 0; text-indent: -9999px; cursor: pointer}
.header .header_container .gnb .gnb_login { float: left; margin-left:12px; margin-top: 2px; margin-right:7px;}
.header .header_container .gnb .gnb_login li { float: left; }
.header .header_container .gnb .gnb_login li a  { color: #fff; font-size: 10px; font-weight: bold; padding: 0 14px 0 13px; background-image: url("../images/global/ico_dot.png"); background-repeat: no-repeat; background-position: 0 4px; }
.header .header_container .gnb .gnb_font { float: left; border: 1px solid #fff; padding: 5px 0 0px 9px; }
.header .header_container .gnb .gnb_font h3 { font-size: 10px; font-weight: bold; float: left; }
.header .header_container .gnb .gnb_font ul ,
.header .header_container .gnb .gnb_font li { float: left; padding: 0 5px; }
.header .header_container .gnb .gnb_font li img { margin-top: 2px; }


.header .gnb .lnb_container { position: relative; }
.header #lnb { position: absolute; top: 90px; left: 0; width: 100%; font-weight: 500 ; z-index: 1000; background-image: url("../images/global/lnb_bg2.png"); background-repeat: repeat; }
.header #lnb:hover { ; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; box-sizing: border-box; }
.header #lnb .lnb_container{ width: 1200px; margin: 0 auto;  }
.header #lnb .lnb_container > ul {  overflow: hidden ; }
.header #lnb .lnb_container > ul > li {  float: left; width: 10% ;background-image: url("../images/global/lnb_line.png");background-repeat: no-repeat; background-position: 0 21px;}
.header #lnb .lnb_container > ul > li:first-child { background-image: none; }
.header #lnb .lnb_container > ul > li > a { line-height: 50px; height: 50px; overflow: hidden; display: block; text-align: center; ; color: #fff; font-size: 1.214em; }
.header #lnb .nav-menu .sub-nav { height: 0; opacity: 0; transition: height .1s ease; }
.header #lnb .nav-menu.selected .sub-nav { height: 390px; opacity: 1;  border-right: 1px solid #c7c7c7; padding: 15px 4px}
.header #lnb .nav-menu.selected .nav-item.over > a { color: #feae01; letter-spacing: -0.7px; }
.header #lnb .nav-menu.selected .nav-item.over .sub-nav {background-color: rgba(241,239,227,0.5); }
.header #lnb .nav-menu > li:first-child  .sub-nav{ border-left: 1px solid #c7c7c7}

.header #lnb .nav-menu .sub-nav a { font-size: 1.07em; }
.header #lnb .nav-menu.selected .sub-nav > ul > li { margin-top: 16px; text-align: center; }
.header #lnb .nav-menu.selected .sub-nav > ul >  li:first-child { margin-top:0 }
.header #lnb .nav-menu.selected .sub-nav > ul  .sub-nav2 { }
.header #lnb .nav-menu.selected .sub-nav > ul  .sub-nav2 li { margin-top: 10px; }
.header #lnb .nav-menu.selected .sub-nav > ul  .sub-nav2 li a { display: block; background-image: url("../images/global/subnav_line.png"); background-repeat: no-repeat; background-position: 0 9px; padding-left: 8px; color: #626262; font-size: 1em}
.header #lnb .nav-menu .sub-nav a:hover , 
.header #lnb .nav-menu.selected .sub-nav > ul  .sub-nav2 li:hover a {  text-decoration: underline; }


.main_content  { position: relative; z-index: 9}
.main_visual { position: relative; margin-top: -140px; }
.main_visual .mainSlider .main_visual_01 , 
.main_visual .mainSlider .main_visual_02 , 
.main_visual .mainSlider .main_visual_03 , 
.main_visual .mainSlider .main_visual_04 {width: 100%; height: 640px;  background-repeat: no-repeat; background-position: top center; }
.main_visual .mainSlider .main_visual_01 { background-image: url("../images/global/main_visual_art.png"); }
.main_visual .mainSlider .main_visual_02 { background-image: url("../images/global/main_visual_music.png"); }
.main_visual .mainSlider .main_visual_03 { background-image: url("../images/global/main_visual_dance.png"); }
.main_visual .mainSlider .main_visual_04 { background-image: url("../images/global/main_visual_drama.png"); }
.dept_pager { position: absolute; top: 0; left: 0; width: 100%; height: 640px; z-index: 2000; }
.dept_pager .dept_pager_container { width: 1200px; height: 640px; margin: 0 auto; position: relative; }
.dept_pager .dept_pager_container .dept_pager_list { position: absolute; top: 245px; left: 0; width: 110px; }

.dept_pager_thumb { width: 110px; float: none !important; }
.dept_pager .dept_pager_container .dept_pager_list .slick-slide { width: 110px !important ; float: none !important ; }
.dept_pager a { color: #fff; display: block; opacity: 0.7;  width: 108px; height: 68px; text-align: center;  background-image: url("../images/global/vis_pager_thumb_bg.png"); background-repeat: no-repeat; border: 1px solid #2b2d30; margin-top: 2px; }
.dept_pager a .font_noto { font-size: 16px; font-weight: 500; padding-top: 10px;}
.dept_pager a .eng { font-size: 10px; line-height: 12px; text-transform: uppercase;  }
.dept_pager .slick-slide a.dept_01{ background-position: 0 0 ;margin-top: 0; }
.dept_pager .slick-slide a.dept_02{ background-position: -110px 0 ;}
.dept_pager .slick-slide a.dept_03{ background-position: -220px 0 ;}
.dept_pager .slick-slide a.dept_04{ background-position: -330px 0 ;}
.dept_pager .slick-slide.slick-current.slick-active a.dept_01{ background-position: 0 -70px ;}
.dept_pager .slick-slide.slick-current.slick-active a.dept_02{ background-position: -110px -70px ;}
.dept_pager .slick-slide.slick-current.slick-active a.dept_03{ background-position: -220px -70px ;}
.dept_pager .slick-slide.slick-current.slick-active a.dept_04{ background-position: -330px -70px ;}
.main_visual .slick-dots { position: absolute; bottom: 24px; left: 0; width: 100%; text-align: center; z-index: 3000; }
.main_visual .slick-dots li { display: inline-block; margin-left: 3px;}
.main_visual .slick-dots li:first-child { margin-left: 0; }
.main_visual .slick-dots li button { border: none; font-size: 0; text-indent: -9999px; width: 10px; height: 10px; background-image: url("../images/global/bx-pager-off.png"); background-color: transparent; padding: 0 }
.main_visual .slick-dots li.slick-active button { background-image: url("../images/global/bx-pager-on.png"); }
.main_visual .dept_pager  .slick-slider .slick-track, 
.main_visual .dept_pager  .slick-slider .slick-list { transform: none !important}


.slick-slide.slick-active 
.dept_pager_button { position: absolute; width: 100%; text-align: center; bottom: 17px; }
.dept_pager_button a { display: inline-block; width: 10px; height: 10px; background-image: url("../images/global/bx-pager-off.png"); }
.dept_pager_button a.active { background-image: url("../images/global/bx-pager-on.png"); }

.section01 { width: 100%; padding: 43px 0 66px 0; }
.section02 { width: 100%; padding-bottom: 45px; }
.section03 { width: 100%; padding: 70px 0; background-color: #eef0f0}
	.section01 .section_container { height: 260px; }
	.section_container { width: 1200px; margin: 0 auto; position: relative; }

	.main_title { background-image: url("../images/global/main_titleline.png"); background-repeat: repeat-x; background-position: center; text-align: center; }
	.main_title h3 { font-size: 2.15em; font-weight: 500; text-align: center; display: inline-block; padding: 0 20px; line-height: 1; background-color: #fff;color: #3d3d3d; }
	.main_title h3 span { font-weight: 400}


	.section_container  .bbs_tit { font-weight: 400; font-size: 1.7em; letter-spacing: -0.6px; margin-bottom: 20px; line-height: 1; color: #232323; }
	.section_container  .bbs_tit span { vertical-align: baseline ;font-weight: 300; }


	.more { position: absolute; top: -26px; right: 15px; background-image: url("../images/global/bbs_more.png"); background-repeat: no-repeat; width: 15px; height: 15px; font-size: 0; text-indent: -9999px;  }
	/* .main_notice { float: left; width: 415px; height: 260px; position: relative; }
	.main_banner { float: left; width: 280px; height: 260px ; margin: 0 45px;    margin-top: 4px; }
	.main_data { float: left; width: 415px; height: 260px ; position: relative; } */
	.main_notice { width: 415px; position: absolute ; left: 0; top: 0; }
	.main_data { width: 415px; position: absolute; left: 785px; top: 0;  }
	.main_banner {width: 280px; position: absolute; left: 460px; top: 0; }
	

	.main_notice .bbs_list { background-color: #af945b; border: 1px solid #926e35; }
	.main_data .bbs_list2 { background-color: #b07d77; border: 1px solid #93534e; }
	.main_notice .bbs_list li, 
	.main_data .bbs_list2 li { float: left; position: relative; }
	.main_notice .bbs_list li::after , 
	.main_data .bbs_list2 li::after { content: " "; width: 1px; height: 11px; background-color: #fff; position: absolute; right: 0; top: 14px; }
	.main_notice .bbs_list li:first-child , 
	.main_data .bbs_list2 li:first-child { background-image: none }{ background-image: none }
	.main_notice .bbs_list li.selected::after, 
	.main_data .bbs_list2 li.selected::after { background: none }
	.main_notice .bbs_list li.selected:first-child::after, 
	.main_data .bbs_list2 li.selected:first-child::after { background: none }
	.main_notice .bbs_list li:last-child::after , 
	.main_data .bbs_list2 li:last-child::after { background: none }
	.main_notice .bbs_list li.selected { background-color: #a7854f; border: 1px solid #926e35; margin-top: -1px; margin-bottom: -1px; margin-left: -1px; } 
	.main_data .bbs_list2 li.selected { background-color: #a16762; border: 1px solid #93534e; margin-top: -1px; margin-bottom: -1px; margin-left: -1px; }
	.main_notice .bbs_list li a , 
	.main_data .bbs_list2 li a { display: block; padding: 9px 27px;color: #fff; font-size: 1.07em; }
	.main_notice .bbs_list li.selected .ico { display: block;position: absolute; left: 0; bottom: -6px; width: 100%; height: 5px;	 background-image: url("../images/global/bbs_sel_arrow.png"); background-repeat: no-repeat; background-position: bottom center; }
	.main_data .bbs_list2 li.selected .ico { display: block;position: absolute; left: 0; bottom: -6px; width: 100%; height: 5px;	 background-image: url("../images/global/bbs_sel_arrow2.png"); background-repeat: no-repeat; background-position: bottom center; }

	.main_notice .bbs_cont , 
	.main_data .bbs_cont2 { display: none }
	.main_notice .bbs_cont.selected , 
	.main_data .bbs_cont2.selected { display: block; position: relative; }
	.main_notice .bbs_cont .bbs_container , 
	.main_data .bbs_cont2 .bbs_container { padding: 7px 0 0 0 }
	.main_notice .bbs_cont .bbs_container ul li, 
	.main_data .bbs_cont2 .bbs_container ul li { border-bottom: 1px solid #c4c4c4; line-height: 42px; background-image: url("../images/global/bbs_dot.png"); background-repeat: no-repeat; background-position: 10px 20px; padding-left: 23px; } 
	.main_notice .bbs_cont .bbs_container ul li a, 
	.main_data .bbs_cont2 .bbs_container ul li a { width: 95%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block }


	.main_calendar  { margin-top: 5px; }
	.main_calendar .cal_year{ width: 65px; float: left;  margin-left: 30px; color: #a7854f; font-weight: 500; font-size: 18px; text-align: center; }
	.main_calendar .cal_year p:first-child { padding-top: 50px;}
	.main_calendar .cal_year .month { font-size: 38px; }
	.main_calendar .cal_tbl { float: right; border: 3px solid #d7c9ad; width: 300px; height: 168px; box-sizing: border-box; }
	.main_calendar .cal_tbl table { border-collapse: collapse; width: 100%; height: 100%; table-layout: fixed; text-align: center; }
	.main_calendar .cal_tbl table td { border: 1px solid #d0d0d0; font-size: 11px; font-weight: bold }
	.main_calendar .cal_tbl table th { border: 1px solid #2f3134; font-size: 10px; height: 22px; background-image: url("../images/global/cal_tbl_ord.png"); color: #fff; font-weight: bold }
	.main_calendar .cal_tbl table th.sun { background-image: url("../images/global/cal_tbl_sun.png");}
	.main_calendar .cal_tbl table th.sat { background-image: url("../images/global/cal_tbl_sat.png");}
	.main_calendar .cal_tbl table td.sun { color: #bb596c; }
	.main_calendar .cal_tbl table td.sat { color: #0175ae; }
	.main_calendar .cal_tbl table td.today { background-color: #f8f5e5; color: #896c2e; }
	.main_calendar .cal_tbl table td.hasSchedule { background-color: #ebdedd; ;}
	.main_calendar .cal_tbl table td.hasSchedule a { color: #93534e;  }

	
	.quickmenu h3 { color: #fff; background-color: #a08763; font-size: 10px; font-weight: bold; text-align: center; border: 1px solid #927751; line-height: 32px; }
	.quickmenu .quick_list { border: 1px solid #ccc; margin-top: 1px; }
	.quickmenu .quick_list li { border-top: 1px solid #ccc; background-color: #e7e5e0; line-height: 16px; }
	.quickmenu .quick_list li:first-child { border-top: none}
	.quickmenu .quick_list li a { display: block; padding: 10px 2px 9px 2px; font-family:Noto Sans KR, Nanum Gothic, dotum,"µ¸¿ò",sans-serif;  font-size: 13px; font-weight: 400; text-align: center; color: #3d3d3d ;}
	.quickmenu .gotop { display: block; color: #fff; font-size: 10px; font-weight: bold; background-color: #b07d77; border: 1px solid #a06760; line-height: 22px; text-align: center; margin-top: 1px; }

	.main_arrow { position: fixed; width: 54px; height: 54px; bottom: 3%; 
		animation: arrowMove 1s infinite; 
		-webkit-animation: arrowMove 1s infinite; 
	}
	@keyframes arrowMove { 
		from { 
			bottom: 5%; 
		}
		50% { bottom: 3%; }
		to{ 
			bottom: 5%; 
		}
	}
	@-webkit-keyframes arrowMove {
		from { 
			bottom: 5%; 
		}
		50% { bottom: 3%; }
		to{ 
			bottom: 5; 
		}
	}

	.main_banner li { background-image: url("../images/global/bg_banner.png "); background-repeat: repeat; border: 1px solid #6f7072; width: 278px; height: 60px;  margin-top: 4px; }
	.main_banner li:first-child { margin-top: 0; }
	.main_banner li a { color: #fff; display: block ; padding: 20px 0  15px 35px; font-size: 16px; font-weight: 500; background-repeat: no-repeat; background-position: 210px 15px; }
	.main_banner li.banner01 a { background-image: url("../images/global/ico_banner_01.png");}
	.main_banner li.banner02 a { background-image: url("../images/global/ico_banner_02.png");}
	.main_banner li.banner03 a { background-image: url("../images/global/ico_banner_03.png");}
	.main_banner li.banner04 a { background-image: url("../images/global/ico_banner_04.png");}


	.main_about { margin: 45px auto 0 auto}
	.main_about ul li { float: left; width: 180px; margin-left: 60px; text-align: center; }
	.main_about ul li:first-child { margin-left: 30px;}
	.main_about ul li a { display: block; /* height: 100%  */}
	.main_about ul li h4 { font-weight: 500; font-size: 18px; padding-top: 16px; letter-spacing: -1px;}

	.main_media { width: 600px; height: 340px; float: left; }
	.main_award { width: 300px; height: 340px; float: left; background-color: #b17d77; background-image: url("../images/global/bg_award.png"); text-align: center; }
	.main_artcenter { width: 300px; height: 340px; float: left; background-color: #aa9581 }
	
	.main_award  .award_img { width: 221px; height: 193px; margin: 35px auto 0 auto; background-image: url("../images/global/img_award.png");  background-repeat: no-repeat;  }
	.main_award ul { display: inline-block; margin-top: 2px; }
	.main_award ul li { float: left; width: 117px; height: 78px; text-align: center; border: 1px solid #dfcbc9; background-image: url("../images/global/award_pat.png"); background-repeat: repeat; background-color: rgba(45,37,3,0.3);}
	.main_award ul li:first-child { margin-right: 2px; background-color: rgba(0,0,0,0.3);}
	.main_award ul li a { display: inline-block; color: #fff;  font-weight: 500; font-size: 16px; line-height: 20px; }
	.main_award ul li .award_container { background-image: url("../images/global/award_more.png"); background-repeat: no-repeat; background-position: right top; margin: 2px}
	.main_award ul li .award_container a { padding-top:17px; }
	.main_award ul li:first-child .award_container a { display: block; background-image: url("../images/global/award_tit_bg.png"); background-repeat: no-repeat; background-position: center 12px; }

	
	.main_artcenter .main_artcenter_container { padding: 25px 30px 0 30px;}
	.main_artcenter h4 { font-size: 22px; font-weight: 500; color: #fff; }
	.main_artcenter .artcenter_pic { border: 5px solid #998674; margin-top: 15px; margin-bottom: 18px;}
	.main_artcenter ul li { background-color: #998068; border: 1px solid #dfd2c9; text-align: center; float: left; margin-left: 2px; }
	.main_artcenter ul li.resv_01, 
	.main_artcenter ul li.resv_03 { margin-left: 0; }
	.main_artcenter ul li.resv_03 { clear: left; }
	.main_artcenter ul li.resv_03 , 
	.main_artcenter ul li.resv_04 { margin-top: 3px; }
	.main_artcenter ul li a { display: block; line-height: 32px; color: #fff; font-weight: 500; width: 117px;}

	.footer { background-color: #282b30; position: relative; }
	.footer::before { content: " "; width: 100%; height: 1px; position: absolute; left: 0; top: 45px; border-bottom: 1px solid #1e2024; }
	.footer .footer_container { width: 1200px; margin: 0 auto }
	.footer .footer_container .policy li { border-right: 1px solid #1e2024; line-height: 45px; float: left; padding: 0 22px}
	.footer .footer_container .policy li:first-child { border-left: 1px solid #1e2024 }
	.footer .footer_container .policy li a { color: #c8c8c8; font-size: 11.5px; font-weight: bold; text-align: center; }
	.footer .footer_container .policy li.personal a { color: #ffce94; }
	.footer .contact_wrap  { position: relative; }
	.footer .footer_container .contact_wrap .footer_logo { border-left: 1px solid #1e2024; border-right: 1px solid #1e2024;  background-color: #23252a; width: 130px; height: 115px; background-image: url("../images/global/logo2.png"); background-repeat: no-repeat; background-position: center; float:left; }
	.footer .footer_container .contact_wrap .contact { float: left; padding-left: 30px; padding-top: 18px; color: #ababad; }
	.footer .footer_container .contact_wrap .contact .address li { float: left; background-image: url("../images/global/footer_line.png"); background-repeat: no-repeat; background-position: 0 3px; padding: 0 12px; font-size: 12px; font-weight: bold; }
	.footer .footer_container .contact_wrap .contact .address li:first-child { padding-left: 0; background-image: none }
	.footer .footer_container .contact_wrap .contact .dept_contact { margin-top: 14px;}
	.footer .footer_container .contact_wrap .contact .dept_contact li { float: left; font-size: 12px; font-weight: bold; padding: 6px 8px 5px 8px; margin-left: 4px; }  
	.footer .footer_container .contact_wrap .contact .dept_contact li:first-child { margin-left: 0; }
	.footer .footer_container .contact_wrap .contact .dept_contact li.dept01 { background-color: #463f38}
	.footer .footer_container .contact_wrap .contact .dept_contact li.dept02 { background-color: #394044}
	.footer .footer_container .contact_wrap .contact .dept_contact li.dept03 { background-color: #444138}
	.footer .footer_container .contact_wrap .contact .dept_contact li.dept04 { background-color: #433b3e}
	.footer .footer_container .contact_wrap .contact .dept_contact li.dept05 { background-color: #3e4145}
	.footer .footer_container .contact_wrap .contact .rights { color: #898989; font-size: 10px; font-weight: bold; margin-top: 15px; text-transform: uppercase; }

	.footer .familysite { float: right; position: relative; }
	.footer .familysite dl { float: left; width: 157px; line-height: 45px; color: #b0b0b1; font-size: 12px; font-weight: bold; border-left: 1px solid #1e2024; border-right: 1px solid #1e2024; padding-left: 15px; box-sizing: border-box; background-image: url("../images/global/fsite_arrow.png"); background-repeat: no-repeat; background-position: 92% center}
	.footer .familysite dl dt {     cursor: pointer;}
	.footer .familysite dl dd { height: 0; overflow: hidden; opacity: 0; }
	.footer .familysite dl dd.selected { height: auto; overflow: visible; opacity: 1; position: absolute; top: -177px; left: 0; background-color: #433b3e; width: 100%; z-index: 1500; border: 1px solid #1e2024; ; }
	.footer .familysite dl dd a { display: block; line-height: 25px; color: #b0b0b1; font-size: 12px; font-weight: bold; padding-left: 15px;}

	.footer .familysite .site_go { background: #282b30; float: left; display: block; width: 44px; height: 46px; color: #b0b0b1; font-size: 12px; font-weight: bold; text-align: center;  border: none; border-right: 1px solid #1e2024}
	
	.footer .mainbanner { position: absolute; top: 18px; right: 0; width: 202px; height: 76px; }
	.footer .mainbanner .banner_container { position: relative; }
	.footer .mainbanner h3 { color: #ababad; font-size: 0.857em;  }
	.footer .mainbanner .more { background-image: url("../images/global/banner_more.png "); top: 3px; right: 0 ; width: 9px; height: 9px; }
	.footer .bannerlist   { margin-top: 11px; }
	.footer .mainbanner .slick-prev , 
	.footer .mainbanner .slick-next { font-size: 0; border: none; width: 17px; height: 51px; }
	.footer .mainbanner .slick-prev { background-image: url("../images/global/banner_prev.png"); float: left; }
	.footer .mainbanner .slick-next { background-image: url("../images/global/banner_next.png"); float: right }
	.footer .mainbanner .slick-list { position: absolute; top: 0px; left: 19px; width: 164px; height: 70px;} 
	.footer .bannerlist   .slick-list img { width: 164px; height: 51px; }

	.sub_mob{display:none}

	.sub_visual { width: 100%; height: 300px; margin-top:-140px; z-index: -1; }
	.sub_visual .sub_visual_01  { background-image: url("../images/global/sub_visual_01.jpg");  background-repeat: no-repeat; background-position: center top;  height: 300px; width: 100%; }
	.sub_visual .sub_visual_02  { background-image: url("../images/global/sub_visual_02.jpg");  background-repeat: no-repeat; background-position: center top;  height: 300px; width: 100%; }
	.sub_visual .sub_visual_03  { background-image: url("../images/global/sub_visual_03.jpg");  background-repeat: no-repeat; background-position: center top;  height: 300px; width: 100%; }
	.sub_visual .sub_visual_04  { background-image: url("../images/global/sub_visual_04.jpg");  background-repeat: no-repeat; background-position: center top;  height: 300px; width: 100%; }

	.sub_content { /* overflow: hidden;  */background-color: #fff; padding-bottom: 60px; position: relative; z-index: 9}

	.l_sidemenu { width: 250px; float: left; }
	.l_sidemenu h3 { background-image: url("../images/global/l_sidemenu_titbg.png"); background-repeat: no-repeat;  padding-bottom: 1px; height: 119px; margin-top: -20px; color: #fff; }
	.l_sidemenu h3  span { display: block; padding-top: 40px; text-align: center; width: 240px; font-size: 1.86em; letter-spacing: -1px; font-weight: 500; font-family:Noto Sans KR, Nanum Gothic, dotum,"µ¸¿ò",sans-serif;  }
	.l_sidemenu .sidemenu { border-top: 1px solid #aca394; width: 240px; }
	.l_sidemenu .sidemenu .side-item { border-bottom: 1px solid #dfdfdf; }
	.l_sidemenu .sidemenu .side-item > a { display: block; font-size: 16px; font-size: 1.6rem; ; padding: 13px 0 13px 20px; color: #3d3d3d; font-weight: 400}
	.l_sidemenu .sidemenu .side-item.selected > a { background-color: #ab8e62; color:#fff; font-weight: 500; }
	.l_sidemenu .sidemenu .side-item .side-sub { display: none; }
	.l_sidemenu .sidemenu .side-item.selected .side-sub { background-color: #f8f7f5; padding: 15px; display:block}
	.l_sidemenu .sidemenu .side-item.selected .side-sub li { margin-top: 5px; }
	.l_sidemenu .sidemenu .side-item.selected .side-sub li:first-child { margin-top: 0}
	.l_sidemenu .sidemenu .side-item.selected .side-sub li > a { font-size: 15px; font-size: 1.5rem; ; padding: 6px 0  5px 15px; display: block; }
	.l_sidemenu .sidemenu .side-item.selected .side-sub li.selected > a { color: #a93460; background-color: #fff;  }

	.r_contents { width: 910px; float: right; }
	.r_contents .contents_title  { height: 100px; border-bottom: 1px solid #dfdfdf; letter-spacing: -0.8px; }
	.r_contents .contents_title h4 { color: #3d3d3d; padding-top: 30px; font-weight: 500; font-size: 2.143em; line-height: 1; }
	.r_contents .contents_title .page_history { float: right; margin-top: -15px; }
	.r_contents .contents_title .page_history .home { font-size: 0; text-indent: -9999px; display: block; float: left; margin-top: 3px; margin-right: 5px; ; width: 13px; height: 13px; background-image: url("../images/global/history_home.png"); }
	.r_contents .contents_title .page_history .last { color: #a93460}
	.r_contents .cont-in { margin-top: 50px; min-height: 200px; color: #3d3d3d}


@media screen and (min-width:1301px) and (max-width:5600px) { 
	.quickmenu { position: absolute; top: 0; width: 80px; z-index: 9999}
	
}
@media screen and (min-width:1441px) and (max-width:5600px) { 
	.quickmenu { right: -125px; }
	.main_arrow { right: 1%}
}
@media screen and (min-width:1301px) and (max-width:1441px) { 
	.quickmenu { right: -90px; }
	.main_arrow { right: 1%}
}
@media screen and (min-width:1381px) and (max-width:1400px) { 
	.quickmenu { right: -80px; }
	
}
@media screen and (min-width:1301px) and (max-width:1380px) { 
	.quickmenu { right: -40px; }
}
@media screen and (min-width:1px) and (max-width:1300px) { 
	.main_arrow { right: 1%; z-index: 9999}
	.footer { padding-bottom: 35px; }
	.quickmenu { position: fixed; top: inherit !important; bottom:0; right: 0; width: 100%; height: 30px; z-index: 9999; }
	.quickmenu .quick_list { margin-top: 0; border-top: 0 ; background-color: #e7e5e0; overflow: hidden; }
	.quickmenu .quick_list li a br { /*display: none;*/ }
	.quickmenu .quick_list li  { float: left; width: 14.25%; box-sizing: border-box; text-align: center; }
	.quickmenu .quick_list li a { padding: 4px 0 0 0; /*line-height: 40px;*/ height: 36px; overflow: hidden; }
	.quickmenu .gotop { clear: both; margin-top: 0;}
}

@media print{
	.quickmenu { display: none; }
}

@media screen and (min-width:1px) and (max-width:1200px) { 

	.sub_mob { display: block; position: absolute; top: 16px; right: 5px;font-weight: bold; }
	.sub_mob > a { background-color: #862a4c; color: #fff; padding: 6px 50px; border-radius: 3px; }
	
	.l_sidemenu { height: 0; opacity: 0; right: 0; transition: all .3s ease; position: absolute; top: 0; width: 0; height: 0; display: none; }
	.l_sidemenu { top: 50px; background-color: #fff;  border:1px solid #87294c;}
	.l_sidemenu.selected { height: auto; opacity: 1; right: -1px ; z-index: 10; width:320px; display:block }
	

	.header .header_container { width: auto; }
	.header #lnb .lnb_container { width: auto }


	.dept_pager .dept_pager_container { width: auto }


	.section_container { width: auto}
	

	.main_notice { width: 38%; }
	.main_data { width: 38%; left: 62%; }
	.main_banner { width: 20%; left: 40%; }

	.main_calendar .cal_year { margin-left: 0; }

	.main_banner li { width: auto; }
	.main_banner li a {background-position: 94% center; padding-left: 10%; }

	

	.main_about ul li { width: 20%; margin-left: 0; }
	.main_about ul li:first-child { margin-left: 0; }
	.main_about ul li .thumb img { width: 80%}

	.section03 { padding: 0}
	.main_media { width: auto; float: none; text-align: center; height: auto; margin-bottom: -3px;}
	/* 	.main_media  video { width: 100%; } */
	.main_award { width: 50%; }
	.main_artcenter { width: 50%; }
	.main_artcenter .artcenter_pic { height: 150px; overflow: hidden }
	.main_artcenter .artcenter_pic img { width: 100%; height: 100%;  }

	.main_artcenter ul li.resv_01, 
	.main_artcenter ul li.resv_02, 
	.main_artcenter ul li.resv_03, 
	.main_artcenter ul li.resv_04 , 
	.main_artcenter ul li { width: 48%; margin: 0.5%; }
	.main_artcenter ul li a	 { width: auto; }

	.footer { padding: 0 5px 35px 5px ; }
	.footer .footer_container { width: auto }
	.footer .footer_container .contact_wrap .footer_logo { display: none; }
	.footer .footer_container .contact_wrap .contact { padding: 15px 0 ; width: 75%; }
	.footer .footer_container .contact_wrap .contact .dept_contact  {margin-left: -2px; } 
	.footer .footer_container .contact_wrap .contact .address li { margin-bottom: 2px; padding-left:  0; background-image: none; }
	.footer .footer_container .contact_wrap .contact .dept_contact li , 
	.footer .footer_container .contact_wrap .contact .dept_contact li:first-child{ margin: 0 1px; margin-bottom: 2px;}
	.footer .mainbanner { position: static; float: right ; padding-top: 15px;; }


	.r_contents { width: auto; float: none; padding: 0 5px;}
	/*.layout_sub .section_container { overflow: hidden } */
	.r_contents .contents_title { height: 50px}
	.r_contents .contents_title h4 { padding-top: 0; line-height: 50px;}
	.r_contents .contents_title .page_history { position: absolute; top: 17px; right: 180px; margin-top: 0}


	.l_sidemenu h3 { height: auto; margin-top: 0; background-image: none; background-color: #87294c; }
	.l_sidemenu h3 span { padding: 10px 0; width: auto }
	.l_sidemenu .sidemenu { border-top: none; width: auto }

}
@media screen and (max-width:1000px) { 
	.main_visual .slick-dots { display: none !important }
	.dept_pager .dept_pager_container .dept_pager_list { width: 100%; top: 480px; }
	.dept_pager .dept_pager_container .dept_pager_list .slick-slide { float: left !important; margin-left: -1px; width: 25.1% !important; box-sizing: border-box; }
	.dept_pager a { margin-top: 0; width: auto ;; background-image: none; background-color: rgba(0,0,0,0.3); }
	.dept_pager .slick-slide.slick-current.slick-active a { background-color: rgba(182,151,86,0.8);}

	.main_visual .mainSlider .main_visual_01, 
	.main_visual .mainSlider .main_visual_02, 
	.main_visual .mainSlider .main_visual_03, 
	.main_visual .mainSlider .main_visual_04 { height: 550px}

	.dept_pager, 
	.dept_pager .dept_pager_container { height: auto }


	.section01 { padding: 30px 0}
	.section01 .section_container { height: auto; padding: 0 5px; }
	.main_notice { width: 49%; position: static; float: left; }
	.main_data { width: 49%; position: static; float: left; margin-left: 2%; }
	.main_banner { position: static; clear: both ; width: auto; padding-top: 20px; overflow: hidden }
	.main_banner li {  margin-top: 0; width: 25% ; border-left: 1px solid #fff; float: left; box-sizing: border-box; }

	.section02 { padding-bottom: 30px; }
	.main_title h3 { font-size: 1.5em; padding: 0 10px; }  
	.main_about { margin: 20px auto 0;	}

	.main_arrow { display: none !important; ; }

	
}
@media screen and (min-width:1px) and (max-width:900px) { 

}
@media screen and (min-width:1px) and (max-width:860px) { 
	.footer .footer_container .contact_wrap .contact { width: auto; float: none; }
	.footer .mainbanner { float: none; width: auto; padding-top: 0; display: none; } /*  BANNER  */
	.footer .mainbanner .slick-list { width: 94%; }
	.footer .mainbanner .slick-list .slick-slide { width: auto !important; float: left; margin-right: 2px; ;}
}

.mobilemenu{display:none}
.mobilemenu{position:absolute ;top:25px;right:20px;width:25px;height:25px;text-align:center;transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.mobilemenu span{display:block;width:100%;height:2px;background-color:#af945b;transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease; border-radius: 2px;}
.mobilemenu span.line2{ margin:7px  auto}
.mobilemenu.selected span{background-color:#af945b; }
.mobilemenu.selected .line1{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:0;margin-top:5px}
.mobilemenu.selected .line2{width:0;height:0;margin:0; opacity: 0; }
.mobilemenu.selected .line3{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform: (-45deg);margin-top:-3px}


#m_lnb{position:absolute;z-index:1500;transition:all .3s ease;height:0;opacity:0;width:100%;right:-100%;overflow:hidden}



@media screen and (min-width:1px) and (max-width:768px) { 
	.header #lnb { display: none; }
	/* .header .header_container .gnb { display: none } */
	.header .header_container .gnb .home, 
	.header .header_container .gnb .gnb_font { display: none; }
	.header .header_container .gnb { top: 22px; right: 40px; }

	/*  PC LNB  */
	.lnb-wrap {  display: none }
	.mobilemenu  { display: block;  z-index: 999;cursor: pointer; }
	
	#m_lnb.selected { opacity: 1; height: auto; right: 0; top: 60px; background-color: #af945a; }
	
	.header #m_lnb > ul > li { }
	.header #m_lnb > ul > li a { display: block; padding: 12px 10px; font-weight: bold; color: #fff; font-size: 1em}
	.header #m_lnb > ul > li span { display: block; }
	.header #m_lnb .m_nav-item .sub-nav { display: none }
	.header #m_lnb .m_nav-item.selected .sub-nav { display: block; border-top: 1px solid #926e35; background-color: #e3e3e3;  }
	.header #m_lnb .m_nav-item.selected .sub-nav a { color: #926e35; padding: 8px 10px;}
	.header #m_lnb .m_nav-item.selected .sub-nav2 { background-color: #eee;}

	.header { height: 60px; }
	.header .header_container .logo { top: 10px; left: 10px; }
	.header .header_container .logo img { width: 180px; }


	.main_notice .bbs_list li a, 
	.main_data .bbs_list2 li a { font-size: 1em; padding: 9px 12px; }

	.main_calendar .cal_year { display: none;}
	.main_calendar .cal_tbl { width: auto ; float: none;}

	.main_about ul li h4 { padding-top: 10px; font-size: 1em }

	.footer .footer_container .policy li { padding: 0 8px; }
	.footer .familysite .site_go{ width: auto }


	.l_sidemenu h3 span { font-size: 1.5em}
	.l_sidemenu .sidemenu .side-item > a { font-size: 1em; padding: 8px 0 8px 15px; }
	.l_sidemenu .sidemenu .side-item.selected .side-sub { padding: 10px; }
	.l_sidemenu .sidemenu .side-item.selected .side-sub li > a { font-size: 1em; }
	.l_sidemenu .sidemenu .side-item.selected .side-sub li { margin-top: 0}


}


@media screen and (max-width:740px) { 
	.sub_visual { height: 260px; }
	.sub_visual .sub_visual_01  { background-image: url("../images/global/m_sub_visual_01.jpg");  height: 260px; width: 100%; }
	.sub_visual .sub_visual_02  { background-image: url("../images/global/m_sub_visual_02.jpg");  height: 260px; width: 100%; }
	.sub_visual .sub_visual_03  { background-image: url("../images/global/m_sub_visual_03.jpg");  height: 260px; width: 100%; }
	.sub_visual .sub_visual_04  { background-image: url("../images/global/m_sub_visual_04.jpg");  height: 260px; width: 100%; }
}
@media screen and (max-width:600px) { 
	.footer { padding-bottom: 70px; }
	.footer .footer_container .policy  { border-bottom: 1px solid #1e2024}
	.footer .footer_container .policy li { padding: 0; width: 50%; margin-left: -1px; text-align: center; }
	.footer .footer_container .policy li:first-child { border-left: none; }
	.footer .familysite { position: absolute; bottom: 33px; right: 0; width: 100%; float: none; border-top: 1px solid #1e2024}
	.footer .familysite dl { width: 90%; }
	.footer .familysite .site_go { width: 10%;}
	.footer .familysite dl dd.selected { top: -177px; }
	.footer .footer_container .contact_wrap .contact .dept_contact li { font-size: 11px; }


	.r_contents .contents_title h4 { font-size: 1.5em }
	.sub_mob > a { padding: 6px 10px;}
	.r_contents .contents_title .page_history { right: 95px}


	.main_media video { width: 100%}
}
@media screen and (max-width:560px) { 
	.main_notice { width: auto; float: none; }
	.main_data { width: auto; float: none; margin-top: 20px; margin-left: 0; }
	.main_calendar .cal_year  { display: block; width: auto; float: none; }
	.main_calendar .cal_year p:first-child { padding-top: 0;  display: inline}
	.main_calendar .cal_year .month { font-size: 1em; display: inline}

	.section_container .bbs_tit { margin-bottom: 10px; font-size: 1.5em }
	.main_banner li  { height: auto }
	.main_banner li  a { font-size: 1em;  font-weight: 400; text-align: center; padding: 10px 0; letter-spacing: -0.7px; }
	.main_banner li.banner01 a, 
	.main_banner li.banner02 a, 
	.main_banner li.banner03 a, 
	.main_banner li.banner04 a { background-image: none }

	.main_award { width: auto ;float: none; height: auto; padding: 10px }
	.main_artcenter { width: auto ;float: none; height: auto; }
	.main_award .award_img { display: none }
	.main_award ul { display: block; margin-top: 0; }	
	.main_award ul li { width: 48%; margin: 0 0.5%; }
	.main_artcenter .artcenter_pic { display: none }
	.main_artcenter .main_artcenter_container { padding-bottom: 25px;}
	.main_artcenter h4 { font-size: 1.5em; padding-bottom: 10px;}
	

}
@media screen and (max-width:530px) { 
	/* .quickmenu .quick_list li { float: none; width: auto }
	.quickmenu .quick_list li a { padding: 7px 0;} */
}


@media screen and (max-width:480px) { 
	.mobilemenu { top: 35px; }
	.header { padding-top: 25px; }
	.header .header_container .gnb { background-color: rgba(0,0,0,0.6); right: 0; top: -25px; height: 25px; width: 100%; }
	.header .header_container .logo { top: 5px; }
	.header .header_container .logo img { width: 150px; }


	.main_visual .mainSlider .main_visual_01, 
	.main_visual .mainSlider .main_visual_02, 
	.main_visual .mainSlider .main_visual_03, 
	.main_visual .mainSlider .main_visual_04 { height: 400px; background-size: cover}
	.dept_pager a { height: auto; padding: 10px 0; }
	.dept_pager a .eng { display: none; }
	.dept_pager a .font_noto { padding-top: 0; font-size: 14px; }
	.dept_pager .dept_pager_container .dept_pager_list { top: 359px; height: 40px; overflow: hidden }

	.r_contents .contents_title .page_history { display: none }
}

@media screen and (max-width:380px) { 
	#m_lnb { width: 100%}
	
	.footer .footer_container .contact_wrap .contact .dept_contact li, 
	.footer .footer_container .contact_wrap .contact .dept_contact li:first-child{ width: 49%; margin: 0 0.3%; margin-bottom: 2px; padding: 7px 4px; box-sizing: border-box; height: 27px; }

}
 
@media screen and (max-width:360px) { 
	.main_about ul li { width: 50%; margin-bottom: 10px;}
	
	.main_artcenter ul li.resv_01, 
	.main_artcenter ul li.resv_02, 
	.main_artcenter ul li.resv_03, 
	.main_artcenter ul li.resv_04, 
	.main_artcenter ul li { width: auto; float: none; margin: 2px 0 0 0}
}