/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
헤더
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*상단 팝업*/
.header_popup_wrap {position: relative;display: block;width: 100%;background: #fff2dd;}
.header_popup_wrap .popup_cont {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 25px 0;overflow: hidden;font-family: 'Spoqa Han Sans', 'Sans-serif';}
.header_popup_wrap .popup_cont .title {position: relative;display: block;font-size: 19px;line-height: 130%;color: #333;letter-spacing: -0.03em;font-weight: 600}
.header_popup_wrap .popup_cont .title b {color: #f44336}

.header_popup_wrap .popup_cont .time {position: absolute;top: 50%;right: 150px;margin-top: -20px;display: block;overflow: hidden;float: left;height: 40px;line-height: 40px;font-size: 18px;color: #222}
.header_popup_wrap .popup_cont .time span {display: inline-block;width: 30px;height: 40px;border-radius: 4px;overflow: hidden;background: #fff;text-align: center;font-weight: 600;line-height: 40px;vertical-align: middle;margin: 0 2px}

.header_popup_wrap .popup_cont .btn_box {position: absolute;display: block;top: 50%;right: 45px;margin-top: -20px;}
.header_popup_wrap .popup_cont .btn_box .btn {display: inline-block;width: 90px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 14px;border-radius: 40px;background: #f44336}

.header_popup_wrap .head_pop_close {position: absolute;top: 50%;right: 0;width: 30px;height: 30px;margin-top: -15px;background: #222;border-radius: 50%}
.header_popup_wrap .head_pop_close:after {position: absolute;display: block;top: 0;left: 0;width: 30px;height: 30px;line-height: 32px;content: "\f342";text-align: center;font-size: 15px;color: #fff;font-family: FontAwesome, LineAwesome}


/*header*/
#header-wrap {position: relative;top: 0;left: 0;display: block;width: 100%;border-bottom: 1px solid #ddd;z-index: 2005;background: #fff;border-bottom: 1px solid #ddd}
#header {position: relative;display: block;width: 1100px;height: 55px;padding: 35px 0;margin: 0 auto;z-index: 2000}
#header h1 {position: relative;display: inline-block;float: left;line-height: 55px}
#header h1 img {vertical-align: middle}

/*전체 카테고리*/
#ctgAll_Open {position: absolute;top: 58px;left: 195px;display:block;background: #fff;border: 1px solid #11af9f;padding: 0 15px;border-radius: 30px;}
#ctgAll_Open span {display: inline-block;color: #11af9f;line-height: 30px;font-size: 14px;padding-left: 20px;font-weight: 600}

#ctgNav-icon { position: absolute;top: 9px;left: 15px;width: 15px;height: 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer; }

#ctgNav-icon i { display: block;position: absolute;height: 2px;width: 100%;background: #11af9f;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);
    transform: rotate(0deg);-webkit-transition: .22s ease-in-out;-moz-transition: .22s ease-in-out;-o-transition: .22s ease-in-out;transition: .22s ease-in-out;}

#ctgNav-icon i:nth-child(1) { top: 0;}
#ctgNav-icon i:nth-child(2),#ctgNav-icon i:nth-child(3) { top: 5px;}
#ctgNav-icon i:nth-child(4) { top: 10px;}
#ctgNav-icon.open i:nth-child(1) {  top: 18px;width: 0;left: 50%; }
#ctgNav-icon.open i:nth-child(2) {  -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#ctgNav-icon.open i:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }
#ctgNav-icon.open i:nth-child(4) { top: 18px;width: 0;left: 50%; }

#ctgAllBox {display: none;position: absolute;top: 100px;left: 50%;width: auto;height: auto;margin-left: -355px;border: 1px solid #11af9f;border-radius: 7px;z-index: 4004;background: #fff;}
.ctgAllBox_open {display: block !important;}

#ctgNavi {display: block;padding: 15px 10px;}
#ctgNavi #menu-button {display: none;}
#ctgNavi .ctgLst {position: relative;line-height: 130%;text-align: left;height: 100%;width: 200px;display: inline-block;margin: 0 10px;vertical-align: top}
#ctgNavi .ctgLst a {display: block}
#ctgNavi .ctgLst .cm-l1 {position: relative;vertical-align: top;}
#ctgNavi .ctgLst .cm-a1 {display: block;z-index: 1;font-size: 13px;border-bottom: 1px solid #eee;background-repeat: repeat;padding: 0 20px 0 42px;line-height: 40px;}
#ctgNavi .ctgLst .cm-a1 small {display: inline-block;font-size: 12px;color: #999;letter-spacing: 0}
#ctgNavi .ctgLst .cm-l1:last-child .cm-a1 {border-bottom: none}
#ctgNavi .ctgLst .cm-a1 i {position: absolute;top: 8px;left: 10px;width: 26px;height: 23px;display: block;overflow: hidden;vertical-align: middle;}
#ctgNavi .ctgLst .cm-a1 i img {vertical-align: top;}
#ctgNavi .ctgLst .cm-a1 .isTxt {color: #222;position: relative;z-index: 20;}
#ctgNavi .ctgLst .cm-l1.has-sub > a:after {position: absolute;top: 20px;right: 11px;width: 8px;height: 2px;display: block;background: #cecece;content: '';}
#ctgNavi .ctgLst .cm-l1.has-sub > a:before {position: absolute;top: 17px;right: 14px;display: block;width: 2px;height: 8px;background: #cecece;content: '';-webkit-transition: all .30s ease;-moz-transition: all .30s ease;-ms-transition: all .30s ease;-o-transition: all .30s ease;transition: all .30s ease;}
#ctgNavi .ctgLst .cm-a1:hover {background: #11af9f}
#ctgNavi .ctgLst .cm-a1:hover i img {margin-left: -26px}
#ctgNavi .ctgLst .cm-a1:hover .isTxt {color: #fff;}
#ctgNavi .ctgLst .cm-a1:hover small {color: rgba(255,255,255,0.5)}
#ctgNavi .ctgLst .cm-l1.has-sub > a:hover:after {background: #fff;}
#ctgNavi .ctgLst .cm-l1.has-sub > a:hover:before {background: #fff;top: 20px;height: 0;}

#ctgNavi .depth2 {position: absolute;top: 0;left: -9999px;z-index: 100;min-width: 180px;border: 2px solid #000;background: #fff;}
#ctgNavi .depth2 .cm-l2 {position: relative;vertical-align: top;height: 0;display: block;}
#ctgNavi .cm-l1:hover .depth2 {left: 200px;}
#ctgNavi .cm-l1:hover .depth2 .cm-l2 {height: auto;}
#ctgNavi .depth2 .cm-a2 {display: block;font-size: 12px;text-decoration: none;color: #555;padding: 0 10px;line-height: 30px}
#ctgNavi .depth2 .cm-a2 small {display: inline-block;font-size: 11px;color: #999;letter-spacing: 0}
#ctgNavi .ctgLst .cm-a2:hover {color: #fff;background: #11af9f}
#ctgNavi .depth2 .cm-a2:hover small {color: rgba(255,255,255,0.5)}
#ctgNavi .ctgLst .cm-l2.has-sub > a:after {position: absolute;top: 13px;right: 11px;width: 8px;height: 2px;display: block;background: #cecece;content: '';}
#ctgNavi .ctgLst .cm-l2.has-sub > a:before {position: absolute;top: 10px;right: 14px;display: block;width: 2px;height: 8px;background: #cecece;content: '';-webkit-transition: all .30s ease;-moz-transition: all .30s ease;-ms-transition: all .30s ease;-o-transition: all .30s ease;transition: all .30s ease;}
#ctgNavi .ctgLst .cm-l2.has-sub > a:hover:after {background: #fff;}
#ctgNavi .ctgLst .cm-l2.has-sub > a:hover:before {background: #fff;top: 20px;height: 0;}

#ctgNavi .depth3 {position: absolute;top: -2px;left: -9999px;z-index: 100;min-width: 180px;border: 2px solid #000;background: #fff;}
#ctgNavi .depth3 .cm-l3 {position: relative;vertical-align: top;height: 0;display: block;}
#ctgNavi .cm-l2:hover .depth3 {left: 180px;}
#ctgNavi .cm-l2:hover .depth3 .cm-l3 {height: auto;}
#ctgNavi .depth3 .cm-a3 {display: block;font-size: 12px;text-decoration: none;color: #555;padding: 0 10px;line-height: 30px}
#ctgNavi .depth3 .cm-a3 small {display: inline-block;font-size: 11px;color: #999;letter-spacing: 0}
#ctgNavi .ctgLst .cm-a3:hover {color: #fff;background: #11af9f}
#ctgNavi .ctgLst .cm-a3:hover small {color: rgba(255,255,255,0.5)}
#ctgNavi .ctgLst .cm-l3.has-sub > a:after {position: absolute;top: 13px;right: 11px;width: 8px;height: 2px;display: block;background: #cecece;content: '';}
#ctgNavi .ctgLst .cm-l3.has-sub > a:before {position: absolute;top: 10px;right: 14px;display: block;width: 2px;height: 8px;background: #cecece;content: '';-webkit-transition: all .30s ease;-moz-transition: all .30s ease;-ms-transition: all .30s ease;-o-transition: all .30s ease;transition: all .30s ease;}
#ctgNavi .ctgLst .cm-l3.has-sub > a:hover:after {background: #fff;}
#ctgNavi .ctgLst .cm-l3.has-sub > a:hover:before {background: #fff;top: 12px;height: 0;}

.gnb {position: absolute;top: 15px;right: 0;overflow: hidden}
.gnb li {position: relative;float: left;padding: 0 10px}
.gnb li:before {position: absolute;top: 5px;left: 0;width: 1px;height: 10px;background: #ddd;content: ""}
.gnb li:first-child:before {display: none;}
.gnb li a {display: inline-block;color: #777;font-size: 12px;}
.gnb li a:hover {color: #11af9f}
.gnb li .count {display: inline-block;background: #f6d706;border-radius: 3px;padding: 0 5px;color: #000}

.right_menu {position: absolute;top: 60px;right: 0;display: block;z-index: 10}
.right_menu li {position: relative;float: left;margin: 0 8px}
.right_menu li a {display: block;font-size: 12px;color: #333;text-align: center}
.right_menu li .fe {display: block;margin-bottom: 5px;font-size: 21px}
.right_menu li a:hover {color: #11af9f}
.right_menu li .count {position: absolute;top: -10px;right: -3px;width: 20px;height: 20px;border-radius: 50%;overflow: hidden;background: #ef1c3f;text-align: center;color: #fff;font-size: 11px;line-height: 20px;}



/*상단 로그인관련*/
#myzoneArea {position: absolute;top: 50px;right: 50%;display: none;width: 258px;margin-right: -130px;overflow: hidden;}
#myzoneArea.open {display: block}
#myzoneArea:after {position: absolute;top: 0;right: 50%;width: 12px;height: 6px;margin-right: -6px;background: url("/re_images/header/myzoneArea_arw.png") no-repeat 0 0;content: ""}
#myzoneArea .myzone {position: relative;display: block;overflow: hidden;background: #fff;border: 1px solid #aaa;margin-top: 5px;
    -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.4);box-shadow: 0 0 5px -1px rgba(0,0,0,0.4);}

#myzone-Login {position: relative;display: block;overflow: hidden;}
#myzone-Login .hd-user-info {position: relative;display: block;padding: 10px 10px 0 68px;cursor: pointer}
#myzone-Login .hd-user-info .userImg {position: absolute;top: 7px;left: 10px;width: 40px;height: 40px;}
#myzone-Login .hd-user-info .userImg i {position: relative;display: block;width: 40px;height: 40px;border: 2px solid #fff;overflow: hidden;border-radius: 50%;text-align: center}
#myzone-Login .hd-user-info .userImg i img {width: 40px;height: 40px;display: block;}
#myzone-Login .hd-user-info .userImg .userImg-change {position: absolute;top: 22px;right: -8px;width: 19px;height: 19px;border-radius: 50%;overflow: hidden;background: url("/re_images/header/userImg-change.png") no-repeat 0 0}
#myzone-Login .hd-user-info .userImg .userImg-change:hover {background-position: -19px 0}
#myzone-Login .hd-user-info .userImg .userImg-change span {display: none}
#myzone-Login .hd-user-info span {display: block;color: #999;line-height: 20px;font-size: 12px;}
#myzone-Login .hd-user-info span em {display: inline-block;max-width: 155px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;font-weight: 600;font-style: normal;color: #333;vertical-align: top}


#myzone-Over {position: relative;display: block;background: #fff;}
#myzone-Over .point {position: relative;display: block;overflow: hidden;background: #f3f3f3;border-radius: 5px;padding: 7px 5px;text-align: center;margin: 10px;}
#myzone-Over .point span {display: inline-block;margin-right: 3px;vertical-align: top}
#myzone-Over .point b {display: inline-block;vertical-align: top;color: #11af9f}

#myzone-Over .pd-quick {position: relative;display: block;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f7f7f7}
#myzone-Over .pd-quick li {width: 33.3333%;float: left;text-align: center;margin: 0;}
#myzone-Over .pd-quick li a {display: block;border-right: 1px solid #ddd;padding: 10px 0;font-size: 12px;color: #151515}
#myzone-Over .pd-quick li a:hover {color: #089f90;font-weight: 600}
#myzone-Over .pd-quick li:last-child a {border-right:0}
#myzone-Over .pd-quick li span {display: block}

#myzone-Over .pd_quick {position: relative;display: block;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f7f7f7;padding: 15px 0;text-align: center}
#myzone-Over .pd_quick a {display: inline-block;color: #fff;background: #0e6960;padding: 10px 15px;border-radius: 5px;}
#myzone-Over .pd_quick a .fe {font-size: 17px;margin-bottom: 2px;display: inline-block;vertical-align: top;margin-right: 5px;font-weight: normal}
#myzone-Over .pd_quick a .txt {display: inline-block;vertical-align: top;font-size: 14px}

#myzone-Over .zone-menu {position: relative;display: block;padding: 10px 15px 15px;border-bottom: 1px solid #ddd}
#myzone-Over .zone-menu:last-child {border-bottom: none}
#myzone-Over .zone-menu b {display: block;line-height: 25px;color: #444;font-size: 12px;}
#myzone-Over .zone-menu ul {display: block;border-top: 1px solid #ddd;border-left: 1px solid #ddd;overflow: hidden}
#myzone-Over .zone-menu ul li {width: 50%;float: left;border-bottom: 1px solid #ddd;margin: 0}
#myzone-Over .zone-menu ul li a {display: block;border-right: 1px solid #ddd;color: #777;font-size: 12px;padding: 8px 0}
#myzone-Over .zone-menu ul li a .fe {font-size: 17px;margin-bottom: 2px}
#myzone-Over .zone-menu ul li a:hover {color: #151515;font-weight: 600}
#myzone-Over .zone-menu .more {position: absolute;top: 13px;right: 15px;width: 20px;height: 20px;text-indent: -99999px;display: block;background: url("/re_images/header/myzone-more.png") no-repeat center}

/*상단 검색*/
#head-srch-wrap{position: absolute;top: 50px;right: 0;display: none;width: 398px;}
#head-srch-wrap.open {display: block}
#head-srch-wrap:after {position: absolute;top: 0;right: 16px;width: 12px;height: 6px;background: url("/re_images/header/myzoneArea_arw.png") no-repeat 0 0;content: ""}
#head-srch-wrap .head-srch {position: relative;display: block;overflow: hidden;background: #fff;border: 1px solid #aaa;margin-top: 5px;padding: 15px;
    -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.4);box-shadow: 0 0 5px -1px rgba(0,0,0,0.4);}
.head-srch .bar {position: relative;display: block;padding: 0 40px 0 0;background:#eee;border-radius: 5px;}
.head-srch label {display: block;font-weight: 600;font-size: 13px;margin-bottom: 5px;color: #333}
.head-srch input {width: 100%;background:#eee;border: none;line-height: 35px;height: 35px;color: #555 !important;font-size: 13px;text-indent: 0;padding: 0 10px;box-sizing: border-box}
.head-srch input:focus, .head-srch input:active {background: #eee !important}
.head-srch input::placeholder {color: rgba(255,255,255,0.3)}
.head-srch input:focus {background: none}
.head-srch button {position: absolute;top: 0;right: 0;width: 40px;height: 35px;border: none;background: none;font-size: 19px;text-align: center}

.head-srchview {position: relative;display: block;margin-top: 5px}
.head-srchview .lst {position: relative;display: block;overflow: hidden;border-bottom: 1px dotted #ddd;padding: 5px 0}
.head-srchview .lst li {display: block;text-align: left;margin: 0;float: none;}
.head-srchview .lst li a {display: block;text-align: left;line-height: 20px !important;padding: 3px 5px !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.head-srchview .lst li a:hover, .head-srchview .lst li a:focus, .head-srchview .lst li a:active {color: #333;background: #f1f1f1;}

.srchview-foot {display: block;overflow: hidden;padding: 10px 0 0;}
.srchview-foot a {display: block;font-size: 13px;background: #eee;border-radius: 4px;padding: 3px 0}
.srchview-foot a span {display: inline-block;line-height: 25px;}
.srchview-foot a.allSrch span {padding-right: 12px;background: url("/re_images/header/allSrch.png") no-repeat right 8px}
.srchview-foot a.allSrch:hover {color: #333}

.search_close {position: absolute;top: -53px;right:0;width: 45px;height: 45px;line-height: 45px;background: #000;color: #fff;border: none;z-index: 10}

/*사이트 이동*/
.siteall_wrap {position: absolute;/*top: 35px;*/top: 87px;left: 50%;margin-left: -570px;z-index: 4005}
.siteall_open {position: absolute;top: 0;right: 0;width: 80px;text-align: center;border: 1px solid #ddd;border-radius: 15px;background: #fff;padding: 12px 0 20px;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);box-shadow: 0 5px 10px 0 rgba(0,0,0,.08)}
.siteall_open:before {position: absolute;bottom: -15px;left: 50%;width: 30px;height: 30px;margin-left: -15px;border-radius: 50%;background: #c7222b url("/re_images/header/siteall_arw02.png") no-repeat center;content: ""}
.siteall_open span {display: block;}
.siteall_open span.img {margin-bottom: 5px;}
.siteall_open span.txt {font-size: 14px;font-weight: 600;color: #222;line-height: 130%}

.siteall_cont {display: none;position: absolute;top: 0;right: 0;width: auto;text-align: center;border: 1px solid #ddd;border-radius: 15px;background: #fff;padding: 25px 20px;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);box-shadow: 0 5px 10px 0 rgba(0,0,0,.08)}
.siteall_cont.open {display: block;}
.siteall_cont .siteall_close {position: relative;display: block;width: 40px;height: 40px;border: 1px solid #ddd;background: url("/re_images/header/siteall_arw01.png") no-repeat center;text-indent: -9999px;border-radius: 50%;margin: 0 auto}
.siteall_cont .logo {display: block;margin: 15px 0;text-align: center}
.siteall_cont .lst {display: block;border-top: 1px dotted #ccc;padding-top: 15px;text-align: left;}
.siteall_cont .lst .tit {display: block;font-weight: 600;font-size: 14px;color: #222;margin-bottom: 10px;text-align: center;}
.siteall_cont .lst li {display: block;margin-bottom: 10px;}
.siteall_cont .lst li:last-child {margin-bottom: 0}
.siteall_cont .lst li a {width: 164px;display: block;height: 36px;border-radius: 36px;border: 1px solid #ddd;background: #fff;padding: 0 18px;overflow: hidden}
.siteall_cont .lst li .img {float: left;width: 72px;margin-right: 5px;height: 36px;text-indent: -9999px}
.siteall_cont .lst li .txt {float: left;height: 36px;line-height: 36px;font-size: 12px}

.siteall_cont .teachon .img {background: url("/re_images/header/siteall_teachON.png") no-repeat left center}
.siteall_cont .teachon.on {background: #18b1a2;border: 1px solid #169e91;color: #fff}
.siteall_cont .teachon.on .img {background: url("/re_images/header/siteall_teachON_on.png") no-repeat left center}

.siteall_cont .tmate .img {background: url("/re_images/header/siteall_tamte.png") no-repeat left center}
.siteall_cont .tmate.on {background: #b5272e;border: 1px solid #992127;color: #fff}
.siteall_cont .tmate.on .img {background: url("/re_images/header/siteall_tamte_on.png") no-repeat left center}

.siteall_cont .bookpia .img {background: url("/re_images/header/siteall_bookpia.png") no-repeat left center}
.siteall_cont .bookpia.on {background: #86ad0d;border: 1px solid #6c8c09;color: #fff}
.siteall_cont .bookpia.on .img {background: url("/re_images/header/siteall_bookpia_on.png") no-repeat left center}

.siteall_cont .inform .img {background: url("/re_images/header/siteall_informs.png") no-repeat left center}
.siteall_cont .inform.on {background: #308bdf;border: 1px solid #246db1;color: #fff}
.siteall_cont .inform.on .img {background: url("/re_images/header/siteall_informs_on.png") no-repeat left center}

.siteall_cont .passfor .img {background: url("/re_images/header/siteall_passfor.png") no-repeat left center}
.siteall_cont .passfor.on {background: #18328c;border: 1px solid #0d1c52;color: #fff}
.siteall_cont .passfor.on .img {background: url("/re_images/header/siteall_passfor_on.png") no-repeat left center}

.siteall_cont .mecamp .img {background: url("/re_images/header/siteall_mecamp.png") no-repeat left center}
.siteall_cont .mecamp.on {background: #8c8cf8;border: 1px solid #7a7ae9;color: #fff}
.siteall_cont .mecamp.on .img {background: url("/re_images/header/siteall_mecamp_on.png") no-repeat left center}


@media all and (max-width:1800px) {
    .siteall_wrap {margin-left: -560px;}
    .siteall_open {width: 70px;}
    .siteall_open span.txt {font-size: 13px;line-height: 120%}

    .siteall_cont {right: auto;left: -74px}
}



/*상단 메뉴*/
#headNavi {position: absolute;top: 55px;left: 250px;}
#headNavi li {position: relative;float: left;margin: 0 15px}
#headNavi li a {display: inline-block;line-height: 40px;font-size: 15px;color: #333;font-weight: 600;letter-spacing: -0.05em;}
#headNavi li a:hover {color: #169e91;}
#headNavi li a:before {background: #169e91}
#headNavi li:hover .subMenu {display: block}
#headNavi li .subMenu {display: none;position: absolute;top: 30px;left: 50%;width: 120px;margin-left: -60px;padding: 20px 0 0;z-index: 100}
#headNavi li .subMenu:before {position:absolute;display: block;top: 4px;left: 50%;margin-left:-8px;content:"";border-style:solid;border-width:8px;border-color: transparent transparent rgba(0,0,0,0.95) transparent;z-index:200}
#headNavi li .subMenu ul {display: block;text-align: center;padding: 15px 0;background: rgba(0,0,0,0.8);}
#headNavi li .subMenu ul li {display: block;float: none}
#headNavi li .subMenu ul li a {display: block;color: #fff;line-height: 35px;height: 35px;font-weight: normal;font-size: 13px}
#headNavi li .subMenu ul li a:hover {color: #fff;}
#headNavi li .subMenu ul li a:before {display: none}

/*언더라인 애니*/
#headNavi a {position: relative;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
#headNavi a:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #fff;height: 2px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
#headNavi a:hover:before, .undrAni a:focus:before, .undrAni a:active:before {left: 0;right: 0;}




.inquire_lyr_wrap {position: fixed;top: 50%;left: 50%;width: 740px;height: 610px;margin: -305px 0 0 -370px;z-index: 5500}
.inquire_lyr_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 0}
.inquire_lyr {position: relative;display: block;padding: 115px 40px 40px;text-align: center;background: #fff;border-radius: 10px;overflow: hidden;z-index: 10}
.inquire_lyr .title {position: absolute;top: 0;left: 0;width: 100%;text-align: center;line-height: 65px;color: #fff;font-size: 28px;letter-spacing: -0.05em; background: #0b9290 url("/re_images/common/etc/c_patten01.png") repeat}
.inquire_lyr ul {display: block;overflow: hidden}
.inquire_lyr li {display: inline-block;vertical-align: top;width: 300px;border-radius: 15px;margin: 0 10px;padding: 70px 0}
.inquire_lyr li .img {display: inline-block;width: 115px;height: 115px;background: #fff;border-radius: 50%}
.inquire_lyr li .txt {display: block;font-size: 16px;line-height: 150%;height: 50px;margin: 15px 0}
.inquire_lyr li a {display: inline-block;width: 200px;height: 45px;line-height: 45px;font-size: 15px;color: #fff;border-radius: 5px;}

.inquire_lyr li:first-child {background: #e0f0ee}
.inquire_lyr li:first-child a {background: #0b9290}
.inquire_lyr li:last-child {background: #f4eaf3}
.inquire_lyr li:last-child a {background: #6d539f}

.inquire_lyr .btn_close {display: inline-block;width: 70px;height: 70px;margin: 30px auto 0;background: url("/re_images/tv/pc/layout/inquire_close.png") no-repeat center;text-indent: -9999px}