@charset "UTF-8";
@import url(menu.css);
@import url(sub_con.css);
/*  */
.sec01_Bot {margin-top: 30px;margin-bottom:10px; position: relative; z-index: 99;}
.sec01_Bot::after {clear: both; display: block; content: "";}
.sec01_Bot.t01 {margin-top: 25px;}
.sec01_Bot.t02 {margin-top: 19px;}
.fes_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
.fes_list li {width: 24%;position: relative; border: 1px solid #bdbcbc;}
.fes_list li a:hover {background-color:#d1cbb1;}
.fes_list li .fes_flag {left: 20px; top: 0px; width: 46px; height: 44px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 13px; position: absolute; z-index: 10;}
.fes_list li.t01 .fes_flag {background: url("bg_flag_02.png");}
.fes_list li.t02 .fes_flag {background: url("bg_flag_02.png");}
.fes_list li.t03 .fes_flag {background: url("bg_flag_02.png");}
.fes_list li.t04 .fes_flag {background: url("bg_flag_02.png");}
.fes_list li a {background: rgb(240, 240, 240); height: 200px; display: block; position: relative;}
.fes_list li a .fes_img {height: 50%; text-align: center; overflow: hidden;background-color:#d1cbb1;}
.fes_list li a .fes_img img {transition:0.3s;}
.fes_list li a:hover .fes_img img {transform: scale(1.2);}
.fes_list li a .fes_info {background: rgb(255, 255, 255); padding: 2px 0px; left: 50%; width: 95%; height: 100px; bottom: 20px;position: absolute;transform: translate(-50%, 0%);}
.fes_list li a .fes_info span {text-align: center; color: rgb(117, 117, 117); font-size: 13px; display: block;}
.fes_list li a .fes_info .fes_bar {margin: 10px auto; width: 40px; height: 0px;}
.fes_list li.t01 a .fes_info .fes_bar {border-top-color: rgb(223, 103, 103); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t02 a .fes_info .fes_bar {border-top-color: rgb(46, 167, 189); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t03 a .fes_info .fes_bar {border-top-color: rgb(54, 121, 190); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t04 a .fes_info .fes_bar {border-top-color: rgb(247, 189, 23); border-top-width: 3px; border-top-style: solid;}
.fes_list li a .fes_info strong {text-align: center; color: rgb(0, 0, 0); line-height: 30px; overflow: hidden; font-family: "Nanum Myeongjo", "batang", serif; font-size: 22px; margin-bottom: 12px; display: block; max-height: 60px;}
.fes_list li a .fes_info p {margin: 0px; text-align: center; color: rgb(102, 102, 102); font-size: 14px;}
#m_cont_area #m_cont01,#m_cont02,#m_cont03,#m_cont04 {width:100%;position:relative;overflow:hidden;}
.son10 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.son10 > li {width: 24%;float: left;position: relative;border: 1px solid #bdbcbc;}
/*  */
#m_cont02 .etc_link {float:left;width:100%;height:240px;border:1px solid #d0ceca;background-color:#b1c4d1;}
.etc_link li {float:left;margin:0;width:100%}
.etc_link li a {padding:0 0 0 0;display:block;font-size:15px;color:#212121;letter-spacing:-0.5px;}
.etc_link li a span{margin:15px 0 0 65px;display:inline-block}
.etc_link li a.icon01 {background:url("bg_link01.png") left top no-repeat #e0ecd0;width:100%;height:48px;display:block;}
.etc_link li a.icon01:hover {background:url("bg_link01_ov.png") left top no-repeat #4c6d97;width:100%;height:48px;display:block;color:#fff;}
.etc_link li a.icon02 {background:url("bg_link02.png") left top no-repeat;width:100%;height:48px;display:block;}
.etc_link li a.icon02:hover {background:url("bg_link01_ov.png") left top no-repeat #4c6d97;width:100%;height:48px;display:block;color:#fff;}
.etc_link li a.icon03 {background:url("bg_link03.png") left top no-repeat #e0ecd0;width:100%;height:48px;display:block;}
.etc_link li a.icon03:hover {background:url("bg_link01_ov.png") left top no-repeat #4c6d97;width:100%;height:48px;display:block;color:#fff;}
.etc_link li a.icon04 {background:url("bg_link04.png") left top no-repeat;width:100%;height:48px;display:block;}
.etc_link li a.icon04:hover {background:url("bg_link01_ov.png") left top no-repeat #4c6d97;width:100%;height:48px;display:block;color:#fff;}
.etc_link li a.icon05 {background:url("bg_link05.png") left top no-repeat #e0ecd0;width:100%;height:48px;display:block;}
.etc_link li a.icon05:hover {background:url("bg_link01_ov.png") left top no-repeat #4c6d97;width:100%;height:48px;display:block;color:#fff;}

/**  **/
.cot_box {background-color: #292a2f;float:left; width:100%;height:240px;position:relative;overflow:hidden;margin:0px;display:inline-block;animation:anima 1s;-webkit-animation:anima 1s;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cot_box p{margin:0}
.cot_box .textbox{position:absolute; left:0; bottom:0; z-index:1; width:100%; height:47px; padding:15px 0 0 0; color:#444; background-color: rgba(8, 95, 76, 0.8);text-align:center}
.cot_box .textbox h2{display:block; font-size:18px; color:#fff; font-weight:600}
.pic-caption {cursor:default;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .50);padding:70px 0 0 0px;text-align:center;-webkit-opacity:0;-moz-opacity:0;opacity:0}
.pic-image {position:relative;width:100% z-index:0; overflow:hidden;-webkit-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0)}
.cot_box:hover .pic-image {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.cot_box .pic-image, .pic-caption, .cot_box:hover .pic-caption, .cot_box:hover img, a, a:hover {-webkit-transition:all .2s ease;transition:all .2s ease}
.cot_box:hover .bottom-to-top, .cot_box:hover .come-left, .cot_box:hover .come-right, .cot_box:hover .left-to-right, .cot_box:hover .open-down, .cot_box:hover .open-left, .cot_box:hover .open-right, .cot_box:hover .open-up, .cot_box:hover .right-to-left, .cot_box:hover .rotate-in, .cot_box:hover .rotate-out, .cot_box:hover .top-to-bottom {position:absolute; left:0; bottom:0; z-index:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.bottom-to-top {top:90%;left:0}
.cot_box:hover .bottom-to-top {top:0;left:0}

/*  */
#m_cont02 .event{padding:10px 20px 25px;width:100%;height:240px;background:#fff url("bg_event.jpg") repeat-x top left; }
#m_cont02 .event h2{margin-bottom:5px;font-size:20px;color:#191919;letter-spacing:-2px;font-weight: 500;font-size: 20px;text-align: center;}
#m_cont02 .event ul li{margin-top:5px}
#m_cont02 .event ul li a{display:block;padding-left:17px;width:100%;height:44px;line-height:44px;font-size:15px;color:#000;border:1px solid #afb8dd;background:url("bg_eventBtn.png") repeat}
#m_cont02 .event ul li a span{padding-left:24px;background:url("icon_calendar.png") left top no-repeat}
#m_cont02 .event ul li a:hover{border:1px solid #032487;color:#fff;background:#3b5cbe}
#m_cont02 .event ul li a:hover span{background:url("icon_calendar_ov.png") left top no-repeat}

/* 01 */
.latest-box .notice3 {position:relative;width:70%;border: 1px solid #bdbcbc;}
.latest-box .notice3 .tit{height:50px;}
.latest-box .notice3 ul{background:#fff;;padding:10px;}
.latest-box .notice3 h2 {padding: 5px 10px 15px 20px;border-bottom: 1px solid #909090;display: block;text-align: left;font-family: 'Noto Sans KR';font-size: 1.5em;font-weight:400;margin: 10px 0 10px 0;}

.latest-box .notice4 {position:relative;width:29%;border: 1px solid #bdbcbc;height:854px;}
.latest-box .notice4 h2 {padding: 5px 10px 15px 20px;border-bottom: 1px solid #909090;display: block;text-align: left;font-family: 'Noto Sans KR';font-size: 1.5em;font-weight:400;margin: 10px 0 10px 0;}
.notice5{padding:10px;font-weight:300;font-size: 17px;}

/* 02 */
main{margin-top:80px;}
.inner7 { position: relative; max-width: 1400px;width:100%;margin: 0 auto;padding:10px 0 0;}
.latest-box { margin-bottom: 20px; overflow: hidden;}
.latest-box .notice2 {position:relative;width:49%;border: 1px solid #bdbcbc;}
.latest-box .notice2 .tit{height:50px;}
.latest-box .notice2 ul{background:#fff;;padding:10px;min-height: 220px;}
.latest-box .notice2 ul li a:before { display: inline-block;clear: both;content: '';width: 4px;height: 4px;vertical-align: 4px;margin: 0 7px 0 0;background: #00545e;}
.latest-box .notice2 ul li a span {font-weight:300;font-size: 17px;color:#000;line-height: 40px;}
.latest-box .notice2 ul li a span img {height: auto;border: 0;vertical-align: middle;}
.latest-box .notice2 ul li a strong {font-weight:400;font-size: 17px;color:#000;line-height: 40px;}
.latest-box .notice2 ul li a strong img {height: auto;border: 0;vertical-align: middle;}
.latest-box .notice2 h2 {padding: 10px 10px 12px 10px;border-bottom: 1px solid #909090;margin: 0;display: block;text-align:left;font-size: 1.5em;margin-block-start: 0.1em;margin-block-end: 0.2em;margin-inline-start: 0px; margin-inline-end: 0px;font-weight: 400;}
.latest-box .notice2 ul li a{display:block;height:40px;box-sizing:border-box;border-bottom:1px solid #d2d2d2;position:relative;padding-left:10px;padding-right:20px; }
.latest-box .notice2 ul li a:hover .txt strong{text-decoration:underline}
.latest-box .notice2 ul li a .date{position:absolute;right: 0;width:92px;text-align:center;line-height: 40px;font-size:16px;white-space: nowrap;letter-spacing: 0px;}
.latest-box .notice2 ul li a .txt{padding-top:19px;}
.soo1 {float:left;}
.soo2 {float:right;}
.latest-box:after{display:block;content:'';clear:both;}
.mainMore{position:absolute;top:12px;right:12px;}
.mainMore a{position:relative;display:block;width:37px;height:35px;background:url(bg_more_box.png) left top no-repeat;transition:all .3s}
.mainMore a:hover{transform:rotate(135deg)}
.mainMore a img{position:absolute;left:50%;margin-left:-5.5px;top:50%;margin-top:-5.5px;transition:all .3s}
.mainMore a:hover img{transform:rotate(-135deg)}

/* section05 margin: 0 0.5% 0 0;*/
.section05 {overflow:hidden;padding-top:30px;padding-bottom:30px;-ms-transition:0.8s ease;-webkit-transition:0.8s ease;transition:0.8s ease;position:relative;background:#f5f5f5;}
.section05::before {content:'';position:absolute;background:#dbdbdb;}
.section05 .inner {width:1400px;max-width:calc(100% - 0px);margin:0 auto;}
.section05 .inner::after {content:'';display:block;clear:both;}
.section05 .inner > div {width:calc(50% - 20px);float:left;position:relative;border: 1px solid #b1abab;padding: 10px;}
.section05 .inner > div:nth-child(2) {float:right;}
.section05 .title h2 {font-family:'Noto Sans KR';font-weight: 700;font-size:24px;color:#3b54a6;position:relative;display:inline-block;padding-bottom:4px;margin: 10px 0 10px 0;}
.section05 .title h2::before {content:'';width:100%;height:3px;background:#3b54a6;position:absolute;bottom:0;left:0;}
.section05 .list {font-size:20px;font-weight:500;color:#2d2d2d;margin-top:5px;}
.section05 .list ul li {margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section05 .list ul li:hover {text-decoration:underline;}
.section05 .list ul li a{display:block;height:40px;box-sizing:border-box;border-bottom:1px solid #d2d2d2;position:relative;padding-left:10px;padding-right:20px; }
.section05 .more {position:absolute;top:15px;right:10px;font-size:17px;color:#555555;font-weight:500;}
.section05 .more::after {content:'\e913';font-family:'xeicon';margin-left:5px;font-weight:bold;}
.section05 .inner1 {width:1400px;max-width: calc(100% - 0px); margin:0 auto;}
.latest-box .notice1 {position:relative;width:100%;border: 1px solid #bdbcbc;background:#fff;}
.latest-box .notice1 .tit{height:50px;}
.latest-box .notice1 ul{background:#fff;;padding:10px;}
.latest-box .notice1 h2 {padding: 10px 10px 10px 20px;border-bottom: 1px solid #909090;display: block;text-align: left;font-family: 'Noto Sans KR';font-size: 1.5em;font-weight:400;margin: 10px 0 10px 0;}

.photo_image {display: flex;justify-content: space-between;flex-wrap:wrap;}
.photo_image li {position: relative;display: inline-block;width: 24%;}
.photo_image img {position: relative;display: inline-block;width: 100%; height:auto;z-index: 1;}

body img {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.clearfix {display: block;}
.clearfix:after {content: "";display: table;clear: both;}
.skip {position: absolute;top: -9999px;width: 1px;height: 1px;margin: 0;padding: 0;background: none;font-size: 3px;color: transparent;line-height: 0}
.inner {max-width: 1400px;margin: 0 auto;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inner1 {max-width: 1400px;margin: 0 auto;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inner2 {max-width: 1400px;margin: 0 auto;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.inner3 {max-width: 1400px;margin: 0 auto;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.inner4 {max-width: 1400px;margin: 0 auto;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.inner5 {max-width: 1400px;margin: 10px auto;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.blind {position: absolute;top: -1000px;text-indent: -9999px;font-size: 0 !important;}

body {padding-top: 0px;}
#header {height: 80px;width: 100%;top: 40px;left: 0px;z-index: 100;position: absolute;background-color: #102e6c;}
#header .header_content .logo {position: absolute;top: 30px;left: 50%;margin-left: -650px;display: block;width: 312px;height: 39px;/*background-image: url(logo.png); */background-repeat: no-repeat;z-index: 100;}
.scroll_ready #header {top: -100px;transition: top 0.35s linear}
.scroll #header {position: fixed;top: 0;left: 0;height: 80px;background-color: rgba(255,255,255,1);border-bottom: 3px solid #ccc;}
.scroll #header .header_top {padding-top: 0px;height: 0px;}
.scroll_ready #header .header_content .logo {top: 0px;transition: top 0.3s linear}
.scroll #header .header_content .logo {position: fixed;width: 234px;height: 30px;left: 50px;top: 30px;display: block;background-image: url(logo.png);background-size: 100%;z-index: 200;margin-left: 0px;}
.scroll #lnb .nav .depth2_list {margin-top: -50px;}
.scroll #lnb .nav .depth2 .depth2_title {top: 30px;}
.scroll #lnb .nav .depth1_item.active .depth1_text:before {content: "";display: block;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 4px;background-color: #C5995C;opacity: 0;transform: scaleX(0);transition: all 0.2s linear;}
.scroll #lnb .nav .depth2 {top: 140px;height: calc(100% - 120px);}
.scroll #lnb .nav .depth2_list {position: relative;padding: 70px 55px 60px 440px;}
.lnb_active .scroll #lnb .nav .depth1_item.active .depth1_text:before {opacity: 1;transform: scaleX(1);}

/******* Slide CSS ******/
#mainVisual {position: relative;}
.slide_zone {margin: 0px auto;position: relative;max-height: 925px;min-height: 300px;height: auto;overflow: hidden;}
.slide_zone .slide_pre,
.slide_zone .slide_next {width: 80px;height: 80px;position: absolute;display: block;overflow: hidden;line-height: 0px;z-index: 5 !important;cursor: pointer;text-align: center;}
.slide_zone .slide_pre {top: calc( (100% - 80px) / 2);left: 0px;}
.slide_zone .slide_next {top: calc( (100% - 80px) / 2);right: 0px;}
.slide_zone .slide_pre:before {content: "<";font-size: 40px;line-height: 40px;color: #fff;font-family: 'Nanum Myeongjo', serif;font-weight: 300;display: block;}
.slide_zone .slide_next:before {content: ">";font-size: 40px;line-height: 40px;color: #fff;font-family: 'Nanum Myeongjo', serif;font-weight: 300;display: block;}
.slide_zone .slide .slide_item {overflow: hidden;position: relative;}
.slide_zone .slide .img_view {width: 100%;overflow: hidden;}
.slide_zone .slide .img_view img {width: 100%;display: block;}
.slide_zone .slide .slide_item .tit {display: none;}
.slide_zone .slide .slide_item.slick-active {overflow: hidden;}
.slide_zone .slide .slide_item.slick-active .img_view img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transition: all 0.3s ease-in-out;animation-name: imgloading;animation-duration: 2s;animation-timing-function: ease-in;animation-fill-mode: forwards;}
.slide_zone .slide .slide_item.slick-active .tit {display: block;position: absolute;left: 50%;top: 190px;width: 520px;text-align: center;z-index: 10;}
.slide_zone .slide .slide_item.slick-active .tit.lf_tit {margin-left: 130px;text-align: left;}
.slide_zone .slide .slide_item .tit .ui.button {border-radius: 25px;line-height: 46px;font-size: 18px;padding: 0px 30px;opacity: 0;}
.slide_zone .slide .slide_item.slick-active .tit.lf_tit .ui.button {background-color: #C5995C;}
.slide_zone .slide .slide_item.slick-active .tit.rg_tit {margin-left: -650px;text-align: left;}
.slide_zone .slide .slide_item.slick-active .tit.rg_tit .ui.button {background-color: #00A040;}
.slide_zone .slide .slide_item .tit .img_tit {display: block;margin: 0px auto;}
.slide_zone .slide .slide_item.slick-active .tit .txt,
.slide_zone .slide .slide_item.slick-active .tit .con,
.slide_zone .slide .slide_item.slick-active .tit .ui.button {animation-delay: 0.6s;animation-duration: 1s;animation-timing-function: ease-in;animation-fill-mode: forwards;opacity: 0;}
.slide_zone .slide .slide_item.slick-active .tit .txt {margin: 0px;;display: block;animation-delay: 0.4s;font-size: 48px;line-height: 60px;color: #333;font-family: 'TmoneyRoundWindExtraBold';letter-spacing: -5px;padding-top: 20px;margin-bottom: 20px;position: relative;animation-name: Fadein_left;}
.slide_zone .slide .slide_item.slick-active .tit .txt:before {content: "";width: 60px;height: 8px;background-color: #333;display: block;position: absolute;top: 0px;left: 0px;}
.slide_zone .slide .slide_item.slick-active .tit .con {display: block;animation-delay: 0.6s;font-size: 21px;line-height: 30px;color: #333;letter-spacing: -1px;margin-bottom: 40px;animation-name: Fadein_right;}
.slide_zone .slide .slide_item.slick-active .tit .ui.button {animation-delay: 0.8s;animation-name: Fadein;}

/*********** HOT LINK CSS ***********/
#hotlink {position: relative;width: 100%;height: 135px;background-color: rgba(0, 0, 0, 0.55);z-index: 10;overflow: hidden;}
#hotlink .item {display: block;float: left;width: 16.66%;padding: 25px 25px 10px 25px;position: relative;color: #fff;}
#hotlink .item:before {content: "";width: 1px;height: 64px;position: absolute;top: 25px;right: 0px;background-color: rgba(256, 256, 256, 0.2);}
#hotlink .item .tit {font-size: 18px;line-height: 27px;display: block;font-weight: 400;text-align: center;}
#hotlink .item .con {font-size: 13px;line-height: 18px;display: block;}
#hotlink .item .link {top: 70px;right: auto;left: 50%;margin-left: -30px;width: 50px;height: 50px;font-size: 20px;line-height: 45px;border-radius: 50%;background-color: #C5995C;text-align: center;display: block;position: absolute;transition: background-color 0.3s ease;}
#hotlink .item:hover .link {background-color: #63451D;}
#hotlink a:nth-child(2n-1) {background:#bcb7af;height:135px}
.main_con {background-color: #F3ECE6;position: relative;margin-top: 0px;}
.main_con .inner2 {height: 320px;top: 0px;left: 50%;margin-left: -640px;position: relative;}

/*********** NOTICE CSS ***********/
.notice {background-color: #fff;padding: 20px 30px;width: 640px;height: 300px;float: left;}
.notice_tab {width: 500px;border-bottom: 1px solid #d7d7d7;margin-bottom: 20px;}
.notice_tab a {display: inline-block;width: 110px;text-align: center;padding: 15px 0px;font-size: 18px;line-height: 24px;}
.notice_tab a.on {color: #00A040;border-bottom: #00A040 2px solid;font-weight: 700;}
.notice_zone {position: relative;}
.notice_zone .more {position: absolute;display: block;border: 2px solid #BEBEBE;width: 33px;height: 33px;right: 0px;top: -65px;background-image: url(more.gif);background-position: center center;background-repeat: no-repeat;border-radius: 50%;}
.notice_zone ul li {position: relative;}
.notice_zone ul li a {color: #666;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;font-size: 17px;line-height: 24px;display: inline-block;padding: 3px 110px 3px 18px;position: relative;}
.notice_zone ul li a {height:35px;border-bottom:1px solid #d2d2d2; }
.notice_zone ul li a:before {content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #999;position: absolute;top: 13px;left: 5px;}
.notice_zone ul li a:hover {text-decoration: underline;}
.notice_zone ul li span.date {display: block;position: absolute;right: 0px;top: 5px;font-weight: 300;color: #888;font-size: 16px;}

/*********** bussiness_info CSS ***********/
.bussiness_info {color: #fff;width: 315px;height: 300px;float: left;background-color: #5f1f08;text-align: left;padding: 65px 40px;}
.bussiness_info h3 {font-size: 30px;line-height: 36px;margin-bottom: 10px;font-weight: 700;letter-spacing: -1px;font-weight: 700;}
.bussiness_info h3 .tit {font-weight: 500;color: #DBD6C0;}
.bussiness_info p {font-size: 16px;line-height: 24px;margin-bottom: 30px;font-weight: 300;opacity: 0.75;letter-spacing: -1px;}
.bussiness_info .ui.button.brown {border-radius: 0px;font-size: 16px;line-height: 40px;padding: 0px 15px;font-weight: 700;letter-spacing: -1px;width: 100%;text-align: left;position: relative;background-color: #C5995C;color: #fff;}
.bussiness_info .ui.button.brown:hover {background-color: #63451D;-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
.bussiness_info .ui.inverted.button .icon {position: absolute;right: 10px;top: 7px;}

/*********** hot_link CSS border-right: none;***********/
.hot_link {width: 325px;height: 300px;float: left;overflow: hidden}
.hot_link li {float: left;width: 50%;text-align: center;}
.hot_link li a {color: #fff;font-size: 18px;line-height: 30px;letter-spacing: -1px;background-repeat: no-repeat;background-position: center 20px;display: block;width: 100%;height: 150px;padding-top: 100px;border-bottom: #EEE6DA solid 1px;border-right: #EEE6DA solid 1px;background-color: #BC9B6A;}
.hot_link li a:hover {background-color: #63451D;-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
.hot_link li a.icon_01 {background-image: url(icon_01.png);}
.hot_link li a.icon_02 {background-image: url(icon_02.png);}
.hot_link li a.icon_03 {background-image: url(icon_03.png);border-bottom: none;}
.hot_link li a.icon_04 {background-image: url(icon_04.png);border-bottom: none;}

/*********** footer CSS ***********/
#footer_zone {background-color: #322104;padding: 30px 0px;}
#footer_zone .info {float: left;width: 250px;height: 100px;padding: 107px 10px 0px 0px;background-image: url(bottom_logo.png);background-position: 0px 15px;background-repeat: no-repeat;border-right: 1px solid rgba(255,255,255, 0.2);}
#footer_zone .info li {color: #BABABA;font-size: 16px;line-height: 21px;letter-spacing: 0px;margin-bottom: 10px;padding-left: 18px;position: relative;}
#footer_zone .info li:before {content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #bababa;position: absolute;top: 10px;left: 3px;}
#footer_zone h6 {color: #fff !important;margin-bottom: 10px;}
#footer_zone p {color: #BABABA;margin-bottom: 0px;}
#footer_zone hr {border-color: rgba(255,255,255, 0.4);}
#footer_zone .account_info {float: left;width: 33%;height: 300px;padding: 20px 40px;border-right: 1px solid rgba(255,255,255, 0.2);}
#footer_zone .account_info .account_num {color: #C69A5B;display: block;margin-bottom: 5px;font-size: 24px;line-height: 30px;}
#footer_zone .account_info .account_holder {color: #C69A5B;display: block;margin-bottom: 15px;font-size: 16px;line-height: 24px;font-weight: 700;}
#footer_zone .account_info li {float: left;width: 45%;padding: 13px 0px;margin-right: 10%;border-bottom: 1px solid rgba(255,255,255, 0.4);}
#footer_zone .account_info li a {font-size: 17px;line-height: 24px;color: #B3B7BF;transition: color 0.3s ease;}
#footer_zone .account_info li a:hover {color: #e4e4e4;}
#footer_zone .account_info li:nth-child(2n) {margin-right: 0px;}
#footer_zone .go_link {float: left;width: 75%;height: 120px;padding: 10px 40px;}
#footer_zone .go_link ul {overflow: hidden;}
#footer_zone .go_link li {float: left;width: 100%;padding: 3px 0px;margin-right: 10%;border-bottom: 1px solid rgba(255,255,255, 0.4);}
#footer_zone .go_link li {font-size: 17px;line-height: 24px;color: #B3B7BF;transition: color 0.3s ease;}
#footer_zone .go_link li:nth-child(2n) {margin-right: 0px;}
#copy {text-align: center;padding: 10px 0px 20px 0px;}
#copy .copyright {color: #333;font-size: 16px;line-height: 24px;font-weight: 700;}

@media only screen and (max-width:1700px) {
.slide_zone .slide .slide_item.slick-active .tit {top: calc((100% / 3) - 120px);}
}
@media only screen and (max-width:1500px) {
.slide_zone .slide .slide_item.slick-active .tit .txt {font-size: 40px;line-height: 50px;letter-spacing: -3px;padding-top: 17px;margin-bottom: 15px;}
.slide_zone .slide .slide_item.slick-active .tit .txt:before {width: 54px;height: 6px;}
.slide_zone .slide .slide_item.slick-active .tit .con {font-size: 19px;line-height: 30px;margin-bottom: 30px;}
.slide_zone .slide .slide_item .tit .ui.button {border-radius: 21px;line-height: 42px;font-size: 16px;padding: 0px 30px;}
.slide_zone .slide .slide_item.slick-active .tit.rg_tit {margin-left: 0px;text-align: left;left: 100px;}
}

@media only screen and (max-width:1300px) {
#m_cont02 .event ul li a { height: 40px; }
.cot_box .textbox {padding: 5px 0 0 0;}
.inner2 {padding: 0px 0px;}

#header .header_content .logo {position: relative;top: 10px;left: 20px;margin-left: 0px;width: 250px;height: 32px;background-size: 100%;}
.slide_zone .slide .slide_item.slick-active .tit {top: 120px;}
#hotlink {top: 0px;left: 0px;margin-left: 0px;width: 100%;}
.main_con {margin-top: 0px;}
.main_con .inner2 {height: auto;top: 0px;left: 0px;margin-left: 0px;padding: 0px 0px 60px 0px}
#hotlink .item {padding: 25px 10px 0px 10px;}
.notice {width: calc( 100% - 325px);margin-top: 150px;}
.bussiness_info {margin-top: 150px;}
.hot_link {width: 100%;height: 150px;float: none;overflow: hidden;position: absolute;top: 0px;left: 0px;}
.hot_link li {width: 25%;}
.hot_link li a {}
#footer_zone {padding: 30px 0px;}
#footer_zone .info {width: 25%;height: 100px;padding: 95px 40px 0px 40px;}
#footer_zone .go_link {width: 75%; height: auto;padding: 20px 30px;}
#footer_zone .go_link li {float: left;width: 100%;padding: 5px 0px;}
/* #footer_zone .go_link li:last-child {border-bottom: none !important;} border: none; */
#footer_zone .go_link li a {font-size: 16px;line-height: 19px;}
.fes_list li a .fes_info p {letter-spacing : -1px;}
}

@media only screen and (max-width:1200px) {
#header .header_content .logo {left: 50%;margin-left: -125px;}
.scroll #header {display: none;}
#lnb .nav_open {background: url(header_icon.png) no-repeat 0 -5px;top: 41px;}
#lnb .mobile_top .logo_m a {display: block;width: 200px;height: 30px;background-size: 100%;}
#lnb .nav .depth1_text {line-height: 20px;}
#lnb .nav .depth2 .depth2_title {top: auto;}
#lnb .nav .depth2_list {margin-top: auto;display: none;}
#lnb .nav .active .depth2_list {display: block;}
.slide_zone .slide .slide_item.slick-active .tit .txt {font-size: 36px;line-height: 46px;}
.slide_zone .slide .slide_item.slick-active .tit .con {font-size: 14px;line-height: 21px;}
.slide_zone .slide_pre,
.slide_zone .slide_next {width: 60px;height: 60px;}
.slide_zone .slide_pre,
.slide_zone .slide_next {top: calc( (100% - 60px) / 2);}
.slide_zone .slide_pre:before,
.slide_zone .slide_next:before {font-size: 60px;line-height: 60px;}
#hotlink {top: auto;left: auto;margin: 0px auto;width: 100%;height: auto;}
#hotlink .item {padding: 20px 12px;text-align: center;padding-bottom: 100px;}
#hotlink .item .link {top: 70px;right: auto;left: 50%;margin-left: -30px;}
#hotlink .item:before {height: 150px;top: 15px;}
#hotlink .item .tit {font-size: 18px;line-height: 26px;}
}
@media only screen and (max-width:1190px) {
.fes_list li a .fes_info {width: 98%;}
}
@media only screen and (max-width:1160px) {
.fes_list li a .fes_info p { font-size: 13px;}
}

@media only screen and (max-width:1060px) {
#hotlink .item .tit {font-size: 16px;line-height: 26px;}
}
@media only screen and (max-width:1024px) {

.slide_zone .slide .slide_item.slick-active .tit {top: calc((100% / 3) - 50px);width: auto;}
.slide_zone .slide .slide_item.slick-active .tit.lf_tit {margin-left: 0px;left: auto;right: 80px;}
.slide_zone .slide .slide_item.slick-active .tit.rg_tit {left: 80px;}
.slide_zone .slide .slide_item.slick-active .tit .txt {font-size: 30px;line-height: 38px;padding-top: 10px; margin-bottom: 10px;}
.slide_zone .slide .slide_item.slick-active .tit .txt:before {width: 42px;height: 4px;}
.slide_zone .slide .slide_item.slick-active .tit .con {margin-bottom: 20px;}
.slide_zone .slide .slide_item .tit .ui.button {border-radius: 18px;line-height: 36px;font-size: 14px;}
.hot_link li a {font-size: 16px;line-height: 24px;width: 100%;height: 140px;padding-top: 90px;background-size: 50px;background-position: center 25px;}
.hot_link li:first-child a {background-size: 40px;}
.notice,
.bussiness_info {margin-top: 140px;}
.notice_tab a {font-size: 17px;line-height: 24px;}
.notice_zone ul li a {font-size: 15px;line-height: 24px;padding: 3px 90px 3px 18px;}
.notice_zone ul li span.date {font-size: 14px;letter-spacing: 0px;}

#footer_zone .info {width: 30%;height: 100px;padding: 70px 20px 0px 20px;background-position: 20px 20px;background-size: 200px;}
#footer_zone .go_link {width: 70%;padding: 0px 0px 0px 20px;}
#footer_zone .go_link li a {font-size: 14px;line-height: 19px;}
#copy {padding: 25px;}
#copy .copyright {font-size: 15px;line-height: 22px;}

#hotlink .item {display: block;float: left;width: 33.3%;padding: 25px 25px 10px 25px;position: relative;color: #fff;}
#hotlink .item {padding: 20px;text-align: center;padding-bottom: 70px;}
#hotlink .item:before {height: 120px;}
#hotlink .item .tit {font-size: 16px;line-height: 24px;}
#hotlink .item .link {width: 40px;height: 40px;font-size: 16px;line-height: 34px;border-radius: 50%;top: 60px;margin-left: -20px;}
}

@media only screen and (max-width:940px) {
.fes_list li { width: 49%;}
.fes_list li a .fes_info {width: 90%;}
.fes_list li a .fes_info strong { font-size: 22px; }
.fes_list li a .fes_info p {font-size:15px;letter-spacing: 0px;}
.fes_list li:nth-child(3){ margin-top:10px; }
.fes_list li:nth-child(4){ margin-top:10px; }
.son10 > li { width: 49%; }

/* 01 */
.latest-box .notice3 {width:100%;}
.latest-box .notice4 {width:100%;border:}
.notice5 {padding: 10px;font-weight: 300;font-size: 17px;width: 50%;float: left;border-right: 1px solid #bdbcbc;}
.latest-box .notice4 {position: relative;border: 1px solid #bdbcbc;height: 510px;}

}
@media only screen and (max-width:900px) {
.slide_zone {min-height: 200px;}
}

@media only screen and (max-width:850px) {

/* #hotlink .item {padding: 20px;text-align: center;padding-bottom: 70px;}
#hotlink .item:before {height: 120px;}
#hotlink .item .tit {font-size: 16px;line-height: 24px;}
#hotlink .item .link {width: 40px;height: 40px;font-size: 16px;line-height: 34px;border-radius: 50%;top: 90px;margin-left: -20px;} */
.notice {width: 100%;height: auto;float: none;}
.bussiness_info {margin-top: 0px;width: 100%;height: auto;float: none;text-align: center;padding: 65px 40px;}
.bussiness_info .ui.button.brown {width: 250px;}
.main_con .inner2 {padding: 0px;}
}
@media only screen and (max-width:800px) {
#footer_zone .info {width: 30%;height: 100px;padding: 70px 20px 0px 20px;background-position: 20px 20px;background-size: 200px;}
}
@media only screen and (max-width:767px) {

#hotlink .item {padding: 20px;text-align: center;padding-bottom: 65px;}
#hotlink .item:before {height: 80px;}
#hotlink .item .link {top: 50px;}
#hotlink .item .tit {font-size: 15px;line-height: 22px;}
#hotlink .item .con {display: none;}

#footer_zone {padding: 20px 0px;}
#footer_zone .info {position:relative;width:100%;background-position: center 20px;background-size: 240px;padding: 0px 10px 0px 10px;}
#footer_zone .go_link {height: auto;width: 100%;}
#copy {padding: 20px;}
#copy .copyright {font-size: 14px;line-height: 14px;}

.latest-box .notice2 {position:relative;width:99%;border: 1px solid #bdbcbc;}
.so2 {float:left;margin-top:10px;}
.photo_image li {width: 30%;}
.photo_image li:nth-child(4) {display: none;}
}

@media only screen and (max-width:650px) {
#lnb .gnb_m_left {display: none;}
#lnb .nav .depth1 {padding-left: 0px;}

.slide_zone {min-height: 100px;}
.slide_zone .slide .img_view img {width: 150%;display: block;margin-left: 0;}
.slide_zone .slide .slide_item:nth-child(2).slick-active .img_view img {margin-left: 0px;}
.slide_zone .slide .slide_item.slick-active .tit.lf_tit {margin-left: 0px;left: auto;right: 50px;top: 40px;}
.slide_zone .slide .slide_item.slick-active .tit.rg_tit {top: auto;top: 90px;left: 50px;} 
.notice_tab {width: calc( 100% - 80px);}

}

@media only screen and (max-width:500px) {
body {padding-top: 0px;}
.inner2 {padding: 0px 0px;}
body h1 {font-size: 27px;line-height: 32px;letter-spacing: -2px;}
body h2 {font-size: 23px;line-height: 27px;}
body h3 {font-size: 19px;line-height: 25px;letter-spacing: -1px;}
body h4 {font-size: 17.5px;line-height: 24px;letter-spacing: -1px;}
body h5 {font-size: 15px;line-height: 22px;letter-spacing: -1px;}
body h6 {font-size: 14px;line-height: 21px;}
body p {font-size: 13px;line-height: 18px;}
body li {font-size: 13px;line-height: 18px;}
#header {height: 80px;}
#header .header_content .logo {width: 200px;height: 26px;margin-left: -100px;top: 27px;}
#lnb .nav_open {top: 32px;}

.slide_zone {min-height: 100px;}
.slide_zone .slide .img_view img {width: 200%;display: block;margin-left: calc(0);}
.slide_zone .slide .slide_item:nth-child(2).slick-active .img_view img {margin-left: calc(0);}
.slide_zone .slide .slide_item.slick-active .tit.lf_tit {margin-left: 0px;left: auto;right: 40px;top: 40px;}
.slide_zone .slide .slide_item.slick-active .tit .txt {font-size: 22px;line-height: 28px;padding-top: 7px; margin-bottom: 5px;}
.slide_zone .slide .slide_item.slick-active .tit .txt:before {width: 32px;height: 2px;}
.slide_zone .slide .slide_item.slick-active .tit.rg_tit {top: 100px;}

#hotlink .item {padding: 10px;text-align: center;padding-bottom: 65px;}
#hotlink .item:before {height: 60px;top: 10px;}
#hotlink .item .link {width: 30px;height: 30px;font-size: 13px;line-height: 24px;top: 50px;margin-left: -15px;}
#hotlink .item .tit {font-size: 13px;line-height: 21px;}

.hot_link li a {font-size: 15px;line-height: 22px;width: 100%;height: 120px;padding-top: 75px;background-size: 40px;background-position: center 20px;}
.hot_link li:first-child a {background-size: 33px;}
.notice {margin-top: 120px;}
.notice_zone ul li a {font-size: 15px;line-height: 24px;padding: 3px 10px 3px 18px;}
.notice_zone ul li span.date {display: none;}
.bussiness_info {padding: 40px;}
.bussiness_info h3 {font-size: 27px;line-height: 34px;margin-bottom: 10px;}
.bussiness_info p {font-size: 15px;line-height: 22px;margin-bottom: 20px;}
#lnb .nav_close {top: 20px;right: 20px;width: 20px;height: 20px;background: url(header_icon.png) no-repeat -113px -4px;}
#header .header_content .logo {top:10px;left: 50%; margin-left: -125px;}

}

/*********** 애니메이션 ***********/
@keyframes Fadein {
0% {transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);opacity:0;}
100% {transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);opacity:1;}
}
@keyframes Fadein_left {
0% {transform:translateX(-30px);-moz-transform:translateX(-30px);-webkit-transform:translateX(-30px);-o-transform:translateX(-30px);-ms-transform:translateX(-30px);opacity:0;}
100% {transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);opacity:1;}
}
@keyframes Fadein_right {
0% {transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-o-transform:translateX(30px);-ms-transform:translateX(30px);opacity:0;}
100% {transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);opacity:1;}
}
@keyframes imgloading {
0% {transition: transform 2s ease-in-out, opacity 2s ease-in-out;transform: scale(1.2) rotate(0.003deg);opacity: .9;}
100% {transform: scale(1) rotate(0.003deg);opacity: 1;}
}
@keyframes bounce { 
0% { transform: translateY(0);}
100% { transform: translateY(-20px);}
}