@charset "utf-8";

/*
 * File Name : Layout.css
 */


/********************************************************
 
 *  Common
 
 ********************************************************/

/* body {width:100%;height: 100%; color:#000;font-size:14px;line-height:1.4;font-family:'NanumSquare','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;letter-spacing:-0.02em;word-break: keep-all;overflow:hidden;overflow-y:scroll;} */
#wrap {min-width:350px;width:100%;height: 100%;}

.pdd {padding:0 40px;box-sizing:border-box;}
.maxW {max-width:1200px;margin:0 auto;}

@media screen and (max-width:768px){
    .pdd {padding: 0 30px;}
}
@media screen and (max-width:480px){
    .pdd {padding: 0 25px;}
}


/*-----------------------------------------------------------------------------
 *  Search
 *----------------------------------------------------------------------------*/

.btn_search_open {display: none; position: fixed;width: 40px;height: 40px;right: 90px;top:30px;z-index: 101;}
.btn_search_open a {display: block;height: 100%; font-size: 20px; /*text-indent: -9999px; background:url("/images/common/m_search.png") no-repeat center center; */}

#searchBox {position:fixed;width:100%;padding: 0 25px; height:100px;left:0;top:-100px;background:#fff;z-index:1000;transition:0.2s;box-sizing: border-box;}
#searchBox .inner {height:100%;margin:0 auto;padding:20px 0 20px;}
#searchBox form {position:relative;padding-right:40px;}
.search {position:relative;padding-right:50px;height:50px;border-radius: 0px;border:2px solid #18568d;}
.search input {width:100%;height:100%;color:#000;font-size:18px;background:none;outline:none;border:none;padding:0 20px;}
.search input::-webkit-input-placeholder {font-size:18px;color:#999;}
.search input::-ms-input-placeholder {font-size:18px;color:#999;}
.search input::-moz-placeholder {font-size:18px;color:#999;}
.search button {position:absolute;top:50%;transform:translateY(-50%);right:10px;width:40px;height:40px;border-radius:0%;
outline:none;/*background:url("/images/common/search.png") no-repeat center center; text-indent:-9999px; */z-index: 101; background: none; border: none;}
.btn_search_close {display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:0%;
border:px solid #000;/* background:url("/images/common/btn_search_close.png") no-repeat center center; */cursor:pointer;/* text-indent: -9999px; */background-size: 14px auto;}

@media screen and (max-width:768px){
    .btn_search_open {display: block;}
}
@media screen and (max-width:480px){
    .btn_search_open {width: 30px;height: 30px;top:23px;right:70px;}
    .btn_search_open a {background-size: 22px auto;}
}

/*-----------------------------------------------------------------------------
 *  Mobile Menu
 *----------------------------------------------------------------------------*/

.mobile_menu_btn {display: none; position: fixed; right:50px; top:46px;width:30px;height:30px;z-index: 101;transition: all 0.2s ease;}

#menu-toggle{position:relative;height: 100%; cursor:pointer;}
#menu-toggle *{transition:.2s ease-in-out;}
#menu-toggle #hbg{position:absolute;height:100%;width:100%;}
#menu-toggle #hbg span{width:30px;height:2px;position:relative;top:0;left:0;margin:8px 0;display:block;background:#006dba;}

.menuMo .mobile_menu_btn {position: absolute;top:28px;right:25px;}
.menu-toggle {position:relative;height: 100%; cursor:pointer;}
.menu-toggle .cross{position:absolute;height:100%;width:100%;transform:rotate(45deg);z-index: 100000;}
.menu-toggle .cross span{display:block;background:#fff;}
.menu-toggle .cross span:nth-child(1){height:0%;width:2px;position:absolute;top:10%;left:15px;transition-delay:0s;}
.menu-toggle .cross span:nth-child(2){width:0%;height:2px;position:absolute;left:10%;top:15px;transition-delay:.25s;}
.menu-toggle .cross span:nth-child(1){height:90%;transition-delay:.625s;}
.menu-toggle .cross span:nth-child(2){width:90%;transition-delay:.375s;}


/*-----------------------------------------------------------------------------
 *  Mobile Menu Contents
 *----------------------------------------------------------------------------*/

.menuMo {display:block;position:fixed;width:300px;height:100% !important;right:-300px;top:0;background:#fff;z-index:1001;overflow-x:hidden;overflow-y:auto;transition:right 0.3s;}
.menuMo_head {background:#18568d;color:#fff;padding:10px 0 20px;} /*20210608 Modify*/
.menuMo_head .menuMo_link {margin-bottom: 10px;}
.menuMo_head .menuMo_link ul {font-size: 0;padding:0 15px;}
.menuMo_head .menuMo_link ul li {display: inline-block;width: 52%; vertical-align: middle;}
.menuMo_head .menuMo_link ul li a {display: block; color: #fff; font-size: 13px;padding: 2px 10px;}
.menuMo_head .menuMo_util {padding:15px 25px 0;} /*20210608 Modify*/
.menuMo_head .menuMo_util ul li {display: inline-block;vertical-align: middle;}
.menuMo_head .menuMo_util ul li:before {content:'·';display:inline-block;vertical-align:middle;margin:0 10px;color:#fff;font-size:13px;}
.menuMo_head .menuMo_util ul li:first-child:before {display: none;}
.menuMo_head .menuMo_util ul li a {display:inline-block;vertical-align: middle;color:#fff;font-size: 13px;}

.menuMo > ul.menuMoCont {border-top:1px solid #108070;}
.menuMo > ul.menuMoCont > li {border-bottom:1px solid #e5e5e5;}
.menuMo > ul.menuMoCont > li .subMenu {display: none;}
.subMenu ul {
	margin-left: 0;
}
.menuMo > ul.menuMoCont > li > a {display:block;padding:15px 25px;font-size:18px;color:#555;font-weight:500;background:url(/images/common/dropdown_arrow.png) no-repeat right 20px center;background-size:15px;}
.menuMo > ul.menuMoCont > li > a.active {background:#004381 url(/images/common/dropdown_arrow_up.png) no-repeat right 20px center;color:#fff;background-size:15px;}
.menuMo ul li ul li {border-top:1px solid #e5e5e5;}
.menuMo ul li ul li a {display:block;padding:12px 30px;font-size:15px;color:#555;font-weight:400;background:#f6f6f6;}

.menuBackBg {display:none;width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.5);left:0;top:0;z-index:990;}


@media screen and (max-width:768px){
    .mobile_menu_btn {display: block; top:30px;right: 30px;}
}
@media screen and (max-width:640px){
    .mobile_menu_btn {}
    .menuMo .mobile_menu_btn {top:15px;right:20px;width:30px; height: 30px;}
}
@media screen and (max-width:480px){
    .mobile_menu_btn {top: 23px;right: 25px;width: 26px;height: 26px;}
    #menu-toggle #hbg span {width: 100%;margin:6px 0;}
    .menuMo .mobile_menu_btn {}
}


/*-----------------------------------------------------------------------------
 *  Header
 *----------------------------------------------------------------------------*/

#header {position:absolute;top:0;left:0;width:100%;background:#fff;z-index:100;}
#header.on {box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);}

.header_top {background:#18568d;}
.header_top .maxW {position:relative;padding:15px 0;}
.header_top ul {font-size:0;}
.header_top ul * {display:inline-block;vertical-align:middle;}
.header_top li:last-child:after {display:none;}
.header_top a {font-size:13px;color:#fff;}
.top_menu li:after {content:'';display:inline-block;vertical-align:middle;width:1px;height:13px;background:#fff;margin:0 10px;}
.top_util {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.top_util li:after {content:'·';display:inline-block;vertical-align:middle;margin:0 10px;color:#fff;font-size:13px;}

.header_mid .maxW {position:relative;padding:30px 0;padding-left:360px;overflow:hidden;}
.logo {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;max-width:337px;}
.logo img {display: block; max-height: 120px;}


/* Gnb */

.gnbArea {position:relative;width:100%;height:60px;border-top:1px solid #eee;}
.gnbArea:after {position:absolute;content:'';display:block;width:100%;height:1px;background:#d2d2d2;left:0;top:59px;}
.gnbArea .gnbInCont {max-width:1200px;height:100%;margin:0 auto;overflow:hidden;}

#gnb {font-size: 0;text-align: center;}
#gnb > li {display: inline-block; padding:15px 20px;margin-left:60px;text-align:center;box-sizing:border-box;}
#gnb > li:first-child {margin-left: 0;} 
#gnb > li > a {display:block;font-size:20px;color:#000;font-weight:800;}

.gnbSubArea {display: none;}
.hover .gnbSubArea {position:absolute;top:60px;left:0;width:100%;height:240px;min-height:240px;background:#fff;}
.hover .gnbSubCont {max-width:1200px;height:100%;position:relative;padding:50px 0 0 340px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hover .gnbSubCont .gnbLeft {position:absolute;left:0;top:0;width:360px;height:100%;color:#fff;text-align:left;padding:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hover .gnbLeft h2 {font-size:25px;line-height:35px;margin-bottom:20px;}
/* .hover .gnbLeft h2:before {content:'';display:block;width:52px;height:6px;background:#fff;margin:0 0 15px 2px;} */
.hover .gnbLeft p {font-size:15px;padding-right:10px;word-break: keep-all;word-wrap: break-word;} /*20210608 Modify*/
.hover .gnbSubCont .dep2 {max-width:600px;padding-left:50px;box-sizing:border-box;overflow:hidden;}
.hover .gnbSubCont .dep2 > li {float:left;width:33%;text-align:left;padding:10px 0;}
.hover .gnbSubCont .dep2 > li > a {position:relative;font-size:18px;color:#000;padding:5px 13px 5px 10px;}
.hover .gnbSubCont .dep2 > li > a:after {position:absolute;content:'';display:block;width:100%;height:34px;border-radius:0px;bottom:0;left:0;transition:all ease 0.3s;z-index:-1;}
.hover .menu1 .dep2 a:hover:after {background:#f5f5f5;}
.hover .menu2 .dep2 a:hover:after {background:#f5f5f5;}
.hover .menu3 .dep2 a:hover:after {background:#f5f5f5;}
.hover .menu4 .dep2 a:hover:after {background:#f5f5f5;}
.hover .menu5 .dep2 a:hover:after {background:#f5f5f5;}
.hover .menu6 .dep2 a:hover:after {background:#f5f5f5;}
.gnbArea .gnbInCont #gnb > li.on .gnbSubArea {z-index:10;}
#gnb .gnbSubArea:before {content:'';display:block;position:absolute;left:0;right:0;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;z-index: -1}
#gnb .menu1 .gnbSubArea:before {background-image:url("/images/common/snb_bg_1.png");}
#gnb .menu2 .gnbSubArea:before {background-image:url("/images/common/snb_bg_1.png");}
#gnb .menu3 .gnbSubArea:before {background-image:url("/images/common/snb_bg_1.png");}
#gnb .menu4 .gnbSubArea:before {background-image:url("/images/common/snb_bg_1.png");}
#gnb .menu5 .gnbSubArea:before {background-image:url("/images/common/snb_bg_1.png");}
#gnb .menu6 .gnbSubArea:before {background-image:url("/images/common/snb_bg_1.png");}


/* Search */

.search_bar {position:relative;float:right;width:100%;max-width:300px;height:47px;border-radius:0px;padding:1px;overflow:hidden;box-sizing:border-box;
background: #18568d;
/* background: -moz-linear-gradient(left,  #eeeeee 0%, #fe980a 100%);
background: -webkit-linear-gradient(left,  #f01873 0%,#fe980a 100%);
background: linear-gradient(to right,  #f01873 0%,#fe980a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f01873', endColorstr='#fe980a',GradientType=1 );*/} 
.search_bar .inner {height:100%;background:#fff;border-radius:0px;}
.search_bar input {width:100%;height:100%;background:none;border:none;padding:10px 55px 0 30px;font-size:16px;color:#000;outline:none;}
.search_bar input::-webkit-input-placeholder {font-size:16px;color:#cecece;}
.search_bar input:-ms-input-placeholder {font-size:16px;color:#cecece;}
.search_bar input::-moz-placeholder {font-size:16px;color:#cecece;}
.search_bar input:-moz-placeholder {font-size:16px;color:#cecece;}
.search_bar button {position:absolute;top:0;right:0;height:100%;width:55px;    background: none;
    border: none;}
.search_bar button img {display:block;margin:0 auto;}

/*20210608 Add*/
@media screen and (min-width:1267px){
    .hover .gnbLeft p {padding-right: 30px;}
}
/**/
@media screen and (max-width:1266px){
    #gnb > li {margin-left:3%;}
}
@media screen and (max-width:1220px){
    #gnb > li {margin-left:1%;}
    #gnb .gnbSubArea:before {background-position:-360px top}
}
@media screen and (max-width:1024px){
    #gnb > li {padding:15px;}
    #gnb > li > a {font-size: 18px;}
    .hover .gnbLeft h2 {font-size: 22px;line-height: 1.4;}
    .hover .gnbLeft p {font-size: 14px;}
    .hover .gnbSubCont {padding: 40px 0 0 340px;}
    .hover .gnbSubCont .dep2 > li > a {font-size: 16px;padding: 0 10px 0 10px;}
    .hover .gnbSubCont .dep2 > li > a:after {height:10px;}
}
@media screen and (max-width:960px){
    #gnb > li {padding: 15px 7px;margin-left: 0.5%;}
    #gnb > li > a {font-size: 18px;}
}
@media screen and (max-width:768px){
    #header {height: 107px;}
    .header_top {display: none;}
    .header_mid .maxW {padding: 0; overflow: visible;}
    .logo {top:30px;width: auto; transform: none;}
    .logo img {max-height: 100px;}
    .search_bar {display: none;}
    .gnbArea {display: none}
}
@media screen and (max-width:480px){
    #header {height: 80px;}
    .logo {top: 20px;}
     .logo img {max-height: 60px;}
}


/*-----------------------------------------------------------------------------
 *  Container
 *----------------------------------------------------------------------------*/

#container {padding-top:215px;}

@media screen and (max-width:768px){
    #container {padding-top: 107px;}
}
@media screen and (max-width:480px){
    #container {padding-top: 80px;}
}


/*-----------------------------------------------------------------------------
 *  Footer
 *----------------------------------------------------------------------------*/

#footer {}
#footer .maxW {padding:100px 0;}
.ftr_top {position:relative;border-bottom:1px solid #acacac;padding-bottom:10px;margin-bottom:20px;overflow:hidden;}
.ftr_logo {max-width:310px;}
.ftr_menu {position:absolute;bottom:25px;right:0;font-size:0;}
.ftr_menu * {display:inline-block;vertical-align:middle;}
.ftr_menu li:after {content:'';display:inline-block;vertical-align:middle;width:1px;height:15px;background:#000;margin:0 15px;}
.ftr_menu li:last-child:after {display:none;}
.ftr_menu a {font-size:17px;color:#000;font-weight:700;}
.ftr_menu a.ftr_location {font-weight:800;}
.ftr_menu a.admin_login {color:#18568d;font-weight:800;}
address {font-size:17px;font-weight:700;font-family:'NanumSquare';}
.copyright {background:#acacac;line-height:50px;text-align:center;font-size:16px;color:#fff;}

@media screen and (max-width:960px){
    .ftr_menu {position: static;bottom: auto;right: auto;margin-top: 30px;}
}
@media screen and (max-width:768px){
    #footer .maxW {padding: 80px 0;}
    .ftr_logo {max-width: 260px;}
    .ftr_menu a {font-size: 16px;}
    address {font-size: 16px;}
    .copyright {font-size: 14px;}
}
@media screen and (max-width:640px){
    .ftr_logo {max-width: 220px;}
    .ftr_menu li {}
    .ftr_menu li:after {width: 0;height: 0; margin:15px 10px;}
    .ftr_menu a {font-size: 14px;}
    address {font-size: 14px;}
    .copyright {font-size: 13px;}
}
@media screen and (max-width:640px){
    #footer .maxW {padding: 50px 0;}
}


/********************************************************
 
 *  Main
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Visual
 *----------------------------------------------------------------------------*/

#main_vis {height: 550px;} /* 20210611 Modify */
/* 20210611 Add */
.mobile_vis_768,
.mobile_vis_480 {display: none;}
/**/
.main_visCont .maxW {padding:100px 0;}
.main_visCont .desc {padding-left:530px;box-sizing:border-box;}
.main_visCont h2 {font-size:65px;margin-bottom:40px;font-weight:800;}
.main_visCont h2 span {display:block;font-size:40px;font-weight:400;font-family:'NanumSquare';margin-bottom:-5px;}
.main_visCont p {font-size:20px;line-height:40px;font-weight:700;font-family:'NanumSquare';}
.main_visuBott {background: #10b8e8;
background: -moz-linear-gradient(left,  #10b8e8 0%, #3813f6 100%);
background: -webkit-linear-gradient(left,  #10b8e8 0%,#3813f6 100%);
background: linear-gradient(to right,  #10b8e8 0%,#3813f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10b8e8', endColorstr='#3813f6',GradientType=1 );
}
.main_visuBott .maxW {position:relative;padding:20px 0;}
.main_visuBott .maxW:after {clear:both;content:'';display:block;}
.main_visuBott a {float:right;font-size:28px;color:#fff;background:url("/images/main/mvs_btn.png") no-repeat right 35px center;padding-right:110px;}
.main_visuBott .imgBox {position:absolute;bottom:0;left:-30px;}
.main_visuBott img {display:block;}

/* 20210611 Add */
@media screen and (max-width:1100px){
    #main_vis {height: 380px;background-size: auto 100% !important;}
}
/**/
@media screen and  (max-width:1024px){
    .main_visCont .maxW {padding:80px 0;}
    .main_visCont .desc {padding-left: 480px;}
    .main_visCont h2 {font-size: 60px;}
    .main_visCont h2 span {font-size: 34px;}
    .main_visCont p {font-size: 18px;}
    .main_visuBott a {font-size: 24px;background-size: 40px auto;padding-right: 90px;}
    .main_visuBott img {width: 440px;}
}
@media screen and  (max-width:960px){
    .main_visCont .desc {padding-left:360px;}
    .main_visCont .maxW {padding: 60px 0;}
    .main_visCont h2 span {font-size: 30px;}
    .main_visCont h2 {font-size: 56px;}
    .main_visCont p {font-size: 16px;}
    .main_visuBott a {font-size: 20px;background-size: 36px auto;}
    .main_visuBott img {width: 380px;}
}
@media screen and  (max-width:768px){
    /* 20210611 Modify */
    #main_vis {background:none;height: auto;}
    .mobile_vis_768 {display: block;}
    /**/
    .main_visCont .maxW {padding: 40px 0;}
    .main_visCont .desc {padding-left: 280px;}
    .main_visCont h2 {font-size: 50px;}
    .main_visCont p {font-size: 15px;line-height: 1.5;margin:5px 0;}
    .main_visuBott img {width: 300px;}
}
@media screen and  (max-width:640px){
    .main_visCont .desc {padding-left: 180px;}
    .main_visCont h2 {font-size: 36px;margin-bottom: 20px;}
    .main_visCont h2 span {font-size: 22px;}
    .main_visuBott .maxW {padding: 15px 0;}
    .main_visuBott a {font-size: 18px;background-size: 30px auto;padding-right: 80px;}
    .main_visuBott img {width: 200px;}
}
@media screen and  (max-width:480px){
    /* 20210611 Add */
    .mobile_vis_768 {display: none}
    .mobile_vis_480 {display: block;}
    /**/
    .main_visCont .desc {padding-left: 20px;padding-bottom:140px;}
    .main_visCont h2 {font-size: 26px;margin-bottom: 15px;}
    .main_visCont h2 span {font-size: 18px;}
    .main_visCont p {font-size: 13px;}
    .main_visuBott .maxW {padding: 12px 0;}
    .main_visuBott a {font-size: 16px;}
    .main_visuBott .imgBox {left: 0;bottom:46px;}
    .main_visuBott img {width: 180px;}
}


/********************************************************
 
 *  Sub
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Sub Visual
 *----------------------------------------------------------------------------*/

#sub_vis {background-position:center bottom;background-repeat:no-repeat;text-align:center;background-size:cover;}
#sub_vis h2 {padding:80px 0;font-size:30px;font-weight:800;}
#sub_vis h2:before {content:'';display:block;width:45px;height:4px;background:#000;margin:0 auto 20px;}

@media screen and (max-width:768px){
    #sub_vis h2 {padding: 60px 0;font-size: 26px;}
    #sub_vis h2:before {width: 35px;height: 3px;}
}
@media screen and (max-width:480px){
    #sub_vis h2 {padding: 30px 0;font-size: 22px;}
    #sub_vis h2:before {width: 30px;}
}

/*-----------------------------------------------------------------------------
 *  Sub Content
 *----------------------------------------------------------------------------*/

/* Mobile Sub Menu */

.mSubMenu {display: none;}
.mSubMenu .pNavTit {background:url("/vendor/img/arrow_dl.png") no-repeat right 20px center;border-bottom: 1px solid #ddd;}
.mSubMenu .pNavTit.active {background-color:#18568d;color:#fff;background-image:url("/vendor/img/arrow_up.png");}
.mSubMenu .pNavTit a {display: block; line-height:50px;padding:0 50px 0 20px;font-size:18px;color:#000;font-weight: 700;}
.mSubMenu .pNavTit.active a {color: #fff;}
.mSubMenu .pNavMenu {position:absolute;width:100%;background:#fff;z-index: 1;}
.mSubMenu .pNavMenu li {border-bottom: 1px solid #ddd;}
.mSubMenu .pNavMenu li a {font-size:16px;line-height:40px;color:#555;padding:0 20px;font-weight: 500;}
.mSubMenu .pNavMenu li a:hover {color:#000;background:none;}
.mSubMenu .pNavMenu li.on a {color: #000;font-weight: 700;}


.contWrap .maxW {position:relative;padding:50px 0 0 240px;min-height:600px;}

/* Side Menu : 20210610 Modify */

#sideMenu {position:absolute;left:0;width:250px;text-align:center;}
#sideMenu.fixed {position: fixed;}
#sideMenu h2 {font-size:25px;color:#fff;padding:20px 10px;box-sizing:border-box;} /* 20210610 Modify */
.side_1 h2 {background:#18568d;}
#sideMenu > ul > li {padding:13px;border-bottom:1px dashed #a3a2a2;box-sizing:border-box;}
#sideMenu > ul > li:last-child {border-bottom:1px solid #a3a2a2;}
#sideMenu > ul > li a {display: block;}
#sideMenu > ul > li span {position:relative;font-size:17px;color:#000;font-weight:500;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
}
#sideMenu > ul > li span:before  {position:absolute;content:'';display:block;width:120%;padding:0 15px;height:35px;border-radius:15px;bottom:-5px;left:50%;transform:translateX(-50%);transition:none;z-index:-1;} 
#sideMenu > ul > li.on ul.side_sub {display:block;}
#sideMenu li.side_sub_on {background:url("/images/sub/side_off.png") no-repeat right 8px top 20px;}
#sideMenu li.side_sub_on.active {background-image:url("/images/sub/side_on.png");}
#sideMenu li.side_sub_on span:before {bottom:0;padding:0 8px;height:20px;}
ul.side_sub {display:none;margin-top:15px;}
ul.side_sub a {font-size:14px;line-height:30px;color:#000;}
/**/

/* 20210608 Modify */
#sideMenu span:before,
#sideMenu li:hover span:before {position:absolute;content:'';display:block;width:120%;padding:0 15px;height:35px;border-radius:15px;bottom:-5px;left:50%;transform:translateX(-50%);transition:all ease 0.3s;z-index:-1;}/**/

.side_1 li.on span:before,
.side_1 li:hover span:before {background:#f5f5f5;}

/* Sub Content Top */

.subCont_top {position:relative;margin-bottom:60px;}
.subCont_top:after {content:'';display:block;width:100%;height:8px;background:url("/images/sub/line_bg.png") repeat-x 0;}
.subCont_title {font-size:40px;color:#4d4d4d;padding:30px 0 20px;}
.subCont_top .right {position:absolute;right:0;top:0;}
.subCont_top .btns {text-align:right;margin-top:10px;}
.subCont_top .btns a {display:inline-block;width:26px;height:26px;font-size:0;margin-left:10px;}


/* Page Navigation */

#pgNav {font-size:0;}
#pgNav * {display:inline-block;vertical-align:middle;}
#pgNav li:after {display:inline-block;vertical-align:middle;content:'>';font-size:12px;color:#aaa;margin:0 5px;}
#pgNav li:last-child:after {display:none;}
#pgNav a {font-size:14px;color:#aaa;}
#pgNav a:hover {color:#444;}

/* Sub Top Ment : 20210625 Add */

section p.ment {font-size:16px;margin:-40px 0 50px;}

/**/


@media screen and (max-width:960px){
    .contWrap .maxW {padding: 50px 0 0 200px;}
    #sideMenu {width: 160px;}
    #sideMenu h2 {font-size: 20px;padding:50px 20px;}
    #sideMenu span {font-size: 15px;}
    .subCont_title {font-size: 34px;}
    .subCont_top .btns a {background-size: auto 20px;}
}
@media screen and (max-width:768px){
    .mSubMenu {display: block;}
    .contWrap .maxW {padding: 30px 0 0 0;}
    #sideMenu {display: none;}
    
    /* 20210608 Add */
    .subCont_title {padding: 10px 0 5px;}
    .subCont_top .right {position: static;right: auto;top: auto;margin-bottom: 25px;}
    .subCont_top .btns {display: none;}
    /**/
}
@media screen and (max-width:640px){
    .subCont_title {font-size: 30px;}
    
    /* Sub Top Ment : 20210625 Add */

    section p.ment {font-size:14px;margin:-40px 0 50px;}

    /**/
}
@media screen and (max-width:480px){
    .mSubMenu .pNavTit a {line-height: 44px;padding: 0 40px 0 20px;font-size: 16px;}
    .mSubMenu .pNavMenu li a {font-size: 15px;line-height: 38px;}
    .subCont_title {font-size: 26px;}
    #pgNav a {font-size: 13px;}
}

/********************************************************
 
 *  Board
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Search Bar
 *----------------------------------------------------------------------------*/

.brd_sch_wrap {float:right;width:100%;max-width:445px;position:relative;padding:0 90px 0 115px;height:32px;}
.select_wrap {position:absolute;top:0;left:0;z-index:1;}
.select_wrap,
.brd_sch,
.brd_sch * {height:100%;}
.brd_sch input {display:block;width:100%;border:1px solid #ccc;padding:0 15px;max-width:230px;font-size:15px;color:#000;outline:none;}
.brd_sch button {position:absolute;top:0;right:0;width:85px;background:#444 url("/images/sub/sch.png") no-repeat 15px center;padding-left:38px;text-align:left;font-size:16px;color:#fff;}

@media screen and (max-width:480px){
    .brd_sch_wrap {padding: 0 90px 0 100px;}    
}


/*-----------------------------------------------------------------------------
 * Pagination
 *----------------------------------------------------------------------------*/

.paging {font-size:0;text-align: center;padding-bottom:50px;}
.paging * {display:inline-block;vertical-align: middle;}
.paging span a {font-size:12px;color:#cecece;margin:0 15px;}
.paging li a {font-size:18px;width:30px;height:30px;line-height:30px;margin:0 15px;font-weight:700;}
.paging li a.on {background:#4d4d4d;color:#fff;}

@media screen and (max-width:960px){
    .paging li a {font-size: 16px;margin:0 5px;}
}
@media screen and (max-width:500px){
    .paging span a {font-size: 11px; margin:0 5px;}
    .paging li a {font-size:15px;width:22px;height:22px;line-height:22px;}
}

/********************************************************
 
 *  Table
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Row Table
 *----------------------------------------------------------------------------*/

.tb_row {}


/*-----------------------------------------------------------------------------
 *  Column Table
 *----------------------------------------------------------------------------*/

.tb_col {border-top:2px solid #a3a2a2;border-bottom:1px solid #a3a2a2;}
.tb_col th {background-color:#f4f4f4;font-size:18px;color:#444;padding:0 10px;height:50px;}
.tb_col td {height:55px;padding:0 10px;font-size:18px;color:#444;text-align:left;border-bottom:1px solid #ddd;}

/* 20210610 Add */
.tb_col_2 th {background:#18568d;border-right:1px solid #fff;padding:15px;font-size:24px;color:#fff;}
.tb_col_2 th:last-child {border-right:none;}
.tb_col_2 td {font-size:20px;color:#4d4d4d;padding:15px;text-align:center;border:1px dashed #a3a2a2;border-right:none;border-top:none;}
.tb_col_2 td:first-child {border-left:none;}
.tb_col_2 tr:last-child td {border-bottom:1px solid #a3a2a2;}
/**/

/* 20210625 Add */
.tb_col_3 th,
.tb_col_3 td {padding:15px 5px;font-size:20px;}
.tb_col_3 th {background:#f1f1f1;border-bottom:1px solid #b8bec9;}
.tb_col_3 td {border-bottom:1px dashed #b8bec9;text-align:center;}
.tb_col_3 tr:last-child td {border-bottom:1px solid #b8bec9;}
/**/

/* 20210626 Add */
.tb_mypage tr {margin-bottom:2px;}
.tb_mypage th,
.tb_mypage td {font-size:20px;height:50px;padding:0 25px;border-bottom:3px solid #fff;}
.tb_mypage th {width:26%;background:#f4f4f4;}
/**/


@media screen and (max-width:1024px){
    .tb_col th {font-size: 17px;}
    .tb_col td {font-size: 17px;}
}
@media screen and (max-width:960px){
    .tb_col thead {display: none;}
    .tb_col tbody tr {display: block; border-bottom:1px solid #ddd;padding:10px 0;}
    .tb_col td {height: auto;border:none;}
     .table tbody td:first-child{min-width: 170px;}
     .table tbody td:nth-child(2){min-width: 170px;}
    /* 20210610 Add */
    .tb_col_2 th {font-size: 20px;}
    .tb_col_2 td {font-size: 18px;}
    /**/
    
    /* 20210625 Add */
    .tb_col_3 th,
    .tb_col_3 td {font-size:17px;}
    /**/
    
    /* 20210626 Add */
    .tb_mypage th {width:35%;}
    /**/
    
}
/* 20210610 Add */
@media screen and (max-width:640px){
    .tb_col_2 th {font-size: 18px;}
    .tb_col_2 td {font-size: 16px;}
    
    /* 20210626 Add */
    .tb_mypage th, .tb_mypage td {font-size: 18px;padding: 0 20px;}
    .tb_mypage th {width:35%;}
    /**/
}
@media screen and (max-width:480px){
    .tb_col_2 th {padding: 10px;font-size: 16px;}
    .tb_col_2 td {padding: 10px;font-size: 15px;}
    
    /* 20210610 Add */
    .tb_col_3 th, 
    .tb_col_3 td {font-size:15px;padding: 10px 5px;}
    /**/
    
    /* 20210626 Add */
    .tb_mypage th, .tb_mypage td {font-size: 16px;padding: 0 10px;}
    /**/
}
/**/

@media screen and (max-width: 960px){
.td_subject {
    display: block;
    width: 100%;
    text-align: left !important;
    
}
.td_no {
    display: none;
}
}
/*-----------------------------------------------------------------------------
 *  Button Set
 *----------------------------------------------------------------------------*/

.btn_more {background:url("/images/main/btn_more.png") no-repeat 0;font-size:0;width:18px;height:18px;transition: transform 0.3s ease;}
.btn_more:hover {transform: rotate(180deg)} /*20210608 Add*/
.btn_print {background:url("/images/sub/print.png") no-repeat center;}
.btn_print:hover {background-image:url("/images/sub/print_over.png");}
.btn_share {background:url("/images/sub/share.png") no-repeat center;}
.btn_share:hover {background-image:url("/images/sub/share_over.png");}


/********************************************************
 
 *  Button Set
 
 ********************************************************/

.btn_set {font-size:0;margin-top:30px;}
.btn_set.right {text-align:right;}
.btn_set li {display:inline-block;margin-left:5px;}
.btn_set li a {display:inline-block;font-size:16px;color:#fff;width:85px;height:32px;line-height:32px;background:#4d4d4d;text-align:center;}

/* 20210625 Add */
.btn_apply a {display:inline-block;font-size:20px;color:#9b5bbf;border-radius:50px;border:1px solid #9b5bbf;padding:0 20px;height:48px;line-height:46px;font-weight:700;}

/* 20210626 Add */
.btn_BL {background:#006dba;color:#fff !important;}
.btn_submit {font-size:24px;width:240px;height:60px;}
.mypg_btnset {margin-top:80px;text-align: center;}
.mypg_btnset button {display:inline-block;margin:0 5px;}
.mypg_btnset button.btn_normal {background:#f1f1f1;color: #4d4d4d;}

a#btn_join {border:1px solid #18568d;color:#18568d;}

.brd_more a {display:inline-block;font-size:16px;padding:6px 15px;color:#fff;background:#a9cf55;white-space:nowrap;}

@media screen and (max-width:1024px){
   .btn_apply a {font-size:18px;height:44px;line-height:43px;}
}
@media screen and (max-width:640px){
   .btn_apply a {font-size:16px;height:40px;line-height:39px;}
    
    /* 20210626 Add */
    .mypg_btnset {margin-top:50px;}
    .btn_submit {font-size: 20px;width:180px;height: 50px;}
    
    .brd_more a {font-size: 15px;}
    /**/

}
/**/
@media screen and (max-width:480px){
    .btn_set li a {font-size: 15px;}
    
    /* 20210626 Add */
    .btn_apply a {font-size:15px;height:36px;line-height:35px;}
    
    .mypg_btnset {margin-top:30px;}
    .btn_submit {font-size: 16px;width:140px;height:40px;}
    
    .brd_more a {font-size: 14px;padding: 5px 10px;}
    /**/
}

.about-sec{
    padding-top: 0px;
}
.about-sec .about-overlay{
    position: absolute;
    display: block;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 60%;
    /* background-color:#39d47a; */
    background-color:#18568d;
    
    z-index: -1;
}
.about-sec .services-area{
    /*background-color:#554c86;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.about-sec .services-area .purple-overlay{
    position: absolute;
    display: block;
    top: 0;
    right: 10px;
    bottom: 0;
    left: 0;
    background-color:#554c86;
}
.about-sec .services-area .services{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.about-sec .services-area .services .service-card{
    margin-bottom: 100px;
}
.about-sec .services-area .services:last-child .service-card,.about-sec .services-area .services:nth-child(3) .service-card{
    margin-bottom: 0;
}
.about-sec .services-area .services .service-card .icon-holder{
    margin-bottom: 12px;
    transition: .5s ease;
}
.about-sec .services-area .services .service-card .icon-holder i{
    color: #FFFFFF;
    font-size: 100px;
}
.about-sec .services-area .services:hover .service-card .icon-holder{
    animation: .8s pulse infinite;
    /*transform: translateY(-10px);*/
}

.about-sec .services-area .services .service-card .card-heading{
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 300;
    transition: .5s ease;
}


/*about detail*/

.about-sec .about-area{
    /*background-color: #39d47a;*/
    /* background-color: #348a58; */
    background-color: #ffffff;
    padding-left: 25px;
    border: 1px solid #dddddd;
}
@media screen and (max-width:480px){
    .about-sec .about-area{

    padding-left: 25px;
}
}
.about-sec .about-area .about-inner-content .anim-btn{
    margin-top: 30px;
}
/* ===================================
      Custom css
  ==================================== */
/* transition none */
.no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}

.color-lines{
    height: 15px;
}
.padding-top{
    padding-top: 30px;
}
.padding-bottom{
    padding-bottom: 30px;
 }
.heading{
    /* color: #FFFFFF; */
    font-size: 1.7rem;
    font-weight: 300;
    margin-bottom: 50px;
}
.heading2{
    /* color: #FFFFFF; */
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.header3{
    /* color: #FFFFFF; */
    font-size: 22px;
    font-weight: 500;
    color: #000;
}
.text{
    /* color: #FFFFFF; */
    font-size: 18px;
    
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}
.heading span{
    /* display: block; */
    font-weight: 700;
}
.white-trans-btn{
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
    font-weight: 400;
    padding: 8px 35px;
    background-color: transparent;
    transition: .5s ease;
    font-size: 14px;
    font-family: Roboto, sans-serif;
}
.white-trans-btn:hover{
    background-color: #FFFFFF;
    color: #000000;
}
.green-btn{
    border: solid 1px #39d47a;
    color: #FFFFFF;
    font-weight: 400;
    padding: 8px 35px;
    background-color: #39d47a;
    font-size: 14px;
    font-family: Roboto, sans-serif;

    border-radius: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .8s ease;
    text-decoration: none;
}
.green-btn:hover{
    border:solid 1px #f71c52;
    color: #FFFFFF;
}
.green-btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #f71c52;
    transform: translateY(150%);
    border-radius: 50%;
    transition: 0.5s;
    z-index: -1;
}

.pink-btn{
    border: solid 1px #f71c52;
    color: #FFFFFF;
    font-weight: 400;
    padding: 8px 35px;
    background-color: #f71c52;
    font-size: 14px;
    font-family: Roboto, sans-serif;

    border-radius: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .8s ease;
    text-decoration: none;
    cursor: pointer;
}
.pink-btn:hover{
    border:solid 1px #39d47a;
    color: #FFFFFF;
}
.pink-btn span {
    cursor: pointer;
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #39d47a;
    transform: translateY(150%);
    border-radius: 50%;
    transition: 0.5s;
    z-index: -1;
}

.purple-btn{
    border: solid 1px #554c86;
    color: #FFFFFF;
    font-weight: 400;
    padding: 8px 35px;
    background-color: #554c86;
    font-size: 14px;
    font-family: Roboto, sans-serif;

    border-radius: 0.5em;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .8s ease;
    text-decoration: none;
    cursor: pointer;
}
.purple-btn:hover{
    border:solid 1px #f71c52;
    color: #FFFFFF;
}
.purple-btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #f71c52;
    transform: translateY(150%);
    border-radius: 50%;
    transition: 0.5s;
    z-index: -1;
}

.anim-btn {
    border: 1px solid #FFFFFF;
    border-radius: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 13px;
    padding: 10px 30px 10px 30px;
    transition: .8s ease;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-decoration: none;
}
.anim-btn:hover{
    border:solid 1px #FFFFFF;
}
.anim-btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #FFFFFF;
    transform: translateY(150%);
    border-radius: 50%;
    transition: 0.5s;
    z-index: -1;
}

.anim-btn:hover {
    color: #000000;
}

.anim-btn:hover span ,.green-btn:hover span ,.purple-btn:hover span,.pink-btn:hover span{
    transform: translateY(0) scale(3.15);
}

.anim-btn span:nth-child(1),.green-btn span:nth-child(1) ,.purple-btn span:nth-child(1) ,.pink-btn span:nth-child(1) {
    left: calc((1 - 1) * 25%);
    transition-delay: calc((1 - 1) * 0.1s);
}

.anim-btn span:nth-child(2) ,.green-btn span:nth-child(2) ,.purple-btn span:nth-child(2) ,.pink-btn span:nth-child(2){
    left: calc((2 - 1) * 25%);
    transition-delay: calc((2 - 1) * 0.1s);
}

.anim-btn span:nth-child(3) ,.green-btn span:nth-child(3) ,.purple-btn span:nth-child(3),.pink-btn span:nth-child(3){
    left: calc((3 - 1) * 25%);
    transition-delay: calc((3 - 1) * 0.1s);
}

.anim-btn span:nth-child(4),.green-btn span:nth-child(4),.purple-btn span:nth-child(4) ,.pink-btn span:nth-child(4) {
    left: calc((4 - 1) * 25%);
    transition-delay: calc((4 - 1) * 0.1s);
}
.anim-btn span:nth-child(5) ,.green-btn span:nth-child(5),.purple-btn span:nth-child(5) ,.pink-btn span:nth-child(5){
    left: calc((5 - 1) * 25%);
    transition-delay: calc((5 - 1) * 0.1s);
}