@charset "utf-8";


  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-aLt.eot');
    src: url('../fonts/NanumSquareNeo-aLt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumSquareNeo-aLt.woff2') format('woff2'),
         url('../fonts/NanumSquareNeo-aLt.woff') format('woff'),
         url('../fonts/NanumSquareNeo-aLt.ttf') format("truetype");
    font-display: swap;
  } 
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-bRg.eot');
    src: url('../fonts/NanumSquareNeo-bRg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumSquareNeo-bRg.woff2') format('woff2'),
         url('../fonts/NanumSquareNeo-bRg.woff') format('woff'),
         url('../fonts/NanumSquareNeo-bRg.ttf') format("truetype");
    font-display: swap;
  } 
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-cBd.eot');
    src: url('../fonts/NanumSquareNeo-cBd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumSquareNeo-cBd.woff2') format('woff2'),
         url('../fonts/NanumSquareNeo-cBd.woff') format('woff'),
         url('../fonts/NanumSquareNeo-cBd.ttf') format("truetype");
    font-display: swap;
  } 
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-dEb.eot');
    src: url('../fonts/NanumSquareNeo-dEb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumSquareNeo-dEb.woff2') format('woff2'),
         url('../fonts/NanumSquareNeo-dEb.woff') format('woff'),
         url('../fonts/NanumSquareNeo-dEb.ttf') format("truetype");
    font-display: swap;
  } 
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-eHv.eot');
    src: url('../fonts/NanumSquareNeo-eHv.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumSquareNeo-eHv.woff2') format('woff2'),
         url('../fonts/NanumSquareNeo-eHv.woff') format('woff'),
         url('../fonts/NanumSquareNeo-eHv.ttf') format("truetype");
    font-display: swap;
  } 


html, body, div, ul, li, img, h1 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;line-height:1;}

body
{
    font-family: 'NanumSquareNeo', sans-serif;
    font-size:13px;
    line-height:1.4;
    font-weight:500;
    letter-spacing: 0;
    word-spacing: -0.08em;
    background-color:#ffffff;
    word-break: keep-all;
}

ul, ol, dl, dt, dd {list-style:none}

 
img
{
    border-style: none;
    letter-spacing:none;
    word-spacing:none;
    border:none;
    margin:0;
    padding:0;
    outline:0;
    vertical-align:middle;
    line-height:0px;
}
input:focus
{
    outline:none;
    padding:0;
    border:0;
}

input
{
  outline:none;
  padding:0;
  border:0;
  font-family: 'NanumSquareNeo', sans-serif;
}

select
{
  font-family: 'NanumSquareNeo', sans-serif;
}

table {border-collapse: collapse;font-family: 'NanumSquareNeo', sans-serif;}

a {outline: none;}
a:link, a:visited {color:#666; text-decoration:none}
a:hover, a:active {text-decoration:none}
button 
{
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    cursor:pointer;
    font-family: 'NanumSquareNeo', sans-serif;
    letter-spacing:-0.02em;
}


::placeholder {
  color: #acacac;
  font-weight:500;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #acacac;
  font-weight:500;
}

input[type="text"] {font-size: 14px;font-weight: 500;color:#444444;border-radius: 4px;border: 1px solid #d6d9e3;padding: 6px 10px;letter-spacing: -0.02em;margin: 2px 0;font-family: "NanumSquareNeo", dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 20px;min-width:60px;vertical-align: middle;}
input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}
input[type="text"]:disabled {background: #f5f5f5;}

input[type="password"] {font-size: 14px;font-weight:400;color:#444444;border-radius: 4px;border: 1px solid #d6d9e3;padding: 6px 10px;letter-spacing: -0.02em;
margin: 2px 0;font-family: "NanumSquareNeo", dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 20px;min-width:60px;vertical-align: middle;}
input[type="password"]:focus {border: 1px solid #72bdff;background:#fff;}
input[type="password"]:disabled {background: #f5f5f5;}

input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block;margin: 4px 2px;cursor:pointer;vertical-align: middle;font-family: 'NanumSquareNeo', sans-serif;}
input[type="radio"] + label span {
    position: relative;
    display:inline-block;
    width:18px;
    height:18px;
    margin: -2px -1px 0 3px;
    vertical-align:middle;
    background:url(../../images/checkbox_off.png) no-repeat;
    cursor:pointer;
    padding: 0 4px 0 0;
    white-space: nowrap;
    background-size: 18px;
}
input[type="radio"]:checked + label span {
    background:url(../../images/checkbox_on.png) no-repeat;
    white-space: nowrap;
    background-size: 18px;
}

input[type="checkbox"] {width:15px;height:15px;margin: 0 3px;cursor:pointer;vertical-align: middle;position: relative;top: -1px;}
input[type="checkbox"] + label {margin: 1px 0 0 1px;font-size: 14px;font-weight: 500;cursor:pointer;line-height: 15px;vertical-align: middle;color: #515151;}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }



input[type="checkbox"].imgSt{
  display: none;
}
input[type="checkbox"].imgSt + label{
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  background-image: url(../../images/ip_chkbox_off.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  text-indent: 30px;
  line-height: 24px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-align: left;
}
input[type="checkbox"].imgSt:checked + label::after{
  content:'';
  font-size: 25px;
  width: 24px;
  height: 24px;
  text-align: center;
  position: absolute;
  left: 0;
  top:0;
  background-image: url(../../images/ip_chkbox_on.svg);
  background-size: 24px;
  background-repeat: no-repeat;
}


select {
  border-radius: 4px;
  background:#fff;
  color: #777;
  padding: 6px 25px 6px 7px;
  margin: 2px 0px;
  border: 1px solid #d6d9e3;
  font-size: 13px;
  font-weight: 500;
  min-width:70px;
  font-family: 'NanumSquareNeo', "Roboto", dotum,"돋움", sans-serif;
  box-sizing: border-box;
  -webkit-appearance:none;
  appearance:none;
  background-image: url(../../images/icon_seltop.svg);
  background-repeat: no-repeat;
  background-position: right 7px;
  background-size: 18px;
  line-height: 20px;
  vertical-align: middle;
  }

select::-ms-expand{ display:none  }
select option {font-size:13px;line-height:1.4;padding: 8px 0;}

textarea {border-radius: 4px;border: 1px solid #d6d9e3;font-family: 'NanumSquareNeo', "Roboto", dotum,"돋움", sans-serif;
line-height:19px;font-size:14px;box-sizing: border-box;padding: 8px 10px;margin: 0 2px;resize: none;}


button {border-radius: 4px;background:#999;color:#fff;padding: 13px 40px;border: 0;font-size: 15px;font-weight: 500;word-break: keep-all;font-family: "NanumSquareNeo", dotum,"돋움", sans-serif;box-sizing: border-box;line-height: 20px;vertical-align: middle;transition: all .03s ease-in-out;text-indent: 0;}
button.btn_large {padding: 14px 25px !important;font-size: 17px;margin: 2px 2px;font-weight: 500;line-height:21px;}
button.btn_small {padding: 8px 15px !important;font-size: 13px;margin: 2px 2px;font-weight: 500;line-height:16px;}
button.btn_simple {padding: 6px 9px !important;font-size: 12px;margin: 1px 2px;font-weight: 500;line-height: 13px;}
button.btn_icon {padding: 3px 5px !important;font-size: 11px;margin: 1px 2px;font-weight: 400;line-height: 13px;background: #cecece;}


button i {font-size: 15px;line-height: 15px;padding: 0 4px 0 0;vertical-align: middle;display: inline-block;position:relative;top: -0.06rem;}
button i.rii {padding: 0 0 0 4px ;}
.btn_large i {font-size: 16px;line-height: 21px;}
.btn_small i {font-size: 14px;line-height: 15px;top: 0px;position: relative;}
.btn_small i.sm_i {font-size: 18px;line-height: 15px;top: 0px;position: relative;width: 14px;text-align: center;}
.btn_simple i {font-size: 10px;line-height: 12px;}
.btn_icon i {font-size: 9px;line-height: 9px;padding: 0 2px 0 0;}


.btn_large.btn_icon_only {padding-left: 14px !important;padding-right: 14px !important;}
.btn_large.btn_icon_only i {padding-right: 0px;vertical-align:middle;font-size: 22px;line-height: 19px;}

.btn_icon_only {padding-left: 11px !important;padding-right: 11px !important;}
.btn_icon_only i {padding-right: 0px;vertical-align: middle;font-size: 17px;line-height: 15px;}

.btn_small.btn_icon_only {padding-left:9px !important;padding-right:9px !important;}
.btn_small.btn_icon_only.stbt {padding-left:3px !important;padding-right:3px !important;}
.btn_small.btn_icon_only i {padding-right: 0px;vertical-align: middle;font-size: 14px;line-height: 15px;position:relative;top:-1px;}

.btn_simple.btn_icon_only {padding-left: 7px !important;padding-right: 7px !important;}
.btn_simple.btn_icon_only i {padding-right: 0px;vertical-align: middle;font-size: 12px;line-height: 12px;top: 0;}

.red_t {color:#FF0000;}


.btn_blue {background:#2094fa;border: 1px solid #2094fa;}
.btn_blue:hover {background:#1582e1;border-color:#1582e1}

.btn_green {background: #1fd078;border: 1px solid #1fd078;}
.btn_green:hover {background: #05b35c;border-color: #05b35c;}

.btn_sky {background: #7BA2FF;border: 1px solid #7BA2FF;}
.btn_sky:hover {background: #608df5;border-color: #608df5;}

.btn_yellow {background: #f3c900;border: 1px solid #f3c900;}
.btn_yellow:hover {background: #dcb700;border-color: #dcb700;}

.btn_orange {background: #ff8d00;border: 1px solid #ff8d00;}
.btn_orange:hover {background:#e28400;border-color:#e28400}

.btn_emerald {background:#5ac8fa;border: 1px solid #5ac8fa;}  
.btn_emerald:hover {background:#38aee3;border-color:#38aee3}

.btn_white {background:#fff;color:#666666;border: 1px solid #cccccc;}
.btn_white:hover {background: #f7f7f7;border-color: #b5b5b5;}
.btn_white i {color:#777777;}

.btn_white_blue_sq {background:#fff;color:#418CFF;border: 1px solid #69a5ff;}
.btn_white_blue_sq:hover {background:#f6faff;border-color:#418CFF;}

.btn_white_blue {background:#fff;color:#418CFF;border: 1px solid #69a5ff;border-radius:60px;}
.btn_white_blue:hover {background:#f6faff;border-color:#418CFF;}

.btn_red {background: #ff6c64;border: 1px solid #ff6c64;}
.btn_red:hover {background: #e85d55;border-color: #e85d55;}

.btn_gray {background:#999;border: 1px solid #999;}
.btn_gray:hover {background:#777;border-color:#777}

.btn_light-gray {background:#ebebeb;color:#9e9e9e;border: 1px solid #ebebeb;}
.btn_light-gray:hover {background:#dcdcdc;color:#555;border-color:#dcdcdc}

.btn_gray3 {background: #3c3c3c;color:#fff;border: 1px solid #5d5d5d;}
.btn_gray3:hover {background: #464343;border: 1px solid #5d5d5d;}

.btn_nocolor {background: none;color:#666666;border: 1px solid rgba(0,0,0,0);}
.btn_nocolor:hover {background: #f5f5f5;color:#444444;border: 1px solid #f5f5f5;}

.btn_off {background:#d8d8d8;}

.btn_blue_grd {background: linear-gradient(.25turn,#2094fa, #00e5dd);}
.btn_blue_grd:hover {background: linear-gradient(.25turn,#2298ff, #01dcda,#00e8b4);}

.btn_green_grd {background: linear-gradient(.25turn,#00bad0, #00eb6f );}
.btn_green_grd:hover {background: linear-gradient(.25turn,#00bad0, #12fe81 );}

.btn_red_grd {background: linear-gradient(.25turn,#ff487c, #ffc425);}
.btn_red_grd:hover {background: linear-gradient(.25turn,#ff487c, #ffea3a );}

.btn_purple_grd {background: linear-gradient(.25turn,#be30d7, #ff9264);}
.btn_purple_grd:hover {background: linear-gradient(.25turn,#be30d7, #ffaf5a );}


.btn_inactive {background:#f5f5f5 !important;border: 1px solid #d7d7d7 !important;color:#999 !important;pointer-events: none !important;}
.btn_inactive:hover {pointer-events: none !important;}

button:disabled,
button[disabled] {
  background:#f5f5f5 !important;border: 1px solid #d7d7d7 !important;color:#999 !important;pointer-events: none !important;
}


.tab {display: inline-block;box-sizing: border-box;overflow: hidden;border: 1px solid #dee4e7;border-radius: 2px;width:auto;scrollbar-width: none;-ms-overflow-style: none;overflow-x: auto;overflow-y: hidden;}
.tab ul::-webkit-scrollbar {display: none;}
.tab ul {display: flex;flex-wrap: nowrap;overflow: auto;padding: 4px;background: #fff;}
.tab ul li {padding: 12px 30px;font-size: 15px;line-height: 17px;color:#888;font-weight: 500;cursor:pointer;flex-grow: 1;text-align: center;border-radius: 2px;flex: 0 0 auto;}
.tab li:hover {background:#f5f5f5;}
.tab li.current {background:#2094fa;color:#fff;}

.tab-content{display: block;width: 100%;opacity: 0;height:0;overflow: hidden;}
.tab-content.current{display:block;display:contents;opacity: 1;height:auto;overflow: hidden;}

.tab_sub {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border: 1px solid #e2e2e2;}
.tab_sub ul {border-radius: 0px;max-width: none;min-width: auto;background: none;padding: 0;background: #cccccc;}
.tab_sub ul li {padding: 15px 20px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #cccccc;letter-spacing: -0.01em;border-radius: 0;}
.tab_sub ul li:last-child {border:0;}
.tab_sub li:hover {color: #ffffff;background: #adadad;}
.tab_sub li.current{background: #ffffff;color: #4a4a4a;border-radius: 1px;}

.tab_simp {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border-bottom: 0;border-radius: 0;width: 100%;}
.tab_simp ul {border-radius: 0;max-width: none;min-width: auto;background: none;padding: 0;background: none;width: 100%;}
.tab_simp ul li {padding: 15px 20px;font-size: 14px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #9f9f9f;text-align: center;background: #fff;letter-spacing: -0.01em;border-radius: 0;border-bottom: 2px solid #d1d1d1;width: 50%;}
.tab_simp li:hover {color: #404040;background: #fff;}
.tab_simp li.current{background: #fff;color: #2C94FF;border-radius: 0;border-bottom: 2px solid #2C94FF;width: 50%;}

.tab_simp_mr {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border-bottom: 0;border-radius: 0;width: 100%;z-index: 1;position: relative;}
.tab_simp_mr ul {border-radius: 0;max-width: none;min-width: auto;background: none;padding: 0;background: none;width: 100%;}
.tab_simp_mr ul a {z-index: 1;}
.tab_simp_mr ul li {padding: 15px 20px;font-size: 16px;box-sizing: border-box;cursor:pointer;font-weight: 600;color: #9f9f9f;text-align: center;background: #fff;letter-spacing: -0.01em;border-radius: 0;border-bottom: 2px solid #DBE2E6;width: auto;z-index: 1;}
.tab_simp_mr.nobg ul li {background:none;font-size: 14px;padding: 11px 17px;}
.tab_simp_mr li:hover {color: #404040;background: #fff;}
.tab_simp_mr li.current{background: #fff;color: #2D50AA;border-radius: 0;border-bottom: 2px solid #7BA2FF;width: auto;}
.tab_simp_mr ul::before {content: "";position:absolute;bottom:0;left:0;width:100%;height:2px;background: #DBE2E6;}
  

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

  .tab {display: inline-block;box-sizing: border-box;overflow: hidden;border: 1px solid #dee4e7;border-radius: 2px;width:auto;scrollbar-width: none;-ms-overflow-style: none;overflow-x: auto;overflow-y: hidden;}
  .tab ul::-webkit-scrollbar {display: none;}
  .tab ul {display: flex;flex-wrap: nowrap;overflow: auto;padding: 4px;background: #fff;}
  .tab ul li {padding: 12px 30px;font-size: 15px;line-height: 17px;color:#888;font-weight: 500;cursor:pointer;flex-grow: 1;text-align: center;border-radius: 2px;flex: 0 0 auto;}
  .tab li:hover {background:#f5f5f5;}
  .tab li.current {background:#2094fa;color:#fff;}
  
  .tab-content{display: block;width: 100%;opacity: 0;height:0;overflow: hidden;}
  .tab-content.current{display:block;display:contents;opacity: 1;height:auto;overflow: hidden;}
  
  .tab_sub {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border: 1px solid #e2e2e2;}
  .tab_sub ul {border-radius: 0px;max-width: none;min-width: auto;background: none;padding: 0;background: #cccccc;}
  .tab_sub ul li {padding: 15px 20px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #cccccc;letter-spacing: -0.01em;border-radius: 0;}
  .tab_sub ul li:last-child {border:0;}
  .tab_sub li:hover {color: #ffffff;background: #adadad;}
  .tab_sub li.current{background: #ffffff;color: #4a4a4a;border-radius: 1px;}
  
  .tab_simp {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border-bottom: 0;border-radius: 0;width: 100%;}
  .tab_simp ul {border-radius: 0;max-width: none;min-width: auto;background: none;padding: 0;background: none;width: 100%;}
  .tab_simp ul li {padding: 15px 20px;font-size: 14px;box-sizing: border-box;cursor:pointer;font-weight: 600;color: #9f9f9f;text-align: center;background: #fff;letter-spacing: -0.01em;border-radius: 0;border-bottom: 2px solid #d1d1d1;width: 50%;}
  .tab_simp li:hover {color: #404040;background: #fff;}
  .tab_simp li.current{background: #fff;color: #2C94FF;border-radius: 0;border-bottom: 2px solid #2C94FF;width: 50%;}
  
  .tab_simp_mr {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border-bottom: 0;border-radius: 0;width: 100%;z-index: 1;position: relative;}
  .tab_simp_mr ul {border-radius: 0;max-width: none;min-width: auto;background: none;padding: 0;background: none;}
  .tab_simp_mr ul a {z-index: 1;}
  .tab_simp_mr ul li {padding: 13px 13px;font-size: 14px;box-sizing: border-box;cursor:pointer;font-weight: 600;color: #9f9f9f;text-align: center;background: #fff;letter-spacing: -0.01em;border-radius: 0;border-bottom: 2px solid #DBE2E6;width: auto;white-space: nowrap;z-index: 1;}
  .tab_simp_mr.nobg ul li {background:none;font-size: 13px;padding: 10px 8px;}
  .tab_simp_mr li:hover {color: #404040;background: #fff;}
  .tab_simp_mr li.current{background: #fff;color: #2D50AA;border-radius: 0;border-bottom: 2px solid #7BA2FF;width: auto;}
  .tab_simp_mr ul::before {content: "";position:absolute;bottom:0;left:0;width:100%;height:2px;background: #DBE2E6;}


}

.Button_group {overflow: auto;position: relative;display: inline-block;vertical-align: middle;margin: 2px;}
.Button_group ul::-webkit-scrollbar {display: none;}
.Button_group ul {border: 1px solid #49AFFF;border-radius: 3px;overflow: auto;background: #fff;display: flex;flex-wrap: wrap;}
.Button_group ul li {padding: 7px 14px;font-size: 13px;line-height: 18px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #8192a1;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: unset;transition: background-color .15s ease-in-out;flex: 1 0 auto;min-width: 60px;}
.Button_group.icon ul li {min-width:auto;font-size: 15px;padding: 6px 11px;}
.Button_group.icon ul li i {line-height:1;font-size:13px;}
.Button_group li:hover {color: #498bc7;background: #ecf3f9;}
.Button_group li.current{background: #49AFFF;color:#fff;}




.height100 {width:100%;height:100px;}
.height90 {width:100%;height:90px;}
.height80 {width:100%;height:80px;}
.height70 {width:100%;height:70px;}
.height60 {width:100%;height:60px;}
.height50 {width:100%;height:50px;}
.height40 {width:100%;height:40px;}
.height30 {width:100%;height:30px;}
.height20 {width:100%;height:20px;}
.height10 {width:100%;height:10px;}
.height5 {width:100%;height:5px;}

.padding5 {width:100%;padding-top:5px;}
.padding10 {width:100%;padding-top:10px;}
.padding15 {width:100%;padding-top:15px;}
.padding20 {width:100%;padding-top:20px;}
.padding30 {width:100%;padding-top:30px;}
.padding40 {width:100%;padding-top:40px;}
.padding50 {width:100%;padding-top:50px;}
.padding60 {width:100%;padding-top:60px;}
.padding70 {width:100%;padding-top:70px;}
.padding80 {width:100%;padding-top:80px;}
.padding90 {width:100%;padding-top:90px;}
.padding100 {width:100%;padding-top:100px;}

.maxwidth60 {width:100%;max-width:60px;}
.maxwidth80 {width:100%;max-width:80px;}
.maxwidth100 {width:100%;max-width:100px;}
.maxwidth120 {width:100%;max-width:120px;}
.maxwidth150 {width:100%;max-width:150px;}
.maxwidth200 {width:100%;max-width:200px;}
.maxwidth250 {width:100%;max-width:250px;}
.maxwidth300 {width:100%;max-width:300px;}
.maxwidth400 {width:100%;max-width:400px;}
.maxwidth500 {width:100%;max-width:500px;}


.common_img {display: block;}
.mob_img {display: none;}

@media only screen and (max-width: 750px) {
  
  .common_img {display: none;}
  .mob_img {display: block;}
  
}


.indigo_c {color:#2D50AA !important;}
.blue_c {color:#097EF8 !important;}
.gray_c {color:#7e7e7e !important;}
.red_c {color:#ff2e2e !important;}

.common_descrip {font-size:12px;color: #888;padding: 3px 0 3px 3px;display:inline-block;line-height:1.5;font-weight: 500;}


/*popup*/

.popup {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10000;overflow-y:auto;opacity:1;}
.popup .popup_section {position:relative;padding: 30px 5%;width: 100%;margin: 0 auto;vertical-align: middle;box-sizing: border-box;top: 15%;}
.popup .popup_section .popup_content {position:relative;top:0px;margin: 0 auto 50px;min-height:150px;background: #fff;border-radius: 6px;overflow: hidden;}
.popup .popup_section .popup_content .content_InBox  {padding:4px;}
.popup .popup_section .popup_content.pop_openDown {
animation-name: popdown;
animation-duration:0.5s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;}
.popup .popup_section .popup_content.pop_openUp {
animation-name: popdown;
animation-duration:0.5s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;}

@-webkit-keyframes popdown {
  0% {top:-40px;opacity:0.1;}
  95% {top:1px;}
  100% {top:0px;opacity:1;}
}

.popup .popup_section .popup_content.pop_openUp {
animation-name: popup;
animation-duration:0.6s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;}

@-webkit-keyframes popup {
  0% {top:0px;opacity:1;}
  100% {top:-40px;opacity:0;}
}

.popup .popup_content.popwidth1600 {width:1600px;margin: 0 auto 40px;}
.popup .popup_content.popwidth1200 {width:1200px;margin: 0 auto 40px;}
.popup .popup_content.popwidth900 {width:900px;margin: 0 auto 40px;}
.popup .popup_content.popwidth650 {width:650px;margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:520px;margin: 0 auto 40px;}
.popup .popup_content.popwidth320 {width:380px;margin: 0 auto 40px;}
.popup .popSlide {margin-top:80px !important;}

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

.popup .popup_content.popwidth1600 {width:calc(100% - 20px);max-width:1600px;margin: 0 auto 40px;}
.popup .popup_content.popwidth1200 {width:calc(100% - 20px);max-width:1200px;margin: 0 auto 40px;}
.popup .popup_content.popwidth900 {width:calc(100% - 20px);max-width:900px;margin: 0 auto 40px;}
.popup .popup_content.popwidth650 {width:calc(100% - 20px);max-width:650px;margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:calc(100% - 20px);max-width:520px;margin: 0 auto 40px;}
.popup .popup_content.popwidth320 {width:calc(100% - 20px);max-width:380px;margin: 0 auto 40px;}

}

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

.popup .popup_content.popwidth1600 {width:calc(100% - 0px);margin: 0 auto 40px;}
.popup .popup_content.popwidth1200 {width:calc(100% - 0px);margin: 0 auto 40px;}
.popup .popup_content.popwidth900 {width:calc(100% - 0px);margin: 0 auto 40px;}
.popup .popup_content.popwidth650 {width:calc(100% - 0px);margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:calc(100% - 0px);margin: 0 auto 40px;}
.popup .popup_content.popwidth320 {width:calc(100% - 0px);margin: 0 auto 40px;}

}

.pop_title {position:relative;width:100%;min-height: 45px;padding: 7px 14px;display:table;box-sizing: border-box;margin: 0;background: #fff;border-radius: 8px 8px 0 0;}
.pop_title h3 {width: auto;display: table-cell;vertical-align: middle;font-size: 14px;color: #777;font-weight: 600;line-height:1.3;}
.pop_title h4 {width: auto;display: table-cell;vertical-align: middle;font-size: 14px;color:#444;font-weight:500;line-height:1.3;}
.pop_title h5 {width: auto;display: table-cell;vertical-align: middle;font-size: 12px;color:#777;font-weight:500;line-height:1.3;}
.pop_title .rightArea {display: table-cell;text-align: right;width: auto;vertical-align: middle;margin: 0;}

.pop_title .rightArea .smbtn {cursor:pointer;padding:0;background:none;margin: 0 0 0 4px;border:0;width:22px;height:22px;}
.pop_title .rightArea .smbtn img {width: 16px;}
.pop_title .rightArea .smbtn i {font-size: 15px;color: #afafaf;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.pop_title .rightArea .smbtn:hover i {color:#5f5f5f;}

.card_btnArea {position:relative;width:100%;height: 50px;padding: 10px 12px 18px;display:table;box-sizing: border-box;text-align:center;}
.card_btnArea .rigth_Area {position:relative;display:table-cell;float:right;font-size:13px;}
.card_btnArea .rigth_Area .option_box {position:relative;display:table-cell;vertical-align: middle;height:30px;text-align:right;padding: 6px 0;font-size:13px;color:#999;}
.card_btnArea button {margin: 2px;}
.card_btnArea button.btn_large {margin: 2px 4px ;}
.card_btnArea_A {position:relative;width: calc(100% + 12px);height: 50px;padding: 20px 10px;display:table;box-sizing: border-box;text-align:center;margin: 0 0 0 -12px;transform: translateX(6px);border-top: 1px solid #e2e9eb;margin-top: 10px;}
.card_btnArea_A button {margin: 2px;}
.card_btnArea_A button.btn_large {margin: 2px 4px ;}


.card {
  position:relative;
  display: flex;
  flex-wrap:wrap;
  flex: 0 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 12px);
  border-radius: 2px;
  padding: 6px;
  margin: 6px;
  box-sizing: border-box;
  min-height:20px;
  font-size: 13px;
  font-weight:500;
  color: #999;
  vertical-align: top;
}

.topline {border-top: 1px solid #DBE2E6;}
.bottomline {border-bottom: 1px solid #e2e9eb;background: #fff;}


/*paging*/
.paging {position:relative;width:100%;padding: 25px 0 35px;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;display: table;}
.paging .ps_area {position:relative;width:100%;text-align:center;display: flex;vertical-align: middle;align-items: center;justify-content: center;flex-wrap: wrap;}

.paging .ps_area span {font-size: 13px;line-height: 20px;font-weight: 400;margin: 0 2px;background: #ffffff;border-radius: 4px;border: 1px solid #e0e6ea;display: inline-block;box-sizing: border-box;}
.paging .ps_area span a {color: #9e9e9e;padding: 4px 10px;display: block;line-height: 1.5;}
.paging .ps_area span.imgb a {color: #a5a5a5;padding: 4px 4px;}
.paging .ps_area span.on {background: #7BA2FF;border: 1px solid #7BA2FF;}
.paging .ps_area span.on a {color: #ffffff;}
.paging .ps_area span:hover.on {background: #47afff;border: 1px solid #47afff;}
.paging .ps_area span:hover.on a {color: #fff;}
.paging .ps_area span:hover {background: #eef8ff;border: 1px solid #91c2e8;}
.paging .ps_area span:hover a {color: #6ea8d4;}
.paging .ps_area span i {font-size: 13px;position: relative;display: inline-block;vertical-align: middle;}






.ml_home_St {width:100%;}

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

  .ml_home_St {width:100%;min-width:auto;}

}



/*header*/

header {position:fixed;top:0;left:0;width:100%;height: 79px;z-index: 10;background-color: rgba(255, 255, 255, .72);transition-property: background-color;
-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid #EEEEEE;}
header .hd_in_area {position:relative;width:100%;height:100%;max-width:1920px;margin: 0 auto ;display: flex;align-items: center;z-index: 10;}
header .hd_in_area .fp_logo {padding: 0 0 0 20px;transition: all 0.3s ease-in-out;width: 250px;}
header .hd_in_area .fp_logo img {width: auto;height: 27px;}
header .hd_in_area .fp_logo .comp_name {font-size: 21px;font-weight:600;color: #222;line-height:1.3;display: inline-block;vertical-align: bottom;padding: 0 0 0 9px;letter-spacing: -0.02em;}
header .mob_nav {padding: 0 20px ;display: none;}

header .hd_in_area .menu_area {padding: 0 10px;height:100%;width: calc(100% - 540px);}
header .hd_in_area .menu_area > ul {width: auto;height:100%;margin:  0 auto;text-align: center;display: flex;justify-content: center;}
header .hd_in_area .menu_area > ul > li {width: auto;height:100%;margin: 0 16px;display: inline-block;position: relative;}
header .hd_in_area .menu_area > ul > li .mn_bl {height:100%;font-size:16px;font-weight:600;}
header .hd_in_area .menu_area > ul > li .mn_bl > a {position:relative;height:100%;font-size:16px;font-weight:600;color:#000;display: flex;align-items: center;justify-content: center;padding: 0 16px;transition: all 0.3s ease-in-out;}
header .hd_in_area .menu_area > ul > li .mn_bl > a span {margin: 0 0 0 4px;position: relative;top: -1px;}
header .hd_in_area .menu_area > ul > li .mn_bl.b_on > a::after {content: "";position:absolute;bottom: 21px;left: 13px;width: calc(100% - 26px);height:2px;background: #444;}

.menu_back_bg_area {position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:rgba(0,0,0,0.3);display: none;}
.menu_back_bg_area.bg_on {display: block;}

.menu_area > ul > li .down_menu {position:absolute;top:100%;left: -40%;display: none;}
.menu_area > ul > li .sub_menu {width: auto;height:auto;background:#fff;opacity:1;border-radius: 0 0 10px 10px;display: flex;overflow: hidden;box-sizing: border-box;border-left: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;border-top: 1px solid #EAEAEA;}

.menu_area > ul > li .sub_menu .left_t_m {padding: 10px 20px 10px 25px;width: 120px;}
.menu_area > ul > li .sub_menu .left_t_m ul {width:auto;}
.menu_area > ul > li .sub_menu .left_t_m ul li {width:100%;margin: 10px 0;text-align: left;}
.menu_area > ul > li .sub_menu .left_t_m ul li a {position:relative;width: auto;display: inline-block;padding: 6px 0;font-size:14px;font-weight: 500;color:#000;}
.menu_area > ul > li .sub_menu .left_t_m ul li a:hover::after {content:"";position:absolute;top:calc(100% + -1px);left:0;width:100%;height:1px;background:#888;}

.menu_area > ul > li .sub_menu .right_if_ar {padding: 20px 10px;width:calc(100% - 120px);text-align: left;vertical-align: top;}

.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box {width: 190px;background:#F3F4F7;border-radius: 10px;display: inline-block;padding: 10px 20px;vertical-align: top;
box-sizing: border-box;text-align:left;margin: 0 5px 12px;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box:hover {background:#e4e6ec;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box .m_tit {width:100%;display: flex;height: 50px;align-items:center;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box .m_tit .n_w {width: 10px;opacity: 0.8;margin: 0 0 0 2px;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box .m_tit .icon {width:34px;margin-right:5px;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box .m_tit .icon img {width:100%;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box .m_tit .name {margin-right:5px;font-size:15px;font-weight:600;color:#000;line-height:1.3;}
.menu_area > ul > li .sub_menu .right_if_ar .mn_i_box .m_infott {width:100%;font-size:13px;font-weight:500;color:#000;line-height: 1.4;padding: 5px 0 10px;}



header .hd_in_area .right_area {padding: 0 10px;height:100%;justify-content: flex-end;flex: 1 1 auto;align-items: center;display: flex;}
header .hd_in_area .right_area .login_info {display: flex;justify-content: flex-end;height: 100%;align-items: center;}
header .hd_in_area .right_area .login_info .in_section {margin: 0 10px;position:relative;}

header .hd_in_area .right_area .login_info .in_section .id_name {font-size: 15px;color:#333;font-weight:600;line-height:1;display: flex;align-items: center;position:relative;cursor:pointer;}
header .hd_in_area .right_area .login_info .in_section .id_name .u_icon {width:28px;margin-right:10px;}
header .hd_in_area .right_area .login_info .in_section .id_name .u_icon img {width:100%;}
header .hd_in_area .right_area .login_info .in_section .id_name .u_name {font-size:14px;font-weight:600;color: #777;line-height:1.3;}
header .hd_in_area .right_area .login_info .in_section .id_name .arr {width:9px;margin-left:8px;}
header .hd_in_area .right_area .login_info .in_section .id_name .arr img {width:100%;}
header .hd_in_area .right_area .login_info .in_section .id_name.on .arr img {transform: rotate(180deg);}


.login_info .in_section .user_option {position:absolute;top: calc(100% + 10px);right: 0px;width:140px;box-sizing:border-box;border: 1px solid #e4e8eb;border-radius: 7px;overflow:hidden;padding: 5px 0;background: #fff;box-shadow: 6px 8px 33px -29px #000000;}
.login_info .in_section .user_option > ul {width: 92%;margin:  0 auto 10px;}
.login_info .in_section .user_option > ul > li {box-sizing:border-box;font-size: 13px;background:#fff;text-align: left;margin: 2px 0 ;}
.login_info .in_section .user_option > ul > li i {padding-right:5px;vertical-align: middle;}
.login_info .in_section .user_option > ul > li:hover {background: #f1f5f7;border-radius: 4px;}
.login_info .in_section .user_option > ul > li a {color: #999;display: block;font-weight: 500;line-height: 1.1;padding: 7px 13px;}
.login_info .in_section .user_option > ul > li a.black_c {color:#222;font-weight:600;}

.login_info .in_section  .user_if_area {width:250px !important;}
.login_info .in_section  .user_if_area .user_l_bx {width: calc(100% - 14px);height: auto;padding: 24px 0px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;margin: 0 auto 6px;
word-break: break-all;background:#F7F7F7;border-radius:3px;}
.login_info .in_section  .user_if_area .user_l_bx .us_in_bx {width: auto;text-align: center;}
.login_info .in_section  .user_if_area .user_l_bx .ui_photo {width:40px;height:40px;border-radius: 40px;background:#fff;overflow: hidden;margin: 0 auto 10px;}
.login_info .in_section  .user_if_area .user_l_bx .ui_photo img {width:100%;height:100%;object-fit: cover;}
.login_info .in_section  .user_if_area .user_l_bx .ui_name {font-size: 14px;font-weight: 600;color:#222;text-align:center;margin: 0 auto 7px;}
.login_info .in_section  .user_if_area .user_l_bx .ui_comp {font-size: 12px;font-weight: 600;color:#00C426;text-align:center;}


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

  header .hd_in_area .menu_area > ul > li .mn_bl > a {padding: 0 10px;}
  header .hd_in_area .menu_area > ul > li .mn_bl > a span {margin: 0 0 0 4px;position: relative;top: -2px;}

}




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

  header .hd_in_area .fp_logo {padding: 0 0px;}
  header .hd_in_area .fp_logo img {width: auto;height: 28px;}
  header .hd_in_area .fp_logo .comp_name {font-size: 23px;font-weight:600;color: #222;line-height:1.3;display: inline-block;vertical-align: bottom;padding: 0 0 0 13px;}
  header .mob_nav {padding: 0 20px ;display: none;}
  header .hd_in_area .menu_area {display:none;}

 
  header .mob_nav {padding: 0 20px;display:  inline-block;position:relative;width: 30px;height: 100%;cursor:pointer;}
  header .mob_nav .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_comm img {width: 45%;}
  header .mob_nav .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_close img {width:32%;}
  header .mob_nav.nv_close .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;}
  header .mob_nav.nv_close .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;}


  header .hd_in_area .right_area {padding: 0 10px;height:100%;justify-content: flex-end;flex: 1 1 auto;align-items: center;display: none;}

}




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

  header {position:fixed;top:0;left:0;width:100%;height: 60px;z-index: 10;background-color: rgba(255, 255, 255, .72);transition-property: background-color;-webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid #EEEEEE;box-sizing: border-box;}
  header .hd_in_area {position:relative;width:100%;height:100%;max-width:1920px;margin: 0 auto;display: flex;align-items: center;z-index: 10;}
  header .hd_in_area .fp_logo {padding: 0 25px;transition: all 0.3s ease-in-out;margin:  0 auto;width: auto;}
  header .hd_in_area .fp_logo img {width: auto;height: 24px;}
  header .hd_in_area .fp_logo .comp_name {font-size: 16px;font-weight:600;color: #222;line-height:1.3;display: inline-block;vertical-align: bottom;padding: 0 0 0 7px;}
  header .mob_nav {padding: 0 20px ;display: none;}

  header .mob_nav {padding: 0;display: flex;position: absolute;top: 0;left: 0;width: 60px;height: 100%;align-items: center;justify-content: center;}

  header .mob_nav .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_comm img {width:45%;}
  header .mob_nav .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_close img {width:32%;}
  header .mob_nav.nv_close .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;}
  header .mob_nav.nv_close .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;}

  header .hd_in_area .menu_area {padding: 0 10px;height:100%;}
  header .hd_in_area .menu_area > ul {width:100%;height:100%;display: flex;flex-wrap: wrap;}
  header .hd_in_area .menu_area > ul > li {position:relative;width: auto;height:100%;margin: 0 2px;}
  header .hd_in_area .menu_area > ul > li .mn_bl {height:100%;font-size:16px;font-weight:600;}
  header .hd_in_area .menu_area > ul > li .mn_bl > a {height:100%;font-size:17px;font-weight:600;color:#000;display: flex;align-items: center;justify-content: center;padding: 0 10px;transition: all 0.3s ease-in-out;}
  header .hd_in_area .menu_area > ul > li .mn_bl > a span {margin: 0 0 0 4px ;}

}




/*mob nav*/

.fp_mob_nav {position: fixed;top:60px;left:-100%;width:100%;height:calc(100% - 60px);overflow: hidden;background:#fff;z-index: 100;transition: all 0.3s ease-in-out;}
.fp_mob_nav.nav_on {left:0}
.fp_mob_nav .m_nav_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.fp_mob_nav .m_nav_section .mem_btn_area {width:100%;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box {position:relative;width:100%;display: flex;padding: 15px;box-sizing: border-box;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect {flex: 0 0 auto;margin: 0 8px 0 0 ;align-self: center;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect .id_name {font-size:14px;font-weight:500;color:#222;line-height:1.3;margin-left: 5px;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect .id_name .u_icon {width:28px;margin-right:7px;display: inline-block;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect .id_name .u_icon img {width:100%;}


.btn_memm {padding: 8px 17px;border-radius:100px;color:#fff;background: #333;border: 1px solid #333;font-size: 13px;font-weight: 500;line-height: 1.1;}
.btn_memm:hover {background:#000;border: 1px solid #000;}
.btn_memm.blue_btn {background:#108BFF;border: 1px solid #108BFF;}
.btn_memm.blue_btn:hover {background:#2B56E1;border: 1px solid #2B56E1;}
.btn_memm.gay_btn {background:#F5F5F5;border: 1px solid #EAEAEA;color:#333;}
.btn_memm.gay_btn:hover {background:#e7e7e7;border: 1px solid #c9c9c9;}


.m_nav_section .menu_section {position:relative;width:100%;display: flex;border-top: 1px solid #EEEEEE;height: calc(100% - 0px);}
.m_nav_section .menu_section .mn_left {position:relative;width: 45%;background: #EEEEEE;}
.m_nav_section .menu_section .mn_left .mn_m_list {width:100%;padding: 10px 0;}
.m_nav_section .menu_section .mn_left .mn_m_list ul {width:100%;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li {width:100%;position:relative;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li.sbmn::after {content:"\d0029";position:absolute;top: 50%;margin-top: -7px;right: 12px;height: 100%;font-size: 13px;color: #797979;font-family: 'diveicon';}

.m_nav_section .menu_section .mn_left .mn_m_list ul li a {display: block;font-size: 15px;font-weight: 600;line-height: 1.1;color:#333;padding: 20px 0 20px 20px;margin: 0;background: #EEEEEE;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li a span {margin-left:2px;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li.nm_on a {background:#fff;color:#222;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li a {display: block;font-size: 17px;font-weight: 600;line-height: 1.1;color:#333;padding: 20px 0 20px 20px;margin: 0;background: #EEEEEE;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li.submn a {font-size: 13px;font-weight: 600;line-height: 1.1;color:#777;padding: 16px  0 16px 20px;}




.m_nav_section .menu_section .mn_right {position:relative;width: 55%;background: #fff;display: flex;}
.m_nav_section .menu_section .mn_right .mns_list {width:100%;display: none;}
.m_nav_section .menu_section .mn_right .mns_list.mns_on {display: flex;}
.m_nav_section .menu_section .mn_right .mns_list .list_area {width:100%;display: flex;align-items: flex-start;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul {width:100%;display: flex;flex-direction: column;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul.lia_up1 {align-items: flex-start;margin-top: 10px;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul.lia_up2 {align-items: flex-start;margin-top: 64px;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul.lia_up3 {align-items: flex-start;margin-top: 122px;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul li {width:100%;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul li a {display: block;font-size: 16px;font-weight: 600;line-height: 1.1;color:#333;padding: 20px 0 20px 25px;margin: 0;background: #fff;}











footer {width:100%;background:#fff;border-top: 1px solid #E7E7E7;}
footer .ft_in_section {width:calc(100% - 60px);max-width:1340px;margin: 0 auto;padding: 35px 0 70px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;}
footer .ft_in_section .left_st {width:50%;}
footer .ft_in_section .left_st .comp_name {font-size: 18px;font-weight:600;color:#202020;line-height:1.3;margin-bottom: 20px;}
footer .ft_in_section .left_st .comp_name .ft_logo {width: 48px;display: inline-block;padding-right: 5px;}
footer .ft_in_section .left_st .comp_name .ft_logo img {width:100%;}
footer .ft_in_section .left_st .comp_name .copyR {width:150px;font-size: 18px;font-weight: 600;color: #525252;line-height: 1.6;}
footer .ft_in_section .left_st .comp_addr {font-size: 12px;font-weight: 400;color:#787878;line-height: 1.6;margin-bottom:20px;}

footer .ft_in_section .right_st {width:50%;display: flex;align-items: center;justify-content: flex-end;}
footer .ft_in_section .right_st .cop_link {font-size: 16px;font-weight:500;color:#999999;line-height:1.3;margin-bottom:0px;margin-right:10px;display: inline-block;}
footer .ft_in_section .right_st .cop_link a {font-size: 13px;font-weight:500;color:#333;line-height:1.3;margin: 0 4px ;}
footer .ft_in_section .right_st .cop_link a:hover {text-decoration: underline;}
footer .ft_in_section .right_st .cop_link span {padding: 0 8px;}
footer .ft_in_section .right_st .ft_site_mk {margin: 0 4px;width: 46px;}
footer .ft_in_section .right_st .ft_site_mk img {width:100%;}


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

  footer {width:100%;background:#fff;}
  footer .ft_in_section {width:calc(100% - 60px);max-width:1340px;margin: 0 auto;padding: 25px 0 40px;display: flex;flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-start;}
  footer .ft_in_section .left_st {width: 100%;padding-top: 0px;}
  footer .ft_in_section .left_st .comp_name {font-size: 18px;font-weight:600;color:#202020;line-height:1.3;margin-bottom: 20px;}
  footer .ft_in_section .left_st .comp_name .ft_logo {width: 50px;display: inline-block;padding-right: 6px;}
  footer .ft_in_section .left_st .comp_name .ft_logo img {width:100%;}
  footer .ft_in_section .left_st .comp_name .copyR {width:150px;font-size: 17px;font-weight: 600;color: #000000;line-height: 1.6;width: calc(100% - 220px);display: inline-block;margin-top: 9px;}
  footer .ft_in_section .left_st .comp_addr {font-size: 11px;font-weight: 400;color:#787878;line-height: 1.6;margin-bottom: 10px;}

  footer .ft_in_section .right_st {width: 100%;display: block;align-items: center;justify-content: flex-end;}
  footer .ft_in_section .right_st .cop_link {font-size: 16px;font-weight:500;color:#999999;line-height:1.3;margin-bottom: 10px;margin-right: 0px;display: inline-block;width: 100%;text-align: left;}
  footer .ft_in_section .right_st .cop_link a {font-size: 12px;font-weight:500;color:#333;line-height:1.3;margin: 0 1px;}
  footer .ft_in_section .right_st .cop_link a:hover {text-decoration: underline;}
  footer .ft_in_section .right_st .cop_link span {padding: 0 8px;}
  footer .ft_in_section .right_st .ft_site_mk {margin: 0 4px;width: 41px;display: inline-block;}
  footer .ft_in_section .right_st .ft_site_mk img {width:100%;}

}













/*button*/

.btn_comm {padding: 14px 32px;border-radius:100px;color:#fff;background: #333;border: 1px solid #333;font-size: 15px;font-weight: 500;line-height: 1;}
.btn_comm.large {padding: 15px 40px;font-size: 17px;}
.btn_comm:hover {background:#000;border: 1px solid #000;}
.btn_comm.blue_btn {background: #7BA2FF;border: 1px solid #7BA2FF;}
.btn_comm.blue_btn:hover {background: #6F8CC8;border: 1px solid #6F8CC8;}
.btn_comm.indigo_btn {background: #326EDC;border: 1px solid #326EDC;}
.btn_comm.indigo_btn:hover {background: #235bc4;border: 1px solid #326EDC;}
.btn_comm.gay_btn {background:#F5F5F5;border: 1px solid #EAEAEA;color:#333;}
.btn_comm.gay_btn:hover {background:#e7e7e7;border: 1px solid #c9c9c9;}


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

  .btn_comm {padding: 17px 26px;border-radius:100px;color:#fff;background: #333;border: 1px solid #333;font-size: 16px;font-weight: 500;line-height: 1.1;}
  .btn_comm.large {padding: 13px 34px;font-size: 17px;}

}


.nanum_square_font {font-family: 'NanumSquare', sans-serif;}








/*content*/

.kn_content {position:relative;width:100%;padding-top:80px;}
.content {position:relative;width:100%;padding-top:80px;}



.main_banner {position:relative;width:100%;max-width: 2400px;margin: 0 auto;overflow: hidden;}
.main_banner .banner_area {position:relative;width:100%;height: 960px;max-width: 2400px;margin: 0 auto;overflow: hidden;background:#ccc;}
.main_banner .banner_area .bn_section {position:relative;width:1200px;height: 100%;margin: 0 auto;z-index: 10;}
.main_banner .banner_area .bn_section .if_area {width:100%;height: 84%;display: flex;align-items: center;z-index: 2;position: relative;}

.main_banner .banner_area .bn_section .if_area .in_text {position: relative;top: -3%;width:100%;padding: 0 40px;box-sizing: border-box;align-self: center;}
.main_banner .banner_area .bn_section .if_area .in_text .in_cont_1 {font-size: 48px;font-weight: 500;color:#fff;line-height:1.3;margin-bottom: 30px;text-align: center;}
.main_banner .banner_area .bn_section .if_area .in_text .in_cont_line {width: 100px;height: 1px;margin: 0 auto 40px;background:#fff;}
.main_banner .banner_area .bn_section .if_area .in_text .in_cont_2 {font-size: 19px;font-weight: 500;color:#fff;line-height:1.3;margin-bottom: 30px;text-align: center;}

.main_banner .banner_area .bn_section .if_area .in_text2 {position: relative;top: -14%;width:100%;padding: 0 40px;box-sizing: border-box;align-self: center;}
.main_banner .banner_area .bn_section .if_area .in_text2 .in_cont_1 {font-size: 48px;font-weight: 600;color: #2d2d35;line-height:1.3;margin-bottom: 30px;text-align: center;}
.main_banner .banner_area .bn_section .if_area .in_text2 .in_cont_line {width: 100px;height: 1px;margin: 0 auto 40px;background: #4e4f5f;}
.main_banner .banner_area .bn_section .if_area .in_text2 .in_cont_2 {font-size: 19px;font-weight: 500;color: #1b1b21;line-height: 1.7;margin-bottom: 30px;text-align: center;}



.main_banner .banner_area .bn_section .if_area .in_btn {font-size:18px;font-weight: 500;color:#fff;line-height: 1.4;margin-bottom: 30px;text-align: center;}

.main_banner .banner_area .bn_section .if_area .in_cont_img_area {width:100%;text-align:center;margin: 60px auto 20px;}
.main_banner .banner_area .bn_section .if_area .in_cont_img_area .ict_img {display: inline-block;width: 230px;margin: 0 20px;}
.main_banner .banner_area .bn_section .if_area .in_cont_img_area .ict_img img {width:100%;}



.main_banner .banner_area .mb_bg_img {position:absolute;top:0;left: 50%;width: 2400px;margin-left: -1200px;height: 100%;}
.main_banner .banner_area .mb_bg_img img {width:100%;height: 100%;object-fit: cover;}

.main_banner .swiper-pagination  {bottom:30px;}
.main_banner .swiper-pagination-bullet {width:60px;height:2px;border-radius: 0;}
.main_banner .swiper-pagination-bullet-active {background:#fff;}
.main_banner .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content:"";}
.main_banner .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:"";}

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

  .kn_content {position:relative;width:100%;padding-top:60px;}
  .content {position:relative;width:100%;padding-top: 60px;}

  .main_banner {position:relative;width:100%;max-width:1920px;margin: 0 auto;overflow: hidden;}
  .main_banner .banner_area {position:relative;width:100%;height: calc(80vh - 60px);max-width:1920px;margin: 0 auto;overflow: hidden;}
  .main_banner .banner_area .bn_section {position:relative;width: 100%;height: 100%;margin: 0 auto;z-index: 1;}
  .main_banner .banner_area .bn_section .if_area {width:100%;height:100%;display: flex;align-items: flex-start;z-index: 2;position: relative;}

  .main_banner .banner_area .bn_section .if_area .in_text {position: relative;top: 12%;width: 100%;padding: 0px 10px;align-self: unset;box-sizing: border-box;}
  .main_banner .banner_area .bn_section .if_area .in_text .in_cont_1 {width:100%;font-size: 26px;margin-bottom: 19px;}
  .main_banner .banner_area .bn_section .if_area .in_text .in_cont_line {width: 50px;height: 1px;margin: 0 auto 18px;background:#fff;}
  .main_banner .banner_area .bn_section .if_area .in_text .in_cont_1 img {width:100%}
  .main_banner .banner_area .bn_section .if_area .in_text .in_cont_2 {font-size: 14px;font-weight: 500;color:#fff;line-height: 1.6;width: 90%;margin: 0 auto 14px;}

  .main_banner .banner_area .bn_section .if_area .in_text2 {position: relative;top: -22%;width:100%;padding: 0 40px;box-sizing: border-box;align-self: center;}
  .main_banner .banner_area .bn_section .if_area .in_text2 .in_cont_1 {font-size: 26px;font-weight: 600;color: #2d2d35;line-height:1.3;margin-bottom: 18px;text-align: center;}
  .main_banner .banner_area .bn_section .if_area .in_text2 .in_cont_line {width: 50px;height: 1px;margin: 0 auto 18px;background: #4e4f5f;}
  .main_banner .banner_area .bn_section .if_area .in_text2 .in_cont_2 {font-size: 14px;font-weight: 500;color: #1b1b21;line-height:1.6;width: 90%;margin: 0 auto 14px;}


  .main_banner .banner_area .mb_bg_img {position:absolute;top:0;left: 0;width: 100%;height:100%;margin: 0;}
  .main_banner .banner_area .mb_bg_img img {width:100%;height: 100%;object-fit: cover;}

  .main_banner .banner_area .bn_section .if_area .in_cont_img_area {width: 84%;text-align:center;margin: 30px auto 20px;}
  .main_banner .banner_area .bn_section .if_area .in_cont_img_area .ict_img {display: inline-block;width: calc(50% - 20px);margin: 0 5px 14px;}
  .main_banner .banner_area .bn_section .if_area .in_cont_img_area .ict_img img {width:100%;}

}












.m_noti_call_sect {position:relative;width:100%;background:linear-gradient(90deg, #545D8D 0%, #545D8D 50%, #2B617B 50%, #2B617B 100%); }
.m_noti_call_sect .ns_in_area {width:100%;max-width:1200px;margin: 0 auto ;display: flex;flex-wrap:wrap;}
.m_noti_call_sect .ns_in_area .nsi_box {width:50%;height: 110px;display: flex;align-items: center;padding: 10px 34px;box-sizing: border-box;}
.m_noti_call_sect .ns_in_area .nsi_box.nb_bgc1 {background:#545D8D;}
.m_noti_call_sect .ns_in_area .nsi_box.nb_bgc2 {background:#2B617B;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_img {width: 31px;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_img img {width: 100%;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_cont {display: flex;flex-wrap:wrap;align-items: center;padding: 0 0 0 25px;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_cont .tit_tt {font-size: 21px;font-weight: 600;color:#fff;line-height:1.3;padding: 0 14px 0 0;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_cont .info_tt {font-size: 17px;font-weight: 500;color:#fff;line-height:1.3;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_cont .info_tt.t_c_yellow {color:#FFD83E;font-size: 20px;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_cont .info_tt a.t_c_yellow {color:#FFD83E;font-size: 23px;}
.m_noti_call_sect .ns_in_area .nsi_box .ic_cont .sub_tt {width:100%;font-size: 13px;font-weight: 500;color:#fff;line-height:1.3;padding: 7px 0 0;}




.m_mid_serv_sect {position:relative;width:100%;background:#F0F0F0;}
.m_mid_serv_sect .m_sv_bt_area {width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;padding: 160px 20px 160px;box-sizing: border-box;justify-content: space-between;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box {overflow: hidden;position:relative;width:30%;height: 540px;border-radius: 10px;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .sv_bg_img {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .sv_bg_img img {width:100%;height:100%;object-fit: cover;transition: all 0.4s ease-out ;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box:hover .sv_bg_img img {transform: scale(1.1);}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .sv_bg_img::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);opacity: 0.6;z-index: 1;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont {position:relative;width:100%;padding: 40px 30px 0;box-sizing: border-box;z-index: 1;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont .sv_tt_1 {font-size: 32px;font-weight: 600;color:#fff;line-height:1.3;margin: 0 0 20px;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont .sv_t_line {width: 60px;height:1px;background:#fff;margin: 0 0 20px;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont .sv_tt_2 {font-size: 16px;font-weight: 500;color:#fff;line-height: 1.5;}
.m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_bt_btn {position:absolute;bottom:0;left:0;width:100%;padding: 30px;box-sizing: border-box;z-index: 1;}

a.m_mmd_btn {display: inline-block;width: 100%;padding: 22px 10px;background:#EBEEFF;text-align:center;font-size: 18px;font-weight: 600;color:#000;line-height: 1;box-sizing: border-box;border-radius: 7px;}
a.m_mmd_btn:hover {background: #cfd7ff;}
a.m_mmd_btn.common_btn {width: auto;padding: 22px 40px;min-width: 240px;}




.m_mid_scrap_sect {width:100%;background:#545D8D;}
.m_mid_scrap_sect .m_scr_list_area {width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;padding: 100px 20px 100px;box-sizing: border-box;justify-content: space-between;}
.m_mid_scrap_sect .m_scr_list_area .scl_box {width:48%;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area {width:100%;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_tit {width:100%;font-size: 22px;font-weight: 500;color: #fff;line-height: 1.5;margin: 0 0 20px 0;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list {width:100%;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul {width:100%;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li {width:100%;margin: 0 0 20px ;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box {width:100%;height: 80px;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap:wrap;align-items: center;background: rgba(0,0,0,0.15);border-radius: 10px;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left {width:calc(100% - 120px);display: flex;flex-wrap:wrap;align-items: center;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_ic {width: 36px;padding: 0 0 0 6px;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_ic img {width: 28px;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_date {font-size: 13px;font-weight: 500;color:#fff;line-height: 1;padding: 0 0 0 20px;width: 88px;box-sizing: border-box;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_carnm {font-size: 17px;font-weight: 500;color:#fff;line-height: 1;padding: 0 0 0 20px;width: calc(100% - 140px);box-sizing: border-box;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_text {font-size: 15px;font-weight: 500;color:#fff;line-height: 1.3;padding: 0 0 0 8px;width: calc(100% - 42px);box-sizing: border-box;}

.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_right {width:120px;text-align:right;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_right .cond_img {width:105px;}
.m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_right .bx_date {font-size: 13px;font-weight: 500;color:#fff;line-height: 1;padding: 0 0 0 20px;}

.m_mid_scrap_sect .m_scr_list_area .scb_btn_area {width:100%;text-align:center;padding: 40px 0 0;}




.m_mid_compinfo_sect {width:100%;background:#F0F0F0;overflow: hidden;}
.m_mid_compinfo_sect .m_cif_area {width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;box-sizing: border-box;}
.m_mid_compinfo_sect .m_cif_area .left_area {position:relative;width:55%;height:850px;display: flex;align-items: center;}
.m_mid_compinfo_sect .m_cif_area .left_area .cif_tt_box {width:100%;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
.m_mid_compinfo_sect .m_cif_area .left_area .cif_tt_box .cf_tt_1 {font-size: 28px;font-weight: 800;color:#000;line-height: 1.5;margin-bottom: 30px;}
.m_mid_compinfo_sect .m_cif_area .left_area .cif_tt_box .cf_tt_2 {font-size: 16px;font-weight: 500;color:#000;line-height: 1.6;}

.m_mid_compinfo_sect .m_cif_area .right_area {position:relative;width:45%;height:850px;display: flex;align-items: center;}
.m_mid_compinfo_sect .m_cif_area .right_area .cifr_bg_img {position: absolute;top:0;left:0;width: 160%;height:100%;background: #000;overflow: hidden;}
.m_mid_compinfo_sect .m_cif_area .right_area .cifr_bg_img img {width:100%;height:100%;object-fit:cover;opacity: 0.7;}

.m_mid_compinfo_sect .m_cif_area .right_area .comp_work {position: relative;width:100%;z-index: 1;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box {position:relative;width:80%;height:220px;margin: 50px auto;padding: 20px 20px;box-sizing: border-box;background: rgba(255,255,255,0.85);border-radius: 10px;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_tit {font-size: 22px;font-weight: 600;color:#000;line-height: 1.6;padding: 0px 0 0 0px;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_num_tm {position:absolute;bottom: 25px;right:20px;font-size: 54px;font-weight: 600;color:#376CD6;line-height: 1.2;letter-spacing: -0.04em;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_num_tm.color_em_green {color:#14AB82;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_num_tm > span {font-size: 17px;color:#000;padding: 0 0 0 3px;font-weight: 600;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_icon_tm {position:absolute;top: 30px;right: 20px;width: 70px;text-align: center;}
.m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_icon_tm img {width:100%;height: 100%;opacity: 0.5;max-width: 60px;max-height: 50px;}




.m_mid_kn_map_sect {width:100%;background:#2B617B;overflow: hidden;padding: 100px 0 100px ;}
.m_mid_kn_map_sect .m_kmap_area {width:100%;max-width:1200px;margin: 0 auto;}
.m_mid_kn_map_sect .m_kmap_area .km_tit {width:100%;text-align:center;font-size: 34px;font-weight: 600;color:#fff;line-height: 1.6;padding: 0px 0 50px 0;}

.m_mid_kn_map_sect .m_kmap_area .km_map_tab {width:calc(100% - 40px);margin: 0 auto 0px ;max-width:880px;}

.m_mid_kn_map_sect .m_kmap_area .km_map_sect {width:100%;}
.m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_map_box {position:relative;width:calc(100% - 40px);margin: 0 auto 40px ;max-width:880px;height:430px;overflow: hidden;}
.m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_map_box .root_daum_roughmap .wrap_map {width:100%;height:100%;overflow: hidden;}
.m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_addr_tt_1 {width:100%;text-align:center;font-size: 15px;font-weight: 500;color:#fff;line-height: 1.4;padding: 0px 0 15px 0;}
.m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_addr_tt_2 {width:100%;text-align:center;font-size: 12px;font-weight: 500;color:#fff;line-height: 1.4;padding: 0px 0 30px 0;}
.m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_call_tt {width:100%;text-align:center;font-size: 18px;font-weight: 600;color:#fff;line-height: 1.6;padding: 0px 0 30px 0;}


.tab_maptt {overflow: hidden;border: 0;width: 100%;display: block;}
.tab_maptt ul {border-radius: 0px;max-width: none;min-width: auto;padding: 0;background: none;}
.tab_maptt ul li {padding: 18px 10px;font-size: 16px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #577e91;letter-spacing: -0.01em;border-radius: 10px 10px 0 0;width: 50%;}
.tab_maptt ul li:last-child {border:0;}
.tab_maptt li:hover {color: #ffffff;background: #4c6e7f;}
.tab_maptt li.current{background: #E3E3E3;color: #0C3D61;border-radius: 0;font-weight: 600;border-radius: 10px 10px 0 0;}




.m_apply_float_sect {position:fixed;top:0;right: 10px;height:100%;z-index: 10;}
.m_apply_float_sect .app_f_box {position: relative;top: 30%;width: 280px;height: auto;box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 17%);background: none;border-radius: 10px;}
.m_apply_float_sect .app_f_box .top_tit_bar {width:100%;height: 50px;background:linear-gradient( to right , #235E91 , #109ACE);display: flex;align-items: center;padding: 10px 0 10px 18px;box-sizing: border-box;border-radius: 10px 10px 0 0;overflow: hidden;}
.m_apply_float_sect .app_f_box .top_tit_bar .ap_icon {width: 18px;padding: 0 8px 0 0;}
.m_apply_float_sect .app_f_box .top_tit_bar .ap_icon img {width:100%;position: relative;top: -1px;}
.m_apply_float_sect .app_f_box .top_tit_bar .ap_tit {font-size: 15px;font-weight: 500;color:#fff;line-height: 1.4;}

.m_apply_float_sect .app_f_box .apl_tab_area {width:100%;}


.tab_appl {overflow: hidden;border: 0;width: 100%;display: block;}
.tab_appl ul {border-radius: 0px;max-width: none;min-width: auto;padding: 0;background: #cccccc;}
.tab_appl ul li {padding: 16px 10px;font-size: 16px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #AEAEAE;letter-spacing: -0.01em;border-radius: 0;width: 50%;}
.tab_appl ul li:last-child {border:0;}
.tab_appl li:hover {color: #ffffff;background: #a1a1a1;}
.tab_appl li.current{background: #E3E3E3;color: #0C3D61;border-radius: 0;font-weight: 600;}


.m_apply_float_sect .app_f_box .apl_tab_area .ap_tab_content {width:100%;padding: 10px 10px;box-sizing: border-box;background: #E3E3E3;border-radius: 0 0 10px 10px;}


.fb_info_apl_box {width:100%;}
.fb_info_apl_box .fi_ap_cols {width:100%;display: flex;flex-wrap: wrap;align-items: center;padding: 2px 0;}
.fb_info_apl_box .fi_ap_cols .l_tit {width: 94px;text-align: right;padding: 0 10px 0 0;box-sizing: border-box;font-size: 13px;font-weight: 500;color:#0C3D61;line-height: 1.4;}
.fb_info_apl_box .fi_ap_cols .l_ip {width: calc(100% - 94px);}
.fb_info_apl_box .fi_ap_cols .l_ip .ap_ip {width:100%;}
.fb_info_apl_box .fi_ap_cols .l_ip textarea.ap_ip {width:100%;margin:0;font-size: 13px;color: #444;line-height: 1.3;height: 61px;padding: 6px 7px;}
.fb_info_apl_box  .fi_ap_agree_area {width:100%;padding: 9px 0 5px;}
.fb_info_apl_box  .fi_ap_agree_area .ap_agr_box {width:100%;height: 70px;border: 1px solid #d6d9e3;background:#fff;box-sizing: border-box;overflow: auto;}
.fb_info_apl_box  .fi_ap_agree_area .ap_agr_box .agr_text {font-size: 12px;font-weight: 500;color: #999;line-height: 1.6;padding: 8px;box-sizing: border-box;}
.fb_info_apl_box  .fi_ap_agree_chk {width:100%;padding: 5px 0 5px;display: flex;align-items: center;}
.fb_info_apl_box  .fi_ap_agree_chk input[type="checkbox"] {top:0;}
.fb_info_apl_box  .fi_ap_agree_chk label {display: inline-block;font-size:13px;font-weight: 500;color: #555;line-height: 1.3;margin: 0;padding: 0 0 0 2px;}
.fb_info_apl_box  .fi_btn_bot {width:100%;padding: 14px 0 0px;}

a.fi_apply_btn {display: inline-block;width: 100%;padding: 22px 10px;background: #4256CB;text-align:center;font-size: 20px;font-weight: 500;color: #fff;line-height: 1;box-sizing: border-box;border-radius: 7px;}
a.fi_apply_btn:hover {background: #3a4baf;}
a.fi_apply_btn.common_btn {width: auto;padding: 22px 40px;min-width: 240px;}







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


  .m_noti_call_sect {position:relative;width:100%;background:linear-gradient(90deg, #545D8D 0%, #545D8D 50%, #2B617B 50%, #2B617B 100%); }
  .m_noti_call_sect .ns_in_area {width:100%;max-width:1200px;margin: 0 auto ;display: flex;flex-wrap:wrap;}
  .m_noti_call_sect .ns_in_area .nsi_box {width: 100%;height: 110px;display: flex;align-items: center;padding: 10px 34px;box-sizing: border-box;}
  .m_noti_call_sect .ns_in_area .nsi_box.nb_bgc1 {background:#545D8D;}
  .m_noti_call_sect .ns_in_area .nsi_box.nb_bgc2 {background:#2B617B;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_img {width: 28px;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_img img {width: 100%;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_cont {display: flex;flex-wrap:wrap;align-items: center;padding: 0 0 0 18px;width: calc(100% - 31px);}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_cont .tit_tt {width: 100%;font-size: 14px;font-weight: 600;color:#fff;line-height:1.3;padding: 0 14px 3px 0;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_cont .info_tt {font-size: 15px;font-weight: 500;color:#fff;line-height:1.3;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_cont .info_tt.t_c_yellow {color:#FFD83E;font-size: 19px;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_cont .info_tt a.t_c_yellow {color:#FFD83E;font-size: 23px;}
  .m_noti_call_sect .ns_in_area .nsi_box .ic_cont .sub_tt {width:100%;font-size: 12px;font-weight: 500;color:#fff;line-height:1.3;padding: 4px 0 0;}
  
  
  
  
  .m_mid_serv_sect {position:relative;width:100%;background:#F0F0F0;}
  .m_mid_serv_sect .m_sv_bt_area {width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;padding: 50px 30px 30px;box-sizing: border-box;justify-content: space-between;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box {position:relative;width: 100%;height: 270px;margin-bottom: 50px;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .sv_bg_img {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .sv_bg_img img {width:100%;height:100%;object-fit: cover;transition: all 0.4s ease-out ;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box:hover .sv_bg_img img {transform: scale(1.1);}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .sv_bg_img::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);opacity: 0.6;z-index: 1;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont {position:relative;width:100%;padding: 30px 20px 0;box-sizing: border-box;z-index: 1;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont .sv_tt_1 {font-size: 22px;font-weight: 600;color:#fff;line-height:1.3;margin: 0 0 10px;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont .sv_t_line {width: 40px;height:1px;background:#fff;margin: 0 0 15px;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_i_cont .sv_tt_2 {font-size: 13px;font-weight: 500;color:#fff;line-height: 1.5;}
  .m_mid_serv_sect .m_sv_bt_area .sv_if_box .svb_bt_btn {position:absolute;bottom:0;left:0;width:100%;padding: 20px;box-sizing: border-box;z-index: 1;}
  
  a.m_mmd_btn {display: inline-block;width: 100%;padding: 22px 10px;background:#EBEEFF;text-align:center;font-size: 18px;font-weight: 600;color:#000;line-height: 1;box-sizing: border-box;}
  a.m_mmd_btn:hover {background: #cfd7ff;}
  a.m_mmd_btn.common_btn {width: auto;padding: 22px 40px;min-width: 240px;}
  
  
  
  
  .m_mid_scrap_sect {width:100%;background:#545D8D;}
  .m_mid_scrap_sect .m_scr_list_area {width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;padding: 40px 20px 60px;box-sizing: border-box;justify-content: space-between;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box {width: 100%;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area {width:100%;margin-bottom: 40px;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_tit {width:100%;font-size: 18px;font-weight: 500;color: #fff;line-height: 1.5;margin: 10px 0 13px 3px;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list {width:100%;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul {width:100%;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li {width:100%;margin: 0 0 14px;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box {width:100%;height: 70px;padding: 0 10px;box-sizing: border-box;display: flex;flex-wrap:wrap;align-items: center;background: rgba(0,0,0,0.15);}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left {width: calc(100% - 70px);display: flex;flex-wrap:wrap;align-items: center;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_ic {width: 25px;padding: 0 0 0 6px;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_ic img {width: 20px;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_date {font-size: 12px;font-weight: 500;color:#fff;line-height: 1;padding: 0 0 0 6px;width: 78px;box-sizing: border-box;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_carnm {font-size: 15px;font-weight: 500;color:#fff;line-height: 1;padding: 0 0 0 5px;width: calc(100% - 130px);box-sizing: border-box;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_left .bx_text {font-size: 13px;font-weight: 500;color:#fff;line-height: 1.3;padding: 0 0 0 8px;width: calc(100% - 35px);box-sizing: border-box;}
  
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_right {width: 70px;text-align:right;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_right .cond_img {width: 64px;}
  .m_mid_scrap_sect .m_scr_list_area .scl_box .sc_in_area .scb_if_list ul li .sif_box .bx_right .bx_date {font-size: 11px;font-weight: 500;color:#fff;line-height: 1;padding: 0 0 0 5px;}
  
  .m_mid_scrap_sect .m_scr_list_area .scb_btn_area {width:100%;text-align:center;padding: 0px 0 0;}
  
  
  
  
  .m_mid_compinfo_sect {width:100%;background:#F0F0F0;overflow: hidden;}
  .m_mid_compinfo_sect .m_cif_area {width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;box-sizing: border-box;}
  .m_mid_compinfo_sect .m_cif_area .left_area {position:relative;width: 100%;height: 310px;display: flex;align-items: center;}
  .m_mid_compinfo_sect .m_cif_area .left_area .cif_tt_box {width:100%;margin: 0 auto;padding: 0 30px;box-sizing: border-box;}
  .m_mid_compinfo_sect .m_cif_area .left_area .cif_tt_box .cf_tt_1 {font-size: 20px;font-weight: 800;color:#000;line-height: 1.4;margin-bottom: 20px;}
  .m_mid_compinfo_sect .m_cif_area .left_area .cif_tt_box .cf_tt_2 {font-size: 13px;font-weight: 500;color:#000;line-height: 1.6;}
  
  .m_mid_compinfo_sect .m_cif_area .right_area {position:relative;width: 100%;height: 520px;display: flex;align-items: center;}
  .m_mid_compinfo_sect .m_cif_area .right_area .cifr_bg_img {position: absolute;top:0;left:0;width: 160%;height:100%;background: #000;overflow: hidden;}
  .m_mid_compinfo_sect .m_cif_area .right_area .cifr_bg_img img {width:100%;height:100%;object-fit:cover;opacity: 0.7;}
  
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work {position: relative;width:100%;z-index: 1;}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box {position:relative;width:80%;height: 150px;margin: 40px auto;padding: 20px 20px;box-sizing: border-box;background: rgba(255,255,255,0.85);}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_tit {font-size: 16px;font-weight: 600;color:#000;line-height: 1.6;padding: 0px 0 0 0px;}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_num_tm {position:absolute;bottom: 25px;right:20px;font-size: 32px;font-weight: 600;color:#376CD6;line-height: 1.2;letter-spacing: -0.04em;}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_num_tm.color_em_green {color:#14AB82;}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_num_tm > span {font-size: 17px;color:#000;padding: 0 0 0 3px;font-weight: 600;}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_icon_tm {position:absolute;top: 20px;right: 20px;width: 40px;text-align: center;}
  .m_mid_compinfo_sect .m_cif_area .right_area .comp_work .c_w_box .wb_icon_tm img {width:100%;height: 100%;opacity: 0.5;max-width: 50px;max-height: 40px;}
  
  
  
  
  .m_mid_kn_map_sect {width:100%;background:#2B617B;overflow: hidden;padding: 50px 0 50px;}
  .m_mid_kn_map_sect .m_kmap_area {width:100%;max-width:1200px;margin: 0 auto;}
  .m_mid_kn_map_sect .m_kmap_area .km_tit {width:100%;text-align:center;font-size: 24px;font-weight: 600;color:#fff;line-height: 1.6;padding: 0px 0 20px 0;}
  
  .m_mid_kn_map_sect .m_kmap_area .km_map_tab {width:calc(100% - 40px);margin: 0 auto 0px ;max-width:880px;}
  
  .m_mid_kn_map_sect .m_kmap_area .km_map_sect {width:100%;}
  .m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_map_box {position:relative;width:calc(100% - 40px);margin: 0 auto 30px;max-width:880px;height: 270px;overflow: hidden;}
  .m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_map_box .root_daum_roughmap .wrap_map {width:100%;height:100%;overflow: hidden;}
  .m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_addr_tt_1 {width: 90%;text-align:center;font-size: 13px;font-weight: 500;color:#fff;line-height: 1.4;padding: 0px 0 15px 0;margin: 0 auto;word-break: keep-all;}
  .m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_addr_tt_2 {width:100%;text-align:center;font-size: 12px;font-weight: 500;color:#fff;line-height: 1.4;padding: 0px 0 30px 0;}
  .m_mid_kn_map_sect .m_kmap_area .km_map_sect .km_call_tt {width:100%;text-align:center;font-size: 16px;font-weight: 600;color:#fff;line-height: 1.6;padding: 0px 0 30px 0;}
  
  
  .tab_maptt {overflow: hidden;border: 0;width: 100%;display: block;}
  .tab_maptt ul {border-radius: 0px;max-width: none;min-width: auto;padding: 0;background: none;}
  .tab_maptt ul li {padding: 18px 10px;font-size: 16px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #577e91;letter-spacing: -0.01em;border-radius: 10px 10px 0 0;width: 50%;}
  .tab_maptt ul li:last-child {border:0;}
  .tab_maptt li:hover {color: #ffffff;background: #4c6e7f;}
  .tab_maptt li.current{background: #E3E3E3;color: #0C3D61;border-radius: 10px 10px 0 0;font-weight: 600;}
  
  
  
  
  .m_apply_float_sect {position: relative;top:0;right: auto;width: 100%;height:100%;z-index: 10;padding: 0px;box-sizing: border-box;background: #ffffff;}
  .m_apply_float_sect .app_f_box {position: relative;top: auto;width: 100%;height: auto;background:#fff;box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 0%);}
  .m_apply_float_sect .app_f_box .top_tit_bar {width:100%;height: 70px;background:linear-gradient( to right , #235E91 , #109ACE);display: flex;align-items: center;padding: 10px 0 10px 18px;box-sizing: border-box;border-radius: 0;}
  .m_apply_float_sect .app_f_box .top_tit_bar .ap_icon {width: 20px;padding: 0 8px 0 0;}
  .m_apply_float_sect .app_f_box .top_tit_bar .ap_icon img {width:100%;position: relative;top: -1px;}
  .m_apply_float_sect .app_f_box .top_tit_bar .ap_tit {font-size: 18px;font-weight: 500;color:#fff;line-height: 1.4;}
  
  .m_apply_float_sect .app_f_box .apl_tab_area {width:100%;}
  
  
  .tab_appl {overflow: hidden;border: 0;width: 100%;display: block;}
  .tab_appl ul {border-radius: 0px;max-width: none;min-width: auto;padding: 0;background: #cccccc;}
  .tab_appl ul li {padding: 16px 10px;font-size: 16px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #AEAEAE;letter-spacing: -0.01em;border-radius: 0;width: 50%;}
  .tab_appl ul li:last-child {border:0;}
  .tab_appl li:hover {color: #ffffff;background: #a1a1a1;}
  .tab_appl li.current{background: #E3E3E3;color: #0C3D61;border-radius: 0;font-weight: 600;}
  
  
  .m_apply_float_sect .app_f_box .apl_tab_area .ap_tab_content {width:100%;padding: 30px 30px 50px;box-sizing: border-box;background: #E3E3E3;border-radius: 0;}
  
  
  .fb_info_apl_box {width:100%;}
  .fb_info_apl_box .fi_ap_cols {width:100%;display: flex;flex-wrap: wrap;align-items: center;padding: 2px 0;}
  .fb_info_apl_box .fi_ap_cols .l_tit {width: 104px;text-align: right;padding: 0 13px 0 0;box-sizing: border-box;font-size: 14px;font-weight: 500;color:#0C3D61;line-height: 1.3;}
  .fb_info_apl_box .fi_ap_cols .l_ip {width: calc(100% - 104px);}
  .fb_info_apl_box .fi_ap_cols .l_ip .ap_ip {width:100%;}
  .fb_info_apl_box .fi_ap_cols .l_ip textarea.ap_ip {width:100%;margin:0;font-size: 13px;color: #444;line-height: 1.3;height: 61px;padding: 6px 7px;}
  .fb_info_apl_box  .fi_ap_agree_area {width:100%;padding: 9px 0 5px;}
  .fb_info_apl_box  .fi_ap_agree_area .ap_agr_box {width:100%;height: 70px;border: 1px solid #d6d9e3;background:#fff;box-sizing: border-box;overflow: auto;}
  .fb_info_apl_box  .fi_ap_agree_area .ap_agr_box .agr_text {font-size: 12px;font-weight: 500;color: #999;line-height: 1.6;padding: 8px;box-sizing: border-box;}
  .fb_info_apl_box  .fi_ap_agree_chk {width:100%;padding: 5px 0 5px;display: flex;align-items: center;}
  .fb_info_apl_box  .fi_ap_agree_chk input[type="checkbox"] {top:0;}
  .fb_info_apl_box  .fi_ap_agree_chk label {display: inline-block;font-size:13px;font-weight: 500;color: #555;line-height: 1.3;margin: 0;padding: 0 0 0 2px;}
  .fb_info_apl_box  .fi_btn_bot {width:100%;padding: 14px 0 0px;}
  
  a.fi_apply_btn {display: inline-block;width: 100%;padding: 22px 10px;background: #4256CB;text-align:center;font-size: 20px;font-weight: 500;color: #fff;line-height: 1;box-sizing: border-box;}
  a.fi_apply_btn:hover {background: #3a4baf;}
  a.fi_apply_btn.common_btn {width: auto;padding: 22px 40px;min-width: 240px;}
  


}






/*sub banner*/

.sub_p_top_banner {position:relative;width:100%;height:260px;background:#f5f5f5;overflow: hidden;}
.sub_p_top_banner .sp_bg_img {position:absolute;top:0;left:50%;width:2400px;height:100%;margin-left:-1200px;overflow: hidden;}
.sub_p_top_banner .sp_bg_img img {width:100%;height:100%;object-fit: cover;}
.sub_p_top_banner .sp_tb_tt {position:relative;width:100%;height: 100%;max-width:1200px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;align-items: center;}
.sub_p_top_banner .sp_tb_tt .sb_tit {font-size: 38px;font-weight: 500;color: #fff;line-height: 1.3;}


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

  .sub_p_top_banner {position:relative;width:100%;height: 110px;background:#f5f5f5;overflow: hidden;}
  .sub_p_top_banner .sp_bg_img {position:absolute;top:0;left: 0;width: 100%;height:100%;margin-left: 0;overflow: hidden;}
  .sub_p_top_banner .sp_bg_img img {width:100%;height:100%;object-fit: cover;}
  .sub_p_top_banner .sp_tb_tt {position:relative;width:100%;height: 100%;max-width:1200px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;align-items: center;}
  .sub_p_top_banner .sp_tb_tt .sb_tit {font-size: 22px;font-weight: 500;color: #fff;line-height: 1.3;}


}








.sub_page_content {width:100%;}



/*sub page 1*/

.sb_page_Scinfo {width:100%;max-width:1200px;margin: 0 auto;box-sizing: border-box;padding: 50px 20px 100px;}
.sb_page_Scinfo .sbp_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.sb_page_Scinfo .Scinfo_flow_1 {width:100%;padding: 0 0 100px ;}
.sb_page_Scinfo .Scinfo_flow_1 ul {width:100%;display: flex;flex-wrap: wrap;}
.sb_page_Scinfo .Scinfo_flow_1 ul li {position:relative;width:16.66%;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area {position:relative;width:80%;padding: 0 10%;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box {position:relative; width:100%;padding-bottom: 100%;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:#6173C6;display: flex;align-items: center;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info {width:100%;text-align: center;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info .i_img {display: inline-block;width: 100%;min-height: 40px;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info .i_img img {width: 100%;height: 100%;max-width: 54px;max-height: 40px;}
.sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info .i_tt {width:90%;margin: 0 auto;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.3;padding: 15px 0 0;}

.sb_page_Scinfo .Scinfo_flow_1 ul li::after {content: "";position:absolute;top:0;right: -10%;width: 20%;height:100%;opacity: 0.5;
background-repeat: no-repeat;background-position: 50% 50%;background-size: 13px;background-image: url(../../images/icon_gopage.svg);}
.sb_page_Scinfo .Scinfo_flow_1 ul li:last-child::after {background: none;}



.sb_page_Scinfo .Scinfo_flow_2 {width:100%;padding: 0 0 30px;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box {width:100%;display: flex;flex-wrap: wrap;margin-bottom: 60px;border-radius: 10px;overflow: hidden;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box {position:relative;width:330px;height:220px;background:#6173C6;padding: 35px 40px;box-sizing: border-box;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box.gr_color {background:#5E8FA8;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box .fl2_tit {font-size: 25px;font-weight: 500;color: #fff;line-height: 1.3;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box .fl2_l_icon {position:absolute;bottom: 30px;right: 30px;width: 30%;text-align: right;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box .fl2_l_icon img {width: 100%;height: 100%;max-width: 70px;max-height: 70px;display: inline-block;opacity: 0.3;}


.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .right_box {width:calc(100% - 330px);background:#F0F0F0;padding: 10px 40px;box-sizing: border-box;display: flex;align-items: center;}
.sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .right_box .fl2_if_tt {font-size: 14px;font-weight: 500;color: #333;line-height: 1.6;}

.sb_p_btn_area {width:100%;padding: 30px 0 100px;text-align:center;}

a.sc_common_btn {display: inline-block;width:auto;padding: 22px 40px;background: #4256CB;text-align:center;font-size: 20px;font-weight: 600;color: #fff;line-height: 1;box-sizing: border-box;border-radius: 7px;min-width: 240px;}
a.sc_common_btn:hover {background: #3a4baf;}
a.sc_common_btn.common_btn {width: auto;padding: 22px 40px;min-width: 240px;}


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

  .sb_page_Scinfo {width:100%;max-width:1200px;margin: 0 auto;box-sizing: border-box;padding: 50px 20px 100px;}
  .sb_page_Scinfo .sbp_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 0px 3px 20px;}
  
  .sb_page_Scinfo .Scinfo_flow_1 {width:100%;padding: 0 0 50px;}
  .sb_page_Scinfo .Scinfo_flow_1 ul {width: 100%;display: flex;flex-wrap: wrap;margin:  0 auto;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li {position:relative;width: 50%;margin: 0 0 15px;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area {position:relative;width: 76%;padding: 0;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box {position:relative;width:100%;padding-bottom: 77%;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox {position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 10px;background:#6173C6;display: flex;align-items: center;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info {width:100%;text-align: center;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info .i_img {display: inline-block;width: 100%;min-height: 30px;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info .i_img img {width: 100%;height: 100%;max-width: 44px;max-height: 30px;}
  .sb_page_Scinfo .Scinfo_flow_1 ul li .fl1_if_area .f_if_box .inbox .i_info .i_tt {width:90%;margin: 0 auto;font-size: 13px;font-weight: 500;color: #fff;line-height: 1.3;padding: 7px 0 0;}
  
  .sb_page_Scinfo .Scinfo_flow_1 ul li::after {content: "";position:absolute;top:0;right: 0%;width: 26%;height:100%;opacity: 0.5;
  background-repeat: no-repeat;background-position: 50% 50%;background-size: 11px;background-image: url(../../images/icon_gopage.svg);}
  .sb_page_Scinfo .Scinfo_flow_1 ul li:last-child::after {background: none;}
  
  
  
  .sb_page_Scinfo .Scinfo_flow_2 {width:100%;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box {width:100%;display: flex;flex-wrap: wrap;margin-bottom: 50px;border-radius: 10px;overflow: hidden;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box {position:relative;width: 100%;height: 60px;background:#6173C6;padding: 15px 20px;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-end;flex-direction: row-reverse;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box.gr_color {background:#5E8FA8;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box .fl2_tit {font-size: 17px;font-weight: 500;color: #fff;line-height: 1.3;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box .fl2_l_icon {position: relative;bottom: 0;right: 0;width: 26px;text-align: right;padding-right: 8px;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .left_box .fl2_l_icon img {width: 100%;height: 100%;max-width: 26px;max-height: 21px;display: inline-block;opacity: 0.6;}
  
  
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .right_box {width: 100%;background:#F0F0F0;padding: 20px 22px 30px;box-sizing: border-box;display: flex;align-items: center;}
  .sb_page_Scinfo .Scinfo_flow_2 .sc_fl_box .right_box .fl2_if_tt {font-size: 13px;font-weight: 500;color: #333;line-height: 1.6;}
  
  .sb_p_btn_area {width:100%;padding: 10px 0 30px;text-align:center;}
  
  a.sc_common_btn {display: inline-block;width:auto;padding: 20px 30px;background: #4256CB;text-align:center;font-size: 17px;font-weight: 600;color: #fff;line-height: 1;box-sizing: border-box;border-radius: 7px;min-width: 200px;}
  a.sc_common_btn:hover {background: #3a4baf;}
  a.sc_common_btn.common_btn {width: auto;padding: 22px 40px;min-width: 240px;}
  


}








/*sub page 2*/

.sb_page_Sctype {width:100%;max-width:1200px;margin: 0 auto;box-sizing: border-box;padding: 50px 20px 100px;}
.sb_page_Sctype .sbp_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}
.sb_page_Sctype .sbp_tit_sub {font-size: 20px;font-weight: 600;color: #333;line-height: 1.3;padding: 10px 0 24px;}

.sb_page_Sctype .Sctype_flow {width:100%;padding: 0 0 100px ;}
.sb_page_Sctype .Sctype_flow ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sb_page_Sctype .Sctype_flow ul li {width:calc(33.33% - 15px);}
.sb_page_Sctype .Sctype_flow.list2cols ul li {width:calc(50% - 15px);}
.sb_page_Sctype .Sctype_flow ul li .scty_box {width:100%;height: 100%;border-radius: 10px;overflow: hidden;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area {display: flex;flex-wrap: wrap;width:100%;height: 170px;align-items: center;background:#6173C6;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area.egreen_color {background:#5E8FA8;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area {width:100%;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area .stb_icon {width:100%;text-align:center;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area .stb_icon .iconimg {max-height:40px;width:auto;height: 100%;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area .stb_tit {width:100%;padding: 14px 0 0 0;font-size: 22px;font-weight: 500;color: #fff;line-height: 1.3;text-align: center;}

.sb_page_Sctype .Sctype_flow ul li .scty_box .st_mid_bx_area {width:100%;height: calc(100% - 170px);min-height: 200px;padding: 30px 30px;box-sizing: border-box;background:#F0F0F0;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_mid_bx_area .stb_if_text {width:100%;font-size: 14px;font-weight: 500;color: #333;line-height: 1.6;}
.sb_page_Sctype .Sctype_flow ul li .scty_box .st_mid_bx_area .stb_if_text .ss_tt {font-size: 13px;font-weight: 500;color: #777;line-height: 1.6;}



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

  .sb_page_Sctype {width:100%;max-width:1200px;margin: 0 auto;box-sizing: border-box;padding: 50px 20px 100px;}
  .sb_page_Sctype .sbp_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 0px 3px 14px;}
  .sb_page_Sctype .sbp_tit_sub {font-size: 16px;font-weight: 600;color: #333;line-height: 1.3;padding: 10px 3px 24px;}

  .sb_page_Sctype .Sctype_flow {width:100%;padding: 0 0 20px;}
  .sb_page_Sctype .Sctype_flow ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
  .sb_page_Sctype .Sctype_flow ul li {width: 100%;margin-bottom: 40px;}
  .sb_page_Sctype .Sctype_flow.list2cols ul li {width: 100%;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box {width:100%;height: 100%;border-radius: 10px;overflow: hidden;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area {display: flex;flex-wrap: wrap;width:100%;height: 60px;align-items: center;background:#6173C6;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area.egreen_color {background:#5E8FA8;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area {width:100%;display: flex;align-items: center;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area .stb_icon {width: auto;text-align:center;padding: 0 0 0 20px;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area .stb_icon .iconimg {max-height: 22px;width:auto;height: 100%;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_top_bx_area .stb_in_area .stb_tit {width: auto;padding: 0px 0 0 10px;font-size: 17px;font-weight: 500;color: #fff;line-height: 1.3;text-align: center;}

  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_mid_bx_area {width:100%;height: auto;min-height: auto;padding: 20px 20px 30px;box-sizing: border-box;background:#F0F0F0;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_mid_bx_area .stb_if_text {width:100%;font-size: 13px;font-weight: 500;color: #333;line-height: 1.6;}
  .sb_page_Sctype .Sctype_flow ul li .scty_box .st_mid_bx_area .stb_if_text .ss_tt {font-size: 13px;font-weight: 500;color: #777;line-height: 1.6;}


}





/*sub page 3*/

.sb_page_usPart {width:100%;margin: 0 auto;box-sizing: border-box;padding: 50px 0px 100px;}
.sb_page_usPart .sbp_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.sb_page_usPart .uspt_info_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 100px;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sb_page_usPart .uspt_info_section .ui_sect_left {width:calc(50% - 15px);}
.sb_page_usPart .uspt_info_section .ui_sect_left .uist_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 15px;}
.sb_page_usPart .uspt_info_section .ui_sect_left .uist_tt {width: 70%;font-size: 14px;font-weight: 500;color: #555;line-height: 1.6;padding: 0px 0 30px;}
.sb_page_usPart .uspt_info_section .ui_sect_left .uist_btn {width:100%;text-align:left;margin-bottom: 80px;}
.sb_page_usPart .uspt_info_section .ui_sect_left .uist_image {width:100%;height:auto;margin-bottom:30px;overflow: hidden;border-radius: 10px;}
.sb_page_usPart .uspt_info_section .ui_sect_left .uist_image img {width:100%;transition: all 0.4s ease-out;}
.sb_page_usPart .uspt_info_section .ui_sect_left .uist_image:hover img {transform: scale(1.1);}

.sb_page_usPart .uspt_info_section .ui_sect_right {width:calc(50% - 15px);display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.sb_page_usPart .uspt_info_section .ui_sect_right .uist_image {width:100%;height:auto;margin-bottom:30px;overflow: hidden;border-radius: 10px;}
.sb_page_usPart .uspt_info_section .ui_sect_right .uist_image img {width:100%;transition: all 0.4s ease-out;}
.sb_page_usPart .uspt_info_section .ui_sect_right .uist_image:hover img {transform: scale(1.1);}



.sb_page_usPart .uspt_vsimg_section {position:relative; width:100%;height:580px;background:#f5f5f5;}
.sb_page_usPart .uspt_vsimg_section .vsimg_area {width:100%;max-width:2400px;margin: 0 auto;height: 100%;overflow: hidden;}
.sb_page_usPart .uspt_vsimg_section .vsimg_area img {width:100%;height:100%;object-fit: cover;opacity: 1;}
.sb_page_usPart .uspt_vsimg_section .vsimg_tit {position:absolute;top:0;left:0;width:100%;height:100%;}
.sb_page_usPart .uspt_vsimg_section .vsimg_tit .tit_area {width:100%;height: 100%;max-width:1200px;margin: 0 auto;display: flex;align-items: center;}
.sb_page_usPart .uspt_vsimg_section .vsimg_tit .tit_area .t_tt {width:100%;text-align:center;font-size: 34px;font-weight: 500;color: #fff;line-height: 1.4;}


.sb_page_usPart .uspt_flow_section {width:100%;max-width:1200px;margin: 0 auto;padding: 50px 20px 20px;box-sizing: border-box;}
.sb_page_usPart .uspt_flow_section .uifl_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 15px;}
.sb_page_usPart .uspt_flow_section .uifl_tt {width: 50%;font-size: 14px;font-weight: 500;color: #555;line-height: 1.6;padding: 0px 0 30px;}

.sb_page_usPart .uspt_flow_section .up_flow_area {width:100%;padding: 20px 0 0px;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul {width:100%;display: flex;flex-wrap:wrap;justify-content:space-between;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li {width:calc(50% - 15px);margin-bottom: 80px;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box {width:100%;display: flex;flex-wrap:wrap;border-radius: 10px;overflow: hidden;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left {width: 46%;height:350px;background: #717ba7;padding: 30px 30px;box-sizing: border-box;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left .text_area {width:100%;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left .text_area .uf_tit {width:100%;font-size: 24px;font-weight: 600;color: #fff;line-height: 1.3;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left .text_area .uf_s_tt {width:100%;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.4;padding: 10px 0 0 0;}

.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_right {position:relative;width: 54%;background:#f5f5f5;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_right .uf_img_box {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_right .uf_img_box img {width:100%;height:100%;object-fit: cover;}




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

  .sb_page_usPart {width:100%;margin: 0 auto;box-sizing: border-box;padding: 50px 0px 100px;}
  .sb_page_usPart .sbp_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

  .sb_page_usPart .uspt_info_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 50px;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;}
  .sb_page_usPart .uspt_info_section .ui_sect_left {width: 100%;}
  .sb_page_usPart .uspt_info_section .ui_sect_left .uist_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 0px 0 15px;}
  .sb_page_usPart .uspt_info_section .ui_sect_left .uist_tt {width: 100%;font-size: 13px;font-weight: 500;color: #555;line-height: 1.6;padding: 0px 0 20px;}
  .sb_page_usPart .uspt_info_section .ui_sect_left .uist_btn {width:100%;text-align:left;margin-bottom: 50px;}
  .sb_page_usPart .uspt_info_section .ui_sect_left .uist_image {width:100%;height: 250px;margin-bottom:30px;overflow: hidden;border-radius: 10px;}
  .sb_page_usPart .uspt_info_section .ui_sect_left .uist_image img {width:100%;height: 100%;object-fit: cover;transition: all 0.4s ease-out;}
  .sb_page_usPart .uspt_info_section .ui_sect_left .uist_image:hover img {transform: scale(1.1);}

  .sb_page_usPart .uspt_info_section .ui_sect_right {width: 100%;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
  .sb_page_usPart .uspt_info_section .ui_sect_right .uist_image {width:100%;height: 250px;margin-bottom:30px;overflow: hidden;border-radius: 10px;}
  .sb_page_usPart .uspt_info_section .ui_sect_right .uist_image img {width:100%;height: 100%;transition: all 0.4s ease-out;object-fit: cover;}
  .sb_page_usPart .uspt_info_section .ui_sect_right .uist_image:hover img {transform: scale(1.1);}



  .sb_page_usPart .uspt_vsimg_section {position:relative;width:100%;height: 180px;background:#f5f5f5;}
  .sb_page_usPart .uspt_vsimg_section .vsimg_area {width:100%;max-width:2400px;margin: 0 auto;height: 100%;overflow: hidden;}
  .sb_page_usPart .uspt_vsimg_section .vsimg_area img {width:100%;height:100%;object-fit: cover;opacity: 1;}
  .sb_page_usPart .uspt_vsimg_section .vsimg_tit {position:absolute;top:0;left:0;width:100%;height:100%;}
  .sb_page_usPart .uspt_vsimg_section .vsimg_tit .tit_area {width:100%;height: 100%;max-width:1200px;margin: 0 auto;display: flex;align-items: center;}
  .sb_page_usPart .uspt_vsimg_section .vsimg_tit .tit_area .t_tt {width:100%;text-align:center;font-size: 16px;font-weight: 500;color: #fff;line-height: 1.4;}


  .sb_page_usPart .uspt_flow_section {width:100%;max-width:1200px;margin: 0 auto;padding: 30px 20px 20px;box-sizing: border-box;}
  .sb_page_usPart .uspt_flow_section .uifl_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 15px;}
  .sb_page_usPart .uspt_flow_section .uifl_tt {width: 100%;font-size: 13px;font-weight: 500;color: #555;line-height: 1.6;padding: 0px 0 30px;}

  .sb_page_usPart .uspt_flow_section .up_flow_area {width:100%;padding: 10px 0 0px;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul {width:100%;display: flex;flex-wrap:wrap;justify-content:space-between;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li {width: 100%;margin-bottom: 40px;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box {width:100%;height: auto;display: flex;flex-wrap:wrap;border-radius: 10px;overflow: hidden;flex-direction: column;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left {width: 100%;height: auto;background: #717ba7;padding: 17px 20px;box-sizing: border-box;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left .text_area {width:100%;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left .text_area .uf_tit {width:100%;font-size: 17px;font-weight: 600;color: #fff;line-height: 1.3;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_left .text_area .uf_s_tt {width:100%;font-size: 13px;font-weight: 500;color: #fff;line-height: 1.4;padding: 6px 0 0 0;}

  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_right {position:relative;width: 100%;height: 190px;background:#f5f5f5;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_right .uf_img_box {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .sb_page_usPart .uspt_flow_section .up_flow_area ul li .upf_box .uf_bx_right .uf_img_box img {width:100%;height:100%;object-fit: cover;}



}












/*sub page 4*/

.sb_page_notinfo {width:100%;margin: 0 auto;box-sizing: border-box;padding: 50px 0px 100px;}
.sb_page_notinfo .ni_noti_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 100px;box-sizing: border-box;}
.sb_page_notinfo .ni_noti_section .nnt_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.sb_page_notinfo .ni_noti_section .noti_list {width:100%;}
.sb_page_notinfo .ni_noti_section .noti_list ul {width:100%;}
.sb_page_notinfo .ni_noti_section .noti_list ul li {width:100%;margin-bottom: 20px;}
.sb_page_notinfo .ni_noti_section .noti_list ul li a {width:100%;}


.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box {width:100%;display: flex;flex-wrap: wrap;border-radius: 10px;overflow: hidden;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .f_icon {width:76px;min-height:76px;background:#6173C6;display: flex;align-items: center;text-align: center;justify-content: center;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .f_icon img {width: 22px;display: inline-block;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text {width:calc(100% - 76px);background: #F0F0F0;display: flex;flex-wrap: wrap;align-items: center;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_tit {width: calc(100% - 130px);text-align:left;font-size: 15px;font-weight: 500;color: #000;line-height: 1.3;padding: 10px 20px;box-sizing: border-box;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_tit a {color: #000;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_tit a:hover {text-decoration: underline;}
.sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_date {width: 130px;text-align:right;font-size: 12px;font-weight: 500;color: #666;line-height: 1.3;padding: 10px 20px 10px 0;box-sizing: border-box;}


.sb_page_notinfo .ni_scinfo_section {width:100%;background:#F2F2F2;padding: 60px 0 60px;}
.sb_page_notinfo .ni_scinfo_section .sc_if_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 60px;box-sizing: border-box;}
.sb_page_notinfo .ni_scinfo_section .sc_if_section .nnt_tit {font-size: 23px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 24px;}



.ni_scinfo_section .sclist_if_list {width:100%;}
.ni_scinfo_section .sclist_if_list ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ni_scinfo_section .sclist_if_list ul li {width: calc(50% - 15px);margin: 0 0 24px;}
.ni_scinfo_section .sclist_if_list ul li .sif_box {width:100%;min-height: 80px;height: auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap:wrap;align-items: center;background: #E3E3E3;border-radius: 10px;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left {width:calc(100% - 120px);display: flex;flex-wrap:wrap;align-items: center;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_ic {width: 36px;padding: 0 0 0 6px;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_ic img {width: 28px;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_date {font-size: 13px;font-weight: 500;color: #444;line-height: 1;padding: 0 0 0 20px;width: 88px;box-sizing: border-box;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_carnm {font-size: 17px;font-weight: 500;color: #444;line-height: 1;padding: 0 0 0 20px;width: calc(100% - 140px);box-sizing: border-box;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_text {font-size: 15px;font-weight: 500;color: #444;line-height: 1.3;padding: 0 0 0 8px;width: calc(100% - 42px);box-sizing: border-box;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_right {width:120px;text-align:right;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_right .cond_img {width:105px;}
.ni_scinfo_section .sclist_if_list ul li .sif_box .bx_right .bx_date {font-size: 13px;font-weight: 500;color: #444;line-height: 1;padding: 0 0 0 20px;}



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

  .sb_page_notinfo {width:100%;margin: 0 auto;box-sizing: border-box;padding: 10px 0px 70px;}
  .sb_page_notinfo .ni_noti_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 50px;box-sizing: border-box;}
  .sb_page_notinfo .ni_noti_section .nnt_tit {font-size: 19px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 17px;}

  .sb_page_notinfo .ni_noti_section .noti_list {width:100%;}
  .sb_page_notinfo .ni_noti_section .noti_list ul {width:100%;}
  .sb_page_notinfo .ni_noti_section .noti_list ul li {width:100%;margin-bottom: 14px;}
  .sb_page_notinfo .ni_noti_section .noti_list ul li a {width:100%;}


  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box {width:100%;display: flex;flex-wrap: wrap;border-radius: 10px;overflow: hidden;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .f_icon {width: 50px;min-height: 70px;background:#6173C6;display: flex;align-items: center;text-align: center;justify-content: center;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .f_icon img {width: 16px;display: inline-block;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text {width: calc(100% - 50px);background: #F0F0F0;display: flex;flex-wrap: wrap;align-items: center;padding: 8px 0;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_tit {width: 100%;text-align:left;font-size: 13px;font-weight: 500;color: #000;line-height: 1.3;padding: 10px 20px 6px;box-sizing: border-box;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_tit a {color: #000;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_tit a:hover {text-decoration: underline;}
  .sb_page_notinfo .ni_noti_section .noti_list .nt_if_box .n_text .nt_date {width: 100%;text-align: left;font-size: 11px;font-weight: 500;color: #666;line-height: 1.3;padding: 0px 20px 10px 20px;box-sizing: border-box;}


  .sb_page_notinfo .ni_scinfo_section {width:100%;background:#F2F2F2;padding: 40px 0 20px;}
  .sb_page_notinfo .ni_scinfo_section .sc_if_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 30px;box-sizing: border-box;}
  .sb_page_notinfo .ni_scinfo_section .sc_if_section .nnt_tit {font-size: 17px;font-weight: 600;color: #000;line-height: 1.3;padding: 10px 0 20px;}



  .ni_scinfo_section .sclist_if_list {width:100%;}
  .ni_scinfo_section .sclist_if_list ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
  .ni_scinfo_section .sclist_if_list ul li {width: 100%;margin: 0 0 14px;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box {width:100%;height: auto;min-height: 50px;padding: 20px 10px;box-sizing: border-box;display: flex;flex-wrap:wrap;align-items: center;background: #E3E3E3;border-radius: 10px;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left {width: calc(100% - 70px);display: flex;flex-wrap:wrap;align-items: center;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_ic {width: 20px;padding: 0 2px 0 2px;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_ic img {width: 20px;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_date {font-size: 12px;font-weight: 500;color: #444;line-height: 1;padding: 0 0 0 7px;width: 80px;box-sizing: border-box;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_carnm {font-size: 14px;font-weight: 500;color: #444;line-height: 1;padding: 0 0 0 5px;width: calc(100% - 108px);box-sizing: border-box;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_left .bx_text {font-size: 13px;font-weight: 500;color: #444;line-height: 1.3;padding: 0 0 0 8px;width: calc(100% - 42px);box-sizing: border-box;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_right {width: 70px;text-align:right;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_right .cond_img {width: 65px;}
  .ni_scinfo_section .sclist_if_list ul li .sif_box .bx_right .bx_date {font-size: 12px;font-weight: 500;color: #444;line-height: 1;padding: 0 0 0 0px;}

}











/*sub page 5*/

.sb_page_company {width:100%;margin: 0 auto;box-sizing: border-box;padding: 50px 0px 100px;}

.comp_greet_sect {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 140px;box-sizing: border-box;}
.comp_greet_sect .ccp_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.comp_greet_sect .cp_grt_box {position:relative;width:100%;min-height: 1150px;background:#D5E4F6;padding: 60px 60px;box-sizing: border-box;overflow: hidden;}
.comp_greet_sect .cp_grt_box .grt_bg_img {position:absolute;bottom:0;left:0;width:100%;}
.comp_greet_sect .cp_grt_box .grt_bg_img img {width:100%;}


.comp_greet_sect .cp_grt_box .info_text_layer {position:relative;width:100%;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_tit {width:100%;font-size: 29px;font-weight: 800;color: #000;line-height: 1.3;padding: 40px 0 30px;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box {width:100%;display: flex;flex-wrap: wrap;padding: 20px 0 50px ;justify-content: space-between;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_left {width: 43%;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_left .gr_l_img {width:100%;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_left .gr_l_img img {width:100%;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right {width: 53%;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right .grt_text_area {width:100%;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right .grt_text_area .gr_text {font-size: 15px;font-weight: 500;color: #000;line-height: 1.8;padding: 0px 0 30px;}
.comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right .grt_text_area .gr_text .comp_sign {font-size: 21px;font-weight: 600;color: #000;line-height: 1.8;padding: 30px 0 0;}




.comp_vision_sect {position:relative; width:100%;background: #f5f5f5;}
.comp_vision_sect .cp_vis_area {position:relative;width:100%;max-width:2400px;margin: 0 auto;}
.comp_vision_sect .cp_vis_area .vis_bg_img {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.comp_vision_sect .cp_vis_area .vis_bg_img img {width:100%;height:100%;object-fit: cover;opacity: 1;}

.comp_vision_sect .cp_vis_area .vis_info_tt_area {position:relative;width:100%;min-height:500px;max-width:1000px;margin: 0 auto ;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_tit {width:100%;text-align:center;font-size: 41px;font-weight: 600;color: #fff;line-height: 1.8;padding: 100px 0 40px;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list {width:100%;margin: 0 auto;padding: 0px 20px 130px;box-sizing: border-box;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box {width:100%;display: flex;flex-wrap: wrap;
background-color: rgba(255, 255, 255, 0.16);
transition-property: background-color;
-webkit-backdrop-filter: saturate(180%) blur(3px);
backdrop-filter: saturate(100%) blur(6px);
margin-bottom: 30px;
border-radius: 10px;
}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_icon {width: 150px;display: flex;align-items: center;justify-content: center;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_icon .vs_img {width: 60px;}

.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text {width: calc(100% - 150px);min-height: 185px;display: flex;align-items: center;padding: 20px 20px 20px 0;box-sizing: border-box;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text .text_area {width:100%;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text .text_area .ft_tit {font-size: 23px;font-weight: 600;color: #fff;line-height: 1.6;padding: 0 0 10px;}
.comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text .text_area .ft_tt {font-size: 15px;font-weight: 500;color: #fff;line-height: 1.8;}




.comp_history_sect {width:100%;max-width:1200px;margin: 0 auto;padding: 120px 20px 140px;box-sizing: border-box;}
.comp_history_sect .ccp_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.comp_history_sect .hist_info_area {width:100%;display: flex;flex-wrap: wrap;}
.comp_history_sect .hist_info_area .left_area {width:50%;}
.comp_history_sect .hist_info_area .right_area {width:50%;padding: 200px 0 0;}

.comp_history_sect .hist_info_area .his_detail_box {position:relative;width:100%;padding: 0 0 0 10px;box-sizing: border-box;}
.comp_history_sect .hist_info_area .his_detail_box::after {content:"";position: absolute;bottom:0;left: 9px;width:2px;height:100%;background: #dfdfdf;}
.comp_history_sect .hist_info_area .his_detail_box.first_box::after {content:"";position: absolute;bottom:0;left: 9px;width:2px;height: calc(100% - 37px);}
.comp_history_sect .hist_info_area .his_detail_box.last_box::after {content:"";position: absolute;bottom: auto;top: 0;left: 9px;width:2px;height: 39px;}

.comp_history_sect .hist_info_area .his_detail_box .hd_b_text {position:relative;width:100%;padding: 20px 0 20px 60px;box-sizing: border-box;}
.comp_history_sect .hist_info_area .his_detail_box .hd_b_text::before {content:"";position:absolute;top: 37px;left:0;width:50px;height: 2px;background: #dfdfdf;}
.comp_history_sect .hist_info_area .his_detail_box .hd_b_text::after {content:"";position:absolute;top: 29px;left: -9px;width: 12px;height: 12px;background:#fff;border-radius: 100%;border: 3px solid #2F8BF3;z-index: 1;}
.comp_history_sect .hist_info_area .his_detail_box .hd_b_text .hb_year {width:100%;font-size: 23px;font-weight: 800;color: #2F8BF3;line-height: 1.6;padding: 0 0 2px 0;}
.comp_history_sect .hist_info_area .his_detail_box .hd_b_text .hb_text {width:100%;font-size: 14px;font-weight: 500;color: #222;line-height: 1.8;}




.comp_contact_sect {width:100%;padding: 60px 0 40px;box-sizing: border-box;background: #e7e7e7;}
.comp_contact_sect .contt_area {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px ;box-sizing: border-box;}
.comp_contact_sect .contt_area .ctu_tit {width:100%;font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.comp_contact_sect .contt_area .cont_info_area {width:100%;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box {width:100%;background:#fff;display: flex;flex-wrap: wrap;margin: 0 0 80px;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text {width:350px;padding: 30px 30px;box-sizing: border-box;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_name {width:100%;font-size: 22px;font-weight: 600;color: #000;line-height: 1.4;padding: 0px 0 17px 0;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_address {width:100%;display: flex;flex-wrap: wrap;padding: 0 0 12px 0;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_address .add_left {width: 20%;font-size: 13px;font-weight: 600;color: #222;line-height: 1.4;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_address .add_right {width: 80%;font-size: 13px;font-weight: 500;color: #555;line-height: 1.4;}

.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_map_area {position:relative;width:calc(100% - 350px);height:430px;}
.comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_map_area .ma_box {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}

.comp_contact_sect  .root_daum_roughmap .wrap_map {height:100% !important;}




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

  .sb_page_company {width:100%;margin: 0 auto;box-sizing: border-box;padding: 10px 0px 70px;}

  .comp_greet_sect {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 70px;box-sizing: border-box;}
  .comp_greet_sect .ccp_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 20px;}
  
  .comp_greet_sect .cp_grt_box {position:relative;width:100%;min-height: auto;background:#D5E4F6;padding: 20px 20px;box-sizing: border-box;overflow: hidden;}
  .comp_greet_sect .cp_grt_box .grt_bg_img {position:absolute;bottom:0;left:0;width:100%;}
  .comp_greet_sect .cp_grt_box .grt_bg_img img {width:100%;}
  
  
  .comp_greet_sect .cp_grt_box .info_text_layer {position:relative;width:100%;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_tit {width:100%;font-size: 20px;font-weight: 800;color: #000;line-height: 1.4;padding: 20px 0 20px;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box {width:100%;display: flex;flex-wrap: wrap;padding: 10px 0 130px;justify-content: space-between;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_left {width: 100%;margin: 0 0 30px 0;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_left .gr_l_img {width:100%;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_left .gr_l_img img {width:100%;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right {width: 100%;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right .grt_text_area {width:100%;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right .grt_text_area .gr_text {font-size: 14px;font-weight: 500;color: #000;line-height: 1.7;padding: 0px 0 30px;}
  .comp_greet_sect .cp_grt_box .info_text_layer .grt_text_box .gr_b_right .grt_text_area .gr_text .comp_sign {font-size: 16px;font-weight: 600;color: #000;line-height: 1.8;padding: 14px 0 0;}
  
  
  
  
  .comp_vision_sect {position:relative; width:100%;background: #f5f5f5;}
  .comp_vision_sect .cp_vis_area {position:relative;width:100%;max-width:2400px;margin: 0 auto;}
  .comp_vision_sect .cp_vis_area .vis_bg_img {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .comp_vision_sect .cp_vis_area .vis_bg_img img {width:100%;height:100%;object-fit: cover;opacity: 1;}
  
  .comp_vision_sect .cp_vis_area .vis_info_tt_area {position:relative;width:100%;min-height:500px;max-width:1000px;margin: 0 auto ;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_tit {width:100%;text-align:center;font-size: 31px;font-weight: 600;color: #fff;line-height: 1.8;padding: 70px 0 20px;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list {width:100%;margin: 0 auto;padding: 0px 20px 50px;box-sizing: border-box;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box {width:100%;display: flex;flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 0.16);
  transition-property: background-color;
  -webkit-backdrop-filter: saturate(180%) blur(3px);
  backdrop-filter: saturate(100%) blur(6px);
  margin-bottom: 30px;
  border-radius: 10px;
  }
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_icon {width: 80px;display: flex;align-items: center;justify-content: center;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_icon .vs_img {width: 40px;}
  
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text {width: calc(100% - 80px);min-height: 185px;display: flex;align-items: center;padding: 30px 20px 30px 0;box-sizing: border-box;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text .text_area {width:100%;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text .text_area .ft_tit {font-size: 18px;font-weight: 600;color: #fff;line-height: 1.6;padding: 0 0 6px;}
  .comp_vision_sect .cp_vis_area .vis_info_tt_area .vis_text_list .vs_ifl_box .ifl_text .text_area .ft_tt {font-size: 13px;font-weight: 500;color: #fff;line-height: 1.6;}
  
  
  
  
  .comp_history_sect {width:100%;max-width:1200px;margin: 0 auto;padding: 20px 20px 70px;box-sizing: border-box;}
  .comp_history_sect .ccp_tit {font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 20px;}
  
  .comp_history_sect .hist_info_area {width:100%;display: flex;flex-wrap: wrap;}
  .comp_history_sect .hist_info_area .left_area {width: 90%;}
  .comp_history_sect .hist_info_area .right_area {width: 100%;padding: 0 0 0;}
  
  .comp_history_sect .hist_info_area .his_detail_box {position:relative;width:100%;padding: 0 0 0 10px;box-sizing: border-box;}
  .comp_history_sect .hist_info_area .his_detail_box::after {content:"";position: absolute;bottom:0;left: 7px;width:2px;height:100%;background: #dfdfdf;}
  .comp_history_sect .hist_info_area .his_detail_box.first_box::after {content:"";position: absolute;bottom:0;left: 7px;width:2px;height: calc(100% - 24px);}
  .comp_history_sect .hist_info_area .his_detail_box.last_box::after {content:"";position: absolute;bottom: auto;top: 0;left: 7px;width:2px;height: 22px;}
  
  .comp_history_sect .hist_info_area .his_detail_box .hd_b_text {position:relative;width:100%;padding: 10px 0 15px 30px;box-sizing: border-box;}
  .comp_history_sect .hist_info_area .his_detail_box .hd_b_text::before {content:"";position:absolute;top: 20px;left:0;width: 23px;height: 2px;background: #dfdfdf;}
  .comp_history_sect .hist_info_area .his_detail_box .hd_b_text::after {content:"";position:absolute;top: 15px;left: -8px;width: 8px;height: 8px;background:#fff;border-radius: 100%;border: 2px solid #2F8BF3;z-index: 1;}
  .comp_history_sect .hist_info_area .his_detail_box .hd_b_text .hb_year {width:100%;font-size: 16px;font-weight: 800;color: #2F8BF3;line-height: 1.4;padding: 0px 0 2px 0;}
  .comp_history_sect .hist_info_area .his_detail_box .hd_b_text .hb_text {width:100%;font-size: 13px;font-weight: 500;color: #222;line-height: 1.6;}
  
  
  
  
  .comp_contact_sect {width:100%;padding: 20px 0 10px;box-sizing: border-box;background: #e7e7e7;}
  .comp_contact_sect .contt_area {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px ;box-sizing: border-box;}
  .comp_contact_sect .contt_area .ctu_tit {width:100%;font-size: 18px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 20px;}
  
  .comp_contact_sect .contt_area .cont_info_area {width:100%;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box {width:100%;background:#fff;display: flex;flex-wrap: wrap;margin: 0 0 60px;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text {width: 100%;padding: 20px 20px;box-sizing: border-box;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_name {width:100%;font-size: 19px;font-weight: 600;color: #000;line-height: 1.4;padding: 0px 0 17px 0;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_address {width:100%;display: flex;flex-wrap: wrap;padding: 0 0 7px 0;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_address .add_left {width: 20%;font-size: 13px;font-weight: 600;color: #222;line-height: 1.4;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_text .cp_address .add_right {width: 80%;font-size: 13px;font-weight: 500;color: #555;line-height: 1.4;}
  
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_map_area {position:relative;width: 100%;height: 250px;}
  .comp_contact_sect .contt_area .cont_info_area .ct_map_box .ctm_map_area .ma_box {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  
  .comp_contact_sect  .root_daum_roughmap .wrap_map {height:100% !important;}

}









/*inquiry*/


.sb_page_inquiry {width:100%;margin: 0 auto;box-sizing: border-box;padding: 50px 0px 100px;}

.sc_inquiry_sect {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 140px;box-sizing: border-box;}
.sc_inquiry_sect .inq_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.sc_inquiry_sect .inq_ip_section {width:100%;border: 1px solid #e9e9e9;border-radius:10px;box-sizing: border-box;background: #f7f7f7;}
.sc_inquiry_sect .inq_ip_section .iqb_tit {width:100%;padding: 20px 30px;box-sizing: border-box;border-bottom: 1px solid #e9e9e9;}
.sc_inquiry_sect .inq_ip_section .iqb_tit .iq_tt1 {width:100%;font-size: 20px;font-weight: 600;color: #222;line-height: 1.4;padding: 2px 0 7px;}
.sc_inquiry_sect .inq_ip_section .iqb_tit .iq_tt2 {width:100%;font-size: 13px;font-weight: 500;color: #666;line-height: 1.4;}

.sc_inquiry_sect .inq_ip_section .iqb_ip_area {width:100%;padding: 20px 20px;box-sizing: border-box;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box {width:100%;display: flex;flex-wrap: wrap;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_ar_cols {width: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 6px 0;box-sizing: border-box;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_ar_cols .ic_ttt {width: 100%;font-size: 13px;font-weight: 500;color: #666;line-height: 1.4;text-align: left;padding: 0px 10px 5px 20px;box-sizing: border-box;}
.sc_inquiry_sect .inq_ip_section .red_tt {color: #ff3030;font-size: 15px;line-height: 1;}

.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols {width: 50%;display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0;box-sizing: border-box;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols.all_cols {width:100%;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_tit {width: 120px;font-size: 14px;font-weight: 500;color: #666;line-height: 1.4;text-align:right;padding: 5px 10px;box-sizing: border-box;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_inp {width: calc(100% - 120px);font-size: 14px;font-weight: 500;color: #666;line-height: 1.4;text-align:left;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_inp .iq_ip {width:100%;max-width: 280px;margin: 0;}
.sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_inp .iq_tta {width:100%;max-width: 940px;height: 80px;margin: 0;}

.sc_inquiry_sect .inq_ip_section .iqb_bot_btn {width:100%;padding: 0px 30px 20px;box-sizing: border-box;}
.sc_inquiry_sect .inq_ip_section .iqb_bot_btn .btn_area {width:100%;text-align:center;padding: 40px 0 30px;}


.iq_ap_agree_area {width:100%;padding: 9px 0 9px;}
.iq_ap_agree_area .ap_agr_box {width:100%;height: 70px;border: 1px solid #d6d9e3;background:#fff;box-sizing: border-box;overflow: auto;}
.iq_ap_agree_area .ap_agr_box .agr_text {font-size: 12px;font-weight: 500;color: #999;line-height: 1.6;padding: 8px;box-sizing: border-box;}
.iq_ap_agree_chk {width:100%;padding: 10px 0 10px;display: flex;align-items: center;text-align: center;justify-content: center;}
.iq_ap_agree_chk input[type="checkbox"] {top:0;}
.iq_ap_agree_chk label {display: inline-block;font-size:13px;font-weight: 500;color: #555;line-height: 1.3;margin: 0;padding: 0 0 0 2px;}
.iq_btn_bot {width:100%;padding: 14px 0 0px;}





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


  .sb_page_inquiry {width:100%;margin: 0 auto;box-sizing: border-box;padding: 10px 0px 100px;}

  .sc_inquiry_sect {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 0px;box-sizing: border-box;}
  .sc_inquiry_sect .inq_tit {font-size: 19px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 17px;}

  .sc_inquiry_sect .inq_ip_section {width:100%;border: 1px solid #e9e9e9;border-radius:10px;box-sizing: border-box;background: #f7f7f7;}
  .sc_inquiry_sect .inq_ip_section .iqb_tit {width:100%;padding: 16px 18px;box-sizing: border-box;border-bottom: 1px solid #e9e9e9;}
  .sc_inquiry_sect .inq_ip_section .iqb_tit .iq_tt1 {width:100%;font-size: 16px;font-weight: 600;color: #222;line-height: 1.4;padding: 2px 0 7px;}
  .sc_inquiry_sect .inq_ip_section .iqb_tit .iq_tt2 {width:100%;font-size: 11px;font-weight: 500;color: #666;line-height: 1.4;}

  .sc_inquiry_sect .inq_ip_section .iqb_ip_area {width:100%;padding: 10px 10px;box-sizing: border-box;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box {width:100%;display: flex;flex-wrap: wrap;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_ar_cols {width: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 6px 0;box-sizing: border-box;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_ar_cols .ic_ttt {width: 100%;font-size: 12px;font-weight: 500;color: #666;line-height: 1.4;text-align: left;padding: 0px 10px 5px 10px;box-sizing: border-box;}
  .sc_inquiry_sect .inq_ip_section .red_tt {color: #ff3030;font-size: 15px;line-height: 1;}

  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols {width: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 7px 0;box-sizing: border-box;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols.all_cols {width:100%;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_tit {width: 100px;font-size: 13px;font-weight: 500;color: #666;line-height: 1.4;text-align:right;padding: 5px 10px;box-sizing: border-box;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_inp {width: calc(100% - 110px);font-size: 14px;font-weight: 500;color: #666;line-height: 1.4;text-align:left;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_inp .iq_ip {width:100%;max-width: 280px;margin: 0;}
  .sc_inquiry_sect .inq_ip_section .iqb_ip_area .iq_input_box .iqip_cols .ic_inp .iq_tta {width:100%;max-width: 940px;height: 80px;margin: 0;}

  .sc_inquiry_sect .inq_ip_section .iqb_bot_btn {width:100%;padding: 0px 20px 20px;box-sizing: border-box;}
  .sc_inquiry_sect .inq_ip_section .iqb_bot_btn .btn_area {width:100%;text-align:center;padding: 30px 0 30px;}


  .iq_ap_agree_area {width:100%;padding: 9px 0 9px;}
  .iq_ap_agree_area .ap_agr_box {width:100%;height: 70px;border: 1px solid #d6d9e3;background:#fff;box-sizing: border-box;overflow: auto;}
  .iq_ap_agree_area .ap_agr_box .agr_text {font-size: 12px;font-weight: 500;color: #999;line-height: 1.6;padding: 8px;box-sizing: border-box;}
  .iq_ap_agree_chk {width:100%;padding: 10px 0 10px;display: flex;align-items: center;text-align: center;justify-content: center;}
  .iq_ap_agree_chk input[type="checkbox"] {top:0;}
  .iq_ap_agree_chk label {display: inline-block;font-size:13px;font-weight: 500;color: #555;line-height: 1.3;margin: 0;padding: 0 0 0 2px;}
  .iq_btn_bot {width:100%;padding: 14px 0 0px;}


}















/*notice_view*/


.sb_page_notinfo_view {width:100%;margin: 0 auto;box-sizing: border-box;padding: 50px 0px 0px;}
.sb_page_notinfo_view .ni_noti_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 100px;box-sizing: border-box;}
.sb_page_notinfo_view .ni_noti_section .nnt_tit {font-size: 26px;font-weight: 600;color: #000;line-height: 1.3;padding: 30px 0 30px;}

.sb_page_notinfo_view .ni_noti_section .noti_content_sect {width:100%;background:#f5f5f5;padding: 40px 40px;box-sizing: border-box;margin-bottom: 30px;}
.sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_box {width:100%;padding: 0 0 30px;}
.sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_box .tit_tt {font-size: 22px;font-weight: 500;color: #222;line-height: 1.3;margin: 0;padding: 0 0 10px 0;}
.sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_box .tit_date {font-size: 14px;font-weight: 600;color: #888;line-height: 1.3;margin: 0;padding: 0 0 0 0;}

.sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_conbox {width:100%;background:#fff;padding: 20px 26px;box-sizing: border-box;}
.sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_conbox .intext_box {font-size: 16px;font-weight: 500;color: #444;line-height: 1.6;margin: 0;padding: 0 0 0 0;min-height: 400px;}




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


  .sb_page_notinfo_view {width:100%;margin: 0 auto;box-sizing: border-box;padding: 0px 0px 0px;}
  .sb_page_notinfo_view .ni_noti_section {width:100%;max-width:1200px;margin: 0 auto;padding: 0 20px 100px;box-sizing: border-box;}
  .sb_page_notinfo_view .ni_noti_section .nnt_tit {font-size: 19px;font-weight: 600;color: #000;line-height: 1.3;padding: 40px 0 16px;}
  
  .sb_page_notinfo_view .ni_noti_section .noti_content_sect {width:100%;background:#f5f5f5;padding: 20px 15px;box-sizing: border-box;margin-bottom: 30px;}
  .sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_box {width:100%;padding: 0 0 15px;}
  .sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_box .tit_tt {font-size: 17px;font-weight: 500;color: #222;line-height: 1.4;margin: 0;padding: 0 0 6px 0;}
  .sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_box .tit_date {font-size: 12px;font-weight: 600;color: #888;line-height: 1.3;margin: 0;padding: 0 0 0 0;}
  
  .sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_conbox {width:100%;background:#fff;padding: 12px 14px;box-sizing: border-box;}
  .sb_page_notinfo_view .ni_noti_section .noti_content_sect .cont_tit_conbox .intext_box {font-size: 14px;font-weight: 500;color: #444;line-height: 1.6;margin: 0;padding: 0 0 0 0;min-height: 400px;}
  


}








.priv_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
.priv_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;display: flex;align-items: center;}
.priv_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width:500px;padding: 30px 20px;margin: 0 auto;box-sizing: border-box;top: 0%;}

.priv_pop_page .ap_pop_section .ap_content .pp_close_top {width:100%;text-align: right;margin-bottom:10px ;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn {display:inline-block;width: 60px;height: 60px;opacity: 0.7;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn:hover {opacity: 1;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt {width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100px;cursor:pointer;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt img {width: 24px;opacity: 0.8;}

.priv_pop_page .ap_pop_section .ap_content .pp_contnet {width:100%;background: #ffffff;border-radius: 14px;padding: 40px 40px 60px;box-sizing: border-box;}
.priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area {width:100%;font-size: 13px;font-weight: 500;color: #757575;line-height: 1.4;text-align: left;}
.priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area .tt_h1 {font-size: 21px;font-weight: 600;color: #3A3A3A;line-height: 1.4;margin-bottom:10px;}
.priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area .tt_h2 {font-size: 15px;font-weight: 600;color: #3A3A3A;line-height: 1.4;margin: 20px 0 5px;}















.kn_greeting_page {position:absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;background: #e6f1ff;}
.kn_greeting_page .grt_img {width:90%;max-width:578px;}