@charset "UTF-8";
#wrap {overflow: hidden;display: flex;width: 100%;flex-direction: column;min-height: 100vh}
#hd, #ft {flex-shrink: 0}
.container {position: relative;width: 100%;max-width: 1260px;padding-left: 30px;padding-right: 30px; }
.container-fluid {max-width: none}

/* Header */
#hd {position: fixed;left: 0;right: 0;top: 0;z-index: 100;background: #fff;transition: background-color .2s ease-out, border .2s ease-out; box-shadow: inset 0px -1px 0 0 rgba(0,0,0,.15); }
#hd>.container { display: flex;align-items: center;justify-content: center; height: 100px; box-shadow: inset 0px -1px 0 0 rgba(255,255,255,.1);  }
#hd .nav-item {position: relative; /*font-size: 1rem;*/ letter-spacing: 0em}
#hd .nav-item>a { /*display: block;*/ height: 100%; font-size: 17px;  /*font-size: 1.167rem*/}
.depth {display: none; padding: .722rem 0;  font-size: 15px;  /*font-size: 1rem;*/ letter-spacing: -0.08em; text-align:center }

/* ◆◆◆◆◆◆◆◆◆◆ 1280px~1600px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:1280px) and (max-width:1600px) {
.depth { font-size: 13px; letter-spacing:-0.12em }
}

.depth a:hover, .depth a:focus {color: #0070C3}
.depth3 {font-size: .889rem;padding-bottom: .7222rem; color: #777777}
.depth a.active {font-weight:700}
/*.hd-logo { width: 9.5rem; height: 2.1rem}가운데 정렬*/
.hd-logo { position: absolute; left: 0px; width: 9.5rem; height: 2.1rem}
.hd-logo>a {display: block;width: 100%;height: 100%; background: url('../images/include/logo_color.svg') no-repeat center; background-size: 80%; }
.util { position: absolute;top: 49px;transform: translateY(-50%);display: flex;align-items: center; /*color: #666;*/ font-size: 24px;}
.util a.icon { margin-left:15px;}
.util .split {border-left-color: #ccc}

.split {font-style: normal;margin: 0 .5em}
.split:empty { display: inline-block; margin: 0px 15px; height: .667rem;border-left: 1px solid; vertical-align: middle; color:transparent; }

/*PC레프트메뉴*/
#lnbWrap_p { display:block; float:left; width:240px; border-bottom: 0px solid #02649b;}
#lnbWrap_m { display:none }
.lnbTitle {
display: flex; align-items: center;
padding:0px 0px 0px 15px;
height:80px;
color:#ffffff;
font-size:24px;
font-weight:600;
line-height:30px;
margin-bottom:10px; 
border-radius: 8px;
background: url('../images/include/bg_lnb_tit.png') no-repeat center; 
/*background: linear-gradient(120deg, #0070C3 59.41%, #0070C3 72.75%, #0060bc 72.75%, #0060bc 108.66%);*/ }

/*2deps 메뉴 */
.lnb { width:100%; margin-bottom:0px; background:#fff; border:1px solid #d3d3d3; border-radius:8px; }
.lnb > li { position:relative; width:100%; vertical-align: middle; /*letter-spacing:-0.05em;*/ border-bottom:1px solid #d3d3d3; box-sizing: border-box; }
.lnb > li > a {display:block; width:100%; height:40px; padding: 0px 15px; font-size:16px; font-weight:600; line-height:38px; box-sizing: border-box; word-break:keep-all; /*text-decoration:none*/}
.lnb > li > a:visited {}
.lnb > li > a:hover { font-weight:600;color:#0070C3; background: url('../images/include/lnb_arrow_left.svg') no-repeat 95% 50%;  } /*오버시 모든메뉴 백그라운드 설정*/
.lnb > li > a.on { color: #0070C3;font-weight:600; background: url('../images/include/lnb_arrow_left_on.svg') no-repeat 95% 50%;} /*고정 2deps메뉴*/
.lnb > li > a.on2:hover { background:}
.lnb > li:last-child { border-bottom:0px solid #d3d3d3; }

/*탑 SNS 링크 */
.hd-sns {  position:absolute; right:80px;  }
.hd-sns a { margin-left:5px; }
.hd-sns a:first-child { margin-left:0px; }
.fa-brands, .fab { font-size: 28px;  }

/* ◆◆◆◆◆◆◆◆◆◆ 1280px이상 ◆◆◆◆◆◆◆◆◆◆ */
@media (min-width: 1280px) {
/* header */
#hd { position:relative; position:fixed;text-align: center}
#hd .navbar-nav  { height: 80px;flex-direction: row;justify-content: center;align-items: center;white-space: nowrap; border:0px solid red}
#hd .nav-item { /*width:10rem;*/ width:12vw; }
#hd .nav-item>a { font-weight: 500; line-height: 100px /*line-height: 80px*/}
#hd .nav-item>a:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;border-top: 2px solid #0070C3;transform: scaleX(0);transition: transform .3s}
#hd .on>a:before, #hd .active>a:before {transform: scaleX(1)}
.open #gnb:before {content: '';position: absolute;top: 100%;left: 0;right: 0;background: #fff;height: 410px;box-shadow: 0px 5px 5px rgba(0,0,0,.05)}/*서브메뉴높이*/
.hd-logo {position: absolute;left: 100px;top: 50%;transform: translateY(-50%)}
.hd-logo>a {display: block;width: 100%;height: 100%; background: url('../images/include/logo_color.svg') no-repeat center; background-size: 100%; }
.btn-depth {display: none}
#gnb {display: inline-block !important;vertical-align: top;margin-right: 0 /*margin-right: 2.5rem*/}
.depth {position: absolute;top: 100%;left: 0;right: 0;height: 410px;text-align: center;display: none !important} /*서브메뉴높이*/
.depth li {margin-top: .722rem}
.on .depth {background: #F8F8F8}
.util {right: 190px;}
#hd.open .depth {display: block !important}
.gnb-util {display: none}

/*모바일 상단 유저아이콘*/
.m_top_user {  display: none  }

}



/*=====헤더=====*/
.pc_header {  position: fixed; top:0px; width:100%; display:block; background:#ffffff; z-index:11} /*pc헤더*/
.mo_header {  display:none;  } /*mo헤더*/



/* GNB Mobile :: 1차 */
#gnbM #navigation > li{border-bottom:1px solid rgb(0,0,0,.15);}
#gnbM #navigation > li > a {position:relative; display:block; padding:15px; /*color:#fff;*/ font-size:17px; font-weight: 500; text-decoration: none; }
#gnbM #navigation > li.active > a{color:#0070C3; font-weight:500; border-bottom:1px solid rgb(0,0,0,.15);}
#gnbM #navigation > li.has-2dep > a{}
#gnbM #navigation > li.has-2dep.active > a{}
#gnbM #navigation > li .gnb-icon{position:absolute; top:55%; right:10px; margin-top:-14px;} 
#gnbM #navigation > li .gnb-icon i{font-size:24px;}
/* GNB Mobile :: 2차 */
#gnbM #navigation > li .gnb-2dep{display:none; padding:0px 0; background:#ffffff; /*box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);*/}
#gnbM #navigation > li .gnb-2dep > li{}
#gnbM #navigation > li .gnb-2dep > li > a { display:block;  padding:0px 15px;  font-size:15px; line-height:42px; border-bottom:1px solid rgb(0,0,0,.07); text-decoration: none; background:rgb(242,244,247,.4)/*opacity:0.7;filter:Alpha(opacity=70);*/}
#gnbM #navigation > li .gnb-2dep > li > a.last { border-bottom:0px solid #edeff2 !important; }
#gnbM #navigation > li .gnb-2dep > li.active > a{opacity:1.0;filter:Alpha(opacity=100);}
/* GNB Mobile :: 3차 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background:#aaa; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;text-decoration: none;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}


/*PC 서브메뉴*/
.middleArea_line {  float:left; width:100%; border-top:1px solid #dde1e6; border-bottom:1px solid #dde1e6; background:#F3F6F8;  }
.m_middleArea_line { display:none; }	

.middleArea{ margin:0 auto; width:1280px; margin-bottom:0px;}
#sideMenu{position:relative; height:60px; z-index:1; }
.side-menu-inner-box{ position:absolute; top:0px; left:0px; right:0px; margin:0 auto;  height:60px; background:#ffffff; /*background: rgb(248, 248, 248, 1);*/ }
#sideMenu.fixed .side-menu-inner-box{ position:fixed; right:0px; left:0px; z-index:1000; width:auto;  border-bottom:1px solid #dde1e6;  }
.sub-menu-list-con{ display: flex;  justify-content: center; height:100%; margin:0 !important; }
.sub-menu-list-con .swiper-wrapper { display: flex; justify-content: center; width: 1280px; text-align:center;/*display:block;*/ }
/*.sub-menu-list-con .swiper-slide { position: relative; top: 1px; width:180px;display:inline-block; margin:0px 0px; padding:0px 0px; text-align:center;  font-weight:500; }*/
.sub-menu-list-con .swiper-slide { /*flex: 1 1;*/ position: relative; top: 1px; width:200px; display:inline-block; margin:0px 0px; padding:0px 0px; text-align:center;  font-weight:500; line-height:1.2;}
.sub-menu-list-con .swiper-slide a { display: flex; align-items: center; justify-content: center; /*display:block;*/ position: relative; top:0px;  height:60px; font-size:17px; font-weight:500; padding:0px 0px; border-bottom:3px solid transparent; transition:all 0.4s; }
.sub-menu-list-con .swiper-slide a:hover { /*color:#2C428A;*/ border-bottom:3px solid #bdc5ce; }
.sub-menu-list-con .swiper-slide.active a,.sub-menu-list-con .swiper-slide.on a {   /*font-weight:600;*/ color:#0070C3; border-bottom-color:#0070C3; }
a.narrow {  letter-spacing:-0.14em  }

/*PC상단 중메뉴 가로 flex 적용(Task 역량교육 페이지 /sub/education/education_04.asp)*/
.sub-menu-list-con-small{ display: flex;  justify-content: center; height:100%; margin:0 !important; }
.sub-menu-list-con-small .swiper-wrapper { display: flex; justify-content: center; width: 1280px; text-align:center;/*display:block;*/ }
.sub-menu-list-con-small .swiper-slide { /*flex: 1 1;*/ position: relative; top: 1px; width:auto; /*width:142px;*/ display:inline-block; margin:0px 23px; padding:0px 0px; text-align:center;  font-weight:500; line-height:1.2; /*letter-spacing: -0.08em;*/ }
.sub-menu-list-con-small .swiper-slide a { display: flex; align-items: center; justify-content: center; /*display:block;*/ position: relative; top:0px;  height:60px; font-size:17px; font-weight:500; padding:0px 0px; border-bottom:3px solid transparent; transition:all 0.4s; }
.sub-menu-list-con-small .swiper-slide a:hover { /*color:#2C428A;*/ border-bottom:3px solid #bdc5ce; }
.sub-menu-list-con-small .swiper-slide.active a,.sub-menu-list-con-small .swiper-slide.on a {   /*font-weight:600;*/ color:#0070C3; border-bottom-color:#0070C3; }

/*서브메뉴 좌우로 보더 펼쳐짐(사용안함)*/
.sub_menu_wrap ul { display: flex;  /*background: #00b3d3; */ height:61px; padding: 0px 0px 0px 0px;}
.sub_menu_wrap ul li {  flex: 1 1;  display: inline-block;width:auto;  padding: 0px 0px 0px 0px;  text-align: center; }
.sub_menu_wrap ul li a { display:block; font-size: 17px; /*color: #fff;*/ font-weight: 500; width:auto; text-decoration: none;  line-height: 58px;}
.sub_menu_wrap ul li a:after {display:block; content: ''; border-bottom: solid 3px #222222; transform: scaleX(0);/*크기를 0으로 줌으로써 평상시엔 밑줄 없음*/ transition: transform 250ms ease-in-out;/*변형 방식*/ transition:all 0.0s;  }
.sub_menu_wrap ul li a:hover:after { transform: scaleX(1); /*a 속성에 hover시 기존 크기로*/}
.sub_menu_wrap ul li a.on:after  {  border-bottom: solid 3px #2C428A ;  }
.sub_menu_wrap ul li.on {  border-bottom: solid 3px #2C428A;  }
.sub_menu_wrap ul li.on a.on {  color: #2C428A;  }




/* ◆◆◆◆◆◆◆◆◆◆ 모바일부터태블릿0px~1280px이하 ◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width:0px) and (max-width:1280px) {

/* header */
#hd>.container { display: flex;align-items: center;justify-content: center; height: 60px;  }
.util {position: absolute;left: 30px}
.util>*:not(.lang) {display: none}
.util .lang {border: 1px solid #cecece;border-radius: 2rem;padding: .25em 1em}
.nav-open {overflow:hidden}
.nav-open #wrap {position:fixed;left:0;right:0}
.js-mn {position: absolute;right: 0;top: 0;z-index: 120;width: 60px;height: 60px;background: none;border: 0;font-size: 0;line-height: 0;text-indent :-999em;color: inherit;outline: 0 !important}
.js-mn>span, .js-mn:after, .js-mn:before {content:"";position: absolute;left: calc((100% - 28px) / 2);top: 50%;width: 24px;border-top: 2px solid;margin-top: -1.5px;transition: transform .3s, opacity .3s;z-index: 100}
.js-mn:before {margin-top: -8.5px;transform-origin:top right}
.js-mn:after {margin-top: 5.5px;transform-origin:bottom right}
.gnb-open .js-mn {color: #000}
.gnb-open .js-mn:before {transform: rotate(-45deg);margin: -8px 0 0 -2px; color: #ffffff;}
.gnb-open .js-mn>span {opacity:0}
.gnb-open .js-mn:after {transform: rotate(45deg);margin: 8px 0 0 -2px; color: #ffffff;}
#gnb {overflow: hidden;overflow-y: auto;display: none;position: fixed;top: 0;right: 0;bottom: 0;z-index: 110;width: 100%;max-width: 300px;background: #fff;transition: transform .2s ease-out;color: #222;transform: translateX(100%)}
.gnb-open #gnb {transform: translateX(0)}
.dim {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: rgba(0,0,0,.6);opacity: 0; }
.gnb-open .dim {opacity: 1}
.gnb-util { display: flex;align-items: center; height: 60px; line-height: 60px; padding: 0px 20px; background: #0070C3; letter-spacing: -0.05em; }
.gnb-util a { margin-right:0px; font-size: 15px; color:#ffffff; }
.gnb-util a:hover { color:#ffffff; }
.split:empty { position: relative; top: 1px; display: inline-block; margin: 0px 10px; height: 13px;border-left: 1px solid; vertical-align: middle; color:rgb(255,255,255,.5); }
#hd .navbar-nav  {overflow-y: auto;height: calc(100% - 80px);border-top: 1px solid #e7e7e7}
#hd .nav-item {border-bottom: 1px solid #e7e7e7}
#hd .nav-item>a {height: auto; padding:0px 20px; line-height: 60px; font-size: 17px; font-weight: 500; }
.btn-depth {position: absolute;top: 0;left: 0;width: 100%;height: 60px; background: url('../images/include/sub_dropdown_grey.svg') no-repeat center right 1.429rem/.786rem auto;border: 0;font-size: 0;color: transparent;transition: none}
.depth {background: #f7f7f7;border-top: 1px solid #e7e7e7; padding:10px 20px; }
.depth a {display: block;font-size: 15px; line-height: 38px; }
.open>a {color: #0070C3;font-weight: 700}
.open>.btn-depth {transform: scaleY(-1)}
.depth3 { margin-left: 0rem}

.mo_menu_title { color:#ffffff; font-weight:500; font-size:17px; }

/*모바일 상단 유저아이콘*/
.m_top_user {  position:absolute; right:50px; top:16px;  }
.m_top_user a i { margin-right: 10px; font-size: 26px; } 


/*=====헤더=====*/
.pc_header {  display:none  } /*pc헤더*/
.mo_header {  display:block;    } /*mo헤더*/

.m_header_wrap {position:fixed;top:0px; /*position: relative;*/ display: flex;  align-items: center; justify-content: space-between; padding:0px;width:100%; height:60px; background:#ffffff;border-bottom:1px solid #D4D4D4; z-index:25 }

/*PC 서브메뉴*/

.m_middleArea_line { display:block; }	

/*검색모달팝업*/
.overlay1:target+.modal_popup1 { top: 60px !important; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.modal_popup1 { display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:90% !important;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #0070C3;
	/*display: inline-block;*/
	left: 50%;
	padding: 20px !important;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;
	height: 200px !important;

}

/*로그인모달팝업*/
.overlay2:target+.modal_popup2 { top: 25%;  }
.modal_popup2 {  width:90% !important; }

/*검색팝업레이아웃*/
.top_search_wrap { position: relative;display: flex;  flex-direction: column;   align-items: center; width:100%; margin-bottom: 60px; height: auto; }
.top_search_wrap .line { display: flex;  flex-direction: column;  align-items: center; width:100%; margin-bottom: 0px; height: auto; }
.top_search_wrap .area {  position: relative; margin:5px 0px !important;  padding:0px 10px 0px 5px !important; border-bottom:0px solid #C3C3C3; background: #ffffff; }
.top_search_wrap .area:last-child {margin-right:0px;}

p.sch_go { display:block; width:100%; color:#ffffff; line-height:40px; text-align:left;}

.sch_w1 {  width:100% !important;  }
.sch_w2 {  width:100% !important;  }

button.search { position:absolute;right:0px; top: 95px !important; width:100% !important; height:35px; padding-bottom:2px; }
span.sch_text {  display:block;  }

input.search {  height:44px;  padding:2px 0px 3px 5px; border:0px #B8B8B8 solid; background:#ffffff;  }
input.btn_glass { float:right;  width:44px; height: 44px; background:#ffffff url('/images/include/glass.png') 10% center no-repeat;border:none; text-decoration: none; cursor:pointer;}
input.btn_glass:hover  { }

/*모바일 서브메뉴*/

.lotation {    display:none }
.mcon_location_wrap {  position:absolute; left:0px; width:100%;   }
.mcon_location_box {float:left; width:100%; position:relative; }
.mcon_location {	/*position:fixed;	top:59px;*/ width:100%; border-top:1px solid #005a9c;	border-bottom:1px solid #005a9c; background:#0070C3;	z-index:1; }
.mcon_location .m_submenu .title a {	display: flex;  justify-content: center; align-items: center; position: relative; height: 49px; padding: 0px 45px; font-size: 18px; color: #ffffff;  font-weight: 600;  text-align: center;    }
.mcon_location .m_submenu .title a img { 	width:20px;	height:20px;	position:absolute;	right:20px;	top:15px; }
.mcon_location .m_submenu_list {	display:none; position:absolute;	left:0;	top:52px;	width:100%;	z-index:21;  }
.mcon_location .m_submenu_list li a {	display:block;	line-height:49px; padding:0px;	font-size:18px;	text-align:center;	background:#ffffff; border-bottom:1px solid #dde1e6; }
.mcon_location .m_submenu_list li a:hover {/*color:#19a5ee;*/}

.hd-sns {  position:absolute; right:65px; }

}

/* ◆◆◆◆◆◆◆◆◆◆ 모바일 768px이하 ◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width:768px){
.middleArea_line { display:none;  }
#lnbWrap_p {  display:none;   }
#lnbWrap_m {  display:block; position:relative; width:100%;  }
}

/*검색모달팝업*/
.overlay1 { 
background-color: rgba(0, 0, 0, 0.7); cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; bottom: 0; visibility: hidden; 
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.overlay1:target { visibility: visible; opacity: 1;  z-index: 9999999999 !important;}
.overlay1:target+.modal_popup1 { top: 119px; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.close1 { width: 40px; height: 40px; position: absolute; right: 11px; top: 5px; text-align: center; text-decoration: none; background: url('/images/include/btn_close_wh.svg') no-repeat center;  }
.close1:before {  }
.close1:hover { }

.modal_popup1 { display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:600px;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #0070C3;
	/*display: inline-block;*/
	left: 50%;
	padding: 20px !important;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;
	height: 95px;

	 -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    -webkit-transition: opacity .0s, top .0s;
    -moz-transition: opacity .0s, top .0s;
    -ms-transition: opacity .0s, top .0s;
    -o-transition: opacity .0s, top .0s;
    transition: opacity .0s, top .0s;
}

p.modal_tit { display: block;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 15px;
    color: #ffffff;
    font-size: 18px;
	font-weight: 500;
    line-height: 45px;
	text-align:left;
    background: #0070C3;}

/*로그인모달팝업*/
.overlay2 { 
background-color: rgba(0, 0, 0, 0.7); cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; bottom: 0; visibility: hidden; 
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.overlay2:target { visibility: visible; opacity: 1;  z-index: 9999999999 !important;}
.overlay2:target+.modal_popup2 { top: 25%; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.close2 { width: 40px; height: 40px; position: absolute; right: 6px; top: 2px; text-align: center; text-decoration: none; background: url('../images/include/btn_close_wh.svg') no-repeat center;  }
.close2:before {  }
.close2:hover { }

.modal_popup2 {  position:relative; display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:400px;
	padding:0px;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #ffffff;
	display: inline-block;
	left: 50%;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;
	border-radius: 10px;


    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    -webkit-transition: opacity .0s, top .0s;
    -moz-transition: opacity .0s, top .0s;
    -ms-transition: opacity .0s, top .0s;
    -o-transition: opacity .0s, top .0s;
    transition: opacity .0s, top .0s;

}

p.modal_tit { display:block; width:100%;  margin-bottom:0px; color:#ffffff; font-size:16px; border-radius: 10px 10px 0px 0px;}

.pop_area {  padding:15px;  }

.modal_space {  position:relative; width:100%; height:36px; margin:0px 0px 5px 0px;  }

.id_save { display:flex; justify-content: space-between; width:100%; margin:0px 0px 5px 0px; font-size:15px; color:#ffffff; font-weight: 300;}
.id_save .save_check { position:relative; float:left; width:100px;  }

p.idpw_find {   }
p.idpw_find span.line {  display:inline-block; width:1px; height:10px; background:rgb(0,0,0,.3);  }
p.idpw_find a { display:inline-block; color:#585858; padding:0px 7px 0px 0px; font-weight: 400;background:none;  }
p.idpw_find a.last { padding:0px 0px 0px 7px; font-weight: 400; background: url('/images/include/login_line.svg') no-repeat left 6px;  }

button.login { display:flex; justify-content: center;  align-items: center; width:100%;  height: 36px; padding-bottom: 2px; background: #21849D; color: #ffffff; font-size:16px;  font-weight: 600;}
/*모달로그인버튼*/
input.btn_login { display:flex; justify-content: center;  align-items: center; width:100%;  height: 36px; padding-bottom: 2px; background: #101010 !important;color: #ffffff;  font-size:16px;  font-weight: 600; border:0px; text-decoration: none; cursor:pointer !important;}

/*검색팝업레이아웃*/
.top_search_wrap { display: flex;  flex-direction: column;   align-items: center; width:100%;  }

.top_search_wrap .line { position: relative;display: flex;  align-items: center; width:100%; margin-bottom: 2px; height: auto; }

.top_search_wrap .area {  position: relative; margin:0px 0px;  padding:0px 0px 0px 0px; border-bottom:0px solid #C3C3C3; background: #ffffff; }
.top_search_wrap .area:last-child {margin-right:0px;}

p.sch_go { position: relative;  top: -2px; display:block; width:100%; color:#ffffff; line-height:40px; text-align:left;}

.sch_w1 {  float:left; width:150px; margin-right:5px !important; }
.sch_w2 {  float:left; width:310px; margin-right:5px; !important; }

button.search { position:absolute;right:0px; top: 0px; width:90px; height:35px; padding-bottom:2px;background:#101010; color:#ffffff;  font-size: 15px; font-weight: 600;}
span.sch_text {  display:block;  }

input.search {  height:44px;  padding:2px 0px 3px 5px; border:0px #B8B8B8 solid; background:#ffffff;  }
input.btn_glass { float:right;  width:44px; height: 44px; background:#ffffff url('/images/include/glass.png') 10% center no-repeat;border:none; text-decoration: none; cursor:pointer;}
input.btn_glass:hover  { }