/*문자열설정*/
@charset "utf-8";

@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }

/*html5-doctor-reset-stylesheet.min CSS 초기화*/
*{margin:0;padding:0;font-weight:normal;font-family:"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0; font-size:12px; }div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0;}table{border-spacing:0;}ol, ul, li{ list-style:none;}h1, h2, h3, h4, h5, h6, th, td{font-weight:normal; font-size:100%;}form, fieldset, a img{ border:0;}q:before,q:after { content:''; }abbr,acronym { border:0; }address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal;}blockquote, q{quotes:none;}caption{display:none;}a img, input, textarea, select, img{ vertical-align:middle;}time, progress, mark, output {display:inline;}a {text-decoration:none;}a img{ border:0;}img, input, select{vertical-align:middle;}input{ font-size:13px; color:#000; vertical-align:middle; }select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, label, video, object {display:block;}/* html5-doctor-reset-stylesheet.min CSS 초기화 */




#header {min-width:1200px; height:65px; background:#363441; }
#header .inner_head {position:relative;border-bottom:0px solid #efecdf;}
#header .inner_head:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:"";}

.gnb_comm {width:1200px;padding:25px 15px 0;margin:0 auto;}
.gnb_comm .list_gnb:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:"";}
.gnb_comm .list_gnb > li {display:inline-block; *display:inline; *zoom:1;letter-spacing:-1px; position:relative; width:220px; margin-top:3px;text-align:center;} /* 한쪽면 길이 548px*/
.gnb_comm .list_gnb > li.one {width:200px;}
.gnb_comm .list_gnb li.fix {margin-left:104px;}
.gnb_comm .list_gnb li.on .list_depth2:before {display:none;position:absolute;top:0;left:50%;width:50%;height:1px;background:#0d1228;content:"";}
.gnb_comm .link_depth1 {display:block;overflow:hidden;height:65px; line-height:40px; font-size:20px; font-weight:400; color:#fff;margin-top:-11px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {.gnb_comm .link_depth1 {display:block;overflow:hidden;height:65px; line-height:30px; font-size:20px; font-weight:400; color:#fff; }}

.gnb_comm .list_depth2 {overflow:hidden;position:absolute;top:-1000px;z-index:2000;width:100%;}
.gnb_comm .menu_line {position:absolute;top:63px;width:100px;height:1px;margin-left:22px;background:#0d1228;opacity:0;filter:alpha(opacity=0);-webkit-transition-property: -webkit-transform, left, opacity, width; -webkit-transition-duration: 0.35s; -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -moz-transition-property: -moz-transform, left, opacity, width; -moz-transition-duration: 0.35s; -moz-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -ms-transition-property: -ms-transform, left, opacity, width; -ms-transition-duration: 0.35s; -ms-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -o-transition-property: -o-transform, left, opacity, width; -o-transition-duration: 0.35s; -o-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-property: transform, left, opacity, width; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);}
.gnb_comm .menu_line.on {opacity:1;filter:alpha(opacity=100);}
.list_depth2 {padding-top:0px; text-align:center; }
.list_depth2 li + li {margin-top:1px;}
.list_depth2 .link_depth2 {display:block;padding:4px 0;font-size:15px;color:#555;opacity:0;filter:alpha(opacity=0);}
.list_depth2 .link_depth2:hover {color:#fff; background:rgba(53,51,64,1);
-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;}
.list_depth2 .link_depth2{-webkit-transition-property: -webkit-transform, opacity; -webkit-transition-duration: 0.45s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: -moz-transform, opacity; -moz-transition-duration: 0.45s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: -ms-transform, opacity; -ms-transition-duration: 0.45s; -ms-transition-timing-function: ease-in-out; -o-transition-property: -o-transform, opacity; -o-transition-duration: 0.45s; -o-transition-timing-function: ease-in-out; transition-property: transform, opacity; transition-duration: 0.45s; transition-timing-function: ease-in-out;}

.menu_on .list_depth2 {top:52px;}
.menu_on .list_depth2 .link_depth2{opacity:1;filter:alpha(opacity=100);}

#gnbBg {overflow:hidden;position:absolute;z-index:1000;top:136px; margin-top:-1px;left:0;width:100%;min-width:1230px;height:0;background:#f7f7f7;-webkit-transition-property: -webkit-transform, height, opacity, box-shadow; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); -moz-transition-property: -moz-transform, height, opacity, box-shadow; -moz-transition-duration: 0.4s; -moz-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); -ms-transition-property: -ms-transform, height, opacity, box-shadow; -ms-transition-duration: 0.4s; -ms-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); -o-transition-property: -o-transform,  height, opacity, box-shadow; -o-transition-duration: 0.4s; -o-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); transition-property: transform, height, opacity, box-shadow; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96);}
#gnbBg.on {height:200px;border-bottom:1px solid #fff;-webkit-box-shadow:0 2px 10px 0 rgba(102,102,102,0.1);box-shadow: 0 2px 10px 0 rgba(102,102,102,0.1);}



.head_banner_wrap{position:absolute;top:20px;left:0;width:280px}
.head_banner_wrap > .head_banner_inner > .slick-arrow{position:absolute;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.head_banner_wrap > .head_banner_inner > .slick-prev{background: url("/img/main/btn_hbanner_up.png") no-repeat;width:22px;height:22px;top:10px;right:-30px}
.head_banner_wrap > .head_banner_inner > .slick-next{background: url("/img/main/btn_hbanner_down.png") no-repeat;width:22px;height:21px;top:32px;right:-30px}

.top_logo_header_wrap{position:relative;width:100%;height:85px;background:#fff;z-index:99999}
.top_logo_header{position:relative;width:1200px;margin:0 auto;box-sizing:border-box;text-align:center;}
.top_logo_header > h1{padding-top:0px;}
/* 로고 가운데 정렬시 h1에 클래스 입력*/
.left_v{text-align:left;}
.top_icon_wrap{position:absolute;top:30px;right:0;}
.top_icon_wrap > ul:after{content:"";display:block;clear:both;}
.top_icon_wrap > ul > li{float:left;margin-left:20px;}
.top_icon_wrap > ul > li:first-child{margin-left:0;}
.top_icon_wrap > ul > li > a{display:block;font-weight:300;text-align:center;text-decoration:none;color:#6d6d6d;font-size:15px;}
.top_icon_wrap > ul > li:hover > a > img{animation-name:swing;}
.top_icon_wrap > ul > li > a > img{display:block;margin:0 auto 5px auto;width:20px;height:20px;}

.top_icon_wrap > ul > li.i {background: url("/img/icon.png") left 1px no-repeat; padding-left:22px;}


.sec_menu_wrap{background-color:#fff;width:100%;position:fixed;z-index:9999;}
.head_bottom_wrap{width:100%;min-width:1200px;text-align:center;}
.mainmenu{position:relative;width:1200px;margin:0 auto; text-align:center;}
.mainmenu:after{clear:both;content:'';display:block;}
.mainmenu ul:after{clear:both;content:'';display:block;}
.mainmenu>ul>li{display:inline-block; *display:inline; *zoom:1;cursor:pointer;padding:0px 40px;}


.mainmenu > ul > li.dif_dep{background:#000059}
.mainmenu > ul > li.dif_dep > a{color:#fff}
.mainmenu > ul > li > a{color:#2c2c2c;font-size:20px;display:inline-block;padding:18px 0; font-weight:400; letter-spacing:-0.5px;}
.gnb > li > a{position:relative;}
.gnb > li > a:after{content:'';transition:all .2s;position:absolute;height:2px;width:0;display:inline-block;bottom:0;left:50%;transform:translateX(-50%);background:#949494}
.gnb > li.on > a:after{width:100%}
.gnb > li.in > a{color:#000059}
.gnb > li.on > .dep2_wrap{opacity:1;transform: matrix(1, 0, 0, 1, 0, 0);visibility: visible;}
.sec_menu_wrap.on{height:65px;}
.sec_menu_wrap.on:after{opacity:1;transform: matrix(1, 0, 0, 1, 0, 0);visibility: visible;}
.sec_menu_wrap:after{width:100%;background:#fff;z-index:9;visibility: hidden;opacity:0;transition:all .4s;transform: matrix(1, 0, 0, 1, 0, -10);content:'';position:absolute;left:0;height:160px;}
.gnb > li > .dep2_wrap{position:absolute;width:1200px;height:160px;text-align:left;opacity:0;transition:all .3s;transform: matrix(1, 0, 0, 1, 0, -10);visibility: hidden;z-index:10;left:50%;margin-left:-600px;}
.gnb > li > .dep2_wrap > li{float:left;position:relative;vertical-align:middle;width:170px;margin-left:10px;margin-top:32px;}
.gnb > li > .dep2_wrap > li:first-child{/* padding-left:10px */}
.gnb > li > .dep2_wrap > li:nth-child(2){margin-left:20px;}
.gnb > li > .dep2_wrap > li:nth-child(7){margin-left:20px;}
.gnb > li > .dep2_wrap > li:nth-child(7),.gnb > li > .dep2_wrap > li:nth-child(8),.gnb > li > .dep2_wrap > li:nth-child(9),.gnb > li > .dep2_wrap > li:nth-child(10){margin-top:15px;}
.gnb > li > .dep2_wrap > li > a{color:#010101;font-size:15px; font-weight:300; display:block;padding:3px 0 2px 10px;text-align:left;box-sizing:border-box;}
.gnb > li > .dep2_wrap > li > a:hover{color:#fff;background-color:#000059;}
.gnb > li > .dep2_wrap > li > a.select{color:#fff;background-color:#000059;}
.dep2_title{font-size:25px;color:#000059;width:220px !important;margin-top:35px;padding:5px 20px 5px 0;border-right:1px solid #cbc7c6;text-align:center;height:100px}


.btn_all_menu{background:#fff;}
.btn_all_menu{float:left}
.btn_all_menu a{height:100%;position:relative;box-sizing:border-box;display:block;padding:11px 16px;}
.btn_all_menu a > span{height:2px;background:#000;box-sizing:border-box;width:27px;display:block;transition:all .3s}
.btn_all_menu a > span:nth-child(1){margin-bottom:6px;}
.btn_all_menu a > span:nth-child(2){margin-bottom:6px;width:28px}
.btn_all_menu a.on > span:nth-child(1){transform: translateY(8px) rotate(45deg)}
.btn_all_menu a.on > span:nth-child(2){opacity:0;}
.btn_all_menu a.on > span:nth-child(3){transform: translateY(-8px) rotate(-45deg)}



.all_menu_wrap{position:fixed;top:85px;width:100%;z-index:99999;display:none}
.all_menu_dimmed{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index:999;display:none}
.all_menu{position:relative;z-index:9999;background:#fff;padding:50px 0;width:100%}
.all_menu > ul{width:1200px;margin:0 auto}
.all_menu > ul:after{clear:both;display:block;content:''}
.all_menu > ul > li{float:left;text-align:center;width:220px;height:290px}
.all_menu > ul > li:nth-child(7){height:auto}
.all_menu > ul > li:last-child{margin-right:0}
.all_menu > ul > li > a{font-size:20px;color:#000059}
.all_2dep{margin-top:20px;}
.all_2dep > li{padding-bottom:10px; }
.all_2dep > li > a{color:#000;font-size:15px; font-weight:300;}
.all_2dep > li > a:hover{font-weight:400; }




#main_slide {position:relative; width:100%; min-width:1200px; height:635px; padding-top:63px;}
#main_slide .slideshow {width:100%; height:635px; }
#main_slide .slideshow li {position:relative; width:100%; height:635px; }
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat;}

#main_slide .prev {position:absolute; top:350px; left:50%; margin:0 0 0 -600px; width:37px; height:70px; background:url("../img/btn_prev.png") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:350px; right:20%; margin:0 0 0 0px; width:37px; height:70px; background:url("../img/btn_next.png") 0 50% no-repeat; z-index:999;}
#main_slide .pagination {position:absolute; top:530px; left:50%; margin-left:-35px; z-index:99999;}
#main_slide .pagination li {float:left;  margin:0 5px 5px 0; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none;}
#main_slide .pagination li .off {display:block;}
#main_slide .pagination li.current .on {display:block; width:32px; height:15px;}
#main_slide .pagination li.current .off {display:none; width:15px; height:15px;}




#mainbanner {width:100%; min-width:1200px; }
.mainbanner {width:1200px; margin:0 auto; padding:18px 0;}
.mainbanner2 {width:1200px; margin:0 auto; padding:18px 0;}

.mbanner {width:1200px;}
.mbanner ul {font-size:0; }
.mbanner ul li {display:inline-block; *display:inline; *zoom:1;}
.mbanner ul li:nth-child(2) {padding-left:18px;}

#main_contents {width:100%; min-width:1200px; background:#f4f4f4;}
.mainbanner h2 {font-family: 'Nanum Myeongjo', serif; letter-spacing:-1px; font-size:30px; color:#6c7795; text-align:center; font-weight:800; padding-top:30px; padding-bottom:70px;}
.mainbanner h2::before {content: ""; display:block; width:400px; height:1px; background:#e1e1e1; float:left; margin-top:15px;}
.mainbanner h2::after {content: ""; display:block; width:400px; height:1px; background:#e1e1e1; float:right; margin-top:15px;}
.mainbanner h2 span {font-family: 'Nanum Myeongjo', serif; background:#6c7795; color:#fff;font-weight:700; padding:3px 5px; letter-spacing:0.5px;}



.mb02_wrap{width:1200px; margin:20px auto;}

.mb02_wrap > div > h3{font-size:22px;color:#000;font-weight:600;margin-bottom:20px; letter-spacing:-1px;}
.mb02_wrap > div > h3 span {color:#3e197b; font-weight:600;}
.mb02_wrap > .mb02_01_wrap{width:476px;float:left;margin-right:5px;}

#mb02_01_bx-pager{float:left;width:161px;}
#mb02_01_bx-pager a{text-decoration:none;display:block;height:56px;line-height:56px;color:#fff;font-size:17px;background-color:#333;font-weight:400;text-align:center;box-sizing:border-box;border-bottom:1px solid #484848;}
#mb02_01_bx-pager a:last-child{height:56px;}
#mb02_01_bx-pager a.active{background-color:#3e197b;}
.mb02_01_roll_wrap{float:left;width:315px !important;}

.mb02_01_wrap .bx-wrapper .bx-prev{width:24px; height:24px; right:24px;top:-40px;background: url('/img/bt_left.gif') no-repeat;display:inline-block;}
.mb02_01_wrap .bx-wrapper .bx-next{width:24px; height:24px; right:0;top:-40px;background: url('/img/bt_right.gif') no-repeat;display:inline-block;}

.m_banner {padding-top:53px;}
.m_banner ul li {display:inline-block; *display:inline; *zoom:1; padding:0 3px;}



.mb06_n_wrap{position:relative;background:url("/img/n_bg.gif") no-repeat center;width:100%;height:620px;}
.mb06_n_ {width:1200px; margin:0 auto;}
.mb06_n_ > h3{font-size:25px; color:#000; font-weight:500; text-align:center;padding:50px 0; }
.mb06_n_ > h3:before {content: ""; position:absolute; width:20px; height:1px; background:#000; left:50%; margin-left:-180px; margin-top:13px;}
.mb06_n_ > h3:after {content: ""; position:absolute; width:20px; height:1px; background:#000; right:50%; margin-right:-180px; margin-top:13px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.mb06_n_ > h3:before {content: ""; position:absolute; width:20px; height:1px; background:#000; left:50%; margin-left:-180px; margin-top:20px;}
.mb06_n_ > h3:after {content: ""; position:absolute; width:20px; height:1px; background:#000; right:50%; margin-right:-180px; margin-top:20px;}
}


.mb06_n_wrap .bx-wrapper .bx-viewport{background:none;}
.mb06_n{width:720px; float:left;}
.mb06_n_wrap .bx-wrapper .bx-pager.bx-default-pager{text-align:center;margin-left:250px;}
.mb06_n_wrap .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;background:none;margin:0 6px;width:5px;height:5px;text-indent:-9999999px;border-radius:25px;box-sizing:border-box;vertical-align:middle;}
.mb06_n_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background:none;border:none;width:14px;height:14px;}
.mb06_n_wrap .bx-wrapper .bx-prev{width:47px; height:47px; left:50%;top:417px;margin-left:266px;background: url('/img/prev.gif') no-repeat;display:inline-block;}
.mb06_n_wrap .bx-wrapper .bx-next{width:47px; height:47px; right:0%;top:417px;margin-right:0px;background: url('/img/next.gif') no-repeat;display:inline-block;}

.mb06_y {width:365px; display:inline-block; *display:inline; *zoom:1; margin-left:80px; }
.mb06_y h3 {font-size:43px; color:#000; font-weight:600; letter-spacing:-3px; padding-top:60px; padding-bottom:40px;}
.mb06_y h3 span {color:#d14a90; font-weight:600;letter-spacing:-3px;}
.mb06_y ul li {font-size:20px; letter-spacing:-1px; font-weight:300; padding-bottom:10px;}
.mb06_y ul li a {color:#000;}

.mb06_y ul.bt_more {margin-top:40px;}
.mb06_y ul.bt_more li { border:1px solid #e0e0e0; font-size:15px; text-align:center; width:180px; margin:0 auto; padding:15px 0; font-weight:300;}
.mb06_y ul.bt_more li a{font-size:15px; text-align:center; }




footer {background-color:#dfdeeb; margin-top:0px;}
.footer_wrap{width:1200px; margin:0 auto; padding:30px 0;}

.footer_bottom_left {width:520px; display:inline-block; *display:inline; *zoom:1;}

.footer_link {padding-top:40px;}
.footer_link li {font-weight:600; font-size:22px;}

.footer_bottom{width:520px;margin:0 auto;padding:30px 0;}
.footer_bottom li{font-size:15px;color:#000; font-weight:300;}


.footer_bottom_right {width:650px; float:right; }

.footer_cus {width:220px; display:inline-block; *display:inline; *zoom:1; margin-right:40px; vertical-align:top;}
.footer_cus h2 {padding:10px 0 20px 0; font-size:20px; font-weight:500; color:#000; }

.footer_cus h3 {margin-top:10px; font-family: 'Abel', sans-serif; font-size:35px; line-height:40px; font-weight:600; color:#000; letter-spacing:-1px; padding-bottom:5px;}
.footer_cus h3:before {content: ""; display:block; width:36px; height:1px; background:#000; margin:10px 0; }

.footer_cus li {color:#000; font-size:15px;  font-weight:300; line-height:20px;}

.footer_cus2:before {content: ""; position:absolute; left:50%; margin-left:200px; width:1px; height:170px; background:#fff; }

.footer_cus2 {width:310px; display:inline-block; *display:inline; *zoom:1; margin-top:15px; margin-left:65px; vertical-align:top;}
.footer_cus2 h2 {font-size:20px; font-weight:500; color:#000; padding-bottom:20px;}

.footer_cus2 h3 {font-size:30px; font-weight:500; color:#000; letter-spacing:-1px; padding-bottom:5px;}
.footer_cus2 h3 span {font-weight:200;}
.footer_cus2 li {color:#000; font-size:15px; margin-bottom:2px; font-weight:100;}
.footer_cus2 li span {background:#7572a0; color:#fff; margin-right:10px; width:80px; font-size:15px; font-weight:300; display:block; display:inline-block; *display:inline; *zoom:1; text-align:center;  padding-top:4px; line-height:19px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.footer_cus2 li span {padding-top:0px;}
}