@charset "utf-8";


.blind { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
.blind.focusable:active, .blind.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.top-button-area { position: fixed; right: 50px; bottom: 40px; z-index: 10; }
.top-button-area .btn { display: block; width: 42px; height: 42px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background: url("../img/sub/btn-gotop.png") 0 0 no-repeat; }





#skipNavi { position: absolute; margin: 0; left: 0; top: 0; width: 100%; height: 0px; z-index: 10001; }
#skipNavi .title { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
#skipNavi .title.focusable:active, #skipNavi .title.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
#skipNavi a { position: absolute; left: 0; top: -1000px; z-index: 1002; width: 100%; height: 30px; line-height: 30px; text-align: center; background-color: #1d60a7; color: #fff; z-index: 1000; }
#skipNavi a.on { top: 0; }
#skipNavi a:focus { top: 0; height: 30px; }

/* 헤더 */
#header { /* position: absolute; */ left: 0; width: 100%; z-index: 99;-webkit-transition: background-color 0.01s; transition: background-color 0.01s;}
#header {width:100%;background-color:#fff;border-bottom:1px solid #e1e1e1; }
#header #lnb {background-color:#fff}
#header .headercenter {position:relative; width:1400px; margin:0 auto; height:100px;clear:both;overflow: hidden;transition: all 0.4s;animation-timing-function: ease;}
#header .headercenter h1 {margin:0}
#header .headercenter h1 a {position:absolute; left:20px; top:25px;font-size:0;width:335px;height:65px; background: url("../img/sub/logo.png") center top no-repeat; background-size: 100%;}
#header .wrap_headertop {position:relative; width:100%; height:38px;border-bottom: 1px solid #E6E6EA;background-color:#fff}
#header .headertop {position:relative; width:1400px; margin:0 auto; clear:both; background-color:#f6f6f6;}
.headertop .leftunit { position:absolute; left:0;top:8px;}
.headertop .leftunit > ul > li {float:left; padding-left:15px;position:relative;}
 .headertop .leftunit > ul > li a {color:#555; font-size:0.9rem;font-weight:500} 
.headertop .leftunit > ul > li::after {content: ''; display: block; background-color: #d8d8dc; width: 1px; height: 1rem;float: right; margin-left: 15px; margin-top: 4px;}
.headertop .leftunit > ul > li:last-child::after {display:none}
.btn_toggle {background: url(../img/sub/bg_history_02.png) no-repeat right 8px; background-size: 11px;padding-right:22px}
.btn_toggle.on {background:  url(../img/sub/bg_history_02_up.png) no-repeat right 8px; background-size: 11px;padding-right:22px}
#header .toggle {display:none;position:absolute;top:28px;z-index:999;width:180px;min-width:167px;height:auto;padding:9px 0 7px !important;border:1px solid #d6d6d6 !important;background-color:#FFF !important;box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);margin-left:-20px;}
#header .toggle li{margin:0 0 1px !important;background:none !important;height:28px !important}
#header .toggle li a{display:inline-block;margin-left:10px;width:90%;height:26px !important;line-height:26px !important;color:#444 !important;font-size:13px !important}
#header .toggle li a:hover, .location_dept li a.on{ background-size: 10px;font-weight:700 !important;color:#484017 !important;font-weight:700; }
#header .toggle li a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}
#header .toggle li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}

.headertop .rightunit { position:absolute; right:0;top:0}
.headertop .rightunit ul {float:left;margin-top:6px;padding-top: 2px;}
.headertop .rightunit ul li {float:left; padding-left:20px}
/* .headertop .rightunit ul li a {color:#666; font-size:0.8rem; font-weight:600} */
.headertop .rightunit ul li a {color:#555; font-size:0.9rem;font-weight:500}
.headertop .rightunit ul li .unit01 {background: url("../img/sub/icon_menu_unit01.png") left center no-repeat;padding-left:22px; color: #999;}
.headertop .rightunit .wrap_top_search {position:relative;font-size:0.9rem; height:38px;line-height:38px; float:left; background-color: #f5f5f5;border-left:1px solid #E6E6EA;border-right:1px solid #E6E6EA; border-bottom: 1px solid #E6E6EA;}
.headertop .rightunit .wrap_top_search .txt {font-size:0.8rem;width:180px; text-indent:10px; height:38px;line-height:38px;border:none; background:none; float: left;}
.headertop .rightunit .wrap_top_search .btn {position: absolute; right: 0; top: 0; width:38px; height:38px; background: url("../img/sub/icon_top_search.png") 50% 50% no-repeat;} 
.headertop .topinfo {position:absolute; right:410px;top:7px}
.headertop .topinfo ul li {float:left; padding-left:20px}
.headertop .topinfo .name {font-size: 0.8rem; background: url("../img/sub/icon_unit_person.png") left center no-repeat;padding-top:2px}
.headertop .topinfo .name .point {color:#3566d6; font-weight:600}
.headertop .topinfo .name .gray {padding-left:5px;color: #666;}
.headertop .topinfo .time {font-size: 0.9rem; color:#666; background: url("../img/sub/icon_unit_time.png") left center no-repeat;margin-left:17px}
.headertop .topinfo a {font-size: 0.75rem;font-weight: 600;color: #666; letter-spacing: -1px; border:1px solid #cdcdcd;padding:3px 6px;border-radius: 4px;margin-left:5px}

#menu_wrap{position:absolute;top:4px; right:20px; z-index:990}
	#menu_wrap > ul > li{display:inline;float:left;width:250px; text-align:center;position:relative;}
	#menu_wrap > ul > li:last-child {background:none}
	#menu_wrap > ul > li > a {position:relative; display:block;height:96px;line-height:96px;color: #111;}
	#menu_wrap > ul > li > a::before {content: ""; position: absolute; left: 0; bottom: -1px; height: 6px; width: 0; background-color: #476CCD;-webkit-transition: .2s; transition: .2s;border-left:1px solid #fff}
	#menu_wrap > ul > li:hover > a::before {width:100%}
	#menu_wrap > ul > li > a span{position:relative; font-weight:500;font-size:1.3rem;color:#111;letter-spacing:0;}
	#menu_wrap > ul > li > a:hover{text-decoration:none}
	#menu_wrap > ul > li > a span::after {content: ""; display: block; width: 0.5rem; height: 0.5rem; background-color: #EF4B81; position: absolute; right: -1rem; top: 0rem; border-radius: 50%; opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2);-webkit-transition: .2s; transition: .2s;}
	#menu_wrap > ul > li:hover > a span::after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
	
	#menu_wrap > ul > li > ul {height:645px;padding:10px 0 0 0;border-left: 1px solid #E6E6EA; }
	#menu_wrap > ul > li:last-child > ul {border-right:1px solid #E6E6EA; }	
	#menu_wrap > ul > li > ul > li {text-align: left;}
	#menu_wrap > ul > li > ul > li > a {padding:14px 18px;width:100%;display:block;letter-spacing:-0.9px;font-size:1.1rem; color:#222;font-weight:600}
	#menu_wrap > ul > li > ul > li > ul {margin:0 0 10px 20px}
	#menu_wrap > ul > li > ul > li > ul > li > a {color:#666;font-size:1rem;font-weight:500;letter-spacing:-0.5px; display:block;padding:0 0 5px 0}
	
	#menu_2depth_wrap{width:100%;top:127px; background:#fff; border-top:1px solid #e6e6e6;border-bottom:1px solid #cfcfcf;z-index:999;height:170px;left:0;position:absolute;display:none; }
	
	.menu_line {width:100%;height:1px; background-color: #ffffff47;position: absolute;left:0; top:138px;}
	.btn_search {opacity: 1; position: absolute;right:80px; top:26px; width: 32px;height: 32px; background:url("../img/sub/icon_search.png") center center no-repeat; background-size:20px ;font-size: 0;}
	.btn_mypage {opacity: 1; position: absolute;right:25px; top:26px; width: 32px;height: 32px; background:url("../img/sub/icon_people.png") center center no-repeat; background-size:20px ;font-size: 0;}
	.admin .btn_search {background:url("../img/sub/icon_search.png") center center no-repeat; background-size:20px ;}
	.m_navi { display: none; position:absolute; right:30px; top:35px; color:#fff;font-size:0;width:32px; height:32px; background:url(../img/sub/btn_m_menu.png) center top no-repeat; background-size: 100%;}
	

.letter_s {letter-spacing:-2px !important}
.letter_ss {letter-spacing:-3px !important}

.scroll-cr #header, .scroll-cr.main #header { transition: top .4s; position: fixed; top: -110px; background: #fff; border-bottom:1px solid #e6e6e6;box-shadow: 1px 1px 8px 2px #3636364f;  }
.scroll-cr.on #header, .scroll-cr.main.on #header { transition: top .4s; top: 0; }


.scroll-cr #header #menu_wrap > ul > li a span{color:#333}
.scroll-cr #header .wrap_headertop {display:none}
.scroll-cr #header .headertop {background-color:#f6f6f6;}
.scroll-cr #header .leftunit ul li a {color:#666; }
.scroll-cr #header .btn_search {background:url("../img/sub/icon_search.png") center center no-repeat; background-size:20px ;}
.scroll-cr #header .m_navi { background:url(../img/sub/btn_m_menu_blue.png) center top no-repeat; background-size: 100%;}
.scroll-cr #header .menu_line {top:82px}

/*내비게이션 */
.wrap_history {width:100%; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #e1e1e1;background-color: #F7F7F7; /* padding-top:135px; */font-weight:500}
.wrap_history .history_box {position:relative; width:1400px; margin:0 auto}
.wrap_history .print {display:block; width:20px; height:20px; background:url("../img/sub/icon_print.png") no-repeat center center; background-size:15px;position:absolute; right:10px; top:15px}
.historyLink {height:36px;position:relative}
.historyLink li.mn {float:left; position: relative; width:269px; display: block; height: 51px;}
.historyLink li.mn.on .hi_location_dept {height:auto}
.historyLink li.mn:first-child {width:50px;padding-right:0;margin-left:10px;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.historyLink li.mn a { font-size:18px;font-weight:400}
.historyLink li.mn a.location_dept_a {height:40px;padding:16px 40px 0 20px; color:#444; display:inline-block;background:url("../img/sub/bg_history_02.png") no-repeat right 25px;background-size:11px}
.historyLink li.mn a.location_dept2_a {height:40px;padding:16px 40px 0 20px; color:#444; display:inline-block;background:url("../img/sub/bg_history_02.png") no-repeat right 25px;background-size:11px}
.historyLink li.mn a.location_dept3_a {height:40px;padding:16px 40px 0 20px; color:#444; display:inline-block;background:url("../img/sub/bg_history_02.png") no-repeat right 25px;background-size:11px}
.historyLink li.mn:first-child a {padding-left:0;padding-top:35px; background:url("../img/sub/home.png") no-repeat 19px 22px; background-size:15px;width:50px}

	.historyLink li.mn .hi_location_dept {position:absolute;display:block;z-index:15;width:270px;min-width:167px;/* height:52px; */overflow:hidden;border:1px solid #e1e1e1;background-color:#F7F7F7;margin-left:-1px;    transition: all 0.3s;	
    animation-timing-function: ease;}		
	.hi_location_dept li a {display:inline-block;margin-left:15px;width:90%;height:51px;line-height:51px;color:#444;font-size:14px;background: url(../img/sub/bg_history_02.png) no-repeat right 24px; background-size: 10px;}
	.hi_location_dept li:hover a {background: url(../img/sub/bg_history_02_up.png) no-repeat right 24px; background-size: 10px;}
	.hi_location_dept li a.on {background: url(../img/sub/bg_history_01.png) no-repeat right 24px; background-size: 10px;}
	.historyLink li.mn.on .hi_location_dept li a.on {background: url(../img/sub/bg_history_01_up.png) no-repeat right 24px; background-size: 10px;}	
	.hi_location_dept li a span{display:inline-block;cursor:pointer;background:none }
	.hi_location_dept li a .blnakIcon3{display:inline-block;width:10px;height:10px;padding-left:10px;background:url(/pages/headquarter/img/sub/icon_blank2.gif) no-repeat top left !important;background-position:0 5px !important}






/****** min1050px Device ******/
@media screen and (min-width: 750px ) {
#header.over_wh {background:#fff;border-bottom: 1px solid #e1e1e1;}
#header.over_wh::after {content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .3; z-index: -1;}
#header.over_wh .headercenter {height:700px;}

#header.over_wh #menu_wrap > ul > li > a span{color:#333}

#header.over_wh #menu_wrap > ul > li > ul > li > a {color:#222;font-weight: 600;}
#header.over_wh .menu_line {background-color: #e9e9e9;}
#header.over_wh .headertop {background-color:#f6f6f6;}
#header.over_wh .leftunit ul li a {color:#666; }

#header.over_wh #menu_wrap > ul > li:hover > ul {background-color: #1f3faa;}
#header.over_wh #menu_wrap > ul > li:hover > ul > li > a {color:#fff}
#header.over_wh #menu_wrap > ul > li:hover > ul > li > a:hover {color:#99e5ff}
#header.over_wh #menu_wrap > ul > li:hover > ul > li > ul > li > a {color:#b2c0e4}
#header.over_wh #menu_wrap > ul > li > ul > li  a:hover {text-decoration:underline}
#header.over_wh .btn_search {background:url("../img/sub/icon_search.png") center center no-repeat; background-size:20px ;}
}

.wrap_head_search {position:fixed; top:0; width:100%;z-index:98}
.head_search {opacity:0; display:none; position:relative;width:1160px;margin:0 auto;margin-top:140px;  background-color:#168fff;border-radius:12px;padding:14px 16px;box-shadow: 2px 2px 6px 2px #3636364f;}
.head_search .text {width: calc(100% - 140px);background:none;border:none;color:#fff;height:45px;line-height:45px;font-size:1.1rem;font-weight:600;text-indent:10px }
.head_search .text::placeholder {color:#fff;} .head_search .text::-webkit-input-placeholder {color:#fff;} .head_search .text:-ms-input-placeholder {color:#fff;}
.head_search .btn {background:#fff url("../img/sub/icon_search_blue.png") 14px center no-repeat; background-size:20px;height:45px;line-height:45px; padding:0 15px 0 40px;font-size:1.1rem; font-weight:600;color:#007bff;float:right;margin-right:40px; border-radius:6px}
.head_search .btn_close {position:absolute;right:18px; top:27px;width:20px;height:20px;background: url("../img/sub/close_menu_w.png") center center no-repeat; background-size:70%;border:none}

.head_search.on {animation: search_on 0.5s forwards; display:block;}
  @keyframes search_on {
	0%   { margin-top:110px; opacity:0; }
	100% { margin-top:140px; opacity:1; }
  }
.head_search.off {animation: search_off 0.5s forwards;display:block;  }
  @keyframes search_off {
	0%   { margin-top:140px; opacity:1;}
	100% { margin-top:110px; opacity:0;}
  }




.maincont {margin-top:-140px}

/* 비쥬얼 및 타이틀 */
.subvisualbox {width:100%; margin-bottom: -50px;}
.subvisualbox.bg02 { background: url("../img/sub/bg_maintop.jpg") top center no-repeat;}
.subvisualbox.bg03 { background: url("../img/sub/bg_maintop.jpg") top center no-repeat;}
.subvisualbox.bg04 { background: url("../img/sub/bg_maintop.jpg") top center no-repeat;}
.subvisualbox.bg05 { background: url("../img/sub/bg_maintop.jpg") top center no-repeat;}
.subvisualbox .textbox {width:1150px; margin:0 auto; padding-top: 50px; padding-bottom: 50px; text-align: center;}
.subvisualbox .line {display:none}
.subvisualbox .title {font-size:2.5rem; font-weight:600;line-height:120%; color:#333;padding-top:5px;letter-spacing:-2px}
.subvisualbox .title::after {content:""; width: 80px; height: 5px; margin: 15px auto;display:block}
.subvisualbox .text {font-size:0.9rem; font-weight:400; color:#fff;padding-top:0px;opacity: 0.7;}

/* 관리자페이지 */
.admin #header {border-bottom:none; background: rgb(0 0 0 / 30%);}
.admin #header.over_wh {background:#fff;border-bottom: 1px solid #e1e1e1;}
.admin .headertop .leftunit ul li a {color:#fff}
.admin .headertop .rightunit ul li .unit01 {color:#fff; background: url(../img/sub/icon_menu_unit01_w.png) left center no-repeat;}
.admin #header.over_wh .headertop .rightunit ul li .unit01, .admin .scroll-cr #header .headertop .rightunit ul li .unit01 {color:#666; background: url(../img/sub/icon_menu_unit01.png) left center no-repeat;}
.admin .subvisualbox {background: url("../img/sub/bg_subtop_admin.jpg") center bottom no-repeat; background-size:cover}
.admin .subvisualbox .textbox {padding-top: 150px;}
.admin .contents_title span {border-bottom: 2px solid #12cdaa;}
.admin .wrap_submenu {background-color: #62626280;}
.admin .contents .wrap_submenu .tap_dep2 a.on, .admin .contents .wrap_submenu .tap_dep2 a:hover { border: 1px solid #12cdaa; color: #07b393;}

/* 중단서브메뉴 */
.wrap_submenu {width:100%; margin-bottom: 40px;}
.wrap_submenu .submenu {width:1380px; margin:0 auto; border-bottom:1px solid #D5D5D5}
.wrap_submenu .tap_dep2 {width:100%; display:table; margin-top:12px; }
.wrap_submenu .tap_dep2 a { display:inline-block;  text-align: center;  border-bottom:2px solid #fff; font-size:1.1rem; font-weight:600;letter-spacing:-2px; color: #555555;margin:0 50px;padding-bottom:15px; position:relative}
.wrap_submenu .tap_dep2 a::after {content:"";width:2px;height:16px; background-color:#DDDDDD;display:block;position:absolute; right:-50px;top:5px}
.wrap_submenu .tap_dep2 a:first-child {padding-left:0}
.wrap_submenu .tap_dep2 a:last-child {border-right:none}
.wrap_submenu .tap_dep2 a.on {color:#2288E3;border-bottom:3px solid #2288E3;}
.wrap_submenu .tap_dep2 a:hover { background:#fff;color:#2288E3 }
.wrap_submenu_m {display:none}
.wrap_submenu_m select {border-radius:0; height:50px}

/*
.tap_dep2.part1 a {width:100%;}
.tap_dep2.part2 a {width:50%;}
.tap_dep2.part3 a {width:33.3%;}
.tap_dep2.part4 a {width:25%;}
.tap_dep2.part5 a {width:19.3%;}
.tap_dep2.part6 a {width:16%;}
.tap_dep2.part7 a {width:13.6%;} 
.tap_dep2.part8 a {width:12.5%;}
 */
 
.row2 {margin-top:-1px}


/* .contents .wrap_submenu {background-color:#fff;margin-top:25px}
.contents .wrap_submenu .tap_dep2 a {height:48px;line-height:48px;font-size:1rem; color:#8b8b8b;border:1px solid #e1e1e1;border-right:none;letter-spacing:-1px}
.contents .wrap_submenu .tap_dep2 a:last-child {border-right:1px solid #e1e1e1}
.contents .wrap_submenu .tap_dep2 a.on, .contents .wrap_submenu .tap_dep2 a:hover { border:1px solid #89c2ff;color:#007bff}
 */



/* 중단서브메뉴2 */
.wrap_submenu_under {margin-top: -5px;}
.wrap_submenu_under .submenu {width:1180px; margin:0 auto; padding-bottom:13px; }
.wrap_submenu_under .tap_dep2 {width:100%; display:table; margin-top:12px; }
.wrap_submenu_under .tap_dep2 a { height:40px; display:table-cell; line-height: 30px; text-align: center; border:1px solid #e6e6e6; border-right:0px; vertical-align: middle;font-size:1.05rem; color: #666;}
.wrap_submenu_under .tap_dep2 a:first-child {border-left:none}
.wrap_submenu_under .tap_dep2 a.on {color:#d96800; font-weight: 600;}
.wrap_submenu_under .tap_dep2 a:hover { border-color:#f68b28; border-left-color:#e8e8e8; border-right-color:#e8e8e8; }



/*중단영역 */
.wrap_cont {width:100%}
.wrap_cont .contents {/* width:1380px; */ margin:0 auto; min-height:600px;padding-bottom:60px}
.wrap_cont.maincont .contents {min-height:580px;padding-bottom:0}
.contents_title {text-align:center; margin:70px 0 55px 0;display:none}
.contents_title span {font-size: 1.6rem;font-weight: 400;border-bottom: 2px solid #007bff;padding-bottom:10px;letter-spacing:-1.5px}

/* 만족도조사 */
.wrap_cont .satisfy {width:1380px; margin:0 auto; padding-bottom:60px}



/*블릿 */
.h3_blit {clear:both;line-height:30px;font-weight:800;font-size:19px;color:#000;background:url(../img/sub/blit_title.gif) left center no-repeat;padding-left:30px;margin-top:10px;margin-bottom:4px;margin-left:3px}
.h4_text {clear:both;line-height:30px;font-weight:700;font-size:18px;color:#000;margin-left:3px;margin-bottom:4px}

.text_type1{margin: 0 0 15px 5px;line-height:21px;font-size:14px}
.text_type1 a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
.text_type1 strong{color:#333}
.text_type1 span.JO {color:333; font-weight:600}


/* 푸터 */
.wrap_footer {width:100%;clear:both;letter-spacing:-0.1px;background:#323841;border-top:0px solid #eaebec}
.wrap_footer .footer_box {position:relative;width:1400px; margin:0 auto; padding-top:20px;height:170px; }
.wrap_footer .footer_box .logo {position:absolute;left:10px; top:45px; width:163px; height:56px; background:url(../img/sub/logo_bottom.png) left top no-repeat; }
.wrap_footer .footer_box .mark {position:absolute;right:0px; top:70px; width:100px; height:46px; border:0; background-color:transparent;}
.wrap_footer .footer_box .footinfo {padding:0 10px; border-bottom:1px solid rgba(255, 255, 255, 0.1)}
.wrap_footer .footer_box .footinfo ul li {display:inline-block}
.wrap_footer .footer_box .footinfo ul li a {padding:2px 7px; padding:6px 0;margin-right:16px; font-size:1rem; color:#fff;  line-height:100%;font-weight:600; display:block}
.wrap_footer .footer_box .footinfo ul li:first-child a {font-weight:800;}
.wrap_footer .footer_box .footinfo ul li a:hover {font-weight:600; color:#9BA2AC}

.wrap_footer .footer_box .info {padding:18px 15px 0 10px;color:#fff;}
.wrap_footer .footer_box .copyright {padding:5px 15px 0 10px;color:#fff;}
.wrap_footer .bt_tell {position:absolute; left:500px; top:84px; color:#fff}
.wrap_footer .bt_tell .number {font-size:2rem; font-weight:600;line-height:120%}
.wrap_footer .group_select {position:absolute; left:850px; top:84px; color:#fff;cursor:pointer}
.wrap_footer .group_select .selectbox {position:relative; width:200px; height:45px; border: 1px solid #65666d; background:url(../img/sub/bg_bt_up.png) right 15px top 18px no-repeat; float:left; margin-right:10px}
.wrap_footer .group_select .selectbox.on {background:url(../img/sub/bg_bt_down.png) right 15px top 18px no-repeat;}
.wrap_footer .group_select .selectbox .cate {display:block;width:200px;height:45px;line-height:45px;padding-left:15px;}
.wrap_footer .group_select .selectbox ul {/* height:0 */; overflow: hidden;position:absolute; left:0; bottom:45px;  background-color: #ffffff;width:100%;margin-bottom:0;padding:0 15px; transition: all 0.25s; animation-timing-function: ease;}
.wrap_footer .group_select .selectbox.on ul {border: 1px solid #ddd;}
.wrap_footer .group_select .selectbox ul a {color: #666;width:100%;display:block;heigth:30px;line-height:30px}
.wrap_footer .group_select .selectbox ul a:hover {color:#000;font-weight:600;}
.wrap_footer .group_select a {color:#fff}


/* 모바일 네비 */
/* .header_fullmenu_m {z-index:999;position:fixed;float:none;top:0;right:0;overflow: scroll;height:100%;width:100%;display:block;} */
/* .navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:20;background-color: #f6f6f8;top:0;left:-30px;opacity:0.8;display:block} */
/* #navigation_mobile {position:absolute;width:100%;height:100%;min-height:100%;background:#fff;right:0;top:0;z-index:30;} */
/* #navigation_mobile .navigation_mobile_top{background:#fff;overflow:hidden;box-sizing:border-box;width:100%;height:80px}
#navigation_mobile .navigation_mobile_top span {margin-top:33px;margin-left:20px;display:block;color:#222;font-size:1.6rem;font-weight:600;}
#navigation_mobile .navigation_mobile_top span img {width:170px} */
/* #navigation_mobile ul li a{color:#222;font-size:1rem;font-weight:600;line-height:50px;display:block;height:50px;background:#fff;border-bottom:1px solid #DEDEDE;padding-left:20px;position:relative;font-family:'Maven Pro', sans-serif;letter-spacing:-1.5px}
#navigation_mobile ul li a:hover{color:#222}
#navigation_mobile ul li a.on{background:#fff;font-weight:bold;color:#222;border-bottom:none}
#navigation_mobile li ul{padding-top:0}
#navigation_mobile li li a {background:#F7F7F7 ;line-height:48px;height:48px;font-size:0.9rem;font-weight:600;padding-left:36px;border-bottom:none;color:#555555}
#navigation_mobile li li a:hover{color:#fff}
#navigation_mobile li li a span{right:40px;font-family:'Nanum Gothic'}
#navigation_mobile li li a.on{background:#004269}
#navigation_mobile li li li a{background:#fff;line-height:45px;height:45px;font-size:13px;padding-left:40px;border-bottom:1px solid #efefef;color:#666}
#navigation_mobile li li li a:hover{color:#333}
#navigation_mobile .btn_close{z-index:9999;position:absolute;display:block;width:56px;height:56px;background:#fff;text-align:center;line-height:56px;text-align:center;color:#00aaff;font-weight:bold;top:20px;right:0;font-size:22px;font-family:'Maven Pro', sans-serif}
#navigation_mobile .planprice {position:absolute;right:27px;font-size:22px; color:#A0A0A0;font-weight:400}
#navigation_mobile .on .planprice {font-size:28px}
#navigation_mobile li {position: relative;}

#navigation_mobile .btn_login {border: 1px solid #2ab5fa; color: #dcf3ff; font-weight: 600; width: calc(100% - 20px); height: 42px; line-height: 42px; text-align: center; display: block; border-radius: 4px; margin: 0 auto; font-size: 0.9rem; margin-top: 8px; background-color: #009af6;}
#navigation_mobile .btn_info {display: inline-block;width:32px;height:20px;margin:12px 15px 0 0; float:right; font-size:0; background:url(../img/sub/btn_info.png) center center no-repeat; background-size: 100%;}
 */

.header_fullmenu_m {z-index:999;position:fixed;float:none;top:0;right:0;overflow: scroll;height:100%;width:100%;display:none;}
.header_fullmenu_m.on {display:block}
#navigation_mobile {position:absolute;width:100%;height:100%;min-height:100%;right:0;top:0;z-index:30;background-color: #f6f6f8;}
#navigation_mobile .navigation_mobile_bg {position:absolute;width:calc(100% - 130px);height:100%;min-height:100%;background-color: #fff;border-left:1px solid #e5e5e5;top:0;right:0;display:block}
#navigation_mobile .navigation_mobile_top {position:relative;;background-color: #3c4b77; color: #fff;width:100%;height:50px}
#navigation_mobile .navigation_mobile_top ul {position: absolute; left:10px; top:10px}
#navigation_mobile .navigation_mobile_top ul li {float:left}
#navigation_mobile .navigation_mobile_top ul li a {position:relative; display:inline-block;color:#fff;font-size:0.9rem;padding:2px 10px}
#navigation_mobile .navigation_mobile_top ul li a::after {content:""; position:absolute;right:0; top:8px; display:inline-block; width:1px; height:10px; background-color:#fff;}
#navigation_mobile .navigation_mobile_top ul li:last-child a::after {display:none}
#navigation_mobile .wrap_menubox {width:100%;position:relative;}
#navigation_mobile .wrap_menubox .depth1 > a {display:block;width:130px;text-align: center; border-bottom: 1px solid #e5e5e5; background-color: transparent; font-size:1.05rem; color: #727272; font-weight:500;padding:15px 8px;letter-spacing:-1.5px }
#navigation_mobile .wrap_menubox .depth1.active > a {background-color:#fff}
#navigation_mobile .wrap_menubox .submenu {display:none;position:absolute; top:0; right:0;width:calc(100% - 130px);height:100%}
#navigation_mobile .wrap_menubox .depth1.active .submenu {display:block}
#navigation_mobile .wrap_menubox .depth2 {padding:20px}
#navigation_mobile .wrap_menubox .depth2 > li.is-depth3 {position:relative;}
#navigation_mobile .wrap_menubox .depth2 > li.is-depth3 > a::before { display: inline-block; font-family: xeicon; content: ""; font-size: 14px; position: absolute; right: 10px; top: 8px; z-index: 2; color: #aaa;-webkit-transition: .2s; transition: .2s;}
#navigation_mobile .wrap_menubox .depth2 > li > a {border:1px solid #e5e5e5; color:#222; font-size:0.9rem; font-weight:500;widht:100%;display:block;padding:9px 10px;margin-top:10px;margin-bottom:10px}
/* #navigation_mobile .wrap_menubox .depth2 .is-depth3 > a {background: url(../img/sub/bg_history_02.png) no-repeat; background-position : right 10px center;background-size:8px} */
#navigation_mobile .wrap_menubox .depth2 > li.on > a {background-color: #1F3FAA; color: #fff;}
#navigation_mobile .wrap_menubox .depth2 > li.is-depth3.on > a::before {-webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff;}
#navigation_mobile .wrap_menubox .depth2 .depth3 {display:none}
#navigation_mobile .wrap_menubox .depth2 .is-depth3.on .depth3 {display:block}
#navigation_mobile .wrap_menubox .depth2 .depth3 > li {position:relative;padding-left:10px;border-bottom:1px solid #e5e5e5}
#navigation_mobile .wrap_menubox .depth2 .depth3 > li::before {content: ""; width: 3px; height:3px; background-color: #b1b5ba; position: absolute;left: 5px; top: 10px; border-radius: 50%;}
#navigation_mobile .wrap_menubox .depth2 .depth3 > li a {font-size:0.8rem;font-weight:500; color: #525252;padding:5px 0;display:block}
#navigation_mobile .btn_close{z-index:9999;position:absolute;display:block;width:50px;height:50px;text-align:center;line-height:50px;text-align:center;color:#fff;font-weight:bold;top:0;right:0;font-size:20px;font-family:'Maven Pro', sans-serif}
 
 
 
 .m_back { display: none; position:fixed; left:10px; top:10px; color:#fff;font-size:0;width:25px; height:34px; background:url(../img/sub/btn_back.png) center center no-repeat; background-size: 100%;}
.m_home { display: none; position:fixed; left:15px; top:14px; color:#fff;font-size:0;width:22px; height:28px; background:url(../img/sub/btn_home.png) center center no-repeat; background-size: 100%;}


/* 퀵메뉴 */
.wrap_quick {position:fixed;right:30px;bottom:120px;width:110px;text-align:center;z-index:1}
.wrap_quick .link_list {width:100%;border:1px solid #A0A6C0; background-color:#fff}
.wrap_quick .link_list .title {background-color:#505B8B; color:#fff; font-weight:800;height:50px;line-height:50px;}
.wrap_quick .link_list ul {margin-bottom:0;padding:15px 10px 10px 10px;}
.wrap_quick .link_list li {line-height:100%;padding:5px 0;word-break: keep-all;}
.wrap_quick .link_list li a {font-size:0.85rem; font-weight:400; color:#666;letter-spacing:-1px;}
.wrap_quick .link_list li a:hover {font-size:0.85rem; font-weight:600; color:#000;letter-spacing:-1px}	
.wrap_quick .link_list li:after {content:""; display:block;margin:0 auto;width:60px;height:1px; background-color:#e3e3e3;margin-top:10px}
.wrap_quick .link_list li:last-child:after {display:none}
.wrap_quick .telnum {display:block;border:1px solid #A0A6C0;font-size:0.85rem;line-height:120%; font-weight:800; color:#666;margin-top:10px;letter-spacing:-1px;padding:46px 0 10px 0;background:#fff url(../img/sub/icon_tel.png) center 10px no-repeat; background-size: 36px;}
.wrap_quick .telnum .num {color:#0075ff;font-weight:800}
.btn_show_quic {display:none;position:fixed;right:20px;bottom:20px;z-index:999;width:45px;height:45px;line-height:45px;border:1px solid #111;background-color:#fff;border-radius:25px; font-size:0.7rem; font-weight:800; color:#111;text-align:center;}
.btn_iconup {display:block; width:42px;height:42px;background: url(../img/sub/btn_upicon.png) center center no-repeat; margin: 0 auto; margin-top: 20px; }

.wrap_quick_m{display:none}


/****** 1400px Device ******/
@media screen and (max-width:1400px) {
	#header .headercenter { width:100%;}
	#header .headertop { width:100%;}
	
	.wrap_footer .footer_box {width:100%}
	
	.wrap_cus_main #header {width:1400px}
	.wrap_cus_main .wrap_footer {width:1400px}

	.subvisualbox .textbox {width:100%}
	.wrap_submenu .submenu {width:100%}
	.wrap_cont .contents {width:calc(100% - 40px);margin:0 20px}
	
	.head_search {width:calc(100% - 40px);}
	.wrap_history .history_box {width:100%}
	
	/* 퀵메뉴 */
	.wrap_quick {display:none}
	.wrap_quick_m {display:none;position:fixed;right:0;bottom:0;width:100%;border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;text-align:center;z-index:99}
	.wrap_quick_m .link_list {width:100%; background-color:#fff}
	.wrap_quick_m .link_list .title {background-color:#505B8B; color:#fff; font-weight:800;height:50px;line-height:50px;}
	.wrap_quick_m .link_list ul {margin-bottom:0;padding:10px 0}
	.wrap_quick_m .link_list li {line-height:100%;padding:8px 0; background: url(../img/sub/icon_blank.png) no-repeat;background-position:right 20px top 10px; background-size: 12px;}
	.wrap_quick_m .link_list li a {font-size:1.1rem; font-weight:600; color:#666;letter-spacing:-1px}	
	.wrap_quick_m .link_list li a:hover {font-size:1.1rem; font-weight:600; color:#000;letter-spacing:-1px}	
	.wrap_quick_m .link_list li:after {content:""; display:block;margin:0 auto;height:1px; background-color:#e3e3e3;width:100%;margin-top:15px}	
	.wrap_quick_m:after {content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .3; z-index: -1;}
	.wrap_quick_m .btn_close {display:block;z-index: 9999;position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; text-align: center; color: #fff; font-weight: bold; top: 0; right: 0; font-size: 22px; font-family: 'Maven Pro', sans-serif;}
	.btn_show_quic {display:block;}
	
}

/****** 1200px Device ******/
@media screen and (max-width:1300px) {	
	
	#menu_wrap {display: none;}
	.m_navi {display: block;}
	.wrap_cus_main #menu_wrap {display: block;}
	.wrap_cus_main .m_navi {display: none;}
}

/****** 1200px Device ******/
@media screen and (max-width:1200px) {	
	#menu_2depth_wrap .centerbox_2dep {width:100%;}
	#menu_wrap > ul > li {width:230px; letter-spacing:-2px}
	
}


/****** 1050px Device ******/
@media screen and (max-width:1080px) {
	
	.btn_search {right:170px; width:28px; border:0; background: url(../img/sub/icon_search.png) center top no-repeat;  background-size: 100%; font-size: 0;}
	.btn_mypage {right:100px; width:28px; background-size: 100%;} 
	.scroll-cr #header .btn_search {background: url(../img/sub/icon_search_blue.png) center top no-repeat;  background-size: 100%;}
	#header .wrap_headertop {display:none;}	
	.wrap_footer .footer_box {height:auto;}
	.wrap_footer .footer_box .logo {display:none}
	.wrap_footer .footer_box .mark {display:none}
	.wrap_footer .footer_box {height:auto; padding:20px;letter-spacing:-1px;font-size:0.9rem; }
	.wrap_footer .footer_box .footinfo { text-align: center;}
	.wrap_footer .footer_box .info { text-align: center;}
	.wrap_footer .footer_box .copyright {padding: 0; text-align: center;}
	.wrap_footer .bt_tell {position:relative; left: auto; top:auto;text-align:center }
	.wrap_footer .group_select {position:relative; left: auto; top:auto; width:100%}
	.wrap_footer .group_select .selectbox {float:none;width:100%;margin-top:10px}
	.wrap_history {display:none}
	
	.subvisualbox .textbox {text-align:center;padding-top: 150px;padding-bottom:25px}
	.subvisualbox .title {font-size: 2rem;}
	.subvisualbox .line {display:none}
	
	.headertop .topinfo {display:none} /* 로그인 정보 영역 겹침 */

}

/****** 750px Device ******/
@media screen and (max-width:750px) {
	
	.wrap_cus_main #header {width:100%}
	.wrap_cus_main .wrap_footer {width:100%}
	
	.wrap_cus_main #menu_wrap {display: none;}
	.wrap_cus_main .m_navi {display: block;}
	
	
	#header .wrap_headertop {display:none;}	
	#header .headercenter {height:60px}
	#header .headercenter h1 a {width:250px;height:40px;left:50%;top:10px;margin-left:-125px}
	.head_search {width:calc(100% - 20px);padding: 10px 14px;border-radius: 8px; margin-top:70px}
	.head_search .btn {margin-right: 35px;}
	.head_search .btn_close {right: 14px; top: 22px;}


	.subvisualbox .textbox {padding-top: 100px;}

	.menu_line {display:none;}
	.m_navi {top:18px; right:15px; width:28px}
	.btn_search {top:16px; right:auto; left:20px; width:27px}
	.btn_mypage {top:13px; right:auto; left: 70px; width:27px}
	
	/* 푸터 */
	.wrap_footer .m_block {display:block}
	
	.wrap_cont .contents {width:calc(100% - 20px);margin:0 10px}
	
	/* 만족도조사 */
	.wrap_cont .satisfy {width:calc(100% - 20px);margin:0 10px}
	
	
	/* 관리자 */
	.admin .subvisualbox .textbox {padding-top: 85px;}
	.admin .subvisualbox .title {color:#444}

	/* 중단서브메뉴 */
	.subvisualbox {padding:0 10px}
	.subvisualbox > .wrap_submenu {display:none}
	.contents > .wrap_submenu {display:none}
	.wrap_submenu_m {display:block;margin-bottom:10px}
/* 	.contents .wrap_submenu .tap_dep2 a {width:calc(50% - 2.5px);float:left;margin-bottom:5px;border:1px solid #e1e1e1;}
	.contents .wrap_submenu .tap_dep2 a:nth-child(2n) {margin-left:5px;}
 */
	.table-responsive table th, .table-responsive table td {white-space:nowrap}
	



.head_search.on {animation: search_on 0.5s forwards; display:block;}
  @keyframes search_on {
	0%   { margin-top:50px; opacity:0; }
	100% { margin-top:70px; opacity:1; }
  }
.head_search.off {animation: search_off 0.5s forwards;display:block;  }
  @keyframes search_off {
	0%   { margin-top:70px; opacity:1; display:block; }
	100% { margin-top:50px; opacity:0; display:none; }
  }

}


/****** 450px Device ******/
@media screen and (max-width:450px) {
	#header .headercenter h1 a { width: 220px; left: 10px; margin-left: 0; top: 14px;}
}


/* 갤럭시 폴드 때문에 300이하로 추가(본부장, 담당자) */
/*
갤럭시 폴드(Fold)	280 * 653
갤럭시 8+			360 * 740
아이폰678+			414 * 736
*/

/****** 300px Device ******/
@media screen and (max-width:300px) {
	/* 로고 등 */
	#header .headercenter h1 a {width:215px;height:40px;left:50%;top:15px;margin-left:-125px}
	.m_navi {top:20px; right:15px; width:22px}
}