@import url(aos.css);



/*  레이아웃  */
.rwd{width:1200px;margin:0 auto;}

.web{display:block;}
.mobile{display:none;}


#web_header{position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:9;font-family:"Noto Sans KR",  sans-serif;background-color: #ffffff;background-color: rgba( 255, 255, 255, 0.7);}
#web_header .header{width:100%; height:105px;z-index:998;background:#fff;}
#web_header .header:after{content:"";display:block;clear:both;}
#web_header .bg{position:absolute;top:105px;left:0;width:100%;height:420px;}
#web_header .rwd{position:relative;}
#web_header .rwd:after{content:"";display:block;clear:both;}
#web_header .header h1{position:absolute;top:40px;left:0px }

#web_header .btn_menu{position:absolute;top:35px;left:0;display:none}
#web_header .btn_menu .allmenu {display:block; width:32px; height:2px; background:#333; transition:all .4s}
#web_header .btn_menu::before {content:''; display:block; width:32px; height:2px; margin-bottom:8px; background:#333; transition:all .4s}
#web_header .btn_menu::after {content:''; display:block; width:32px; height:2px; margin-top:8px; background:#333; transition:all .4s}

#web_header .btn_menu.active .allmenu {opacity:0}
#web_header .btn_menu.active::before {transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg)}
#web_header .btn_menu.active::after {transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg)}

#web_header nav {float:right;height:105px;}
#web_header nav > ul > li {float:left; position:relative;margin:0 40px;}
#web_header nav > ul > li > span {display:block; position:absolute; top:77px; left:0; width:0; height:3px}
#web_header nav > ul > li > a {position:relative;display:block; width:auto; height:105px; line-height:105px; text-align:center; font-size:17px; font-weight:400;color:#000;padding:0}
#web_header nav > ul > li:last-child{margin-right:0;}
#web_header nav > ul > li:last-child a{text-align:center;}

#web_header nav > ul > li > a span{display:inline-block; vertical-align:top; position:absolute;bottom:30px;left:0;width:100%;}
#web_header nav > ul > li > a span:after {content:""; display:block;height:2px;width:0px; position:absolute; bottom:0px; left:50%;box-sizing:unset}
#web_header nav > ul > li.on > a span:after,
#web_header nav > ul > li > a:hover span:after{width:50%;background:#0f4580;left:0;padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);transition : all 0.4s ease; -webkit-transition : all 0.4s ease; }
#web_header nav > ul > li > a:hover {color:#0f4580}
#web_header nav > ul .smenu {padding:20px 0;}
#web_header nav > ul .smenu li{padding:5px 0;margin:5px 0;}

#conatainer{position:relative;top:105px;}

footer{position:relative;top:105px;background:#f9f9f9;color:#666666;}
footer .footer{background:#f9f9f9;}
footer .footer{position:relative;border:none;padding:30px 0;}
footer .footer:after{content:"";display:block;clear:both; }
footer .footer h2{float:left;padding-top:14px;margin-right:40px;;}


footer .flink{background:#4c515a;border-top:1px solid #abaeb2;border-bottom:1px solid #abaeb2;min-height:44px;}
footer .flink ul{padding:15px 0;}
footer .flink ul li{display:inline-block;color:#fff;line-height:14px;margin-right:30px;}
footer .flink ul li a{color:#fff;font-size:13.5px;}
footer .flink ul li strong{font-weight:500}

footer .finfo{font-size:13px;letter-spacing:-0.02em;line-height:1.8em;font-family: 'Nanum Barun Gothic';}
footer .finfo .copyright{margin-top:0px;font-weight:normal;color:#999999}
footer .finfo .copyright a{color:#f9f9f9}

.admin_link{display:inline-block;}
.admin_link a{border:1px solid #ddd;padding:5px 10px;color:#666 !important}


/* 메인  */
.main_visual .img_main{height:629px;min-width:1200px;background-position:auto 0;background-repeat:none}
.main_visual .bx-controls{position:absolute;top:0px;width:100%;}
.main_visual .bx-controls > div{max-width:1200px;margin:0 auto;padding-left:20px;}
.main_visual .bx-controls-direction{display:none}
.main_visual .bx-pager{height:1px;text-align:0;position:relative;top:385px;}
.main_visual .bx-pager .bx-pager-item{display:inline-block;margin:0 9px 0 0;}
.main_visual .bx-pager .bx-pager-item a{display:inline-block;width:10px;height:10px;border:2px solid #fff;border-radius:100%;font-size:0;line-height:0;}
.main_visual .bx-pager .bx-pager-item a.active{background:#fff;width:40px;border-radius:10px;}

.main_container .grp_top{text-align:center;padding-top:80px;}
.main_container .grp_top h3{font-size:30px;font-weight:800;line-height:1em;color:#000000}
.main_container .grp_top p{font-size:18px;margin-top:15px;line-height:1em;color:#000000}


.main_container{font-family:"NanumSquare",  sans-serif;}

.msection01{padding:0 0px 83px;}
.msection01 .mtab_box{padding:0 50px;}
.msection01 .mtabs.web{margin:43px 0 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.msection01 .mtabs.web ul:after{content:"";display:block;clear:both;}
.msection01 .mtabs.web ul li{position:relative;float:left;width:20%;font-size:18px;color:#333333;text-align:center;font-weight:600}
.msection01 .mtabs.web ul li a{display:block;padding:22px 0 0}
.msection01 .mtabs.web ul li.active > a,
.msection01 .mtabs.web ul li a:hover{color:#de3840;text-decoration:none}
.msection01 .mtabs.web ul li > a span.txt{display:block;}
.msection01 .mtabs.web ul li > a span.bar{position:relative;bottom:-15px;display:inline-block;vertical-align:top;;width:0%;height:3px}
.msection01 .mtabs.web ul li.active > a span.bar{background:#de3840;width:30px;opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}


.msection01 .mtab_content{padding:0 50px;}
.msection01 .mtab_cont{display:none;min-height:400px;}



.msection02{background:url('../img/bg_msection02.png') 0 0 no-repeat;color:#fff;text-align:center;}
.msection02 .grp_top h3{color:#fff}
.msection02 .grp_top p{color:#fff}
.msection02 .more{display:inline-block;margin-top:20px;;padding:10px 15px;min-width:110px;text-align:center;border:1px solid #fff;border-radius:20px;color:#fff}
.msection02 .more span{padding-right:35px;;background:url('../img/bg_more.png') right 0 no-repeat;}
.msection02 ul{padding:50px 0 80px;text-align:center}
.msection02 ul:after{content:"";display:block;clear:both;}
.msection02 ul li{display:inline-block;font-size:16px;font-weight:300;}
.msection02 ul li a{display:block;color:#fff;padding:0 60px}
.msection02 ul li:nth-child(2) a{padding:0 60px;border-left:1px solid #738bb0;border-right:1px solid #738bb0}
.msection02 ul li a span{display:block;font-weight:400}
.msection02 ul li a span.img{display:inline-block;margin-bottom:15px;-webkit-transition: all .3s ease; transition: all .3s ease; text-decoration:none}

.msection02 ul li:nth-child(1) a span.img{width:61px;height:75px;background:url('../img/img_main_icon03.png') 0 5px no-repeat;}
.msection02 ul li:nth-child(2) a span.img{width:63px;height:75px;background:url('../img/img_main_icon01.png') 0 5px no-repeat;}
.msection02 ul li:nth-child(3) a span.img{width:70px;height:75px;background:url('../img/img_main_icon02.png') 0 5px no-repeat;}

.msection02 ul li a:hover span.img{background-position:0 0px;;}

.msection03 ul{padding:40px 0;}
.msection03 ul:after{content:"";display:block;clear:both}
.msection03 ul li{display:inline-block;;text-align:center;}
.msection03 ul li:nth-child(2){margin:0 30px;}
.msection03 ul li a{display:inline-block;padding:20px;border:1px solid #dddddd}
.msection03 ul li a .img{display:block;overflow:hidden;}
.msection03 ul li a .img .scale{display:block;}
.msection03 ul li a .img .pic{display:block;width:329px;height:275px;}
.msection03 ul li a .info{display:block;;text-align:left}
.msection03 ul li a .info strong{display:block;padding:30px 0 20px;font-size:20px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.msection03 ul li a .info span.txt{display:block;min-height:43px;overflow:hidden;padding-bottom:40px;line-height:1.6em;}
.msection03 ul li a .info span.date{color:#999999;font-size:15px;font-weight:600}

.msection04{border-top:1px solid #dddddd}
.msection04 ul{padding:35px 0;}
.msection04 ul:after{content:"";display:block;clear:both;}
.msection04 ul li{position:relative;float:left;width:33.3%;}
.msection04 ul li a{display:block;padding:0 85px 0 30px;min-height:100px;}
.msection04 ul li:nth-child(2) a{border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.msection04 ul li a strong{display:block;padding:10px 0 15px;;font-size:18px;color:#000000;font-weight:800}
.msection04 ul li a span.txt{display:block;word-break:keep-all;line-height:1.5em;}
.msection04 ul li a span.img{position:absolute;top:18px;right:30px;display:block;-webkit-transition: all .3s ease; transition: all .3s ease;}
.msection04 ul li:nth-child(1) .img{width:53px;height:62px;background:url('../img/img_main_icon04.png') 0 7px no-repeat;}
.msection04 ul li:nth-child(2) .img{width:44px;height:62px;background:url('../img/img_main_icon05.png') 0 7px no-repeat;}
.msection04 ul li:nth-child(3) .img{width:55px;height:62px;background:url('../img/img_main_icon06.png') 0 7px no-repeat;}

.msection04 ul li a:hover .img{background-position:0 0;}

/* 서브 */

.sub_container{min-height:900px}
.sub_container #content{padding:60px 0;}
.sub_container #content *{box-sizing:border-box;}

#sub_top{position:relative;height:305px;background:url('../img/sub_top.png') center 0 no-repeat;color:#fff;text-align:center;}
#sub_top h3{padding-top:115px;font-size:45px;opacity:1;color:#fff;text-shadow: 2px 2px 2px #404243;}
#sub_top p{padding-top:15px;font-size:20px;font-weight:normal;opacity:1;letter-spacing:0.3em;}


#location{padding:40px 0px;text-align:right;font-size:14px;color:#909090}
#location span{margin:0 5px;color:#b8b8b8;font-weight:300;font-size:18px;}
#location strong{font-weight:500}
#location strong:last-child{font-weight:500;color:#09428b}

#page_herader{padding:50px 0 45px;text-align:center;border-bottom:1px solid #e6e9ed}
#page_herader h4{margin-bottom:30px;padding:0;font-size:40px;color:#0b408a;font-weight:600;letter-spacing:-0.05em;background:none;}
#page_herader p{font-size:18px;color:#666666;font-weight:300}


/* 갤러리 게시판 */
.tab_list{text-align:center;margin-bottom:60px;}
.tab_list ul li{position:relative;display:inline-block;margin:0 40px 0px;font-size:16px;font-weight:bold;}
.tab_list ul li > a span{position:absolute;bottom:-10px;left:0;display:inline-block;vertical-align:top;;width:0%;height:3px;}
.tab_list ul li.on > a span,
.tab_list ul li > a:hover span{background:#000;width:100%;left:0; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}


/* table */
table {width:100%; height:auto; table-layout:fixed; border-collapse:collapse; padding:0; margin:0;}
table caption {display:none;}
table button, table input {*overflow:auto;}

.basic_table {color:#333333;border-top:2px solid #0054a6}
.basic_table thead tr th {border:1px solid #dddddd;border-bottom:none !important;text-align:center; color:#444; padding:20px 10px !important; background:#f5fcff; word-break:break-all;}
.basic_table tbody tr td {border:1px solid #dddddd;padding:15px 10px !important; text-align:center; word-break:break-all;vertical-align:middle !important;}

.basic_table_all {color:#333333;border-top:2px solid #0054a6}
.basic_table_all thead tr th {border:1px solid #dddddd;border-bottom:none !important;text-align:center; color:#444; padding:20px 10px !important; background:#f5fcff; word-break:break-all;}
.basic_table_all tbody tr td {border:1px solid #dddddd;padding:15px 10px !important; text-align:left; word-break:break-all;vertical-align:middle !important;}



.basic_table2 {color:#333333;border-top:2px solid #0054a6}
.basic_table2 th {border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; color:#333333; padding:10px 10px; background:#f5fcff; word-break:break-all;vertical-align:middle !important;line-height:1.5 !important;;}
.basic_table2 td {border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; padding:10px 10px; text-align:center; word-break:break-all;vertical-align:middle !important;line-height:1.5 !important;}
.basic_table2 .al_left {text-align:left; padding-left:15px;}
.basic_table2 .first {border-left:0;}


.tit01{position:relative;font-size:34px;color:#333333;font-weight:400;text-align:center;margin-bottom:40px;}
.tit01 .bar{display:inline-block;height:3px;width:20px;margin:0 auto 10px;background:#0b408a;}
.tit01 .txt{display:block;}

.tit02{color:#34609d;font-size:26px;font-weight:600}

.tit03{position:relative;font-size:20px;color:#333333;font-weight:500;margin-bottom:40px;font-family:"Noto Sans KR",  sans-serif;}
.tit03 .bar{display:block;height:3px;width:20px;margin:0 0 10px;background:#0b408a;}

.alc{text-align:center;}
.alr{text-align:right;}

.pbg{border:5px solid #f8f8f8}
.bline_strong{border-bottom:3px solid #f8f8f8}

.list01 li{position:relative;padding:5px 0 5px 12px;}
.list01 li:after{content:"-";display:block;clear:both;position:absolute;top:5px;left:0}
.list01 li.li_non:after{content:"";display:block;clear:both;position:absolute;top:5px;left:0;}
.list01 li.li_non{font-weight:600}

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

/*  레이아웃  */
.rwd{width:auto;}
img{max-width:100%}

.tit01{position:relative;font-size:24px;color:#333333;font-weight:400;text-align:center;margin-bottom:40px;}
.tit01 .bar{display:inline-block;height:3px;width:20px;margin:0 auto 10px;background:#0b408a;}
.tit01 .txt{display:block;}
.tit02{color:#34609d;font-size:20px;font-weight:500}
.tit03{position:relative;font-size:18px;}



#web_header .header h1{left:10px;}

#web_header .btn_menu{position:absolute;top:30px;left:10px}
#web_header nav{margin-right:20px;;}
#web_header nav > ul > li {float:left; position:relative;margin:0 20px;}




footer .footer h2{float:none;padding:20px 0;margin-right:0px;text-align:center;}
footer .footer .footer_cont{float:none;}


footer .flink ul{padding:10px 0px}
footer .flink ul:after{content:"";display:block;clear:both;}
footer .flink ul li{position:relative;float:left;display:block;width:33.3%;;text-align:center;padding:5px 0;margin:0;text-align:center;}
footer .flink ul li a{font-size:14px;}
footer .flink ul li span{float:right;display:inline-block;margin:2px 0 0}

footer .finfo{padding:20px;text-align:center;font-size:14px;}
footer .finfo .company span{display:block;}


/* 메인  */
.main_visual .img_main{height:550px;background-size:100% 100%}
.main_visual .bx-controls > div{max-width:100%;top:none;text-align:center;}
.main_visual .bx-pager{top:400px;}

.msection01 .mtab_cont{min-height:auto;}


.msection02 {overflow:hidden;}
.msection02 ul:after{content:'';display:block;clear:both}
.msection02 ul li{float:left;width:33.3%}
.msection02 ul li a{padding:0}
.msection02 ul li:nth-child(2) a{padding:0}


.msection03 {padding:0 20px;overflow:hidden;}
.msection03 ul li{float:left;width:33.3%}
.msection03 ul li a{display:block;max-width:90%;padding:0px;margin:0 5%;border:1px solid #dddddd}
.msection03 ul li:nth-child(2){margin:0;padding:0 0px;}
.msection03 ul li .img{margin:20px 20px 10px}
.msection03 ul li a .img .pic{display:block;width:100%;height:225px;}
.msection03 ul li .info{padding:0 20px 20px;}

#page_herader{margin:0 20px;}
.sub_container #content{padding:60px 20px;}


}


@media (max-width: 680px) {

/*  레이아웃  */
.web{display:none;}
.mobile{display:block;}


.rwd{width:auto;}
.rwd img{max-width:100%;}


#mobile_header{position:relative;height:60px;}
#mobile_header h1{text-align:center;padding:15px 0 0}
#mobile_header .btn_menu_open{position:absolute;top:20px;left:20px;}

#mobile_header .btn_menu_open{position:absolute;top:20px;left:10px}
#mobile_header .btn_menu_open .allmenu {display:block; width:28px; height:2px; background:#333; transition:all .4s}
#mobile_header .btn_menu_open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#333; transition:all .4s}
#mobile_header .btn_menu_open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#333; transition:all .4s}

#mobile_header .mobile_nav_box{overflow:hidden;position:fixed;top:0;left:-100%;z-index:6000;width:100%;height:100%;overflow:hidden;background:#fff;}


#mobile_header .btn_menu_close {position:absolute;top:20px;right:20px;}
#mobile_header .btn_menu_close .allmenu{display:block; width:22px; height:2px; background:#333; transition:all .4s}
#mobile_header .btn_menu_close .allmenu {opacity:0}
#mobile_header .btn_menu_close::before {content:''; display:block; width:22px; height:2px; margin-bottom:8px; background:#333;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg)}
#mobile_header .btn_menu_close::after {content:''; display:block; width:22px; height:2px; margin-top:8px; background:#333; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg)}
#mobile_header .shadow {display:none;position:fixed; left:0; top:0; z-index:5000; background:#000; width:100%; height:100%;-webkit-opacity:0.6; -moz-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}

#mobile_header #nav h1{padding-bottom:20px;;border-bottom:1px solid #ededed}
#mobile_header #nav .al_box > ul {padding:0; float:none;padding-bottom:200px}
#mobile_header #nav ul li {float:none; width:auto !important; border-bottom:1px solid #ededed; margin-left:0;}
#mobile_header #nav ul li a {text-align:left; height:auto; padding:15px 15px; font-size:15px; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#000000}
#mobile_header #nav > ul > li.active > a,
#mobile_header #nav > ul > li > a.ov,
#mobile_header #nav > ul > li > a.on{color:#0054a6;} 
#mobile_header #nav ul li .smenu{display:none; position:relative; padding:8px 0; width:auto; border:0; right:auto; height:auto;background:#f4fbfb;border-top:1px solid #ececec;transition:none;-webkit-transition:none;}
#mobile_header #nav ul li ul li {margin:0 !important; padding:0 !important;border-bottom:0;}
#mobile_header #nav ul li ul li:first-child {border-top:0;}
#mobile_header #nav ul li ul li a {background:none; display:block; color:#333333; height:auto; padding:8px 15px 8px 35px; font-size:14px; line-height:22px; }
#mobile_header #nav ul > li > ul > li.active > a,
#mobile_header #nav ul > li > ul > li > a.ov,
#mobile_header #nav ul > li > ul > li > a.on{color:#0054a6}
#mobile_header #nav > ul > li.active ul{display:block;}
#mobile_header #nav ul li ul li ul{border-top:none;}
#mobile_header #nav ul li ul li ul li.active a{padding:2px 0 2px 50px;}

#footer{top:0}
footer .flogo ul li img{width:35%}
footer .flink ul li a{font-size:10px;}
footer .finfo{padding:20px;text-align:center;font-size:10px;}
footer .finfo .company .btn_cpy{font-size:10px;}
footer .footer{height:auto}

#conatainer{top:0px;}


/* 메인  */
.main_visual{position:relative;top:0px;margin-bottom:0px;}
.main_visual .img_main{height:450px;background-size:center 450px !important;}
.main_visual .bx-pager{top:400px;}

/* 서브  */
.sub_container{min-height:550px}

#sub_top{height:200px;background:url('../img/sub_top.png') center 0 no-repeat;color:#fff;text-align:center;}
#sub_top h3{padding-top:80px;font-size:25px;}
#sub_top p{padding-top:15px;font-size:15px;}


#location{padding:20px;}
#page_herader{padding:40px 20px 30px;margin:0 20px;}
#page_herader h4{font-size:24px;margin-bottom:15px;}

.sub_container #content{padding:40px 20px;}

.gallery_list li{float:left;width:50%;margin-bottom:50px;}
.gallery_list li .info strong{font-size:18px;font-weight:700;}
.gallery_list li .info .stxt{display:block;padding:5px 0;font-size:14px;}
.gallery_list li .info .date{color:#777777}


.msection01 .mtabs.mobile{margin:0 15px;}


.msection01 .mtabs.mobile {position:relative;border-bottom:none;;margin-top:50px;;}
.msection01 .mtabs.mobile  .tabView{display:block;width:100%;height:50px;line-height:50px;vertical-align:middle;background:none;font-size:18px;color:#333333;font-weight:bold;text-align:center;border:1px solid #dcddde;}
.msection01 .mtabs.mobile ul{display:none;position:absolute;top:50px;z-index:500;width:100%;padding:10px 0;background:#fff;border:1px solid #dcddde;border-top:none}
.msection01 .mtabs.mobile ul li{padding:10px 10px;text-align:center;color:#333333;font-size:15px;}



.msection01 .mtab_content{padding:0 15px;}

.msection03 .news_box{position:relative;padding:40px 0;}
.msection03 ul{padding:0}
.msection03 ul li a{float:none;display:block;width:80%;margin:0 auto;}
.msection03 ul li a .img .pic{display:block;width:100%;height:225px;}

.msection03  .bx-controls-direction a{display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;vertical-align:middle;border-radius:30px;background-color: #000;background-color: rgba( 0, 0, 0, 0.5);color:#fff}
.msection03  .bx-prev{position:absolute;top:40%;left:-10px;}
.msection03  .bx-next{position:absolute;top:40%;right:-10px;}


.msection04{border-top:1px solid #ddd}
.msection04 ul{padding:0}
.msection04 ul li{float:none;width:100%;}
.msection04 ul li a{padding-top:20px;padding-bottom:30px;min-height:auto}
.msection04 ul li:nth-child(2) a{border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.msection04 ul li a span.img{top:30px}
.msection03 ul li a .info span.date{display:block}


.tit01{font-size:26px;}
.tit02{font-size:18px;}
}