@charset "urf-8";
/* 서브 헤드 */
/* .sub {padding-top:90px;} */
.s_visual{position:relative;width:100%;height:235px;clear:both;z-index:1;display:flex;align-items:center;justify-content:center;color:#fff;}
.s_visual.s_visual_img01{background:url('../img/page/hd_visual01.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img02{background:url('../img/page/hd_visual02.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img03{background:url('../img/page/hd_visual03.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img04{background:url('../img/page/hd_visual04.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img05{background:url('../img/page/hd_visual05.jpg')no-repeat center;background-size:cover}
.hd_title{font-size:36px;font-weight:500;}

@media (max-width:1024px) {
    /* .sub {padding-top:60px} */
}
@media(max-width:550px){
.s_visual{height:135px;}
.s_visual .hd_title{line-height:135px}
}
@media(max-width:480px) {
    .hd_title {font-size:26px;}
}

/* 서브 컨텐츠 */
#container{position:relative;width:100%;height:auto;overflow:hidden;min-height:500px;margin-bottom:50px}
.content_wrap{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto;padding:45px 0 20px 0;min-height:500px}
.sub_container{position:relative;float:left;width:1070px;height:auto;overflow:hidden;padding-left:55px}
.sub_content{position:relative;width:100%;height:auto;overflow:hidden;margin-bottom:60px}
.sub_title{font-size:25px;color:#3d3c3c;margin:40px 0;font-weight:500}

@media(max-width:1300px){
    .img_size img{width:100%}
    .content_wrap{width:100%}
    .sub_container{padding-left: 30px;padding-right: 20px;width: calc(100% - 244px);}
    .board_wrap{width:80%}
}

@media(max-width:960px){
    .sub_container{width:100%;padding:0 20px;float:none}
    .board_wrap{width:100%;padding:0 20px}
    .content_wrap {padding:30px 0 20px 0}
}

@media(max-width:550px){
    .sub_container{padding:0 10px}
    .board_wrap{padding:0 10px}
}

/* 레프트 메뉴*/
.left_menu{position:relative;float:left;width:224px;height:auto;overflow:hidden}
.left_menu .left_title{width:100%;height:100px;line-height:100px;background-color:#26272b; background-image: url(../img/page/left-tit-bg.png);text-align:left;color:#fff;font-size:24px;font-weight:500;border-bottom: 3px solid #273e72; padding: 0 15px;}
.left_menu .left_ul{position:relative;width:100%;height:auto;overflow:hidden}
.left_menu .left_ul li {padding:0 15px;border:1px solid #dedede;border-top:0;line-height:50px;}
.left_menu .left_ul li a {display:block; /*background:url('../img/page/left_arrow.png')no-repeat 90%;*/}
.left_menu .left_ul li a span {word-break:keep-all;line-height:1.4;}
.left_menu .left_ul li.active {background:#d2e3fd; color: #28407c;}
.left_menu .left_ul li.active a {color:#28407c;position:relative;/*padding-left: 40px;*/}
.left_menu .left_ul .submenu {background:#f2f2f2;padding:10px 20px;}
.left_menu .left_ul .submenu li {border:none;line-height:25px;padding:0;}
.left_menu .left_ul .submenu li a {color:#777;font-size:14px;}
.left_menu .left_ul .submenu li a:before {display:none;}
.left_menu .left_ul .submenu li.active {background:transparent}

.left_menu .left_ul .submenu li a:before {display:none !important;}

/* .left_menu .left_ul li.active a:before {content:'';position: absolute;left: 20px;top: 23px;display:inline-block;width:10px;height:4px;border-radius:4px;background:#fff;margin-right:15px;} */
.left_menu .left_ul .submenu {width:calc(100% + 34px);margin-left:-16px;margin-bottom: -1px;}
.left_menu .left_ul li a{font-size:16px;color:#444;font-weight:500;display:block;/*padding:0 20px;*/text-decoration:none;}
.submenu-indicator {display:none;}


@media(max-width:1300px){
    .left_menu{margin-left: 20px;}
}
@media(max-width:960px){
    .left_menu{display:none}
}
@media(max-width:550px){
    .left_menu,.textbar{display:none}
}

/* 네비게이션 */
.sub_navigation {margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #dedede;}
.navigation {display:flex;align-items:center;}
.navigation li {margin:0 5px;font-size:14px;color:#888}
.navigation li.home2 {width:15px;height:14px;background:url('../img/location-home.jpg')}
.navigation li.arrow {width:6px;height:9px;background:url('../img/location-arrow.png')}
.navigation li:last-child {color:#444}
.page-tit {font-size:28px;color:#393939;font-weight:500;letter-spacing:-2px;}

@media(max-width:550px){
    .sub_navigation {flex-direction:column;margin-bottom:20px;padding-bottom:20px;}
    .navigation {margin-top:10px;}
}

@media all and (max-width:480px) {
    .page-tit {font-size:22px; margin: 0; padding: 0;}
}

main {margin-top:128px;}
.area {width:1300px;margin-left:auto;margin-right:auto;}

@media all and (max-width:1360px) {
    .area {width:100%;padding-left: 20px;padding-right: 20px;}
}

/* 서브 공통탭 */
.tab_type5{margin-bottom: 40px;}
.tab_type5 ul{display: flex; height: 60px; background-color: #f8f8f8; border: 1px solid #eee; border-bottom: 2px solid #28407c}
.tab_type5 ul li{margin-left: -1px;}
.tab_type5 ul li a{display: block; font-size: 18px;height:59px; padding: 0 30px; position: relative;}
.tab_type5 ul li a::after{display: block; content: ''; width: 1px; height: 16px; background-color: #ddd; position: absolute; right: 0; top: 50%; margin-top: -8px;}
.tab_type5 ul li a:hover{opacity: 1;}
.tab_type5 ul li:last-child a::after,
.tab_type5 ul li.on a::after{display: none;}
.tab_type5 ul li.on{}
.tab_type5 ul li.on a{background-color: #fff;color:#28407c; border: 2px solid #28407c; border-bottom:2px solid #fff;font-weight:400;}

.tab_type5 ul li a span{display: table;height: 100%;}
.tab_type5 ul li a span em{display: table-cell;vertical-align: middle;word-break: keep-all;}
.tab_type5 ul li a:hover{color:#28407c;font-weight:400;}

@media all and (max-width:750px) {
  .tab_type5 ul{flex-wrap:wrap;height:auto;border:none}
	.tab_type5 ul li{width:50%;margin:0}
	.tab_type5 ul li:nth-child(even){margin-left:-1px}
	.tab_type5 ul li:nth-child(n+3){margin-top:-1px}
	.tab_type5 ul li a{height:59px;padding:0 10px;text-align: center;font-size: 16px;text-align:center;border:1px solid #eee}
	.tab_type5 ul li a::after{display:none}
	.tab_type5 ul li a span{width:100%;}
	.tab_type5 ul li.on{position:relative;z-index:1}
	.tab_type5 ul li.on a{border:2px solid #28407c}
}

/*팝업템플릿*/
/*pop01*/
.pop01 {border-left:12px solid #3f71e4}
.pop01 .header {width:100%;height:178px;position:relative;background:#6ea5e9;}
.pop01 .header:before {
    content:'';position:absolute;left:0;top:0;
    background:url('../img/pop/pop01_img2.png');width:180px;height:178px;
}
.pop01 .header:after {
    content:'';position:absolute;right:0;top:19px;
    background:url('../img/pop/pop01_img1.png');width:288px;height:164px;
}
.pop01 .body {background:#6ea5e9;padding:0 20px 40px 0;}
.pop01 .body .pop-inner {background:#fff;border:5px;padding:20px; color:#000;}
.pop01 .body .pop-inner .tit {font-size:20px;font-weight:500;margin-bottom:10px;}
.pop01 .body .pop-inner .txt {font-size:15px;font-weight:normal;line-height: 1.4;letter-spacing: -1px;}

/*pop02*/
.pop02 .header {width:100%;height:134px;position:relative;background:#3697bb;}
.pop02 .header:after {
    content:'';position:absolute;right:0;top:-5px;
    background:url('../img/pop/pop02_img2.png');width:198px;height:151px;
}
.pop02 .header:before {
    content:'';position:absolute;left:0;top:0;
    background:url('../img/pop/pop02_img1.png');width:400px;height:138px;
}
.pop02 .body {background:#f3f3f3;padding:0 20px 40px 0;}
.pop02 .body .pop-inner {border:5px;padding:30px 20px 20px 20px; color:#000;}
.pop02 .body .pop-inner .tit {font-size:20px;font-weight:500;margin-bottom:10px;}
.pop02 .body .pop-inner .txt {font-size:15px;font-weight:normal;line-height: 1.4;letter-spacing: -1px;}

/*pop03*/
.pop03 .header {padding:20px 30px;width:100%;height:60px;position:relative;background:#db4040;display:flex;justify-content:center;align-items:center;}
.pop03 .header .tit {font-size:20px;font-weight:500;color:#fff;line-height:1.3}

.pop03 .body {background:#f26969;padding:20px 18px 30px}
.pop03 .body .b1,.pop03 .body .b2,.pop03 .body .b3{position:absolute;width:10px;height:10px;border-radius:100%;background:#f26969}
.pop03 .body .b1 {left:10px;top:10px;}
.pop03 .body .b2 {right:10px;top:10px;}
.pop03 .body .b3 {left:10px; bottom:10px;}
.pop03 .body .pop-inner {position:relative;background-color:#fff;background-image:url('../img/pop/pop03_img2.png');background-position:left bottom;background-repeat:no-repeat;padding:40px 28px; color:#000;box-shadow: 10px 10px 0 #e74c4c;}
.pop03 .pop-inner:after {
    content:'';position:absolute;right:0;bottom:-11px;
    background:url('../img/pop/pop03_img1.png');width:92px;height:85px;
}
.pop03 .body .pop-inner .txt {font-size:15px;font-weight:normal;line-height: 1.4;letter-spacing: -1px;}