@charset "utf-8";


/******************************
풀팝업
******************************/
/* .openFullPopup{position:absolute;top:200px;left:50%;margin-left:-790px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;height:92px;background:url(../../images/common/openFullPopup.png) no-repeat center;} */
.openFullPopup{position:absolute;top:180px;right:40px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;height:92px;background:url(../../images/common/openFullPopup.png) no-repeat center;}
.openFullPopup .span_1{display:block;color:#FFF;font-size:14px;border-bottom:1px solid #8ca6cf;padding-bottom:5px;margin-bottom:5px;}
.openFullPopup .span_2{color:#FFF;font-size:14px;}
.openFullPopup strong{color:#95d3e6;font-size:19px;font-weight:700;}
/*
@media all and (max-width:1600px){
  .openFullPopup{left:5%;margin-left:0;}
}
*/
@media all and (max-width:1280px){
  .openFullPopup{top:150px;right:30px;opacity:0.8;scale:0.9;}  /*filter:alpha(opacity=80);*/
}
/*
@media all and (max-width:768px){
  .openFullPopup{top:90px;}
}
*/
@media all and (max-width:430px){
  .openFullPopup{top:90px; visibility:hidden}
}


/******************************
사용자메뉴
******************************/
/*.user_service{position:fixed;top:220px;right:0;width:90px;z-index:2;}
.user_service .userBtn{display:block;text-align:center;color:#FFF;font-size:13px;padding:20px 10px;width:100%;border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;}
.user_service .userBtn span{display:block;padding-top:5px;line-height:1.1;}
.user_service .userBtn span i{display:block;}
.user_service .a_1 .userBtn{background:#0d57a7;}
.user_service .a_2 .userBtn{background:#008fd3;}
.user_service .a_3 .userBtn{background:#00b3cd;}
.user_service .a_4 .userBtn{background:#6ec3ee;}

.user_container{display:none;width:100%;height:100%;position:fixed;top:0;right:0;background:rgba(0,0,0,0.5);}
.user_container .user_container_inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.user_container .user_wrap{width:940px;margin:0 auto;position:relative;background:#FFF;}
.user_container .user_wrap::before{content:"";display:block;width:100%;height:200px;position:absolute;top:0;left:0;background:#0d57a7;}

.user_wrap h2{position:relative;padding:35px 0;text-align:center;font-size:35px;color:#FFF;line-height:1.2;font-weight:300;}
.user_wrap h2 strong{font-weight:700;padding-right:10px;}
.user_wrap ul.wrap{position:relative;min-height:300px;text-align:center;}
.user_wrap ul.wrap > li{display:inline-block;}
.user_wrap ul.wrap > li .title{}
.user_wrap ul.wrap > li .title a{font-weight:300;font-size:16px;color:#FFF;line-height:1;padding:4px 12px;border:1px solid transparent;border-radius:30px;}
.user_wrap ul.wrap > li .list{display:none;position:absolute;top:60px;left:0;width:100%;background:#FFF;padding:3%;}
.user_wrap ul.wrap > li .list ul{}
.user_wrap ul.wrap > li .list ul li{}
.user_wrap ul.wrap > li .list ul li a{display:block;text-align:center;padding:10px 0;margin:0 10px;border-bottom:1px solid #bebebe;}
.user_wrap ul.wrap > li .list ul li a span{font-weight:300;font-size:15px;color:#333;line-height:1;line-height:1.2;}
.user_wrap ul.wrap > li .control{display:none;}
.user_wrap .slick-dots{display:none !important;}

.user_wrap .control{position:absolute;left:0;bottom:20px;width:100%;display:flex;justify-content:center;align-items:center;}
.user_wrap .control button{display:inline-block;text-indent:-9999px;width:25px;height:25px;}
.user_wrap .control button.play{background:url(/sites/style_guide/images/common/play_2_b.png) no-repeat center;}
.user_wrap .control button.stop{background:url(/sites/style_guide/images/common/pause_2_b.png) no-repeat center;}
.user_wrap .control button.play,
.user_wrap .control button.stop{display:none;}
.user_wrap .control button.on{display:inline-block;}
.user_wrap .control button.prev,
.user_wrap .control button.next{background:url(/sites/style_guide/images/common/arrow_2_b.png) no-repeat center;}
.user_wrap .control button.prev{transform:rotate(180deg);}
.user_wrap .control button.next{}

.user_wrap ul.wrap > li.active .list{display:block;}
.user_wrap ul.wrap > li.active .control{display:flex;}
.user_wrap ul.wrap > li.active .title a{border-color:#FFF;}
.user_wrap .closeUser{display:block;text-indent:-9999px;width:65px;height:76px;background:url(../../images/common/target_close.png) no-repeat center;position:absolute;top:-35px;right:-33px;cursor:pointer;}

.sub .user_service{width:70px;}
.sub .user_service .userBtn{font-size:11px;}
.sub .user_service .userBtn img{display:none;}
.sub .user_service .userBtn span{padding-top:0;}

@media all and (max-width:1280px){
  .user_service{width:70px;top:150px;}
  .user_service .userBtn{font-size:11px;}
  .user_container .user_wrap{width:80%;}
  .user_service .userBtn{padding:10px;filter:alpha(opacity=80);opacity:0.8;}
  .user_service .userBtn img{display:none;}
  .user_service .userBtn span{padding-top:0;}
}
@media all and (max-width:1024px){
  .user_wrap h2{padding:20px 0;font-size:25px;}
}
@media all and (max-width:768px){
  .user_service{position:absolute;top:75px;}
  .user_wrap .closeUser{top:-25px;right:-15px;width:45px;height:45px;border-radius:100%;}
  .user_wrap ul.wrap{padding:0 3%;}
  .user_wrap ul.wrap > li{width:47%;border:1px solid #FFF;margin:1%;}
  .user_wrap ul.wrap > li .title a{display:block;font-size:15px;padding:7px 0;border:0;width:100%;}
  .user_wrap ul.wrap > li.active .title a{border-radius:0;background:#FFF;color:#00b3cd;font-weight:500;}
  .user_wrap ul.wrap > li .list{top:80px;}
}
*/

/***250217 조재희 추가***/
.user_service{position:fixed;top:300px;right:20px;width:120px;z-index:2;}
.user_service .userBtn{display:block;text-align:center;color:#FFF;font-size:15px;padding:10px;width:100%; position:relative;}
.user_service .userBtn span{display:block;padding-top:5px;line-height:1.1;font-family:Pretendard;font-weight:400;}
.user_service .userBtn span i{display:block;}
.user_service .a_1 .userBtn{background:#008FD3; clip-path: polygon(50% 0%, 100% 40%, 100% 100%, 0% 100%, 0% 40%); padding:25px 0 10px 0;}
.user_service .a_2 .userBtn{background:#0D57A7; height: auto;}
.user_service .a_3 .userBtn{background:#063B75; height: auto;}
.user_service .a_4 .userBtn{background:#008FD3; clip-path: polygon(50% 100%, 100% 60%, 100% 0%, 0% 0%, 0% 60%); padding:10px 0 25px 0;}

.user_service .a_3 .b1::before{content:""; display:block; position:absolute; width:80px; height:1px; background:rgb(127 157 189 / 80%); bottom:0; left:calc(50% - 40px);}
/* .user_service .a_3 div:last-child::before{display:none;} */

.user_container{display:none;width:100%;height:100%;position:fixed;top:0;right:0;background:rgba(0,0,0,0.5);z-index:1;}
.user_container .user_container_inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.user_container .user_wrap{width:940px;margin:0 auto;position:relative;background:#FFF;}
.user_container .user_wrap::before{content:"";display:block;width:100%;height:200px;position:absolute;top:0;left:0;background:#009fb6;}

.user_wrap h2{position:relative;padding:35px 0;text-align:center;font-size:35px;color:#FFF;line-height:1.2;font-weight:300;}
.user_wrap h2 strong{font-weight:700;padding-right:10px;}
.user_wrap ul.wrap{position:relative;min-height:300px;text-align:center;}
.user_wrap ul.wrap > li{display:inline-block;}
.user_wrap ul.wrap > li .title{}
.user_wrap ul.wrap > li .title a{font-weight:300;font-size:16px;color:#FFF;line-height:1;padding:4px 12px;border:1px solid transparent;border-radius:30px;}
.user_wrap ul.wrap > li .list{display:none;position:absolute;top:60px;left:0;width:100%;background:#FFF;padding:3%;}
.user_wrap ul.wrap > li .list ul{}
.user_wrap ul.wrap > li .list ul li{}
.user_wrap ul.wrap > li .list ul li a{display:block;text-align:center;padding:10px 0;margin:0 10px;border-bottom:1px solid #bebebe;}
.user_wrap ul.wrap > li .list ul li a span{font-weight:300;font-size:15px;color:#333;line-height:1;line-height:1.2;}
.user_wrap ul.wrap > li .control{display:none;}
.user_wrap .slick-dots{display:none !important;}

.user_wrap .control{position:absolute;left:0;bottom:20px;width:100%;display:flex;justify-content:center;align-items:center;}
.user_wrap .control button{display:inline-block;text-indent:-9999px;width:25px;height:25px;}
.user_wrap .control button.play{background:url(/sites/style_guide/images/common/play_2_b.png) no-repeat center;}
.user_wrap .control button.stop{background:url(/sites/style_guide/images/common/pause_2_b.png) no-repeat center;}
.user_wrap .control button.play,
.user_wrap .control button.stop{display:none;}
.user_wrap .control button.on{display:inline-block;}
.user_wrap .control button.prev,
.user_wrap .control button.next{background:url(/sites/style_guide/images/common/arrow_2_b.png) no-repeat center;}
.user_wrap .control button.prev{transform:rotate(180deg);}
.user_wrap .control button.next{}

.user_wrap ul.wrap > li.active .list{display:block;}
.user_wrap ul.wrap > li.active .control{display:flex;}
.user_wrap ul.wrap > li.active .title a{border-color:#FFF;}
.user_wrap .closeUser{display:block;text-indent:-9999px;width:65px;height:76px;background:url(../../images/common/target_close.png) no-repeat center;position:absolute;top:-35px;right:-33px;cursor:pointer;}

.sub .user_service{width:100px; right:23px;}
.sub .user_service .userBtn{font-size:14px;}
.sub .user_service .userBtn img{display:none;}
.sub .user_service .userBtn span{padding-top:0;}

@media all and (max-width:1280px){
  .user_service{top:260px; width:100px}
  .user_service .userBtn{font-size:13px;}
  .user_container .user_wrap{width:80%;}
  .user_service .userBtn{padding:10px;filter:alpha(opacity=80);opacity:0.8;}
/*  .user_service .userBtn img{display:none;}*/
  .user_service .userBtn span{padding-top:0;}
}
@media all and (max-width:1024px){
  .user_wrap h2{padding:20px 0;font-size:25px;}
}
@media all and (max-width:768px){
  /*.user_service{position:absolute;top:240px;}*/
  .user_service{top:240px;}
  .user_wrap .closeUser{top:-25px;right:-15px;width:45px;height:45px;border-radius:100%;}
  .user_wrap ul.wrap{padding:0 3%;}
  .user_wrap ul.wrap > li{width:47%;border:1px solid #FFF;margin:1%;}
  .user_wrap ul.wrap > li .title a{display:block;font-size:15px;padding:7px 0;border:0;width:100%;}
  .user_wrap ul.wrap > li.active .title a{border-radius:0;background:#FFF;color:#00b3cd;font-weight:500;}
  .user_wrap ul.wrap > li .list{top:80px;}
}
@media all and (max-width:430px){
    .user_service{ visibility:hidden;}
}

/******************************
헤더
******************************/
/*구조*/
header{position:absolute;top:0;left:0;z-index:2;width:100%;}
.head_wrap_2{border-bottom:1px solid rgba(138,142,154,0.5);}
/*로고*/
.head_logo{max-width:1400px;margin:0 auto;text-align:center;padding:15px 0;position:relative;}
.head_logo .logo_c{display:none;}
/*GNB*/
.gnb{position:absolute;right:0;top:15px;}
.gnb #_globalUl{display:flex;justify-content:center;align-items:center;}
.gnb .loginSign > a,
.gnb .logoutSign > a,
.gnb .search > a{display:block;text-indent:-9999px;width:50px;height:50px;}
.gnb .loginSign > a{background:url(../../images/common/icon_login.png) no-repeat center;}
.gnb .logoutSign > a{background:url(../../images/common/icon_logout.png) no-repeat center;}
.gnb .search > a{background:url(../../images/common/icon_search.png) no-repeat center;}
.gnb .language > a{display:block;font-size:15px;font-weight:500;color:#FFF;display:flex;justify-content:center;align-items:center;width:60px;}
.gnb .language > a::after{content:"";display:block;width:15px;height:4px;background:url(../../images/common/lan_arr_d.png) no-repeat right center;}
/*모바일용숨기기*/
.gnb_m,
.btn_mgnb,
.btn_mgnb_close{display:none;}
@media all and (max-width:1400px){
  .head_logo{max-width:96%;}
}
@media all and (max-width:1280px){
  .head_logo{text-align:left;}
  .head_logo a img{max-width:150px;}
  .gnb{right:50px;top:0;}
  .gnb .loginSign,
  .gnb .logoutSign,
  .gnb .language{display:none;}
  .gnb .search > a{height:72px;}
  .gnb_m,
  .btn_mgnb,
  .btn_mgnb_close{display:block;}
}
/*언어*/
@media all and (min-width:1281px){
  .language_container{display:none;position:absolute;right:50%;top:40px;margin-right:-50px;width:100px;z-index:1;}
  .language_container ul li{margin-top:1px;}
  .language_container ul li a{display:block;text-align:center;padding:5px 10px;font-size:11px;color:#000;background:rgba(255,255,255,1);}
}
/*검색*/
.search_container{display:none;position:absolute;top:5px;right:0;width:240px;padding:0 10px;background:#FFF;border:3px solid #88abda;border-radius:30px;}
.search_container form{position:relative;width:calc(100% - 25px);line-height:1;padding:2px 0;}
.search_container form input{height:20px;display:inline-block;}
.search_container form input[type=text]{width:calc(100% - 25px);padding:10px;font-size:14px;color:#000;border:0;}
.search_container form input[type=submit]{width:25px;text-indent:-9999px;background:url(../../images/common/icon_search_b.png) no-repeat center;position:absolute;top:3px;right:0;cursor:pointer;}
.search_container .closeSearch{display:block;text-indent:-9999px;width:25px;height:25px;background:url(../../images/common/icon_search_x.png) no-repeat center;position:absolute;top:1px;right:10px;cursor:pointer;}
@media all and (max-width:1280px){
  .search_container{top:20px;right:-5px;}
}

/******************************
헤더
******************************/
/*구조*/
header{position:absolute;top:0;left:0;z-index:2;width:100%;}
.head_wrap_2{border-bottom:1px solid rgba(138,142,154,0.5);}
/*로고*/
.head_logo{max-width:1400px;margin:0 auto;text-align:center;padding:17px 0;position:relative;}
.head_logo .logo_c{display:none;}
/*GNB*/
.gnb{position:absolute;right:0;top:15px;}
.gnb #_globalUl{display:flex;justify-content:center;align-items:center;}
.gnb .loginSign > a,
.gnb .logoutSign > a,
.gnb .search > a{display:block;text-indent:-9999px;width:50px;height:50px;}
.gnb .loginSign > a{background:url(../../images/common/icon_login.png) no-repeat center;}
.gnb .logoutSign > a{background:url(../../images/common/icon_logout.png) no-repeat center;}
.gnb .search > a{background:url(../../images/common/icon_search.png) no-repeat center;}
.gnb .language > a{display:block;font-size:15px;font-weight:500;color:#FFF;display:flex;justify-content:center;align-items:center;width:60px;}
.gnb .language > a::after{content:"";display:block;width:15px;height:4px;background:url(../../images/common/lan_arr_d.png) no-repeat right center;}
/*모바일용숨기기*/
.gnb_m,
.btn_mgnb,
.btn_mgnb_close{display:none;}
@media all and (max-width:1400px){
  .head_logo{max-width:96%;}
}
@media all and (max-width:1280px){
  .head_logo{text-align:left;}
  .head_logo a img{max-width:150px;}
  .gnb{right:50px;top:0;}
  .gnb .loginSign,
  .gnb .logoutSign,
  .gnb .language{display:none;}
  .gnb .search > a{height:72px;}
  .gnb_m,
  .btn_mgnb,
  .btn_mgnb_close{display:block;}
}
/*언어*/
@media all and (min-width:1281px){
  .language_container{display:none;position:absolute;right:50%;top:40px;margin-right:-50px;width:100px;z-index:1;}
  .language_container ul li{margin-top:1px;}
  .language_container ul li a{display:block;text-align:center;padding:5px 10px;font-size:11px;color:#000;background:rgba(255,255,255,1);}
}
/*검색*/
.search_container{display:none;position:absolute;top:5px;right:0;width:240px;padding:0 10px;background:#FFF;border:3px solid #88abda;border-radius:30px;}
.search_container form{position:relative;width:calc(100% - 25px);line-height:1;padding:2px 0;}
.search_container form input{height:20px;display:inline-block;}
.search_container form input[type=text]{width:calc(100% - 25px);padding:10px;font-size:14px;color:#000;border:0;}
.search_container form input[type=submit]{width:25px;text-indent:-9999px;background:url(../../images/common/icon_search_b.png) no-repeat center;position:absolute;top:3px;right:0;cursor:pointer;}
.search_container .closeSearch{display:block;text-indent:-9999px;width:25px;height:25px;background:url(../../images/common/icon_search_x.png) no-repeat center;position:absolute;top:1px;right:10px;cursor:pointer;}
@media all and (max-width:1280px){
  .search_container{top:20px;right:-5px;}
}


/******************************
주메뉴
******************************/
/*새창*/
.head_navi nav .a_3.new_win:after{content:"";display:inline-block;width:15px;height:15px;vertical-align:0;margin-left:2px;background:url(/sites/style_guide/images/common/aLink_3_b.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}
/*DESKTOP*/
@media all and (min-width:1401px){
  .head_navi{max-width:1400px;margin: 0 auto;}
}
@media all and (min-width:1281px){
  .head_navi,
  .head_navi nav,
  .head_navi nav .div_1,
  .head_navi nav .ul_1,
  .head_navi nav .li_1,
  .head_navi nav .a_1{height:100%;}
  .head_navi{}
  .head_navi .unb_mobile,
  .head_navi .btn_mgnb_close{display:none;}
  .head_navi nav{height:100%;}
  .head_navi nav .div_1{height:100%;}
  .head_navi nav .ul_1{display:flex;}
  .head_navi nav .li_1{width:100%;}
  .head_navi nav .a_1{display:flex;justify-content:center;align-items:center;box-sizing: border-box;color:#FFF;font-weight:400;font-size:18px;padding:15px 0;}
  .head_navi nav .a_1 span{position:relative;display:inline-block;}
  .head_navi nav .a_1 span::after{content:"";display:block;width:100%;height:8px;background:transparent;transform:translate(0px, -6px);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
  .head_navi nav .a_1._active span::after{background:rgba(0,185,255,0.2);}
  .head_navi nav .li_1._last{display:none;}
  .head_navi nav .li_1:last-child{display:none;} /*시크릿 모드시, 마지막메뉴 안보이게 css 처리*/
  .head_navi nav .div_2{display:none;position:absolute;top:140px;left:0;width:100%;background:#fff;}
  .head_navi nav .div_2{max-height: 80vh;overflow-y: auto;}/*20240611 추가*/
  /* 250210 조재희 홈페이지리뉴얼*/
/*  .head_navi nav .div_2::before{content:"";display:block;background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;position:absolute;top:0;left:50%;margin-left:-1280px;width:860px;height:100%;}*/
  .head_navi nav .div_2::before{content:"";display:block;background:url(../../images/main/Lnavimg.png) no-repeat right top;position:absolute;top:0;left:50%;margin-left:-1280px;width:860px;height:calc(100% - 10px);}
  .head_navi nav .ul_2{top:0;left:50%;min-height:200px;width:1200px;margin-left:-420px;position:relative;z-index:1;padding:25px 0;} /*1120px > 1200px*/
  /*20240611 주석*/
  /*
  .head_navi nav .ul_2::before{content:"";display:block;background:#1557b0;position:absolute;top:0;left:0;width:257px;height:100%;}
  .head_navi nav .li_2{display:flex;align-items:center;}
  */
  .head_navi nav .li_2{display:inline-block;vertical-align:top;margin-left:2.5%;width:17%;margin-top:25px;}/*20240611 추가*/
  /*20240611 주석*/
  /*.head_navi nav .a_2{width:270px;padding:10px 40px;color:#FFF;font-size:17px;position:relative;}*/
  .head_navi nav .a_2{position:relative;display:block;font-size:17px;color:#FFF;padding:10px 10px 10px 40px;margin-bottom:10px;background:#1557B0;}/*20240611 추가*/
  .head_navi nav .a_2::before{content:"";display:block;width:10px;height:12px;position:absolute;top:17px;left:20px;background:url(../../images/common/mainNav_icon_2.png) no-repeat;transform:scale(0);}
  .head_navi nav .a_2 span{position:relative;}
  /*20240611 주석*/
  /*
  .head_navi nav .div_3{position:relative;width:calc(100% - 245px);}
  .head_navi nav .ul_3{display:flex;flex-wrap:wrap;padding:0 20px;}
  .head_navi nav .a_3{display:block;color:#414141;font-size:16px;font-weight:300;position:relative;padding:5px 20px 5px 13px;}
  .head_navi nav .a_3::before{content:"";display:block;width:1px;height:10px;background:#c8c8c8;position:absolute;top:calc(50% - 5px);right:0;}
  */
  /*20240611 추가~*/
  /*.head_navi nav .a_3{position:relative;display:inline-block;color:#014099;font-size:16px;font-weight:500;padding:5px 0;line-height:1;}*/
  .head_navi nav .a_3{position:relative;display:inline-block;color:#888;font-size:16px;font-weight:500;padding:5px 0;line-height:1;}
  .head_navi nav .a_4{display:block;color:#414141;font-size:14px;font-weight:300;position:relative;padding:3px 20px 3px 13px;}
  .head_navi nav .a_4::before{content:"";display:block;width:3px;height:3px;background:#BBB;position:absolute;left:0;top:15px;}
  /*~20240611 추가*/
  .head_navi nav .li_3._last .a_3::before{display:none;}
  .head_navi nav .navGab{position:absolute;top:0;left:50%;width:280px;height:100%;margin-left:-700px;}
  .head_navi nav .navGab::before,
  .head_navi nav .navGab::after{display:block;color:#FFF;padding-right:40px;line-height:1;}
  .head_navi nav .navGab::before{font-size:20px;font-weight:700;padding-top:40px;content:"TU Korea";}
  .head_navi nav .navGab::after{font-size:35px;font-weight:500;padding-top:10px;}
  .head_navi nav .eQ01 .navGab::after{content:"대학소개";}
  .head_navi nav .eQ02 .navGab::after{content:"입학안내";}
  .head_navi nav .eQ03 .navGab::after{content:"대학/대학원";}
  .head_navi nav .eQ04 .navGab::after{content:"대학생활";}
  .head_navi nav .eQ05 .navGab::after{content:"학사/장학/취업";}
  .head_navi nav .eQ06 .navGab::after{content:"연구/산학";}
  .head_navi nav .eQ07 .navGab::after{content:"미디어센터";}
  .head_navi nav .eQ08 .navGab::after{content:"이용안내";}
  
  /*250210 조재희 홈페이지 리뉴얼*/
/*  .head_navi nav .eQ01 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ02 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ03 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ04 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ05 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ06 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ07 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;}
  .head_navi nav .eQ08 .div_2::before{background:url(../../images/common/mainNav_bg_1.jpg) no-repeat right top;} */
  .head_navi nav .eQ01 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ02 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ03 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ04 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ05 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ06 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ07 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  .head_navi nav .eQ08 .div_2::before{background:url(../../images/main/Lnavimg.png) no-repeat right top;}
  
  .head_navi nav .li_1:hover .a_1 span::after,
  .head_navi nav .a_1.active span::after{background:rgba(0,185,255,0.2);}
  .head_navi nav .li_2:hover .a_2,
  .head_navi nav .a_2._active{background:#023478;}
  .head_navi nav .li_2:hover .a_2::before,
  .head_navi nav .a_2._active::before{transform:scale(1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
  .head_navi nav .li_3:hover .a_3,
  /*.head_navi nav .a_3._active{color:#0d57a7;font-weight:500;}*/
  .head_navi nav .a_3._active{color:#333;font-weight:500;}
  
  .head_navi nav .a_4:hover,
  .head_navi nav .a_4._active{color:#1557B0;font-weight:500;}/*20240611 추가*/

  /*20240611 추가 ~ depth3 숨김 처리 후, depth2 호버시 보이게 적용*//*250210 조재희 홈페이지 리뉴얼*/
  .head_navi nav .ul_3 .div_4{display:none;}
  .head_navi nav .ul_3 > li:hover .div_4{display:block;}
  /*.head_navi nav .li_3._useChildDiv .a_3{background:url(../../images/common/ico_menuArr_06.png) no-repeat 95% center / 14px;padding:5px 25px 5px 0;}*/
  .head_navi nav .li_3._useChildDiv .a_3{background:url(../../images/common/unarrow.png) no-repeat 95% center / 14px;padding:5px 25px 5px 0;}
  /*~ 20240611 추가*/
}
@media all and (min-width:1281px) and (max-width:1400px){
  .head_navi nav .div_2::before{display:none;}
  .head_navi nav .ul_2{left:auto;width:100%;margin-left:0;}
  .head_navi nav .navGab{display:none;}

}
/*MOBILE*/
@media all and (max-width:1280px){
  .head_navi{display:none;position:fixed;right:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:1;}
  .head_navi.on{display:block;}
  .head_navi:before{content:"";display:block;background:rgba(0,0,0,0.5);position:fixed;right:0;top:0;width:100%;height:100%;}
  .head_navi nav{margin-left:50%;margin-top:60px;position:relative;background:#FFF;padding-bottom:200px;}
  .head_navi nav:before{content:"";display:block;background:#DDD url(/sites/style_guide/images/common/emblem_2.png) no-repeat center 95%;background-size:150px;position:fixed;right:0;top:0;width:50%;height:100%;}
  .head_navi nav li{position:relative;}
  .head_navi nav a{display:block;font-weight:500;border-top:1px solid rgba(255,255,255,0.5);position:relative;color:#666;}
  .head_navi nav .div_1{box-shadow:0px -10px 35px #888;position:relative;}
  /*20240611 주석*/
  /*
  .head_navi nav .div_2,
  .head_navi nav .div_3{display:none;}
  */
  /*20240611 추가 ~*/
  .head_navi nav .div_2,
  .head_navi nav .div_3,
  .head_navi nav .div_4{display:none;}
  /*~ 20240611 추가*/
  
  .head_navi nav .ul_3{border-top:1px solid #DDD;}
  .head_navi nav .li_1{border-bottom:1px solid #cecece;}
  .head_navi nav .li_2{border-bottom:1px solid #DDD;}
  .head_navi nav .li_3{border-bottom:1px solid #DDD;}
  .head_navi nav .li_1:last-child .a_1{border-bottom:1px solid rgba(255,255,255,0.5);}
  .head_navi nav .li_2:last-child,
  .head_navi nav .li_3:last-child{border:0;}
  .head_navi nav .a_1{font-size:18px;font-weight:700;padding:12px 10px 12px 20px;background:#DDD;color:#222;}
  .head_navi nav .a_2{font-size:16px;padding:10px 10px 10px 40px;background:#EEE;}
  .head_navi nav .a_3{font-size:16px;padding:10px 10px 10px 55px;background:#f7f7f7;}
  .head_navi nav .a_4{font-size:14px;padding:10px 10px 10px 70px;background:#ffffff;}/*20240611 추가*/

  .head_navi nav .li_1.have:after,
  .head_navi nav .li_1.haveOpen:after{content:"";display:block;width:20px;height:20px;position:absolute;right:20px;top:15px;border:1px solid #222;border-radius:100%;background:url(/sites/style_guide/images/common/arrow_14_b.png) no-repeat center;}
  .head_navi nav .li_1.have:after{transform:rotate(90deg);}
  .head_navi nav .li_1.haveOpen:after{transform:rotate(-90deg);}
  .head_navi nav .li_2.have:after,
  .head_navi nav .li_2.haveOpen:after{content:"";display:block;width:10px;height:10px;position:absolute;right:25px;top:17px;}
  .head_navi nav .li_2.have:after{background:url(/sites/style_guide/images/common/plus_1_b.png) no-repeat center;}
  .head_navi nav .li_2.haveOpen:after{background:url(/sites/style_guide/images/common/minus_1_b.png) no-repeat center;}
  .head_navi nav .a_3:before{content:"";display:block;position:absolute;width:10px;height:10px;left:40px;top:17px;background:url(/sites/style_guide/images/common/arrow_1_b.png) no-repeat center;}

  .head_navi nav .a_2._active{background:#c9d7e4;}
  .head_navi nav .a_3._active{background:#d9e3ed;}

  .head_navi nav .gnb_sideA,
  .head_navi nav .gnb_sideB,
  .head_navi nav .navGab{display:none;}

  .btn_mgnb{display:block;position:absolute;right:0;top:0;width:50px;height:72px;font-size:0;background:url(/sites/style_guide/images/common/icon_mNav.png) no-repeat center;}
  .btn_mgnb_close{position:fixed;right:0;top:0;width:50%;height:60px;background:#245aa6;}
  .btn_mgnb_close button{display:inline-block;text-indent:-9999px;width:60px;height:100%;background:#222 url(/sites/style_guide/images/common/x_4_w.png) no-repeat center;}

  .gnb_m{position:absolute;right:0;top:0;width:100%;}
  .gnb_m .search{display:none;}
  .gnb_m .loginSign a,
  .gnb_m .logoutSign a{display:block;position:absolute;left:60px;top:0;width:60px;height:60px;font-size:0;}
  .gnb_m .loginSign a{background:#0091d3 url(/sites/style_guide/images/common/icon_login_w.png) no-repeat center;}
  .gnb_m .logoutSign a{background:#0091d3 url(/sites/style_guide/images/common/icon_logout_w.png) no-repeat center;}
  .gnb_m .language > a{display:none;}
  .gnb_m .gotoEng,
  .gnb_m .gotoChn{color:#FFF;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;position:absolute;top:0;height:60px;}
  .gnb_m .gotoEng{width:80px;right:70px;}
  .gnb_m .gotoChn{width:70px;right:0;}
}
@media all and (max-width:768px){
  .head_navi nav{margin-left:0;}
  .head_navi nav:before,
  .btn_mgnb_close{width:100%;}
}


/******************************
풋터
******************************/
footer{background:#0d57a7;padding:50px 0;word-break:keep-all;position:relative;}
footer .footer_container{max-width:1400px;margin:0 auto;position:relative;}

.wrap_site_link{position:absolute;right:0;top:0;display:flex;justify-content:flex-end;align-items:center;}
.wrap_site_link > div{display:flex;justify-content:space-between;align-items:center;margin-left:30px;position:relative;}
.wrap_site_link > div > a{color:#fff;font-size:15px;display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;min-width:200px;padding:12px 10px;}
.wrap_site_link > div > a::after{content:"";display:block;width:13px;height:8px;background:url(../../images/common/rela_arr_d.png) no-repeat center;transform:rotate(180deg);}
.wrap_site_link > div > a.active::after{transform:rotate(360deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}

.wrap_site_link > div ul{display:none;background:#494949;padding:15px;position:absolute;bottom:46px;left:0;width:100%;height:240px;overflow-y:auto;overflow-x:hidden;border:2px solid #cfcfcf;z-index:1;}
.wrap_site_link > div ul.active{display:block;}
.wrap_site_link > div ul li{}
.wrap_site_link > div ul li a{display:block;padding:5px 0;color:#FFF;font-size:14px;border-bottom:1px solid #cfcfcf;/*border-top:1px solid #ccc;*/}
.wrap_site_link > div ul li:first-child a{border-top:0;}
.wrap_site_link > div ul li:last-child a{border-bottom:0;}

.fnb{position:absolute;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:center;}
.fnb a{color:#cfcfcf;font-size:15px;font-weight:300;}
.fnb a.a_1{color:#fff; font-weight:400;}
.fnb a::before{content:"";display:inline-block;width:1px;height:10px;background:#BBB;margin:0 10px;}
.fnb a:first-child::before{display:none;}


.foot_sns{position:absolute;right:0;top:85px;display:flex;justify-content:flex-end;align-items:center;}
.foot_sns a{margin-left:3px;}

.foot_mark{position:absolute;left:300px;top:0;}

.foot_logo{}

.foot_address{font-weight:300;color:#fff;font-size:16px;}
.foot_address address{margin-top:20px;}
.foot_address div{padding:10px 0;}
.foot_address span{margin-right:20px;}
.foot_address span{}
.foot_address a{color:#f1f1f1;display:inline-block;}
.foot_address p{font-size:13px;}

@media all and (max-width:1400px) {
  footer .footer_container{max-width:96%;}
}
@media all and (max-width:1280px) {
  .wrap_site_link,
  .fnb,
  .foot_sns,
  .foot_mark{position:relative;right:auto;left:auto;top:auto;bottom:auto;justify-content:center;}
  .wrap_site_link > div{margin:0 1%;}
  .fnb,
  .foot_sns{margin:20px 0;}
  .foot_sns a{margin:0 3px;}
  .foot_mark,
  .footer_wrap{text-align:center;}

}
@media all and (max-width:768px) {
  .wrap_site_link > div{width:48%;}
  .wrap_site_link > div > a{min-width:100%;}
  .fnb{flex-wrap:wrap;}
  .fnb a{padding:3px 10px;}
  .fnb a::before{display:none;}
  .foot_logo img{max-width:200px;}
  .foot_address span{display:block;}
}
@media all and (max-width:420px) {
  .wrap_site_link{flex-wrap:wrap;}
  .wrap_site_link > div{width:100%;margin:1% 0;}
}


/******************************
고탑
******************************/
.goTop a{display:block;background:url(../../images/common/GoTop.png) no-repeat center;width:70px;height:70px;position:fixed;bottom:20px;right:45px;filter:alpha(opacity=5);opacity:0.7;z-index:1;}

@media all and (max-width:1280px) {
  .goTop a{right:30px;}
}
@media all and (max-width:768px) {
  .goTop a{width:50px;height:50px;border-radius:50%;filter:alpha(opacity=90);opacity:0.9;}
}


/******************************
서브비주얼
******************************/
.wrap_sub_visual{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;}
.wrap_sub_visual::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-position:center bottom;background-repeat:no-repeat;background-size:cover;z-index:-1;}
/*.wrap_sub_visual::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);z-index:-1;}*/
.wrap_sub_visual a{display:none !important;text-indent:-9999px;width:40px;height:40px;border:7px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.3) url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;position:absolute;top:calc(50% - 10px);}
.wrap_sub_visual a.prev{left:5%;transform:rotate(180deg);}
.wrap_sub_visual a.next{right:5%;}
.wrap_sub_visual .container{}
.wrap_sub_visual .container .visual_intro{text-align:center;color:#FFF;}
.wrap_sub_visual .container .visual_intro strong{font-size:40px;font-weight:700;}
.wrap_sub_visual .container .visual_intro span{display:block;font-size:18px;font-weight:300;margin-top:10px;}

  /* 250210 조재희 홈페이지리뉴얼*/
/*
.wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ01 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ02 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ03 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ04 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ05 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ06 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
.eQ07 .wrap_sub_visual::before{background-image:url(../../images/sub/sub_visual_1.jpg);}
*/

.wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ01 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ02 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ03 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ04 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ05 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ06 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}
.eQ07 .wrap_sub_visual::before{background-image:url(../../images/main/menuBg.png);}


/*애니메이션*/
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:3s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{transform:filter:blur(100px);filter:grayscale(1);}
  100%{transform:filter:blur(0px);filter:grayscale(0);}
}



/******************************
기능
******************************/
.wrap_page_func{position:absolute;left:0;width:100%;}
.wrap_page_func .container{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:1400px;margin: 0 auto;background:rgba(27,43,67,0.9);}
/*서브내비*/
.wrap_page_func .sub_navi{}
.wrap_page_func .sub_navi > ul{display:flex;justify-content:flex-start;}
.wrap_page_func .sub_navi > ul > li{position:relative;border-right:1px solid rgba(162,168,178,0.3);}
.wrap_page_func .sub_navi > ul > li > button{display:flex;align-items:center;text-align:left;font-size:18px;color:#FFF;font-weight:300;padding:0 25px;height:80px;}
.wrap_page_func .sub_navi > ul > li > button::after{content:"";display:block;width:30px;height:30px;margin-left:15px;background:url(../../images/sub/loca_arrow_d.png) no-repeat center;}
.wrap_page_func .sub_navi > ul > li.home a{display:block;height:80px;width:80px;text-indent:-9999px;background:url(../../images/sub/icon_home.png) no-repeat center;}
/*서브내비목록*/
.wrap_page_func .sub_navi > ul > li ul{display:none;position:absolute;width:100%;left:0;top:80px;z-index:1;max-height:300px;overflow-y:auto;box-shadow: 1px 1px 5px #666;padding:10px;background:rgba(27,43,67,0.9);}
.wrap_page_func .sub_navi > ul > li ul li{}
.wrap_page_func .sub_navi > ul > li ul li a{display:inline-block;font-size:15px;padding:7px 10px;color:#FFF;}
.wrap_page_func .sub_navi > ul > li ul li a::after{content:"";display:block;width:0;height:2px;background:#00b3cd;margin-top:2px;}
/*서브유틸*/
.wrap_page_func .sub_util{}
.wrap_page_func .sub_util > ul{display:flex;justify-content:flex-end;}
.wrap_page_func .sub_util > ul > li > button{display:block;height:80px;width:80px;text-indent:-9999px;}
button.sub_favo{background:#0d57a7 url(../../images/sub/sub_util_favo.png) no-repeat center;}
button.sub_share{background:#008fd3 url(../../images/sub/sub_util_share.png) no-repeat center;}
button.sub_print{background:#009fb6 url(../../images/sub/sub_util_print.png) no-repeat center;}
/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:160px;top:0;overflow:hidden;border:1px solid #3e454c;width:250px;background:#FFF;z-index:1;}
.box_sub_favo  > strong {display:block;font-weight:500;font-size:16px;padding:10px 20px;background:#6e91c1;color:#FFF;}
.box_sub_favo ul{padding:15px;}
.box_sub_favo ul li {padding:0 0 5px 0;font-size:14px;}
.box_sub_favo ul li a span {display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:43px;height:43px;background:url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(/sites/style_guide/images/common/x_1_b.png) no-repeat center;text-indent:-9999px;}
.box_sub_favo .control{text-align:center; padding:15px 0;}
.box_sub_favo .control button{display:inline-block; display:inline-block; padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;}
.box_sub_favo .control button.add{background:#1b2b43;}
.box_sub_favo .control button.reset{background:#707070;}
/*공유하기*/
.box_sub_share{display:none;position:absolute;right:80px;top:0;height:80px;width:480px;background:#FFF;z-index:1;}
.box_sub_share .close{position:absolute;right:0;top:0;width:80px;height:100%;text-indent:-9999px;background:#52575c url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_share ul{display:flex;}
.box_sub_share ul li{}
.box_sub_share ul button{display:block;width:80px;height:80px;text-indent:-9999px;background-size:30% !important;}
.box_sub_share .fb{background:#3a5897 url(/sites/style_guide/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw{background:#5faade url(/sites/style_guide/images/common/icon_twitter.png) no-repeat center center;}
.box_sub_share .pin{background:#e60c1d url(/sites/style_guide/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .kakao{background:#ffe503 url(/sites/style_guide/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .addr{background:#FFF url(/sites/style_guide/images/common/icon_url.png) no-repeat center center;background-size:75% !important;}
.box_sub_share .insta{background:#bf0761 url(/sites/style_guide/images/common/icon_insta.png) no-repeat center center;}
@media all and (max-width:1280px) {
  .wrap_page_func .sub_util > ul > li.a_favo,
  .wrap_page_func .sub_util > ul > li.a_print{display:none;}
}
@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
  .wrap_page_func .sub_navi > ul > li{display:none;}
  .wrap_page_func .sub_navi > ul > li.home,
  .wrap_page_func .sub_navi > ul > li:last-child{display:block;}
  .wrap_page_func .sub_navi > ul > li:last-child{width:100%;}

  .wrap_page_func .sub_navi > ul > li > button,
  .wrap_page_func .sub_navi > ul > li.home a,
  .wrap_page_func .sub_util > ul > li > button{height:50px;}
  .wrap_page_func .sub_navi > ul > li.home a,
  .wrap_page_func .sub_util > ul > li > button{width:50px;}
  .wrap_page_func .sub_navi > ul > li ul{top:50px;}
  .wrap_page_func .sub_navi > ul > li > button{font-size:15px;padding:0 15px;}

  .box_sub_share{right:50px;height:50px;width:300px;}
  .box_sub_share .close{width:50px;}
  .box_sub_share ul button{width:50px;height:50px;background-size:30px !important;}
}
@media all and (max-width:320px) {
}



/******************************
서브구조
******************************/
body.sub{padding-top:454px;}
.wrap_sub_visual{height:454px;}
.wrap_page_func{top:373px;}
@media all and (max-width:1280px) {
}
@media all and (max-width:768px) {
  body.sub{padding-top:250px;}
  .wrap_sub_visual{height:250px;}
  .wrap_page_func{top:200px;}

  .wrap_sub_visual .container .visual_intro strong{font-size:25px;}
  .wrap_sub_visual .container .visual_intro span{display:none;}
}
/*컨텐츠*/
.wrap_contents{background:#FFF;position:relative;}
.wrap_contents > .container{word-break:keep-all;}
/*타이틀*/
.page_title{text-align:center;display:flex;align-items:center;justify-content:center;padding:100px 0;}
.page_title h1{display:inline-block;color:#191919;font-size:45px;font-weight:500;}
.page_title::before,
.page_title::after{content:"";display:block;width:40px;height:1px;background:#555553;margin:0 20px;}
@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
  .page_title{padding:30px 0;}
  .page_title h1{font-size:22px;}
  .page_title::before,
  .page_title::after{display:none;}
}


/******************************
탭메뉴
******************************/
.tab_1{max-width:1400px;margin:0 auto;}
.tab_1 nav.menuUItab{}
.tab_1 .tab_div > ul{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.tab_1 .tab_div > ul > li{border:1px solid transparent;}
.tab_1 .tab_div > ul > li > a{display:block;position:relative;line-height:1;padding:15px 22px;}
.tab_1 .tab_div > ul > li > a span{color:#000;font-size:20px;font-weight:400;}
.tab_1 .tab_div > ul > li > a::before{content:"";display:block;width:9px;height:14px;background:transparent;transform:skew(-30deg);position:absolute;left:calc(50% - 4.5px);top:-8px;}
.tab_1 .tab_div > ul > li._active{border-color:#333;}
.tab_1 .tab_div > ul > li > a._active{color:#0d57a7;}
.tab_1 .tab_div > ul > li > a._active::before{background:#245aa6;}
@media all and (max-width:1400px) {
  .tab_1{max-width:94%;}
}
@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
}
@media all and (max-width:480px) {
}
@media all and (max-width:320px) {
}



/******************************
페이지담당자
******************************/
.pageManager{border:1px solid #DDD;padding:20px;display:flex;align-items:center;justify-content:flex-end;}
.pageManager dl{display:flex;align-items:center;font-size:14px;line-height:1.2;margin-right:15px;}
.pageManager dl::before{content:"";display:inline-block;}
.pageManager dl dt{font-weight:500;}
.pageManager dl dt::after{content:":";display:inline-block;padding:0 5px 0 3px;}
.pageManager dl.item_1::before{background:url(../../images/sub/charger_1.png) no-repeat center;width:20px;height:20px;margin-right:10px;}
.pageManager dl.item_2::before{background:url(../../images/sub/charger_2.png) no-repeat center;width:20px;height:20px;margin-right:10px;}
.pageManager dl.item_4{margin:0 0 0 auto;}
@media all and (max-width:768px) {
  .pageManager{justify-content:center;}
}
@media all and (max-width:480px) {
  .pageManager{flex-direction:column;}
  .pageManager dl{padding:5px 0;}
}



/******************************
스크롤
******************************/
@media all and (min-width:1281px) {
  .fix .head_wrap{position:fixed;top:0;left:0;width:100%;background:#FFF;}
  .fix .head_navi nav .a_1{color:#000;}
  .fix .head_navi nav .div_2{top:65px;}
}
@media all and (max-width:1280px) {
  .fix header{position:fixed;top:0;left:0;width:100%;background:#FFF;}
  .fix .head_logo .logo_w{display:none;}
  .fix .head_logo .logo_c{display:inline;}
  .fix .gnb .search > a{background: url(../../images/common/icon_search_b.png) no-repeat center;}
  .fix .btn_mgnb{background: url(/sites/style_guide/images/common/icon_mNav_b.png) no-repeat center;}
}


/******************************
메인메뉴ON
******************************/
@media only screen and (min-width:1281px){
  .navOn header{background:#FFF;}
  .navOn .head_wrap_2{border-color:rgba(0,0,0,0.1);}
  .navOn .head_logo .logo_w{display:none;}
  .navOn .head_logo .logo_c{display:inline;}
  .navOn .head_navi nav .a_1{color:#222;}
  .navOn .gnb .sign > a{background: url(../../images/common/icon_login_b.png) no-repeat center;}
  .navOn .gnb .search > a{background: url(../../images/common/icon_search_b.png) no-repeat center;}
  .navOn .gnb .language > a{color:#000;}
  .navOn .gnb .language > a::after{background: url(../../images/common/lan_arr_d_b.png) no-repeat right center;}
  .navOn .language_container ul li a{color:#FFF;background:rgba(0,0,0,0.5);}

}

/******************************
HOVER
******************************/
@media only screen and (min-width:1281px){
  .language_container ul li a:hover{background: rgba(255,255,255,0.7);}
  .user_wrap ul.wrap > li .title a:hover{border-color:#FFF;}
  .user_wrap ul.wrap > li .list ul li a:hover span{font-weight:400;}
  .user_service .userBtn:hover img{transform: rotatey(360deg);transition: all 0.9s cubic-bezier(0.2, 0, 0.3, 1);}

  .wrap_page_func .sub_navi > ul > li ul li a:hover::after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}

  .goTop a:hover{filter:alpha(opacity=100);opacity:1;}

  .tab_1 .tab_div > ul > li:hover{border-color:#DDD;}
  .tab_1 .tab_div > ul > li > a:hover::before{background:#888;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}