@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);


/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0;padding:0;-webkit-text-size-adjust: none}
body, html{width:100%;height:100%;}
body, input, textarea, select, button, table{
    font-family: 'S-CoreDream', 'Noto Sans KR', sans-serif, 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;	
}
img, fieldset, button {border:0;outline:none;} ul, ol, li{list-style: none} a {text-decoration: none;outline:none}
img{vertical-align:top}
/* playl */
.container{width:calc(100% - 100px);transition:0.5s}
.container.off{width:100%}

/* Header */
.admin_menu{position:fixed;top:50%;left:0px;z-index:99999;background:#fff;padding:10px;border:1px solid #eee;box-shadow:0px 0px 5px #eee;transform:translateY(-50%);}
.admin_menu a{color:#262626;display:block;text-align:center;padding:10px}
.admin_menu.on .admin_toggle{border-bottom:1px solid #999;margin-bottom:10px}
.admin_menu .hidden{display:none}
.admin_menu.on .hidden{display:block}
.admin_menu.on a:hover{color:#573f2e}


.header{width:calc(100% - 100px);margin:0 auto;position:fixed;top:0;left:0;z-index:99990;height:100px;transition:0.5s;}
.header.off{width:100%}
.header .header_fix{width:calc(100% - 40px);padding:0 20px;max-width:1440px;margin:0 auto;line-height:30px;font-size:14px;transition:0.5s;font-weight:300;}
.header .header_fix .logo{width:300px;float:left;height:80px;position:relative;padding:10px 0;transition:0.5s;background:url('../img/logo.png') no-repeat center;background-size:contain}
.header .header_fix .logo a{display:block;width:100%;height:100%}
.header .header_fix .gnb{float:right}
.header .header_fix .gnb .depth1{float:left;width:90px;text-align:center;line-height:100px;transition:0.5s;}
.header .header_fix .gnb .depth1:hover .depth2{display:block}
.header .header_fix .gnb .depth1 .depth1_a{color:#2e2e2e}
.header .header_fix .gnb .depth1 .depth1_a.on{color:#573f2e}
.header .header_fix .gnb .depth1 .depth2{line-height:30px;padding:20px 0;width:160px;position:relative;left:-35px;display:none;}
.header .header_fix .gnb .depth1 .depth2:after{content:'';width:calc(100% + 20px);height:100%;top:0;left:-10px;position:absolute;background:#573f2e;z-index:-1;}
.header .header_fix .gnb .depth1 .depth2 li{overflow:hidden;padding:10px 0;}
.header .header_fix .gnb .depth1 .depth2 a{color:#f4f4f4;font-size:13px;padding-bottom:3px;display:inline-block;border-bottom:2px solid transparent}
.header .header_fix .gnb .depth1 .depth2 a:hover{border-bottom:2px solid #f4f4f4}
.header .header_fix .gnb .depth1 .depth2 a.on{border-bottom:2px solid #f4f4f4;font-weight:bold;padding-bottom:2px}

.header:hover{background:rgba(251,245,236,0.9);box-shadow:0 0 2px #2e2e2e;}
.header.down{height:80px;background:rgba(251,245,236,0.9);box-shadow:0 0 2px #2e2e2e;}
.header.down .header_fix .logo{height:60px;width:240px;}
.header.down .header_fix .depth1{line-height:80px;}
.header.down .header_fix .gnb .depth1 .depth2 a{font-size:13px}

.header .m_gnb{float:right;position:relative;margin-right:10px;display:none;}
.header .m_gnb a{color:#2e2e2e;font-size:17px;line-height:76px;padding-right:40px;position:relative;overflow:hidden;display:block;transition:0.5s}
.header .m_gnb a span{display:block;width:24px;height:3px;background:#2e2e2e;position:absolute;transition:0.5s}
.header .m_gnb a .m_btn1{top:40%;right:0%}
.header .m_gnb a .m_btn2{top:50%;right:0%;width:18px}
.header .m_gnb a .m_btn3{top:60%;right:0}
.header .m_gnb a:hover .m_btn1{
-moz-animation:scale_change 1s linear infinite;
-ms-animation:scale_change 1s linear infinite;
-o-animation:scale_change 1s linear infinite;
-webkit-animation:scale_change 1s linear infinite;
animation:scale_change 1s linear infinite;	
}
.header .m_gnb a:hover .m_btn2{
-moz-animation:scale_change2 1s linear infinite;
-ms-animation:scale_change2 1s linear infinite;
-o-animation:scale_change2 1s linear infinite;
-webkit-animation:scale_change2 1s linear infinite;
animation:scale_change2 1s linear infinite;	
}
.header .m_gnb a:hover .m_btn3{
-moz-animation:scale_change 1s linear infinite;
-ms-animation:scale_change 1s linear infinite;
-o-animation:scale_change 1s linear infinite;
-webkit-animation:scale_change 1s linear infinite;
animation:scale_change 1s linear infinite;	
}


.detail_menu{position:fixed;width:400px;height:100vh;min-height:1000px;top:0;right:-600px;z-index:99999;background:#fbf5ec;transition:0.5s;box-shadow:0 0 2px #2e2e2e;overflow-y:auto}
.detail_menu.on.off{right:0}
.detail_menu .dm_close{position:absolute;top:60px;right:60px;display:block;}
.detail_menu .dm_close span{display:block;width:24px;height:3px;background:#262626;position:absolute;transition:0.5s}
.detail_menu .dm_close .m_btn1{transform:rotate(45deg);top:50%}
.detail_menu .dm_close .m_btn2{transform:rotate(-45deg);top:50%}
.detail_menu.on{right:80px}
.detail_menu .gnb_sub{padding:80px 30px;overflow:auto;height:calc(100vh - 160px);}
.detail_menu .gnb_sub .depth1 li{overflow:hidden;padding:12px 24px}
.detail_menu .gnb_sub .depth1 li .depth1_a{font-size:17px;color:#262626;line-height:30px}
.detail_menu .gnb_sub .depth1 li.on .depth1_a{font-weight:700}
.detail_menu .gnb_sub .depth1 li.on .m_depth1{display:block}
.detail_menu .gnb_sub .depth1 li .m_depth1{display:none}
.detail_menu .gnb_sub .depth1 li .m_depth1 a{font-size:15px;color:#aaa;line-height:30px}
.detail_menu .gnb_sub .depth1 li .m_depth1 a.on{font-weight:700;color:#262626}


/* Body */
.body{min-height:100vh;}
.content{width:100%;margin:0 auto;overflow:hidden;max-width:1440px;padding:100px 0}
.sub_page_top{width:100%;position:relative;}
.sub_page_top .spt_bg{width:100%;min-height:760px;height:100vh;max-height:800px;background-size:cover !important;position:relative;z-index:1}
.sub_page_top .spt_bg:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0.7);z-index:0;display:none}
.sub_page_top .spt_bg:after{content:'';width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url('../img/02_about/logo_wm.png') no-repeat center;background-size:contain;z-index:1}
.sub_page_top .spt_bg .text{width:calc(100% - 100px);padding:0 50px;max-width:1340px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}
.sub_page_top .spt_bg .text h2{font-size:21px;font-weight:300}
.sub_page_top .spt_bg .text h3{font-size:42px;font-weight:600}
.sub_page_top .spt_bg .text h2 br{display:none}


.quick_menu{width:100px;height:100vh;position:fixed;right:0;top:0;z-index:999999;background:#606060;transition:0.5s}
.quick_menu ul li img{vertical-align:top;padding:20px;width:100%;max-width:60px;}
.quick_menu ul.btn_top{position:fixed;bottom:0;right:0;transition:0.5s}
.quick_menu ul.btn_top.off{right:-100px;}
.quick_menu ul.text{height:calc(100vh - 600px);position:relative}
.quick_menu ul.text li{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.quick_menu ul.text li b{font-size:15px;color:#fff;display:block;font-weight:600}
.quick_menu ul.text li h3{color:#ffbf81;font-size:24px;display:block;font-weight:700}
.quick_menu ul.text li a{display:block;color:#fff;font-size:24px;font-weight:600;margin-top:20px;}
.quick_menu ul.btn_toggle{position:fixed;top:50%;right:60px;display:none;transform:translateY(-50%);background:#a07a57;transition:0.5s}
.quick_menu ul.btn_toggle li img{max-width:60px;padding:0}
.quick_menu ul.btn_toggle.on{right:0;}

.quick_menu.off{right:-60px;}

/* LNB */
.lnb{width:100%;padding:20px 0;background:#fbf5ec;box-shadow:0 0 2px #fbf5ec;position:relative;height:40px;box-shadow:0 0 2px #888;z-index:2}
.lnb .lnb_fix{width:100%;max-width:1440px;margin:0 auto;font-size:15px}
.lnb .lnb_fix ul{float:left;padding:0 40px;border-right:1px solid #573f2e;line-height:24px;margin:8px 0}
.lnb .lnb_fix ul a{display:block;font-size:15px;color:#573f2e;word-break:keep-all}



.lnb .lnb_fix ul.depth2{border-right:0;position:relative;}
.lnb .lnb_fix ul.depth2 .more{min-width:160px;}
.lnb .lnb_fix ul.depth2 .more span{display:inline-block;transition:0.5s;float:right;margin-left:10px;}

.lnb .lnb_fix ul .depth2_more{position:absolute;top:53px;left:0px;background:#fbf5ec;padding:20px 40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 0 2px #888;z-index:5;display:none}
.lnb .lnb_fix ul .depth2_more li{line-height:30px;text-align:center;padding:15px 0}
.lnb .lnb_fix ul .depth2_more li .on{font-weight:bold;border-bottom:1px solid #573f2e}
.lnb .lnb_fix ul .depth2_more li a{display:inline-block}
.lnb .lnb_fix ul .depth2_more li a:hover{font-weight:bold}




/* Bottom Banner */
#bottom_info .top_banner{width:100%;padding:150px 0;background:url('../img/bottom_banner_back.jpg') no-repeat center;background-size:cover;text-align:center;color:#fff;vertical-align:middle}
#bottom_info .top_banner img{display:inline-block;width:200px;vertical-align:middle}
#bottom_info .top_banner h1{font-size:42px;display:inline-block;font-weight:300}
#bottom_info .section_fix{;width:calc(100% - 40px);padding:100px 20px;max-width:1440px;margin:0 auto;overflow:hidden;position:relative}
#bottom_info .section_fix .fl{width:calc(50% - 50px);padding-right:50px;float:left}
#bottom_info .section_fix .fl h1{font-size:54px;font-weight:300;margin-bottom:10px;}
#bottom_info .section_fix .fl p{font-size:19px;margin-bottom:50px;}
#bottom_info .section_fix .fl #map{width:100%;height:400px;}
#bottom_info .section_fix .fr{width:calc(50% - 50px);padding-left:50px;float:left}
#bottom_info .section_fix .fr h3{font-size:32px;font-weight:300;margin-bottom:20px;}
#bottom_info .section_fix .fr table{width:100%;table-layout:fixed;margin-bottom:50px;border-collapse: collapse;line-height:30px;}
#bottom_info .section_fix .fr table .col1{width:40%}
#bottom_info .section_fix .fr table .col2{width:60%}
#bottom_info .section_fix .fr table th{padding:8px 16px;text-align:left;font-size:15px;font-weight:300;background:rgba(0,0,0,0.2);border-top:1px solid #eee;border-bottom:1px solid #eee;line-height:50px;}
#bottom_info .section_fix .fr table th span{font-size:13px;display:block;line-height:20px;}
#bottom_info .section_fix .fr table td{padding:8px 16px;text-align:center;font-size:17px;border-top:1px solid #eee;border-bottom:1px solid #eee}
#bottom_info .section_fix .fr a{display:block;font-size:42px;font-weight:600;color:#888}



/* Footer */
.footer{width:100%;overflow:hidden;background:#573f2e;color:#fbf5ec}
.footer .footer_top{margin:0 auto;height:60px;position:relative;background:#573f2e;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee}
.footer .footer_top .ft_fix{width:calc(100% - 40px);padding:0 20px;max-width:1440px;margin:0 auto;position:relative}
.footer .footer_top .fl li{float:left;position:relative}
.footer .footer_top .fl li a{display:block;font-size:12px;color:#fbf5ec;padding:0 20px;line-height:16px;margin:22px 0;border-right:1px solid #fff}
.footer .footer_top .fl li:last-child a{border-right:0}
.footer .footer_top .fr li{float:left}
.footer .footer_top .fr li a{display:block;background:rgba(255,255,255,0.5);width:36px;height:36px;border-radius:18px;text-align:center;margin:12px 10px 0}

.footer_body{width:calc(100% - 40px);max-width:1440px;margin:0 auto;overflow:hidden;padding:40px 20px;color:#fff}
.footer_body .logo{width:300px;float:left;height:80px;position:relative;background:url('../img/logo_w.png') no-repeat center;background-size:contain}
.footer_body .logo a{display:block;width:100%;height:100%}

.footer_body .info{float:left;width:calc(100% - 730px);padding-left:100px;padding-right:30px;}
.footer_body .info ul li:first-child{line-height:40px;height:40px;font-size:24px;margin-bottom:10px;}
.footer_body .info ul li{font-size:14px;line-height:36px;position:relative}
.footer_body .info ul li:after{content:'';width:1px;height:14px;background:#fff;position:absolute;top:11px;left:0}
.footer_body .info ul li:first-child:after{display:none}
.footer_body .info ul li p{padding-left:10px;font-weight:300}

.footer_body .time{float:left;width:300px;}
.footer_body .time ul{width:100%;float:left}
.footer_body .time ul li:first-child{line-height:40px;height:40px;font-size:21px;margin-bottom:10px;}
.footer_body .time ul li{font-size:14px;line-height:36px;position:relative}
.footer_body .time ul li:after{content:'';width:1px;height:14px;background:#fff;position:absolute;top:11px;left:0}
.footer_body .time ul li:first-child:after{display:none}
.footer_body .time ul li p{padding-left:10px;font-weight:300}
.footer_body .time ul li p span{display:inline-block;width:130px}
.footer .copyright{text-align:Center;font-size:12px;background:#352419;line-height:50px;padding:0 10px;color:#fff}




@media all and (max-width:1440px){
	.admin_menu{display:none}
	.header{height:80px;width:calc(100% - 80px)}
	.header .header_fix .logo{height:60px;width:240px;}
	.header .header_fix .gnb .depth1{line-height:80px;font-size:13px;}
	.container{width:calc(100% - 80px)}
	.quick_menu{width:80px;}
	.quick_menu ul li img{max-width:50px;padding:15px;}
	.quick_menu ul.text li b{font-size:12px;}

}


@media all and (max-width:1400px){
	.header .header_fix .gnb{display:none}
	.header .m_gnb{display:block}

	.footer_body .info{float:left;width:calc(100% - 700px);padding-left:70px;padding-right:30px;}
}

@media all and (max-width:1200px){
	.footer_body .logo{width:240px;}
	.footer_body .info{width:calc(100% - 640px);padding-left:70px;padding-right:30px;}
	.footer_body .time{width:240px;}
}

@media all and (max-width:1024px){
	.lnb{padding:16px 0}
	.lnb .lnb_fix{font-size:13px;}
	.lnb .lnb_fix ul{padding:0 30px;}
	.lnb .lnb_fix ul a{font-size:13px;}
	.lnb .lnb_fix ul.depth2 .more{min-width:140px;}
	.lnb .lnb_fix ul .depth2_more{top:49px;}
	.lnb .lnb_fix ul .depth2_more li{padding:12px 0;}

	.footer_body{text-align:center}
	.footer_body .logo{width:100%;margin-bottom:30px;}
	.footer_body .info{width:calc(50% - 44px);max-width:320px;padding:0 20px;display:inline-block;text-align:left;float:none;vertical-align:top}
	.footer_body .time{width:calc(50% - 44px);max-width:240px;padding:0 20px;display:inline-block;text-align:left;float:none;vertical-align:top}
}

@media all and (max-width:768px){
	.header{width:calc(100% - 60px)}
	.container{width:calc(100% - 60px)}
	.quick_menu{width:60px;}
	.quick_menu ul li img{max-width:40px;padding:10px;}
	.quick_menu ul.text li b{font-size:10px;}
	.quick_menu ul.text li h3{font-size:18px;}
	.quick_menu ul.text li a{font-size:20px;margin-top:10px;}
	.detail_menu{width:300px;}
	.detail_menu.on{right:60px;}
	.detail_menu .gnb_sub .depth1 li .depth1_a{font-size:15px;}
	.detail_menu .gnb_sub .depth1 li .m_depth1 a{font-size:13px;}
	.detail_menu .gnb_sub .depth1 li{padding:12px 18px;}

	.quick_menu ul.btn_toggle{display:block}

	.sub_page_top .spt_bg{min-height:560px;max-height:640px;}
	.sub_page_top .spt_bg .text h2{font-size:19px;}
	.sub_page_top .spt_bg .text h3{font-size:27px;}

	.footer_body .info ul li:first-child{font-size:19px;}
	.footer_body .time ul li:first-child{font-size:19px;}
	.footer_body .time ul li{font-size:13px;}
}

@media all and (max-width:640px){
	.sub_page_top .spt_bg{min-height:360px;max-height:480px;}
	.sub_page_top .spt_bg:before{display:block}
	.sub_page_top .spt_bg .text{text-align:center;word-break:keep-all}
	.sub_page_top .spt_bg .text h2{font-size:17px;line-height:1.6;margin-bottom:10px;}
	.sub_page_top .spt_bg .text h2 br{display:block}

	.footer_body .info ul li:first-child{font-size:15px;}
	.footer_body .info ul li:after{display:none}
	.footer_body .info ul li{font-size:11px;line-height:20px}
	.footer_body .info ul li p{padding-left:0}

	.footer_body .time ul li:first-child{font-size:15px;}
	.footer_body .time ul li:after{display:none}
	.footer_body .time ul li{font-size:12px;line-height:24px}
	.footer_body .time ul li p{padding-left:0}
}

@media all and (max-width:540px){
	.header .header_fix .logo{width:180px;}
	.header.down .header_fix .logo{width:180px;}

	.lnb{padding:12px 0}
	.lnb .lnb_fix ul{padding:0 20px;}
	.lnb .lnb_fix ul.depth2 .more{min-width:120px;}
	.lnb .lnb_fix ul .depth2_more{top:45px;}
	
	.footer_body .logo{height:60px;margin-bottom:10px;}
	.footer_body .info{width:100%;padding:0;max-width:none;text-align:center}
	.footer_body .info ul li:first-child{display:none}
	.footer_body .time{display:none}
}


@media all and (max-width:480px){
	.footer .footer_top{height:auto;overflow:hidden;}
	.footer .footer_top .fl li{width:calc(100% / 3);text-align:center;}
	.footer .footer_top .fl li a{font-size:10px;border-right:0;padding:0 8px;margin:12px 0}
	.footer .copyright{font-size:10px;}
}