@charset "utf-8";
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/NotoSans-Bold.eot');
    src: url('/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoSans-Bold.woff2') format('woff2'),
         url('/fonts/NotoSans-Bold.woff') format('woff'),
         url('/fonts/NotoSans-Bold.ttf') format('truetype'),
         url('/fonts/NotoSans-Bold.svg#NotoSansBoldKr') format('svg');
    font-weight: 700;
  }
  
  
  
  
  @font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/NotoSans-Regular.eot');
    src: url('/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoSans-Regular.woff2') format('woff2'),
         url('/fonts/NotoSans-Regular.woff') format('woff'),
         url('/fonts/NotoSans-Regular.ttf') format('truetype'),
         url('/fonts/NotoSans-Regular.svg#NotoSansRegularKr') format('svg');
    font-weight: normal;
  }
  
  
  
  
  @font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/NotoSans-Thin.eot');
    src: url('/fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoSans-Thin.woff2') format('woff2'),
         url('/fonts/NotoSans-Thin.woff') format('woff'),
         url('/fonts/NotoSans-Thin.ttf') format('truetype'),
         url('/fonts/NotoSans-Thin.svg#noto_sans_krthin') format('svg');
    font-weight: 100;
  }

#skipnavigation{position:relative;z-index:1000;}
#skipnavigation .skip{position:absolute;top:0;left:0;}
#skipnavigation a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{background-color:#000;color:#fff;height:auto;width:100%;padding:5px;margin-bottom:10px;z-index:1000;}

*{margin:0;padding:0;}
body{background-color:#fff;font-size:15px;color:#2c2c2c;line-height:160%;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;letter-spacing: -0.5px;}
ul,ol{list-style:none;}
table{margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;width:100%;}
*+html table{border-collapse:collapse;}
img,fieldset,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;}
input, button,textarea{padding:0;font-size:100%;font-family:'Noto Sans KR', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;}
table{border-collapse:collapse;border-spacing:0}
table,table th,table td{border:0;}
hr{display:none}
a{color:#2f2f2f;text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
body{background-color:#fff;color:#2f2f2f;}
caption,legend,.hide{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.gLeft{float:left;}
.gRight{float:right;}
.hidden{display:none;}
.br{display:block;}
.forMobile{display:none;}

#wrap{position:relative;min-width:1020px;}
.mMain4,
.mGrid1,
#wrap .bg,
.mTBanner .bg{position:relative;margin:0 auto;width:1020px;}
/*
body.fixedHeader #header{position:fixed;top:0;left:0;background:#fff;border-bottom:1px solid #d3d3d3;width:100%;height:100px;}
body.fixedHeader #header:before,
body.fixedHeader #header:after{display:none;}
body.fixedHeader #header .uh{display:none;}
body.fixedHeader .gnbsub{top:100px;}
*/
#header{position:relative;background-color:#;height:166px;z-index:200;}
#header .uh{padding:0 0 20px;}
#header .tel{position:absolute;top:66px;right:0;background:url(../images/ico_tel.png) 0 0 no-repeat;font-size:23px;letter-spacing:-1px;font-weight:700;padding:0 0 0 30px;}
#header .link{position:absolute;top:12px;right:0;font-size:13px;}
#header .link a{margin-left:6px;}
#header h1{padding:40px 0 0;text-align:center;}
#header .gnb{position:relative;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .3s ease;height:53px;overflow:hidden;}
#header .gnb:before{content:"";position:absolute;top:53px;left:0;background-color:#ddd;width:100%;height:1px;}
/* #header .gnb.hover:before{background-image:url(../images/ico_menu_close.png);} */
#header .gnb.hover{height:272px;}
#header .gnb h2{display:none;}
#header .gnb ul{padding-right:64px;zoom:1;}
#header .gnb ul:after{display:block;clear:both;content:''}
#header .gnb li{position:relative;float:left;width:25%;}
#header .gnb li strong a{display:block;border-left:1px solid #ddd;text-align:center;}
#header .gnb li strong a span{position:relative;display:inline-block;color:#27273D;font-size:18px;font-weight:400;line-height:53px;height:53px;}
#header .gnb li strong a:hover:before,
#header .gnb li.overLi a:before,
#header .gnb li.selected strong a:before{content:"";position:absolute;top:0;left:0;background-color:#f1a5a7;width:100%;height:3px;}
#header .gnb li .sub{position:absolute;top:54px;left:0;background-color:#fff;padding:25px 0 0 10px;width:100%;z-index:210;}
#header .gnb li .sub .ls{display:block;padding:0 0 10px;}
#header .gnb li .sub .ls a{display:block;color:#5b5b5b;font-size:14px;}
#header .gnb li .sub .ls a:hover,
#header .gnb li .sub .ls.selected a{color:#f1a5a7;text-decoration:none;}
.gnbsub{position:absolute;top:112px;left:0;background-color:#f00;transition:all .3s ease;width:100%;height:0;overflow:hidden;z-index:110;}
.gnbsub:before{content:"";position:absolute;bottom:0;left:0;background-color:#d3d3d3;width:100%;height:1px;}
.gnbsub:after{content:"";position:absolute;top:0;left:0;background-color:#d3d3d3;width:100%;height:1px;z-index:1;}
.gnbsub.hover{height:238px;}

.tbl_board1{width:100%; border-top:2px solid #444;}
.tbl_board1 th{border-bottom:1px solid #444; font-size:15px; color:#444; font-weight:500; line-height:26px; padding:15px 5px;}
.tbl_board1 td{border-bottom:1px solid #ddd; padding:10px 20px; font-size:15px; line-height:26px; }
.tbl_board1 td.cont{text-align: left; padding-left: 20px;}
.tbl_board1 td a{color: #444;}
.tbl_board1 tr:hover{background:#f9f9f9;}
.tbl_board1 tr.tbl_th:hover{background:none;}

.tbl_board2{width:100%; border-top:2px solid #444;}
.tbl_board2 th{border:1px solid #444; font-size:15px; color:#444; font-weight:500; line-height:26px; padding:15px 5px;}
.tbl_board2 td{border:1px solid #ddd; padding:10px 20px; font-size:15px; line-height:26px; }
.tbl_board2 td.cont{text-align: left; padding-left: 20px;}
.tbl_board2 td a{color: #444;}

.tbl_boardm{width:100%;}
.tbl_boardm th{border:1px solid #444; font-size:15px; color:#444; font-weight:500; line-height:26px; padding:15px 5px;}
.tbl_boardm td{border-bottom:1px solid #ddd; padding:10px 0 10px 0; font-size:15px; line-height:26px; }
.tbl_boardm td.cont{text-align: left; padding-left: 20px;}
.tbl_boardm td a{color: #444;}


.iMenu{position:absolute;top:0;right:0;background:url(../images/ico_menu.png) 50% 50% no-repeat #f1a5a7;border-left:1px solid #ddd;text-indent:-9999px;font-size:0;width:64px;height:53px;}
.mTitle {display:block;color:#f1a5a7;font-size:23px;margin-bottom:20px;font-weight:500;}
.mTitle2 {display:block;color:#f1a5a7;font-size:32px;margin-bottom:20px;font-weight:500;}
.mBox {padding:10px;border:1px solid #ddd;}

#footer{position:relative;background-color:#f1a5a7;margin:40px 0 0;}
#footer .con1 a{display:inline-block;color:#fff;line-height:70px;height:70px;}
#footer .con1 .bar{color:#f2cecf;padding:0 9px;}
#footer .con1 .gRt{position:absolute;top:0;right:0;border-left:1px solid #f2cecf;color:#fff;font-size:25px;font-weight:700;letter-spacing:-1px;padding:0 0 0 30px;line-height:70px;height:70px;}
#footer .con2{position:relative;color:#fff;padding:23px 0;}
#footer .con2:before{content:"";position:absolute;top:0;left:50%;margin-left:-510px;background-color:#f2cecf;width:1020px;height:1px;}
#footer .con2 .tx{font-size:28px;letter-spacing:-1.5px;line-height:140%;}
#footer .con2 .ad{letter-spacing:-0.5px;margin:20px 0 0;}
#footer .con2 .gRt{position:absolute;top:34px;right:0;width:579px;}
#footer .con2 .gRt a{display:block;float:left;margin:0 0 7px 14px;}

#body{margin:55px 0 100px;}

.mTBanner{position:relative;background-color:#f3f2f3;}
.mTBanner .bg{zoom:1;}
.mTBanner .bg:after{display:block;clear:both;content:''}
.mTBanner .close{position:absolute;bottom:6px;right:0;font-size:11px;}
.mTBanner .close .ic{border:1px solid #e0e0e0;background-color:#fff;border-radius:0;margin-right:3px;vertical-align:-3px;width:14px;height:14px;}
.mTBanner .close .cls{display:inline-block;background:url(../images/ico_close1.png) 0 0 no-repeat;text-indent:-9999px;font-size:0;margin:0 0 0 5px;width:14px;height:14px;vertical-align:12px;}
.mTBanner:after{display:block;clear:both;content:''}
.mTBanner .gRight,
.mTBanner .gLeft{position:relative;float:left;width:480px;height:140px;}
.mTBanner .bt{position:absolute;top:41px;right:25px;background:url(../images/ico_plus1.png) 0 0 no-repeat;text-indent:-9999px;font-size:0;width:62px;height:62px;}
.mTBanner .im{position:absolute;top:0;left:0;}
.mTBanner .ti,
.mTBanner .tx{display:block;letter-spacing:-1px;padding:0 0 0 131px;}
.mTBanner .ti{font-size:21px;font-weight:400;padding-top:35px;}
.mTBanner .tx{font-size:13px;line-height:150%;letter-spacing:-0.5px;padding-top:9px;}
.mTBanner .gRight{width:540px;}
.mTBanner .gRight:before{content:"";position:absolute;top:0;left:0;background-color:#e2e2e2;width:1px;height:100%;z-index:1;}
.mTBanner .gRight .ti,
.mTBanner .gRight .tx{padding-left:145px;}
.mTBanner .gRight .bt{background-image:url(../images/ico_plus2.png);}

.mKeysub{background:url(../images/img_keysub1.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;height:254px;}
.mKeysub h3{color:#fff;font-size:41px;font-weight:700;font-weight:700;padding:95px 0 0;}
.mKeysub .txt{color:#ddd;font-size:15px;font-weight:400;line-height:150%;padding:28px 0 0;}

.mBc{border-bottom:1px solid #ddd;font-size:15px;padding:10px 0;zoom:1;}
.mBc:after{display:block;clear:both;content:''}
.mBc .home{display:block;float:left;background:url(../images/ico_home.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:36px;height:20px;}
.mBc .dep2,
.mBc .dep3{display:block;float:left;background:url(../images/ico_bc1.png) 12px 50% no-repeat;padding:0 0 0 32px;}
.mBc .dep2{background-position:5px 50%;padding-left:20px;}

.mTab1{display:-webkit-flex;display:flex;margin:0 0 40px;text-align:center;}
.mTab1 .ls{-webkit-flex:1;flex:1;}
.mTab1 .ls a{display:block;border:1px solid #d3d3d3;background-color:#fff;color:#616060;margin:0 -0.5px;line-height:51px;height:51px;}
.mTab1 .ls a:hover{background-color:#999;color:#fff;}
.mTab1 .ls.selected a{background-color:#f1a5a7;border-color:#f1a5a7;color:#fff;}

.mTxt1{line-height:190%;margin:0 0 40px;}

.mGrid1{margin:40px auto 0;zoom:1;}
.mGrid1:after{display:block;clear:both;content:''}
.mGrid1 .gLeft{width:50%;}
.mGrid1 .gCenter{position:absolute;top:0;left:330px;width:289px;}
.mGrid1 .gCenter .info{width:100%;background-color:#f5f5f5;margin-top:15px;height:154px;line-height:154px;text-align:center;border-radius:10px;}
.mGrid1 .gRight{width:48%;}

.mMain1 .tab{display:-webkit-flex;display:flex;margin:0 0 14px;padding:0 0.5px;}
.mMain1 .tab a{-webkit-flex:1;flex:1;color:#000;border:1px solid #b9b9b9;font-weight:400;text-align:center;margin:0 -0.5px;line-height:40px;height:40px;}
.mMain1 .list{zoom:1;}
.mMain1 .list:after{display:block;clear:both;content:''}
.mMain1 .list ul{float:left;width:50%;}
.mMain1 .list li{margin:0 15px 6px 0;}
.mMain1 .list li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}

.mMain2{margin:29px 0 0;}
.mMain2 .lt,
.mMain2 .rt{float:left;width:50%;}
.mMain2 .lt{background-color:#a969b7;}
.mMain2 .rt{background-color:#e7aaa5;}
.mMain2 a{display:block;padding:23px 0 0 24px;height:125px;}
.mMain2 .ti{position:relative;display:block;background:url(../images/ico_main2_1.png) 0 0 no-repeat;color:#fff;font-size:19px;padding:2px 0 0 36px;min-height:33px;background-size:25px}
.mMain2 .ti:before{content:"";position:absolute;top:3px;right:25px;background:url(../images/ico_main2_3.png) 0 0 no-repeat;width:22px;height:21px;}
.mMain2 .tx{display:block;color:#fff;font-size:14px;letter-spacing:-0.5px;padding:14px 0 0;}
.mMain2 .rt .ti{background-image:url(../images/ico_main2_2.png);background-size:25px}

.mMain2 .lt2,
.mMain2 .rt2{float:left;width:50%;}
.mMain2 .lt2{background-color:#c4e7a5;}
.mMain2 .rt2{background-color:#69b692;}
.mMain2 a{display:block;padding:23px 0 0 24px;height:125px;}
.mMain2 .lt2 .ti{position:relative;display:block;background:url(../images/ico_main2_5.png) 0 0 no-repeat;color:#fff;font-size:19px;padding:2px 0 0 36px;min-height:33px;background-size:25px}
.mMain2 .lt2 .ti:before{content:"";position:absolute;top:3px;right:25px;background:url(../images/ico_main2_3.png) 0 0 no-repeat;width:12px;height:21px;}
.mMain2 .tx{display:block;color:#fff;font-size:14px;letter-spacing:-0.5px;padding:14px 0 0;}
.mMain2 .rt2 .ti{background-image:url(../images/ico_main2_4.png);background-size:23px}

.main3 h3{font-size:19px;font-weight:700;letter-spacing:-0.8px;padding:0 0 15px;}
.main3 ul{margin-left:-22px;zoom:1;}
.main3 ul:after{display:block;clear:both;content:''}
.main3 li{float:left;margin:0 20px 0 25px;width:110px;}
.main3 li a{display:block;}
.main3 li .img{display:block;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;width:140px;height:120px;border-radius:3px;}
.main3 li .txt{display:block;font-size:14px;padding:5px 0 0;}
.main3 .more{position:absolute;top:65px;right:15px;background:url(../images/ico_more1.png) 0 0 no-repeat;background-size:18px;text-indent:-9999px;font-size:0;width:27px;height:27px;}

.mMain4{margin:25px auto 0;}
.mMain5 {position:absolute;top:217px;width:620px;height:170px;}

.mList1 li{margin:0 0 20px;zoom:1;}
.mList1 li:after{display:block;clear:both;content:''}
.mList1 li .img{display:table;float:left;color:#010101;text-align:center;width:295px;height:150px;border-radius:10px;}
.mList1 li .img .imgBg{display:table-cell;font-size:18px;line-height:90%;font-weight:400;vertical-align:middle;border:1px solid #ddd;border-radius:10px;}
.mList1 li .txt{display:block;padding:60px 0 0 325px;font-size:20px;vertical-align:middle;}

.mButton1{margin:0 auto;width:200px;margin-top:20px;}
.mBtn1{display:block;padding:10px 20px;text-align:center;background-color:#0066b3;color:#fff;font-size:15px;margin:0 auto;}

.mKeymain{position:relative;z-index:100;}
.mKeymain li{float:left;width:50%}
.mKeymain .item{display:table;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;color:#fff;text-align:center;text-decoration:none;width:100%;height:550px;}
.mKeymain .item .txt{padding:130px 0 0 450px;text-align:center;}
.mKeymain .item .txt img{display:inline;}
.mKeymain .item img{width:auto !important;}
.owl-theme .owl-dots{bottom:50px;}
.owl-theme .owl-dots .owl-dot a{background:transparent;background:#000;border-radius:50%;margin:0 5px;width:15px;height:15px;}
.owl-theme .owl-dots .owl-dot.active a,
.owl-theme .owl-dots .owl-dot:hover a{background:#f1a5a7;}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{top:50%;left:50%;margin-left:-900px;background:url(../images/ico_prev1.png) 0 0 no-repeat;width:52px;height:52px;}
.owl-theme .owl-nav .owl-next{left:auto;left:50%;margin-left:850px;background-image:url(../images/ico_next1.png);margin-right:17px;}

.iNew{display:inline-block;background:url(../images/ico_new.png) 100% 6px no-repeat;padding-right:13px;}

.info {background-color:#f8f8f8;padding:15px;}
.info .idx{border:1px solid #007dc3;border-radius:17px;padding: 3px 10px;color:#007dc3;background-color:#fff}


   .container {
      width: 1020px;       /* 전체 가로 */
      height: 470px;       /* 전체 높이 */
      display: flex;
      position: relative;
      margin:0 auto;
      padding:30px 0 20px 0;
    }
    .left {
      width: 50%;
      height: 100%;
      position: relative;
    }
    .right {
      width: 50%;
      height: 100%;
      display: flex;
      flex-direction: column;
      margin-left:15px;
    }
    .right-top {
      flex: 1;
      background: #fff; /* 위쪽 배경 */
      border-radius:7px;
      padding:30px 20px 30px 20px;
    }
    .right-bottom {
      flex: 1;
      background: #fff; /* 아래쪽 배경 */
      margin-top:15px;
      border-radius:7px;
      text-align:center;
      padding-top:15px;
    }
    /* Swiper 크기 조정 */
    .swiper {
      width: 100%;
      height: 100%;
    }
    .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius:7px;
    }
    /* 사용자 지정 네비게이션 버튼 */
    .custom-button {
      position: absolute;
      top: 50%;
      width: 40px;
      height: 40px;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 10;
    }
    .custom-button img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .custom-prev {
      left: 20px;
    }
    .custom-next {
      right: 20px;
    }

/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.mTBanner .close .cls{vertical-align:0px;}
}


.b_history {border-left:1px dashed #ddd; margin-left:10px; margin-top:30px;}
.b_history li {width:100%; font-size:16px;font-weight:400; position:relative; margin-top:15px; }
.b_history li:first-child {margin-top:0;}
.b_history li::before {width:16px; height:16px; border-radius:50%; border:3px solid #f1a5a7; background:#fff; position:absolute;left:-11px; top:9px; content:'';}
.b_history li:nth-child(2n)::before { border:3px solid #f1a5a7;}
.b_history li:nth-child(3n)::before { border:3px solid #f1a5a7; }
.b_history li::before {width:16px; height:16px; border-radius:50%; border:3px solid #f1a5a7; background:#fff; position:absolute;left:-11px; top:9px; content:'';}
.b_history li::after  {content:" "; display:block; clear:both;}
.b_history li span {display:inline-block; float:left; margin-right:30px;color:#3865ad;line-height:32px; padding-left:60px;}
.b_history li p {display:inline-block; float:left;color:#555555; line-height:32px; }