@charset "UTF-8";
/* font - Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-Thin.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-Light.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-Regular.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-Medium.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-Bold.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/css/fonts/Pretendard/Pretendard-Black.woff') format('woff');
    src: url('/resources/css/fonts/Pretendard/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
/* font - Montaga */
@font-face {
font-family:'Montaga';
font-style:normal;
font-weight:300;
src:local(※), url(/resources/css/fonts/Montaga-Regular.eot) format('embedded-opentype');
src:local(※), /*url(/resources/css/fonts/font_400_mj/NanumMyeongjo-Regular-iefix.eot) format('embedded-opentype'),*/
     url(/resources/css/fonts/Montaga-Regular.woff2) format('woff2'),
     url(/resources/css/fonts/Montaga-Regular.woff) format('woff'),
     url(/resources/css/fonts/Montaga-Regular.ttf) format('truetype');
}

/* font - GmarketSans */
@font-face {
font-family:'Gmarket';
font-style:normal;
font-weight:100;
src:local(※), url(/resources/css/fonts/GmarketSans/GmarketSansTTFLight.woff) format('woff');
src: url(/resources/css/fonts/GmarketSans/GmarketSansTTFLight.ttf) format('truetype');
}
@font-face {
font-family:'Gmarket';
font-style:normal;
font-weight:300;
src:local(※), url(/resources/css/fonts/GmarketSans/GmarketSansTTFMedium.woff) format('woff');
src: url(/resources/css/fonts/GmarketSans/GmarketSansTTFMedium.ttf) format('truetype');
}
@font-face {
font-family:'Gmarket';
font-style:normal;
font-weight:500;
src:local(※), url(/resources/css/fonts/GmarketSans/GmarketSansTTFBold.woff) format('woff');
src: url(/resources/css/fonts/GmarketSans/GmarketSansTTFBold.ttf) format('truetype');
}

/*  한국어 */
:lang(ko) { font-family:'Pretendard', FontAwesome, sans-serif; }
/* 중국어 (간체) */
:lang(zh-Hans) { font-family:'Noto Sans SC', FontAwesome, sans-serif; color: #666666;}
/** { outline: 1px dashed red;}*/
html {overflow-x: hidden;}
body { background:none; color:#646467; font-size:16px; font-weight:300; letter-spacing: -0.005em; /*overflow-x: auto;overflow-x: hidden;*/ position: relative;}
caption { display:none; }
ul, ol { list-style:none; padding:0; margin:0; }
p { line-height:1.8; margin-bottom:0; margin:5px 0; }
h3, h4, h5, h6 { display:inline-block; width:100%; /*letter-spacing: -0.03em;*/ line-height: 1.5em;}
.container { width:1695px; padding:0; }
.row {margin:0 !important;}
.wrapper {overflow-y:auto}
b, strong { font-weight:600; /*letter-spacing: -0.1em; */}

/* title(h tag 스타일) 
h2 { border-bottom:3px solid #e8eaed; margin:45px 0 10px; padding-bottom:45px; font-size:2.8em; color:#292929; text-align:center; font-weight:500; }
h3 { background:url(/resources/images/korean/common/h4_bg.gif) no-repeat 10px top; margin:20px 0 15px; padding-top:15px; color:#000000; font-size:1.5em; font-weight:400; line-height: 1.3em; }
h4 { margin:40px 0 10px; color:#000; font-size:1.6em; font-weight:400; line-height:1.3em; }
h5 { background:url(/resources/images/korean/common/h6_bg.gif) no-repeat left 2px; margin:20px 0 10px; padding-left:10px; color:#000000; font-size:1.38em; font-weight:400; }
h6 { background:url(/resources/images/korean/common/h7_bg.gif) no-repeat left 2px; margin:20px 0 10px; padding-left:20px; color:#000000; font-size:1.2em; font-weight:400; }
*/

/* 개인정보처리방침  */
.etc {font-size:16px; }
.etc .list-ico li { position: relative; text-align: justify; padding-left: 22px !important; margin-top:2px; padding-bottom: 7px; line-height: 1.6em; font-size:16px; }
.etc .list-ico li table, 
.etc .list-ico li table .list-ico li,
.etc .list-ico li table .list-02 li {font-size:14px !important; }

.tt_20 {font-size: 2em; }
.tt_16 {font-size: 1.6em; }
.tt_14 {font-size: 1.4em; }
.list-num-0 { margin-left: 0px; }
.width-100p {width:100% !important; ; }

.pc-p-0 {padding:0; }
.pc-m-r-1p {margin-right:1%; }
/*.pc_view {display:inline-block; }*/

.col-sm-6 {width: 49.3%; }

.clear { clear:both;  }
.box { border: 1px solid #ccc; }

.li2 li {width:50%; float:left; }
.li3 li {width:33.3333%; float:left; }
.li4 li {width:25%; float:left; }
.li5 li {width:20%; float:left; }
.li6 li {width:16.6666%; float:left; }
em {font-style: normal;}

/* 상단메뉴 */
#header { z-index:300;}
#header .navbar { min-height:100px; margin-bottom: 0;}
#header .navbar-header { flex: 0 0 auto; }
#header .navbar-header .top-logo {position: static; /* absolute 제거 */
  display: flex;
  align-items: center;
  height: auto;
  font-size: 1.4em;
  color: #ffffff;
  font-weight: 500;
  padding: 0;}
#header .navbar-header .top-logo img {vertical-align: top;}
#header .navbar-header .top-logo span {display: inline-block;margin-left: 10px;height: auto; color:#231815; text-align:left; line-height:1.1; }
#header .navbar-header .top-logo em { display:block; font-style: normal;}
#header .navbar-header .top-logo span p.pc_view{letter-spacing: -0.05em;font-size: 12px;line-height: 13px;}
#header .navbar-header .top-logo span p {font-size:20px; margin: 0;  line-height:1.1;}
#header .navbar-collapse.sidebar {
  text-align: center;
}

#header .gnb-lnb {position: relative; top:0; left:0; width:100%; z-index:1000; height: 100px;}
#header .lnb-area .gnb-mb {display:none;}
#header .gnb-area { flex: 0 0 auto; text-align: center;/*background-color:rgba(0, 0, 7, 0.8); border-bottom:1px solid #4a4d51;*/ }
#header .lnb-area { /*background-color:rgba(0, 0, 7, 0.5);*/flex: 1; }
#header .gnb-area .gnb {float: none; padding-top: 0; display: flex; align-items: center; gap: 10px; /*float:right; padding-top:6px;*/  }
#header .gnb-area .gnb li {float: none;/*float:left;*/}
#header .gnb-area .gnb li a { padding:10px; color:#858588; }
#header .gnb-area .gnb li a:hover {color:#ffa3ab !important;}
#header .gnb-area .gnb li.gnb-icon a {}
#header .gnb-area .gnb li.gnb-icon a i.fa { color:#ffffff; }
#header .gnb-area .gnb li.gnb-hoseo a {
  background-color: #002445; /* 원하는 배경색 */
  color: #fff; /* 글자색 */
  border-radius: 20px; /* 둥근 모서리 */
  padding: 6px 14px; /* 안쪽 여백 */
  display: inline-block;
  transition: background 0.3s;
  font-weight:500;
}
.navbar-default { background-color: #fff !important; border-color: #fff !important;}
#header .gnb-area .gnb li.gnb-hoseo a:hover {
  background-color: #ff7b87; /* 호버 시 색상 */
  color: #fff;
}
.gnb-icon .dropdown-menu { width: 100%; height: 78px; border: 0; margin: 0; }
.gnb-icon .dropdown-menu .close { opacity: 1; }
.gnb-icon.top-toggle-red > a:hover,
.gnb-icon.top-toggle-red.open > a { background-color: #db0f31; }
.gnb-icon.top-toggle-orange > a:hover,
.gnb-icon.top-toggle-orange.open > a { background-color: #ff9f00; }
#top-search { background: #db0f31 url(/resources/images/egsv/common/search_all_bg.gif) no-repeat center;}
#top-search .form-inline {padding: 10px 0 0;}
#top-search .form-inline .form-group { font-size: 1.928em; color: #ffffff; margin-top: 5px; }
#top-search .form-group label { margin-right: 22px; }
#top-search .form-group input { border: 0; margin-top: -5px; width: 428px; padding: 4px 10px 4px 25px !important; }
#top-search .form-control { height: 40px !important; border-radius: 20px; }
#top-search .form-inline a { padding: 0 0 0 20px !important; vertical-align: middle; }
#top-lang { background: #ff9f00 url(/resources/images/egsv/common/lang_all_bg.gif) no-repeat center; padding-top: 15px; }
#top-lang .lang-list p { display: inline-block; margin: 0; line-height: 1; color : #ffffff;  vertical-align: middle; }
#top-lang .lang-list p.lang-list-ttl { font-size: 1.928em; margin-right: 10px; font-weight: 400; }
#top-lang .lang-list .lang-list-btn { border: 2px solid #ffffff; border-radius: 30px; width: 187px; padding: 11px 0; margin: 0 0 0 10px; }
#top-lang .lang-list .lang-list-btn a { padding: 0 !important; font-size: 1.333em; color : #ffffff !important; }
#top-lang .lang-list .lang-list-btn a i.fa { margin: 0 0 0 13px !important; }
#header .lnb-area .navbar-collapse { padding:0; }
#header .lnb-area .lnb {}
#header .lnb-area .lnb li {}
#header .lnb-area .lnb > li > a { padding:40px 60px; color:#000; font-size:1.266em; font-weight:600;}
#header .nav > li > a:hover,
#header .nav > li > a:active,
#header .nav > li > a:focus,
#header .nav .open > a,
#header .nav .open > a:hover,
#header .nav .open > a:focus{background:transparent; color:#ffa3ab !important;}
#header .navbar-nav {float: none;
  display: flex;
  justify-content: center;
  flex: 1;
  padding: 0;
  margin: 0;}
#header .gnb-area .container {display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;}
#header .navbar-nav > li {position:inherit;}
#header .navbar-nav .dropdown-menu { box-shadow:none; border:none; display:none; }
#header .open-sub-menu  {z-index:500;width:100%;position:absolute;top:99px;left:50%;margin-left:-50%;background: #fffffff0 url(/resources/images/egsv/common/sub_menu_logo.png) left 100%  no-repeat;overflow:hidden;padding:0;}
#header .open-sub-menu > ul {width:1695px;  margin:0 auto; }
#header .open-sub-menu .lnb-depth01-title {float:left; width:17.8%; height:100%; text-align:left;  margin-top:70px; padding:80px 0 20px 0; font-size:1.9em; font-weight:600; color:#fff; }
#header .open-sub-menu .lnb-depth01-title span {font-size:0.5em; color:#b6b9c2; letter-spacing:-1px; display:block; margin-top:15px; line-height:130%; font-weight:300;}
#header .open-sub-menu ul li.lnb-depth02 {
  float: right;
  width: 77%;
  min-height: 240px;
  position: relative;
  display: flex;              /* flex로 변경 */
  padding: 25px 0 30px 0px;
  gap: 0px;                  /* 컬럼 간격 */
  flex-wrap: nowrap;          /* 줄바꿈 안 함 */
}

/* 2차 메뉴 컬럼 */
#header .open-sub-menu ul li.lnb-depth02 > ul {
  position: static;           /* absolute 제거 */
  float: none;                 /* float 제거 */
  overflow: visible;
  flex: 0 0 auto;              /* 크기 고정 */
  min-width: 230px;            /* 기본 폭 */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 컬럼 항목 */
#header .open-sub-menu ul li.lnb-depth02 > ul > li {
  display: block;
  letter-spacing: -1px;
}

/* 링크 기본 스타일 */
#header .open-sub-menu ul li.lnb-depth02 ul a {
  padding: 8px 0;
  font-size: 1.05em;
  color: #c7b6bd;
  text-decoration: none;
}

/* 2차 메뉴 상위 항목 */
#header .open-sub-menu ul li.lnb-depth02 > ul > li > a {
  position: relative;
  font-size: 1.15em;
  display: block;
  color: #444;
  background: transparent;
  padding-top: 0;
  margin: 0;
  font-weight:500;
}

/* hover 효과 */
#header .open-sub-menu ul li.lnb-depth02 a:hover,
#header .open-sub-menu ul li.lnb-depth02 > ul > li > a:hover {
  background: transparent;
  color: #ffa3ab !important;
}

#header .open-sub-menu ul .dropdown-sub .dropdown-menu {display:inline-block; background:transparent !important; padding:0 !important; position: relative; min-width: 0;}
.wrapper .backdrop { background-color: #08080f; height: 100%; opacity: 0.8; position: fixed; width: 100%; z-index: 999; }
.dropdown-backdrop { position:static;}

#header .gnb-area .container,
#header .lnb-area .container {
  max-width: 100% !important;  /* 화면 폭을 넘지 않게 */
  width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}


/*푸터 개인정보영역 height: 200px; 삭제함 */
.footer_menu .fix-layout		{position: relative;max-width: 1200px;margin-left: auto;margin-right: auto;box-sizing: border-box; }


/* 페이지로케이션 */
.page-location {height:314px; }
.page-location .location-box {margin-top:180px;}
.location-box .loca-ttl { margin:0; font-size:3.333em; color:#ffffff; font-weight:400; }
.location-box .page-nav { margin-bottom:10px; }
.location-box .page-nav li { float:left; }
.location-box .page-nav li a { color:#ffffff; font-size:1.2em; }
.location-box .page-nav li a i.fa-angle-right { margin:0 7px!important; }
.location-box .page-nav li a i.fa-home { margin-right:0; }
.location-box .page-icon { margin-top:-35px; }
.location-box .page-icon li { float:left; margin-right:10px; }
.location-box .page-icon li a i {background-color:rgba(0,0,0,0.5); margin:0 3px !important; width:66px; height:66px; font-size:2.8em; color:#fff; text-align:center; line-height:160%; }
.location-box .page-icon li a i:hover {background-color:rgba(190,34,47,0.7);}
.location-box .page-icon li a i:active {background-color:rgba(190,34,47,1);}

/* 페이지로케이션 - 1차메뉴별 상단 이미지  *
.page-location.info-visual { background:url(/resources/images/egsv/sub/subtop_info.jpg) 50% 0 no-repeat; }       
.page-location.grad-visual { background:url(/resources/images/egsv/sub/subtop_grad.jpg) 50% 0 no-repeat; }        
.page-location.commun-visual { background:url(/resources/images/egsv/sub/subtop_commun.jpg) 50% 0 no-repeat; }    
.page-location.life-visual { background:url(/resources/images/egsv/sub/subtop_life.jpg) 50% 0 no-repeat; }       
.page-location.venture-visual { background:url(/resources/images/egsv/sub/subtop_venture.jpg) 50% 0 no-repeat; }  */

/* pageTop */
#pageTop {position: fixed; bottom: 20px; right: 1%; z-index: 9999; margin-bottom: 0; }
#pageTop a { background-color: #be222f; color: #ffffff; display: block; width: 98px; height: 98px; text-align: center; padding-top: 17px; border:solid 1px #ffffff; }
#pageTop a > span { display: block; font-size: 1.65em; line-height: 1; }
#pageTop a > i { font-size: 1.5em; margin-right: 0 !important;}
#pageTop a:hover { text-decoration: none; opacity: 0.7; }

/* 달력날짜 */
div.ui-datepicker-title .ui-datepicker-year ,
div.ui-datepicker-title .ui-datepicker-year > option ,
div.ui-datepicker-title .ui-datepicker-month,
div.ui-datepicker-title .ui-datepicker-month > option{ color: #666666;}

/* footer */
footer { padding:0 !important; }
#footer .footer-bnr {background-color: none;margin-top: 20px;margin-bottom: 30px;}
#footer .footer-bnr > div {background-color:#ffffff; border: 1px solid #d9dfe5;}
#footer .footer-bnr .foot_site_ttl {width: 160px;display: inline-block;float: left;padding: 8px 20px;}

#footer .footer-info {background-color:#272a2e; border-top: 1px solid #34383e;padding: 20px 0 0;}
#footer .footer-info .footer-addr { margin-bottom:0px; }
#footer .footer-addr dt,
#footer .footer-addr dd,
#footer .footer-info .footer-link-list li a {text-align: center;font-size:0.933em;color:#bfc0c1;font-weight:300;}
#footer .copyrigt { background-color:#272a2e;  }
#footer .copyrigt p { margin:10px 0; font-size:0.866em; color:#e0989e; }


/* 배너 slider */
#bnr-slider-wrap { margin:0; height:60px; }
#bnr-slider {float:left;width: 83%;height:100%;overflow:hidden;}
#bnr-link-list {float:left;height: 65px;padding:30px 0;}
#bnr-link-list li { float:left; margin:0 25px; display:inline;}
#bnr-link-list li a { color:#444444; font-size:1.066em; }
#bnr-slider-btn {float:right;margin: 0;padding: 0;width: 29px;}
#bnr-slider-btn ul {text-align: right;float: right;/* vertical-align: middle; */}
#bnr-slider-btn ul li { border:1px solid #c8cedd; border-right:0; padding-top:2px; cursor:pointer; float:left; width:30px; height:30px; text-align:center; }
#bnr-slider-btn ul li:last-child { border-right:1px solid #c8cedd; }
#bnr-slider-btn ul li i.fa { margin-right:0!important; }
#bnr-slider-prev,
#bnr-slider-next,
#bnr-slider-stop { margin:0; color:#c8cedd; }


/* title(h tag 스타일) *
h2 { border-bottom:3px solid #e8eaed; margin:45px 0 10px; padding-bottom:45px; font-size:2.933em; color:#292929; text-align:center; font-weight:500; }
h3 { background:url(/resources/images/egsv/common/h4_bg.gif) no-repeat 10px top; margin: 20px 0 15px; padding-top:15px; color:#000000; font-size:2em; font-weight:500; line-height: 1.3em;}
h4 { margin:30px 0 10px;  color:#000; font-size:1.6em; font-weight:400; line-height:1.3em; }
h5 {  margin:20px 0 10px; padding-left:10px; color:#000000; font-size:1.4em; font-weight:400; }
h6 { margin:20px 0 10px; color:#000000; font-size:1.2em; font-weight:400; }*/

/* list 스타일 */
.list-01 { margin:10px 0 10px 10px; }
.list-01 li { background:url(/resources/images/egsv/common/list_01_bullet.gif) no-repeat left 10px; padding-left:13px; }
.list-02 { margin:5px 0 10px 10px; }
.list-02 li { background:url(/resources/images/egsv/common/list_02_bullet.gif) no-repeat left 12px; padding-left:12px; }
.list-num { margin-left:10px; }
.list-num li {position: relative;padding-left: 25px;list-style-type: decimal;text-align: left;}
.list-num span.num { background:url(/resources/images/egsv/common/list_num_bullet.gif) no-repeat center; color:#c1898e; font-size:0.785em; font-weight:100; width: 17px; height: 17px; position: absolute; top: 2px; left: 0; text-align: center; vertical-align: middle; line-height: 18px; }
.list-01 li .list-ico li { background: none; }
.list-02 li .list-ico li { background: none; }
.list-ico {/* margin-left:10px; */}
.list-ico li {position: relative;padding-left: 15px !important;}
.list-ico span.ico { width: 13px; height: 13px; position: absolute; top: 0; left: 0; text-align: center;}
.dllist-01 { margin-bottom:15px; }
.dllist-01 dt { background:url(/resources/images/egsv/common/list_01_bullet.gif) no-repeat left 8px; padding-left:10px; color:#404040; font-weight:400; }
.dllist-01 dd { color:#808080; }

/* textbox 스타일*/
.t-box {background:url(/resources/images/egsv/common/t-box_bg.gif) left center;margin:0 0 20px;padding-left:8px;padding:3px;letter-spacing: -0.02em !important;padding: 10px 10px !important;}
.t-box-inner { background:#ffffff; padding:25px 30px; }


/* tab스타일 */
.nav-red { margin-bottom:30px; }
.nav-red li { padding-right:2px; height:100%; }
.nav-red li:last-child { /*padding-left:2px;*/ }
.nav-red > li > a { border:5px solid #bcbcbc; border-bottom:0!important; border-radius:0; color:#0b0000; font-size:18px; font-weight:400!important; height:100%; letter-spacing: -0.05em ; padding: 10px 10px ;}
.nav-red > li > a:hover,
.nav-red > li > a:focus,
.nav-red > li.active > a,
.nav-red > li.active > a:hover,
.nav-red > li.active > a:focus { border:5px solid #be222f; background-color:#be222f; color:#ffffff; }
.nav-red > li > a > span { font-size: 0.75em; }

/* badge 스타일 */
.badge.btn-primary {background:#1ca1d2 !important;}
.badge.btn-success {background:#4cae4c !important;}
.badge.btn-info {background:#46b8da !important;}
.badge.btn-warning {background:#eea236 !important;}
.badge.btn-danger {background:#d9534f !important;}


/* box 스타일 */
.box-bg-gray {clear:both; width:100%; background:#f6f6f6; display:inline-block;}
.box-solid.box-padding,
.box-bg-gray.box-padding {padding:25px 25px;}
table + .box-sub-title {margin-top:40px;}

.box-sub-title {font-size:1.3em; padding-bottom:10px; font-weight:800; color:#333; }
.box-sub-title::before {content:"\f0ca"; color:#333; font-family:FontAwesome; font-weight:600; margin-right:6px; font-size:0.8em;}


/* text 스타일 */
.text-md {font-size:1.5em;}
.text-md .text-point {font-size:1.429em}
.text-point {font-size:2.143em; padding-bottom:10px; display:inline-block; font-weight:700;}
.text-red {color:#be222f !important;}
.text-gray-dark {color:#696969;}
.text-blue {color:#305c92 !important; }
.text-orange {color:#fe7100;}
.text-green {color:#78bc27;}
.text-black {color:#000;}
.text-rightBlue {color:#0078c3;}
.text-left {text-align:left !important}
.text-underline {text-decoration:underline;}

/* input 스타일 */
label {margin:0;}
input[type=radio],
input[type=checkbox] {margin:0 5px 2px 0; cursor:pointer; }
table input[type=radio], input[type=checkbox] {margin:0 5px 1px 0 ;}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {position:relative;}

/* 그리드 색상 및 스타일 */
.k-grid-header, .k-grid-header .k-header, .k-pager-wrap, .k-pager-numbers .k-state-selected, .k-grid-footer, .k-grid-footer td, .km-pane-wrapper .k-grid-header .k-header {background:#f0f5fb !important}
div.k-grid-footer, div.k-grid-header, .k-grid-content, .k-grid-content-locked, .k-pager-wrap {border:1px solid #d0d9e9 !important;}
.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-gantt-toolbar .k-state-default, .k-grouping-row td, .k-group-footer td, .k-grid-footer td  {border-color:#d0d9e9 !important;}
div.k-grid-header {border-bottom-width:0 !important;}
.k-grid-header th.k-header:hover {background:#dce8f6 !important; cursor:pointer;}
.k-grid-header th.k-header:hover a {background:none !important;}
.k-grid-header th.k-header, .k-grid-header th.k-header a {color:#32415f !important;}
.k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-grid td.k-state-focused.k-state-selected {background:#ddeaf4 !important; cursor:pointer;}
.k-grid-content table td {cursor:pointer;}


/* form 스타일 */
.form-control {height:30px !important; padding:4px 7px !important;}

/* textarea 스타일*/
textarea{font-size:14px !important;}
textarea.form-control {height:auto!important;}



/* pc_view m_view */
.m_view {display:none;}



@media all and (min-width:768px) {

#header .open-sub-menu ul .treeview-menu {display:inline-block !important; }


}

@media all and (max-width:1700px) {
/* pageTop */
#pageTop {right: 10%;}
#pageTop a {position: fixed;bottom: 0px;right: 0 !important;z-index: 9999;margin-bottom: 0;}

#header .lnb-area .lnb > li > a { padding: 40px 30px;}
#header .open-sub-menu ul li.lnb-depth02 {padding: 25px 0 30px 30px; gap: 10px;}
#header .open-sub-menu ul li.lnb-depth02 > ul {min-width: 160px; }

}

@media all and (max-width:1400px) {
	#header .lnb-area .lnb > li > a { padding: 40px 15px;}
}

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

.container {width:100%; margin:0; }

/* 상단메뉴 */
#header .lnb-area .lnb li a {padding:27px 17px; font-size:1.1em;}
#footer .footer-addr-box .footer-addr dt,
#footer .footer-addr-box .footer-addr dd {width:100%;}

#header .navbar-header {padding-left: 20px;}
#header .navbar-header .top-logo {/*width:350px; height:114px;*/ font-size: 20px; font-weight: 500;}
/*#header .navbar-header .top-logo img {width: 95px; margin-top:25px;}*/

#header .open-sub-menu > ul {width:100%; }
#header .open-sub-menu .lnb-depth01-title {display:none;}
#header .open-sub-menu ul li.lnb-depth02 {width:85%;}

#header .gnb-lnb { height: 70px;  padding-top: 10px;}


/* footer */
#footer .footer-bnr {width:100%;}
#footer .footer-info .footer-link .pull-left,
#footer .footer-info .footer-link .pull-right {float:left; width:100%;}
#footer .footer-link .footer-link-list li {margin-bottom:3px; }
#footer .footer-link .sns-list {margin:0 auto;}
#footer .footer-link .sns-list li {display:inline-block; float:none; vertical-align:top; margin-top:10px;}

/* footer - 배너 slider */
#footer .footer-bnr .container #bnr-slider {float:left; width:82%; margin-left:20px;}
#footer .footer-bnr .container #bnr-slider-btn {position:absolute; right:0; width:110px; }

}




@media all and (max-width:1200px) and (min-width:768px) {

#header .navbar-header .top-logo {/*padding-top: 10px;*/}
#header .navbar-header .top-logo span p:nth-child(1) {/*margin-top: 20px ;*/ font-size:16px}
#header .navbar-header .top-logo span p.pc_view{letter-spacing: -0.05em;font-size: 12px;line-height: 13px;}

/* footer */
#footer .footer-info {padding:20px;}
#footer .footer-info .footer-link .pull-right .footer-dropdown,
#footer .footer-info .footer-link .pull-right .sns-list  { float:none; width:100%; text-align:center; margin-top:5px;}
}


@media (max-width: 1000px) {

/* title(h tag 스타일) */
h2 { font-size:2em; }
h3 { font-size:1.6em;}
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }

/* pageTop */
#pageTop { opacity:0.3; }
#pageTop a { padding-top:0; width:50px; height:50px; background-color:#000000; }
#pageTop a > span { display:none; }
#pageTop a > i { margin-top:14px; font-size:2em; }
/*
#pageTop {display: none ;position: fixed;bottom: 0px;right: 13%;z-index: 9999;margin-bottom: 0;}
#pageTop a {background-color: #be222f;color: #ffffff;display: none;width: 68px;height: 68px;text-align: center;padding-top: 14x;}
#pageTop a > span {display: block;font-size: 1.3em;line-height: 1; margin-top: -10px;}
#pageTop a > i { font-size: 1.5em; margin-right: 0 !important;}
#pageTop a:hover { text-decoration: none; opacity: 0.7; }
*/


/* 상단메뉴 */
#header ul.gnb {display:none;}
#header .lnb-area {background-color:rgba(27,27,27,1);}
#header .lnb-area .gnb-lnb {z-index:500;}
#header .lnb-area .gnb-mb {display:block;}
#header .lnb-area .gnb-mb li {float:left; /*width:50%;*/ width:100%;  border:1px solid rgba(255,255,255,0.05); margin:0 0 -1px -1px;}
#header .lnb-area .gnb-mb li:nth-of-type(4),
#header .lnb-area .gnb-mb li:nth-of-type(5) {width:50%;}
#header .lnb-area .gnb-mb li a {width:100%; padding:8px 15px; color:#fff; font-size:0.8em; display:inline-block; background-color:rgba(190,34,47,0.2); }
#header .lnb-area .gnb-mb li a i {font-size:1.5em; vertical-align:middle; padding-right:5px;}
#header .lnb-area .gnb-mb li a:hover {color:#fff !important; background-color:rgba(190,34,47,0.5);}
#header .lnb-area .gnb-mb li.gnb-icon a {}
#header .lnb-area .gnb-mb li.gnb-icon a i.fa { color:#ffffff; }

#header .lnb-area .lnb li a {padding:15px 0 15px 15px;}
#header .sidebar-menu > .dropdown-sub > a span {float:right; }
#header .sidebar-menu > .dropdown-sub > a span::before {content:"\f0d7"; margin-right:40px;}
#header .sidebar-menu > .dropdown-sub.active > a span::before {content:"\f0d8"; margin-right:40px;}
#header .sidebar-menu {padding:0 !important;}
#header .sidebar-menu .dropdown-menu,
#header .open-sub-menu ul .dropdown-sub .dropdown-menu { display: block; }
#header .navbar-collapse.in{overflow:hidden !important;}
#header .navbar-nav {float:left; width:100%; margin:0;}
#header .navbar-nav > li {border-bottom:1px solid #000; border-top:1px solid #333;}
#header .navbar {min-height:60px; height:60px; overflow:hidden;}
#header .navbar-header .top-logo {display: inline-flex;
    align-items: center;
    gap: 8px;
    /* max-width: calc(100% - 56px); 우측 버튼 자리 확보 */
    text-align: left; text-align:left; font-size:15px; }
#header .navbar-header .top-logo img {margin-top:0px; /*height:100%;*/ width:auto;}
.navbar-header.page-scroll{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0; padding: 0;
  }
.navbar-toggle{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
  }
#header .gnb-area .container {position: relative;
    display: block;     
    text-align: left;}

#header .container > .navbar-header,
#header .container-fluid > .navbar-header,
#header .container > .navbar-collapse,
#header .container-fluid > .navbar-collapse {margin:0; /*margin-top:-28px;*/}
#header .open-sub-menu {position:relative; left:0; margin:0; top:0; }
#header .sidebar-menu  .dropdown-menu { display: none; }
#header .sidebar-menu .open > .dropdown-menu { display: block; }
#header .open-sub-menu .lnb-depth01-title {}
#header .open-sub-menu .dropdown-sub-menu { position: relative;}
#header .open-sub-menu .dropdown-sub .dropdown-menu { top: 0; left: 100%; margin-top: -1px; }
#header .open-sub-menu .dropdown-sub a span {float:right;}
#header .open-sub-menu .dropdown-sub a span::before {content:"\f107" !important; margin-right:20px;}
#header .open-sub-menu .dropdown-sub.open a span::before {content:"\f106" !important; margin-right:20px;}
#header .mb-navbar-collapse ul.lnb-depth02 { padding: 0; }
#header .mb-navbar-collapse ul.lnb-depth02 li {border-bottom:1px dotted #585855;  background-color:#282827 !important; width:100%; display:block; padding:0;}
#header .mb-navbar-collapse ul.lnb-depth02 li:last-child {border-bottom: 0; }
#header .mb-navbar-collapse ul.lnb-depth02 > li > a:hover,
#header .mb-navbar-collapse ul.lnb-depth02 > li > a:focus { background: inherit; color:#ffa3ab !important; }
#header .mb-navbar-collapse ul.lnb-depth02 li a.lnb-depth02-title {content:"\f105"; vertical-align:top;  color:#ffffff; padding:12px 20px !important; font-size:1.05em;}

/* 상단메뉴-추가 */
#header .dropdown a:hover, a:focus { color: #ffbbc1;}
#header .open-sub-menu ul li {/* padding: 5px 0 0px 5px; */}
#header .open-sub-menu ul li.lnb-depth02 { min-height:133px }
#header .open-sub-menu ul li.lnb-depth02 > ul > li {width:49%}
#header .open-sub-menu ul li.lnb-depth02 > ul:nth-of-type(1) { width: 100%; left: 15px;}
#header .open-sub-menu ul li > ul > li { display: inline-block; width: 49%;}
#header .open-sub-menu ul li {/* min-height: 75px; */}
#header .lnb-area { display: grid;}
#header .dropdown { width:100% ;border:1px solid rgba(255,255,255,0.05);}
#header .dropdown a { display: flow-root; margin:0px; padding:14px; }



/* sub-visual */
.page-location { height : 260px;}
.page-location .location-box { margin-top: 110px; }

.location-box .page-icon { margin-top:-15px; }
.location-box .pull-left { float: none !important; width: 100%; text-align: center; }
.location-box .pull-right {  /*display: none;*/  }
.location-box .page-nav { display: inline-block; text-align: center; padding: 0 30px;  }
.location-box .page-nav li a { font-size: 0.954em; font-weight: 200; }
.location-box .loca-ttl { line-height: 1;}

/* footer */
#footer .footer-info {padding:20px; font-size:0.9em}
#footer .footer-info .footer-addr-box,
#footer .footer-info .footer-link {float:left; width:100%;}
#footer .footer-info .footer-addr-box {border:0; padding-bottom:10px; text-align:center;}
#footer .footer-addr-box .footer-addr {font-weight:200;}
#footer .footer-addr-box .footer-addr dt,
#footer .footer-addr-box .footer-addr dd {text-align:center;}
#footer .footer-addr-box .footer-addr-ttl {background-position:50% bottom;}
#footer .footer-info .footer-link {padding-top:15px; text-align:center;}
#footer .footer-link .footer-link-list {width:100%; margin:0;}
#footer .footer-link .footer-link-list li { text-align:center;}
#footer .footer-info .footer-link-list li a {display:block; text-align:center; width:100%;}


/* footer - 배너 slider */
#footer .footer-bnr .container {position:relative; height:90px;}
#footer .footer-bnr .container #bnr-slider {width:95%;}
#footer .footer-bnr .container #bnr-slider-btn {bottom:0; left:0; width:100%; }
#footer .footer-bnr .container #bnr-slider-btn ul li {width:33.3333%; margin-right:-1px; border-color:rgba(255,255,255,0.2);}
#footer .footer-bnr .container #bnr-slider-btn ul li:hover {background-color:rgba(0,0,0,0.3);}

/* pc_view m_view */
.pc_view {display:none !important;}
.m_view {display:block;}

/* tab스타일 */
.nav-red .li5-3 { width:32.4%; }
.nav-red .li3-1 { width:49.3%; }
.nav-red .li3-1 a { font-size:1.1em; }
.nav-red > li { width:49.5%; margin-left: 0%; padding-right:0; display: inline-block;}
.nav-red > li+li { margin-left: 0; }
.nav-red > li > a { font-size:1.1em; margin-bottom: 0px;  }

}


@media all and (max-width:640px) {

 /* tab스타일 학사종합>교육안내 */
.nav-red .li2-1 { width:100%; }
.nav-red .li3-1 { width:100%; }
.nav-red .li3-1 a { font-size:1.2em; }
.nav-red .li5-3 { width:49.2%; }
.nav-red > li { width:49%; margin-left: 0; padding-right:0; display: inline-block;}
.nav-red > li > a { font-size:1.2em; }

#tab { margin-bottom:20px; }
#tab.nav-pills > li > a {font-size:14px;}

.t-box .t-box-inner { padding: 20px 15px; font-size: 15px;}
.t-box .t-box-inner h3 {line-height: 1.4em; margin-top: 10px;}
.t-box .t-box-inner h5 {line-height: 1.4em; }
.t-box .t-box-inner p {line-height: 1.5em; margin-top: 0px;}
.col-xs-12 {width:100%}



}

@media all and (max-width:420px) {

.location-box .page-icon { margin-top:15px; }


}


@media all and (max-width:360px) {
	
.location-box .loca-ttl { font-size: 2.8em; }
#footer .footer-link .footer-link-list li { width: 100%; }

}

/* 2025-08-06 추가 */
@media (max-width: 1260px) {
	#header .navbar-header .top-logo span p { font-size:16px;}
	#header .gnb-area .gnb {gap: 5px; }
}
@media (max-width: 1200px) {
  #header .gnb-area .container,
  #header .lnb-area .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 1000px) {
	#header .gnb-area .gnb,#header .gnb-area .lnb-area { display:none;}
	#header .lnb-area .gnb-mb { display:block;}
	#header .navbar-default .navbar-toggle { position:absolute; display:block; border:none; /*border-left:1px solid #4a4d51;*/ height:64px; font-size:2em; padding:0 15px; margin:0;}
	#header .navbar-default .navbar-toggle:hover,
	#header .navbar-default .navbar-toggle:focus {background:#002445 !important; border-radius:0; color:#fff;}
}
@media (max-width: 767px) {
 /* #header .gnb-area .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row; 
  }
  #header .lnb-area {
    flex: 1 1 100%;
    order: 3;
  }
  #header .gnb {
    order: 2;
  }
  #header .navbar-header {
    order: 1;
  }
  #header .navbar-toggle {
    order: 2; 
    margin-left: auto; 
    border-left: none;
    border-right: 1px solid #4a4d51;
  }*/
}

@media (max-width: 1695px) {
  .container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}