@charset "utf-8";

body{font-family: 'NotoSansKR'; font-size:20px; overflow-x: hidden;}
body {font-family: 'NotoSansKR', 'Pretendard', 'xeicon', 'remixicon', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, thead, tbody, tfoot,  tr, th, td, select, option, textarea, button {font-family: 'NotoSans';}

/* Skip 메뉴 */
/*Skip To Content 210127 수정 */
#skipNav {position: absolute; top: -1000px; left: 0; width: 100%; height: 0; line-height: 0; font-size: 0; z-index: 999;}
#skipNav a {display: block; width: 100%; line-height: 0; text-align: center; font-size: 0;}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active {position: absolute; top: 1000px; left: 0; display: block; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; font-weight: bold; color: #fff; background: #20262c;}

#skipArea, #skipArea ul {height:0; width:100%;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:9999; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoSansKR'; opacity:0.9; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer; }
.slick-initialized .slick-slide{ display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }

/* 상단팝업 */ /*210813*/
.toppopup_wrap{position:relative; display:none; background:#323f4e; overflow:hidden; }
.toppopup_wrap .toppopup{max-width:1200px; margin:25px auto 45px; position:relative; background:url('/images/web/portal/layout/top_pop_bg.gif')repeat-y center; }
.top_slider{ width:100%; margin:0 auto; position:relative; }
.top_slider .slick-list{margin:0 45px;}
.top_slider .slick-slide a{ display:block; padding:0 10px; text-align:center; }
.top_slider .slick-slide a img{max-width:100%; height:auto; }
.top_slider .slick-slide.dragging img{ pointer-events:none; }
.top_slider .slick-prev, .top_slider .slick-next{ position:absolute; top:50%; display:block; width:40px; height:40px; margin-top:-20px; cursor:pointer; text-indent:-10000px; z-index:20; }
.top_slider .slick-prev{ left:0px; background:url('/images/web/portal/layout/btn_p_prev.png')no-repeat center; }
.top_slider .slick-next{ right:0px; background:url('/images/web/portal/layout/btn_p_next.png')no-repeat center; }
.top_slider .slick-dots{ position:absolute; width:auto; left:20px; bottom:-28px; }
.top_slider .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
.top_slider .slick-dots li button{ display:block; width:10px; height:10px; border-radius:20px; cursor:pointer; border:2px solid #fff; font-size:0; overflow:hidden; }
.top_slider .slick-dots li.slick-active button{background:#fff; }

.toppopup_wrap .control a{position:absolute; bottom:-28px; left:0; width:15px; height:15px; display:block; text-indent:-9999em; overflow:hidden;  }
.toppopup_wrap .control a.btn_stop{background:url('/images/web/portal/layout/btn_stop.png') no-repeat center; }
.toppopup_wrap .control a.btn_play{display:none; background:url('/images/web/portal/layout/btn_play.png') no-repeat center; }

.toppopup_wrap .closeCheck {position:absolute; bottom:-30px; right:0; color:#fff; text-align:right; }
.toppopup_wrap .closeCheck label {margin-right:5px; font-size:13px; line-height:20px;}
.toppopup_wrap .closeCheck .btn_close{width:18px; height:18px; border:1px solid #999; background:url('/images/web/portal/layout/toppop_close.png') no-repeat center; font-size:0; vertical-align:super; }

/* 레이아웃 및 헤더 */
#wrap {position:relative;width:100%;padding-top: 1.75rem;}


/* 상단로고 */
.topUpLogo{position: absolute; top: 0; height: 1.75rem; width: 80rem; left: 50%; transform: translateX(-50%);}
.topUpLogo .topLogo {position:relative; display: block; width: 7.5rem; line-height: 1.75rem; text-align: center; height: 100%; font-size: 0.8rem; background: #094c9d; color: #fff; border-radius: 1rem;}
.topUpLogo .topLogo i{margin-right: 0.2rem;}

/*241024*/
.top_logo2{position: absolute;top: 0.8rem;height: 1.75rem;width: 8rem;right: 16.3rem;z-index: 999;}
.top_logo2 .topLogo {position:relative; display: block; width: 7.5rem; line-height: 1.75rem; text-align: center; height: 100%; font-size: 0.8rem; background: #094c9d; color: #fff; border-radius: 1rem;}
.top_logo2 .topLogo i{margin-right: 0.2rem;}

.subPg.top_logo2 {display:none;}

/* 로고2 */ 
#header h1.logoBox2 {position:absolute;left: 50%;top: 0.7rem;margin-left:-700px;z-index:100;}
#header h1.logoBox2 a {display: flex;height:36px;line-height:50px;align-items: center;}
#header h1.logoBox2 a p.pc_blue {color:#004E96;}
#header h1.logoBox2 a span{display:block;}
#header h1.logoBox2 a .logo {width: 145px;height:36px;overflow:hidden;text-indent:-99999%;background: url('/images/common/E_layout/logo.svg') no-repeat center;}/* 250701 로고조절 */
#header h1.logoBox2 a .name{position:relative;width: auto;padding-left:8px;padding-right: 8px;margin-left:4px;font-size: 21px;color:#000;/* line-height: 36px; */font-family: 'NotoB';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;}/*250709*/
#header h1.logoBox2 a .name::before{content:"";position:absolute;left:0;top: 50%;transform: translateY(-50%);width:1px;height: 25px;background:#999;}



/** Header **/
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease; }

#mobNav {display:none; }
#header {position:absolute;left:0;top:0rem !important;width:100%;height: 3.3rem;z-index:998;background: #fff;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}/*241024*/
#header .headerWrap {position:relative;max-width: 65rem;margin:0 auto;}/*241024*/
.sub #header {position:absolute; }
/* 로고 */
#header h1.logo {position:absolute; left:0; top:0.7rem; z-index:20; }
#header h1.logo a {width: 15.7rem; height: 1.75rem; display:block; background:url('/images/web/portal/layout/logoOn.png') no-repeat center; background-size: contain;}
#header h1.subPg a {width: auto;}/*250630 로고 넓이 제한해제  */
#header h1.logo.on a {background:url('/images/web/portal/layout/logoOn.png') no-repeat center;background-size: contain;}
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px; }
#header .mob_btn {display:none; }

/* user Service */
#header .userSvice{position:absolute; width:130px; height:130px; left:0; top:0; background:#abab00; z-index:1102; }
#header .userSvice a{color:#fff; text-align:center; display:block; font-size:14px; }
#header .userSvice a::before{content:url('/images/web/portal/layout/ico_usersvic.png'); display:block; margin:20px 0 10px; }

/* 로그인박스  */
#header .loginBox{position: absolute;top: 3.2rem;right: 0rem;}/*251110*/
#header .loginBox .topLogo {position:relative; display: none; width: 6rem; line-height: 1.8rem; text-align: center; height: 100%; font-size: 14px; background: #094c9d; color: #fff; border-radius: 0 1rem 1rem 0; }
#header .loginBox .topLogo i{margin-right: 0.2rem;}

/* 로그인-오프라인 */
#header .offLine{float: right;/*display: none;*/width: 16.25rem;background: #f2f2f2;border: 1px solid #ccc;border-radius: 0.6rem;padding: 0.5rem 0.4rem;box-sizing: border-box;margin-top: 0.5rem;}
#header .offLine input{padding: 8px 10px; box-sizing: border-box; width: 5.5rem; font-size: 0.7rem; color: #666; letter-spacing: -1px; border: 1px solid #ccc; border-radius: 0.3rem;}
#header .offLine .idsave {display: flex; align-items: center; font-size: 0.7rem; color: #333; margin: 0.2rem 0 0.3rem 0.3rem;}
#header .offLine input::placeholder{color: #666;}
#header .offLine input[type="checkbox"] {width: auto; margin-right: 0.2rem;}
#header .offLine a{display: inline-block; background: #4b5c72; font-size: 0.7rem; font-weight: 500; color: #fff; border-radius: 0.3rem; padding: 8px 19px;}
#header .offLine a.mobLoginBtn{display: none;}
#header .offLine .btBox{display: flex; justify-content: space-between; line-height: 1rem; padding-top: 0.4rem; border-top: 1px solid #ccc;}
#header .offLine .btBox > a{position: relative;}
#header .offLine .btBox > a::before{position: absolute; content: ''; width: 1px; height: 12px; top: 50%; transform: translateY(-50%); left: -0.8rem; background: #ccc;}
#header .offLine .btBox > a:first-child:before{display: none;}
#header .offLine a.certiBt,
#header .offLine a.joinBt,
#header .offLine a.idpwBt {width: auto; font-size: 0.7rem; color: #333; font-weight: 500; background: transparent; padding: 0;}

/* 로그인-온라인 */
#header .onLine{display: block; float: right; width: 16rem;}
#header .onLine.subPg {width: auto;}
#header .onLine .user{display: inline-block; position: relative; width: calc(100% - 7rem);}
#header .onLine .user .name{color: #000; font-size: 1rem; position: relative; display: inline-block; vertical-align: middle; overflow: hidden;}
#header .onLine .user .name em{color: #000; font-weight: 600;}
#header .onLine .user .name i{font-size: 20px; position: relative; z-index: 1;}
#header .onLine h3{font-size: 0.8rem; color: #454545; font-weight: 500; margin: 0.4rem 0 0.6rem;}
#header .onLine h3 strong{color: #004a96; font-weight: 600;}
#header .onLine ul,
#header .onLine .togList {position: relative; display: flex; flex-wrap: wrap; height: 1.8rem; border: 1px solid #e2e2e2; border-radius: 0.7rem; background: #fff; margin-top: 0.4rem;}
#header .onLine .togList.open {height: auto;}
#header .onLine .togList .listBtn{display: none; position: absolute; content: ''; top: 0.2rem; right: -0.8rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 50%; background: #ce0000; color: #fff; text-align: center;}
#header .onLine .togList .listBtn {display: block;}
#header .onLine .togList.open li {display: block;}
#header .onLine ul li{position: relative; width: 50%; box-sizing: border-box;}
#header .onLine ul li + li::before {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #e2e2e2;}
#header .onLine .togList li{position: relative; display: none; width: 50%; box-sizing: border-box;}
#header .onLine .togList li:nth-child(-n+2) {display: block;}
#header .onLine .togList li + li::before {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #e2e2e2;}
#header .onLine ul li:nth-child(2n+1)::before{display: none;}
#header .onLine ul li a{display: block; height: 1.75rem; line-height: 1.75rem; padding: 0 0.5rem; text-align: center; font-size: 15px; color: #383838; box-sizing: border-box; border-radius: 2rem; position: relative; font-weight: 200;}
#header .onLine ul li a span{ font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#header .onLine ul li a em{color: #ce0000; font-weight: 600; padding-left: 0.6rem;}
#header .onLine ul li a em.empty{color: #383838;}
#header .onLine ul li a.new{line-height: 1.75rem;}
#header .onLine ul li a.new span{position: relative;}
#header .onLine ul li a.new span::after{content: ""; width: 5px; height: 5px; border-radius: 50%; line-height: 1rem; text-align: center; background: #ce0000; position: absolute; right: -11px; top: 3px;}
#header .onLine ul li a i{margin-right: 0.2rem;}
#header .onLine .butn{position: relative; display: inline-block; line-height: 0.3rem; font-size: 0.7rem; color: #666; font-weight: 600; padding: 3px 5px; margin-left: -3px; z-index: 1;}
#header .onLine .butn:nth-child(3){border-left: 1px solid #666;}

/* myinfo btn 팝업 */
#header .onLine .userBox{border: 1px solid #ddd; position: absolute; right: 7.6rem; background: #fff; padding: 0.5rem 0.9rem 0.9rem 0.9rem; border-radius: 1rem; top: 0; width: 445px; left: auto;}
#header .onLine .userBox ul {gap: 0.2rem; justify-content: flex-start;}

/* top util */
#header .toputil{position:absolute; right: 0.5rem; width:16.55rem; height:3.5rem; font-size:13px; margin:0 auto; z-index:201; display: none;}
#header .toputil a:hover{text-decoration:underline; }
#header .toputil button{cursor:pointer; }
.topLink{float:right; height:3.5rem; line-height:3.5rem; }
.topLink li{position:relative; float:left;}
.topLink > li ~ li::before{position: absolute; content: ''; width: 5px; height: 5px; left:0.9rem; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #ccc;}
.topLink li ~ li {padding-left: 1.8rem;}
.topLink li a{ display:block; color:#6a6969; text-align: center; font-size: 0.75rem;}
/* 즐겨찾기 */
.topLink li.comu a{padding-right: 0.2rem;}
.topLink li.comu::after{ content: "\e936"; position: absolute; right: -0.5rem; font-size: 16px; font-family: 'Xeicon'; color: #444; top: 0;}
.topLink li.comu.open::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.topLink li.comu ul{display:none; position:absolute; left:0.9rem; top: 3.5rem; width:100%; z-index:100; background:#fff; border-radius:0 0 5px 5px; box-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.topLink li.comu ul li{width:100%; }
.topLink li.comu ul li ~ li {padding-left: 0;}
.topLink li.comu ul li a{ line-height: 1.5; padding: 10px;}
.topLink li.comu ul li:last-child{display: block;}
.topLink li.comu ul li a:hover{background:#0d47a1; color: #fff;}
.topLink li:first-child a::before,
.topLink li.point a::before,
.topLink li.comu ul li a::before{display:none;}
.topLink li.comu ul#joinCommunity{left: 0.4rem; width: 5.9rem;}
/* 가입홈 */
.topLink li.comu1 a{padding-right: 0.2rem;}
.topLink li.comu1::after{ content: "\e936"; position: absolute; right: -0.5rem; font-size: 16px; font-family: 'Xeicon'; color: #444; top: 0;}
.topLink li.comu1.open::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.topLink li.comu1 ul{display:none; position:absolute; left:-0.2rem; top: 3.5rem; width:5.5rem; z-index:100; background:#fff; border-radius:0 0 5px 5px; box-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.topLink li.comu1 ul li{width:100%; }
.topLink li.comu1 ul li ~ li {padding-left: 0;}
.topLink li.comu1 ul li a{ line-height: 1.5; padding: 10px;}
.topLink li.comu1 ul li:last-child{display: block;}
.topLink li.comu1 ul li a:hover{background:#0d47a1; color: #fff;}
.topLink li:first-child a::before,
.topLink li.point a::before,
.topLink li.comu1 ul li a::before{display:none;}

/* toputil - 서브페이지 */
#header .toputil.subPg{display: block; height: 1.2rem; line-height: 1.2rem; margin-top: 0.3rem; right: 2rem;}
#header .toputil.subPg .topLink{height: 1.2rem; line-height: 1.2rem;}
#header .toputil.subPg .topLink li.comu ul,
#header .toputil.subPg .topLink li.comu1 ul {top: 1.4rem;}
#header .toputil.subPg .topLink li.comu1 ul {left: 0.3rem;}

/* 로그인 박스 - 서브페이지 */
#header .loginBox.subPg {top: 1.7rem; right: 1.8rem; z-index: 9;}

#header .loginBox.subPg .offLine{height: 1.35rem; background: #f2f2f2; border-radius: 0.8rem; box-sizing: border-box; padding: 0; border: none; margin-top: 0;}
#header .loginBox.subPg .offLine input {display: none;}
#header .loginBox.subPg .offLine .idsave {display: none;}
#header .loginBox.subPg .offLine a{padding: 3px 5px; border-radius: 0.8rem; font-size: 13px;}
#header .loginBox.subPg .btBox {position: absolute; top: 0; right: 0.5rem; line-height: 1rem; padding-top: 0; border-top: none;}
#header .loginBox.subPg .btBox > a::before {left: 0;}
#header .loginBox.subPg .offLine a.webLoginBtn {position: absolute; padding: 3px 10px;}

#header .loginBox.subPg .onLine {width: auto; height: 1.35rem;line-height: 0.35rem; background: #f2f2f2; border-radius: 0.8rem; box-sizing: border-box;}
#header .loginBox.subPg .onLine ul{display:none !important;}
#header .loginBox.subPg .onLine > a{background: transparent; font-size: 13px; color: #4b4b4b; box-sizing: border-box;}
#header .loginBox.subPg .onLine .butn {padding: 3px 5px; margin-left: 0; border-radius: 0;}
#header .loginBox.subPg .onLine .butn::before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: -2px; width: 1px; height: 12px; background: #4b4b4b;}
#header .loginBox.subPg .onLine .butn.first::before {display: none;}
#header .loginBox.subPg .onLine .butn i{display: none;}
#header .loginBox.subPg .onLine h3{display: none;}
#header .loginBox.subPg .onLine .user {width: auto;}
#header .loginBox.subPg .onLine .user .name{line-height: 1.35rem; background: #4b4b4b; color: #fff; font-size: 13px; font-weight: 500; border-radius: 0.8rem; padding: 0 0.5rem;}
#header .loginBox.subPg .onLine .user .name em{font-weight: 500; color: #fff;}
#header .loginBox.subPg .onLine > a:hover,
#header .loginBox.subPg .onLine > a:focus{font-weight: 600;}

/* 검색 */
.totalSearch { position: absolute; top:0.7rem; right: 0.5rem; width: 15.9rem; height: 2rem !important; background:#fff; z-index: 9;}
.totalSearch.subPg {right: 20rem;}
.totalSearch input { border: 1px solid #ccc; border-radius: 1.5rem; overflow: hidden; padding-left: 0.5rem; width: 100%; height: 2rem !important; line-height: 2rem; font-size: 0.7rem; color: #666; background:none; box-sizing: border-box;}
.totalSearch a { position: absolute; top: 0; right: 0; padding: 0; width: 2rem; height: 2rem; line-height:2rem; background:#094c9d; color:#fff; border: none; border-radius: 50%; font-size:1.3rem; cursor: pointer; text-align: center;}
.totalSearch input::-webkit-input-placeholder { color: #555; }
.totalSearch input::placeholder { color: #555; }

.mtotalSearch {display: none; position: absolute; top:0.6rem; right: 0.5rem; width: 2rem; height: 2rem; height: 2rem; background:#094c9d; color:#fff; border: none; border-radius: 50%; font-size:1.3rem; cursor: pointer; text-align: center; z-index: 9;}
.mtotalSearch input { border: 1px solid #ccc; border-radius: 1.5rem; overflow: hidden; padding-left: 0.5rem; width: 100%; height: 2rem; line-height: 2rem; font-size: 0.7rem; color: #666; background:none; box-sizing: border-box;}
.mtotalSearch a { position: absolute; top: 0; right: 0; padding: 0; width: 2rem; height: 2rem; line-height:2rem; background:#094c9d; color:#fff; border: none; border-radius: 50%; font-size:1.3rem; cursor: pointer;}
.mtotalSearch input::-webkit-input-placeholder { color: #555; }
.mtotalSearch input::placeholder { color: #555; }

#header .search {display:none; position:absolute; width: 100vw; min-height: 13.75rem; padding:20px; top:3.5rem; z-index:200;  background: transparent; }
#header .search::before{position: absolute; content: ''; width: 200vw; left: -100vw; background: #094c9d; height: 100%; top: 0;}
#header .search h2 {position: relative; color:#fff; font-size: 1.5rem; margin: 2rem 0 1rem; text-align: center;}
#header .search_wrap{position:relative; display:block; max-width: 39rem; height: 3.5rem; border-radius: 2rem; margin: 2rem auto 0;}
#header .search > input { height: 3.5rem; line-height: 3.5rem; width:100%; padding-left: 5%; box-sizing: border-box; font-size: 0.85rem; color:#555; border:none; border-radius: 2rem;}
#header .search input::-webkit-input-placeholder {color:#555; }
#header .search a.btn_top_sear {position:absolute; right:0.7rem; top:0; width:10%; height: 3.5rem; line-height: 3.8rem;}
#header .search a.btn_top_sear i{font-size: 1.3rem;}
#header .search_close {position:absolute; left: calc((100% / 2) + 21.5%); top: -3rem; }
#header .search_close a {display:block; width:2.5rem; height:2.5rem; text-indent:-10000px; cursor: pointer; background:#094c9d url('/images/web/portal/layout/btn_close_wh.png') no-repeat center; border-radius: 50%;}
#header .search_btn a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 사이트맵 */
.sitemap_btn{position:absolute; right:50%; top:75px; width:20px; height:auto; margin-right:-630px; line-height:0; display:block; text-indent:-9999em; overflow:hidden;  z-index:100;}
.sitemap_btn:hover{background-color:#fff; }
.sitemap_btn span{display:block; float:right; width:70%; margin:3px 0; height:2px; background:#555; }
.sitemap_btn span:first-child{width:100%; }
.sitemap_btn span:last-child{width:100%; }
.sitemap_btn:hover span{width:100% !important; background:#004a96;}
.sitemap_btn, .sitemap_btn span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

#header .gnb {position:relative;width: 100%;height:3.3rem;z-index:3;}/*241024*/
#header .gnb::before{position: absolute;content: '';left: 50%;width: 100vw;height: 100%;background: #fff;border-bottom: 1px solid #ccc;overflow-x: hidden;transform: translateX(-50%);}
#header .gnb .gnb_wrap{max-width:1400px; margin:0 -10rem auto; display: none;}
/* #header .gnb.subPg .gnb_wrap {display: block;} */
#header .gnb .gnb_wrap .d01 {display:block; margin:0 auto; padding:0 0 0 20rem; }
#header .gnb .gnb_wrap .d01 > ul {margin-left: 1rem;}
#header .gnb .gnb_wrap .d01 > ul > li {display:block; float:left; width:fit-content; padding: 0 0.6rem;}
#header .gnb .gnb_wrap .d01 > ul > li > a {position:relative; display:block; height:3.5rem; line-height:3.5rem; color:#111; text-align:center; font-weight: 500; letter-spacing:-2px; }
#header .gnb .gnb_wrap .d01 > ul > li > a::before{content:""; position: absolute; left:50%; bottom:0; width:0px; height:4px; background:#094c9d; border-radius: 0.2rem; opacity: 0; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .gnb .gnb_wrap .d01 > ul > li > a::after{content:""; position: absolute; left:50%; transform: translateX(-50%); bottom:0.4rem; width:8px; height:7px; background: url(/images/web/portal/layout/gnb_onArr.png) no-repeat; opacity: 0; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .gnb .gnb_wrap .d01 > ul > li > div {display:none; position: absolute; left:50%; transform: translateX(-50%); top:3.5rem; width:100vw; min-height: 16.5rem; background: #fff; border-bottom: 1px solid #ddd;}/* 200303 */
#header .gnb .gnb_wrap .d02 {position:relative; height: 16.5rem; left: 50%; transform: translateX(-50%); max-width: 80rem; padding-left: 18.5rem; box-sizing: border-box; display:block;}/* 200305 */
#header .gnb .gnb_wrap .d02::before{position: absolute; content: 'Changwon National University Portal Waagle'; font-size: 2.5rem; font-weight: 900; color: #f2f6fa; letter-spacing: 1px; bottom: 1rem; left: 18rem;}
#header .gnb .gnb_wrap .d02 .head {position: absolute; content: ''; width: 10.55rem; height: 10.5rem; line-height: 10.5rem; left: 3.5rem; top: 3rem; color: #fff; text-align: center; border-radius: 50%; background: #002d62 url(/images/web/portal/layout/ciBg.png) no-repeat bottom -60% left -50%;}
#header .gnb .gnb_wrap .d02 .head:after {content: ''; position: absolute; left: -12.5%; top: -12.5%; width: 13.15rem;height: 13.15rem; background: url('/images/web/portal/layout/txtBg.png') no-repeat 50% 50%; animation: rotate 20s linear infinite;}
#header .gnb .gnb_wrap .d01 > ul > li > a.tch {padding-right: 3rem;}
#header .gnb .gnb_wrap .d01 > ul > li > a.tch::before {left: 32%;}
#header .gnb .gnb_wrap .d01 > ul > li > a.tch::after {left: 30%;}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#header .gnb .gnb_wrap .d02 > ul {display:block; min-height:155px; padding:25px 0; overflow:hidden;}/* 200305 */
#header .gnb .gnb_wrap .d02 > ul > li {display:block; float:left; width:19%; margin-left:1%; padding-bottom:10px; }
#header .gnb .gnb_wrap .d02 > ul > li:nth-child(5n+6) {clear:both; }
#header .gnb .gnb_wrap .d02 > ul > li > a {position: relative; display:block; height: 3rem; line-height: 3rem; color:#444; font-size: 0.85rem; background:#fff; border-radius: 0.5rem; border: 1px solid #d6d5d5; padding: 0 1rem; background-size: 0; transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#header .gnb .gnb_wrap .d02 > ul > li > a:after{position: absolute; content: '\e907'; font-family: 'xeicon'; font-size: 1rem; color: #002d62; right: 1rem; opacity: 0; transition: all 0.35s;}
#header .gnb .gnb_wrap .d02 > ul > li > a::before{position: absolute; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); top: -2px; left: -2px; background: #094c9d; border-radius: 0.5rem; z-index: -1; opacity: 0; transition: all 0.35s;}
#header .gnb .gnb_wrap .d02 > ul > li > a[target="_blank"]:after { position: absolute; content: "\e980" !important; right: 1rem; font-family: 'xeicon'; display: inline-block; vertical-align: middle; color: #444; font-size: 0.9rem; opacity: 1;}
#header .gnb .gnb_wrap .d03 {padding:10px; display: none;}
#header .gnb .gnb_wrap .d03 > li > a {position:relative; display:block; line-height:20px; padding:5px 0 5px 10px; color:#111; font-size:14px; }/* 200303 */
#header .gnb .gnb_wrap .d03 > li > a:before {content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background:#666; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}/* 200303 */
#header .gnb .gnb_wrap .d03 > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-3px 0 0 5px; vertical-align:middle; background:url("/images/web/portal/layout/icon_new_WG.png") no-repeat; }/* 200303 */
#header .gnb .gnb_wrap .separate .d02 > ul > li {display:table; width:11.5%; margin:0 0  10px 1%; padding-bottom:0; }
#header .gnb .gnb_wrap .separate .d02 > ul > li:nth-child(5n+6) {clear:none; }
#header .gnb .gnb_wrap .separate .d02 > ul > li > a {display:table-cell; height:100px; line-height:20px; color:#126295; border:1px dashed #dc7100; border-radius:5px; background:#f1f7ff; word-break:keep-all; vertical-align:middle; }

/* active */
#header .gnb .gnb_wrap .d01 > ul > li > a.on.hover {color: #094c9d;}
#header .gnb .gnb_wrap .d01 > ul > li > a.hover::after {opacity: 1; }
#header .gnb .gnb_wrap .d01 > ul > li > a.hover::before {width: 60%; margin-left: -30%; opacity: 1;}
#header .gnb .gnb_wrap .d01 > ul > li > a.on:hover{color: #094c9d;}
#header .gnb .gnb_wrap .d01 > ul > li > a:hover::after{opacity: 1;}
#header .gnb .gnb_wrap .d01 > ul > li > a:hover::before {width:60%; margin-left:-30%; opacity: 1;}
#header .gnb .gnb_wrap .d02 > ul > li > a:hover {border: 1px solid #094c9d; color: #002d62; animation: hoverBg 0s forwards; transition: all 0.3s;}

.ui-dialog {padding:0!important; border-radius: 0!important; box-shadow: 0px 0px 0.5rem rgba(0,0,0,0.2); border:0!important;}
.ui-dialog > .ui-widget-header {display:none;}
.layerpop.ui-dialog {overflow:inherit!important; padding:0!important;}
.layerpop .title {height:2.25rem; display:flex; align-items:center; padding:0 1rem; width:100%;background:#f5f5f5; box-sizing: border-box;}
.layerpop .title span {display:block; width:100%; font-size:0.9rem; font-weight:700; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.layerpop .control {width:100%; height:2.5rem; padding:0 1rem; display:flex; align-items:center; justify-content:space-between; gap:0.25rem; background:#333333; box-sizing: border-box;}
.layerpop .control .radio-group {display:flex; gap:0.75rem;}
.layerpop .control .custom-radio {position: relative; display: flex; align-items:center; cursor: pointer; font-size: 0.7rem; color: #fff; gap:0.25rem;}
.layerpop .control .custom-radio input[type="radio"] {display: none;}
.layerpop .control .custom-radio input[type="radio"]:checked + .radio-mark {background-color: #0066a6; border-color: #0066a6;}
.layerpop .control .custom-radio input[type="radio"]:checked + .radio-mark::after {display: block;}
.layerpop .control .radio-mark {height: 0.5rem; width: 0.5rem; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.layerpop .control .radio-mark::after {content: ""; position: absolute; display: none; width: 4px; height: 6px; border: 1px solid #fff; border-left: none; border-top: none; transform: rotate(45deg); top: 6px; left: 4px;}
.layerpop .control a.close {border-radius:0.25rem; border:1px solid #777777; color:#fff; font-size:0.7rem; font-weight:500; padding:0.25rem 0.5rem;}
.layerpop .control a.close:hover {background:#0066a6; color:#fff; border-color:#0066a6;}
.ui-widget.ui-widget-content {border:0px!important;}
.ui-dialog .ui-dialog-content {height:auto!important; padding:0!important; overflow:inherit!important;}

@keyframes hoverBg {
  to {
    background: #fff url(/images/web/portal/layout/hoverBg.png) no-repeat right 0;
  }
}

#header .gnb .gnb_wrap .d02 > ul > li > a:hover:after{opacity: 1;}
#header .gnb .gnb_wrap .d02 > ul > li > a:hover::before{opacity: 1;}
#header .gnb .gnb_wrap .d02 > ul > li > a[target="_blank"]:hover:after{color: #002d62; content: "\e907" !important; font-size: 1rem;}

/* all Menu */
.allNav{display:none;}
.allNav .backscreen{position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(2, 13, 27, 0.95); z-index:999;}
#allNav{ position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:1000;}
#allNav .gnb_wrap a{position:relative; display:block; color:#fff; line-height:1.4; font-size:14px;}
#allNav .gnb_wrap .d01 > ul{font-size:0; line-height:0;}
#allNav .gnb_wrap .d01 > ul > li { width:23%; margin:0 1% 30px; display:inline-block; vertical-align: top;}
#allNav .gnb_wrap .d01 > ul > li > a{font-size:28px; padding:10px 0; border-bottom:2px solid #3e4d5f; border-top:1px solid #3e4d5f; }
#allNav .gnb_wrap .d01 > ul > li > a[target="_blank"] span:after{position:relative; content:""; display:inline-block; width:14px; height:14px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/portal/layout/icon_nav_blank_wh.png") no-repeat;}
#allNav .gnb_wrap .d02 > ul{ padding:0 10px; }
#allNav .gnb_wrap .d02 > ul > li > a{font-size:16px; padding:10px 15px;}
#allNav .gnb_wrap .d02 > ul > li > a::before{content:""; position:absolute; left:0; top:20px; width:5px; height:2px; background:#fff;}
#allNav .gnb_wrap .d02 > ul > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/portal/layout/icon_nav_wh.png") no-repeat; }
#allNav .gnb_wrap .d03{background:rgba(55, 154, 255, 0.5); padding:10px 15px;}/* 200303 */
#allNav .gnb_wrap .d03 > li > a{color:#e2e2e2; padding:5px 10px;}/* 200303 */
#allNav .gnb_wrap .d03 > li > a::before{content:""; position:absolute; left:0; top:14px; width:2px; height:2px; background:#ccc;}
#allNav .gnb_wrap .d03 > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/portal/layout/icon_nav_wh.png") no-repeat; }
#allNav .gnb_wrap a:hover{color:#77daea;}
#allNav .gnb_wrap .d02 > ul > li > a:hover{text-decoration:underline;}
#allNav .gnb_wrap .d03 > li > a:hover{color:#fff; text-decoration:underline;}
#allNav a.allNav_close{position: absolute; right:0; top:-70px; width:60px; height:60px; text-indent: -9999em; overflow:hidden; background:url('/images/web/portal/layout/btn_close_wh.png') no-repeat center;}
#allNav a.allNav_close:hover{transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#allNav a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


#header .menu_list {display:none; position:fixed; left:50%; top:10%; width:960px; height:80%; margin-left:-482px; border:2px solid #dc7100; background:#fff; z-index:20; }
#header .menu_list > .head {display:block; position:absolute; left:0; top:0; width:100%; height:68px; text-align:center; background:#dc7100; }
#header .menu_list > .head > p.tit {line-height:70px; font-size:24px; color:#fff; }
#header .menu_list button.close {display:block; position:absolute; right:-2px; top:-2px; width:70px; height:70px; padding:0; background:#17335a url("/images/web/portal/layout/btn_close_wh.png") no-repeat 50%; text-indent:-9999px; }
#header .menu_list > .d01 {position:absolute; top:70px; bottom:0; left:0; right:0; margin:30px 0; padding:0 30px; width:auto !important; overflow-x:hidden; overflow-y:auto; }
#header .menu_list > .d01 > ul > li {display:block; margin-top:50px; }
#header .menu_list > .d01 > ul > li:first-child {margin-top:0; }
#header .menu_list > .d01 > ul > li > a {display:inline-block; padding-top:10px; border-top:2px solid #000; font-size:20px; font-weight:bold; color:#222; }
#header .menu_list .d02 {overflow:hidden; margin-top:20px; }
#header .menu_list .d02 > ul > li {float:left; width:18.5%; margin-right:1.5%; margin-bottom:10px; }
#header .menu_list .d02 > ul > li:nth-child(5n+6) {clear:both; }
#header .menu_list .d02 > ul > li > a {display:block; width:100%; height:45px; line-height:45px; color:#fff; text-align:center; font-size:15px; background:#abab00; }
#header .menu_list .d02 > ul > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/portal/layout/icon_nav_wh.png") no-repeat; }
#header .menu_list ul.d03 {padding-top:10px; }
#header .menu_list ul.d03 > li > a {position:relative; display:block; line-height:20px; padding:5px 0 5px 10px; color:#000; font-size:14px; }
#header .menu_list ul.d03 > li > a:before {content:""; position:absolute; top:15px; left:0; width:3px; height:3px; background:#b8b8b8; }
#header .menu_list ul.d03 > li > a[target="_blank"]:after{ position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/web/portal/layout/icon_nav_wh.png") no-repeat; }

#header .mgnb {display:none; }

/* 상단이동 */
footer .area_footer .btn_top{position: absolute;display: flex;justify-content: center;align-items: center;width:3.35rem;height:3.35rem;line-height: 3.35rem;color: #fff;background:rgba(255, 255, 255, 0.2);border-radius: 50%;right: -3.5rem;top: -1.5rem;z-index:9999;font-size:1.2rem;text-align: center;}
footer .area_footer .btn_top a{display:block; background:rgb(9, 76, 157); width:2.75rem; height:2.75rem; line-height: 2.75rem;  border-radius: 50%; text-align: center;}
footer .area_footer .btn_top a i{color: #fff;}
footer .area_footer .btn_top:before,
footer .area_footer .btn_top:after{content:""; position:absolute; width:100%; height:100%; left:50%; top:50%; border-radius:50%; background-color:rgba(9,76,157, 0.2); -webkit-transform:translate(-50%, -50%) scale(0.1); transform:translate(-50%, -50%) scale(0.1); opacity:0; -webkit-animation:active 2s infinite linear; animation:active 2s infinite linear; z-index: -1;}
footer .area_footer .btn_top:after{-webkit-animation-delay:.3s; animation-delay:.3s; }
@-webkit-keyframes active {
  0% {
    -webkit-transform:translate(-50%, -50%) scale(.1);
    transform:translate(-50%, -50%) scale(.1);
    opacity: 0;
  }
  50% {
    -webkit-transform:translate(-50%, -50%) scale(.5);
    transform:translate(-50%, -50%) scale(.5);
    opacity: 1;
  }
  100% {
  	-webkit-transform:translate(-50%, -50%) scale(1.5);
    transform:translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

@keyframes active {
  0% {
    -webkit-transform:translate(-50%, -50%) scale(.1);
    transform:translate(-50%, -50%) scale(.1);
    opacity: 0;
  }
  50% {
    -webkit-transform:translate(-50%, -50%) scale(.5);
    transform:translate(-50%, -50%) scale(.5);
    opacity: 1;
  }
  100% {
  	-webkit-transform:translate(-50%, -50%) scale(1.5);
    transform:translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px; }

/* footer */
footer{position: relative; background:#262626; }
.area_footer {position:relative; max-width: 80rem; margin: 0 auto;}
.box_footer {position:relative;width:100%;max-width:80rem;margin:0 auto;display: flex;padding: 1.5rem 0 3rem;overflow: hidden;flex-wrap: wrap;}
.box_footer .ftLink {width: 100%;padding: 0;}
.box_footer .ftLink img{margin-bottom:1rem;}
.box_footer .ftLink .copy {position: absolute; bottom: 2rem; left: 0; font-size: 0.8rem; color: #fff;}
.box_footer .ftLink .line{display: flex; flex-wrap: wrap;}
.box_footer .ftLink .line li{position: relative; padding-right: 1.2rem;}
.box_footer .ftLink .line li::before{position: absolute; content: ''; width: 1px; height: 10px; right: 0.6rem; top: 0.6rem; background: #7d7d7d;}
.box_footer .ftLink .line li:last-child{padding-right: 0;}
.box_footer .ftLink .line li:last-child:before {display: none;}
.box_footer .ftLink .line li a {font-weight: 600; color: #fff; transition: all 0.2s;}
.box_footer .ftLink .line li a:hover,
.box_footer .ftLink .line li a:focus{color: #74b6ff;}
.box_footer .ftLink.narrow {position: relative;width: calc((100% / 6) - 0.5rem);height: 100%;padding-right: 0.5rem;}
.box_footer .ftLink.narrow a.ytb {position: absolute; bottom: -2rem; left: 2rem;}
.box_footer .ftLink ul li:first-child{margin-bottom: 0.75rem;}
.box_footer .ftLink ul li:first-child a{color:#B9E2F7;font-weight:700;}
.box_footer a{display: inline-block;width: 100%;color: #fff;font-size: 0.8rem;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box_footer a:hover,
.box_footer a:focus{color: #74b6ff;}
.box_footer a.fs15{font-size: 0.75rem;}

/* 로고 footer */ 
footer .logoBox {position: relative;width: 100%;display: flex;align-items: center;gap: 1rem;margin-top: 1.5rem;flex-wrap: wrap;}
footer .logoBox > ul {display: flex;max-width: calc(100% - 20rem);width: 100%;align-items: center;gap: 0.5rem 1rem;flex-wrap: wrap;}
footer .logoBox > ul > li {
    width: calc((100% / 7) - 1rem);
}
.footBtnWrap ul li {width:100%;}
footer .logoBox ul li a.pc_sky{color:#B9E2F7;font-weight:700;}
footer h1.logoBox_footer {position: relative;display: inline-block;}
footer h1.logoBox_footer a {display: flex;height:36px;line-height:50px;align-items: center;}
footer h1.logoBox_footer a span{display:block;}
footer h1.logoBox_footer a .logo {width: 66px;height:36px;overflow:hidden;text-indent:-99999%;background: url('/images/web/portal/layout/logo_white.svg') no-repeat; margin-top: -10px;}/* 260127 로고조절 */
footer h1.logoBox_footer a .name{position:relative;padding-left:8px;padding-right: 8px;margin-left:4px; margin-top: -10px; font-size: 27px;color: #fff;font-family: 'NotoB';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;}/*260127*/
footer h1.logoBox_footer a .name::before{content:"";position:absolute;left:0;top: 50%;transform: translateY(-50%);width:1px;height:25px;background:#999;}

/* 사이트링크 */
.footBtnWrap {position: absolute;top: 50%;transform: translateY(-50%);right: 0.5rem;font-size: 0.7rem;margin-left: auto;}
.footBtnWrap:after {content:""; display:block; clear:both; overflow:hidden;}
.footBtn {position:relative; width: 9rem; float:left; z-index:999;}
.footBtn button {position:relative;width:100%;height:2rem;cursor:pointer;background: #333333;border: 1px solid #aaa;border-radius: 0;}
.footBtn button:before{content: "\e914";position:absolute;right:27px;top:50%;transform: translateY(-50%);font-family: 'xeicon';color: #fff;}
.footBtn.on button:before{transform: translateY(-50%) rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform: translateY(-50%) rotate(180deg);}
.footBtn button span{display:block; line-height: 2rem; text-align:left;padding:0 20px; color: #fff; font-size: 0.7rem; }
.footBtn div { display:none; position:absolute; bottom: 2rem; left:-1px; width:100%; max-height:200px; border:1px solid #000; overflow-y:auto; background:rgba(0,0,0,0.8); z-index:10000; border-radius: 1rem;}
.footBtn div > ul {padding:10px;}
.footBtn ul li a {display:block; position:relative; padding-left:10px; margin:8px 0; color:#eee; font-size:14px; line-height:20px;}
.footBtn ul li a:before{content:""; position:absolute; left:0px; top:9px; width:3px; height:3px; border-radius:3px; background:#fff;}
.footBtn ul li a:hover, .footBtn ul li a:focus {color:#fff; text-decoration:underline; }
.footBtn button, .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

.box_footer .web_mark{position:absolute; right:0; top:5.5rem; padding:8px 5px; }
.box_footer .web_mark li{float:left; margin:0 10px;}
.box_footer .web_mark li img{width:auto; height:1.5rem; }

/************************************** 서브콘텐츠 :시작 **************************************/
/* content */
#sub_container_wrap {position:relative; padding-top:3.5rem;}
#sub_container_wrap:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 11.4rem; background: #ecf1f7;}
.sub_content_wrap {position:relative; width:100%; max-width:1320px; margin:0 auto 30px; overflow:hidden; min-height:850px; padding-top: 1rem;}
#sub_content{width:900px; float:right;}
.subCntBody {position:relative; padding:30px 0 50px; color:#555; font-size:14px; line-height:1.4; }
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width: 16rem; height:100%;}
#menu h2 {position: relative;display:table;width:100%;height:7.7rem;letter-spacing: -1px;color:#fff;font-size: 1.5rem;font-weight: 600;background: #0d47a1 url('/images/web/portal/layout/h2_bg.svg') no-repeat right 1rem bottom 2.5rem;border-radius: 1.5rem;background-size: 20% auto;}/*250716*/
#menu h2::before{position: absolute; content: 'Changwon National University'; font-size: 0.75rem; font-weight: 600; top: 1.2rem; left: 2rem; text-align: center; opacity: 0.2;}
#menu h2 span{display:table-cell; vertical-align:middle; overflow:hidden; padding-left: 2rem;}
#menu nav{position: relative; top: -1.5rem; background: #fff;padding: 1rem; border-radius: 2rem; border: 1px solid #ddd; box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
#menu .lnb > li > a {display: block; position: relative; padding: 12px 40px 12px 10px; font-size: 0.85rem; line-height: 25px; color: #444; background: #fff; background-size: 0; transition: all 0.15s ease; border: 2px solid transparent;}
#menu .lnb > li > a:after{position: absolute; content: '\e907'; font-family: 'xeicon'; font-size: 1rem; color: #002d62; right: 1rem; opacity: 0; transition: all 0.15s;}
#menu .lnb > li.on > a{color:#094c9d;text-decoration:none; font-weight: 600;}
#menu .lnb > li:last-child{border-bottom: 1px solid transparent !important;}
#menu .subLnb {display:none; padding:0 10px; border-bottom:1px solid #ddd; background:#f2f2f2; }
#menu .subLnb li a {position:relative; display:block; color:#333; padding:10px 5px; border-top:1px solid #ddd; line-height:22px; font-size: 0.8rem;}
#menu .subLnb li:first-child a{border-top:0;}
#menu .subLnb li a:hover,
#menu .subLnb li a:focus,
#menu .subLnb li a:active{color:#094c9d; text-decoration:underline;}
#menu .subLnb li.on a {width:100%; padding:10px; color:#094c9d;}
#menu .lnb a, #menu ::before, #menu ::after{transition:all 0.15s ease; -ms-transition:all 0.15s ease; -webkit-transition:all 0.15s ease;}
/* active */
#menu .lnb > li > a:hover::before,
#menu .lnb > li > a:focus::before,
#menu .lnb > li.on > a::before{display: none;}
#menu .lnb > li > a:hover,
#menu .lnb > li > a:focus,
#menu .lnb > li.on > a{width: 100%; padding: 12px 20px 12px 10px; color:#094c9d; border-color: #094c9d; border-radius: 0.5rem; font-weight: 600; animation: hoverBg 0s forwards;}
#menu .lnb > li > a:hover::after,
#menu .lnb > li > a:hover::before,
#menu .lnb > li > a:focus::after,
#menu .lnb > li > a:focus::before,
#menu .lnb > li.on > a::after,
#menu .lnb > li.on > a::before{opacity: 1; font-weight: 400;}
#menu .lnb > li.on {border-bottom: 1px solid transparent !important;}
#menu nav > .lnb > li > a[target='_blank']:hover:after,
#menu nav > .lnb > li > a[target='_blank']:focus:after{right: 1rem;}


/* 새창 아이콘 */
#menu nav > .lnb > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:absolute; font-family: 'xeicon'; content:"\e980"; top: 50%; transform: translateY(-50%); right: 0; font-size: 0.9rem; opacity: 1;}
#menu nav > .lnb > li > a:hover[target='_blank']:after{right: 1rem;}

/* sub 타이틀 */
#sub_content .title_area {position:relative;}
.title_area .pageTitle { margin:2rem 0 1.2rem; padding-right:100px; word-break: keep-all; line-height:35px; font-size:1.5rem; letter-spacing:-2px; color:#111; font-weight: 600; }
.title_area .location {display: flex; align-items: end; text-align:left; height: 2rem; background: #fff; border-radius: 1rem 1rem 0 0; padding-left: 1rem;}
.title_area .location span,
.title_area .location strong {padding-left:1rem; font-size: 0.75rem; color:#666; background:url('/images/web/portal/layout/bgLocation.png') no-repeat 8px 5px; padding-bottom: 0.1rem;}
.title_area .location strong {color:#333; font-weight: 600;}
.title_area .location a.home {display:inline-block; width:1rem; height:1rem; vertical-align: middle; text-indent:-99999em; background:url('/images/web/portal/layout/ico_home.png') no-repeat; }

/* sns */
.snsBox { position:absolute; top:0px; right:0; text-align:right;}
.snsBox button { position:relative; float:left; display:block; width: 2rem; height:100%; margin:0 4px; text-indent: -9999%; overflow:hidden; cursor: pointer;}
.snsBox .btnPrint {width: 2rem; height: 2rem; overflow:hidden; background:#666 url("/images/web/portal/layout/btn_print.png") no-repeat center; border-radius:0.5rem; border:1px solid #666;}
.snsBox .btnShare {width: 2rem; height: 2rem; border-radius:0.5rem; background: #094c9d url("/images/web/portal/layout/btn_sns.png") no-repeat center; color: #fff; border:1px solid #094c9d; z-index:1;}
.snsBox .btnPrint:hover, .snsBox .btnPrint:focus { background:#fff url("/images/web/portal/layout/btn_print_w.png") no-repeat center; border:1px solid #ccc;}
.snsBox .btnShare:hover, .snsBox .btnShare:focus { background:#fff url("/images/web/portal/layout/btn_sns_w.png") no-repeat center;}
.snsBox .btnFavorites { width: 2rem; height: 2rem; overflow: hidden; background: #777 url(/images/ad/potal/btn_star.png) no-repeat center 0.5rem; border-radius: 0.5rem; border: 1px solid #777;}
.snsBox .btnFavorites:hover, .snsBox .btnFavorites:focus { background:#ececec url("/images/ad/potal/btn_star_on.png") no-repeat center; border: 1px solid #777;}
.snsBox .btnFavorites.btnFavoritesOn {background:#ececec url("/images/ad/potal/btn_star_on.png") no-repeat center; border: 1px solid #777;}
.snsBox .btn_F { background: #3a5a9b url(/images/web/portal/layout/sns_fa.png) no-repeat center;}
.snsBox .btn_T { background: #000 url(/images/web/portal/layout/sns_x.png) no-repeat center;}
.snsBox .btn_K { background: #fbc011 url(/images/web/portal/layout/sns_k.png) no-repeat center;}
.snsBox .sns_more {position: absolute;display: flex;gap: 0.3rem;width:150px;height: 2rem;right: 4.2rem;top:0;font-size:0;line-height:0;z-index:30;z-index:0;opacity: 0;transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;overflow:hidden;}
.snsBox .sns_more.open{width:150px;z-index:2;opacity: 1;}
.snsBox .sns_more button{float:left;margin: 0;border-radius: 0.5rem;cursor: auto;}
.snsBox .sns_more.open button {cursor:pointer}


/************************************** 서브콘텐츠 :끝 **************************************/


/********** Media quary **********/
@media screen and (max-width:1630px){
	.topUpLogo{display:none;}
	.topUpLogo .topLogo {border-radius: 0 1rem 1rem 0;}

	/* Header */
	#header h1.logo{left: 1%;}
	#header .gnb .gnb_wrap .d02{padding: 0 100px 0 310px;}
	#header .loginBox {}
	
	/* 검색 */
	#header .search{right: -3.5rem;}
	#header .search_close{top: -3rem;}

	.topLink li.comu1 ul{left: 0;}

	footer .area_footer .btn_top{right:0.5rem;}

	/* footer */
	.box_footer { width:100%; box-sizing: border-box; padding: 1.5rem 1rem 3rem 1rem;}
	.box_footer .ftLink .copy{left: 1rem; bottom: 1rem;}
	.box_footer .ftLink {margin-bottom: 0;}

}

@media screen and (max-width:1440px){
	#header .loginBox {top: 4rem;right: 1rem;}
	#header .offLine {margin-top: 1.5rem;}
	#header h1.logo {position:absolute; left:1rem; top:0.8rem;}
	#header h1.logo.on a {background-size: contain;}

	/* 로고2 250701수정*/ 
	#header h1.logoBox2 {left:2%;top: 0.4rem;margin-left:0;}
	
	#header .gnb .gnb_wrap {margin-left: -9.4rem;}
	#header .gnb::before{left: 0; width: 200vw;}
	#header .gnb .gnb_wrap .d01 > ul > li > a{font-size: 18px;}
	#header .gnb .gnb_wrap .d01 > ul > li > a.tch::before{left: 23%;}
	#header .gnb .gnb_wrap .d01 > ul > li > a.tch::after {left: 24%;}


	#header .search_btn {left: calc((100% / 2) + 16%);}
	#header .search_close {left: calc((100% / 2) + 15.5%);}

	#menu{padding-left: 1rem;}
	#sub_content {padding-right: 1rem;}
}

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

	/************************************** 서브콘텐츠 :시작 **************************************/
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	/* content */
	#sub_container_wrap{width:100%;}
	.sub_content_wrap {width:100%; padding-top:50px;}
	#sub_content {width:100%; min-height:0; padding:20px 20px 0;}

	/* sub 타이틀 */
	.title_area .pageTitle {font-size:28px; margin:10px 0 20px;}

	.subCntBody {width:100%; float:none; padding:25px 10px 30px;}

	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:absolute; left:0; top:0; width:100%; height:auto; z-index:10; padding-left: 0;}
	#menu h2 {position:relative; width:100%; height:50px; line-height:30px; box-sizing:border-box; padding:10px; margin-bottom:0; color:#fff; cursor:pointer; font-size: 0.95rem; background:#094c9d; border-radius: 0;}
	#menu h2::after{content:""; position: absolute; right:20px; top:18px; width:15px; height:15px; background:url('/images/web/portal/layout/mob_arr.png') no-repeat center;}
	#menu h2.on::after{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	#menu h2::before{display:none;}
	#menu h2 span{height:auto; line-height:30px; padding-left: 0;}

	#menu nav {display:none; top: 0; border-radius: 0; padding: 0.5rem;}

	.snsBox .sns_more.open {width: 135px; right: 5rem;}
	#menu .lnb > li {margin:0; top: 0;}
	#menu .lnb > li > a {padding:10px 40px 10px 20px; font-size:15px;}
	#menu .lnb > li > a:hover, #menu .lnb > li > a:hover, #menu .lnb > li.on > a, #menu .lnb > li.on > a {width: auto;}
	#menu .lnb > li.dep01 > a::before{right:20px;}
	#menu .subLnb{padding:0;}
	#menu .subLnb li a{padding:10px 20px;}
	#menu .subLnb li.on a{width:auto; padding:10px 20px;}


	/************************************** 서브콘텐츠 :끝 **************************************/
}

@media screen and (max-width:1240px) {
	/* all Menu */
	#allNav{width:95%; }

	/************************************** 서브콘텐츠 :시작 **************************************/
	#sub_container_wrap:before {height: 9.5rem;}

	/* 스크롤 이벤트 CSS */
	[data-aos^=fade][data-aos^=fade]{opacity:1;}

	/* 200117 */
	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.ft_site, .ft_site dl, .ft_site ul, .box_footer .box_info, .footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	#wrap { min-width:280px; width:100%;}
	#wrap.subPg {padding-top: 1.75rem;}
	.headerWrap{width:100%; }

	/** Header **/
	#header {min-width: 280px; height:auto; position:relative; top:auto !important; }
	#header .headerWrap {min-width:100%; height: 3.3rem; }/*241024*/
	/* #header .gnb{display:none; } */

	/* top util */
	#header .toputil {display: none; width:100%; font-size:13px; background:#121d2a; }
	#header .toputil.subPg{display: none;}
	#header .toputil .toputil_box{width:95%; }
	#header .toputil .top_mn {float:right; }
	#header .toputil .topLink{display: none;}
	.topLink{float: none; width: 100%; height: 3rem; line-height: 3rem; position: absolute; top: 3.5rem; padding-left: 0.5rem; background: #f5f5f5; border-bottom: 1px solid #ccc;}
	.topLink li a{width: 100%; color: #444;}
	.topLink li ~ li::before{left:1rem; background: #bfbfbf;}
	.topLink li ~ li {padding-left: 2rem;}
	.topLink li:last-child{display: block;}
	.topLink li.comu1 ul {left: 0.6rem; top: 3rem;}
	.topLink li.comu1 ul li a{padding: 5px 0;}
	.topLink li.comu ul {left: 0.6rem; top: 3rem;}
	.topLink li.comu ul li a{padding: 5px 0;}
	.topLink li.comu1::after,
	.topLink li.comu::after{right:-0.7rem;}

	/* 서브페이지 로그인박스 */
	.topUpLogo.subPg{display: none;}
	#header .loginBox.subPg .offLine a.mobLoginBtn::before {top: 0.6rem;}
	#header .loginBox.subPg .offLine .btBox > a::before {top: 53%;}
	#header .loginBox.subPg {top: -1.8rem; right: 0;}
	#header .loginBox.subPg .offLine {float: none; width: auto; padding-top: 0; border: none; background: none;}
	#header .loginBox.subPg .offLine a{line-height: 1.4rem; }
	#header .loginBox.subPg .offLine a.certiBt {display: none;}
	#header .loginBox.subPg a.mobLoginBtn {display: block; position: absolute; right: 10.2rem; height: 100%;top: 0.1rem; line-height: 1.65rem;padding: 0 0.3rem; background: none; color: #333;}
	#header .loginBox.subPg .onLine{display: flex; align-items: center; gap: 0.2rem; width: auto; height: 1.95rem; line-height: 1.95rem; background: transparent;}
	#header .loginBox.subPg .onLine .butn{line-height: 0;}
	#header .loginBox.subPg .onLine .butn:nth-child(3) {border-left: none;}
	#header .loginBox.subPg .onLine .user{ background: transparent; padding: 0;}
	#header .loginBox.subPg .onLine .user .name { line-height: 1.95rem;  border-radius: 1rem; height: 1.95rem; display: block;}
	#header .loginBox.subPg .onLine .butn.out {padding-left: 5px;}
	#header .loginBox.subPg .onLine .butn i {display: block; position: absolute; left: 0;}
	#header .loginBox.subPg .onLine .butn::before {left: -2px;}
	#header .loginBox.subPg .offLine a.webLoginBtn {display: none;}


	/* 검색 */
	#header .search::before {width: 100%; left: 0; background: #174d8f; border-radius: 0; top: -0.6rem;}
	#header .search_btn button{width: 2.25rem; height: 2.25rem;}
	#header .search_btn {right: 3.7rem; top: 0.6rem; left: auto;}
	#header .search {width:100vw; top:3.5rem; min-height: 7.75rem; padding: 1rem; box-sizing: border-box;}
	#header .search .search_wrap{position:relative; margin-top: 1rem; max-width: 22rem;}
	#header .search h2 {position:relative; top:auto; left:auto; color:#fff; font-size: 1.2rem; margin: 0; font-weight:normal; z-index:10; }
	#header .search input{height: 2rem; line-height: 2rem; background: #fff; border-radius: 2rem; border: none; width: 100%; font-size: 0.8rem; padding: 0 0.7rem;}
	#header .search a.btn_top_sear{height:1.8rem; line-height:1.8rem; background: #fff; top: 0.3rem;}
	#header .search_close { top: -2.9rem; right: 7rem; left: auto;}
	#header .search_close button {width: 2rem; height: 2rem; font-size: 0.8rem;}

	/* search */
	.totalSearch.subPg{right: 3.5rem; top: 0.6rem;}
	.mtotalSearch{right: 3.5rem; top: 0.6rem;}
	.mtotalSearch a {width: 2rem; height: 2rem;}

	/* 사이트맵 */
	.sitemap_btn{display:none; }

	/* 메뉴 */
	#mobNav {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden; }
	#mobNav .box {position:absolute; left:-100%; top:1.75rem; width:100%; height:100%; background:rgba(2, 13, 27, 0.95); z-index:10; }
	#mobNav .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height: 3.5rem; padding:0 0.5rem; height: 3.5rem; background:#fff; color:#000; border-bottom: 1px solid #ccc; box-sizing:border-box; z-index: 1;}
	#mobNav .box .binds {height:100%; overflow:hidden; }
	#mobNav .box .gnb_wrap { height:100%; width: 8.5rem; padding-top:6.5rem; background:#144b8e; }
	#mobNav .box .gnb_wrap::before{position: absolute; content: ''; width: 16.9rem; height: 16.25rem;         left: -2rem; background: url(/images/web/portal/layout/nav_bg.png) no-repeat; top: 33%; background-size: 50%; opacity: 0.05;}
	#mobNav .box .gnb_wrap a{display:block; position:relative; }
	#mobNav .box .d01 {width: 8.5rem;}
	#mobNav .box .d01 > ul > li > a {color:#fff; line-height: 3rem; text-decoration:none; border-bottom: 1px solid #255c9e;}

	#mobNav .box .d01 > ul > li > a span {display:inline-block; position:relative; font-size:16.8px; line-height:22px; padding:14px 10px; }
	#mobNav .box .d01 > ul > li > a[target='_blank'] span::before{display: none; content:''; width:14px; height:14px; float:right; margin:5px 8px; background:url('/images/web/portal/layout/icon_nav_blank.png') no-repeat; }
	#mobNav .box .d01 > ul > li > a[target='_blank'].open{padding-left: 0;}
	#mobNav .box .d01 > ul > li.dep > a:hover:after,
	#mobNav .box .d01 > ul > li.dep > a.open:after {content:"\e92b"; font-family: 'xeicon'; display:block; position:absolute; left:0.5rem; top: 50%; transform: translateY(-50%);}
	#mobNav .box .d01 > ul > li > a:hover,
	#mobNav .box .d01 > ul > li > a.open{ padding-left: 1.3rem; background:#fff; color: #144b8e;}
	#mobNav .box .d01 > ul > li div:not(.d02) {position: absolute; left: 8.5rem; top: 6.5rem; width: 11.5rem; height: 100%; background: #fff;}
	#mobNav .box .d02{position: absolute; width: 100%; z-index: 1;}
	#mobNav .box .d02 > ul{display:none; padding: 0.6rem;}
	#mobNav .box .d02 > ul > li > a{line-height: 2rem; font-size: 0.9rem; color:#444; padding: 0 1.2rem; }
	#mobNav .box .d02 > ul > li > a::before{content:""; position: absolute; left:0.7rem; top:50%; transform: translateY(-50%); width:4px; height:4px; background:#444;}
	#mobNav .box .d02 > ul > li > a[target='_blank']:after{content:"\e980"; font-family: 'xeicon'; position: absolute; right:0.7rem; top: 50%; transform: translateY(-50%); color: #444; opacity: 1;}
	#mobNav .box .d02 > ul > li > a::after{content:"\e907"; font-family: 'xeicon'; position: absolute; right:0.7rem; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0;}
	#mobNav .box .d02 > ul > li > a[target='_blank']:hover:after{color: #fff;}
	#mobNav .box .d02 > ul > li > a:hover,
	#mobNav .box .d02 > ul > li > a.open{background:#144b8e; color:#fff; border-radius: 0.3rem;}
	#mobNav .box .d02 > ul > li > a:hover::before,
	#mobNav .box .d02 > ul > li > a.open::before{background:#fff;}
	#mobNav .box .d02 > ul > li > a:hover::after{opacity: 1;}
	#mobNav .box .d03{display:none; background:#eee; padding:10px 20px;}
	#mobNav .box .d03 a{line-height:20px; color:#111; padding:10px 0; border-top:1px dashed #ccc;}
	#mobNav .box .d03 li:first-child a{border-top:0;}
	#mobNav .box .d03 a:hover{color:#002551; text-decoration:underline;}
	#mobNav .box .close {display:block; position:absolute; right:0.5rem; top:0.6rem; width: 2.25rem; height: 2.25rem; z-index:51; background:#002d62; border-radius: 50%; text-indent:-9999px; }
	#mobNav .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/web/portal/layout/btn_close_wh.png) no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease; }
	#mobNav .box .close:hover:after, #mobNav .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#mobNav .box a, #mobNav .box :before, #mobNav .box :after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

	#header .offLine a{padding: 8px 15px;}

	#header .mob_btn.subPg{display:block; position:absolute; right: 1rem; top: 0.6rem; width: 2rem; height: 2rem; line-height: 2rem; text-indent:-10000px; background: #002d62 url(/images/web/portal/layout/menuBtn.png) no-repeat top 50% left 50%; border-radius: 50%; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; z-index: 999;}
	#mobNav .box.subPg {top: 0;}

	/* header */
	#header .loginBox.subPg{display: flex; justify-content: space-between; width: 100%; height: 1.95rem; top: -1.95rem; right: 0;}
	#header .loginBox.subPg .topLogo {display: block;}
	#header .onLine.subPg {float: none; display: block; padding-right: 0.5rem; text-align: right;}
	#header .onLine.subPg ul {display: none;}
	#header .onLine.subPg h3{display: none;}
	#header .onLine.subPg .user {width: auto; height: 1.6rem; background: #555; color: #fff; padding: 0 0.5rem; border-radius: 1rem;}
	#header .onLine.subPg .user .name {display: block; font-size: 13px; line-height: 1.55rem; color: #fff;}
	#header .onLine.subPg .user .name em{color: #fff;}
	#header .onLine.subPg .user .userBox {display: none;}
	#header .onLine.subPg .user .userBox{left: auto; right: 0;}
	#header .onLine.subPg .user .userBox::after{left: auto; right: 50px;}
	#header .onLine.subPg .butn {line-height: 1.95rem; font-size: 12.5px; color: #555; padding: 0; background: transparent;}

	/* 오프라인 */
	#header .offLine.subPg{float: none; width: auto; padding-top: 0; border: none; background: none;}
	#header .offLine.subPg a{font-size: 0.7rem;}
	#header .offLine.subPg .idsave{display: none;}
	#header .offLine.subPg .btBox {justify-content: flex-start; border-top: none; padding: 0; position: absolute; top: 0; right: 0; line-height: 1.85rem;}
	#header .offLine.subPg .btBox > a{padding: 0 0.3rem;}
	#header .offLine.subPg .btBox > a::before {top: 60%; left: 0;}
	#header .offLine.subPg input{display: none;}
	#header .offLine.subPg a{position: relative; display: inline-block; border-radius: 0; background: transparent; color: #444; padding: 0 10px; margin-left: 0;}
	#header .offLine.subPg a.webLoginBtn{display: none;}
	#header .offLine.subPg a.mobLoginBtn{display: block; position: absolute; height: 100%; top: 0.1rem; right: 9.2rem; line-height: 1.75rem; padding: 0 0.3rem;}
	#header .offLine.subPg > a.log::before{background: transparent;}

	/* all Menu */
	#allNav{margin:40px auto 0;}

	.sub #header {position:relative; }

	/* 사이트링크 *//* 200117 */
	
	.ft_site{display:block; margin:0;}
	.ft_site .box{display:block; width:50%; float:left; padding:0;}
	.ft_site .box dl{padding:25px 20px; margin:0;}
	.ft_site .box dd{height:105px; margin:10px 0 0; overflow:auto;}
	.ft_site .box.mob_w100{position:relative; width:100%; border-bottom:1px dashed #ccc;}
	.ft_site .box.mob_w100 dl{width:50%; float:left;}
	.ft_site .box.mob_w100 dl ul{margin:0;}
	.ft_site .box.mob_w100::before{content:""; position:absolute; right:50%; top:0; width:1px; height:100%; margin-right:-2px; border-left:1px dashed #ccc;}

	
	.box_footer{flex-wrap: wrap;gap: 0.5rem;}
	.box_footer .ftLink.narrow {width: 100%; padding-left: 0;}
	.box_footer .ftLink.narrow ul{display: flex; flex-wrap: wrap; gap: 0.5rem;}
	.box_footer .ftLink ul li:first-child{margin-bottom:0rem;}
	.box_footer .ftLink ul li {max-width: calc(100% / 5);}

	footer .logoBox ul {max-width: 100%;}
	.footBtnWrap {top: 0;transform: translateY(0);}
	.box_footer .ftLink .line {flex-wrap: wrap;}
	.box_footer .ftLink.narrow a.ytb {bottom: -1.3rem; left: 0;}
	.box_footer .ftLink.narrow::before {width: 100vw; height: 1px; background:#fff; top: -0.4rem; left: -1rem;}
	.box_footer .footer_link {padding: 1.5rem 12rem 1.5rem 0;}
	.box_footer .box_info {padding-left: 11rem; padding-bottom: 1rem;}
	.box_footer .web_mark{top: auto;}
	.btn_top {top: -2.6rem;}

	/************************************** 서브콘텐츠 :시작 **************************************/
	/* content */
	#sub_container_wrap{padding-top:0px;}
	.snsBox .sns_more.open {right: 4.5rem;}

	/*241024*/
	#wrap {padding-top:0px;}
}

@media screen and (max-width:1024px) {
	#wrap{ padding-top: 1.75rem !important;}/*241024*/
	.topUpLogo{display: none;}


	/* header */
	#header{border-top: none;}
	#header .loginBox{display: flex; justify-content: space-between; width: 100%; height: 1.75rem; top: -2rem; right: 0; border-bottom: 1px solid #ddd;}
	#header .loginBox .topLogo {display: block;}
	#header .onLine {float: none; display: block; padding-right: 0.5rem; text-align: right;}
	#header .onLine ul, #header .onLine .togList {z-index: 9999;position: absolute;width: calc(100% - 2rem);right: 1rem;top: 24rem;box-sizing: border-box;}
	#header .onLine .togList {top: 30.5rem;}
	#header .onLine ul li {margin-bottom: 0;}
	#header .onLine ul li a {font-size: 13px;}
	#header .onLine h3{display: none;}
	#header .onLine .user {width: auto; height: 100%; background: #555; color: #fff; padding: 0 0.5rem; border-radius: 1rem;}
	#header .onLine .user .name {display: block; font-size: 13px; line-height: 1.75rem; color: #fff;}
	#header .onLine .user .name em{color: #fff;}
	#header .onLine .user .userBox {display: none;}
	#header .onLine .user .userBox{left: auto; right: 0;}
	#header .onLine .user .userBox::after{left: auto; right: 50px;}
	#header .onLine .butn {vertical-align: middle; height: 1.2rem; font-size: 12.5px; color: #555; padding: 0; background: transparent;}
	#header .onLine .butn{margin-left: 0.3rem;}
	#header .onLine .butn + .butn::before{position: absolute; content: ''; width: 1px; height: 10px; background: #ddd; left: -0.3rem; top: -0.1rem;}
	#header .onLine .butn:nth-child(3) {border-left: 0;}

	/* 오프라인 */
	#header .offLine{float: none; width: auto; padding-top: 0; border: none; background: none;}
	#header .offLine a{font-size: 0.7rem;}
	#header .offLine .idsave{display: none;}
	#header .offLine .btBox {justify-content: flex-start; border-top: none; padding: 0; position: absolute; top: 0; right: 0; line-height: 1.85rem;}
	#header .offLine .btBox > a{padding: 0 0.3rem;}
	#header .offLine .btBox > a::before {top: 60%; left: 0;}
	#header .offLine a.certiBt{display: none;}
	#header .offLine input{display: none;}
	#header .offLine a{position: relative; display: inline-block; border-radius: 0; background: transparent; color: #444; padding: 0 10px; margin-left: 0;}
	#header .offLine a.webLoginBtn{display: none;}
	#header .offLine a.mobLoginBtn{display: block; position: absolute; height: 100%; top: 0.1rem; right: 9.2rem; line-height: 1.75rem; padding: 0 0.3rem;}
	#header .offLine > a.log::before{background: transparent;}

    .top_logo2 {display:none;}

}

@media screen and (max-width:920px) {
	#header h1.logo a{width: 12rem; }
	#header h1.logo{left: 0.5rem;}

	/* all Menu */
	#allNav .gnb_wrap .d01 > ul > li{width:31.33%;}

}

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

	/* subPg 로그인부분 */
	#header .loginBox.subPg .onLine .butn{margin-top: 0.9rem;}
	#header .loginBox.subPg .onLine .butn::before { left: -0.9px; transform: translateY(0); top: -0.2rem;}

	/* search */
	.totalSearch{display: none;}
	.mtotalSearch{display: block;right: 1rem;top: 0.6rem;}/*250728 위치수정  */
	#header .search_close a{top: -0.6rem; right: -3.5rem; width: 2rem; height: 2rem;}
	#header .search a.btn_top_sear{height:1.7rem; line-height:1.7rem; background: #fff; color: #000; top: 0.3rem;}

	#header .mob_btn {display:block; position:absolute; right: 1rem; top: 0.6rem; width: 2rem; height: 2rem; line-height: 2rem; text-indent:-10000px; background: #002d62 url(/images/web/portal/layout/menuBtn.png) no-repeat top 50% left 50%; border-radius: 50%; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; z-index: 999;}
	#header .loginBox.subPg a.mobLoginBtn {right: 10.6rem;}
	#mobNav .box .close {width: 2rem; height: 2rem; font-size: 0.8rem; line-height: 2rem;}

	/* 푸터 */
	.box_footer .box_info{padding-left: 12rem;}
	footer .logoBox > ul > li {width: calc((100% / 4) - 1rem);}

	/* 상단팝업 */ /*210813*/
	.top_slider .slick-slide a{padding:0;}
	.top_slider .slick-slide a img{height:70px; }
	.top_slider .slick-prev, .top_slider .slick-next{width:30px; height:30px; margin-top:-15px; background-size:auto 60%; }
	.toppopup_wrap .toppopup{background:none;}
	.toppopup_wrap .closeCheck{bottom:-35px; }


	/* 사이트링크 *//* 200117 */
	.ft_site .box {width:50%;}

	/* all Menu */
	#allNav .gnb_wrap .d01 > ul > li > a{font-size:24px;}

}


@media screen and (max-width:640px) {
	/* 사이트링크 *//* 200117 */
	.footBtn div {left: 0;}
	.footBtn button {right: auto; left: 0;}
	.ft_site .box{width:100%; margin-top:-1px; border:none !important;}
	.ft_site .box.mob_w100::before{display:none;}
	.ft_site .box dl{width:100% !important; border-top:1px dashed #ccc;}

	/* footer */
	.box_footer .footer_link {padding: 2rem 0 1rem 0;}
	.box_footer .box_info{padding-left: 0; padding-top: 3rem;}
	.box_footer .f_logo{top: 0.6rem;}
	.box_footer .ftLink.narrow ul {flex-wrap: wrap;}

	#header .onLine ul{top: 21rem;}
	#header .onLine .togList {top: 27.5rem;}
}

@media screen and (max-width:560px) {
	#header .search .search_wrap{max-width: 18rem;}
	#header .onLine ul{top: 20.5rem;}
	#header .onLine .togList {top: 25.5rem;}

	/* all Menu */
	#allNav .gnb_wrap .d01 > ul > li{width:48%;}

	/* 왼쪽메뉴 */
	#menu h2 {padding:10px 50px 10px 20px;}
	#menu h2 span{text-align:left;}

	.box_footer .ftLink.narrow:last-child{margin-bottom: 3rem;}
	.box_footer .ftLink.narrow ul{gap: 0;}
	.box_footer .ftLink.narrow ul li{margin-right: 0.6rem;}

}

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

	#header .onLine .user{position: static;}
	#header .onLine .user .userBox{width: 100%;}
	#header .onLine .user .userBox::after{right: 135px;}

	#header .loginBox .topLogo {width: 5.6rem; font-size: 12px;}
	#header .offLine a {padding: 0 4px; font-size: 12px;}
}

@media screen and (max-width:460px) {
	#header .onLine ul{top: 15.5rem;}
	#header .onLine .togList {top: 21.5rem;}

	#header .search input{width: 96%;}

	.topLink li ~ li {padding-left: 1rem;}
	.topLink li ~ li::before {left: 0.6rem;}
	.topLink li.comu a {padding-right: 0.7rem;}
	.topLink li.comu::after {right: -0.4rem;}

	#header .loginBox.subPg .onLine .butn.mng,
	#header .loginBox.subPg .onLine .butn.crt{display: none;}

	.area_footer{padding: 0 0 2rem;}

	/* content */
	#sub_content {	padding:15px 10px 0;}
}

@media screen and (max-width :380px) {
	#header .onLine ul{top: 14.5rem;}
	#header .onLine .togList {top: 19.5rem;}

	#mobNav .box .d01 > ul > li > a.open span {padding: 14px 4px;}
	#mobNav .box .d01 > ul > li > a:hover, #mobNav .box .d01 > ul > li > a.open {padding-left: 1rem;}
	#mobNav .box .d01 > ul > li.dep > a.open:after {font-size: 0.9rem; left: 0.2rem;}
	#mobNav .box .d01 > ul > li > a span {font-size: 16px;}
	#mobNav .box .gnb_wrap{width: 6.5rem;}
	#mobNav .box .d01 {width: 6.5rem;}
	#mobNav .box .d01 > ul > li div:not(.d02) {left: 6.5rem; width: calc(100% - 6.5rem);}
	#mobNav .box .d02 > ul {padding: 0.3rem;}

	#header h1.logo a {width: 10rem;}
	#header .mob_btn {right: 1rem;}
	#header .search_btn{right: 3rem;}

	/* 로고2*/ 
	#header h1.logoBox2 a .logo {display: none;width: 25px;}/*250630 모바일 삭제  */
	#header h1.logoBox2 a .name{padding-left:0;max-width: 228px;word-break: auto-phrase;text-overflow: unset;white-space: normal;}/*250709*/
	#header h1.logoBox2 a .name::before{display:none;}
	
	/* all Menu */
	#allNav .gnb_wrap .d01 > ul > li{width:98%;}
	#allNav .gnb_wrap .d01 > ul > li > a{font-size:20px;}
	#allNav .gnb_wrap .d02 > ul > li > a{font-size:15px; padding:5px 15px;}
	#allNav .gnb_wrap .d03{padding:5px 15px;}

	.snsBox .sns_more{right:-5px;}
	.snsBox .sns_more.open { width: auto; top: 2.5rem; right: 0;}

	.box_footer .ftLink .copy{bottom: 0;}
	.box_footer .ftLink.narrow:last-child{margin-bottom: 2.5rem;}
	footer .logoBox > ul > li {width: calc((100% / 3) - 1rem);}
	.footBtnWrap {top: auto;bottom: -3rem;transform: translateY(0);}

}


@media screen and (max-width :320px) {
	.topLink li a {font-size: 0.8rem;}

	#header .loginBox.subPg .onLine { right: 0; position: absolute;}
}

@media screen and (max-width :300px) {
	#header .loginBox{justify-content: end;}
	#header .loginBox .topLogo,
	#header .loginBox.subPg .topLogo{display: none;}
}