@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre&display=swap');

html,body{min-height:100%;height:auto;}
#lp_layout{width:100%;height:100%;text-align:center;display:none;position:fixed;top:0;left:0;z-index: 9999;}
#lp_layout.on{ display:block;}
#lp_layout .lpClose {position:absolute; top:0px; right:0px; z-index:1; width:80px; height:80px; background-color:#000;font-size:0; text-indent:-9999px; }
#lp_layout .lpClose:before{position:absolute; top:50%; left:50%;  width:30px; height:2px; margin:-1px 0 0 -15px; background-color:#fff; content:""; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#lp_layout .lpClose:after{position:absolute; top:50%; left:50%; width:30px; height:2px; margin:-1px 0 0 -15px;  background-color:#fff; content:""; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#lp_layout .lp_wrap{padding:138px 0;height: 100%;min-height: 100%;overflow-y: scroll;position: relative;}
#lp_layout .inner{position: relative;margin:0 auto;max-width:1400px;width:100%;}
#lp_layout .inner:after {display:block;visibility:hidden;clear:both;content:"";}
#lp_layout .site_header{position: relative;padding:50px 0;border-top:5px solid #000;border-bottom:5px solid #000}
#lp_layout .site_header h1{font-family: 'Frank Ruhl Libre', serif;font-size:80px;color:#000;text-align:center;line-height:1;text-transform: uppercase;}
#lp_layout .site_header h1:before{content:"";width:136px;height:72px;background:url(/site/common/img/site/site-logo.png)no-repeat;}
#lp_layout .site_title{padding:20px 0;border-bottom:1px solid #000}
#lp_layout .site_title h2{color:#646464;font-size:20px;line-height:1}
#lp_layout .menu_wrap {margin-top: 56px;margin-bottom:22px;}
#lp_layout .menu_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#lp_layout .menu_wrap li {float: left;width: 33.333333%;height: 75px;/* background: #2e3e93; */}
#lp_layout .menu_wrap li a {display: table;position: relative;width: 100%;height: 100%;/* background:url(/common/images/common_pop/btn_bg.jpg)no-repeat; *//* background-size:cover; *//* text-align:center; */background: #f5f6f8;border: 1px solid #cdcdcd;border-bottom: 2px solid #000;z-index: 1;}
#lp_layout .menu_wrap li span {display:block;margin:0 0 10px;color:#fff;font-size:15px;line-height: 1;}
#lp_layout .menu_wrap li em {display:block;color:#494949;line-height: 75px;font-size:17px;font-weight:700;vertical-align: middle;text-align: left;padding: 0 20px;}
#lp_layout .menu_wrap li em:before{position:absolute;right:19px;top:50%;width:34px;height:34px;content:'';background:url(/site/common/img/site/menu_off.png)no-repeat;transform: translate(0, -50%);}
#lp_layout .menu_wrap li a.ov {background:#fff;border: 2px solid #000;border-bottom: 2px solid #fff;z-index: 2;}
#lp_layout .menu_wrap li a.ov:after{position: absolute;right: -24px;top: -1px;border-left: 0px solid transparent;border-right: 21px solid transparent;border-bottom: 78px solid rgba(0,0,0,0.1);content: '';}
#lp_layout .menu_wrap li:nth-child(3){margin-left:-1px;}
#lp_layout .menu_wrap li:nth-child(3) a.ov:after{right:auto;left: -23px;transform: rotateY(-180deg);}
#lp_layout .menu_wrap li a.ov span,
#lp_layout .menu_wrap li a.ov em {position:relative;color:#1b1b1b;}
#lp_layout .menu_wrap li a.ov em:before{background:url(/site/common/img/site/menu_ov.png)no-repeat;}

#lp_layout .con-top{position: relative;padding:100px 0 80px;height:402px;background:#f5f6f8 url(/site/common/img/site/background_box.jpg)no-repeat;border:1px solid #dcdcdc}
#lp_layout .con-top:before{content:"";position:absolute;bottom:0;right:79px;width:485px;height:365px;background:url(/site/common/img/site/background1.png)no-repeat;z-index: 1;}
#lp_layout .con-top .title{display:block;text-align:center;margin-bottom:36px;position: relative;z-index: 2;}
#lp_layout .con-top .title strong{position: relative;font-family: 'Montserrat';color:#000;font-size:39px;display:inline-block;padding-right:52px;font-weight: 700;}
#lp_layout .con-top .title strong:before{content:"";position:absolute;bottom: 0;right:0;width:64px;height:71px;background:url(/site/common/img/site/hands.png)no-repeat;z-index: 1;}
#lp_layout .con-top .title strong span{position: relative;z-index:2}
#lp_layout .con-top .search-box{position:relative;max-width: 660px;margin:0px auto 0;z-index: 2;}
#lp_layout .con-top .search-box form{background-color:#fff;border:5px solid #2a2b2d;box-shadow: 0 0 10px rgba(0,0,0,0.14);}
#lp_layout .con-top .search-box fieldset{position:relative;padding-right:66px;padding-left: 125px;}
#lp_layout .con-top .search-box select{position:absolute;left:0;top:0;width:120px;height: 63px;line-height: 63px;border: none;}
#lp_layout .con-top .search-box input[type="text"]{width:100%;height: 63px;line-height: 63px;padding: 0 20px 0 15px;/* border-radius: 10px; *//* border: 1px solid #0d32a4; */background: #fff;/* box-shadow: 0 0 10px rgba(0,0,0,0.14); */}
#lp_layout .con-top .search-box .submit {position:absolute;right: 19px;top: 19px;}
#lp_layout .con-top .search-box .submit input[type="submit"],
#lp_layout .con-top .search-box .submit a {display: inline-block;width: 25px;height: 25px;background:url(/site/common/img/site/search.png)no-repeat;font-size: 0;/* text-align:center; *//* color:#fff; *//* font-weight:700; *//* border: 1px solid; */}

#lp_layout .con-top .search-tab{position: relative;z-index: 2;}
#lp_layout #pop-2 .con-top{margin-bottom:53px;}
#lp_layout #pop-2 .con-top:before{width:309px;height:297px;background:url(/site/common/img/site/p2_after.png)no-repeat;}
#lp_layout #pop-2 .con-top:after{content:"";position:absolute;bottom: 0;left:0;width:353px;height:342px;background:url(/site/common/img/site/p2_before.png)no-repeat;}

#lp_layout .con-top > .con {position:relative;display: none; visibility: hidden;}

#lp_layout .con-top .search-box .hot{position:relative;margin-top: 28px;}
#lp_layout .con-top .search-box .hot p{margin:0;text-align: center;}
#lp_layout .con-top .search-box .hot p em{display: inline-block;margin: 0 2px 5px 0;border: 1px solid #ddd;border-radius: 30px;background: #fff;}
#lp_layout .con-top .search-box .hot p em a{display:block;position:relative;width:100%;/* height:100%; */padding: 0 10px;line-height: 35px;font-size: 14px;color: #818181;}
#lp_layout .con-top .search-box .hot p em a:focus{outline:0;}
#lp_layout .con-top .search-box .hot p em a:focus:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px dotted #121212;content:'';}

#lp_layout .con .type_tab{border-bottom:5px solid #000}
#lp_layout .con .menu_wrap_t1{padding:53px 0;margin-bottom: 38px;position: relative;text-align:center}
#lp_layout .con .menu_wrap_t3{padding:44px 82px 51px;margin-bottom: 38px;position: relative;}
#lp_layout .con .menu_wrap_t1 > li{display:inline-block;margin:0 10px;width:100px;vertical-align: top;}
#lp_layout .con .menu_wrap_t1 > li span{display:block;width:100%;position: relative;padding-top:109px;font-size: 13px;}
#lp_layout .con .menu_wrap_t1 > li span:before{content:"";display:block;width:100px;height:100px;background:#f4f6fa url(/site/common/img/site/tab_icon1.png)no-repeat;position: absolute;top: 0;left: 0;border-radius: 50%;}
#lp_layout .con .menu_wrap_t1 > li .ov span:before{background-color:#224c90;box-shadow: 0 0 10px rgba(0,0,0,0.14);}

#lp_layout .con .menu_wrap_t1 > li .n1 span:before{background-position: -16px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n2 span:before{background-position: -166px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n3 span:before{background-position: -314px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n4 span:before{background-position: -466px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n5 span:before{background-position: -616px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n6 span:before{background-position: -766px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n7 span:before{background-position: -916px -10px;}
#lp_layout .con .menu_wrap_t1 > li .n8 span:before{background-position: -1066px -10px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n1 span:before{background-position: -16px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n2 span:before{background-position: -166px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n3 span:before{background-position: -314px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n4 span:before{background-position: -466px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n5 span:before{background-position: -616px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n6 span:before{background-position: -766px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n7 span:before{background-position: -916px -112px;}
#lp_layout .con .menu_wrap_t1 > li .ov.n8 span:before{background-position: -1066px -112px;}


#lp_layout .con .menu_wrap_t2{border:none;max-width: 843px;margin: 0 auto;width: 100%;}
#lp_layout .con .menu_wrap_t2 > li{display:inline-block;margin:4px;width:calc(16.66% - 8px);vertical-align: top;}
#lp_layout .con .menu_wrap_t2 > li > a{display:block;height:110px;width:100%;border:1px solid #e1e1e1;background-color:#fff;}
#lp_layout .con .menu_wrap_t2 > li > a span{padding:41px 0;display: block;position: relative;}
#lp_layout .con .menu_wrap_t2 > li > a span:before{content:"";display:block;position:absolute;top: 20px;left:50%;width:18px;height:18px;background:url(/site/common/img/site/check_ico.png)no-repeat;transform: translate(-50%, 0);opacity: 0;}
#lp_layout .con .menu_wrap_t2 > li > a.ov{background-color:#224c90;box-shadow: 0 0 10px rgba(0,0,0,0.14);border-color:#224c90}
#lp_layout .con .menu_wrap_t2 > li > a.ov span{color:#fff}
#lp_layout .con .menu_wrap_t2 > li > a.ov span:before{
  opacity: 1;
}

#lp_layout .con .menu_wrap_t3 > li{display:inline-block;margin:2px;width:calc(16.66% - 4px);vertical-align: top;}
#lp_layout .con .menu_wrap_t3 > li > a{display:block;height:127px;width:100%;border:1px solid #e1e1e1;border-radius: 4px;background-color:#fff;}
#lp_layout .con .menu_wrap_t3 > li > a.ov{background-color:#224c90;box-shadow: 0 0 10px rgba(0,0,0,0.14);border-color:#224c90}
#lp_layout .con .menu_wrap_t3 > li > a span{display: flex;width:100%;height:100%;padding: 0;padding-top: 0;line-height: 1.2;font-size: 13px;justify-content: center;align-items: center;flex-wrap: wrap;padding: 20px;}
#lp_layout .con .menu_wrap_t3 > li > a.ov span{color:#fff}

.program--search_top{background-color:#f5f6f8;padding:27px 30px;position: relative;text-align: left;margin-bottom: 22px;}
.program--search_top .program--count{position: relative;}
.program--search_top .program--count .total{display:block;position: relative;background:url(/site/common/img/site/total-icon.png)no-repeat;padding: 2px 0 2px 32px;color:#333;}
.program--search_top .program--count .total strong{color:#cf505c;font-weight: bold;display: inline-block;padding: 0 3px;}


.search-list .list,
.search-list2 .list,
.search-list3 .list{display:flex;flex-wrap: wrap;text-align: left;}

.search-list .list{flex-direction: column;}
.search-list .list .item{margin:4px;}
.search-list .list .item a{display:block;width:100%;padding:42px;border: 1px solid #e1e1e1;transition: all .3s;}
.search-list .list .item a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.14);border-color:#224c90;}
.search-list .list .item a .category{display:block;margin-bottom: 4px;}
.search-list .list .item a .category span{display:inline-block}
.search-list .list .item a .category .title{color:#333;padding-right: 10px;margin-right: 10px;position: relative;}
.search-list .list .item a .category .title:before{content:"";display:block;position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#e1e1e1;margin-top:-7px;}
.search-list .list .item a .category .text{color:#224c90;font-weight: bold;}
.search-list .list .item a strong{color:#333;font-size: 16px;display: block;line-height: 1.2;}

.search-list2 .list .item{margin:4px;width:calc(33.3333% - 8px);}
.search-list2 .list .item a{display:block;width:100%;padding: 52px;padding-left: 219px;border: 1px solid #e1e1e1;transition: all .3s;position: relative;}
.search-list2 .list .item a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.14);border-color:#224c90;}
.search-list2 .list .item a .img{display:block;position:absolute;top: 42px;left:52px;width:147px;height:102px;background: #efefef;}
.search-list2 .list .item a .category{display:block;font-weight: bold;font-size: 13px;color: #6d6d6d;}
.search-list2 .list .item a strong{color:#333;font-size: 16px;display: block;line-height: 1.2;margin-top: 5px;}

.search-list3 .list .item{margin:4px;width:calc(20% - 8px);}
.search-list3 .list .item a{display:block;width:100%;padding: 15px;border: 1px solid #b7b7be;/* border-radius: 4px; */transition: all .3s;height: 64px;line-height: 1.2;}
.search-list3 .list .item a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.14);border-color:#224c90;}


.pop-1 .search-list2 .list .item a{
  display: block;
  overflow: hidden;
  padding: 25px 60px;
}
.pop-1 .search-list2 .list .item a .img{
  position: static;
  display: block;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  background: #fff;
}
.search-list2 .list .item a .category,
.search-list2 .list .item a>strong{
  display: block;
  float: left;
  width: calc(100% - 160px);
}
.search-list2 .list .item a .category{
  margin-top: 20px;
}



@media only screen and (max-width:1300px){
.search-list3 .list .item{width:calc(25% - 8px)}
}

@media (max-width:1210px) {
#lp_layout #lp_pop01 .menu_wrap li {width: 100%;display: block;}  
}


@media only screen and (max-width:1024px){
  #lp_layout .menu_wrap li{display:block;float: none;width: 100%;}
  #lp_layout .menu_wrap li a.ov{border-color:#000}
  #lp_layout .con .menu_wrap_t1 > li{width:20%;margin-bottom:20px;}
  #lp_layout .con .menu_wrap_t1 > li span:before{left:50%;transform: translate(-50%, 0px);}
  .search-list2 .list .item{width:calc(50% - 8px)}
  #lp_layout .con .menu_wrap_t3{padding:44px 21px 51px}
  .pop-1 .search-list2 .list .item a{
    padding: 15px;
    height: 250px;
  }
  .pop-1 .search-list2 .list .item a .img{margin: 0 auto;float: none;}
  .search-list2 .list .item a .category{
    margin-top: 10px;
  }
  .search-list2 .list .item a .category, .search-list2 .list .item a>strong{float: none;width: 100%;text-align: center;}
  #lp_layout .con-top{height: auto;}
  #lp_layout .con .menu_wrap_t2 > li{width: 45%;}
  #lp_layout .con .menu_wrap_t2 > li > a{height: auto;}
  #lp_layout .con .menu_wrap_t2 > li > a span{padding: 10px 0;}
  #lp_layout .con .menu_wrap_t2 > li > a span:before{display: none;}
  #lp_layout .con .menu_wrap_t3 > li > a{height: 100px;display: flex;align-items: center;justify-content: center;}
  #lp_layout .con .menu_wrap_t3 > li > a span{height: auto;padding: 0;}
  .search-list3 .list{justify-content: flex-start;}
  .search-list3 .list .item{width: 24%;margin: 0;margin:0 .5%;margin-bottom: 8px;}
  .search-list3 .list .item a{height: 80px;padding: 0;display: flex;align-items: center;justify-content: center;}
  .search-list3 .list .item a strong{text-align: center;}
  
}


@media only screen and (max-width:1024px){
  #lp_layout .con .menu_wrap_t3 > li{width:calc(32.3333% - 4px)}
  .pop-1 .search-list2 .list .item a{padding:25px;}
}

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

  #lp_layout .con .menu_wrap_t1 > li{width:32.333%}
}

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

  #lp_layout .con .menu_wrap_t1 > li{width: 24%;}
  .search-list2 .list .item{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  #lp_layout .con .menu_wrap_t3 > li{
    width: 45%;
  }
  #lp_layout .con .menu_wrap_t3 > li > a{height: 60px;}
  .search-list3 .list .item{width: 31%;margin: 0;margin:0 1%;margin-bottom: 8px;}
}
@media only screen and (max-width:320px){
  .search-list3 .list .item{width: 48%;margin: 0;margin:0 1%;margin-bottom: 8px;}
}

@media (max-width:400px) {
#lp_layout #lp_pop01 .menu_wrap li em {letter-spacing: -1px;}
 #lp_layout #lp_pop01 .menu_wrap li em:before {width: 25px;height: 25px;background-size: 25px 25px;}
 #lp_layout #lp_pop01 .menu_wrap li a.ov em:before {width: 25px;height: 25px;background-size: 25px 25px;} 
}

@media (max-width:365px) {
#lp_layout #lp_pop01 .menu_wrap li em {padding-right: 55px;line-height: 1.4;padding: 20px 55px 20px 20px;} 
}





/* 230718 모바일 수정사항 작업 : s */
html, body {overflow: hidden;}

#lp_layout .lp_wrap {overflow: hidden;overflow-y: scroll;}

@media (max-width: 1430px) {
    #lp_layout .lp_wrap {padding: 60px 0;}
}

@media (max-width: 1280px) {
    .pop-1 .search-list2 .list .item a {padding: 25px;} 
    .search-list2 .list .item a .category {margin-top: 10px;}
}

@media (max-width: 1024px) {
    #lp_layout .con-top {height: 402px;}
    .search-list2 .list .item a .img {width: 300px;height: 130px;}
    .search-list2 .list .item a .img img {position: relative;left:50%;top:50%;transform: translate(-50%, -50%);}
/*     .search-list2 .list .item a .img {width: 100%;height: 150px;position:relative;overflow: hidden;}
    .search-list2 .list .item a .img img {position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;} */
}

@media (max-width: 768px) {
    #lp_layout .site_header h1 {font-size: 50px;}
    .search-list2 .list .item a .img {width: 250px;}
}

@media (max-width: 640px) {
    .search-list2 .list .item a .img {width: 200px;}
}

@media (max-width: 540px) {
    .search-list2 .list .item a .img {width: 100%;height: 180px;}
    .pop-1 .search-list2 .list .item a {height: 300px;}
}

@media (max-width: 490px) {
    #lp_layout .lp_wrap {padding: 0;}
    #lp_layout .site_header {padding: 30px 0;}
    #lp_layout .site_header h1 {font-size: 30px;}
    #lp_layout .site_title h2 {font-size: 16px;line-height: 1.4;}
    #lp_layout .menu_wrap {margin-top: 30px;margin-bottom: 30px;}
    #lp_layout .menu_wrap li em {font-size: 15px;}
    #lp_layout .con-top {padding: 60px 0 120px 0;height: auto;}
    #lp_layout .con-top:before {width: 228px;height: 173px;right: 176px;background-size: contain;}
    #lp_layout .con-top .title strong {font-size: 30px;}
    #lp_layout .con-top .title strong:before {width: 51px;height:57px;background-size: contain;}
    #lp_layout .con-top .search-box input[type="text"] {height: 50px;}
    #lp_layout .con-top .search-box .submit {top: 13px;}
    #lp_layout .con .menu_wrap_t1 {padding: 40px 0;}
/*     #lp_layout .con .menu_wrap_t1 > li .n1 span:before {background-position: -16px -10px;}
    #lp_layout .con .menu_wrap_t1 > li .n2 span:before {background-position: -181px -27px;}
    #lp_layout .con .menu_wrap_t1 > li .n3 span:before {background-position: -330px -27px;}
    #lp_layout .con .menu_wrap_t1 > li .n4 span:before {background-position: -479px -27px;}
    #lp_layout .con .menu_wrap_t1 > li .n5 span:before {background-position: -630px -27px;}
    #lp_layout .con .menu_wrap_t1 > li .n6 span:before {background-position: -779px -27px;}
    #lp_layout .con .menu_wrap_t1 > li .n7 span:before {background-position: -931px -27px;}
    #lp_layout .con .menu_wrap_t1 > li .n8 span:before {background-position: -1080px -27px;} */
    #lp_layout #pop-2 .con-top:after {background-size: contain;width: 180px;height: 170px;}
    #lp_layout #pop-2 .con-top:before {background-size: contain;right: 0;width: 170px;height: 160px;}
    #lp_layout #pop-3 .con-top {padding-bottom: 190px;}
}

@media (max-width: 430px) {
    #lp_layout #lp_pop01 .menu_wrap li em {letter-spacing: -1px;}
}

@media (max-width: 410px) {
    #lp_layout .con-top:before {right: 120px;}
}

@media (max-width: 360px) {
    #lp_layout .con-top .title strong {padding-right: 0;}
    #lp_layout .con-top .title strong:before {bottom: 25px;}
}
/* 230718 모바일 수정사항 작업 : e */