@charset "UTF-8";
@import url(menu.css);
@import url(sub_con.css);
.main_mid{margin-top:40px;margin-bottom:40px;overflow:hidden}
.main_mid .big_icon{margin-bottom:30px}
.main_mid .big_icon ul{overflow:hidden}
.main_mid .big_icon ul li{width:15.8%;float:left;margin-left:1%;text-align:center}
.main_mid .big_icon ul li>a{display:block;padding:25px 5px 20px;background:#64a0f9;position:relative}

.main_mid .big_icon ul li>a:hover:before{animation:BigM 1s infinite}
.main_mid .big_icon ul li>a strong{color:#fff;font-size:18px;font-weight:400;display:inline-block;position:relative;padding-bottom:10px}
.main_mid .big_icon ul li>a strong:before,.main_mid .big_icon ul li>a strong:after{content:"";border-bottom:1px solid #fff;position:absolute;bottom:0;width:0}
.main_mid .big_icon ul li>a strong:before{left:0}
.main_mid .big_icon ul li>a strong:after{right:0}
.main_mid .big_icon ul li>a:hover strong:before,.main_mid .big_icon ul li>a:hover strong:after{width:50%}
.main_mid .big_icon ul li>a strong:before, .main_mid .big_icon ul li>a strong:after{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}

.main_mid .big_icon ul li:first-of-type{margin-left:0}
.main_mid .big_icon ul li>a:before{content:"";width:85px;height:70px;display:block;margin:0 auto}
.main_mid .big_icon ul li>a.t01{background:#0299F5}
.main_mid .big_icon ul li>a.t01:before{background:url(ml_icon01.png) center center no-repeat;margin-bottom:20px}
.main_mid .big_icon ul li>a.t02{background:#5193f6}
.main_mid .big_icon ul li>a.t02:before{background:url(ml_icon02.png) center center no-repeat;margin-bottom:20px} 
.main_mid .big_icon ul li>a.t03{background:#5973e1}
.main_mid .big_icon ul li>a.t03:before{background:url(ml_icon03.png) center center no-repeat;margin-bottom:20px} 
.main_mid .big_icon ul li>a.t04{background:#17419a}
.main_mid .big_icon ul li>a.t04:before{background:url(ml_icon04.png) center center no-repeat;margin-bottom:20px} 
.main_mid .big_icon ul li>a.t05{background:#0e327d}
.main_mid .big_icon ul li>a.t05:before{background:url(ml_icon05.png) center center no-repeat;margin-bottom:20px}
.main_mid .big_icon ul li>a.t06{background:#051a47}
.main_mid .big_icon ul li>a.t06:before{background:url(ml_icon06.png) center center no-repeat;margin-bottom:20px} 

.main_mid .md_icon{margin-bottom:25px}
.main_mid .md_icon ul{overflow:hidden}
.main_mid .md_icon ul li{float:left;width:16.65%}
.main_mid .md_icon ul li>a{display:block;padding:20px 10px;border:1px solid #c2c2c2;border-left:0;position:relative;padding-left:72px}
.main_mid .md_icon ul li>a strong{font-size:18px;display:block;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;font-weight:normal;letter-spacing: -0.7px}
.main_mid .md_icon ul li:hover{background:#0e327d;}
.main_mid .md_icon ul li>a:hover strong{color:#fff;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.main_mid .md_icon ul li>a:before{content:"";display:block;width:36px;height:35px;position:absolute;top:50%;left:25px;margin-top:-17.5px}
.main_mid .md_icon ul li:first-of-type>a{border-left:1px solid #c2c2c2}
.main_mid .md_icon ul li>a:hover:before{animation:zoomM 1.5s infinite}

.main_mid .md_icon ul li:nth-of-type(1)>a:before{background:url(mid_icon01.png) center center no-repeat}
.main_mid .md_icon ul li:nth-of-type(2)>a:before{background:url(mid_icon02.png) center center no-repeat}
.main_mid .md_icon ul li:nth-of-type(3)>a:before{background:url(mid_icon03.png) center center no-repeat}
.main_mid .md_icon ul li:nth-of-type(4)>a:before{background:url(mid_icon04.png) center center no-repeat}
.main_mid .md_icon ul li:nth-of-type(5)>a:before{background:url(mid_icon05.png) center center no-repeat}
.main_mid .md_icon ul li:nth-of-type(6)>a:before{background:url(mid_icon06.png) center center no-repeat}

@media(max-width:1150px){
.main_mid .big_icon{margin-bottom:20px}
.main_mid .big_icon ul li{width:32.6%;margin-left:1%}
.main_mid .big_icon ul li:nth-of-type(4){margin-left:0;margin-top:1% !important}
.main_mid .big_icon ul li:nth-of-type(5){margin-top:1% !important}
.main_mid .big_icon ul li:nth-of-type(6){margin-top:1% !important}
.main_mid .big_icon ul li>a{padding:15px 5px}
.main_mid .big_icon ul li>a strong{font-size:18px}
.main_mid .big_icon ul li>a:before{width:65px;height:55px}
.main_mid .big_icon ul li>a.t01:before{background-size:45px}
.main_mid .big_icon ul li>a.t02:before{background-size:50px}
.main_mid .big_icon ul li>a.t03:before{background-size:50px}
.main_mid .big_icon ul li>a.t04:before{background-size:50px}
.main_mid .big_icon ul li>a.t05:before{background-size:50px}
.main_mid .big_icon ul li>a.t06:before{background-size:50px}
.main_mid .md_icon ul li{width:33.333%}
.main_mid .md_icon ul li:nth-of-type(4) a{border-left:1px solid #c2c2c2;border-top:0}
.main_mid .md_icon ul li:nth-of-type(5) a{border-top:0}
.main_mid .md_icon ul li:nth-of-type(6) a{border-top:0}
}
@media (max-width:768px){
.main_mid {margin-top:20px; margin-bottom:20px;}
.main_mid .big_icon{margin-bottom:20px}
.main_mid .big_icon ul li{width:49%;margin-left:2%}
.main_mid .big_icon ul li:nth-of-type(3){margin-left:0;margin-top:2% !important}
.main_mid .big_icon ul li:nth-of-type(4){margin-left:2%;margin-top:2% !important}
.main_mid .big_icon ul li:nth-of-type(5){margin-left:0;margin-top:2% !important}
.main_mid .big_icon ul li:nth-of-type(6){margin-top:2% !important}
.main_mid .big_icon ul li>a{padding:15px 5px}
.main_mid .big_icon ul li>a strong{font-size:18px}
.main_mid .big_icon ul li>a:before{width:65px;height:55px}
.main_mid .big_icon ul li>a.t01:before{background-size:45px}
.main_mid .big_icon ul li>a.t02:before{background-size:50px}
.main_mid .big_icon ul li>a.t03:before{background-size:50px}
.main_mid .big_icon ul li>a.t04:before{background-size:50px}
.main_mid .big_icon ul li>a.t05:before{background-size:50px}
.main_mid .big_icon ul li>a.t06:before{background-size:50px}
.main_mid .md_icon{margin-bottom:20px}
.main_mid .md_icon ul li>a strong{font-size:17px}
.main_mid .md_icon ul li>a:before{width:32px;height:32px}
.main_mid .md_icon ul li:nth-of-type(1)>a:before{background-size:25px}
.main_mid .md_icon ul li:nth-of-type(2)>a:before{background-size:25px}
.main_mid .md_icon ul li:nth-of-type(3)>a:before{background-size:25px}
.main_mid .md_icon ul li:nth-of-type(4)>a:before{background-size:25px}
.main_mid .md_icon ul li:nth-of-type(5)>a:before{background-size:25px}
.main_mid .md_icon ul li:nth-of-type(6)>a:before{background-size:25px}
.main_mid .md_icon ul li>a{padding-left:70px}
.main_mid .md_icon ul li>a:before{left:25px}
.main_mid .big_icon ul li>a strong{padding-bottom:5px}
.main_mid .big_icon ul li>a.t01:before{margin-bottom:5px}
.main_mid .big_icon ul li>a.t02:before{margin-bottom:5px}
.main_mid .big_icon ul li>a.t03:before{margin-bottom:5px}
.main_mid .big_icon ul li>a.t04:before{margin-bottom:5px}
.main_mid .big_icon ul li>a.t05:before{margin-bottom:5px}
.main_mid .big_icon ul li>a.t06:before{margin-bottom:5px}
}

@media (max-width:640px){
.main_mid {margin-top:20px; margin-bottom:20px;}
.main_mid .big_icon ul li>a strong{font-size:15px;letter-spacing:-0.03em}
.main_mid .md_icon ul li>a{padding:15px 0;text-align:center}
.main_mid .md_icon ul li:nth-of-type(1)>a:before{background:none}
.main_mid .md_icon ul li:nth-of-type(2)>a:before{background:none}
.main_mid .md_icon ul li:nth-of-type(3)>a:before{background:none}
.main_mid .md_icon ul li:nth-of-type(4)>a:before{background:none}
.main_mid .md_icon ul li:nth-of-type(5)>a:before{background:none}
.main_mid .md_icon ul li:nth-of-type(6)>a:before{background:none}
.main_mid .md_icon ul li>a strong{font-size:14px}
}

@media (max-width:520px){
.main_mid {margin-top:20px; margin-bottom:20px;}
}

@media (max-width:480px){
.main_mid {margin-top:20px; margin-bottom:20px;}
}
@keyframes zoomM{
50%{transform:rotateY(360deg)}
100%{transform:rotateY(0deg)}
}
@keyframes BigM{ 
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}

.sec1 .about_tit_box { margin-bottom:15px; display: flex; justify-content: space-between; align-items: end; }
.sec1 .about_tit_box a { background:#eee; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; }
.sec1 .left_box .about_tit_box a:hover { background:#100964; }
.sec1 .right_box .about_tit_box a:hover { background:#b2c245; }
.sec1 .about_tit_box a span { font-size:3rem; }
.sec1 .about_tit_box a:hover span { color:#fff; }
.sec1 .con_wrap { background-size:cover!important; position:relative; min-height: 330px; }
.sec1 .con_wrap .con_box { position:absolute; top:0; width: 40%; height: 100%; transition: .3s; }
.sec1 .con_box h4 { color: #fff;font-size:25px; font-weight: 500;line-height: 30px; text-align: center; position: relative; min-height: 70px; margin-bottom:0; }
.sec1 .con_box h4:before,.sec1 .con_box h4:after { position: absolute; left: 50%; transform: translateX(-50%); color: #fff; font-size: 2.2rem; }
.sec1 .left_box h4 {padding: 60px 10px 10px}
.sec1 .right_box h4 {  line-height: 30px;}
.sec1 .left_box .con_wrap { background:url('t-bg01.png') 50% 50% no-repeat; border: 1px solid #642709; }
.sec1 .right_box .con_wrap { background:url('t-bg02.png') 50% 50% no-repeat; border: 1px solid #b2c245; }
.sec1 .left_box .con_box { right:0; background:#642709; }
.sec1 .right_box .con_box { left:0; background:#b2c245 }
.sec1 .right_box:hover .con_box  ,.sec1 .left_box:hover .con_box { width: 70%; }
.con_wrap a {display: inline-block;font-size: 18px;border: 1px solid #fff;padding: 10px 20px;color: #fff;}
.morebtn:hover {color: #fff;background: #a70a0a;border-color: #a70a0a;}
.mon{border-radius: 0px;font-size: 16px;line-height: 40px;padding: 0px 15px;font-weight: 700;letter-spacing: -1px;width: 100%;text-align: center;position: relative;color: #fff;margin-bottom: 30px; }
.mon2{font-size: 16px;line-height: 30px;padding: 0px 15px;font-weight: 400;letter-spacing: -1px;width: 100%;text-align: left;color: #fff;margin-bottom: 32px;}	

/*  */
.sec01_Bot {margin-top: 30px;margin-bottom:30px; position: relative; z-index: 99;}
.sec01_Bot::after {clear: both; display: block; content: "";}
.sec01_Bot.t01 {margin-top: 26px;}
.sec01_Bot.t02 {margin-top: 19px;}
.fes_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
.fes_list li {width: 16%;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: 130px; display: block; position: relative;}
.fes_list li a .fes_img {height: 50%; text-align: center; overflow: hidden;background-color:#514d3d;}
.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 { padding: 2px 0px; left: 50%; width: 95%; height: 70px; bottom: 0px;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(190 183 179); border-top-width: 4px; border-top-style: solid;}
.fes_list li.t02 a .fes_info .fes_bar {border-top-color: rgb(190 183 179); border-top-width: 4px; border-top-style: solid;}
.fes_list li.t03 a .fes_info .fes_bar {border-top-color: rgb(190 183 179); border-top-width: 4px; border-top-style: solid;}
.fes_list li.t04 a .fes_info .fes_bar {border-top-color: rgb(190 183 179); border-top-width: 4px; border-top-style: solid;}
.fes_list li.t05 a .fes_info .fes_bar {border-top-color: rgb(190 183 179); border-top-width: 4px; border-top-style: solid;}
.fes_list li.t06 a .fes_info .fes_bar {border-top-color: rgb(190 183 179); border-top-width: 4px; 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-weight: 400; font-size: 18px; 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;}
/* 21 background: rgba(255, 255, 255, 0.7); */
#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}

/* 02 */
main{margin-top:60px;}
.inner7 { position: relative; max-width: 1400px;width:100%;margin: 0 auto;padding:20px 0;}
.latest-box { margin-bottom: 20px; overflow: hidden;}
.latest-box .notice2 {position:relative;width:49%;border: 1px solid #bdbcbc; border-top: 4px solid #12296e;}
.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:400;font-size: 16px;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 15px 10px;border-bottom: 1px solid #87c08d;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;}
.latest-box .notice2 .latest-board-subject {font-weight: 500;color: #1982ed;}

.sa2 {font-size: 22px;border-bottom: #9fc5ae 1px solid;font-weight: 600;height:51px;}
#sa1 {display: inline-block;font-size: 22px;color: #12296e;border-bottom: #12296e 3px solid;font-weight: 600;}
#sa3 {display: inline-block;padding: 15px;font-size: 22px;color: #12296e;font-weight: 600;}
.soo1 {float:left;}
.soo2 {float:right;}
.latest-box:after{display:block;content:'';clear:both;}
.mainMore{position:absolute;top:10px;right:12px;}
.mainMore a{position:relative;display:block;width:34px;height:34px;border: 2px solid #BEBEBE;border-radius: 50%;}
.mainMore a:hover{transform:rotate(135deg)}
.mainMore a img{position:absolute;left:50%;margin-left:-5.5px;top:50%;margin-top:-5.5px;}
.mainMore a:hover img{transform:rotate(-135deg)}

/* section05 margin: 0 0.5% 0 0;*/
.section05 {overflow:hidden;padding-top:0px;padding-bottom:0px;-ms-transition:0.8s ease;-webkit-transition:0.8s ease;transition:0.8s ease;position:relative;}
.section05::before {content:'';position:absolute;background:#dbdbdb;}
.section05 .inner {width:1280px;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;}
.latest-box .notice1 .tit{height:50px;}
.latest-box .notice1 ul{background:#fff;;padding:10px;}
.latest-box .notice1 h2 {padding: 5px 10px 12px 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: 1170px;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: 1300px;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;}
/* body h1 {font-size: 48px;line-height: 54px;letter-spacing: -1px;}
body h2 {font-size: 36px;line-height: 48px;letter-spacing: -1px;}
body h3 {font-size: 30px;line-height: 42px;letter-spacing: -1px;}
body h4 {font-size: 24px;line-height: 36px;letter-spacing: -1px;}
body h5 {font-size: 21px;line-height: 30px;letter-spacing: -1px;}
body h6 {font-size: 19px;line-height: 27px;letter-spacing: 0px;}
body p {font-size: 17px;line-height: 27px;letter-spacing: -0.5px;word-break: keep-all;}
body li {font-size: 15px;line-height: 24px;letter-spacing: 0px;word-break: keep-all;} */

#header {height: 60px;width: 100%;top: 40px;left: 0px;z-index: 100;position: absolute;background-color: #666;}
#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: 65px;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% - 50px) / 2);left: 0px;}
.slide_zone .slide_next {top: calc( (100% - 50px) / 2);right: 0px;}
.slide_zone .slide_pre:before {content: "<";font-size: 30px;line-height: 80px;color: #fff;font-family: 'Nanum Myeongjo', serif;font-weight: 300;display: block;}
.slide_zone .slide_next:before {content: ">";font-size: 30px;line-height: 80px;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;padding-top: 20px;}
.main_con .inner2 {height: 350px;top: 0px;left: 50%;margin-left: -700px;position: relative;}

/*********** NOTICE CSS ***********/
.notice {background-color: #fff;padding: 0px 0px;width: 700px;height: 330px;float: left;}
.notice_tab {width: 100%;border-bottom: 1px solid #d7d7d7;margin-bottom: 5px;}
.notice_tab a {display: inline-block;width: 110px;text-align: center;padding: 15px 0px;font-size: 22px;line-height: 24px;}
.notice_tab a.on {color: #085800;border-bottom: #085800 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: -55px;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: 350px;height: 330px;float: left;background-color: #a19873;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: #83733a;color: #fff;}
.bussiness_info .ui.button.brown:hover {background-color: #6b6038;-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: 350px;height: 330px;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: 165px;padding-top: 100px;border-bottom: #EEE6DA solid 1px;border-right: #EEE6DA solid 1px;background-color: #baa491;}
.hot_link li a:hover {background-color: #89725f;-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;}

/* 배너 */
#ftBanner ul, #ftBanner li{margin:0;padding:0} /
#ftBanner img{max-width:100%;height:auto;border:0;vertical-align:top}
#ftBanner ul{list-style:none}
#ftBanner .inner {margin:0 auto;max-width:1450px;}
#ftBanner {overflow:hidden;border:1px solid #ffffff;background:#eaeaea;}
#ftBanner>.inner {position:relative;padding:19px 0 15px;}
#ftBanner .slideWrap2 {overflow:hidden;margin-left:10px;margin-right:10px;}
#ftBanner .slideWrap2 .slideBox {position:relative;height:60px;padding-right:5px;}
#ftBanner .slideWrap2 ul {position:absolute;top:0;left:0;width:9999em;margin-left:1px;}
#ftBanner .slideWrap2 ul li {position:relative;float:left;width:182px;text-align:center;box-sizing:border-box;}
#ftBanner .slideWrap2 ul li img{width:96%;}
#ftBanner .slideWrap2 ul li:before {position:absolute;top:0;right:0;z-index:100;content:"";overflow:hidden;display:block;width:1px;height:49px;background:#d7d7d7;}
#ftBanner .slideWrap2 ul li:first-child {border-left:1px solid #acacac;}
#ftBanner .slideNav {overflow:hidden;position:absolute;top:33px;left:10px;}
#ftBanner .slideNav>* {overflow:hidden;float:left;display:block;margin-right:3px;width:21px;height:21px;font-size:0;line-height:0;background:url(btn_foot_slidenav.png) no-repeat 0 0;cursor:pointer;}
#ftBanner .slideNav .prev {background-position:0 0;}
#ftBanner .slideNav .stop {background-position:-24px 0;}
#ftBanner .slideNav .stop.on{background:url(btn_foot_slidenav_play.png) no-repeat 0 0;}
#ftBanner .slideNav .next {background-position:100% 0;}
/* footer */
.layout {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
#footer{padding-bottom:5px; font-family: 'Nanum Barun Gothic'; background-color:#3e3730;margin-bottom: 20px;}
#footer>.layout{max-width:1400px;}
#footer>.layout>.line-1{display:flex; flex-wrap:wrap; align-items:center; padding:5px 0; border-bottom:1px solid rgba(217, 212, 220, 0.3);}
#footer>.layout>.line-1>ul{display:flex; flex-wrap:wrap; margin-right:auto;width: 100%;}
#footer>.layout>.line-1>ul>li{margin-top:5px; margin-bottom:5px;}
#footer>.layout>.line-1>ul>li:not(:last-child){margin-right:35px;}
#footer>.layout>.line-1>ul>li>a{line-height:1.5; font-size:17px; color:#fff;}
#footer>.layout>.line-1>ul>li>a>strong{color:#ffa345;}
#footer>.layout>.line-1>div{display:flex; padding:10px 0;}
#footer>.layout>.line-1>div>select{width:165px; height:34px; padding:0 10px; font-size:15px; border:none; color:#fff; background-color:rgba(255,255,255,0.07); background-image:url(select.svg); background-repeat:no-repeat; background-position:right 10px center;appearance:none;-webkit-appearance:none;	-moz-appearance:none;}
#footer>.layout>.line-1>div>select::-ms-expand { display: none; }
#footer>.layout>.line-1>div>select:not(:last-child){margin-right:10px;}
#footer>.layout>.line-1>div>.select{position:relative; z-index:1000;}
#footer>.layout>.line-1>div>.select:not(:last-child){margin-right:5px;}
#footer>.layout>.line-1>div>.select>.head{width:165px; height:34px;}
#footer>.layout>.line-1>div>.select>.head>button{width:100%; height:100%; padding:0 10px; cursor:pointer; text-align:left; font-size:15px; border:none; color:#fff; background-color:rgba(255,255,255,0.07); background-image:url(select.svg); background-repeat:no-repeat; background-position:right 10px center;
appearance:none;-webkit-appearance:none;-moz-appearance:none;}
#footer>.layout>.line-1>div>.select>.midd{display:none; overflow:auto; position:absolute; left:0; top:100%; width:100%; max-height:160px; border-top:1px solid rgba(255,255,255,0.5); background-color:rgb(76 69 63);}
#footer>.layout>.line-1>div>.select>.midd>ul{padding:5px 0;}
#footer>.layout>.line-1>div>.select>.midd>ul>li>a{display:block; padding:5px 10px; font-size:14px; color:#fff;}
#footer>.layout>.line-1>div>.select[data-open="yes"]>.midd{display:block;}
#footer>.layout>.line-2{display:flex; padding:25px 0 35px;}
#footer>.layout>.line-2::before{content:""; flex-shrink:0; width:288px; height:55px; margin-right:30px; background-image:url(logo_f.png); background-repeat:no-repeat; background-position:left top; background-size:contain;}
#footer>.layout>.line-2>div address{font-style:normal; font-size:16px; color:#fff; line-height: 1.5;}
#footer>.layout>.line-2>div address>span{/*display:inline-flex; align-items:center;*/ line-height:1.5;}
#footer>.layout>.line-2>div address>span:not(:last-child)::after{content:""; width:1px; height:12px; margin:0 10px 4px 10px; background-color:rgba(217, 212, 220,0.3);}
#footer>.layout>.line-2>div .copy{margin-top:10px; font-style:normal; font-size:16px; color:rgba(255,255,255,0.5);}
#footer>.layout>.line-2>div:nth-child(2){flex-shrink:0; margin-left:auto;}
#footer>.layout>.line-2>div:nth-child(2)>ul{display:flex;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li:not(:last-child){margin-right:12px;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a{display:flex; width:35px; height:35px; background-color:rgba(255,255,255,0.2); border-radius:50%;-webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a::before{content:""; width:5em; height:5em; margin:auto; font-size:6px; background-image:url(layout.svg); background-repeat:no-repeat; background-size:150em auto;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.y::before{background-position:0 -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.f::before{background-position:-5em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.i::before{background-position:-10em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.b::before{background-position:-15em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.c::before{background-position:-20em -70em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a>span{position:absolute; font-size:0; color:transparent;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a:hover{background-color:rgba(255,255,255,1);}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.y:hover::before{background-position:0 -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.f:hover::before{background-position:-5em -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.i:hover::before{background-position:-10em -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.b:hover::before{background-position:-15em -75em;}
#footer>.layout>.line-2>div:nth-child(2)>ul>li>a.c:hover::before{background-position:-20em -75em;}
@media screen and (max-width:1690px) { }
@media screen and (max-width:1360px) {
	#footer>.layout>.line-1{display:block; padding:5px 0 8px 0;}
	#footer>.layout>.line-1>div>.select>.head{width:200px;}
}
@media screen and (max-width:1024px) {
#footer>.layout{width:calc(100% - 60px); max-width:100%; margin:0 30px;}
	#footer{padding-bottom:50px;}
	#footer>.layout>.line-2{display:block;}
	#footer>.layout>.line-2::before{display:block;}
	#footer>.layout>.line-2>div{margin-top:20px;}
}
@media screen and (max-width:650px) {
	#footer{padding-bottom:30px;}
	#footer>.layout{width:calc(100% - 40px); margin:0 20px;}
}
@media screen and (max-width:600px) {
	#footer>.layout>.line-1>ul>li:not(:last-child){margin-right:20px;}
	#footer>.layout>.line-1>ul>li>a{font-size:15px;}
	#footer>.layout>.line-1>div>.select{width:100%;}
	#footer>.layout>.line-1>div>.select>.head{width:100%;}
	#footer>.layout>.line-2>div address{font-size:15px;}
	#footer>.layout>.line-2>div address>span:nth-child(1){width:100%;}
	#footer>.layout>.line-2>div address>span:nth-child(1)::after{display:none;}
	#footer>.layout>.line-2>div .copy{font-size:15px;}
}
/*********** footer CSS ***********/
#footer_zone {background-color: #49453e;padding: 40px 0px;}
#footer_zone .info {float: left;width: 100%;height: 100px;padding: 10px 40px 10px 350px;background-image: url(bottom_logo.png);background-position: 10px 10px;background-repeat: no-repeat;border-left: 1px solid rgba(255,255,255, 0.2);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: 33%;height: 260px;padding: 20px 40px;}
#footer_zone .go_link ul {overflow: hidden;}
#footer_zone .go_link li {float: left;width: 45%;padding: 13px 0px;margin-right: 10%;border-bottom: 1px solid rgba(255,255,255, 0.4);}
#footer_zone .go_link li a {font-size: 17px;line-height: 24px;color: #B3B7BF;transition: color 0.3s ease;}
#footer_zone .go_link li a:hover {color: #e4e4e4;}
#footer_zone .go_link li:nth-child(2n) {margin-right: 0px;}
#copy {text-align: center;padding: 10px 0px 20px 0px;}
#copy .copyright {color: #fff;font-size: 16px;line-height: 24px;font-weight: 500;}

@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;}
body h1 {font-size: 40px;line-height: 48px;letter-spacing: -2px;}
body h2 {font-size: 32px;line-height: 40px;}
body h3 {font-size: 27px;line-height: 36px;}
body h4 {font-size: 22px;line-height: 30px;}
body h5 {font-size: 20px;line-height: 27px;}
body h6 {font-size: 18px;line-height: 25px;}
body p {font-size: 16px;line-height: 24px;}
body li {font-size: 14px;line-height: 21px;}
#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(50%);margin-top: 150px;}
.bussiness_info {margin-top: 150px;width: 50%;}
.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: 100%;height: 220px;background-size: 280px;padding: 10px 40px 0px 350px;}
#footer_zone .account_info {width: 33%; height: 220px;padding: 20px 30px;}
#footer_zone .account_info li a {font-size: 16px;line-height: 19px;}
#footer_zone .go_link {width: 33%; height: auto;padding: 20px 30px;}
#footer_zone .go_link li {float: left;width: 50%;padding: 5px 0px;margin-right: 0px !important;border-bottom: 1px solid rgba(255,255,255, 0.4) !important;}
#footer_zone .account_info li {float: left;width: 50%;padding: 5px 0px;margin-right: 0px !important;border-bottom: 1px solid rgba(255,255,255, 0.4) !important;}
/* #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) {
body h1 {font-size: 34px;line-height: 40px;letter-spacing: -1px;}
body h2 {font-size: 27px;line-height: 34px;}
body h3 {font-size: 22px;line-height: 30px;}
body h4 {font-size: 20px;line-height: 27px;}
body h5 {font-size: 18px;line-height: 25px;}
body h6 {font-size: 16px;line-height: 24px;}
body p {font-size: 15px;line-height: 22px;}
.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: 200px;padding-top: 90px;background-size: 50px;background-position: center 25px;}
.hot_link li:first-child a {background-size: 40px;}
.notice,
.bussiness_info {margin-top: 150px;}
.notice_tab a {font-size: 17px;line-height: 24px;}
.notice_zone ul li a {font-size: 15px;line-height: 24px;padding: 1px 50px 1px 10px;}
.notice_zone ul li span.date {font-size: 14px;letter-spacing: 0px;}
.notice_zone ul li a {height: 30px; border-bottom: 1px solid #d2d2d2;}
.notice_tab a {display: inline-block;width: 110px;text-align: center;padding: 5px 0px;}
.notice_zone .more {position: absolute;display: block;border: 2px solid #BEBEBE;width: 33px;height: 33px;right: 0px;top: -40px;background-image: url(more.gif);background-position: center center;background-repeat: no-repeat;border-radius: 50%;}
.main_con .inner2 {height: auto;top: 0px;left: 0px;margin-left: 0px;padding: 0px 0px 20px 0px;}

#footer_zone .info {width: 100%;height: 202px;padding: 90px 20px 0px 20px;background-position: 20px 20px;background-size: 240px;}
#footer_zone .account_info {float: left;width: 33%;height: auto;padding: 20px;}
#footer_zone .info li {font-size: 14px;line-height: 21px;padding-left: 14px;margin-bottom: 3px;}
#footer_zone .account_info .account_num {margin-bottom: 0px;font-size: 19px;line-height: 24px;}
#footer_zone .account_info p {font-size: 14px;line-height: 21px;}
#footer_zone .account_info .account_holder {font-size: 15px;line-height: 21px;}
#footer_zone .account_info li a {font-size: 14px;line-height: 19px;}
#footer_zone .go_link {width: 33%;padding: 20px 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%; }
}
@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: 120px;width: 100%;height: 350px;float: none;text-align: center;padding: 65px 40px;}
.bussiness_info .ui.button.brown {width: 250px;}
.main_con .inner2 {padding: 0px;}
.notice, .bussiness_info {margin-top: 10px;}
.bussiness_info h3 {font-size: 30px;line-height: 36px;margin-bottom: 10px;font-weight: 700;letter-spacing: -1px;font-weight: 700;padding-top: 100px}


}
@media only screen and (max-width:800px) {
#footer_zone .info {width: 40%;height: 330px;}
#footer_zone .account_info {width: 30%;}
#footer_zone .go_link {width: 30%;}
#footer_zone .account_info li {width: 100%;}
#footer_zone .go_link li {width: 100%;}
}
@media only screen and (max-width:767px) {
body h1 {font-size: 30px;line-height: 36px;letter-spacing: -2px;}
body h2 {font-size: 25px;line-height: 30px;}
body h3 {font-size: 21px;line-height: 27px;}
body h4 {font-size: 19px;line-height: 24px;}
body h5 {font-size: 16px;line-height: 24px;}
body h6 {font-size: 15px;line-height: 22px;}
body p {font-size: 14px;line-height: 21px;}
body li {font-size: 13px;line-height: 18px;}
/* .slide_zone .slide .img_view img {width: 110%;display: block;margin-left: calc(-100%/10);}
.slide_zone .slide .slide_item.slick-active .tit .txt {font-size: 27px;line-height: 33px;padding-top: 10px; margin-bottom: 10px;}
.slide_zone .slide .slide_item.slick-active .tit .txt:before {width: 38px;height: 3px;}
.slide_zone .slide .slide_item.slick-active .tit .con {margin-bottom: 15px;font-size: 13px;line-height: 18px;}
.slide_zone .slide .slide_item .tit .ui.button {border-radius: 17px;line-height: 34px;font-size: 13px;}
.slide_zone .slide_pre,
.slide_zone .slide_next {width: 40px;height: 40px;}
.slide_zone .slide_pre,
.slide_zone .slide_next {top: calc( (100% - 40px) / 2);}
.slide_zone .slide_pre:before,
.slide_zone .slide_next:before {font-size: 40px;line-height: 40px;} */

#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 {width: calc(100%);height: 312px;}
#footer_zone .account_info {height: auto;border-right: none; width: 30%;padding: 20px 10px 20px 30px;}
#footer_zone .go_link {height: auto;width: 30%;}
#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);}

#footer_zone div.inner2{display: flex;flex-wrap:wrap;}
#footer_zone .account_info {width: 50%;order:1;}
#footer_zone .go_link {width: 50%;order:2;}
#footer_zone .info {width: 100%;height:auto; order:3;}
}

@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;}
.bussiness_info h3 {padding-top: 10px;}
.bussiness_info {margin-top: 120px;width: 100%;height: 270px;float: none;text-align: center;padding: 65px 40px;}
.notice {margin-top: 20px;}
.notice_zone ul li a {font-size: 15px;line-height: 24px;padding: 3px 10px 3px 18px;}
.notice_zone ul li span.date {display: none;}
.notice_tab {padding-top: 10px;}

#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;}
.slide_zone .slide .img_view {width: 140%;overflow: hidden;transform: translate(-14%, 0%);}
.fes_list li a .fes_info strong {font-size: 16px;}
.slide_zone .slide_pre:before, .slide_zone .slide_next:before {font-size: 30px;line-height: 30px;}
.notice_tab {width: 100%;border-bottom: 1px solid #d7d7d7;margin-bottom: 0px;}
.notice_zone .more {top: -45px;}
.notice {padding: 5px 20px 15px;}
.sec01_Bot { margin-bottom: 10px;}
.inner7 {padding: 20px 5px;}
.soo2 {float: left;}
#footer_zone .info {background-image: url(bottom_logo.png);background-position: 40px 0px;}
}

/*********** 애니메이션 ***********/
@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);}
}