/**/
.cheditor-container .cheditor-modify-block input[type="text"] {width:auto; height:auto; padding:0; font-size:auto; margin:0;}

/*19adult*/
.adult { position:fixed; width:100%; height:100%; background:#f4f4f4; padding:5rem 1rem; z-index:100000; }
.adult_box {width:100%; margin:0 auto; max-width:950px; background:#fff; border-radius:3rem; padding:4rem; box-shadow:0px 0px 20px rgba(0,0,0,0.1);  }
.adult .adult_ex {display:flex; flex-wrap:wrap; align-items:center; letter-spacing:-1px;}
.adult .adult_ex .img {width:100%; max-width:148px;}
.adult .adult_ex .txt {width:calc(100% - 148px - 4%); margin-left:4%; font-size:2rem; line-height:3.0rem; color:#333; }
.adult .adult_ex .txt span {font-weight:500;}
.adult .adult_ex .txt strong {font-size:3rem;  line-height:4rem; color:#111;}
.adult .adult_ex .adult_out {overflow:hidden; width:100%;  padding-top:2rem; border-top:1px solid #ddd; margin-top:2rem;}
.adult .adult_ex .adult_out p:nth-of-type(1) {float:left; width:100%; }
.adult .adult_ex .adult_out p:nth-of-type(2) {float:right; width:auto;}
.adult .adult_ex .adult_out p {font-size:14px; line-height:2.2rem; color:#777; margin-bottom:1rem;}
.adult .adult_ex .adult_out p b {font-weight:500;}
.adult .adult_ex .adult_out p a {display:inline-block; background:#fc686b; border:1px solid #e6505b; color:#fff; padding:.5rem 1.5rem; font-size:15px; text-shadow:1px 1px 1px rgba(200,7,79,0.5); text-align:center;}
.adult table .mem_cho {overflow:hidden; margin-bottom:1.5rem;}
.adult table .mem_cho li {float:left; margin-left:1.5rem;}
.adult table .mem_cho li:first-child {margin-left:0;}
.adult table th {color:#62708c; font-weight:500;}
.adult table div {display:flex;}
.adult table div p {width:70%;}
.adult table div .login {width:28%; margin-left:2%; font-size:1.8rem; font-weight:500; background:#273953; color:#fff;border-radius:3px;}
.adult table div p input {margin:0;}
.adult table div p input:nth-of-type(1) {margin-bottom:5px;}
.adult table .bl {border-left:1px solid #ddd;}
.adult table td {padding:1.5rem;}
.adult table .base {display:flex; align-items:center;}
.adult table .base li {width:100%; margin:0 1%;}
.adult table .base button {background:#0d78bf; border:2px solid #2b6599; color:#fff; font-weight:500; text-align:center; border-radius:5px; width:100%; padding:1.5rem; font-size:1.8rem;}
.adult table .bbt button {background:#0d78bf; border:2px solid #2b6599; color:#fff; font-weight:500; text-align:center; border-radius:5px; width:100%; padding:1.5rem; font-size:1.8rem;}
.adult .domain {text-align:center; font-size:13px; margin-top:20px; color:#999; letter-spacing:0px;}




/**/
html {font-size:62.5%}
header {width:1260px; margin:0 auto; /*overflow:hidden;*/ padding:1.8rem 0 2.4rem 0; background:#fff;}
header ul.util {/*overflow:hidden; */margin-bottom:5px; width:100%; display:flex; justify-content:flex-end;}
header ul.util li {float:left; position:relative;}
header ul.util li.search {display:none;}
header ul.util li::after {content:""; display:inline-block; background:#cfcece; height:10px; width:1px; margin:0 10px;}
header ul.util li:last-child::after {display:none;}
header ul.util li a {font-size:1.3rem; color:#8a8a8a; }
header ul.util li a i {margin-right:-4px;}
header ul.quick_my {position:absolute; left:-40px; top:25px; background:#fff; border-radius:3px; border:1px solid #ddd; padding:10px; width:120px; z-index:9999999;}
header ul.quick_my::before {content:""; display:block; width:11px; height:6px; background:url("../images/quick_my_arrow.png") center center no-repeat; position:absolute; top:-6px; left:55px;}
header ul.quick_my li {text-align:center; line-height:30px;}
header ul.quick_my li::after {display:none; }
header ul.quick_my li a {display:block; font-size:13px; color:#555;}
header ul.quick_my li a:hover {text-decoration:underline !important; }
header .top_area {overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
header .top_area .logo {float:left;width:25%}
header .top_area .main_search {float:left;width:50%; display:flex; justify-content:center;}
header .top_area .regist_btn {float:right;width:25%;}
header .main_search .search_style {border:2px solid #6336c7;height:5rem; border-radius:8px; position:relative;}
header .main_search form {width:55%;}
header .main_search label {width:85%;}
header .main_search input[type="text"] {float:left; height:4.6rem; width:100%; padding:0 2rem; font-size:1.4rem; border-radius:7px 0 0 7px; margin:0; border:none; font-size:1.6rem;}
header .main_search input[type="text"]::placeholder {color:#999;}
header .main_search input[type="text"]:focus {outline:none !important; border:0 !important; }
header .main_search button {position:absolute; right:0; height:4.6rem; width:15%;}
header .main_search button i {font-size:22px; color:#6336c7; margin-top:-2px; position:absolute; left:10px; top:12px;}
header .regist_btn {overflow:hidden; display:flex; justify-content:flex-end; align-items:center;}
header .regist_btn li {float:left; margin-right:10px; }
header .regist_btn li:nth-child(2) {margin-left:3rem; margin-right:0;}
header .regist_btn li:first-child span {display:inline-block; margin-right:1rem; background:#ff6a37; width:2.4rem; height:2.4rem; border-radius:3px;}
header .regist_btn li:nth-child(2) span {display:inline-block; margin-right:1rem; background:#48d4c8; ; width:2.4rem; height:2.4rem; border-radius:3px;}
header .regist_btn li a {font-size:1.8rem; color:#1c1814; font-weight:500; line-height:2.4rem;}
header .regist_btn li:first-child a span {text-align:center; padding-top:0.4rem;}
header .regist_btn li:nth-child(2) a span {background-image:url("../images/resume_icon.png"); background-repeat:no-repeat; background-position:center;}
header .regist_btn li.m_menubtn {margin-left:3rem; display:none;}
header .regist_btn li.m_menubtn2 {margin-left:3rem; display:none;}
header .regist_btn li.m_menubtn a {display:block; width:40px; height:40px; border:2px solid #6336c7; border-radius:30px; text-align:center;}
header .regist_btn li.m_menubtn a i {color:#6336c7; line-height:36px; font-size:24px;}

/*스킨1*/
nav { z-index:999;}
.nav_wrap {position:sticky;  position: -webkit-sticky; top:0; z-index:999;}
/*.nav_wrap.fixed_header {position:fixed; top:0; width:100%; margin:0 auto; z-index:99999; box-shadow:0 2px 2px rgb(0 0 0 / 20%);}*/
.nav_wrap.skin1 {border-bottom:2px solid #6336c7; border-top:1px solid #e1e1e1; background:#fff;}
.nav_wrap.skin1 nav {width:1260px; margin:0 auto;}
.nav_wrap.skin1 .nav_div {overflow:hidden;}
.nav_wrap.skin1 .nav_div>ul {overflow:hidden; height:6rem;}
.nav_wrap.skin1 .nav_div>ul>li {float:left;}
.nav_wrap.skin1 .nav_div>ul>li>a {display:block; font-size:1.8rem; line-height:6rem; padding:0 1.5rem; font-weight:500; text-align:center;}
.nav_wrap.skin1 .nav_div>ul>li>a:hover {color:#6336c7}
.nav_wrap.skin1 .nav_div>ul>li>a:hover>span {border-color:#6336c7;}
.nav_wrap.skin1 .nav_div>ul>li>a:hover>span i {color:#6336c7;font-weight:bold;}
.colchange {border-color:#6336c7;}
.nav_wrap.skin1 .nav_div>ul>li:nth-child(2)>a {padding-left:3rem;}
.nav_wrap.skin1 .nav_div>ul>li>a>span {display:inline-block; width:24px; height:24px; border:1px solid #e8e8e8; border-radius:50%; margin-left:10px; vertical-align:middle; position:relative;}
.nav_wrap.skin1 .nav_div>ul>li>a>span i {position:absolute; left:2px; top:2px; color:#1c1814; }
.nav_wrap.skin1 .nav_div>ul.left_nav {float:left;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li:first-child {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.nav_wrap.skin1 .nav_div>ul.left_nav>li:first-child>a {font-size:28px;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li:first-child>a i {vertical-align:baseline;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li {color:#e8e8e8;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li.line_plus {margin:0 5px; line-height:6rem;}
.nav_wrap.skin1 .nav_div>ul.right_nav {float:right;}
.nav_wrap.skin1 .nav_div>ul.right_nav>li {border-left:1px solid #e8e8e8;}
.nav_wrap.skin1 .nav_div>ul.right_nav>li:last-child {border-right:1px solid #e8e8e8;}

/*스킨2*/
.nav_wrap.skin2 {background:#6336c7;}
.nav_wrap.skin2.nav_wrap {border-bottom:0}
.nav_wrap.skin2 .nav_div .menubg {border-top:0;}
.nav_wrap.skin2 nav {width:1260px; margin:0 auto;}
.nav_wrap.skin2 .nav_div {overflow:hidden;}
.nav_wrap.skin2 .nav_div>ul {overflow:hidden; height:6rem;}
.nav_wrap.skin2 .nav_div>ul>li {float:left;}
.nav_wrap.skin2 .nav_div>ul>li>a {display:block; font-size:1.8rem; line-height:6rem; padding:0 1.5rem; font-weight:500; text-align:center; color:#fff;}
.nav_wrap.skin2 .nav_div>ul>li>a:hover {font-weight:bold; color:#fff;}
.nav_wrap.skin2 .nav_div>ul>li>a:hover>span {background:#fff;}
.nav_wrap.skin2 .nav_div>ul>li>a:hover>span i {color:#6336c7}
.nav_wrap.skin2 .nav_div>ul>li:nth-child(2)>a {padding-left:3rem;}
.nav_wrap.skin2 .nav_div>ul>li>a>span {display:inline-block; width:24px; height:24px; border:1px solid #e8e8e8; border-radius:50%; margin-left:10px; vertical-align:middle; position:relative;}
.nav_wrap.skin2 .nav_div>ul>li>a>span i {position:absolute; left:2px; top:2px; color:#fff;}
.nav_wrap.skin2 .nav_div>ul.left_nav {float:left;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li:first-child {}
.nav_wrap.skin2 .nav_div>ul.left_nav>li:first-child>a {font-size:28px; padding:0 1rem;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li:first-child>a i {vertical-align:baseline; background:#fff; border-radius:25px; padding:5px; color:#fff;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li {color:#e8e8e8;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li.line_plus {margin:0 5px; line-height:6rem;}
.nav_wrap.skin2 .nav_div>ul.right_nav {float:right;}
.nav_wrap.skin2 .nav_div>ul.right_nav>li {border-left:1px solid rgba(255,255,255,0.25);}
.nav_wrap.skin2 .nav_div>ul.right_nav>li:last-child {border-right:1px solid rgba(255,255,255,0.25);}

.nav_wrap .nav_div .menubg {background:#fff; border-top:2px solid #6336c7; border-bottom:1px solid #e8e8e8; position:absolute; width:100%; left:0; font-family:'Nanum Gothic'; display:none; z-index:999;}
.nav_wrap .nav_div .menubg:hover {}
.nav_wrap .nav_div .menuwrap {width:1260px; margin:0 auto; display:flex;}
.nav_wrap .nav>li:hover .menubg {display:block;}
.nav_wrap .nav_div div ul li>a {display:block;}
.bgblack {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:193px; z-index:500; display:none;}

/*모바일메뉴*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.m_menu {position:absolute; right:0; top:0; width:85%; height:100%; background:#fff;}
.m_menu .m_top {background:#6336c7;}
.m_menu .m_top>div {display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 2rem; height:70px; overflow:hidden;}
.m_menu .m_top>div p {display:flex; flex-wrap:wrap; align-items:center; float:left; color:#fff; font-size:1.5rem;}
.m_menu .m_top>div button {float:right; width:35px; height:35px; color:#fff; font-size:1.8rem; border:1px solid #fff; border-radius:50px; }
.m_menu .m_top>div p span {border:1px solid #fff; border-radius:50px; margin:5px; font-size:13px;}
.m_menu .m_top>div p span a {display:inline-block; color:#fff; padding:.5rem 1rem;}
.m_menu .m_top>ul {display:flex; overflow:hidden; border-top:1px solid rgba(255,255,255,0.4);}
.m_menu .m_top>ul li {float:left; width:100%; min-width:33%; text-align:center; line-height:40px;}
.m_menu .m_top>ul li a {display:block;font-size:1.5rem; color:#fff;}
.m_menu .m_top>ul li:nth-child(2) {border-right:1px solid rgba(255,255,255,0.4); border-left:1px solid rgba(255,255,255,0.4);}
.m_menu .m_top>ul li a i {vertical-align:middle; margin-right:5px;}
.m_menu .m_nav_1d {position:relative; height:100%;}
.m_menu .m_nav_1d>li {height:45px; line-height:45px; letter-spacing:-0.5px; text-align:center; }
.m_menu .m_nav_1d>li:last-child {border-bottom:0;}
.m_menu .m_nav_1d>li>a {display:block; font-size:14px; font-weight:500;width:100px;border-bottom:1px solid #ddd;  }
.m_menu .m_nav_1d>li>a.on { color:#6336c7;}
.m_menu .m_nav_1d .m_nav_2d {width:calc(100% - 100px); position:absolute; top:0; left:0; margin-left:100px; text-align:left; padding:10px 0; border-left:1px solid #ddd; height:calc(100% - 230px); overflow-y:scroll; min-height:320px}
.m_menu .m_nav_2d>li {line-height:45px;}
.m_menu .m_nav_2d>li>a {display:block; margin:0 20px; color:#333; background:url("../images/arrow-gray.png"); 
background-position:right center; background-repeat:no-repeat; font-size:15px; font-weight:500;}
.m_menu .m_nav_2d>li>a.arrow_no {background:none;}

.m_menu .m_nav_3d {background:#f8f8f8; margin:1rem; max-height:220px; overflow-y:scroll; border:1px solid #dfdfdf;}
.m_menu .m_nav_3d>li {line-height:40px;}
.m_menu .m_nav_3d>li a {display:block; font-size:14px; padding:0 2rem; color:#666;}
.m_menu .m_nav_3d dl {background:#fff; margin:0 2rem; font-size:13px;}
.m_menu .m_nav_3d dl dt {padding:0 2rem;}
.m_menu .m_nav_3d dl dd {border-top:1px solid #eee; color:#555}
.m_menu .m_nav_3d dl dd i {vertical-align:middle; margin-left:5px;}
.m_menu .m_bottom {position:absolute; bottom:0; width:100%; border-top:1px solid #ddd; background:#f5f5f5;}
.m_menu .m_bottom ul {overflow:hidden;}
.m_menu .m_bottom ul li {float:left; width:33.3%; text-align:center; border-right:1px solid #ddd;}
.m_menu .m_bottom ul li:nth-child(-n+3) {border-bottom:1px solid #ddd;}
.m_menu .m_bottom ul li:last-child {border-right:0}
.m_menu .m_bottom ul li a {display:block; padding:1rem 0;}
.m_menu .m_bottom ul li p {font-size:1.8rem; margin-bottom:5px; color:#444}
.m_menu .m_bottom ul li em {font-size:1.3rem; color:#444;}


/*전체메뉴*/
.nav_wrap .nav_div .menubox {width:20%; border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox>div p.onemenu {padding-bottom:20px; border-bottom:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox>div p.onemenu:last-child {border-bottom:0;}
/*채용정보*/
.nav_wrap .nav_div .menubox2 {width:16.7%; border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox2:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox2>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox2>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox2>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox2>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox2>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox2>div p.onemenu2 {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:10px;}
.nav_wrap .nav_div .menubox2>div ul.location {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox2>div ul.location li {width:33%}
.nav_wrap .nav_div .menubox2>div ul.target {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox2>div ul.target li {width:50%}
/*인재정보*/
.nav_wrap .nav_div .menubox3 {width:20%; border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox3:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox3>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox3>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox3>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox3>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox3>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox3>div p.onemenu2 {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:10px;}
.nav_wrap .nav_div .menubox3>div ul.location {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox3>div ul.location li {width:33%}
/*브랜드정보*/
.nav_wrap .nav_div .menubox4 {float:left;width:50%;  border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox4:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox4>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox4>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox4>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox4>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox4>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox4>div p.onemenu2 {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:10px;}
.nav_wrap .nav_div .menubox4>div ul.brand {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox4>div ul.brand li {width:33%}
.nav_wrap .nav_div .brand_menu_list {float:right; overflow:auto; overflow-x:hidden; height:300px; width:50%; border-right:1px solid #e8e8e8; padding:10px 30px; }
.nav_wrap .nav_div .brand_menu_list a {display:block; float:left;  overflow:hidden; width:81px; margin-right:10px; margin-top:10px; }
.nav_wrap .nav_div .brand_menu_list a p {width:100%; height:48px; border:1px solid #e1e1e1; background-position:center center; background-repeat:no-repeat; background-size:100%;}
.nav_wrap .nav_div .brand_menu_list a em {display:block; width:100%; font-size:11px; font-family:"굴림",'Gulim'; color:#555; text-align:center; margin-top:5px;}
/*기업서비스*/
.nav_wrap .nav_div .menubox3>div dl.assistant {border:1px solid #dddddd; font-size:13px;}
.nav_wrap .nav_div .menubox3>div dl.assistant  dt {background:#f9f9f9; padding:0 10px; border-bottom:1px solid #ddd;}
.nav_wrap .nav_div .menubox3>div dl.assistant  dd {padding:0 10px; }
.nav_wrap .nav_div .menubox3>div dl.assistant  dd a {display:block; font-size:13px;}
.nav_wrap .nav_div .menubox3>div dl.assistant  dd a i {vertical-align:middle; float:right; position:relative; top:9px;}


.top_con_wrap {background:#e8edf6;}
.top_con_wrap section {padding:1.5rem 0;}
.top_con_wrap .top1 {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; width:1260px; margin:0 auto; }
.top_con_wrap .top1 .main_visual {float:left; width:50%; height:170px; overflow:hidden; border:1px solid #dfdfdf; background:red; order:0; background:#fff; margin:0.5rem 0;}
.top_con_wrap .top1 .main_visual img {width:100% !important; height:auto !important;}
.top_con_wrap .top1 .main_visual .cycle-slideshow {width:100%;}
.top_con_wrap .top1 .main_visual .cycle-slide {width:100%;}


.top_con_wrap .top1 .main_quick {float:left; width:24%; height:170px; border:1px solid #dfdfdf; background:#fff;  margin:0.5rem 0; order:1;}
.top_con_wrap .top1 .main_quick ul {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.top_con_wrap .top1 .main_quick ul li {display:flex; align-items:center;width:33.3%; height:84px; float:left; text-align:center; border:1px solid #fff; border-bottom-color:#dfdfdf; justify-content:center }
.top_con_wrap .top1 .main_quick ul li.centerstyle {border-left-color:#dfdfdf; border-right-color:#dfdfdf}
.top_con_wrap .top1 .main_quick ul li:nth-child(n+4) {border-bottom:0;}
.top_con_wrap .top1 .main_quick ul li a {display:block; font-size:14px; color:#444444; width:100%; padding:17px 0;}
.top_con_wrap .top1 .main_quick ul li p {margin-bottom:8px;}
.top_con_wrap .top1 .main_quick ul li a:hover {text-decoration:underline !important;}

.top_con_wrap .top1 .main_login {float:left; width:24%; height:170px;  margin:0.5rem 0;  border:1px solid #dfdfdf; background:#fff; display:flex; order:2; overflow:hidden;}

/*개인.기업회원 로그인 선택 후*/
.top_con_wrap .top1 .main_login.login_form {}
.top_con_wrap .top1 .main_login.login_form .form_style {display:flex; padding:0 1rem;}
.top_con_wrap .top1 .main_login.login_form .form_style p {width:70%;}
.top_con_wrap .top1 .main_login.login_form .form_style button {width:30%; height:7rem; background:#6336c7; font-size:1.5rem; font-weight:500; color:#fff }
.top_con_wrap .top1 .main_login.login_form .form_style input {margin:0; border-radius:0; height:3.5rem;}
.top_con_wrap .top1 .main_login.login_form .form_style input::placeholder {color:#999; font-size:13px;}
.top_con_wrap .top1 .main_login.login_form .form_style input[type="password"] {border-top:0;}
.top_con_wrap .top1 .main_login.login_form ul.choice_member {width:100%; display:flex; align-items:center; padding:0 1rem;overflow:hidden; margin-top:15px;}
.top_con_wrap .top1 .main_login.login_form ul.choice_member li {float:left; font-size:13px; margin-right:1rem;}
.top_con_wrap .top1 .main_login.login_form ul.choice_member li:last-child {margin-right:0;}
.top_con_wrap .top1 .main_login.login_form input[type="radio"] {width:1.5rem; height:1.5rem;}

/*로그인하기전*/
.top_con_wrap .top1 .main_login.logout {flex-direction:column; justify-content:space-between; }
.top_con_wrap .top1 .main_login.logout .login_choice {width:100%; overflow:hidden;padding:2rem 0;}
.top_con_wrap .top1 .main_login.logout .login_choice a {display:block; width:50%; float:left; text-align:center; }
.top_con_wrap .top1 .main_login.logout .login_choice em {font-size:1.4rem; color:#444; line-height:1.8rem;}
.top_con_wrap .top1 .main_login.logout .login_choice a:nth-child(1) {border-right:1px solid #f3f3f3;}
.top_con_wrap .top1 .main_login.logout .login_choice a p {margin-top:10px; height:35px;}
.top_con_wrap .top1 .main_login.logout .assistant_box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; background:#e6e6e6; padding:10px 2rem; overflow:hidden;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul li {float:left;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul li a {color:#12px; font-size:12px;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul li:nth-child(2)::before {content:""; display:inline-block; width:1px; height:7px; background:#babbbf; margin:0 10px;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul.sns_login li {margin-left:5px;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul.sns_login li:nth-child(2)::before {display:none;}
/*로그인후*/
.top_con_wrap .top1 .main_login.login {flex-wrap:wrap; padding:2rem;}
.top_con_wrap .top1 .main_login.login p {width:100%; font-size:1.8rem; margin-bottom:8px; }
.top_con_wrap .top1 .main_login.login p span a {float:right; font-size:12px; color:#888888; padding:3px 6px; border:1px solid #dfdfdf;}
.top_con_wrap .top1 .main_login.login>div {overflow:hidden; width:100%;}
.top_con_wrap .top1 .main_login.login>div.login_info {margin:0px 0 10px 0; overflow:hidden;}
.top_con_wrap .top1 .main_login.login dl {float:left; display:flex; width:50%;  background:#f7f9fa; line-height:30px;}
.top_con_wrap .top1 .main_login.login dl dt {background:#d9dcde; color:#fff; float:left; min-width:30px; font-size:15px; text-align:center; }
.top_con_wrap .top1 .main_login.login dl dt i {line-height:30px;}
.top_con_wrap .top1 .main_login.login dl dd {font-size:13px; color:#333; float:left; padding-left:7px;}
.top_con_wrap .top1 .main_login.login div button {width:49%; line-height:28px; font-size:13px;}
.top_con_wrap .top1 .main_login.login div button:nth-child(1) {float:left; background:#6336c7; color:#fff; border-radius:3px;  border:1px solid #6336c7;}
.top_con_wrap .top1 .main_login.login div button:nth-child(2) {float:right; margin-left:2%; background:#fff; color:#999999; border-radius:5px; border:1px solid #e5e5e5;}

/*메인탭메뉴*/
.top_con_wrap .top2 {display:flex; justify-content:space-between; flex-wrap:wrap;; overflow:hidden; width:1260px; margin:0 auto; order:0;}
.top_con_wrap .top2 .tab_notice {float:left; width:50%; height:220px; border:1px solid #dfdfdf;  margin:0.5rem 0; position:relative; overflow:hidden;}
.top_con_wrap .top2 .tab_notice .tabnav{font-size:0; width:100%; border-bottom:1px solid #6336c7; background:#fff;}
.top_con_wrap .top2 .tab_notice .tabnav li{display: inline-block;  height:45px; text-align:center; border-right:1px solid #fff;}
.top_con_wrap .top2 .tab_notice .tabnav li a.active:before{background:#7ea21e;}
.top_con_wrap .top2 .tab_notice .tabnav li a{ position:relative; display:block; background: #fff; color: #333333; padding:0 3rem; line-height:45px; text-decoration:none; font-size:16px; font-size:1.6rem; letter-spacing:-0.3px;}
.top_con_wrap .top2 .tab_notice .tabnav li a:hover {color:#6336c7; font-weight:500;}
.top_con_wrap .top2 .tab_notice .tabnav li a.active{background:#6336c7; color:#fff; font-weight:500;}
.top_con_wrap .top2 .tab_notice .tabnav li a.active:hover {color:#fff;}
.top_con_wrap .top2 .tab_notice .tabcontent{border-top:none; background:#fff; height:135px;}
.top_con_wrap .top2 .tab_notice .tabbox li.more {position:absolute; right:15px; top:10px; float:right; width:50px; height:24px; border:1px solid #6336c7; padding:0;background:#fff;}
.top_con_wrap .top2 .tab_notice .tabbox li.more a {font-family:'Nanum Gothic'; color:#6336c7; font-size:12px; text-align:center; line-height:24px; }
.top_con_wrap .top2 .tab_notice a:hover p.title{text-decoration:underline !important}
/*신규 채용정보*/
.top_con_wrap .top2 .tab_notice .employ_notice {overflow:hidden;}
.top_con_wrap .top2 .tab_notice .employ_notice ul {overflow:hidden;}
.top_con_wrap .top2 .tab_notice .employ_notice ul li {float:left;width:33.3%; padding:1.3rem 2rem;}
/*.top_con_wrap .top2 .tab_notice .employ_notice ul li:nth-child(2) {border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3;}*/
.top_con_wrap .top2 .tab_notice .employ_notice ul li a {display:block; position:relative;}
.top_con_wrap .top2 .tab_notice .employ_notice ul li a div {position:relative; overflow:hidden; overflow:hidden; min-height:45px;}
.top_con_wrap .top2 .tab_notice .employ_notice ul li a div p {font-size:2rem; min-height:48px; max-height:48px; line-height:24px; font-weight:500; color:#333; text-align:center; background-position:center center; background-repeat:no-repeat; padding-bottom:25%; background-size:contain;}
.top_con_wrap .top2 .tab_notice .employ_notice ul li a p.line2 {font-size:14px; line-height:16px; color:#555555; margin:5px 0 0px 0; min-height:32px; }
.top_con_wrap .top2 .tab_notice .employ_notice ul li a em {font-family:'Gulim'; font-size:12px; color:#888888; display:block; margin-top:5px;}
/*신규 인재정보*/
.top_con_wrap .top2 .tab_notice .human_notice {}
.top_con_wrap .top2 .tab_notice .human_notice ul {overflow:hidden;}
.top_con_wrap .top2 .tab_notice .human_notice ul li {float:left; width:33.3%; padding:1.3rem 2rem;}
.top_con_wrap .top2 .tab_notice .human_notice ul li:nth-child(2) {border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3;}
.top_con_wrap .top2 .tab_notice .human_notice ul li a {display:block;}
.top_con_wrap .top2 .tab_notice .human_notice ul li a p.line1 {font-size:14px; color:#333333; font-weight:bold; margin-top:6px;}
.top_con_wrap .top2 .tab_notice .human_notice ul li a p.line3 {color:#555555; font-size:14px; min-height:48px; margin:10px 0; line-height:16px;}
.top_con_wrap .top2 .tab_notice .human_notice ul li a em {font-family:'Gulim'; font-size:12px; color:#888888; display:block;}
/*브랜드 채용*/
.top_con_wrap .top2 .tab_notice .brand_notice {}
.top_con_wrap .top2 .tab_notice .brand_notice ul {overflow:hidden;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li {float:left;width:33.3%; padding:0 2rem;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li:nth-child(2) {border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li a {display:block; position:relative;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li a div {position:relative; overflow:hidden; overflow:hidden; min-height:45px;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li a div p {background-position:center center; background-repeat:no-repeat; padding-bottom:34%; background-size:contain;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li a p.line1 {font-size:14px; line-height:auto; color:#555555; margin:9px 0 10px 0; }
.top_con_wrap .top2 .tab_notice .brand_notice ul li a em {font-family:'Gulim'; font-size:12px; color:#888888; display:block;}

/*메인탭공지*/
.top_con_wrap .top2 .notice_box { overflow:hidden; border-top:1px solid #dfdfdf; padding:0 2rem; height:40px; background:#fff; border-bottom:1px solid #dfdfdf; position:relative;}
.top_con_wrap .top2 .notice_box span {float:left; display:inline-block; height:23px; line-height:21px; border:1px solid #f47820; width:40px; text-align:center; margin-top:7px; margin-right:10px;}
.top_con_wrap .top2 .notice_box span a { font-size:13px; font-family:'Malgun Gothic'; font-weight:bold; }
.top_con_wrap .top2 .notice_box .swiper-slide p {display:inline-block; height:40px; line-height:35px; float:left;width:80%;}
.top_con_wrap .top2 .notice_box .swiper-slide a {font-size:13px; font-family:'Malgun Gothic'; color:#666; letter-spacing:-0.5px;}
.top_con_wrap .top2 .notice_box .swiper-slide a:hover {text-decoration:underline !important}
.top_con_wrap .top2 .notice_box .slide_notice_btn  {position:absolute; top:7px; right:15px; z-index:1;}
.top_con_wrap .top2 .notice_box .slide_notice_btn button {height:23px; width:23px; background:#f2f3f8}
.top_con_wrap .top2 .notice_box .slide_notice_btn button i {font-size:15px;}

/*지역별 채용정보*/
.top_con_wrap .top2 .location {background:#fff; border:1px solid #dfdfdf; width:24%; height:220px;  margin:0.5rem 0;  order:1 }
.top_con_wrap .top2 .location h3 {height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#333333; border-bottom:1px solid #dfdfdf; font-weight:500;}
.top_con_wrap .top2 .location h3 span {color:#6336c7;}
.top_con_wrap .top2 .location>ul {overflow:hidden; padding:1.4rem 2rem;}
.top_con_wrap .top2 .location>ul li {float:left; width:16.6%; text-align:center;}
.top_con_wrap .top2 .location>ul li a {display:block; font-size:14px; color:#444444; line-height:35px}
.top_con_wrap .top2 .location>ul li a:hover {text-decoration:underline !important;}
.top_con_wrap .top2 .location div {border-top:1px solid #dfdfdf;}
.top_con_wrap .top2 .location div ul {margin-top:1px solid #dfdfdf; }
.top_con_wrap .top2 .location div ul li {float:left; text-align:center;width:50%;}
.top_con_wrap .top2 .location div ul li:first-child {border-right:1px solid #dfdfdf;}
.top_con_wrap .top2 .location div ul li a {display:block; width:100%; color:#333; font-size:14px; height:40px; line-height:39px;}
.top_con_wrap .top2 .location div ul li a:hover {text-decoration:underline !important}
.top_con_wrap .top2 .location div ul li span {display:inline-block;  border-radius:50px; width:22px; height:22px; vertical-align:middle; margin-right:6px; line-height:18px; margin-top:-2px;}
.top_con_wrap .top2 .location div ul li span i {color:#fff; vertical-align:middle; font-size:14px;}
.top_con_wrap .top2 .location div ul li:nth-child(1) span {background:#ff6a37;}
.top_con_wrap .top2 .location div ul li:nth-child(2) span {background:#48d4c8;}

/*테마별(키워드) */
.top_con_wrap .top2 .tema {float:left; overflow:hidden; width:24%; height:220px; border:1px solid #dfdfdf; background:#fff;  margin:0.5rem 0; order:2; position:relative;}
.top_con_wrap .top2 .tema h3 {height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#333333; border-bottom:1px solid #dfdfdf;  font-weight:500;}
.top_con_wrap .top2 .tema h3 span {color:#6336c7;}
.top_con_wrap .top2 .tema h3 em {position:absolute; right:15px; top:10px;}
.top_con_wrap .top2 .tema h3 button {border:1px solid #6336c7; width:23px; height:23px;}
.top_con_wrap .top2 .tema h3 button:nth-child(2) {margin-left:-5px;}
.top_con_wrap .top2 .tema h3 button i {color:#6336c7; font-size:20px;}
.top_con_wrap .top2 .tema ul {overflow:hidden; display:flex; flex-wrap:wrap;}
.top_con_wrap .top2 .tema ul li {float:left; max-width:33%; text-align:center; border:1px solid #dfdfdf; border-radius:20px; margin-right:5px; margin-bottom:5px;}
.top_con_wrap .top2 .tema ul li:hover {border-color:#6336c7;}
.top_con_wrap .top2 .tema ul li:hover a {color:#6336c7}
.top_con_wrap .top2 .tema ul li a {display:block; padding:8px 9px; font-size:13px; color:#666;}
.top_con_wrap .top2 .tema ul li a::before {content:"#"}
.top_con_wrap .top2 .tema .tema_box {padding:1.5rem 2rem; overflow:hidden; height:155px;}

/****************************************메인컨텐츠*****************************************/
.main_con_wrap {width:1260px; margin:0 auto; }
.main_con_wrap section {margin-top:6rem;}
.main_con_wrap section.platinum {margin-top:4rem;}
.main_con_wrap .product_title {overflow:hidden; display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.main_con_wrap .product_title p {float:left; font-size:2.4rem; color:#1c1814; font-weight:500; margin-bottom:0; margin-top:0;}
.main_con_wrap .product_title span {float:right;}
.main_con_wrap .product_title span a {display:inline-block; border:1px solid #8c8c8c; border-radius:20px; padding:6px 10px; font-size:14px; color:#666666;  background:#fff}
.main_con_wrap .no_employ {background:#fcfcfc; border:1px solid #e5e5e5; text-align:center; font-size:15px; padding:3rem 1rem; color:#777;}

/*플래티넘+프라임*/
.main_con_wrap .pla_pri {}
.main_con_wrap .pla_pri ul {overflow:hidden; display:flex; flex-wrap:wrap;}
.main_con_wrap .pla_pri ul.num3 li {width:32%; margin-bottom:2%; margin-right:2%; /*height:295px*/}
.main_con_wrap .pla_pri ul.num3 li:nth-child(3n) {margin-right:0; }
.main_con_wrap .pla_pri ul.num3 li.text_ver .toparea {padding:2rem 2rem;}
.main_con_wrap .pla_pri ul.num3 li.text_ver .toparea p {font-size:3.4rem; font-weight:500; color:#333; line-height:4rem; overflow:hidden;}
.main_con_wrap .pla_pri ul.num3 li.text_ver .textarea {padding:0.5rem 0rem 0rem 0rem;}
.main_con_wrap .pla_pri ul.num3 li.bg_ver .toparea p {padding-bottom:48%}
.main_con_wrap .pla_pri ul.num4 li {width:24%; margin-bottom:1.3%; margin-right:1.3%; /*height:260px;*/}
.main_con_wrap .pla_pri ul.num4 li:nth-child(4n) {margin-right:0;}
.main_con_wrap .pla_pri ul.num4 li.text_ver .toparea {padding:1.5rem 2rem;}
.main_con_wrap .pla_pri ul.num4 li.text_ver .toparea p {font-size:2.8rem; font-weight:500; color:#333; line-height:3.2rem; overflow:hidden; margin-top:1px;}
.main_con_wrap .pla_pri ul.num4 li.bg_ver .toparea p {padding-bottom:52%}
.main_con_wrap .pla_pri ul.num4 li.logo_ver .toparea p {padding-bottom:37%}
.main_con_wrap .pla_pri ul.num5 li {width:19%; margin-bottom:1.25%; margin-right:1.25%; /*height:235px;*/}
.main_con_wrap .pla_pri ul.num5 li:nth-child(5n) {margin-right:0; }
.main_con_wrap .pla_pri ul.num5 li.text_ver .toparea p {font-size:2.5rem; font-weight:500; color:#333; line-height:3.2rem; overflow:hidden;}
.main_con_wrap .pla_pri ul.num5 li.bg_ver .toparea p {padding-bottom:50%;  }
.main_con_wrap .pla_pri ul.num5 li.text_ver .toparea {padding:0.6rem 2rem;}
.main_con_wrap .pla_pri ul.num6 li {width:15.6%; margin-bottom:1.28%; margin-right:1.28%; /*height:218px*/}
.main_con_wrap .pla_pri ul.num6 li:nth-child(6n) {margin-right:0; }
.main_con_wrap .pla_pri ul.num6 li.text_ver .toparea p {font-size:2.2rem; font-weight:500; color:#333; line-height:2.7rem; overflow:hidden;}
.main_con_wrap .pla_pri ul.num6 li.text_ver .toparea {padding:0.5rem 2rem;}
.main_con_wrap .pla_pri ul.num6 li.bg_ver .toparea p {padding-bottom:55%;}
.main_con_wrap .pla_pri ul li.common {float:left; min-height:100px;}
.main_con_wrap .pla_pri ul li.common:hover p.title {text-decoration:underline !important}
.main_con_wrap .pla_pri ul li.common a {height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.main_con_wrap .pla_pri ul li.common .flexwrap {height:100%;}
.main_con_wrap .pla_pri ul li.common .toparea button {position:absolute; top:10px; right:10px; font-size:20px; color:#c9c9c9; z-index:2;}
.main_con_wrap .pla_pri ul li.common .toparea button i.scrap {color:#ffd304;} /*스크랩 되었을때*/
.main_con_wrap .pla_pri ul li.common .textarea h2 {font-size:15px; color:#333; font-weight:300; padding:1rem 2rem 0 2rem;}
.main_con_wrap .pla_pri ul li.common .textarea p.title {font-size:1.8rem; line-height:2.2rem; color:#1c1814; margin:10px 2rem 0 2rem; /*min-height:4.4rem; 형광펜세로값영향*/ font-weight:400;}
.main_con_wrap .pla_pri ul li.common .textarea p.date {font-size:13px; height:14px; color:#666666; font-family:'Malgun Gothic'; font-weight:bold; }
.main_con_wrap .pla_pri ul li.common .textarea p.location {font-size:14px; color:#777777; font-family:'Malgun Gothic'; margin-top:5px;}
/*.main_con_wrap .pla_pri ul li.common .textarea p.location span {display:inline-block;padding:3px 4px 4px 2px;; color:#fff; border-radius:3px; vertical-align:baseline;}*/
.main_con_wrap .pla_pri ul li.common .toparea {position:relative; overflow:hidden;}
.main_con_wrap .pla_pri ul li.common .asi_wrap {padding:1rem 2rem 1rem 2rem; margin-top:1rem;}
.main_con_wrap .pla_pri ul li.logo_ver .toparea p {background-position:top center; background-repeat:no-repeat; padding-bottom:35%; background-size:contain; /*margin-top:5px;*/}
.main_con_wrap .pla_pri ul li.bg_ver .toparea p {background-position:center center; background-repeat:no-repeat; padding-bottom:42%; background-size:cover; }
.main_con_wrap .pla_pri ul li.bg_ver .textarea h2 {padding-top:1.3rem;}
.main_con_wrap .pla_pri ul li.bg_ver .textarea p.title {margin-top:10px; padding-bottom:2rem;}
.main_con_wrap .pla_pri ul li.bg_ver a {display:block;}
.main_con_wrap .pla_pri ul li.text_ver .toparea {padding:1rem 2rem; display:flex; align-item:center; height:100%;}
.main_con_wrap .pla_pri ul li.text_ver .toparea p {display:flex; align-items:center; font-size:3rem; font-weight:500; color:#333; line-height:3.5rem; overflow:hidden;}
.main_con_wrap .pla_pri ul li.noproduct a {justify-content:center; text-align:center; flex-direction:inherit; align-items:center;}
.main_con_wrap .platinum_list ul li.common {border:1px solid #d6d6d6; }
.main_con_wrap .platinum_list ul li {border:1px solid #dddddd; border-top:3px solid #6336c7 !important;border-radius:15px;}

/*프라임*/
.main_con_wrap .prime_list ul {display:flex; flex-wrap:wrap;}
.main_con_wrap .prime_list ul li.common { border:1px solid #d6d6d6; /*height:230px;*/ min-height:100px;}
.main_con_wrap .prime_list ul li.common .asi_wrap {background:#f7f7f7; margin-top:1.5rem;}
.main_con_wrap .prime_list ul li.common .asi_wrap {padding:1rem 2rem 1rem 2rem;}
.main_con_wrap .prime_list ul.num3 li {/*height:303px;*/}
.main_con_wrap .prime_list ul.num4 li {/*height:268px;*/}
.main_con_wrap .prime_list ul.num5 li {/*height:238px;*/}
.main_con_wrap .prime_list ul.num6 li {/*height:223px;*/}
.main_con_wrap .pla_pri ul.num5 li .textarea p.title {font-size:1.7rem;}
.main_con_wrap .pla_pri ul.num6 li .textarea p.title {font-size:1.7rem;}

/*그랜드*/
.main_con_wrap .grbn {}
.main_con_wrap .grbn ul {display:flex; flex-wrap:wrap;}
.main_con_wrap .grbn ul::after {content:""; display:block; clear:both;}
.main_con_wrap .grbn ul.num3 li {width:33.38%; /*height:165px;*/}
.main_con_wrap .grbn ul.num4 li {width:25%; /*height:165px;*/}
.main_con_wrap .grbn ul.num5 li {width:20.02%; /*height:165px;*/}
.main_con_wrap .grbn ul li.text_ver {/*height:165px;*/}
.main_con_wrap .grbn ul {margin-left:1px;}
.main_con_wrap .grbn ul li.common {border:1px solid #d6d6d6; float:left; position:relative;margin-left:-1px; margin-top:-1px;  min-height:100px;}
.main_con_wrap .grbn ul li.common a {display:flex; align-items:center; position:relative; overflow:hidden; height:100%;}
.main_con_wrap .grbn ul li.common a:hover p.title {text-decoration:underline !important}
.main_con_wrap .grbn ul li.common a button {position:absolute; right:10px; top:10px; color:#c9c9c9;  font-size:20px; z-index:1;}
.main_con_wrap .grbn ul li.common a button i.scrap {color:#ffd304;}
.main_con_wrap .grbn ul li.common .leftarea {float:left; position:relative; overflow:hidden; width:35%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.main_con_wrap .grbn ul li.common .textarea {float:left; width:65%; padding:1.5rem 2rem 1.5rem 1rem; /*background:orange;*/ height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.main_con_wrap .grbn ul li.common .textarea h2 {font-size:14px; color:#555; font-weight:400;}
.main_con_wrap .grbn ul li.common .textarea .title {font-size:1.6rem; line-height:2.1rem; color:#1c1814; margin:1rem 0 1.5rem 0; font-weight:400;}
.main_con_wrap .grbn ul li.common .asi_wrap {font-family:'Gulim',"굴림"; color:#555555; font-size:13px;}
.main_con_wrap .grbn ul li.common p.location {margin-top:6px;}
.main_con_wrap .grbn ul li.text_ver  .textarea {padding:2rem 2rem;}
.main_con_wrap .grbn ul li.text_ver  .textarea  h2 {font-size:2.3rem; font-weight:500; color:#}
.main_con_wrap .grbn ul li.text_ver .textarea {width:100%}
.main_con_wrap .grbn ul li.text_ver .leftarea,
.main_con_wrap .grbn ul li.text_ver .grd_bg {display:none;}
.main_con_wrap .grbn ul li.logo_ver .grd_bg {display:none;}
.main_con_wrap .grbn ul li.bg_ver { background:linear-gradient(to bottom, rgba(255,255,255,0.5) 10%,); background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main_con_wrap .grbn ul li.bg_ver .grd_bg::after {position:absolute; right:0; height:100%; width:40%; content:""; display:block; background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%,rgba(255, 255, 255, 1) 100%,
rgba(255, 255, 255, 0.3) 20%,	rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 1) 40%);}
.main_con_wrap .grbn ul li.bg_ver::before {content:""; display:block; position:absolute; right:0; width:100%; height:100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%,rgba(255, 255, 255, 0.1) 15%,
rgba(255, 255, 255, 0.3) 20%,	rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 1) 40%);}
.main_con_wrap .grbn ul li.bg_ver a {display:block;}
.main_con_wrap .grbn ul li.bg_ver .textarea {float:right; }
.main_con_wrap .grbn ul li.bg_ver .leftarea {display:none;}
.main_con_wrap .grbn ul li.noproduct a {justify-content:center; text-align:center;}
.main_con_wrap .grbn .grd_bg {position:relative; float:left; width:35%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

/*배너형*/
.main_con_wrap .banner_list {margin-left:1px;}
.main_con_wrap .banner_list ul {display:flex; flex-wrap:wrap;}
.main_con_wrap .banner_list ul::after {content:""; display:block; clear:both;}
.main_con_wrap .banner_list ul.num3 li {width:33.38%; /*height:130px;*/}
.main_con_wrap .banner_list ul.num4 li {width:25%; /*height:130px;*/}
.main_con_wrap .banner_list ul.num5 li {width:20.02%; /*height:130px;*/}
.main_con_wrap .banner_list ul li {border:1px solid #d6d6d6; float:left; position:relative; margin-left:-1px; margin-top:-1px; min-height:100px;}
.main_con_wrap .banner_list ul li a {display:flex; position:relative; ; height:100%; padding:2rem;}
.main_con_wrap .banner_list ul li a:hover p.title {text-decoration:underline !important; }
.main_con_wrap .banner_list ul li a button {position:absolute; right:10px; top:10px; color:#c9c9c9;  font-size:20px; }
.main_con_wrap .banner_list ul li a button i.scrap {color:#ffd304;}
.main_con_wrap .banner_list ul li .textarea {width:100%;}
.main_con_wrap .banner_list ul li .textarea h2 {font-size:14px; color:#333333; font-weight:500;}
.main_con_wrap .banner_list ul li .textarea p.title {font-size:1.6rem; color:#1c1814; margin:10px 0 15px 0; font-weight:400; padding-bottom:1px;}
.main_con_wrap .banner_list ul li .asi_wrap {font-size:13px; font-family:"굴림",'Gulim'; color:#777777;}
.main_con_wrap .banner_list ul li p.location {margin-top:6px;}
.main_con_wrap .banner_list ul li .ing {margin-top:8px; font-family:"굴림",'Gulim';  font-size:11px;}
.main_con_wrap .banner_list ul li .ing span { padding:3px 4px; display:inline-block;}
.main_con_wrap .banner_list ul li .ing .accep {border:1px solid #3fa5fa; color:#3fa5fa; }
.main_con_wrap .banner_list ul li .ing .tclose {border:1px solid #f4200a; color:#f4200a; }
.main_con_wrap .banner_list ul li.noproduct a {justify-content:center; text-align:center; align-items:center;}

/*리스트*/
.main_con_wrap .list_list {margin-left:1px;}
.main_con_wrap .list_list ul {display:flex; flex-wrap:wrap;}
.main_con_wrap .list_list ul::after {content:""; display:block; clear:both;}
.main_con_wrap .list_list ul.num2 li {width:50%; /*height:76px;*/}
.main_con_wrap .list_list ul.num3 li {width:33.38%; /*height:76px;*/}
.main_con_wrap .list_list ul.num4 li {width:25%; /*height:76px;*/}
.main_con_wrap .list_list ul li {border:1px solid #d6d6d6; float:left; position:relative; margin-left:-1px; margin-top:-1px; min-height:50px;}
.main_con_wrap .list_list ul li h2 {font-size:1.5rem; color:#333; width:25%; font-weight:400; margin-right:10px;}
.main_con_wrap .list_list ul li a {display:flex; position:relative; ; height:100%; padding:2rem; align-items:center;}
.main_con_wrap .list_list ul li a:hover p.title {text-decoration:underline !important; }
.main_con_wrap .list_list ul li a button {position:absolute; right:5px; top:5px; color:#c9c9c9;  font-size:20px; text-align:right;}
.main_con_wrap .list_list ul li a button i.scrap {color:#ffd304;}
.main_con_wrap .list_list ul li .textarea {width:70%;}
.main_con_wrap .list_list ul li .textarea p.title {font-size:1.6rem; color:#1c1814; margin-bottom:10px;padding-bottom:1px;}
.main_con_wrap .list_list ul li .asi_wrap {font-size:13px; font-family:"굴림",'Gulim'; color:#777777;} 
.main_con_wrap .list_list ul li.noproduct a { justify-content:center; text-align:center;}
.main_con_wrap .list_list .num4 h2 {min-width:62px;}


/*최근채용정보*/
.main_con_wrap .lately .th_title {background:#f2f2f2; border-bottom:1px solid #d6d6d6; border-top:2px solid #333; line-height:40px;}
.main_con_wrap .lately .th_title ul {overflow:hidden;}
.main_con_wrap .lately .th_title ul li {float:left; font-size:1.5rem; color:#555; text-align:center;}
.main_con_wrap .lately .th_title ul li:nth-child(1) {width:4%}
.main_con_wrap .lately .th_title ul li:nth-child(2) {width:12%}
.main_con_wrap .lately .th_title ul li:nth-child(3) {width:9%}
.main_con_wrap .lately .th_title ul li:nth-child(4) {width:30%}
.main_con_wrap .lately .th_title ul li:nth-child(5) {width:12%}
.main_con_wrap .lately .th_title ul li:nth-child(6) {width:12%}
.main_con_wrap .lately .th_title ul li:nth-child(7) {width:9%}
.main_con_wrap .lately .th_title ul li:nth-child(8) {width:12%}
.main_con_wrap .lately .td_con a {display:flex; /*flex-wrap:wrap;*/ align-items:center; overflow:hidden; height:60px; /*line-height:60px;*/border-bottom:1px solid #d6d6d6;}
.main_con_wrap .lately .td_con a .area {float:left; overflow:hidden;}
.main_con_wrap .lately .td_con a .area p {float:left;}
.main_con_wrap .lately .td_con a:hover p {text-decoration:underline !important}
.main_con_wrap .lately .td_con a>div.area0 button {width:100%;}
.main_con_wrap .lately .td_con a>div.area0 button i {color:#c9c9c9;  font-size:20px; text-align:right; vertical-align:middle;}
.main_con_wrap .lately .td_con a>div.area0 button i.scrap {color:#ffd304;}
.main_con_wrap .lately .td_con a>div.area0 {width:4%}
.main_con_wrap .lately .td_con a>div.area1 {width:51%}
.main_con_wrap .lately .td_con a>div.area2 {width:24%}
.main_con_wrap .lately .td_con a>div.area3 {width:21%}
.main_con_wrap .lately .td_con a span.sstyle {display:inline-block; padding:1px 4px 2px 4px;}
.main_con_wrap .lately .td_con .lately0 {width:100%}
.main_con_wrap .lately .td_con .lately1 {width:23%; text-align:left;}
.main_con_wrap .lately .td_con .lately2 {width:18%}
.main_con_wrap .lately .td_con .lately3 {width:59%; text-align:left;}
.main_con_wrap .lately .td_con .lately4 {width:50%}
.main_con_wrap .lately .td_con .lately5 {width:50%}
.main_con_wrap .lately .td_con .lately6 {width:44%}
.main_con_wrap .lately .td_con .lately7 {width:56%}
.main_con_wrap .lately .td_con p {float:left; font-size:1.5rem; color:#555; text-align:center; padding:0 5px;}
.commu.view .reply_con .secret_co input {width:17px; height:17px;}

/*********인재정보**********/
.injae_con_wrap {background:#f8f8f8; padding:4rem 0; margin:4rem 0 0 0}
.main_con_wrap2 {width:1260px; margin:0 auto;}
.main_con_wrap2 section {padding-top:4rem;}
.main_con_wrap2 section:nth-of-type(1) {padding-top:0;}
.sub .main_con_wrap2 section:nth-of-type(1) {padding-top:4rem;} /*인재정보서브페이지*/
.main_con_wrap2 .product_title {overflow:hidden; display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.main_con_wrap2 .product_title p {float:left; font-size:2.4rem; color:#1c1814; font-weight:500;}
.main_con_wrap2 .product_title span {float:right}
.main_con_wrap2 .product_title span a {display:inline-block; border:1px solid #8c8c8c; border-radius:20px; padding:6px 10px; font-size:14px; color:#666666; background:#fff}
.main_con_wrap2 .no_resume {background:#fcfcfc; border:1px solid #e5e5e5; text-align:center; font-size:15px; padding:3rem 1rem; color:#777;}
.main_con_wrap3 {width:1260px; margin:0 auto;}

/*포커스 인재정보*/
.main_con_wrap2 .injae_wrap {}
.main_con_wrap2 .injae_wrap ul {overflow:hidden;display:flex; flex-wrap:wrap;}
.main_con_wrap2 .injae_wrap ul li {float:left; width:32.5%; margin-right:1.25%; border:1px solid #dddddd; border-top:3px solid #ffc765;border-radius:15px; background:#fff; overflow:hidden; margin-top:1.25%; box-shadow: 5px 5px 5px rgba(0,0,0,0.05);}
.main_con_wrap2 .injae_wrap ul li:nth-child(-n+3) {margin-top:0}
.main_con_wrap2 .injae_wrap ul li:nth-child(3n) {margin-right:0;}
.main_con_wrap2 .injae_wrap ul li a {display:flex; flex-direction:column; padding:2rem; position:relative; height:100%;}
.main_con_wrap2 .injae_wrap ul li a:hover p.title {text-decoration:underline !important}
.main_con_wrap2 .injae_wrap .toparea {width:100%; overflow:hidden; display:flex; justify-content:space-between; }
.main_con_wrap2 .injae_wrap .textarea {float:left; width:75%}
.main_con_wrap2 .injae_wrap .textarea button {position:absolute; right:10px; top:10px;}
.main_con_wrap2 .injae_wrap .textarea button i {color:#c9c9c9;  font-size:20px; text-align:right; vertical-align:middle;}
.main_con_wrap2 .injae_wrap .textarea button  i.scrap {color:#ffd304;}
.main_con_wrap2 .injae_wrap .textarea .myinfo {font-size:1.5rem; color:#333; font-weight:700;}
.main_con_wrap2 .injae_wrap .textarea .myinfo span {font-size:13px;  font-weight:400;}
.main_con_wrap2 .injae_wrap .textarea .myinfo em {color:#777777; font-size:13px; font-weight:400;}
.main_con_wrap2 .injae_wrap .textarea .title {font-size:1.7rem; letter-spacing:-0.3px; color:#333; margin-top:10px; line-height:2.2rem;}
.main_con_wrap2 .injae_wrap .photo {float:right; }
.main_con_wrap2 .injae_wrap .photo p {width:77px; height:77px; border:1px solid #dddddd; border-radius:50%; background-color:#e8e9ec; background-image:url("../images/no_injae.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.main_con_wrap2 .injae_wrap .bottomarea {width:100%; overflow:hidden;}
.main_con_wrap2 .injae_wrap .bottomarea p {float:left; width:100%; margin-top:10px; font-size:14px; color:#555;}
.main_con_wrap2 .injae_wrap .bottomarea .injae_icon {margin-top:0;}
.main_con_wrap2 .injae_wrap .injae_icon img {float:left; display:block; margin-right:3px;}
.main_con_wrap2 .injae_wrap .injae_jb em {color:#888888; vertical-align:baseline;}
.main_con_wrap2 .injae_wrap .injae_jb em::before {content:""; display:inline-block; width:1px; background:#c8c8c8; height:10px; margin:0 5px;}
.main_con_wrap2 .injae_wrap ul li.noproduct a {justify-content:center; text-align:center; flex-direction:inherit; align-items:center;}
.main_con_wrap2 .focus_wrap ul li {position:relative; }
.main_con_wrap2 .focus_wrap ul li::after {content:""; display:inline-block; width:55px; height:55px; position:absolute; left:0; top:0px; background-image:url("../images/focus_icon.png"); background-repeat:no-repeat;}
.main_con_wrap2 .focus_wrap ul li.noproduct::after { background-image:none; }

/*플러스 인재정보*/
.main_con_wrap2 .flus_wrap ul li {border:1px solid #dddddd}
.main_con_wrap2 .flus_wrap .textarea {float:right;}
.main_con_wrap2 .flus_wrap .photo {float:left; }
.main_con_wrap2 .flus_wrap .photo p {width:74px; height:74px;}
.main_con_wrap2 .flus_wrap .bottomarea {padding:3px 5px; background:#f8f8f8; margin-top:10px;}
.main_con_wrap2 .flus_wrap .bottomarea p {margin-top:0}

/*최근 인재정보*/
.main_con_wrap2 .lately_injae {}

.main_con_wrap2 .lately_injae ul {}
.main_con_wrap2 .lately_injae ul li {border:1px solid #dddddd; position:relative; margin-top:-1px; border-left:3px solid #ffc765; background:#fff;}
.main_con_wrap2 .lately_injae ul li a {display:block; height:100%; overflow:hidden;}
.main_con_wrap2 .lately_injae ul li a:hover p.title {text-decoration:underline;}
.main_con_wrap2 .lately_injae ul li a div {display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; height:100px; float:left;}
.main_con_wrap2 .lately_injae ul li a div.lately1 {width:45%}
.main_con_wrap2 .lately_injae ul li a div.lately2 {width:30%}
.main_con_wrap2 .lately_injae ul li a div.lately3 {width:15%;}
.main_con_wrap2 .lately_injae ul li a div.lately4 {width:10%;}

.main_con_wrap2 .lately_injae ul li a div.lately4 .photo {padding:10px;}
.main_con_wrap2 .lately_injae ul li a div.lately4 .photo p {width:77px; height:77px; border:1px solid #dddddd; border-radius:50%; background-color:#e8e9ec; background-image:url("../images/no_injae.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;}

.main_con_wrap2 .lately_injae ul li a p {float:left; /*line-height:60px;*/ text-align:center; font-size:1.5rem;}
.main_con_wrap2 .lately_injae ul li a p.myinfo  {width:26%; font-size:1.5rem; color:#333; font-weight:700;}
.main_con_wrap2 .lately_injae ul li a p.myinfo span {font-size:13px;  font-weight:400;}
.main_con_wrap2 .lately_injae ul li a p.scrap {width:10%;}
.main_con_wrap2 .lately_injae ul li a p.scrap button i {color:#c9c9c9;  font-size:20px; text-align:right; vertical-align:middle;}
.main_con_wrap2 .lately_injae ul li a p.scrap button i.scrap {color:#ffd304;} 
.main_con_wrap2 .lately_injae ul li a p.title {width:64%; text-align:left;}
.main_con_wrap2 .lately_injae ul li a p.location {width:30%; color:#888888}
.main_con_wrap2 .lately_injae ul li a p.job {width:70%; color:#888888}
.main_con_wrap2 .lately_injae ul li a p.salary {width:100%}
.main_con_wrap2 .lately_injae ul li a p.salary span {/*display:inline; padding:1px 4px 2px 4px;*/display:inline-block; padding:3px 4px 4px 4px;}
.main_con_wrap2 .lately_injae ul li a p.career {width:50%;}
.main_con_wrap2 .lately_injae ul li a p.career span { background:#f8f8f8; border:1px solid #eeeeee; padding:0.6rem 1.5rem; border-radius:20px; }

/*게시판*/
.board {overflow:hidden; margin-top:4rem; display:flex; flex-wrap:wrap;}
.board .boardlist {float:left;border:1px solid #d6d6d6; padding:2rem; width:32.5%; margin-right:1.25%; margin-bottom:1.25%; }
.board .boardlist img {width:100%}
.board .boardlist .line1 img {width:20px !important; height:14px !important; max-width:20px !important; min-height:14px !important; min-width:20px !important; max-height:14px !important; position:relative; left:0; top:0; bottom:0; right:0;}
.board .boardlist:nth-child(3n) {margin-right:0;}
.board .boardlist a:hover {text-decoration:underline !important;}
.board h2 {font-size:2rem; color:#333; margin-bottom:15px;}
.board h2 span {float:right; font-size:2rem}
.board h2 span button {color:#c8c8c8;}
.phpto_board ul {overflow:hidden; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.phpto_board ul li {float:left; width:48%; margin-top:2rem;}
.phpto_board ul li:nth-child(-n+2) {margin-top:0;}
.phpto_board ul li a p { position:relative; overflow:hidden; padding-bottom:65%;}
.phpto_board ul li a p img {position:absolute;  top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; }
.phpto_board ul li a p.line1 {font-size:1.5rem; color:#555555; text-align:center; padding-bottom:1px; line-height:30px; margin-top:5px;}
.webzin_board ul li {width:100%}
.webzin_board ul li {margin-bottom:10px;}
.webzin_board ul li:last-child {margin-bottom:0;}
.webzin_board ul li a {display:flex; align-items:center; justify-content:space-between;}
.webzin_board ul li a p {float:left; width:35%; position:relative; overflow:hidden; padding-bottom:20%;}
.webzin_board ul li a p img {position:absolute; top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; }
.webzin_board ul li a dl {float:right; width:62%;}
.webzin_board ul li a:hover dl {text-decoration:underline !important;}
.webzin_board ul li a dl dt {font-size:1.5rem; color:#555555;padding-bottom:1px;}
.webzin_board ul li a dl dd {font-size:13px; color:#999999; margin-top:10px;padding-bottom:1px; line-height:18px;}
.text_board ul {}
.text_board ul li {border-bottom:1px solid #d6d6d6;}
.text_board ul li:last-child {border-bottom:none;}
.text_board ul li{overflow:hidden;}
.text_board ul li a {float:left; display:block;font-size:1.5rem; color:#555555; padding:10px 0; width:75%}
.text_board ul li a::before {display:inline-block; content:""; clear:both; width:3px; height:3px; background:#333333; margin-right:8px; margin-bottom:5px;}
.text_board ul li span {width:25%; font-size:13px; text-align:right; color:#888; float:right; padding:10px 0}

/*하단 필수 박스*/
.main_con_wrap .necessary {border:1px solid #d6d6d6; border-top:2px solid #6336c7; margin-top:4rem; padding:2rem 0; overflow:hidden; display:flex; justify-content:space-between;}
.main_con_wrap .necessary .common {float:left; width:100%; min-width:33.3%; overflow:hidden; padding:0 2rem;}
.main_con_wrap .necessary .common h3 {font-size:1.6rem; color:333333; font-weight:500;}
.main_con_wrap .necessary .client_center {border-right:1px solid #ddd;}
.main_con_wrap .necessary .client_center div:nth-child(1) {float:left; width:50%;}
.main_con_wrap .necessary .client_center div:nth-child(2) {float:right; width:48%; margin-left:2%;}
.main_con_wrap .necessary .client_center p.num {font-size:2.4rem; font-weight:700; margin-top:10px;}
.main_con_wrap .necessary .client_center p.site_info {font-size:14px; color:#333333; line-height:22px;}
.main_con_wrap .necessary .client_center ul {float:left; overflow:hidden; width:100%; margin-top:20px;}
.main_con_wrap .necessary .client_center ul li {float:left; width:50%; border:1px solid #d6d6d6; background:#fff;}
.main_con_wrap .necessary .client_center ul li a {display:block; line-height:45px; text-align:center; font-size:13px;}
.main_con_wrap .necessary .client_center ul li:nth-child(2) {margin-left:-1px; background:#f8f8f8;}
.main_con_wrap .necessary .peak {/*border-left:1px solid #dddddd; border-right:1px solid #ddd;*/border-right:1px solid #ddd;}
.main_con_wrap .necessary .peak p {color:#6336c7}
.main_con_wrap .necessary .peak p.info {float:left; width:100%; font-size:13px; margin-top:2rem; line-height:16px;}
.main_con_wrap .necessary .peak p.num {font-size:3.2rem; font-weight:700; margin-top:10px;}
.main_con_wrap .necessary .peak div:nth-child(1) {float:left; width:45%;}
.main_con_wrap .necessary .peak div:nth-child(2) {float:left; width:55%;}
.main_con_wrap .necessary .peak table {border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6; font-family:'Malgun Gothic'; font-size:13px; width:100%; text-align:center; line-height:23px;}
.main_con_wrap .necessary .peak table .graybg {background:#f8f8f8;}
.main_con_wrap .necessary .peak table th {border-bottom:1px solid #e6e6e6;}
.main_con_wrap .necessary .peak table td {border-bottom:1px solid #e6e6e6; color:#777777;}
.main_con_wrap .necessary .peak table td span {font-weight:bold; color:#515151}
.main_con_wrap .necessary .text_board h3 {margin-bottom:10px;}
.main_con_wrap .necessary .text_board h3 span {float:right; font-size:1.6rem}
.main_con_wrap .necessary .text_board h3 span button {color:#c8c8c8;}

footer {margin-top:3rem;}
footer .b_menu {background:#575963; width:100%; height:50px;}
footer .b_menu ul li {float:left; font-family:'Nanum Gothic',"나눔고딕"; line-height:50px;}
footer .b_menu ul li a {display:block; color:#fff; font-size:14px; padding:0 15px;}
footer .b_menu ul li:first-child a {padding-left:0;}
footer .b_wrap {background:#f8f8f8;}
footer .b_wrap .main_con_wrap2 {display:flex; justify-content:space-between; overflow:hidden; padding:20px 0; display:flex; align-items:center; justify-content:space-between;}
footer .b_wrap .main_con_wrap2 .left_b {width:75%; font-size:14px;}
footer .b_wrap .main_con_wrap2 .left_b p:nth-child(1) {}
footer .b_wrap .main_con_wrap2 .right_b {display:flex; justify-content:right; width:25%;}
footer .b_wrap .main_con_wrap3 {overflow:hidden; padding:0px 0 10px 0; display:flex; justify-content:end}
footer .b_wrap p {font-size:13px; color:#555; line-height:22px;}
footer .b_wrap p:nth-child(1) {float:left; margin-right:20px;}


/*사이드 슬라이드*/
.slide_banner {position:sticky; position: -webkit-sticky; top:60px;  width:1260px; margin:0 auto; }
.slide_banner .left_banner {margin-left:-167px; left:auto !important;}
.slide_banner .right_banner {margin-left:1280px; right:auto !important} 
.banner_con {float:left; overflow:hidden; margin-bottom:20px;}
.banner_con .banner_img {clear:both;}
.banner_con .banner_img a {display:inline-block; border:1px solid #dfdfdf;}
.banner_con .banner-group-br- .cycle-slideshow { overflow:hidden; position:relative; }
.banner_con .banner-group-br- .banner_list_ > div { float:none !important; display:block; position:relative; }
.left_banner {position:absolute; top:20px;}
.right_banner {position:absolute; top:20px;}

.right_banner .right_qmenu {border:1px solid #dfdfdf; background:#fff; margin-bottom:8px; min-width:145px;}
.right_banner .right_qmenu ul li a {display:block; border-bottom:1px solid #dfdfdf; font-size:13px; color:#555555; letter-spacing:-0.5px; padding: 0 15px; line-height:40px;}
.right_banner .right_qmenu ul li a:hover {color:#6336c7}
.right_banner .right_qmenu ul li a i {float:right; color:#6336c7; line-height:40px;}
.right_banner .right_qmenu ul li:last-child {overflow:hidden;}
.right_banner .right_qmenu ul li:last-child a {border-bottom:0;}
.right_banner .right_qmenu ul li dl {float:left; text-align:center; width:50%;}
.right_banner .right_qmenu ul li.service_box_cnt_1 dl { float:none; width:auto; }
.right_banner .right_qmenu ul li dl a {line-height:inherit; padding:15px 0;}
.right_banner .right_qmenu ul li dl dd {margin-top:8px;}
.right_banner .h_top {border:1px solid #dfdfdf; text-align:center; background:#fff; margin-bottom:10px;}
.right_banner .h_top a {display:block; padding:7px 0; font-weight:bold; color:#6336c7; font-size:12px; letter-spacing:-0.5px;}

/*배너조정*/
.banner_main_B_list_ .item_ {margin-top:2rem;}
.banner_main_E_list_ .item_ {margin-top:1.3%;}
.banner_main_F_list_ .item_ {margin-top:1.3%;}
.banner_main_G_list_ .item_ {margin-top:1.3%;}
.banner_main_H_list_ .item_ {margin-bottom:2rem;}
.banner_main_I_list_ .item_ {margin-top:1.3%;}
.banner_main_J_list_ .item_ {margin-top:1.3%;}
.banner_main_K_list_ .item_ {margin-top:2rem;}
.banner_main_M_list_ .item_ {margin-top:1.3%;}
.banner_employ_A_list_ .item_ {margin-bottom:3rem;}
.banner_employ_B_list_  .item_ {margin-top:2rem;}
.banner_employ_D_list_  .item_ {margin-top:1.3%;}
.banner_employ_E_list_ .item_ {margin-top:1.3%;}
.banner_employ_F_list_  .item_ {margin-top:1.3%;}
.banner_employ_G_list_ .item_ {margin-bottom:3rem;}
.banner_resume_A_list_ .item_ {margin-bottom:3rem;}
.banner_resume_B_list_  .item_ {margin-top:2rem;}
.banner_resume_C_list_  .item_ {margin-top:1.3%;}
.banner_resume_D_list_  .item_ {margin-top:1.3%;}
.banner_resume_E_list_  .item_ {margin-top:1.3%;}
.banner_resume_F_list_  .item_ {margin-bottom:3rem;}
.banner_common_F_list_  .item_ {margin-top:2rem}
.banner_common_G_list_ .item_ {margin-bottom:3rem;}
.banner_common_I_list_  .item_ {margin-bottom:3rem;}
.banner_common_J_list_ .item_ {margin-top:3rem}

/*배너공통 E,H 영역?*/

/******************************메인컨텐츠 끝****************************************/
/******************************서브페이지 시작****************************************/
/*로그인*/
.login_sub {border:1px solid #d5d5d5; background:#eff0f8; padding:1rem;}
.login_sub .loginborder  {width:100%; background:#fff; border:1px solid #d5d5d5;}
.login_sub .centerwrap {width:940px; margin:0 auto; padding:9rem 0;}
.login_sub .centerwrap h3 {font-size:3.0rem; color:#222222; letter-spacing:-0.3px; border-bottom:1px solid #222222; margin-bottom:2rem; padding-bottom:2rem;}
.login_sub .centerwrap>div {overflow:hidden;}
.login_sub h3 span {font-size:13px; color:#999999; font-weight:400; vertical-align:bottom; margin-left:1rem; }
.login_sub>div {overflow:hidden;}
.login_sub .loginbox {float:left; width:48%; overflow:hidden;}
.login_sub .logintab {overflow:hidden;}
.login_sub .logintab li {float:left; width:50%; background:#f3f3f3; text-align:center; border:1px solid #f3f3f3;}
.login_sub .logintab li a {display:block; line-height:60px; olor:#969696; font-size:1.8rem; font-family:500;}
.login_sub .logintab li.on {background:#fff; border:1px solid #6336c7; border-bottom-color:#fff;}
.login_sub .logintab li.on a {color:#222222;}
.login_sub .logininput {overflow:hidden; margin-top:2rem;}
.login_sub .logininput>p {float:left; width:75%; }
.login_sub .logininput input {border:1px solid #d9d9da; height:5.4rem; line-height:5.4rem; width:100%; padding:0 20px; margin:-1px 0 0 0; color:#555; font-size:1.5rem; border-radius:0; max-width:100%;}
.login_sub .logininput input[type="text"] {margin-top:0;}
.login_sub .logininput input::placeholder {color:#999999; font-size:1.5rem;}
.login_sub .logininput button {float:right; background:#6336c7; color:#fff; width:25%; line-height:10.8rem; font-size:1.8rem;}
.login_sub .loginlink {overflow:hidden; margin-top:1rem;}
.login_sub .loginlink li {float:left; font-size:13px; color:#555555; margin-top:10px;}
.login_sub .loginlink li:nth-child(2),
.login_sub .loginlink li:nth-child(3) {float:right;}
.login_sub .loginlink li:nth-child(2) a::before {content:""; clear:both; display:inline-block; width:1px; height:10px; 
background:#b5b5b5; margin:0 10px; }
.login_sub .loginlink li a {display:block;color:#555555;}
.login_sub .snslogin {overflow:hidden; display:flex; justify-content:center; border-top:1px solid #dddddd; margin-top:4rem; padding-top:3rem; }
.login_sub .snslogin li {float:left; text-align:center; margin-right:2rem;}
.login_sub .snslogin li:last-child {margin-right:0;}
.login_sub .snslogin li a {display:block; width:5.4rem; height:5.4rem; border-radius:50px;font-size:2.5rem;  line-height:5rem; }
.login_sub .snslogin li.naver a {background:#3bab36; color:#fff; font-weight:700;}
.login_sub .snslogin li.kakao a {background:#fae100; color:#381e1e}
.login_sub .snslogin li.face a {background:#3a5ca9;color:#fff;}
.login_sub .snslogin li.twi a {background:#1da1f2;color:#fff;}
.login_sub .snslogin li.kakao i {vertical-align:baseline;}
.login_sub .snslogin li  i {vertical-align:middle;}
.login_sub .loginbanner {float:right; width:48%; max-height:352px; border:1px solid #eee;}

/*서브-로그인 회원선택*/
.login_sub .help_txt {font-size:14px; line-height:23px; margin-bottom:3rem; text-align:center; border:3px solid #ffe1e2; padding:2rem; background:#fff9fb;}
.login_sub .help_txt span {color:#ff6a37; font-size:15px; text-decoration:underline; font-weight:500;}
.login_sub .help_txt br {display:none;}
.login_sub .individual_s {float:left;}
.login_sub .corporation_s {float:right; }
.login_sub .m_box { width:48%; overflow:hidden; border:1px solid #ccc; background:#f9f9f9;}
.login_sub .m_box ul {padding:30px 10px 20px 10px; width:100%;}
.login_sub .m_box ul li {text-align:center; font-size:8rem; color:#bbb}
.login_sub .m_box ul button {display:block; background:#6336c7; font-size:1.8rem; color:#fff; padding:1.5rem 0; width:90%; font-weight:300; text-align:center; margin:10px auto;}

/*휴면계정*/
.login_sub .sleep {text-align:center; background:#f8f8f8; padding:4rem;}
.login_sub .sleep p { font-size:1.8rem; line-height:2rem;}
.login_sub .sleep p.blue {margin-bottom:4rem;  background:#fff; padding:15px 10px;}
.login_sub .sleep p.bb {margin:2rem 0; }
.login_sub .sleep p.gray {color:#888; font-size:14px; margin-top:4rem;}
.login_sub .sleep p.gray i {vertical-align:baseline; font-size:15px;}
.login_sub .sleep .next_btn {margin-top:4rem; display:flex; justify-content:center; flex-wrap:wrap;}
.login_sub .sleep .next_btn button:first-child {order:1}
.login_sub .sleep .next_btn button:last-child {width:40%; order:2}

/*아이디패스워드찾기*/
.find_idpw {border:1px solid #d5d5d5; background:#eff0f8; padding:1rem;}
.find_idpw .find_id {padding:3rem 0;}
.find_idpw .find_id p.txt { font-size:1.6rem; margin-bottom:1.5rem;}
.find_idpw .find_id p.id_view {font-size:1.6rem; text-align:center; /*background:#f4f4f4;border-radius:5px;*/  width:100%; padding:2rem 1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd ; color:#777}
.find_idpw .loginborder  {width:100%; background:#fff; border:1px solid #d5d5d5;}
.find_idpw .centerwrap {width:940px; margin:0 auto; padding:9rem 0;}
.find_idpw .centerwrap h3 {font-size:3.0rem; color:#222222; letter-spacing:-0.3px; border-bottom:1px solid #222222; margin-bottom:2rem; padding-bottom:2rem;}
.find_idpw .centerwrap>div {overflow:hidden;}
.find_idpw h3 span {font-size:13px; color:#999999; font-weight:400; vertical-align:bottom; margin-left:1rem; }
.find_idpw>div {overflow:hidden;}
.find_idpw .loginbox {float:left; width:100%; overflow:hidden;}
.find_idpw .logintab {overflow:hidden;}
.find_idpw .logintab li {float:left; width:50%; background:#f3f3f3; text-align:center; border:1px solid #f3f3f3;}
.find_idpw .logintab li a {display:block; line-height:60px; olor:#969696; font-size:1.8rem; font-family:500;}
.find_idpw .logintab li.on {background:#fff; border:1px solid #6336c7; border-bottom-color:#fff;}
.find_idpw .logintab li.on a {color:#222222;}
.find_idpw .input_wrap {margin:0 auto; width:760px;}
.find_idpw .input_wrap button {width:100%; margin-top:2rem; border-radius:5px; background:#6336c7; color:#fff; font-size:1.8rem; line-height:5.5rem;}
.find_idpw .input_wrap em {display:block; color:#999999; font-size:13px; margin:3.5rem 0 1.5rem;}
.find_idpw .input_wrap dl {overflow:hidden; margin-bottom:1rem;}
.find_idpw .input_wrap dl dt {margin-right:1rem; min-width:9rem;float:left; font-size:1.5rem; color:#333333; font-weight:500; background:#f1f1f1; border:1px solid #d9d9da; border-radius:5px 0 0 5px; text-align:center; line-height:5.4rem; height:5.5rem;}
.find_idpw .input_wrap dl dd {float:left; line-height:5.5rem; width:calc(100% - 10rem); height:5.3rem;}
.find_idpw .input_wrap dl dd input {border:1px solid #d9d9da; border-radius:0 5px 5px 0;  line-height:5.5rem; margin:0; height:5.5rem;}


/*회원가입*/
.register {}
.register table.style1 .axi-ion-android-checkmark {margin-left:0; margin-right:3px; vertical-align:middle;}
.register .box_wrap {border:1px solid #ddd; /*border-top:2px solid #62708c;*/ padding:4rem; line-height:normal;}
.register .order {display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%; background:url("../images/diagonal_bg.png"); background-position:center center; margin-bottom:2rem;}
.register .order li {float:left; padding:2rem 0; font-size:1.8rem; color:#bdbdbd; font-weight:500;}
.register .order li.on {color:#222;}
.register .order li span {display:inline-block; width:4rem; height:4rem; vertical-align:middle; line-height:3rem; background:#fff; font-size:1.8rem; color:#dedede; border:3px solid #dedede; border-radius:40px; text-align:center; margin-right:1rem;}
.register .order li.on span {background:#6336c7; color:#fff; border-color:#6336c7; }
.register .order li.on::after {background-color:#62708c;}
.register .order li::after {content:""; display:inline-block; margin:2rem; width:25px; height:1px; background:#e0e0e0; vertical-align:middle;}
.register .order li:last-child::after {display:none;}
.register .allagree {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; border:1px solid #eaeaea; background:#fafafa; padding:3rem 3rem;}
.register .allagree p:nth-child(1) {float:left; font-size:1.8rem; color:#555555; }
.register .allagree p:nth-child(2) {float:right; font-size:1.8rem; color:#333; font-weight:500; }
.register .terms {overflow:hidden;}
.register .terms h2 {font-size:2.2rem; color:#222222; margin-top:4rem; letter-spacing:-0.5px; font-weight:500; margin-bottom:2rem; }
.register .terms .terms_box {width:100%; height:20rem; overflow-y:scroll; background:#fafafa; border:1px solid #eaeaea; padding:2rem; line-height:normal;}
.register .terms .terms_box p {font-size:13px; line-height:30px; color:#555555;}
.register .terms>p {float:right; font-size:1.6rem; color:#444444; margin-top:2rem;}
.register .terms .terms_box2 {overflow:hidden; border:1px solid #eaeaea;}
.register .terms .terms_box2>div {width:50%; border-right:1px solid #eaeaea; padding:2rem;}
.register .terms .terms_box2>div:first-child {display:flex; align-items:center; justify-content:center; }
.register .terms .terms_box2>div button {box-shadow:inset 0px 1px 0px 0px #83a2e5; background:linear-gradient(to bottom, #718cc7 0%,#637aad 100%); border:1px solid #546894; color:#fff; width:48%; font-size:1.8rem; text-align:center; padding:2rem 0; margin:0 1rem; border-radius:5px;}
.register .terms .terms_box2>div:first-child {float:left;}
.register .terms .terms_box2>div:last-child {float:right; border-right:none; font-size:13px; color:#555555; line-height:20px;}
.register .terms .terms_box2>div span {color:#ff3615;}
.register .terms .terms_box2>div span i {vertical-align:middle; font-size:1.5rem;}
.next_btn {margin-top:6rem; text-align:center;}
.next_btn button.darkbluebtn {background:#535f77; margin-right:1rem; color:#fff;}
.next_btn button.graybtn {background:#aeb1b7; margin-right:1rem;}

.register .box_wrap>h2 {font-size:2.2rem; color:#222222; margin-top:4rem; letter-spacing:-0.5px; font-weight:500; margin-bottom:2rem; }
.register .box_wrap>h3 {font-size:2.2rem; color:#222222; margin-top:0rem; letter-spacing:-0.5px; font-weight:500; margin-bottom:2rem; }
.register select {width:20%;}
.register label {margin-left:1rem;}
.register label:nth-of-type(1) {margin-left:0;}
.register input[type="checkbox"] + label.checkstyle1 {margin-left:5px;}
.register input[type="radio"] {margin-right:5px;}
.register table th {width:15%; min-width:80px;}
.register input[type="text"],
.register input[type="password"] {max-width:210px; }
.register td.size1 input[type="text"] {width:10%;}

.register .join_message {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid #eaeaea; background:#fafafa; padding:6rem 2rem;}
.register .join_message p:nth-child(1) {width:8.5rem; height:8.5rem; background:#6336c7; font-size:5rem; color:#fff; border-radius:50px; text-align:center;}
.register .join_message p:nth-child(1) i {line-height:8.5rem;}
.register .join_message p:nth-child(2) {font-size:3rem; color:#222222; font-weight:500; margin-top:3rem;}
.register .join_message p:nth-child(3) {font-size:1.8rem; color:#222222; font-weight:500; margin-top:3rem; line-height:3rem;}
.register .join_message p:nth-child(3) em {color:#6336c7}

/*고객센터*/
.register ul.help_text {border:3px solid #eee; padding:1.5rem 2rem; background:#fbfbfb; margin-bottom:2rem; }
.register ul.help_text li {font-size:13px; color:#777; line-height:20px;}
.register ul.help_text li::before {content:""; display:inline-block; clear:both; width:2px; height:2px; background:#888; vertical-align:middle; margin-right:6px;}
.register ul.li_float {overflow:hidden; line-height:2.5rem;}
.register ul.li_float li {float:left;margin:5px 2rem 5px 0; font-size:14px; color:#666;}
.register ul.li_float li:first-child label {margin-left:0;}
.register textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:1.5rem; font-family:'Noto Sans KR'; font-size:14px;}
.register textarea::placeholder {color:#aaa;}

/*본인인증*/
.agreement .certification {display:flex; justify-content:center;}
.agreement .box_wrap {padding:0; border-top:1px solid #bbb}
.agreement .box_wrap>div {padding:4rem 4rem;overflow:hidden; }
.agreement .agree {float:left;  padding:0 2rem; width:100%; max-width:590px;}
.agreement .agree h2 {color:#222; font-size:2rem; border-bottom:1px solid #222; padding-bottom:2rem;}
/*.agreement .ipin {margin-right:4%;}*/
.agreement .agree div {background:#f9f9f9; border:1px solid #ddd; margin-top:2rem; width:100%; padding:3rem;}
.agreement .agree div p {margin:0 auto; background:#fff; border:3px solid #ddd; border-radius:50px; width:10rem; height:10rem; text-align:center;}
.agreement .agree div i {font-size:6rem; vertical-align:middle; line-height:9rem;}
.agreement .agree button {background:#6336c7; color:#fff; font-size:1.6rem; width:100%; border-radius:5px; text-align:center; padding:2rem 1rem; margin-top:3rem; line-height:2rem;}
.agreement .box_wrap>p {font-size:13px; color:#888;  padding:1rem; border-bottom:1px solid #ddd; line-height:18px;}
.agreement .box_wrap>p i {color:#f62c6a; vertical-align:middle;}


/*통합검색*/
.search_mian .sub_search .depth_btn li {width:50%;}
.search_mian .sub_search .depth_btn li:last-child {width:50%;}
.search_mian table.style3 a.blue:hover { text-decoration:underline !important;}
.search_mian .tab_search {display:flex; flex-wrap:wrap; overflow:hidden; margin-top:3rem; border-bottom:2px solid #62708c;}
.search_mian .tab_search li {float:left; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f9f9f9; width:25%; text-align:center;}
.search_mian .tab_search li:first-child {border-left:1px solid #ddd;}
.search_mian .tab_search li a {display:block; font-size:1.6rem; padding:1.8rem 0}
.search_mian .tab_search li.on {}
.search_mian .tab_search li.on a {color:#fff; background:#62708c}

/*채용 상세정보*/
.employ_detail .no_open {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:899; padding:8rem 2rem;}
.employ_detail .no_open .no_open_words {position: -webkit-sticky; position:sticky; top:15rem; text-align:center;}
.employ_detail .no_open .no_open_words p {font-size:2.4rem; color:#fff; line-height:3.5rem; text-shadow:0 0px 5px rgba(0,0,0,0.5); }
.employ_detail .no_open .no_open_words p b {color:#ffd018;}
.employ_detail .no_open .no_open_words button.open {border-radius:5px; color:#fff; background:#ffd018; padding:2rem; color:#333; font-size:2rem; margin-top:3rem; font-weight:500;}
.employ_detail .no_open .no_open_words button.close {border-radius:5px; color:#fff; background:#fff; padding:2rem; color:#888; font-size:2rem; margin-top:3rem; font-weight:500; margin-right:1.5rem;}
.employ_detail .job_tab1 {position:relative;}

.employ_detail.sub {overflow:initial; position:relative;}
.employ_detail .detail_top {overflow:hidden;}
.employ_detail .detail_top p.s_title {float:left;}
.employ_detail .detail_top>div {float:right; display:flex; align-items:center; overflow:hidden; margin-bottom:1.5rem;}
.employ_detail .detail_top>div ul {float:left; overflow:hidden;}
.employ_detail .detail_top>div ul li {float:left; margin-right:5px;}
.employ_detail .detail_top>div ul li:last-child {margin-right:0;}
.employ_detail .detail_top>div ul li a {display:block; color:#888888; font-size:12px; font-family:'Gulim',"굴림"; }
.employ_detail .detail_top>div ul:nth-child(1) {margin-right:10px;}
.employ_detail .detail_top>div ul:nth-child(1) li {border:1px solid #d5d5d5; border-radius:3px;}
.employ_detail .detail_top>div ul:nth-child(1) li a {padding:3px 5px}
.employ_detail .job_detail {display:flex; flex-wrap:wrap; overflow:hidden; margin-bottom:4rem;}
.employ_detail .job_d1 {float:left; width:70%; overflow:hidden; border:1px solid #d5d5d5; padding:3rem 4rem;}
.employ_detail .job_d1 h2 {font-size:2rem; color:#222222; line-height:2.5rem;}
.employ_detail .job_d1 h3 {font-size:3rem; color:#222222; line-height:3.5rem; letter-spacing:-0.5px; font-weight:700; border-bottom:1px solid #d5d5d5; margin:2rem 0 0 0; padding-bottom:2.5rem;}
.employ_detail .job_d1>div {overflow:hidden;}
.employ_detail .job_d1 .con1 {float:left; margin:2.5rem 0 0 0; width:49%;}
.employ_detail .job_d1 .con1:first-child {margin-right:2%}
.employ_detail .job_d1 .con1 h4 {font-size:16px; color:#222; font-weight:500; margin-bottom:1.5rem;}
.employ_detail .job_d1 .con1 dl {overflow:hidden; display:flex; flex-wrap:wrap;}
.employ_detail .job_d1 .con1 dl dt {float:left; width:20%; color:#777777; font-size:14px; letter-spacing:-0.5px; margin:7px 0;  line-height:19px; }
.employ_detail .job_d1 .con1 dl dd {float:left; width:80%; color:#333; font-size:14px; letter-spacing:-0.5px; line-height:19px; margin:7px 0;}
.employ_detail .job_d1 .con2 {overflow:hidden; width:100%; margin-top:2rem; padding:0 2rem; background:#f9f9f9; line-height:4.7rem;}
.employ_detail .job_d1 .con2 dl:first-child {float:left; }
.employ_detail .job_d1 .con2 dl:last-child {float:right;}
.employ_detail .job_d1 .con2 dl:last-child dd:nth-of-type(1)::after {content:""; display:inline-block; width:1px; height:1.5rem; background:#d0d0d0; margin:0 3rem;}
.employ_detail .job_d1 .con2 dl {display:flex; flex-wrap:wrap; }
.employ_detail .job_d1 .con2 dl dt {font-size:1.6rem; margin-right:2.5rem; color:#727272; font-weight:500; }
.employ_detail .job_d1 .con2 dl dd {font-size:1.6rem; color:#727272; }
.employ_detail .job_d2 {float:left; width:30%; border:1px solid #d5d5d5; border-left:none; padding:4rem; position:relative;}
.employ_detail .job_d2 .logo_area {position:relative; overflow:hidden; border:1px solid #d5d5d5; max-height:110px; padding:1rem; margin-bottom:2.5rem;}
.employ_detail .job_d2 .logo_area p {font-size:2rem; line-height:2.2rem; font-weight:500; text-align:center; max-height:78px; width:100%; background-position:center center; background-repeat:no-repeat; padding-bottom:30%; background-size:contain;}
.employ_detail .job_d2>div h4 {font-size:1.6rem; color:#222; font-weight:500; margin-bottom:1.5rem;}
.employ_detail .job_d2>div dl {overflow:hidden;}
.employ_detail .job_d2>div dl dt {float:left; width:30%; color:#777777; font-size:14px; letter-spacing:-0.5px; margin:7px 0; min-height:15px;}
.employ_detail .job_d2>div dl dd {float:left; width:70%; color:#333; font-size:14px; letter-spacing:-0.5px; line-height:17px; margin:7px 0; min-height:15px;}
.employ_detail .job_d2 .job_d2btn {display:flex; width:100%;  margin-top:2.5rem; font-size:1.5rem;}
.employ_detail .job_d2 .job_d2btn button {width:50%; border:1px solid #d5d5d5; padding:1.5rem 0}
.employ_detail .job_d2 .job_d2btn button:first-child {background:#f9f9f9; color:#555555;}
.employ_detail .job_d2 .job_d2btn button:last-child {color:#fff; background:#626262; border-left:0; }
.employ_detail .job_d2 .interest {position:absolute; border:1px solid #d5d5d5;  right:0; top:0; border-top:0; border-right:0; font-family:'Gulim',"굴림"; font-size:12px; color:#888888; padding:8px;}
.employ_detail .job_d2 .interest i {font-size:13px; color:#888; vertical-align:bottom;}
.employ_detail .job_d2 .interest i.axi-heart2 {font-size:13px; color:#f42b43;}
.detail_common .btnbox {overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; margin:0 0 4rem 0;}
.detail_common .btnbox li {float:left; max-width:200px; width:30%; text-align:center; margin-right:1rem;}
.detail_common .btnbox li.home_sup a {border:2px solid #6336c7; color:#6336c7}
.detail_common .btnbox li.online_sup a {border:2px solid #ff6702; color:#ff6702}
.detail_common .btnbox li.email_sup a {border:2px solid #20b09a; color:#20b09a}
.detail_common .btnbox li.scrap_btn a {border:1px solid #d5d5d5; color:#666666}
.detail_common .btnbox li.scrap_btn i.scrap {color:#ffd304}
.detail_common .btnbox li:last-child {margin-right:0;}
.detail_common .btnbox li a {display:block; font-size:1.8rem; font-weight:500; padding:2rem 1rem;}
.employ_detail .job_menu {overflow:hidden; display:flex; position: -webkit-sticky; position:sticky; top:59px; z-index:889;}
.employ_detail .job_menu li {float:left; width:25%;  border:1px solid; border-color:#d5d5d5; background:#f9f9f9; text-align:center; border-left:0;}
.employ_detail .job_menu li:first-child {border-left:1px solid; border-color:#d5d5d5;}
.employ_detail .job_menu li a {display:block; font-size:1.8rem; color:#666666; padding:2rem 0;}
.employ_detail .job_menu li.on {border:1px solid #222222; background:#fff;}
.employ_detail .job_menu li.on a {color:#333;}
.employ_detail .job_tab1 {border:1px solid #eee; padding:2.5rem;}
.employ_detail .job_tab1 img {/*width:100%;*/ max-width:880px;}/*채용공고상세페이지 포인트 ◎이미지가 커지는 현상으로 100%삭제*/
.employ_detail .job_tab1 img.no100 {width:24px !important; height:24px !important;}
.employ_detail .job_tab1>p {font-size:1.6rem; line-height:2.5rem;}
.employ_detail .tab {margin-top:5rem; position:relative;}
.employ_detail .tab h2 {font-size:2.2rem; padding-bottom:1.5rem; border-bottom:1px solid #222;}
.employ_detail .job_tab4 button {border-radius:3px; padding:4px 6px; color:#fff; background:#6336c7; font-size:1.5rem; border:1px solid #0c76c0; }
.employ_detail .job_tab4 button i {vertical-align:middle; margin-right:5px; font-size:1.8rem;}

/*.employ_detail .job_tab2 .map {border:1px solid #d5d5d5; height:100%; max-height:4rem; margin:0.5rem 0;}*/
.employ_detail .job_tab2 .company_img {border:1px solid #d5d5d5; margin:0.5rem 0;}
.employ_detail .job_tab2 .company_img ul {overflow:hidden;padding:2rem;}
.employ_detail .job_tab2 .company_img ul li {float:left; width:23.5%; height:16rem; border:1px solid #d5d5d5;  margin-right:2%; background:#f6f6f6 url("../images/no_imgicon.png"); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.employ_detail .job_tab2 .company_img ul li:last-child {margin-right:0;}
.employ_detail .job_tab2 .company_img ul li a {display:block; width:100%; height:100%;}
.employ_detail .job_tab2 .video {position:relative; padding-top:40%; height:0; overflow:hidden; border:1px solid #d5d5d5; height:100%; max-height:4rem; width:100%; text-align:center;}
.employ_detail .job_tab2 .video iframe {position:absolute; left:0; top:0; height:100%; width:100%; }
.employ_detail .job_tab2 button.map {border:1px solid #ddd; background:#f4f4f4; border-radius:3px; font-size:12px; padding:0px 3px; color:#888; margin-right:5px;}
.employ_detail .job_tab2 ul.area_map li:first-child {margin-top:0;}
.employ_detail .job_tab2 ul.area_map li {margin-top:3px;}

.employ_detail .job_tab3 {overflow:hidden; display:flex; flex-wrap:wrap;}
.employ_detail .job_tab3 span {color:#f33c40; font-weight:500;}
.employ_detail .job_tab3 table.style2 {float:left; width:70%;}
.employ_detail .job_tab3 table.style2 .btnbox {margin:0;}
.employ_detail .job_tab3>div {display:flex; flex-direction:column; justify-content:center; align-items:center; float:left; width:30%; border:1px solid #d5d5d5; border-left:0; border-top:2px solid #444; padding:2rem 0}
.employ_detail .job_tab3>div .logo_area {position:relative; overflow:hidden; margin-bottom:1rem;}
.employ_detail .job_tab3>div .logo_area p {padding-bottom:30%; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.employ_detail .job_tab3>div dl {overflow:hidden; border:1px solid #d5d5d5; border-bottom:0; text-align:center;}
.employ_detail .job_tab3>div dl dt,
.employ_detail .job_tab3>div dl dd {float:left; width:50%; line-height:3.5rem;  font-size:1.5rem; color:#666666; letter-spacing:-0.5px;}
.employ_detail .job_tab3>div dl:last-child {border-color:#b8cef4; border-bottom:1px solid #b8cef4;}
.employ_detail .job_tab3>div>div {width:240px;}

.detail_common .keyword {margin-top:5rem;}
.detail_common .keyword ul {overflow:hidden;}
.detail_common .keyword ul li {float:left; margin:5px 1rem 0 0; background:#f1f3f9;}
.detail_common .keyword ul li:last-child {margin-right:0;}
.detail_common .keyword ul li a {display:block; padding:1rem; color:#555555; font-size:13px;}
.detail_common .keyword ul li a::before {content:"#"}

.detail_common .caution {background:#fbfbfb; padding:2rem; border:1px solid #d5d5d5; margin-top:5rem;}
.detail_common .caution ul li {font-size:13px; color:#727272; margin:5px 0; line-height:18px;}

/*이력서 상세정보*/
.resume_detail {position:relative; overflow:initial;}
.resume_detail .no_open {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:899; padding:8rem 2rem;}
.resume_detail .no_open .no_open_words {position: -webkit-sticky; position:sticky; top:15rem; text-align:center;}
.resume_detail .no_open .no_open_words p {font-size:2.4rem; color:#fff; line-height:3.5rem; text-shadow:0 0px 5px rgba(0,0,0,0.5); }
.resume_detail .no_open .no_open_words p b {color:#ffd018;}
.resume_detail .no_open .no_open_words button.open {border-radius:5px; color:#fff; background:#ffd018; padding:2rem; color:#333; font-size:2rem; margin-top:3rem; font-weight:500;}
.resume_detail .no_open .no_open_words button.close {border-radius:5px; color:#fff; background:#fff; padding:2rem; color:#888; font-size:2rem; margin-top:3rem; font-weight:500; margin-right:1.5rem;}


.resume_detail .detail_top {overflow:hidden;}
.resume_detail .detail_top p.s_title {float:left;}
.resume_detail .detail_top>div {float:right; display:flex; align-items:center; overflow:hidden; margin-bottom:1.5rem;}
.resume_detail .detail_top>div ul {float:left; overflow:hidden;}
.resume_detail .detail_top>div ul li {float:left; margin-right:5px;}
.resume_detail .detail_top>div ul li:last-child {margin-right:0;}
.resume_detail .detail_top>div ul li a {display:block; color:#888888; font-size:12px; font-family:'Gulim',"굴림"; }
.resume_detail .detail_top>div ul:nth-child(1) {margin-right:10px;}
.resume_detail .detail_top>div ul:nth-child(1) li {border:1px solid #d5d5d5; border-radius:3px;}
.resume_detail .detail_top>div ul:nth-child(1) li a {padding:3px 5px}
.resume_detail .r_detail {display:flex; flex-wrap:wrap;overflow:hidden; border:1px solid #d5d5d5; background:#eff0f8; padding:0.5rem; margin-bottom:4rem;}
.resume_detail .resume_d1 {float:left; width:70%; background:#fff; border:1px solid #d5d5d5; padding:3.5rem 4rem; }
.resume_detail .resume_d1 h2 {font-size:3.0rem; color:#222222; line-height:3.5rem; letter-spacing:-0.5; padding-bottom:2.5rem; margin-bottom:2.5rem; font-weight:700; border-bottom:1px solid #d5d5d5;}
.resume_detail .resume_d1 .con1 {overflow:hidden; margin-bottom:2rem;}
.resume_detail .resume_d1 .ij_img {float:left; border:1px solid #d5d5d5; padding:0.5rem; margin-right:4rem;}
.resume_detail .resume_d1 .ij_img p {width:14rem; height:17rem; background:#e8e9ec url("../images/no_injae.png"); background-position:center center; background-size:cover; }
.resume_detail .resume_d1 .ij_info {float:left; overflow:hidden; width:calc(100% - 192px); margin-top:10px;}
.resume_detail .resume_d1 .ij_info h3 {float:left; width:100%; font-size:2.4rem; color:#222222; font-weight:500; margin-bottom:2rem;}
.resume_detail .resume_d1 .ij_info h3 span {color:#9e9e9e; font-size:1.8rem; letter-spacing:-0.5px;}
.resume_detail .resume_d1 .ij_info>div {float:left; background:#fcfcfc; padding:1.8rem 2.5rem; border:1px solid #eeeeee}
.resume_detail .resume_d1 .ij_info dl {overflow:hidden; float:left; width:100%; margin:8px 0;}
.resume_detail .resume_d1 .ij_info dl dt {float:left; width:70px;font-size:14px; color:#888888; font-weight:500;  letter-spacing:-0.5px;line-height:20px;}
.resume_detail .resume_d1 .ij_info dl dd {float:left; width:calc(100% - 70px); font-size:14px; color:#777777; letter-spacing:-0.5px; line-height:20px;}
.resume_detail .resume_d1 .ij_info dl:nth-of-type(1),
.resume_detail .resume_d1 .ij_info dl:nth-of-type(2) {width:50%}
.resume_detail .resume_d1 table.con2 {width:100%; border:2px solid #d1d5e5}
.resume_detail .resume_d1 table.con2 th {background:#eff0f8; padding:1.5rem 0; font-weight:500; font-size:1.5rem; color:#777a8d; letter-spacing:-0.5px; border:1px solid #d1d5e5;}
.resume_detail .resume_d1 table.con2 td {background:#fff; padding:1rem 0; font-size:1.5rem; color:#555555; letter-spacing:-0.5px; vertical-align:middle; border:1px solid #d1d5e5; text-align:center; line-height:2.4rem;}

.resume_detail .resume_d2 {float:left; width:30%; background:#fff; border:1px solid #d5d5d5; border-left:0;  padding:3.5rem 4rem; }
.resume_detail .resume_d2 h2 {font-size:3rem; color:#6336c7; line-height:3.5rem; padding-bottom:2.5rem; margin-bottom:2.5rem; font-weight:400; border-bottom:1px solid #d5d5d5;}
.resume_detail .resume_d2 dl {overflow:hidden;}
.resume_detail .resume_d2 dl dt {float:left; width:28%; font-size:1.5rem; color:#888888; line-height:2.4rem;  margin:0.5rem 0; min-height:15px;}
.resume_detail .resume_d2 dl dd {float:left; width:72%; font-size:1.5rem; color:#444444; line-height:2.4rem; margin:0.5rem 0;min-height:15px;}


.resume_detail .tab {margin-top:5rem; position:relative;}
.resume_detail .tab h2 {font-size:2.2rem; color:#222; padding-bottom:1.5rem; border-bottom:1px solid #222;}
.resume_detail .tab.self_intro>div {border:1px solid #d5d5d5; padding:2.5rem; font-size:1.5rem; }
.resume_detail .tab.self_intro>div iframe {width:100% !important;}
.resume_detail .tab.self_intro>div img {width:100%; max-width:880px;}
.resume_detail .tab.self_intro p {/*font-size:1.6rem; color:#444444; line-height:2.5rem; */}
.resume_detail .tab.self_intro table {border-top:1px solid #d5d5d5; margin-top:10px;}
.resume_detail .tab.self_intro table a {display:block;}
.resume_detail .tab.self_intro table a:hover {text-decoration:underline !important;}
.resume_detail .tab.video >div {position:relative; padding-top:40%; height:0; overflow:hidden; border:1px solid #d5d5d5; height:100%; max-height:4rem; width:100%; text-align:center;}
.resume_detail .tab.video >div.open_pl {padding:4rem 2rem; max-height:initial;}
.resume_detail .tab.video iframe {position:absolute; left:0; top:0; height:100%; width:100%; }
.resume_detail .tab.video.not_read { padding-top:0px !important; }
.resume_detail .tab.video.not_read > div {border:1px solid #d5d5d5; padding-top:0px; font-size:1.5rem; max-height:80px; height:80px; line-height:80px; }

.resume_detail .tab.ability span.class {margin-right:0;}
.resume_detail .tab.ability p {margin-bottom:10px;}
.resume_detail .tab.ability p span {display:inline-block; width:20px; height:20px; font-size:12px; text-align:center; color:#fff; margin-right:5px; border-radius:50px; line-height:20px;}
.resume_detail .tab.ability td:nth-of-type(1) p span {background:#f75d2f}
.resume_detail .tab.ability td:nth-of-type(2) p span {background:#4f88df}
.resume_detail .tab.ability td:nth-of-type(3) p span {background:#0f914d}
.resume_detail .tab.ability td:nth-of-type(4) p span {background:#9f34d6}
.resume_detail .tab.awards div {border:1px solid #d5d5d5; padding:3rem;}
.resume_detail .tab.awards div p {font-size:1.6rem; color:#444; line-height:2.5rem;}

.resume_detail table span.class {display:inline-block; font-size:1.8rem; width:4rem; height:4rem;  font-weight:500; border:3px dotted ; border-radius:50px; text-align:center; vertical-align:middle; margin-right:10px; line-height:3.3rem;}
.resume_detail table span.class1 {color:#ff5215; border-color:#ff5215; }
.resume_detail table span.class2 {color:#12bb45; border-color:#12bb45}
.resume_detail table span.class3 {color:#1392f3; border-color:#1392f3}

/*채용정보상세, 이력 상세 공통*/
.detail_common .tab .open_pl {font-size:1.8rem; text-align:center; background:#efefef; padding:4rem 2rem; color:#444;}
.detail_common .tab .open_pl b {font-weight:500;}
.detail_common .tab .open_pl button {font-size:1.9rem; border-radius:5px; background:#ffd018; padding:1.5rem 2rem; color:#333; font-weight:500; margin-top:2rem; border:1px solid #f3c617;}



/*이력서등록*/
.regist_common {display:flex; flex-wrap:wrap; overflow:initial;}
.regist_common .side_con {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:15px;}
.regist_common .left_info {float:left; width:79%; margin-right:3%;}
.regist_common .right_info {float:right; width:18%; position:sticky; position: -webkit-sticky; right:0; top:80px; align-self:flex-start; }
.regist_common .title {overflow:hidden;}
.regist_common .title h3 {float:left;}
.regist_common .title input[type="text"] {width:100%; border:3px solid #fcb2b7; height:6rem; text-align:center; font-size:2rem; color:#333; font-weight:500; margin:0; border-radius:0;}
.regist_common .title input[type="text"]::placeholder {font-size:2rem; color:#eb9fa8;}
.regist_common .com_table {width:100%; }
.regist_common .com_table tr {border-bottom:1px dashed #dbdbdb;}
.regist_common .com_table tr:last-child {border-bottom:0;}
.regist_common .com_table th {width:15%; text-align:left; font-size:1.6rem; color:#333333; letter-spacing:-1.5px; vertical-align:middle; padding:15px 0 1rem 2rem; font-weight:500; background:#f6f7f9}
.regist_common .com_table i {color:#ff0000; font-size:1.3rem; margin-right:10px; vertical-align:bottom;}
.regist_common .com_table td {width:85%; padding:2rem; font-size:14px; color:#555;}
.regist_common .com_table select {width:20%; vertical-align:middle;}
.regist_common .com_table input[type="text"] {width:20%; vertical-align:middle;}
.regist_common .com_table input[type="text"].long100 {width:100%;}
.regist_common .com_table dl {display:flex; flex-wrap:wrap; align-items:center;}
.regist_common .com_table dl dt {font-size:14px; color:#333333; width:13%;}
.regist_common .com_table dl dt em.ess {display:none;}
.regist_common .com_table dl dt i {margin-right:5px;}
.regist_common .com_table dl dd {float:left; width:87%}
.regist_common .regist_btn1 {background:#aab1c9; border-radius:3px; text-align:center; color:#fff; margin:3px; border:1px solid #afafaf; height:4rem; width:6.5rem; font-size:1.5rem; font-weight:400; vertical-align:middle;}
.regist_common .regist_btn2 {background:#aab1c9; border-radius:3px; text-align:center; color:#fff;  border:1px solid #afafaf; height:2.5rem; width:7rem; font-size:13px;  font-weight:400; vertical-align:middle; margin-top:1rem;}
.regist_common .regist_btn3 {background:#6336c7; border-radius:3px; text-align:center; color:#fff; margin:3px; border:1px solid #6336c7; height:4rem; width:6.5rem; font-size:1.5rem; font-weight:400; vertical-align:middle;}
.regist_common div.line {border-top:1px solid #ddd; padding:10px 0;}
.regist_common div.line:nth-of-type(1) {border-top:none}
.regist_common div.line:last-child {padding-bottom:0}
.regist_common ul.li_float {overflow:hidden; vertical-align:middle; display:flex; flex-wrap:wrap; align-items:center;}
.regist_common ul.li_float li {float:left;margin:5px 2rem 5px 0; font-size:14px; color:#666;}
.regist_common .cheditor-container .cheditor-tb-wrapper {height:auto !important;}

.resume_regist tr ul {overflow:hidden;}
.resume_regist tr.worktype ul li {float:left; margin:5px 2.5rem 5px 0;} 
.resume_regist tr.edu ul:nth-child(2) li {float:left; margin:5px 2.5rem 5px 0;}
.resume_regist tr.edu ul:nth-child(2) li:first-child {margin-right:0}
.resume_regist tr.edu ul li:first-child {color:#888;}
.resume_regist tr.c_edu select {width:10%;}
.resume_regist .edh .common_box {margin-bottom:2rem;}
.resume_regist .edh .common_box:last-child {margin-bottom:0;}
.resume_regist .career button {margin-left:15px;}
.resume_regist .career_list dl:nth-child(3) select {width:13%;}
.resume_regist .career_list dl:nth-child(4) input[type="text"] ,
.resume_regist .career_list dl:nth-child(5) input[type="text"] {width:100%;}
.resume_regist .self_intro .write {display:block; border:3px solid #d8dee6;}
.resume_regist .self_intro h5 {font-size:1.6rem; color:#333333; font-weight:500; overflow:hidden; margin-top:2rem;}
.resume_regist .self_intro h5 span {float:right; font-size:13px;}
.resume_regist .self_intro .file li {width:100%; border:1px solid #d5d5d5; padding:1rem; margin-top:10px; overflow:hidden;}
.resume_regist .self_intro .file li input[type="file"] {float:left; font-size:13px;}
.resume_regist .self_intro .file li button {float:right; border:1px solid #ccc; color:#444; border-radius:3px; font-size:13px; line-height:23px; padding:0 8px; margin-right:1rem;}
.resume_regist .self_intro .file input[type="text"] {margin:10px 0 0 0;}
.resume_regist .self_intro textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:5px; font-family:'Noto Sans KR'; font-size:14px; margin-top:5px;}
.resume_regist .setting td {overflow:hidden;}
.resume_regist .setting dl {float:left; width:50%; border-bottom:1px solid #dddddd; padding:2rem 0}
.resume_regist .setting dl:last-child {border-bottom:0; padding-bottom:0}
.resume_regist .setting dl:nth-child(1),
.resume_regist .setting dl:nth-child(2) {padding-top:0;}
.resume_regist .setting dl dt {width:20%; font-weight:500;}
.resume_regist .setting dl dd {width:80%;}
.resume_regist .setting ul li {float:left; margin-right:20px;}
.resume_regist .choice .common_box {border-top:1px solid #d5d5d5;}
.resume_regist .choice ul.choice_box {overflow:hidden; border:3px solid #e5e5e6; background:#f8f8f9;padding:1.5rem;}
.resume_regist .choice ul.choice_box li {float:left; margin:.5rem 3rem .5rem 0; font-size:15px; color:#666666; }
.resume_regist .choice ul.choice_box li input[type="checkbox"] + label.checkstyle1 {background:#fff;}
.resume_regist .choice .common_box {margin-top:2rem;}
.resume_regist .choice .com_table { border-top:1px solid #ddd;}
.resume_regist .choice .com_table:first-child {border-top:0;}
.resume_regist .choice .license input[type="text"] {width:30%;}
.resume_regist .choice ul.class {overflow:hidden; display:inline-block; vertical-align:middle;}
.resume_regist .choice ul.class li {float:left; margin:5px 2rem 10px 0; font-size:13px; color:#666;}
.resume_regist .choice ul.class li span {display:inline-block; color:#fff; border-radius:3px; vertical-align:middle; padding:1px 2px 2px 2px;}
.resume_regist .choice ul.class li span.class1 {background:#ff5215}
.resume_regist .choice ul.class li span.class2 {background:#12bb45}
.resume_regist .choice ul.class li span.class3 {background:#1392f3}
.resume_regist .choice .language .add_exam {border-top:1px solid #dddddd; padding-top:10px; margin-top:10px;}
.resume_regist .choice .technology dl {border-top:1px solid #dddddd; padding-top:15px; margin-top:15px;}
.resume_regist .choice .technology dl:first-child {border-top:0; margin:0; padding:0;}
.resume_regist .choice .technology dl dt {width:20%;}
.resume_regist .choice .technology dl dd {width:80%;}
.resume_regist .choice .awards textarea {border:1px solid #ddd; border-radius:3px; width:100%; height:100px; padding:2rem; font-size:14px; color:#555; font-family:'Noto Sans KR'}
.resume_regist .choice .preferential ul {overflow:hidden; }
.resume_regist .choice .preferential ul li {float:left; margin-right:3rem;}
.resume_regist .choice .preferential select {/*width:10%*/}
.resume_regist .choice .preferential input[type="text"] {width:100%;}
.resume_regist .choice .preferential .scroll_box {padding:15px; overflow-y:scroll; height:100px; background:#fff; border:1px solid #d5d5d5; padding:10px; font-size:14px; color:#777777; font-weight:400; line-height:18px; letter-spacing:0}
.resume_regist .carrerbox tbody:nth-of-type(2) tr {border-top:1px dashed #dbdbdb;}
.resume_regist .self_intro .cheditor-container {width:100% !important;}
.resume_regist .language .li_float select{width:auto;}

.regist_common .right_info {}
.regist_common .right_info>p {border:1px solid #6336c7; color:#6336c7; font-weight:500; text-align:center; border-radius:3px; height:40px; line-height:40px; font-size:1.6rem;}
.regist_common .right_info .info_box {padding:2rem; border:1px solid #d5d5d5; margin-top:15px;}
.regist_common .right_info .info_box .injae_img {border:1px solid #d5d5d5; padding:5px; margin:0 auto; width:fit-content;}
.regist_common .right_info .info_box .injae_img p { width:14rem; height:17rem; background:url("../images/no_injae.png"); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.regist_common .right_info .info_box ul {overflow:hidden; width:fit-content; margin:10px auto;}
.regist_common .right_info .info_box ul li {float:left; margin-left:5px;}
.regist_common .right_info .info_box ul li:first-child {margin-left:0px;}
.regist_common .right_info .info_box ul li  button {border:1px solid #d5d5d5; font-size:13px; color:#666666; width:6.8rem; height:30px;}
.regist_common .right_info .info_box dl {overflow:hidden;}
.regist_common .right_info .info_box dt {float:left; width:33%; font-size:13px; color:#6336c7; margin:6px 0; line-height:18px; }
.regist_common .right_info .info_box dd {float:left; width:67%; color:#555555; font-size:13px; margin:6px 0; line-height:18px;}
.regist_common .right_info>button {width:100%; margin-top:1rem; font-size:1.8rem; line-height:60px;}
.regist_common .right_info button.pay {color:#6336c7; border:2px solid #6336c7; background:#fff;}

/*여기서부터 수정*/
.regist_common .h_no {display:none;}
.regist_common .title table {width:100%;}
.regist_common h6 {font-size:2.2rem; color:#222222; font-weight:500; margin-bottom:15px;display:inline-block;}
.regist_common h6 strong{color:#6336c7;}
.regist_common b {padding-left:20px; vertical-align:bottom;font-size:1.8rem; color:#222222; font-weight:500;display:inline-block;}
.regist_common h4 strong{color:#6336c7;}
.regist_common h6 span { font-size:13px; color:#999999; font-weight:400; margin-left:1.5rem; vertical-align:bottom;}
.regist_common h6 span em.ess {color:#ff0000;}
.regist_common .side_con h6 {margin-bottom:0}

.regist_common .side_con .h_right {overflow:hidden;}
.regist_common .side_con select {float:right; width:100%; margin:0;}
.regist_common .box_wrap {margin-top:4rem;}
.regist_common .common_box {border:1px solid #d5d5d5; border-top:2px solid #62708c;}
.regist_common .com_table th em {display:none;}
.regist_common span.bojotext {display:block; font-family:"굴림",'Gulim'; color:#000 !important; line-height:15px;  font-size:11px; margin-bottom:5px;}/**/
.regist_common span.bojotext i {color:#ff6982; margin-right:0;}
.employ_regist .recruitment .common_box {padding:1rem; margin-bottom:1rem;}
.employ_regist .recruitment .common_box ul {display:flex; overflow:hidden;}
.employ_regist .recruitment .common_box ul li {float:left; margin-right:1.5rem; border:1px solid #d5d5d5; max-width:150px; width:33.3%;}
.employ_regist .recruitment .common_box ul li a {display:block;padding:1rem;}
.employ_regist .recruitment .common_box ul li a img {width:100%;}
.employ_regist .recruitment .common_box ul li.on {border:3px solid #6336c7;}
.employ_regist .recruitment .side_con button {background:#6336c7; color:#fff; border-radius:3px; color:#fff !important; font-size:1.5rem; height:4rem; padding:0 1rem;}
.employ_regist .recruitment .write {display:block; border:3px solid #d8dee6;}
.employ_regist .recruitment .cheditor-container {width:100% !important;}

/*채용공고 등록*/
.employ_regist .p_work ul.logotype li {float:left; margin:0px 15px 0 0}
.employ_regist .p_work ul.logotype li:first-child {margin-top:0;}
.employ_regist .p_work ul.logotype li:last-child {margin-bottom:0;}
.employ_regist .p_work ul.logotype li button {border:1px solid #d5d5d5; font-size:13px; color:#666; padding:8px 8px; font-weight:400; vertical-align:middle; margin-left:10px;}
.employ_regist .p_work .logotype_box span {position:absolute; top:0; right:0; display:inline-block; background:rgba(0,0,0,0.5);}
.employ_regist .p_work .logotype_box span a {display:block; width:2.5rem; height:2.5rem; text-align:center; }
.employ_regist .p_work .logotype_box span i {color:#fff; font-size:1.8rem; line-height:2.5rem; margin:0;}
.employ_regist .p_work .logo_box {position:relative; width:400px; height:140px; border:1px solid #eaeaea; background:#f6f6f6 url("../images/no_imgicon.png") center center no-repeat; background-size:contain;}
.employ_regist .p_work .bg_box {position:relative; width:400px; height:200px; border:1px solid #eaeaea; background:#f6f6f6 url("../images/no_imgicon.png") center center no-repeat; background-size:contain;}
.employ_regist .p_work th button {border:1px solid #c5c5c5; color:#888; border-radius:30px; padding:5px 8px; background:#fff; display:inline-block; font-size:12px; margin-top:1.5rem; font-weight:400}
.employ_regist .p_work th button i {margin-right:1px; color:#999; vertical-align:middle;}
.employ_regist .p_work input[type="text"] {width:62%;}
.employ_regist .p_work .click-logo-td- button {border-radius:3px; text-align:center; border:1px solid #ccc; padding:1rem; margin-right:1rem; margin-bottom:1rem; font-size:13px;}
.employ_regist .p_work .click-logo-td- .one {display:flex; align-items:center; flex-wrap:wrap;}
.employ_regist .p_work .click-logo-td- .one span {font-size:11px;}
/*.employ_regist .w_condition input[type="radio"] + label.radiostyle1 {margin-left:15px;}*/
.employ_regist td.flex_td {/*display:flex; align-items:center;*/}
.employ_regist td.flex_td button {margin-right:10px;}
.employ_regist ul.flex_child {overflow:hidden; display:inline-block;}
.employ_regist ul.flex_child li {float:left; margin:10px 1rem 10px 0;}
.employ_regist ul.flex_child li button {display:inline-block; background:#394659; margin-left:5px; padding:0px 1px 1px 1px}
.employ_regist ul.flex_child li button i {color:#fff; margin:0;}
.employ_regist .appli input[type="text"] {width:100%;}
.employ_regist .appli .age input[type="text"] {width:10%;}
.employ_regist .group .personnel input[type="text"] {width:50px;}
.employ_regist .group .group_close  input[type="text"]  {width:150px}
.employ_regist .group .receipt p {color:#777; letter-spacing:-1px; font-size:1.5rem;}
.employ_regist .group .receipt p input[type="text"] {width:60%; margin-left:10px;}
.employ_regist .group .receipt .requisition- {border-top:1px dashed #ddd; padding-top:1rem;}
.employ_regist .group .receipt .requisition_online- input[type="file"] {width:60%;}
.employ_regist .group .resume p {background:#fff; border:1px solid #dddddd; padding:6px; width:100%; font-size:1.5rem;}
.employ_regist .group .resume p input[type="file"] {width:100%;}
.employ_regist .group textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:10px; height:80px; font-size:1.5rem; color:#555; letter-spacing:-1px; font-family:'Noto Sans KR'}
.employ_regist .group textarea::placeholder {font-size:1.5rem; color:#999999; letter-spacing:-0.5px; font-family:'Noto Sans KR'}
.employ_regist .guide .common_box {padding:1rem; margin-bottom:1rem;}
.employ_regist .guide .common_box ul {display:flex; overflow:hidden;}
.employ_regist .guide .common_box ul li {float:left; margin-right:1.5rem; border:1px solid #d5d5d5; max-width:150px; width:33.3%;}
.employ_regist .guide .common_box ul li a {display:block;padding:1rem;}
.employ_regist .guide .common_box ul li a img {width:100%;}
.employ_regist .guide .common_box ul li.on {border:3px solid #6336c7;}
.employ_regist .guide .side_con button {background:#6336c7; color:#fff; border-radius:3px; color:#fff; font-size:1.5rem; height:4rem; padding:0 1rem;}
.employ_regist .guide .write {display:block; border:3px solid #d8dee6;}
.employ_regist .img_box .parent_file_upload- button {border-radius:3px; text-align:center; border:1px solid #ccc; padding:1rem; margin-right:10px; margin-bottom:1rem;}
.employ_regist .img_box .parent_file_upload- .one {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; }
.employ_regist .img_box .common_box {padding:0}
.employ_regist .img_box p {width:100%; overflow:hidden; padding:1rem 2rem; font-size:13px; color:#999999;}
.employ_regist .img_box p span {float:right; font-size:13px; margin-top:0.6rem;}
.employ_regist .img_box ul {overflow:hidden;width:100%; padding:1rem 0rem 0 0rem; border-top:1px solid #d5d5d5;}
.employ_regist .img_box ul li i {margin-right:0;}
.employ_regist .img_box ul li {float:left; position:relative; width:23.5%; height:14rem; border:1px solid #d5d5d5; margin-right:2%; background:#f6f6f6 url("../images/no_imgicon.png"); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.employ_regist .img_box ul li:last-child {margin-right:0}
.employ_regist .img_box ul li span {position:absolute; top:0; right:0; display:inline-block; background:rgba(0,0,0,0.5);}
.employ_regist .img_box ul li span a {display:block; width:2.5rem; height:2.5rem; text-align:center; }
.employ_regist .img_box ul li span i {color:#fff; font-size:1.8rem; line-height:2.5rem;}
.employ_regist .img_box table th {padding:15px 0  15px 2rem;}
.employ_regist .img_box table td {padding:1.5rem 2rem 1.5rem 2rem}
.employ_regist .img_box table input[type="text"] {width:100%;}
.employ_regist .img_box table td span { font-size:11px; }
.employ_regist .img_box textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; font-family:'Noto Sans KR'; padding:4px; font-size:14px; }
.employ_regist .img_box  span.bojotext {margin-top:4px;}
.employ_regist .keyword>div {height:200px; overflow-y:scroll; border-top:2px solid #62708c; border:1px solid #ddd}
.employ_regist .keyword table {width:100%; }
.employ_regist .keyword table td {border:1px solid #dddddd; font-size:14px; color:#666666; padding:1.5rem 0 1.5rem 2rem;}
.employ_regist .w_condition .pay select {width:100px;}
.employ_regist .w_condition .pay input[type="text"] {width:150px;}
.employ_regist .manager .num input[type="text"],
.employ_regist .manager .num select {width:10%;}
.employ_regist .manager td span {display:inline-block; vertical-align:middle; margin-left:10px;}
.employ_regist .manager .chain select {width:200px;}
.employ_regist .manager .chain input[type="text"] {width:200px;}
.employ_regist span.put_wr_grade {vertical-align:baseline; }
.employ_regist span.put_wr_preferential {vertical-align:baseline; display:block; line-height:22px; margin-top:5px;}
.employ_regist span.put_wr_welfare {vertical-align:baseline; display:block; line-height:22px; margin-top:5px;}
.employ_regist span.put_wr_position {vertical-align:baseline;}

.employ_regist .right_info select {border-color:#6336c7; color:#6336c7; margin:0;}
.employ_regist .right_info .logo_img {border:1px solid #ddd; } 
.employ_regist .right_info .logo_img p {width:100%; height:11rem; background-position:center center; font-size:2rem; background-repeat:no-repeat; background-size:contain; text-align:center; font-weight:500; display:flex; align-items:center; justify-content:center; background-image:url("../images/no_img2.png");}
.employ_regist .right_info .info_box dt {width:43%;}
.employ_regist .right_info .info_box dd {width:57%;}


/*개인/기업서비스홈*/
.my_bgwrap {background:#e8edf6; padding:2rem 0;}
.my_common {display:flex; flex-wrap:wrap; overflow:hidden;}
.my_common .left_menu {margin-right:3rem;}
.my_common .my_sub .tab_style1 .tabcon>div:nth-of-type(1) {border-top:2px solid #62708c}
.my_common .my_infobox {position:relative; width:35%; margin-right:1.5%; border:1px solid #6336c7; background:#fff; padding:1.5rem;}
.my_common .my_infobox .top {overflow:hidden; padding-bottom:1.2rem; border-bottom:1px solid #6336c7}
.my_common .my_infobox .top .img {float:left; margin-right:2rem;}
.my_common .my_infobox .top p {position:relative; border:1px solid #dddddd; border-radius:100px; width:9.7rem; height:9.7rem; box-shadow:0 3px 6px rgb(0 0 0 / 15%); background-image:url("../images/no_injae.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.company_main .my_infobox .top p {background:url("../images/no_imgicon.png"); background-color:#e8e9ec ;background-size:cover; background-repeat:no-repeat; background-position:center;}
.my_common .my_infobox .top p button {position:absolute; right:0; bottom:0; width:28px; height:28px; border-radius:30px; border:1px solid #dddddd; background:#fff;}
.my_common .my_infobox .top p button i {color:#c4c4c4; font-size:16px;}
.my_common .my_infobox .top .text {display:flex; flex-wrap:wrap; float:left; overflow:hidden; width:calc(100% - 11.7rem); padding-top:1.5rem; }
.my_common .my_infobox .top h3 {float:left; font-size:2rem; color:#333; width:100%; font-weight:500; margin-bottom:2rem;}
.my_common .my_infobox .top h3 span {font-size:13px; color:#888888; font-weight:400; vertical-align:bottom;}
.my_common .my_infobox .top .in_btn {display:flex; width:100%;}
.my_common .my_infobox .top .text button {float:left; min-width:30%; font-size:13px; color:#555555;  border:1px solid #dddddd; border-radius:5px; padding:1.3rem .2rem;}
.my_common .my_infobox .top dl {display:flex; float:left; width:68%; overflow:hidden; margin-left:2%;}
.my_common .my_infobox .top dl dt {float:left; width:62%; background:#e8edf6; font-size:13px; color:#333;  padding:1.3rem 1rem; border-radius:5px 0 0 5px}
.my_common .my_infobox .top dl dt span a {color:#6336c7; font-weight:500;}
.my_common .my_infobox .top dl dd {float:left; width:38%; text-align:center; background:#6336c7; border-radius:0 5px 5px 0;}
.my_common .my_infobox .top dl dd a {display:block; color:#fff; padding:0 1rem; font-size:13px; padding:1.3rem 0}
.my_common .my_infobox .bottom {overflow:hidden; padding-top:1rem;}
.my_common .my_infobox .bottom dl {float:left; overflow:hidden; width:50%; font-size:13px; line-height:18px; margin:.7rem 0;}
.my_common .my_infobox .bottom dl:nth-child(n+5) {width:100%;}
.my_common .my_infobox .bottom dl dt {float:left; color:#6336c7; width:65px;}
.my_common .my_infobox .bottom dl dd {float:left; color:#555; width:calc(100% - 65px);}
.my_common .my_infobox .bottom dl dd a {color:#555;}
.my_common .my_infobox .bottom dl dd a:hover {text-decoration:underline !important;}
.my_common .my_infobox>span {position:absolute; right:0; top:0; display:block; border-radius:0 0 0 5px; background:#fff; border:1px solid #6336c7; border-right:0; border-top:0;}
.my_common .my_infobox>span a {display:block; color:#6336c7; font-size:13px; text-align:center; padding:.7rem 1rem;}

.my_common .my_situbox {width:63.5%; background:#fff; border:1px solid #dddddd; padding:1.5rem 1.5rem;}
.my_common .my_situbox ul {display:flex; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:1.5rem; margin-bottom:1rem;}
.my_common .my_situbox ul li {float:left; width:16.6%; padding:0 1rem; border-right:1px solid #eeeeee}
.my_common .my_situbox ul li:last-child {border-right:0;}
.my_common .my_situbox a {display:block;}
.my_common .my_situbox dl dt {max-width:9.6rem; margin:0 auto; font-size:3.6rem; background:#f6f7f9; border-radius:100px; color:#6336c7; text-align:center; line-height:9.1rem;}
.my_common .my_situbox dl dd {color:#666666; font-size:14px; border:1px solid #e7e9e9; margin-top:1.5rem; letter-spacing:-0.7px; text-align:center; padding:5px;}
.my_common .my_situbox .service {overflow:hidden;}
.my_common .my_situbox .service p {float:left;font-size:1.6rem; color:#333333; width:100%; margin-top:5px; line-height:4rem; letter-spacing:-0.1px;}
.my_common .my_situbox .service p button {float:right;  width:16rem; font-weight:500;}
.my_common .my_situbox .service p span {color:#6336c7}
.my_common .my_situbox .service p:nth-child(1) {margin-top:0}
.my_common .my_situbox .service p:nth-child(1) button {background:#6336c7; color:#fff; border:1px solid #6336c7;}
.my_common .my_situbox .service p:nth-child(2) button {background:#fff; color:#6336c7; border:1px solid #6336c7}

.my_common .my_sub h2 {font-size:2.2rem; color:#222; margin-bottom:2rem; font-weight:500;}
.my_common .current h2 {margin-top:3rem;}
.my_common .ijcurrent h2 {margin-top:4rem;}
.my_common .brand_entire h2 {margin-top:4rem;}
/* {display:flex; align-items:center; justify-content:space-between; margin-top:7rem; margin-bottom:2rem;}*/
{display:flex; align-items:center; justify-content:space-between; margin-top:3rem; margin-bottom:2rem;}
.my_sub .customij p.s_title {margin-bottom:0;}
.my_sub .customij p.s_title span {font-size:13px; color:#999999; font-weight:400; vertical-align:bottom;}
.my_common .current2 h2 {margin-top:3rem;}
.my_common .current2.tab_style2 .img_box p {background:url("../images/no_imgicon.png"); background-size:contain; 
background-position:center center; background-repeat:no-repeat;}
.my_common .rescurrent {margin-top:5rem;}
.my_sub .ijcurrent .tabcon>div:first-child {border-top:2px solid #62708c}
.my_sub .rescurrent .tabcon>div:first-child {border-top:2px solid #62708c}
.my_sub .rescurrent.tab_style1 .img_box p {display:flex; align-items:center; width:100%; height:100%; /*background:url("../images/no_injae.png"); background-position:center center; background-repeat:no-repeat; background-size:contain;*/ font-size:1.8rem; vertical-align:middle; font-weight:500;}


/*비밀번호변경*/
.my_sub .subcon_area .password_form table.style1 th {width:190px;}
.my_sub .subcon_area .password_form table.style1 td input[type="text"] {width:30%}
.my_sub .pass_check h1 {display:block;}


/*기업서비스-브랜드서브*/
.my_sub p.s_title {font-size:2.2rem; color:#222222; margin-bottom:2rem; font-weight:500;}
.my_sub .brand_entire .brand_info {border:3px solid #e5e5e5; margin-bottom:2rem;}
.my_sub .brand_entire table.brand_all {border:1px solid #ddd;width:100%;} 
.my_sub .brand_entire table.brand_all th {vertical-align:middle; background:#f8f8f8; font-size:1.5rem; color:#333333; min-width:80px; padding:1rem;}
.my_sub .brand_entire table.brand_all td {vertical-align:middle; font-size:1.5rem; color:#333333; padding:1rem;}
.my_sub .brand_entire table.brand_all td span {color:#999999;}
.my_sub .brand_entire table.brand_all td button {background:#6336c7; color:#fff; padding:1rem 1rem; border-radius:3px}
.my_sub .brand_entire .infobox {display:flex; flex-wrap:wrap; overflow:hidden; border:1px solid #ddd; border-top:0;}
.my_sub .brand_entire .infobox>div {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; float:left;overflow:hidden; width:50%; border-left:1px solid #ddd; padding:2rem;}
.my_sub .brand_entire .infobox>div:first-child {border-left:0}
.my_sub .brand_entire .infobox>div button {float:right; border:1px solid #eaeaea; border-radius:3px; color:#666666; font-size:14px; padding:1rem;}
.my_sub .brand_entire .infobox>div p {display:flex; align-items:center; float:left; color:#333333; font-size:1.8rem;}
.my_sub .brand_entire .infobox>div p i {color:#6336c7; vertical-align:middle; font-size:3rem; margin-right:1rem;}
.my_sub .brand_entire .infobox>div p a:hover {text-decoration:underline !important}
.my_sub .brand_entire .infobox>div p span {display:inline-block; font-weight:700; margin-left:1.5rem;}
.my_sub .brand_entire .infobox>div ul {float:right; border:1px solid #6336c7; border-radius:3px; text-align:center;}
.my_sub .brand_entire .infobox>div ul li:first-child {color:#555; padding:0.7rem; font-size:14px;}
.my_sub .brand_entire .infobox>div ul li:last-child {background:#6336c7;}
.my_sub .brand_entire .infobox>div ul li a {display:block; color:#fff;  font-size:14px;padding:0.7rem;}
.my_sub .brand_entire .infobox>div ul li i {vertical-align:middle;}
.my_sub .file_page table.style3 th:nth-child(1) {width:10%;}
.my_sub .file_page table.style3 th:nth-child(2) {width:60%;}
.my_sub .file_page table.style3 th:nth-child(3) {width:15%;}
.my_sub .file_page table.style3 th:nth-child(4) {width:15%;}

/*개인서비스 서브*/
.my_sub .subcon_area .current2 .tab li {width:30%;}
.my_sub .subcon_area .open .tab li {width:30%}
.my_sub .subcon_area .concern .tab li {width:30%;}
/*.my_sub .jump_list.tab_style1 .img_box p {background:url("../images/no_injae.png");background-position:center center; background-repeat:no-repeat;background-size:contain;}*/
.my_sub .jump_list .tabcon>div:first-child {border-top:2px solid #62708c;}
.my_sub .point_list ul.fr {font-size:1.6rem; margin-bottom:1rem;}
.my_sub .point_list ul.fr li em {display:inline-block; background:#f47820; padding:.2rem .5rem; color:#fff; border-radius:25px; text-align:center; font-size:1.5rem;}
.my_sub .mail_page table a {display:block; color:#555;}
.my_sub .mail_page table .mail_con {background:#f6f6f6; padding:1.5rem;}
.my_sub .mail_page table p {line-height:20px;}
.my_sub .mail_page table button.n_check {font-size:12px; padding:4px 5px; border:1px solid #bbb; margin-right:10px; vertical-align:middle;}
.my_sub .mail_page table ul {margin-top:5px;}
.my_sub .mail_page table ul li::before {content:""; display:inline-block; width:1px; height:10px; background:#aaa; margin:0 15px 0 10px;}
.my_sub .mail_page table ul li a {display:inline-block; color:#888}
.my_sub .mail_page table ul li:first-child::before {display:none;}
.my_sub .applycert .button_area {margin-top:1.5rem;}

/*기업서비스 서브*/
.my_sub .subcon_area .sub_serach {overflow:hidden; border:3px solid #eee; padding:1.5rem 2rem; background:#fbfbfb; margin-bottom:2rem;}
.my_sub .subcon_area .sub_serach>div {width:40%; margin:0 auto; }
.my_sub .subcon_area .sub_serach select {float:left; width:33%; margin:0 2% 0 0;}
.my_sub .subcon_area .sub_serach form {float:left; width:65%;}
.my_sub .subcon_area .sub_serach .search_style {position:relative; border:1px solid #d5d5d5; height:4rem; position:relative; background:#fff; border-radius:3px;}
.my_sub .subcon_area .sub_serach .search_style label {position:absolute; left:0; top:0; width:100%;}
.my_sub .subcon_area .sub_serach .search_style input {border:1px solid; height:3.7rem; width:100%; padding:0 1rem; font-size:1.4rem; margin:0; border:none;}
.my_sub .subcon_area .sub_serach .search_style button {position:absolute; right:0; height:3.7rem; width:15%; background:#fff;}
.my_sub .subcon_area .sub_serach .search_style button i {position:absolute; top:.9rem; right:.9rem; font-size:1.8rem; color:#b9b9b9; }
.my_sub .subcon_area .manager table.style3 th:nth-child(1) {width:10%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(2) {width:21%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(3) {width:22%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(4) {width:22%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(5) {width:25%;}
.my_sub .subcon_area .my_brandinfo .con_box {overflow:hidden; display:flex; flex-wrap:wrap;}
.my_sub .subcon_area .my_brandinfo .con_box>div {overflow:hidden; float:left; width:50%; border:1px solid #d5d5d5;  padding:2rem; }
.my_sub .subcon_area .my_brandinfo .con_box h3 {float:left; width:100%; font-size:2rem; font-weight:500; color:#333333; border-bottom:1px solid #717171; padding-bottom:1.5rem; margin-bottom:1rem;}
.my_sub .subcon_area .my_brandinfo .con_box .brand_infocon {border-right:none;}
.my_sub .subcon_area .my_brandinfo .brand_manager {float:left; width:50%; border:1px solid #d5d5d5;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box {float:left; width:30%; border:1px solid #ddd; padding:5px; background:#f9f9f9;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box p {border:1px solid #ddd; padding-bottom:100%; background-color:#fff;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .text_box {float:left; margin-left:5%; width:65%;}
.my_sub .subcon_area .my_brandinfo .con_box dl {overflow:hidden; width:100%;}
.my_sub .subcon_area .my_brandinfo .con_box dl dt {float:left; line-height:35px; min-width:90px; border-bottom:1px solid #e5e5e5; font-size:1.5rem; color:#777777; }
.my_sub .subcon_area .my_brandinfo .con_box dl dd {float:left;  line-height:35px;  width:calc(100% - 90px); border-bottom:1px solid #e5e5e5; font-size:1.5rem; color:#333333;}
.my_sub .subcon_area .my_brandinfo .brand_intro {margin-top:2rem; border:1px solid #d5d5d5; padding:2rem;}
.my_sub .subcon_area .my_brandinfo .brand_intro h3 {width:100%; font-size:2rem; font-weight:500; color:#333333; border-bottom:1px solid #717171; padding-bottom:1.5rem; margin-bottom:1rem;}
.my_sub .subcon_area .my_brandinfo .brand_intro p {font-size:14px; line-height:18px; margin-top:1rem;}
.my_sub .subcon_area .my_brandinfo .no_brand {font-size:1.8rem; background:#f6f7f9; text-align:center; padding:3rem; line-height:2.5rem;}
.my_sub .subcon_area .my_brandinfo .no_brand button {background:#6336c7; color:#fff; padding:1rem 2rem; border-radius:3px; margin-top:2rem; font-size:1.6rem;}
.my_sub .subcon_area .brand_chain ul.fl li {line-height:3.8rem;}
.my_sub .subcon_area .brand_chain ul.fl li a {font-size:14px; color:#888;}
.my_sub .subcon_area .brand_chain ul.fl li.on a {color:#6336c7}
.my_sub .subcon_area .brand_chain table.style3 button i {vertical-align:middle;}
.my_sub .subcon_area .brand_entire .sub_serach {overflow:hidden;}
.my_sub .subcon_area .brand_entire .sub_serach select {width:35%;}
.my_sub .subcon_area .brand_entire .sub_serach form {width:63%;}
.my_sub .subcon_area .brand_entire ul.fr select {width:100%;}
.my_sub .subcon_area .brand_entire .sub_serach .search_style button i {left:.7rem;}
.my_sub .subcon_area .brand_regist_info {background:#f7f8fa; border:1px solid #eee; padding:3rem; margin-bottom:4rem;}
.my_sub .subcon_area .brand_regist_info h3 {font-size:2.4rem; color:#111111;}
.my_sub .subcon_area .brand_regist_info>span {display:block; width:100%; background:#fff; color:#555555; padding:1rem; margin:2rem 0; font-size:14px; text-align:center;}
.my_sub .subcon_area .brand_regist_info p {font-size:14px; color:#555555; line-height:20px;}
.my_sub .subcon_area .brand_regist h2 span {font-size:13px; color:#999; letter-spacing:-0.5px; vertical-align:bottom; margin-left:10px; line-height:16px;}
.my_sub .subcon_area .brand_regist .box_wrap>h2:nth-of-type(1) {margin-top:0;}

/*열람한 인재정보*/
.my_sub .subcon_area .sub_serach.reading {display:flex; align-items:center; justify-content:space-between;}
.my_sub .subcon_area .sub_serach.reading>div {overflow:hidden; margin:0; width:auto;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 {float:left; border:1px solid #e5e5e5; background:#fff; height:4rem; padding:0 1rem; display:flex; align-items:center;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl {font-size:1.5rem;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl dt {float:left; color:#555;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl dd {float:left; margin-left:5px; color:#555;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl dd b {font-weight:bold;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl:nth-of-type(2) {border-left:1px solid #ddd; padding-left:10px; margin-left:10px;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box2 {float:right; width:40%;}

/*서브 결제내역*/
.pay_list table.style3 td {padding:0;}
.pay_list table.style3 td .wrap {display:flex; flex-wrap:wrap; align-items:center;}
.pay_list table .pr_name {float:left; width:55%; padding:1.5rem 1rem 1.5rem 2rem }
.pay_list table .pr_name h3 {font-size:1.6rem; color:#333333; margin-bottom:1.5rem; font-weight:500;}
.pay_list table .pr_name ul li {font-size:1.5rem; color:#333333; line-height:3rem;}
.pay_list table .pr_name ul li span {color:#888888;}
.pay_list table .pay_way {float:left; padding:1.5rem 1rem; width:15%; font-size:1.5rem; color:#333333;}
.pay_list table .point_us {float:left; padding:1.5rem 1rem; width:15%;  font-size:1.5rem; color:#333333;}
.pay_list table .point_us span {font-size:2rem; color:#1b9a9c; font-family:'Tahoma'; vertical-align:bottom;}
.pay_list table .payment {float:left; padding:1.5rem 1rem; width:15%;  font-size:1.5rem; color:#333;}
.pay_list table .payment span {font-size:2rem; color:#e83606; font-family:'Tahoma'; vertical-align:bottom;}
.pay_list table .assi_line {float:left; padding:1.5rem 1rem; width:100%; background:#f6f7f9; padding:.8rem 2rem;}
.pay_list table .assi_line ul li {font-size:13px; margin:5px 0;}
.pay_list table .assi_line ul.fl {color:#888888;}
.pay_list table .pay_way em, 
.pay_list table .point_us em,
.pay_list table .payment em {display:none;}


/*서비스 상품 공통*/
.service h4 {font-size:2.2rem; color:#222222; font-weight:700; padding-bottom:2rem; border-bottom:1px solid #222; padding-top:6rem;}
.service h4:nth-of-type(1) {padding-top:0;}
.service h4.orange {border-bottom:0;}
.service .current_status { text-align:center; background:#f7f8fa; padding:1rem; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.service .current_status p {font-size:1.6rem;  line-height:2.4rem; color:#222222; }
.service .current_status p em {text-decoration:underline !important; }
.service .tablewrap {overflow:hidden; display:flex; flex-wrap:wrap;}
.service .tablewrap input[type="radio"] + label.radiostyle2 {margin:0;}
.service table.fl {float:left;}
.service table.fr{float:right;}
.service table.fr th:first-child {border-left:0;}
.service table.fr td:first-child {border-left:0;}
.service table th {height:5rem;}
.service table td h5 {font-size:2rem; color:#222222; margin-bottom:1.5rem; font-weight:500;}
.service table td h5 button {color:#f47820; margin-left:5px; display:none;}
.service table td.tac img {max-width:100%;}
.service table td ul.product_info ul li {font-size:14px; color:#666666; line-height:22px; margin:10px 0; 
background-image:url("../images/dot.png"); background-position:0px 10px; background-repeat:no-repeat; background-size:2px 2px; padding-left:10px;}
.service table td ul.product_info li span.bojo {font-size:13px; color:#888;}
.service table td.price {padding:1rem 1.5rem;}
.service table td.price p.sale {color:#848484; font-size:13px; text-decoration:line-through}
.service table td.price p.sale span {display:inline-block; background:#fc3812; border-radius:3px; color:#fff; margin-right:5px; padding:0 3px; text-decoration:auto; font-size:12px; height:16px; line-height:16px;}
.service table td.price p {font-size:1.6rem; color:#555555; margin:3px 0;}
.service table td.price p em {color:#fa5f0a; font-weight:500;}
.service .payment {background-image:url("../images/diagonal_bg.png"); background-position:center center; padding:4rem; }
.service .payment_box {background:#fff; padding:2.5rem;}
.service .payment_box h5:nth-of-type(1) {margin-top:1rem;}
.service .payment_box h5 {font-size:2.2rem; color:#111111; font-weight:500; padding-bottom:2rem; border-bottom:1px solid #222; margin-top:4rem;}
.service .payment_box select {width:100%}
.service .payment .all_pay {overflow:hidden; background:#f2f3f9; padding:1rem 2rem; line-height:3rem; margin-top:2rem;}
.service .payment .all_pay p {font-size:1.6rem; color:#111111; font-weight:500;}
.service .payment .all_pay p:first-child {float:left}
.service .payment .all_pay p:last-child {float:right;}
.service .payment span.red {font-size:1.8rem; font-weight:700;}
.service .payment button.base2 {margin:0 10px}
.service .payment .apply_product {width:100%; background-image:url("../images/diagonal_bg.png"); background-position:center center; padding:1.5rem;  font-size:1.8rem; font-weight:500; text-align:center;}
.service .payment .apply_product select {width:100%; height:5rem;}
.service ul.li_float {overflow:hidden; line-height:2.5rem;}
.service ul.li_float li {float:left; margin:5px 2rem 5px 0; font-size:1.5rem;}
/*.service ul.li_float.list li {width:25%;}*/
.service table .ij_preview>div:nth-child(2) {margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #ddd;}
.service table .ij_preview p.title {font-size:1.7rem; color:#444; line-height:3rem; font-weight:500;}
.service table .ij_preview p.locaiotn {font-size:13px; color:#555; margin-top:0.3rem;}
.service table .ij_preview p.locaiotn i {color:#999; line-height:19px;}
.service table .ij_preview p.jb {font-size:13px; color:#999; margin-top:1rem;}
.service .indi_product table.fl {width:53%;}
.service .indi_product table.fr {width:47%;}
.service .accent table.fl {width:35%;}
.service .accent table.fr {width:65%;}
.service .accent table tr th:nth-child(1) {width:35%} 
.service .accent table tr th:nth-child(2) {width:40%} 
.service .accent table tr th:nth-child(3) {width:25%} 
.service .accent table ul.li_float {margin-top:1rem; padding-top:1rem; border-top:1px dashed #d5d5d5;}
.service .resume_open table tr th:nth-child(1) {width:auto;}
.service .resume_open table tr th:nth-child(2) {width:15%;}
.service .resume_open table tr th:nth-child(3) {width:20%;}
.service .resume_open table input[type="checkbox"] {margin:0;}
.service .package table tr th:nth-child(1) {width:20%;}
.service .package table tr th:nth-child(2) {width:auto;}
.service .package table tr th:nth-child(3) {width:12%;}
.service .package table tr th:nth-child(4) {width:5%;}
.service .service_quick {overflow:hidden; display:flex; flex-wrap:wrap; margin-bottom:6rem; position:sticky; position: -webkit-sticky; top:59px; z-index:3}
.service .service_quick li {float:left; width:14.28%; border:1px solid #d5d5d5; background:#f9fafb; text-align:center; border-left:0;}
.service .service_quick li:first-child {border-left:1px solid; border-color:#d5d5d5;}
.service .service_quick li.on {border:1px solid #222; background:#fff;}
.service .service_quick li.on a {color:#333}
.service .service_quick li a {display:block; font-size:1.8rem; padding:2rem .5rem; color:#666;}
/*.service .service_quick.company li {width:14.28%;}*/
.service span.area_f {display:inline-block; background:#333; color:#fff; padding:2px 5px; font-size:13px; margin-bottom:15px;}


/*채용공고, 이력서 프린트 팝업*/
.print_pop {max-width:640px; margin:0 auto; padding:20px 0;}
.print_pop .top {display:flex; justify-content:space-between; align-items:center; overflow:hidden; border-bottom:2px solid #222; padding:10px 0}
.print_pop .top .date {float:left; font-size:13px; color:#666; width:70%;}
.print_pop .top .date li {float:left; }
.print_pop .top .date li::before {content:""; display:inline-block; width:1px; height:8px; background:#ddd; margin:0 10px;}
.print_pop .top .date li:first-child::before {display:none;}
.print_pop .top .logo {float:right; text-align:right; width:30%;}
.print_pop .top .logo img {width:80%; display:inline-block;}
.print_pop .title {font-size:20px; font-weight:bold; margin:15px 0; line-height:24px;}
.print_pop .table_wrap {border:1px solid #ddd; padding:5px; background:#f9f9f9}
.print_pop table.style2 td.logo img {width:100%;}
.print_pop table.style2 {background:#fff;}
.print_pop table.style2 th {padding:1rem; font-size:14px;}
.print_pop table.style2 td {padding:1rem; font-size:14px}
.print_pop h2 {margin:30px 0 10px 0; font-size:16px;}

/*브랜드 상품*/
.brand_product table.fl {width:50%;}
.brand_product table.fr {width:50%;}

/*브랜드 채용공고 건수 추가*/
.brand_product.service table.style2 td button {border:1px solid #d5d5d5; border-radius:3px; width:4rem; height:4rem; margin:3px; background:linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%)}
.brand_product.service table.style2 td button i {vertical-align:baseline; font-weight:bold; color:#555;}
.brand_product.service table.style2 td input[type="text"] {width:50px; text-align:center;}

/*서비스안내 메인*/
section.service_main {overflow:initial;}
.service_main .choice {display:none;}
.service_main .top_tab {overflow:hidden; margin-top:1.8rem;}
.service_main .top_tab::after {content:""; clear:both; display:block; width:100%; height:2px; background:#000;}
.service_main .top_tab li {float:left; width:20%; text-align:center; background:#f9fafb; border:1px solid #d5d5d5; position:relative; top:2px; letter-spacing:-0.5px;}
.service_main .top_tab li a {display:block; padding:1.5rem 3.5rem; color:#777; font-size:1.8rem; }
.service_main .top_tab li.on {background:#fff; border:2px solid #000; border-bottom:2px solid #fff; }
.service_main .top_tab li.on a {color:#111;font-weight:500;}
.service_main h4 {overflow:hidden;}
.service_main h4 button {float:right; border:1px solid #f47820 ; border-radius:20px; padding:.6rem 1rem; font-size:1.5rem; color:#fff; background:#f47820 ; font-weight:400;}
.service_main .service_info {background:#f9fafb; border:1px solid #eeeeee; padding:3rem; margin:2rem 0 3rem 0;}
.service_main .service_info h3 {font-size:2.4rem; color:#111111; margin-bottom:2rem;}
.service_main .service_info p {font-size:14px; color:#444; line-height:20px; margin:.5rem 0;}
.service_main .service_info p span.wine {color:#d84f6c;}
.service_main .service_info .service_way {background:#fff; padding:1.5rem; border:1px solid #eeeeee; margin:1.5rem 0;}
.service_main .service_info .service_way dl dt {font-weight:700; font-size:14px; line-height:18px;}
.service_main .service_info .service_way dl:first-child dt {color:#444d81;}
.service_main .service_info .service_way dl:last-child dt {color:#6336c7; margin-top:20px;}
.service_main .service_info .service_way dl dd {font-size:14px; line-height:18px; margin:10px 0 0 0;}
.service_main .button_area {margin-bottom:3rem;}
.service_main .button_area>button {margin:0 auto; display:table;}
.service_main>h4:nth-of-type(1) {margin-top:3rem;}


/*서비스 구매페이지*/
.service_sub {overflow:initial;}
.service_sub h4 button {display:none;}
.service_sub h4:nth-of-type(1) {margin-top:6rem;}
.service_sub ul.img_icon img {vertical-align:middle; margin-left:5px;}
.service_sub ul.img_icon p {display:inline-block;}
.service_sub .tablewrap input[type="radio"] {margin:0; width:2.4rem; height:2.4rem;}


/*결제완료페이지*/
.payment_complete .payment_box {padding:2.5rem 0;}


/*지도검색*/
section.map .no_s_employ {font-size:15px; border:1px solid #ddd; background:#f9f9f9; text-align:center; padding:2rem 1rem; border-radius:7px; }
section.map .map_wrap {display:flex; flex-wrap:wrap;}
section.map .map_area0 {float:left; width:30%; margin-right:2%; padding-bottom:20px; padding-right:1.5rem;}
section.map .map_area0 .map-list- {font-size:13px; background:#fff;}
section.map .map_list {overflow:auto; }
section.map .map_list::-webkit-scrollbar {width:2px;}
section.map .map_list::-webkit-scrollbar-thumb {background-color:#ccc;}
section.map .map_list::-webkit-scrollbar-track {background-color:#eee}
section.map .map_list li {width:100%;margin-top:20px;}
section.map .map_list li:first-child {margin-top:0;}
section.map .map_list li a {display:block;  padding:1.5rem; border:1px solid #ddd; border-radius:7px; box-shadow:3px 5px 10px rgb(96 96 96 / 10%); }
section.map .map_list li a:hover {border-color:#6336c7; transition:all .15s ease-in-out}
section.map .map_list li a:hover .order1 .area i {color:#6336c7; transition:all .15s ease-in-out}
section.map .map_list li .order1 {display:flex; align-items:center; overflow:hidden; margin-bottom:15px;}
section.map .map_list li .order1 .logo {float:left; width:37%; font-size:1.8rem; font-weight:500; margin-right:3%; padding-bottom:20%; background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px; border:1px solid #ddd; }
section.map .map_list li .order1 .txt {float:left; width:37%; font-size:1.8rem; font-weight:500; margin-right:3%; border-radius:5px; border:1px solid #ddd; padding:5% 2% 5% 2%; text-align:center;}
section.map .map_list li .order1 .right_box {float:left; width:60%; font-size:1.5rem; color:#444;}
section.map .map_list li .order1 .km  {display:inline-block; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #ddd; border-radius:30px; padding:3px 8px;}
section.map .map_list li .order1 .km span {margin-right:5px; }
section.map .map_list li .order1 .area {margin-bottom:10px; line-height:1.9rem;}
section.map .map_list li .order1 .area i {color:#bbb; line-height:1.9rem;}
section.map .map_list li .order2 .corporation {font-size:1.5rem; font-weight:500; color:#222; margin-bottom:7px; font-weight:700;}
section.map .map_list li .order2 .tit {font-size:1.7rem; color:#222; line-height:2rem;}
section.map .map_list li .order2 .pay {font-size:14px; color:#555; margin-top:10px;}
section.map .map_list li .order2 .pay span {margin-right:5px; font-size:13px;}

section.map .map_area {float:right; position:relative; background:#ddd; width:68%; height:100%; min-height:900px;;}
section.map .map_area .map_search {position:absolute; left:20px; top:20px;  border:1px solid #d5d5d5; height:3.7rem; border-radius:50px; background:#fff; overflow:hidden;}
section.map .map_area .map_search label {width:85%;}
section.map .map_area .map_search label input[type="text"] {height:3.4rem; border-radius:50px 0 0 50px; position:relative; border:0; margin:0;}
section.map .map_area .map_search label button {position:absolute; right:5px; top:0px; width:15%; height:3.4rem; width:15%; font-size:2rem; color:#6336c7;}
section.map .map_area .map_box- {position:relative; width:auto; min-width:100px; max-width:150px; height:45px; padding:0px 25px 0 5px; line-height:40px; margin-top:-55px; font-size:15px;background:#fff; border-radius:20px; border:1px solid #3366cc; }
section.map .map_area .map_box- a {}
section.map .map_area .map_box- button {position:absolute; top:-4px; right:-5px; border:1px solid #0475f4; border-radius:50px; background:#fff; width:24px; height:24px;}
section.map .map_area .map_box- button span {position:absolute; left:6px; top:5px; font-size:13px; color:#0475f4; font-weight:bold; }
section.map .map_area .map_box- .line1 span {position:relative; display:inline-block; width:35px; height:35px; background:#0475f4; border-radius:50px; vertical-align:middle; margin-right:5px; }
section.map .map_area .map_box- .line1 i {position:absolute; top:0px; left:5px; font-size:23px; vertical-align:middle; color:#fff; text-align:center; line-height:35px; }

/*회사소개페이지*/
.register .box_wrap.order_sub {font-size:1.6rem;}

.company_info_bg {display:flex; align-items:end; height:20rem; background-image:url("../images/company_info_bg.png"); background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:9.5rem;}
.company_info .info_top {overflow:hidden; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; background:#fff; border-radius:2rem 2rem 0 0; padding:2rem 4rem;}
.company_info .info_top .company_name {overflow:hidden; float:left; display:flex; flex-wrap:wrap; align-items:center;}
.company_info .info_top .company_name li {float:left;}
.company_info .info_top .company_name li img {max-width:22rem;}
.company_info .info_top .company_name li:nth-child(1) {}
.company_info .info_top .company_name li:nth-child(2) {font-size:3rem; color:#222222; font-weight:500;}
.company_info .info_top .company_name li:nth-child(2)::before {content:""; display:inline-block; width:1px; height:2rem; background:#c5c5c5; margin:0 3rem; }
.company_info .info_top .share {overflow:hidden; float:right; display:flex; flex-wrap:wrap; align-items:center;}
.company_info .info_top .share li { float:left; font-size:14px; margin-left:1rem;}
.company_info .info_top .share li button {border:1px solid #d5d5d5; border-radius:30px; color:#666666; line-height:4rem; padding:0 1rem}
.company_info .info_top .share li button i {vertical-align:middle; color:#888; margin-right:1rem;}
.company_info .info_top .share li button i.axi-heart2 {color:#f42b43;}

.company_info .info_wrap {background:#eaf1f5; padding:3rem 4rem; ;}
.company_info .fix_info {overflow:hidden;}
.company_info .fix_info li {float:left; background:#fff; border-radius:2rem; padding:3rem 1rem; width:23.5%; margin-right:2%;}
.company_info .fix_info li:last-child {margin-right:0;}
.company_info .fix_info li p {text-align:center; color:#333;}
.company_info .fix_info li:nth-child(1) p:nth-child(2) {color:#268bd9;}
.company_info .fix_info li:nth-child(2) p:nth-child(2) {color:#333333;}
.company_info .fix_info li:nth-child(3) p:nth-child(2) {color:#1a9ca1;}
.company_info .fix_info li:nth-child(4) p:nth-child(2) span {color:#e8350b;}
.company_info .fix_info li p:nth-child(1) {font-size:1.8rem; color:#666666;}
.company_info .fix_info li p:nth-child(2) {font-size:2.4rem; font-weight:700; margin-top:1.5rem;}
.company_info .box {overflow:hidden; margin-top:3rem; display:flex; flex-wrap:wrap;}
.company_info .box>div {background:#fff;}
.company_info .box h2 {float:left; width:100%; color:#222222; font-size:2rem; font-weight:700; line-height:5.5rem; background:#c1cdd9; padding:0 4rem;}
.company_info .box .detail {float:left; overflow:hidden; width:50%; padding:2rem 4rem; min-height:32.8rem;}
.company_info .box .detail dl dt {float:left; color:#999999; font-size:1.6rem; min-width:12.5rem; margin:1rem 0;  min-height:16px;}
.company_info .box .detail dl dd {float:left; font-size:1.6rem; color:#555555; width:calc(100% - 12.5rem); margin:1rem 0; min-height:16px;}
.company_info .box .map {width:50%; background:#ddd}
.company_info .box .detail2 {float:left; width:100%; min-height:10rem; padding:2rem 4rem;}
.company_info .box .detail2 p {font-size:14px; line-height:18px;}


/*설문조사*/
.poll .no_poll {border:1px solid #dddddd; background:#fafafa; padding:4rem 2rem;}
.poll .no_poll p {text-align:center;}
.poll .no_poll p:nth-child(1) i {color:#cecece; font-size:8rem;}
.poll .no_poll p:nth-child(2) {font-size:1.8rem; color:#999999; margin-top:2rem;}

.poll .qa {padding:2rem; border:1px solid #dddddd; margin-bottom:2rem;}
.poll .qa .question {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; overflow:hidden; border:1px solid #eeeeee; background:#fafafa; padding:1.5rem; margin-bottom:1rem;}
.poll .qa .question dl {float:left; width:80%; overflow:hidden;}
.poll .qa .question dl dt {float:left; font-size:1.8rem; color:#fff; font-weight:500; background:#6336c7; border-radius:20px; width:3rem; height:3rem; text-align:center; margin-right:10px; line-height:2.4rem;}
.poll .qa .question dl dd {float:left; width:calc(100% - 3rem - 10px); font-size:1.8rem; color:#222222; font-weight:500;  line-height:3rem; }
.poll .qa .question span {float:right; width:20%; font-size:14px; color:#777777;text-align:right;}
.poll .qa .answer {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.poll .qa .answer ul:nth-child(1) {float:left; width:80%;}
.poll .qa .answer ul:nth-child(1) li {font-size:1.5rem; color:#555555; margin:1.5rem 0;}
.poll .qa .answer ul:nth-child(2) {float:left; width:20%;}
.poll .qa .answer ul:nth-child(2) li {text-align:right; margin:1rem 0; font-size:1.6rem;}
.poll .qa .answer ul:nth-child(2) li button {border-radius:5px;  font-size:2rem; padding:2rem; width:100%; }
.poll .qa .answer ul:nth-child(2) li.vote button {background:#6336c7; border:1px solid #6336c7; color:#fff;}
.poll .qa .answer ul:nth-child(2) li.result button {background:#fff;color:#333; border:1px solid #b5b5b5;}
.poll .qa .answer ul li {line-height:2rem;}
.poll .qa .answer ul li p {display:inline-block; background:#ededed; height:4px; width:20%; margin:0 2rem; vertical-align:middle;}
.poll .qa .answer ul li p span {display:block; width:85%; height:4px; background:#6336c7;}
.poll .qa .answer ul li  em {font-weight:700; color:#6336c7;}


/*브랜드 채용 홈*/
.brand_home .top_btn_area {}
.brand_home .top_btn_area::after {content:""; display:block; clear:both;}
.brand_home .top_btn_area ul:nth-child(1) {float:left;}
.brand_home .top_btn_area ul:nth-child(1) li button {color:#6336c7; border:1px solid #6336c7; border-radius:3px; line-height:4rem; font-size:1.5rem; padding:0 1.5rem;}
.brand_home .top_btn_area ul:nth-child(1) li button i {line-height:4rem; margin-left:.5rem;}
.brand_home .top_btn_area dl {float:right; position:relative;}
.brand_home .top_btn_area dl dt {float:left; padding:0 1rem; background:#6336c7; color:#fff; font-size:1.5rem; line-height:4rem; border-radius:3px 0 0 3px;}
.brand_home .top_btn_area dl dd {float:left; padding:0 1rem; background:#fff; border-radius:0 3px 3px 0; border:1px solid #d5d5d5; line-height:4rem; height:4rem;}
.brand_home .top_btn_area dl dd input::placeholder {color:#aaa}
.brand_home .top_btn_area dl dd.list {position:absolute; top:4rem; width:100%; float:inherit; height:auto; padding:.5rem 1rem; }
.brand_home .top_btn_area dl dd.list ul {width:100%;}
.brand_home .top_btn_area dl dd.list ul li {line-height:18px; }
.brand_home .top_btn_area dl dd.list ul li a {display:block; font-size:13px; color:#6336c7; padding:5px 0;}
.brand_home .top_btn_area dl dd.list ul li a:hover {text-decoration:underline !important;}
.brand_home .top_btn_area dl dd i {line-height:4rem; font-size:1.5rem;}
.brand_home .top_btn_area dl dd input {border:0; width:90%; height:3.6rem; padding:0; margin:0;}
.brand_home .brand_kind {overflow:hidden; display:flex; flex-wrap:wrap; padding:2.2rem 3rem; background:#f5f5f5; border:1px solid #ededed; margin-top:2rem;}
.brand_home .brand_kind h3 {float:left; width:100%; font-weight:500; font-size:2rem; color:#222222; margin-bottom:1rem;}
.brand_home .brand_kind dl {float:left; width:15.83%; margin-right:1%; margin-top:1%; border:1px solid #ededed; background:#fff;}
.brand_home .brand_kind dl:nth-of-type(6n) {margin-right:0;}
.brand_home .brand_kind dl a {display:block; height:100%;}
.brand_home .brand_kind dl dt {background-position:center center; background-repeat:no-repeat; padding:5px 5px 60% 5px; background-size:contain;}
.brand_home .brand_kind dl dd {font-size:1.5rem; color:#222222; padding:1rem .5rem; border-top:1px solid #ededed; text-align:center;}
.brand_home .brand_all_list {display:flex; flex-wrap:wrap; margin-left:1px;}
.brand_home .brand_all_list::after {content:""; display:block; clear:both;}
.brand_home .brand_all_list h2 {float:left; font-size:2.6rem; font-weight:500; text-align:center; color:#222222; width:100%; padding:2rem 1rem; border-top:1px solid #5b5b5b; border-bottom:1px solid #5b5b5b; margin:3rem 0 2rem 0;}
.brand_home .brand_all_list dl {float:left; width:25%; margin-left:-1px; margin-top:-1px; border:1px solid #d5d5d5;}
.brand_home .brand_all_list dl dt {background:#f5f6f9; font-size:1.8rem; color:#222222; font-weight:500; padding:1.5rem 3rem; border-bottom:1px solid #d5d5d5; }
.brand_home .brand_all_list dl dd {padding:1.3rem 3rem;}
.brand_home .brand_all_list dl dd ul {}
.brand_home .brand_all_list dl dd ul li {}
.brand_home .brand_all_list dl dd ul li a {display:block; font-size:14px; color:#555555; padding:.5em 0;}
.brand_home .brand_all_list dl dd ul li a:hover {text-decoration:underline !important;}

/*브랜드 서브*/
.brand_sub .top_btn_area {overflow:hidden;}
.brand_sub .top_btn_area ul.fl {float:left;}
.brand_sub .top_btn_area ul.fl li button {margin:3px 0; color:#6336c7; border:1px solid #6336c7; border-radius:3px; font-size:1.5rem; padding:0 1.5rem;}
.brand_sub .top_btn_area ul.fl li button i {line-height:4rem; margin-left:.5rem;}
.brand_sub .top_btn_area ul.fr {float:right;}
.brand_sub .top_btn_area ul.fr li select {width:180px;}
.brand_sub .top_btn_area ul.fr li button {border-radius:3px; background:#6336c7; color:#fff; font-size:1.5rem; line-height:4rem; padding:0 1rem; margin:3px;}
.brand_sub .brand_title {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:1rem; background-color:#6336c7; padding:2rem; background-image:url("../images/brand_pattern.png"); background-position:right center; background-repeat:no-repeat; }
.brand_sub .brand_title p.name {float:left}
.brand_sub .brand_title p.name a {display:block; color:#fff; font-weight:700; font-size:3.4rem; }
.brand_sub .brand_title p.logo {float:right; width:170px; height:65px; background-color:#fff; background-repeat:no-repeat; background-size:contain; padding:5px; background-position:center center;}
.brand_sub .brand_intro {margin-top:2rem; border:1px solid #d3d3d3; padding:2rem; margin-bottom:2rem;}


/*게시물 패스워드입력*/
.lock_pw {position:absolute; left:50%; top:35%; transform:translate(-50%,-35%); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#f9f9f9; border:1px solid #bbb; padding:3rem 1.5rem; z-index:1000;}
.lock_pw div {display:flex; justify-content:center;  width:100%; }
.lock_pw p {font-size:15px; margin-bottom:10px; width:100%; text-align:center;}
.lock_pw input {width:40%;}
.lock_pw div button {border:1px solid #6336c7; border-radius:3px; height:4rem; font-size:1.5rem; padding:0 10px; margin:3px; background:#fff; color:#6336c7;}
.lock_pw button  {border:1px solid #ccc; border-radius:3px; height:3rem; font-size:1.5rem; padding:0 10px; margin-top:15px;; background:#f1f1f1; color:#666;}


/*커뮤니티*/
.commu table.style3 th {border-top-color:#6336c7;}
.commu .board {margin-top:2rem;}
.commu .board .boardlist {width:49%; margin-right:2%;}
.commu .board .boardlist:nth-child(2n) {margin-right:0;}
.commu .board .boardlist:nth-child(3n) {margin-right:auto;}
.commu .best {border:1px solid #d6d6d6; overflow:hidden; border-top:2px solid #6336c7}
.commu .best h2 {width:100%; float:left; background:#fafafa; padding: 1.5rem 2rem; font-size:2.3rem; border-bottom:1px solid #d8d8d8;}
.commu .best h3 {font-size:2rem; font-weight:500; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed #d5d5d5;}
.commu .best a:hover {text-decoration:underline !important; color:#f25632 ;}
.commu .best a:hover p { color:#f25632 ;}
.commu .best .best1 {width:50%; float:left; padding:2rem; }
.commu .best .best1 p {font-size:14px; color:#666; line-height:20px;}
.commu .best .best_list {width:50%; float:left; padding:2rem; border-left:1px solid #d8d8d8;}
.commu .best .best_list ul li {font-size:1.5rem; color:#555; margin:10px 0;}
.commu .best .best_list ul li span {background-color:#6336c7; color:#fff; font-size:1.5rem; width:20px; height:20px; line-height:20px; text-align:center; margin-right:7px; display:inline-block; border-radius:50px;}

.commu .tab_menu {display:flex; flex-wrap:wrap; overflow:hidden; }
.commu .tab_menu li {float:left; border:1px solid #ddd; border-bottom:0; border-left:none; background:#f9f9f9; border-bottom:1px solid #ddd;}
.commu .tab_menu li:first-child {border-left:1px solid #ddd;}
.commu .tab_menu li a {display:block; font-size:1.5rem; padding:1.2rem 2.5rem; color:#666}
.commu .tab_menu li.on {font-weight:500; border:1px solid #6336c7;}
.commu .tab_menu li.on a {color:#fff; background:#6336c7;}
.commu .pc_no {display:none !important;}
.commu i {vertical-align:middle; margin-right:5px;}
.commu .text_list td.tal a {max-height:2rem; overflow:hidden; display:inline-block; }
.commu .webzine_list a {display:block; overflow:hidden;}
.commu .webzine_list p.img {float:left; width:11.2rem; height:7.7rem; margin-right:15px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .webzine_list p.img img {width:11.2rem; height:7.7rem; margin-right:15px}
.commut .webzine_list .text_area {float:left; width:calc(100% - 127px)}
.commu .webzine_list .text_area .li_tit {height:3.8rem; line-height:1.9rem; color:#333; font-weight:500; overflow:hidden;}
.commu .webzine_list .text_area .li_txt {color:#888; font-size:1.3rem; font-weight:400; height:1.6rem; line-height:1.8rem; overflow:hidden; margin-top:1.5rem;}
.commu .img_list {margin-top:1rem;}
.commu .img_list .img_list_no {background:#f4f4f4; border:1px solid #ddd; width:100%; font-size:15px; text-align:center; padding:4rem 2rem;}
.commu .img_list ul {overflow:hidden;}
.commu .img_list ul li {float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; padding:1rem; box-shadow:0 1px 2px rgb(0 0 0 / 20%); border:1px solid #e5e5e5; border-radius:5px;}
.commu .img_list ul li:nth-child(4n) {margin-right:0;} 
.commu .img_list ul li a {display:block;}
.commu .img_list p.img {width:100% !important; padding-bottom:60%;  background-image:url("../images/no_img2.png"); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .img_list dl {}
.commu .img_list dl dt {font-size:1.5rem; overflow:hidden; line-height:2rem; height:4rem; color:#333; margin-top:1rem;}
.commu .img_list dl dd {color:#888; font-size:1.4rem; overflow:hidden; line-height:1.7rem; height:1.9rem; margin-top:1rem;}
.commu.board_list .side_con {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:1rem; padding-bottom:.5rem;}
.commu.board_list .side_con h6 {margin:0; padding-bottom:2px; font-size:2.2rem; font-weight:500;}
.commu.board_list .side_con .fr select {width:10rem;}
.commu.board_list .side_con .fr input[type="text"] {width:55%;}
.commu.board_list .side_con .fr button {width:5.5rem; margin:3px; border-radius:3px; background:#6336c7; color:#fff; line-height:4rem; font-size:1.5rem;}
.commu.board_list table a {color:#555;}
.commu.board_list table a:hover {color:#6336c7}
.commu.board_list .wr_btn_con {overflow:hidden; width:100%; margin:1.5rem 0;}
.commu.board_list .wr_btn_con button {float:right; background:#e74c3c; color:#fff; padding:8px 15px; font-size:1.5rem; border-radius:3px;}
.commu.board_list .wr_btn_con button i {vertical-align:middle; margin-right:.5rem;}
.commu.view h2 {font-size:3.3rem; line-height:3.8rem; margin-top:2rem; overflow:hidden; margin-bottom:2.5rem;}
.commu.view .cmt_view_hd {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; overflow:hidden; font-size:1.5rem; color:#444; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #cdcdcd; }
.commu.view .cmt_view_info {float:left; display:flex; align-items:center; overflow:hidden; color:#3694ed; float:left; margin-top:5px;}
.commu.view .cmt_view_info li {float:left; font-size:1.5rem;}
.commu.view .cmt_view_info li.id {margin-right:1rem; border-right:1px solid #e5e5e5; padding-right:1rem;}
.commu.view .cmt_view_fnc {float:right; display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; float:left; margin-top:5px;}
.commu.view .cmt_view_fnc li {float:left;font-size:1.5rem; border-right:1px solid #e5e5e5; padding-right:10px; padding-left:10px;}
.commu.view .cmt_view_fnc li:first-child {padding-left:0;}
.commu.view .cmt_view_fnc li:last-child {border-right:0}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp {overflow:hidden;margin-top:0; }
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{float:left; margin-left:5px;}
.commu.view .cmt_view_con {font-size:1.5rem; line-height:2.4rem; color:#222; margin-bottom:1rem; padding-bottom:2rem; border-bottom:1px solid #cdcdcd;}
.commu.view .down_list {font-size:13px; margin-bottom:2rem;}
.commu.view .down_list li {padding:6px 0;}
.commu.view .down_list li a:hover {text-decoration:underline !important;}
.commu.view .cmt_view_bottom {overflow:hidden; margin-bottom:5rem; position:relative; width:100%;}
.commu.view .cmt_view_bottom ul {float:left; overflow:hidden;}
.commu.view .cmt_view_bottom ul li {float:left; border:1px solid #ccc; margin-right:1rem; border-radius:3px;  font-size:1.5rem; margin-top:1rem;}
.commu.view .cmt_view_bottom ul li a {display:block; height:3rem; line-height:3rem; padding:0 1rem;}
.commu.view .cmt_view_bottom .btn_gp2 {float:right;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn {background:#8c9bc8; border:1px solid #8c9bc8;}
.commu.view .cmt_view_bottom .btn_gp2 .good_btn {background:#5f7cd8; border:1px solid #5f7cd8; margin-right:0;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn a,
.commu.view .cmt_view_bottom .btn_gp2 .good_btn a {color:#fff;}
.commu.view .cmt_view_bottom i {vertical-align:middle; margin-right:5px;}
.commu.view .text_list td.tal a {color:#555;}
.commu.view .text_list td.tal a:hover {color:#6336c7;}
.commu.view .reply_con {margin-top:2rm; margin-bottom:3rem; position:relative;}
.commu.view .reply_con h3 {font-size:1.8rem; margin-bottom:1.5rem;}
.commu.view .reply_con h3 em {color:#f24443; margin-left:5px;}
.commu.view .reply_con_write {background:#fafafa; padding:1rem 1.5rem 1rem 1.5rem; border:1px solid #e1e1e1; width:100%;}
.commu.view .reply_con .input_area {overflow:hidden; margin-bottom:1.5rem;}
.commu.view .reply_con .input_area ul li {float:left; margin-right:1rem; color:#444;}
.commu.view .reply_con .input_area ul li label {margin-right:5px; font-size:1.4rem; vertical-align:middle;}
.commu.view .reply_con input {border:1px solid #e1e1e1; height:26px; line-height:26px; width:133px; padding:0 5px; vertical-align:middle;}
.commu.view .reply_con .input_area ul li span {color:#1a73e8; font-size:1.6rem; margin-left:1rem; vertical-align:middle;}
.commu.view .reply_con .text_area {width:100%; }
.commu.view .reply_con .text_area textarea {width:90%; padding:1rem;border:1px solid #e1e1e1; background:#fff; height:8rem;}
.commu.view .reply_con .text_area button {width:calc(10% - 5px); height:8rem; text-align:center; font-size:1.5rem; border:1px solid #ccc; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }
.commu.view .reply_list {margin-top:2rem;}
.commu.view .reply_list > li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1.5rem 1rem;}
.commu.view .reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .reply_list > li .top {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:13px;}
.commu.view .reply_list > li .top p {color:#158fe4; margin:5px 0}
.commu.view .reply_list > li .top p span {color:#888; font-size:12px; margin-left:5px;}
.commu.view .reply_list > li .top a {color:#666;}
.commu.view .reply_list > li .top ul {display:flex; margin:5px 0}
.commu.view .reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list > li .top ul li:last-child::after {display:none;}
.commu.view .reply_list > li > p {font-size:14px; color:#555; margin:1.5rem 0 2rem 0;}
.commu.view .reply_list > li .bottom {display:flex; justify-content:space-between;  font-size:13px; color:#666}
.commu.view .reply_list > li .bottom p button {color:#158fe4; font-size:12px;}
.commu.view .reply_list > li .bottom ul {display:flex;}
.commu.view .reply_list > li .bottom ul li {font-size:13px; margin-left:15px;}
.commu.view .reply_list > li .bottom ul li:first-child button {color:#e82626 }
.commu.view .reply_list > li .bottom ul li:last-child button {color:#7597dc}
.commu.view .reply_list .reply_con_write {margin:1rem 0 2rem 0;}
.commu.view .reply_list .re_reply_list {margin-top:2rem;}
.commu.view .reply_list .re_reply_list > li {background:#f9f9f9; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:1.5rem 1rem;}
.commu.view .reply_list .re_reply_list > li .top p::before {content:"└"; color:#ccc; margin-right:5px;}
.commu.view .reply_listt .re_reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list .re_reply_list > li > p {font-size:14px; color:#555; margin:2rem 0; padding:0 2rem;}
.commu.view .reply_list .re_reply_list > li .bottom {display:flex; justify-content:end;  font-size:13px; color:#666}
.commu.view .reply_list .re_reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .secret_co {position:absolute; right:0; top:0; font-size:13px;}
.commu.view .secret_co input {width:17px; height:17px; line-height:17px; padding:0;}


/*서브-검색영역*/
.sub_search .depth_btn {display:flex; flex-wrap:wrap; margin-left:1px;}
.sub_search .depth_btn::after {content:""; display:block; clear:both;}
.sub_search .depth_btn li {position:relative; width:20%; float:left; border:1px solid #ddd; margin-left:-1px;}
.sub_search .depth_btn li:nth-child(1) {order:1;}
.sub_search .depth_btn li:nth-child(2) {order:2;}
.sub_search .depth_btn li:nth-child(3) {order:3;}
.sub_search .depth_btn li:last-child {width:calc(40% + 4px); order:4;}
.sub_search .depth_btn li.on {border:1px solid #5a5a5a; z-index:2; border-bottom:#fff;}
.sub_search .depth_btn li.on::after {content:""; clear:both; display:block; width:100%; height:1px; background:#fff;}
.sub_search .depth_btn li.on button {color:#222; font-weight:700;}
.sub_search .depth_btn li.on button i {color:#222; font-weight:700;}
.sub_search .depth_btn li button {position:relative; width:100%; display:inline-block; font-size:1.6rem; color:#666666; letter-spacing:-1px; padding:2rem; text-align:left;}
.sub_search .depth_btn li button i {position:absolute; right:2rem; font-size:2rem; color:#666; }
.sub_search .depth_btn li .search_word {display:flex; align-items:center; overflow:hidden; padding:1rem 0 1rem 2rem;}
.sub_search .depth_btn li .search_word p {display:inline-block; color:#666666; font-size:1.6rem; margin-right:1rem;}
.sub_search .depth_btn li input[type="text"] {width:50%; background:#f8f8f8; border:1px solid #dddddd; height:3.6rem; margin:0; 
border-radius:0;}
.sub_search .depth_btn li .search_word button {width:10%; color:#fff; background:#777; padding:0; text-align:center; margin-left:1rem; height:3.6rem; border-radius:3px; font-size:14px;}

.sub_search .s_choice {position:relative; width:100%; border:1px solid #5a5a5a; margin-top:-1px; z-index:1;}
.sub_search .p1 {padding:1.5rem;}
.sub_search .p2 {padding:0rem;}
.sub_search .s_choice ul.choice1 {overflow:hidden; display:flex; flex-wrap:wrap;}
.sub_search .s_choice ul.choice1 li {overflow:hidden; float:left; width:10%; margin:0.5%; display:flex; align-items:center;}
.sub_search .s_choice ul.choice1 li button {width:100%; font-size:14px; border:1px solid #dddddd; color:#444; /*padding:1.2rem 0;*/ height:4rem; max-height:4rem; overflow:hidden;}
.sub_search .s_choice ul.choice1 li button span {color:#888888; font-size:13px;}
.sub_search .s_choice ul.choice1 li.on button {color:#fff; background:#6336c7; border-color:#6336c7; font-weight:500;}
.sub_search .s_choice ul.choice1 li.on button span {color:#fff;}

.sub_search .s_choice ul.choice2 {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;border:3px solid #dfe1e4; background:#f3f5f8; /*padding:1.5rem 1.5rem .5rem 1.5rem;*/ padding:1rem 2rem; margin:1rem 0.5%;}
.sub_search .s_choice ul.choice2 li {position:relative; width:13%; float:left;  margin:0.7rem 1.25% 0.7rem 0;   font-size:14px; color:#444; line-height:18px;}
.sub_search .s_choice ul.choice2 li input[type="checkbox"] {display:none;}
.sub_search .s_choice ul.choice2 li button {position:relative; z-index:1; text-align:left; }
.sub_search .s_choice ul.choice2 li button:hover {text-decoration:underline !important}
.sub_search .s_choice ul.choice2 li.on::before {content:""; display:block; position:absolute; padding:4px 0px; top:-5px; border-radius:50px; width:100%; height:100%; background:#fff; border:1px solid red; }
.sub_search .s_choice ul.choice2 li.on button {padding-left:10px; width:100%;}
/*.sub_search .s_choice ul.choice2 li.on button {border:1px solid #6336c7; background:#fff; border-radius:35px; padding:5px 12px 5px 12px; color:#6336c7;}*/
.sub_search .s_choice ul.choice2 li span {color:#888888; vertical-align:baseline; font-size:12px; margin-left:2px; font-weight:normal;}
.sub_search .s_choice ul.choice2 li input[type="radio"] + label.radiostyle1 {background:#fff; border:1px solid #ccc;}

.sub_search .s_choice ul.choice3 {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;  margin:0.5% 0.5%; background:#f8f8f8; border:1px solid #eeeeee;  padding:1rem 2rem; margin:1rem 0.5%;}
.sub_search .s_choice ul.choice3 li {position:relative; width:13%; float:left; margin:0.7rem 1.25% 0.7rem 0;  font-size:13px; color:#444;}
.sub_search .s_choice ul.choice3 li input[type="checkbox"] {display:none;}
.sub_search .s_choice ul.choice3 li button {position:relative; z-index:1; text-align:left; }
.sub_search .s_choice ul.choice3 li button:hover {text-decoration:underline !important}
.sub_search .s_choice ul.choice3 li.on::before {content:""; display:block; position:absolute; padding:4px 0px; top:-5px; border-radius:50px; width:100%; height:100%; background:#fff; border:1px solid #6336c7; }
.sub_search .s_choice ul.choice3 li.on button {padding-left:10px; width:100%}
/*.sub_search .s_choice ul.choice3 li.on button {border:1px solid #6336c7; background:#fff; border-radius:35px;padding:5px 12px 5px 15px; color:#6336c7;}*/
.sub_search .s_choice ul.choice3 li span {color:#888888; vertical-align:baseline; font-size:12px; margin-left:2px; font-weight:normal;}
.sub_search .s_choice ul.choice3 li input[type="checkbox"] + label.checkstyle1 {background:#fff; border:1px solid #ccc;}

.sub_search .select_table {width:100%;}
.sub_search .select_table th {padding:1rem 0 1rem 2rem ; font-size:1.6rem; color:#111; font-weight:500; text-align:left; vertical-align:middle; letter-spacing:-0.5px; background:#f6f7f9}
.sub_search .select_table td {overflow:hidden; padding:1rem 2rem; vertical-align:middle; font-size:1.6rem;}
.sub_search .select_table td select {width:20%; vertical-align:middle;}
.sub_search .select_table td input[type="text"] {width:20%; vertical-align:middle;}
.sub_search .select_table td p.label {display:inline-block; font-size:13px; color:#666666; margin-top:1rem; margin-left:0.5%; margin-right:1.5rem; vertical-align:middle;}
.sub_search .select_table tr {border-bottom:1px dashed #dbdbdb;}
.sub_search .select_table tr:last-child {border-bottom:0;}
.sub_search .select_table tr.select_wide select {width:45%;}
.sub_search .select_table td div.flex {display:flex; flex-wrap:wrap; column-gap:1%;}
.sub_search .select_table ul.li_float {overflow:hidden; margin-left:0.5%;}
.sub_search .select_table ul.li_float li {float:left; font-size:14px; margin:.7rem 2rem .7rem 0;}
.sub_search .select_table dl {float:left; width:22%; margin:0 0.5% 10px 0;}
.sub_search .select_table dl dt {background:#f3f5f8; border:1px solid #dfe1e4; font-size:14px; color:#555555; text-align:center; padding:1rem; font-weight:500;}
.sub_search .select_table dl dd {font-size:13px; color:#666666; margin:1rem;}
.sub_search .select_table dl .no_over {overflow-y:scroll; max-height:120px;}
.sub_search .select_table dl .no_over::-webkit-scrollbar {width:3px;}
.sub_search .select_table dl .no_over::-webkit-scrollbar-thumb {background-color:#ddd;}
.sub_search .select_table dl .no_over::-webkit-scrollbar-track {background-color:#f2f2f2}

.sub_search .btn_area{width:100%; background:#fcfcfc; border:1px solid #dddddd; padding:10px 2rem; border-top:0;}
.sub_search .btn_area ul.btn {overflow:hidden; margin:0 auto; display:table;}
.sub_search .btn_area ul.btn li {float:left;}
.sub_search .btn_area ul.btn li button {font-size:1.5rem; color:#fff; font-weight:500; width:13.5rem; height:4rem; margin:0 5px;}
.sub_search .btn_area ul.btn li:first-child button {background:#7e8598}
.sub_search .btn_area ul.btn li:last-child button {background:#6336c7}
.sub_search .btn_area ul.selection {overflow:hidden; border-bottom:1px dashed #d3d3d3; margin-bottom:1rem; padding-bottom:1rem;}
.sub_search .btn_area ul.selection li {float:left; color:#666666; font-size:14px; letter-spacing:-0.5px; margin:1rem 2rem 1rem 0;}
.sub_search .btn_area ul.selection li button {margin-left:5px; background:#394659; color:#fff;}
.sub_search .btn_area ul.selection li:last-child button {background:#394659;}

/*인재정보 홈*/
.sub .main_con_wrap2 h1 {margin-bottom:0; display:block; margin-top:0;}
.sub.jobtable {margin-top:5rem;}


/*레이어팝업*/
.popup_layer.help  { top: 35%; margin-top: -150px; }
.popup_layer.help>div h2 {font-size:1.5rem; color:#444444; background:#f6f7f9; padding:1.5rem 1rem;}
.popup_layer.help>div ul {overflow:hidden; margin:1rem 0 2rem 0; display:flex;}
.popup_layer.help>div ul li {float:left; margin-right:20px;}
.popup_layer.help>div ul li img {width:100%;}

.popup_layer.welfare {top: 35%; margin-top: -150px; }
.popup_layer.welfare>div {display:flex; flex-wrap:wrap; height:400px;overflow:hidden;overflow-y:scroll; border:1px solid #c9c9c9;}
.popup_layer.welfare>div dl {float:left; border:1px solid #c9c9c9; width:33.3%; margin-left:-1px; margin-top:-1px;}
.popup_layer.welfare>div dl dt {background:#f3f5f8; font-size:14px; color:#444444; font-weight:500; text-align:center; height:35px; line-height:35px;}
.popup_layer.welfare>div dl dd {padding:0 1rem;}
.popup_layer.welfare>div dl dd ul li {margin:10px 0; font-size:13px; color:#666666;}

.popup_layer.rank {top: 35%; margin-top: -150px; }
.popup_layer.rank>div {display:flex; flex-wrap:wrap; height:300px;overflow:hidden;overflow-y:scroll; border:1px solid #c9c9c9;}
.popup_layer.rank>div dl {float:left; border:1px solid #c9c9c9; width:50%; margin-left:-1px; margin-top:-1px;}
.popup_layer.rank>div dl dt {background:#f3f5f8; font-size:14px; color:#444444; font-weight:500; text-align:center; height:35px; line-height:35px;}
.popup_layer.rank>div dl dd {padding:0 1rem;}
.popup_layer.rank>div dl dd ul li {margin:10px 0; font-size:13px; color:#666666;}

/*.popup_layer.custom {top:35%; margin-top:-150px;}*/
.popup_layer.custom select {width:31%;}
.popup_layer.custom input[type="text"] {width:30%; vertical-align:middle;}
.popup_layer.custom table th {width:25%;}

.popup_layer.job_offer  {top:28%;}
.popup_layer.job_offer .scroll {height:350px; overflow-y:scroll;}
.popup_layer.job_offer .scroll::-webkit-scrollbar {height:3px; width:3px;}
.popup_layer.job_offer .scroll::-webkit-scrollbar-thumb {background-color:#ccc;}
.popup_layer.job_offer .scroll::-webkit-scrollbar-track {background-color:#f2f2f2}

.popup_layer.limit  {top:35%;}
.popup_layer.limit .scroll {height:350px; overflow-y:scroll;}
.popup_layer.limit .scroll::-webkit-scrollbar {height:3px; width:3px;}
.popup_layer.limit .scroll::-webkit-scrollbar-thumb {background-color:#ccc;}
.popup_layer.limit .scroll::-webkit-scrollbar-track {background-color:#f2f2f2}

.popup_layer.mail textarea {width:100%; font-family:'Noto Sans KR'}

.popup_layer.manager {top:35%; margin-top:-150px;}
.popup_layer.manager input[type="text"] {width:40%;}
.popup_layer.manager td.size1 input[type="text"] {width:25%}

.popup_layer.product .h6wrap {border-bottom:1px solid #aaa; padding-bottom:1rem;}
.popup_layer.product { top: 35%; width:95%; }
.popup_layer.product .scroll {text-align:center;}
.popup_layer.product .scroll img {width:100%}
.popup_layer.product.hurry {top:50%; height:auto;}
.popup_layer.product.hurry .scroll {height:auto;}
.popup_layer.product.service img {width:auto;}
.popup_layer.product.service table {width:100%; text-align:left;}
.popup_layer.product.service {top:50%; height:auto;}
.popup_layer.product.service .scroll {height:200px;}
.popup_layer.product.service .scroll.min-height {height:100px;}

.popup_layer.help  { top: 35%; margin-top: -150px; }
.popup_layer.help>div h2 {font-size:1.5rem; color:#444444; background:#f6f7f9; padding:1.5rem 1rem;}

.popup_layer.support  { top: 28%; margin-top: -150px; }
.popup_layer.support h2 {font-size:1.8rem; color:#444444; position:relative;padding:15px 0 15px 14px; font-weight:500; margin-top:1.5rem;}
.popup_layer.support h2:nth-of-type(1) { border-top:1px solid #ddd; margin-top:0;}
.popup_layer.support h2::before {position:absolute; left:0; top:22px; content:""; display:inline-block; width:5px; height:5px; background:#333;}
.popup_layer.support ul.li_float {overflow:hidden; border:1px solid #ddd; padding:1rem;;}
.popup_layer.support ul.li_float li {float:left; margin-right:20px; font-size:14px;}
.popup_layer.support ul.li_float li img {width:100%;}




/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1600px 이하@@@@@@@@@@****************************/
@media all and (max-width:1600px) {
.slide_banner {display:none;}
}
/****************************@@@@@@@@@@ 1260px 이하@@@@@@@@@@****************************/
@media all and (max-width:1260px) {
/*메인*/
html {font-size:59.5%}
header {width:100%; padding-left:2rem; padding-right:2rem;}
.slide_banner {display:none;}
.header_wrap { }
.nav_wrap.skin1 nav {width:100%}
.nav_wrap.skin2 nav {width:100%}
.nav_wrap .nav_div .menuwrap {width:100%}
.top_con_wrap { padding-left:2rem; padding-right:2rem;}
.top_con_wrap .top1 {width:100%}
.top_con_wrap .top2 {width:100%}
.top_con_wrap .top2 .tema h3 button:nth-child(2) {margin-left:-4px;}
.main_con_wrap { padding-left:2rem; padding-right:2rem;}
.main_con_wrap {width:100%;}
.main_con_wrap2 { padding-left:2rem; padding-right:2rem;}
.main_con_wrap2  {width:100%;}
.main_con_wrap3  {width:100%;}
.top_con_wrap .top1 .main_login.logout .login_choice {padding:1rem 0}
.top_con_wrap .top1 .main_login.logout .assistant_box>ul {width:100%;}
.top_con_wrap .top1 .main_login.logout .assistant_box .sns_login {display:flex; justify-content:end; margin-top:15px;}
header .top_area .logo {width:33%}
header .top_area .main_search {34%}
header .top_area .regist_btn {width:33%}
header .main_search form {width:65%}
header .regist_btn li:nth-child(2) {margin-left:1.5rem;}
footer .b_wrap .main_con_wrap2 {padding-left:2rem; padding-right:2rem;}


/*서브*/
.wrap1260 {width:100%;}
section.sub { margin:0rem 2rem;}

/*서브 채용*/
.e_skincommon {width:100%;}
.regist_common .com_table th {padding:1rem 1rem 1rem 1rem;}
.employ_detail .job_menu {top:57px;}

/*기업,개인서비스홈*/
.my_common .my_situbox .service p {font-size:1.5rem;}
.my_common .left_menu {margin-left:2rem;}

/*서브-검색영역*/
.sub_search .s_choice ul.choice1 li {width:15.5%;}
.sub_search .s_choice ul.choice2 li  {width:15.3%;}
.sub_search .s_choice ul.choice3 li  {width:15.3%}

/*통합검색*/
.search_mian section.sub.jobtable {margin:3rem 0 0 0;}
.search_mian .jobtable .side_con .select_area {width:auto;}

/*채용공고.이력서 등록*/
.employ_detail .job_tab1 img {width:100% !important; height:auto !important;}

/*커뮤니티*/
.commu.view .cmt_view_con img {width:100% !important; height:auto !important;}

}



/****************************@@@@@@@@@@ 1023px 이하@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*공통*/
html {font-size:59.5%;}
button.base {font-size:1.8rem; width:45%; /*height:55px;*/ line-height:55px; }
/*헤더*/
.header_wrap {position:sticky; position: -webkit-sticky; top:0; z-index:9999;}
header {width:100%; padding-left:1rem; padding-right:1rem; padding-bottom:1.5rem; border-bottom:2px solid #6336c7; }
header ul.util {display:none;}
header ul.util li.search {display:block;}
header .top_area .logo {width:30%}
header .top_area .logo img {width:auto; height:50px;}
header .top_area .main_search {display:none;}
header .top_area .regist_btn {width:70%}
header .regist_btn li:nth-child(2) {margin-left:2rem;}
header .regist_btn li.m_menubtn {display:block;}
header .regist_btn li.m_menubtn2 {display:block;}
#head_top {display:none;}
footer .b_menu ul li {line-height:4rem;}

/*메인탑콘텐츠*/
.top_con_wrap { padding-left:1rem; padding-right:1rem;}
.top_con_wrap .top1 .main_visual {width:100%; height:auto;}
.top_con_wrap .top1 .main_quick {width:100%; height:auto;}
.top_con_wrap .top1 .main_quick ul li {width:16.6%; height:74px; border-top:0; border-left:0; border-bottom:0; border-right:1px solid #dfdfdf}
.top_con_wrap .top1 .main_quick ul li:last-child {border-right:0;}
.top_con_wrap .top1 .main_quick ul li a {padding:10px 0}
.top_con_wrap .top1 .main_login {display:none;}
.top_con_wrap .top1 .main_login.login_form {display:none !important;}
.top_con_wrap .top2 .tab_notice {width:100%}
.top_con_wrap .top2 .location {width:49%;}
.top_con_wrap .top2 .tema {width:49%;}
.top_con_wrap .top2 .tab_notice .employ_notice ul li a div {min-height:auto;}
.top_con_wrap .top2 .tab_notice .brand_notice ul li a div {min-height:auto;}
.top_con_wrap .top2 .tab_notice .tabcontent {height:auto;}
.top_con_wrap .top2 .tab_notice {height:auto;}


/*채용공고*/
section.sub .main_con_wrap {padding:0;}
.main_con_wrap { padding-left:1rem; padding-right:1rem;}
.main_con_wrap .pla_pri ul li.common {width:48%; margin-right:0; height:auto; margin-bottom:4%; }
.main_con_wrap .pla_pri ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_con_wrap .pla_pri ul li.common.bg_ver .textarea {padding-bottom:2rem;}
.main_con_wrap .pla_pri ul li.common.noproduct {padding:2rem 0;}
.main_con_wrap .pla_pri ul li.common.text_ver .toparea p {font-size:3.4rem; line-height:4rem; }
.main_con_wrap .pla_pri ul li.common.text_ver .toparea {padding:1.5rem 2rem;}
.main_con_wrap .grbn ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_con_wrap .grbn ul.num3 li,
.main_con_wrap .grbn ul.num4 li,
.main_con_wrap .grbn ul.num5 li {height:auto;}
.main_con_wrap .grbn ul li.common {width:48%; background-size:contain; margin-bottom:4%; margin-right:4%;}
.main_con_wrap .grbn ul li.common:nth-child(2n) {margin-right:0;}
.main_con_wrap .grbn ul li.common .leftarea {width:100%; height:auto; padding-bottom:37%; background-size:contain; background-position:top center; background-repeat:no-repeat;}
.main_con_wrap .grbn ul li.common a {/*display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between*/}
.main_con_wrap .grbn ul li.common .textarea {width:100%; height:auto; padding:1rem 2rem;}
.main_con_wrap .grbn ul li.bg_ver {background-size:cover !important; background-position:center center  !important; background:none !important;}
.main_con_wrap .grbn ul li.bg_ver .textarea {background:#fff;}
.main_con_wrap .grbn ul li.bg_ver::before {display:none;}
.main_con_wrap .grbn ul li.bg_ver .leftarea {display:none;}
.main_con_wrap .grbn ul li.bg_ver .grd_bg::after {display:none;}
.main_con_wrap .grbn ul li.logo_ver .grd_bg {display:none;}
.main_con_wrap .grbn ul li.text_ver .grd_bg {display:none;}
.main_con_wrap .grbn ul li.logo_ver a {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
.main_con_wrap .grbn .grd_bg {display:block; width:100%; padding-bottom:45%; background-size:cover; background-repeat:no-repeat; background-position:center center; position:initial; float:initial; width:100%; height:auto; }
.main_con_wrap .grbn ul li.noproduct a {padding:2rem 0; justify-content:center;}
.main_con_wrap .banner_list ul li.common {width:50%;}
.main_con_wrap .list_list ul li.common {width:50%;}
.main_con_wrap .lately .th_title {display:none;}
.main_con_wrap .lately .td_con {display:flex; flex-wrap:wrap;  }
.main_con_wrap .lately .td_con a {display:block;width:100%;height:auto; line-height:inherit;border:1px solid #d6d6d6; position:relative; margin-top:-1px; padding:1rem;}
.main_con_wrap .lately .td_con a {display:flex; align-items:center;}
.main_con_wrap .lately .td_con a>div.area0 {width:20px;}
.main_con_wrap .lately .td_con a>div.area1 {display:flex; flex-wrap:wrap; margin-left:10px;}
.main_con_wrap .lately .td_con a>div.area2,
.main_con_wrap .lately .td_con a>div.area3 {display:flex; flex-direction:column; }
.main_con_wrap .lately .td_con a>div.area1 p.lately1,
.main_con_wrap .lately .td_con a>div.area1 p.lately2 {width:50%; text-align:left;margin:5px 0;}
.main_con_wrap .lately .td_con a>div.area1 p.lately3 {width:100%;margin:5px 0; color:#333;}
.main_con_wrap .lately .td_con a>div.area2 p {width:100%; margin:5px 0;}
.main_con_wrap .lately .td_con a>div.area3 p {width:100%;margin:5px 0;}
.main_con_wrap .list_list ul li a {flex-wrap:wrap;}
.main_con_wrap .list_list ul li h2 {width:100%; font-size:14px; margin-bottom:8px;}
.main_con_wrap .list_list ul li .textarea {width:90%;}
.main_con_wrap .list_list ul li a button {margin-left:5%; position:absolute; right:15px;}
.main_con_wrap .list_list ul li.common {height:auto;}
.main_con_wrap .list_list ul {display:flex; flex-wrap:wrap;}



/*인재공고*/
section.sub .main_con_wrap2 {padding:0;}
.main_con_wrap3  {width:100%;}
.main_con_wrap2 { padding-left:1rem; padding-right:1rem;}
.main_con_wrap2  {width:100%;}
.main_con_wrap2 .injae_wrap ul {justify-content:space-between;}
.main_con_wrap2 .injae_wrap ul li {width:49%; margin-right:0; margin-bottom:3%; margin-top:0; }
.main_con_wrap2 .lately_injae ul li {padding:1rem 0;}
.main_con_wrap2 .lately_injae ul li a {display:flex; align-items:center;}
.main_con_wrap2 .lately_injae ul li a div {height:auto; margin:0 1rem;}
.main_con_wrap2 .lately_injae ul li a p {line-height:inherit; margin:5px 0;}
.main_con_wrap2 .lately_injae ul li a div.lately1 {display:flex; flex-wrap:wrap; align-items:center; width:50%}
.main_con_wrap2 .lately_injae ul li a p.myinfo {order:1; width:calc(100% - 25px); text-align:left;}
.main_con_wrap2 .lately_injae ul li a p.scrap {order:0; margin-right:5px; width:20px; text-align:left;}
.main_con_wrap2 .lately_injae ul li a p.title {width:100%; order:3}
.main_con_wrap2 .lately_injae ul li a div.lately2,
.main_con_wrap2 .lately_injae ul li a div.lately3 {display:flex;  flex-direction:column; width:25%;}
.main_con_wrap2 .lately_injae ul li a div.lately2 p,
.main_con_wrap2 .lately_injae ul li a div.lately3 p {width:100%}
.main_con_wrap2 .lately_injae ul li a p.career span {display:block;}
.main_con_wrap2 .lately_injae ul li a p.salary span {display:inline-block;}
.main_con_wrap2 .focus_wrap ul li::after {background-size:65%}

/*게시판*/
.board {justify-content:space-between;}
.board .boardlist {width:49%; margin-right:0; margin-bottom:2%;}

/*하단 정보 박스*/
.main_con_wrap .necessary {flex-wrap:wrap; border-top:none; border:none;  padding:0; border-top:0 !important;}
.main_con_wrap .necessary .common {width:100%; border:1px solid #d6d6d6; padding:2rem; border-top:2px solid #6336c7; margin-bottom:2rem;}

/*하단바텀*/
footer .b_menu {height:auto; overflow:hidden;}
footer .b_wrap .main_con_wrap2 {padding-left:2rem; padding-right:2rem;}
footer .b_menu ul {}
footer .b_menu ul li a {font-size:13px; padding:0 1rem;}
footer .b_menu ul li:first-child a {padding-left:1rem;}
footer .b_wrap .main_con_wrap2 {flex-wrap:wrap;}
footer .b_wrap p:nth-child(1) img {width:50%; max-width:200px; margin-bottom:2rem;}
footer .b_wrap .main_con_wrap2>div>p:nth-of-type(1) {width:100%;}
footer .b_wrap .main_con_wrap2 .left_b {width:100%;}
footer .b_wrap .main_con_wrap2 .right_b {width:100%; margin-top:15px;}


/*서브-로그인*/
.login_sub .loginbox {width:100%;}
.login_sub .centerwrap {width:100%; padding:4rem 3rem;}
.login_sub .loginbanner {width:100%; margin-top:5rem;}

/*서브-로그인 회원선택*/
.login_sub .help_txt  {text-align:left;}
.login_sub .help_txt br {display:block;}

/*서브-아이디비밀번호찾기*/
.find_idpw .loginbox {width:100%;}
.find_idpw .centerwrap {width:100%; padding:5rem 4rem;}
.find_idpw .input_wrap {width:100%;}

/*휴면계정*/
.login_sub .sleep .next_btn button:first-child {width:30%;}
.login_sub .sleep .next_btn button:last-child {width:50%;}

/*회원가입*/
.agreement .agree {padding:0 1rem;}
.agreement .agree div {padding:2rem}
.agreement .box_wrap>div {padding:3rem 3rem;}
.register .terms .terms_box2>div {width:100%;}
.register .terms .terms_box2>div:first-child { border-right:none; border-bottom:1px solid #eaeaea}
.register td.size1 input[type="text"] {width:20%;}
.register table.style1 th {padding:0 1.5rem}
.register select {width:50%;}
.register table th {width:35%;}


/*서브-채용공고상세정보*/
.employ_detail .detail_top p.s_title {display:none;}
.employ_detail .job_d1 {width:100%; }
.employ_detail .job_d1 .con1 dl dt {width:40%;}
.employ_detail .job_d1 .con1 dl dd {width:60%;}
.employ_detail .job_d2 {width:100%; border-left:1px solid #d5d5d5; border-top:0;}
.employ_detail .job_d2 .logo_area {max-height:inherit;}
.detail_common .btnbox li {max-width:inherit; width:100%; margin:5px 0;}
.employ_detail .job_tab3 table.style2 {width:100%;}
.employ_detail .job_tab3>div {width:100%;border-top:0;}
.employ_detail .job_tab3>div>div {overflow:hidden; width:100%;}
.employ_detail .job_tab3>div .logo_area {display:none;}
.employ_detail .job_tab3>div dl {float:left; width:33.3%; border-right:0; border-top:0}
.employ_detail .job_tab3>div dl:last-child {border-right:0; border-bottom:0; border-left-color:#d5d5d5}
.detail_common .btnbox li a {padding:1.5rem 1rem;}
.employ_detail .job_menu {top:124px;}

/*서브-이력서상세정보*/
.resume_detail .detail_top p.s_title {display:none;}
.resume_detail .resume_d1 {width:100%; }
.resume_detail .resume_d2 {width:100%; border-left:1px solid #d5d5d5; border-top:0;}
.resume_detail .resume_d1 .ij_info dl:nth-of-type(1),
.resume_detail .resume_d1 .ij_info dl:nth-of-type(2) {width:100%;}


/*서브-이력서등록*/
.regist_common .left_info {float:right; width:100%; margin-right:0;}
.regist_common .right_info {position:initial; float:left; width:100%;}
.regist_common .right_info>p {margin-top:20px;}
.regist_common .right_info .info_box dt {max-width:80px;}
.regist_common .right_info .info_box dd {width:calc(100% - 80px)}
.regist_common .com_table th {width:20%;}
.regist_common .com_table td {width:80%; padding:2rem 0 2rem 1.5rem;}
.regist_common .title select {width:100%; margin-top:20px;}
.regist_common .com_table select {width:26%;}
.regist_common .com_table dl dt {width:20%;}
.regist_common .com_table dl dd {width:80%;}
.regist_common .com_table input[type="text"] {width:40%}


.resume_regist .career_list dl:nth-child(3) select {width:15%;}
.resume_regist tr.c_edu select {width:15%}
.resume_regist .choice .preferential select {/*width:15%;*/}
.resume_regist .setting dl {width:100%;}
.resume_regist .setting dl:nth-child(2) {padding-top:2rem;}
.resume_regist .choice .license input[type="text"] {width:40%;}
.regist_common .com_table select {width:40%;}
.regist_common .right_info .info_box ul li:last-child {display:none;}



/*서브-채용등록*/
.regist_common .side_con select {width:100%; margin-top:10px;}
.employ_regist .manager .num input[type="text"],
.employ_regist .manager .num select {width:20%;}
.employ_regist .right_info select {margin-top:20px;}

/*비밀번호변경*/
.my_sub .subcon_area .password_form table.style1 th {width:40%;}
.my_sub .subcon_area .password_form table.style1 td input[type="text"] {width:100%}

/*개인/기업서비스홈*/
/*.my_bgwrap { margin-bottom:3rem;}*/
.my_common .my_infobox {width:100%; margin-right:0;}
.my_common .my_situbox {width:100%; margin-top:1rem;}
.my_common .my_situbox .service p {width:49%; margin-right:2%; margin-top:0;}
.my_common .my_situbox .service p:last-child {margin-right:0;}
.my_common .my_situbox .service p em {display:none;}
.my_common .my_situbox .service p button {width:100%;}

.my_sub .brand_entire .infobox>div {width:100%; border-left:0;}
.my_sub .brand_entire .infobox>div:first-child {border-bottom:1px solid #ddd}
.my_sub .current.tab_style1 ul.tab li {width:35%;}
.my_sub .brand_entire.tab_style1 ul.tab {margin-top:5.5rem;}
.my_sub .brand_entire.tab_style1 ul.tab li {width:33.3%;}
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(4) {border-left:1px solid #ddd; border-top:0}
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(5) {border-top:0;}
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(4),
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(5) {width:50%;}
.my_sub .brand_entire.tab_style1 .tabcon .more {top:-15rem;}

/*개인서비스 서브*/
.my_sub .subcon_area .current2 .tab li {width:35%;}
.my_sub .subcon_area .open .tab li {width:50%;}
.my_sub .subcon_area .open .tabcon div.select_area {top:-11rem;}
.my_sub .subcon_area .open .tab {margin-top:7rem;}
.my_sub .subcon_area .concern .tab li {width:50%;}
.my_sub .subcon_area .tax table.style1 th {width:32%}

/*기업서비스 서브*/
.my_sub .subcon_area .sub_serach>div {width:100%; }
.my_sub .subcon_area .sub_serach .search_style button {width:40px}
.my_sub .subcon_area .my_brandinfo .con_box>div {width:100%;}
.my_sub .subcon_area .my_brandinfo .con_box .brand_infocon {border-right:1px solid #d5d5d5; border-bottom:none;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box p {padding-bottom:65%;}
.my_sub .subcon_area .brand_entire .sub_serach .search_style button i {left:1.3rem;}
.my_sub .subcon_area .brand_entire.tab_style1 ul.tab {margin-top:0;}


/*브랜드 상품*/
.brand_product table.fl {width:100%;}
.brand_product table.fr {width:100%;}
.brand_product table.fr th {border-top:0;}
.service table.fr th:first-child,
.service table.fr td:first-child {border-left:1px solid #d5d5d5;}
.service table td.price {min-width:115px;}
.service .payment {padding:2rem;}
.service .payment .payment_box {padding:1.5rem;}

/*서비스상품 메인*/
.service .service_quick {top:125px;}
.service .indi_product table.fl {display:none;}
.service .indi_product table.fr {width:100%;}
.service table td h5 button {display:inline-block;}
.service table .ij_preview {display:none;}
.service table .m_none {display:none;}
.popup_layer.product.service table .ij_preview {display:block;}
.service .resume_open table tr th:nth-child(1) {width:auto;}
.service .resume_open table tr th:nth-child(2) {width:17%;}
.service .resume_open table tr th:nth-child(3) {width:15%;}
.service_main .top_tab li {width:50%; text-align:center;}
.service_main .service_info p {font-size:13px;}
.service_main .service_info .service_way dl dt,
.service_main .service_info .service_way dl dd {font-size:13px;}

/*서비스결제완료*/
.register .join_message {padding:2rem 2rem;}
.register .join_message p:nth-child(1) {font-size:3rem; width:5rem; height:5rem;}
.register .join_message p:nth-child(2) {font-size:2rem; margin-top:1.5rem;}
.register .join_message p:nth-child(1) i {line-height:5rem;}

/*기업정보소개*/
.company_info .info_top {padding:1rem;}
.company_info .info_top .share {margin:0 auto; margin-top:2rem;}
.company_info .info_top .company_name {width:100%;}
.company_info .info_top .company_name li:nth-child(1) {width:100%; text-align:center;}
.company_info .info_top .company_name li:nth-child(2) {width:100%; text-align:center; font-size:2rem;}
.company_info .info_top .company_name li:nth-child(2)::before {display:none;}
.company_info .info_wrap {padding:2rem 2rem;}
.company_info .fix_info li {width:49%; margin-right:2%; padding:2rem 1rem;}
.company_info .fix_info li:nth-child(-n+2) {margin-bottom:2%;}
.company_info .fix_info li:nth-child(2n) {margin-right:0;}
.company_info .box .detail {width:100%; padding:2rem;}
.company_info .box .detail2 {padding:2rem;}
.company_info .box .map {width:100%;}
.company_info .box h2 {padding:0 2rem;}

/*설문조사*/
.poll .qa .question span {width:100%; margin-top:5px;}
.poll .qa .question dl {width:100%;}
.poll .qa .answer ul:nth-child(1) {width:100%;}
.poll .qa .answer ul:nth-child(2) {width:100%;display:flex; }
.poll .qa .answer ul:nth-child(2) li {float:left; width:100%;}
.poll .qa .answer ul:nth-child(2) li:first-child {margin-right:2%;}

/*브랜드페이지 홈*/
.brand_home .brand_kind dl {width:32%; margin-right:2%; margin-top:2%;}
.brand_home .brand_kind dl:nth-of-type(3n) {margin-right:0;}
.brand_home .brand_all_list dl {width:33.3%}
.brand_home .brand_all_list dl dt {padding:1.5rem;}
.brand_home .brand_all_list dl dd {padding:1.3rem 1.5rem;}

/*브랜드페이지 서브*/
.brand_sub .brand_title p.logo {display:none;}

/*커뮤니티*/
.commu.board_list .side_con .fl {margin-bottom:1rem;}
.commu .tab_menu li {width:20%;}
.commu.view h2 {font-size:3rem; line-height:3.5rem;}

/*서브-검색영역*/
.sub_search .depth_btn li {width:calc(33.3% + 1px); border-bottom:1px solid #ddd;}
.sub_search .depth_btn li:last-child {width:100%; border-left:0; border-bottom:0;}
.sub_search .depth_btn li .search_word button {width:15%;}
.sub_search .depth_btn li:last-child {order:0; border-left:1px solid #ddd;}

.sub_search .s_choice ul.choice1 li {width:19%;}
.sub_search .s_choice ul.choice2 li  {width:23.5%;}
.sub_search .s_choice ul.choice3 li  {width:23.5%}

.sub_search .select_table th {padding:1rem; min-width:7.7rem;}

/*기타페이지*/
.register .box_wrap.order_sub img {width:100%; height:auto;}



/*지도검색*/
section.map .map_wrap {display:flex; flex-wrap:wrap;}
section.map .map_area0 {width:100%; margin-right:0%; padding-bottom:10px; max-height:auto; /*overflow:auto; */ padding-right:0;}
section.map .map_list {display:flex; flex-wrap:wrap; }
section.map .map_list::-webkit-scrollbar {height:2px;}
section.map .map_list li {width:100%;margin-top:0px; margin-right:2%; /*max-width:300px;*/}
section.map .map_list li:first-child {margin-top:0;}
section.map .map_list li a {display:block;  padding:1.5rem; border:1px solid #ddd; border-radius:7px; box-shadow:3px 5px 10px rgb(96 96 96 / 10%); }
section.map .map_list li a:hover {border-color:#6336c7; transition:all .15s ease-in-out}
section.map .map_list li a:hover .order1 .area i {color:#6336c7; transition:all .15s ease-in-out}
section.map .map_list li .order1 {display:flex; align-items:center; overflow:hidden; margin-bottom:15px;}
section.map .map_list li .order1 .logo {float:left; width:37%; margin-right:3%; padding-bottom:20%; background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px; border:1px solid #ddd;}
section.map .map_list li .order1 .txt {font-size:1.6rem;}
section.map .map_list li .order1 .right_box {float:left; width:60%; font-size:1.5rem; color:#444;}
section.map .map_list li .order1 .km  {display:inline-block; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #ddd; border-radius:30px; padding:3px 8px;}
section.map .map_list li .order1 .km span {margin-right:5px; }
section.map .map_list li .order1 .area {margin-bottom:10px; line-height:1.9rem;}
section.map .map_list li .order1 .area i {color:#bbb; line-height:1.9rem;}
section.map .map_list li .order2 .corporation {font-size:1.5rem; font-weight:500; color:#222; margin-bottom:7px; font-weight:700;}
section.map .map_list li .order2 .tit {font-size:1.7rem; color:#222; line-height:2rem;}
section.map .map_list li .order2 .pay {font-size:14px; color:#555; margin-top:10px;}
section.map .map_list li .order2 .pay span {margin-right:5px; font-size:13px;}

section.map .map_list .map-list- {display:flex; padding:0 0 10px 0}
section.map .map_list .map-list- li {min-width:250px;}
section.map .map_list .map-list-paging- {width:100%;}
section.map .paging ul {margin-top:1.5rem;}

section.map .map_area {width:100%; height:100%; min-height:400px; margin-top:10px;}
section.map .map_area .map_search {position:absolute; left:20px; top:20px;  border:1px solid #d5d5d5; height:3.7rem; border-radius:50px; background:#fff;}
section.map .map_area .map_search label {width:85%;}
section.map .map_area .map_search label input[type="text"] {height:3.5rem; border-radius:50px 0 0 50px; position:relative; border:0; margin:0;}
section.map .map_area .map_search label button {position:absolute; right:5px; top:0px; width:15%; height:3.5rem; width:15%; font-size:2rem; color:#6336c7;}

section.map #map_div {height:600px !important; }

}

/****************************@@@@@@@@@@ 650px 이하@@@@@@@@@@****************************/
@media all and (max-width:650px) {
.adult {padding:1rem;}
.adult_box {padding:2rem;}
.adult .adult_ex .img {margin:0 auto; text-align:center;}
.adult .adult_ex .img img {width:50%; display:inline; text-align:center;}
.adult .adult_ex .txt {width:100%; margin-left:0; margin-top:2rem; font-size:15px; line-height:20px;}
.adult .adult_ex .txt strong {font-size:2rem; line-height:3rem;}
.adult table .base {flex-wrap:wrap;}
.adult table .base li {margin:1%;}
.adult table div {flex-wrap:wrap;}
.adult table div p {width:100%;}
.adult table div .login {width:100%; margin-left:0; padding:1.5rem .5rem; margin-top:.8rem;}
.adult table .mem_cho li {width:100%; margin:5px 0; text-align:left;}

header {padding:1rem;}
header .top_area .logo {width:30%}
header .top_area .regist_btn li:nth-child(1) {display:none;}
header .top_area .regist_btn li:nth-child(2) {display:none;}
header .top_area .logo img {width:auto; height:35px;}
.top_con_wrap .top2 .location {width:100%; display:none;}
.top_con_wrap .top2 .tema {width:100%;  display:none;}
.top_con_wrap .top2 .tema {padding-bottom:1.5rem; height:auto;}
.main_con_wrap2 .injae_wrap .toparea {align-items:center;}
.main_con_wrap2 .injae_wrap .photo p {width:47px; height:47px;}
.main_con_wrap2 .injae_wrap .textarea .title {margin-bottom:5px;}

/*플래+프라임*/
.main_con_wrap .pla_pri ul li.common .textarea h2 {font-size:14px; padding:1rem 1rem 0 1rem;}
.main_con_wrap .pla_pri ul li.common .textarea p.title {margin:7px 1rem 0 1rem}
.main_con_wrap .prime_list ul li.common .asi_wrap {padding:1rem 1rem;}
.main_con_wrap .pla_pri ul li.common .asi_wrap {padding:1rem;}

/*그랜드*/
.main_con_wrap .grbn ul li.common .textarea {padding:1rem;}

/*배너형*/
.main_con_wrap .banner_list ul li a {padding:1.4rem;}

/*리스트형*/
.main_con_wrap .list_list ul li a {padding:1.4rem}

/*포커스인재*/
.main_con_wrap2 .injae_wrap ul li a {padding:1.4rem;}


/*회원가입*/
.register .box_wrap {padding:2rem;}
.register .order li {font-size:13px; margin-right:10px;}
.register .order li:last-child {margin-right:0;}
.register .order li span {width:2rem; height:2rem; font-size:13px; line-height:1.5rem; border-width:2px; margin-right:5px;}
.register .order li::after {display:none;}
.register .allagree p {width:100%;}
.register .allagree p:nth-child(2) {margin-top:15px;}
.register select {width:100%;}

/*.agreement .agree {padding:0;}*/
.agreement .agree div {padding:2rem;}
.agreement .agree div p {width:7rem; height:7rem;}
.agreement .agree div i {font-size:4rem; line-height:6rem;}
.agreement .box_wrap>div {padding:0}
.agreement .agree button {margin-top:1.5rem;}

/*본인인증*/
.agreement .box_wrap>p {padding:0 1rem 1rem 1rem;}

/*통합검색*/
.search_mian .jobtable table {display:none; border-top:none;}
.search_mian .jobtable table.style3 {display:block;}

/*서브 - 채용*/
.employ_detail .job_d1 .con2>dl {width:100%;}
.employ_detail .job_d1 .con2 dl:last-child {float:left;}
.employ_detail .job_tab2 .company_img ul li {width:48%; height:12rem;}
.employ_detail .job_tab2 .company_img ul li:nth-child(-n+4) {margin-top:10px;}
.employ_detail .job_tab3>div dl {width:100%; border-bottom:1px solid #d5d5d5;}
.employ_detail .job_tab3>div dl:last-child {border-bottom:0;}
.employ_detail .job_menu {top:102px;}

/*서브 -이력서등록*/
.regist_common .com_table dl dt {width:25%;}
.regist_common .com_table dl dd {width:75%; padding:0 0 0 10px;}
.resume_regist tr.c_edu select {width:20%;}
.resume_regist .career_list dl:nth-child(3) select {width:25%;}
.resume_regist .choice .preferential select {/*width:25%;*/}

/*서브-채용공고등록*/
.employ_regist .p_work .logo_box {width:97%;}
.employ_regist .p_work .bg_box {width:97%;}
.employ_regist .img_box ul li {width:48%;}
.employ_regist .img_box ul li:nth-child(n+3) {margin-top:10px;}
.employ_regist .appli .age input[type="text"] {width:25%;}

/*개인,기업서비스홈*/
.my_common .my_situbox ul li {width:33.3%}
.my_common .my_situbox ul li:nth-child(3) {border-right:0;}
.my_common .my_situbox ul li:nth-child(n+4) {margin-top:1rem;}
.my_sub .customij p.s_title span {display:none;}
.my_common .current.tab_style1 ul.tab li {width:50%;}
.my_common .current.tab_style1 .tabcon .more {top:-2.5rem}
.my_common .current2.tab_style2 ul.tab li{width:50%;}
.my_common .current2.tab_style2 ul.tab li:nth-child(3) {border-left:1px solid #ddd}
.my_common .current2.tab_style2 ul.tab li:nth-child(4) {border-left:0}
.my_common .current2.tab_style2 .tabcon .more {top:-9.5rem}

/*열람한 인재정보*/
.my_sub .subcon_area .sub_serach.reading { flex-wrap:wrap;}
.my_sub .subcon_area .sub_serach.reading>div { width:100%;}
.my_sub .subcon_area .sub_serach.reading>div:first-child {margin-bottom:1rem;}
.my_sub .subcon_area .sub_serach.reading>div:last-child {width:100%;}

/*개인서비스 서브*/
.my_sub .subcon_area .current2 .tab li {width:50%;}
.my_sub .subcon_area .current2 .tab {margin-top:7rem;}
.my_sub .subcon_area .tabcon div.select_area {top:-11rem;}
.my_sub .subcon_area .concern .tab li {width:100%;}
.my_sub .subcon_area .concern .tab {margin-top:7rem;}

/*서브-아이디,비밀번호찾기*/
.find_idpw .centerwrap h3 {font-size:2.4rem;}
.find_idpw .centerwrap {width:100%; padding:3rem 1.5rem;}

/*휴면계정*/
.login_sub .sleep {padding:2rem;}
.login_sub .sleep .next_btn button:first-child {width:100%; order:2; margin:0;}
.login_sub .sleep .next_btn button:last-child {width:100%; order:1; margin:0px 0px 15px 0px;}

/*기업서비스 서브*/
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box {width:100%;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box p {padding-bottom:20%;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .text_box {width:100%; margin:1rem 0 0 0 ;}

/*서비스안내 메인*/
.service .service_quick {top:102px;}
.service .service_quick li {width:33.3%}
.service .service_quick li a {font-size:13px; padding:1.5rem .5rem; letter-spacing:-1px;}
.service .service_quick li:nth-child(4) {border-left:1px solid #d5d5d5;}
.service .service_quick li:nth-child(n+4) {border-top:0;}
.service .service_quick li:nth-child(-n+3) {width:33.3%}
.service .service_quick li:nth-child(n+4):nth-child(-n+7) {width:25%}
.service_main .service_info {padding:2rem;}
/*.service .service_quick.company li:nth-child(-n+3) {width:33.3%}
.service .service_quick.company li:nth-child(n+4):nth-child(-n+7) {width:25%}*/

/*서브 결제내역*/
.pay_list table .pr_name {width:200%; border-bottom:1px dashed #ddd;}
.pay_list table .pay_way, 
.pay_list table .point_us,
.pay_list table .payment {width:33.3%;}
.pay_list table .pay_way em, 
.pay_list table .point_us em,
.pay_list table .payment em {display:block; margin-bottom:5px;}
.pay_list table .assi_line {padding:0.8rem 1rem;}
.pay_list table th {display:none;}
.pay_list table colgroup col:first-child {width:100%;}
.pay_list table colgroup col:nth-child(n+2) {width:0;}
.pay_list table.style3 td {border-bottom:0;}
.pay_list table.style3 td .wrap {border:1px solid #d1d1d1; margin:13px 0 0 0;}
.pay_list .date_search {border-bottom:1px solid #ddd;}

/*브랜드페이지 홈*/
.brand_home .brand_kind {padding:1.5rem 1.5rem;}
.brand_home .brand_all_list dl {width:50%;}

/*브랜드 페이지 서브*/
.brand_sub .top_btn_area ul.fr {width:100%; text-align:center; margin-top:1rem; border:3px solid #eee; padding:1rem .7rem;}
.brand_sub .top_btn_area ul.fr li select {width:38%;}

/*커뮤니티*/
table.style3 td {font-size:14px; }
.commu .webzine_list .text_area .li_txt {font-size:13px;}
.commu colgroup col:nth-child(1) {width:15% !important; min-width:65px;}
.commu colgroup col:nth-child(3),
.commu colgroup col:nth-child(4),
.commu colgroup col:nth-child(5) {display:none;}
.commu .img_list ul li {width:49%; margin-right:2%;}
.commu .img_list ul li:nth-child(2n) {margin-right:0;}
.commu .img_list ul li:nth-child(4n) {margin-right:auto;}
.commu.view h2 {font-size:2.5rem; line-height:3rem;}
.commu .m_no {display:none !important;}
.commu .pc_no {display:block !important; overflow:hidden; width:100%; margin-top:10px;}
.commu .pc_no li {float:left; color:#888; font-size:12px;}
.commu .pc_no li i {vertical-align:middle;}
.commu .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.commu .pc_no li:last-child::after {display:none;}

/*서브-검색영역*/
.sub_search .depth_btn li button {padding:1.6rem 1rem;}
.sub_search .depth_btn li button i {right:1rem;}
.sub_search .depth_btn li .search_word {padding:0.6rem 0 0.6rem 1rem}

.sub_search .s_choice ul.choice2 {padding:1rem;}
.sub_search .s_choice ul.choice3 {padding:1rem;}
.sub_search .s_choice ul.choice1 li {width:24%;}
.sub_search .s_choice ul.choice2 li  {width:32%; text-align:center; }
.sub_search .s_choice ul.choice3 li  {width:32%; text-align:center;}
.sub_search .s_choice ul.choice2 li.on button {padding:0 5px}
.sub_search .s_choice ul.choice3 li.on button {padding:0 5px}
.sub_search .s_choice ul.choice2 li button {text-align:center;}
.sub_search .s_choice ul.choice3 li button {text-align:center;}

.sub_search .select_table dl {width:31%;}
.sub_search .select_table dl dd {margin:1rem 0 1rem 0.5rem}
.sub_search .select_table td select {width:40%;}
.sub_search .select_table tr.select_wide select {width:100%;}

/*지도검색*/
section.map #map_div {height:400px !important; }
}

/****************************@@@@@@@@@@ 530px 이하@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*html {font-size:50.5%}*/
html {font-size:54%}
header .regist_btn li.m_menubtn2 a {width:95px; height:35px;}
header .regist_btn li.m_menubtn a {width:35px; height:35px;}
header .regist_btn li.m_menubtn a i {font-size:2.2rem; line-height:32px}
/*.top_con_wrap .top2 .tab_notice .tabnav li a {padding:0 2rem;}*/
.top_con_wrap .top1 .main_quick {width:100%; height:auto; order:1;}
.top_con_wrap .top1 .main_quick ul li {width:33.3%; height:70px; text-align:center; border:1px solid #fff; border-bottom-color:#dfdfdf;}
.top_con_wrap .top1 .main_quick ul li a {padding:10px 0;}
.top_con_wrap .top2 .tab_notice .employ_notice ul li {padding:1rem .7rem;}
.top_con_wrap .top2 .tab_notice .human_notice ul li {padding:1rem .7rem;}
.top_con_wrap .top2 .tab_notice .tabnav li a {font-size:14px;}

/*메인 커뮤니티*/
.text_board ul li a {font-size:14px;}
.webzin_board ul li a dl dt {font-size:14px;}
.phpto_board ul li a p.line1 {font-size:14px;}

/*플래티넘 채용정보*/
.main_con_wrap .pla_pri ul li.common .textarea p.title {font-size:15px;}

/*그랜드 채용정보*/
.main_con_wrap .grbn ul li.common .textarea .title {font-size:15px;}
.main_con_wrap .grbn ul li.common p.location {font-size:13px;}

/*배너형 채용정보*/
.main_con_wrap .banner_list ul li .textarea p.title {font-size:15px;}
.main_con_wrap .banner_list ul li p.location {font-size:13px;}

/*리스트형 채용정보*/
.main_con_wrap .list_list ul li .textarea p.title {font-size:15px;}
.main_con_wrap .list_list ul li .asi_wrap {font-size:13px;}

/*채용정보*/
.main_con_wrap .pla_pri ul li.common.text_ver .toparea {padding:2rem;}
.main_con_wrap .grbn ul li.text_ver .textarea {padding:2rem;}
.main_con_wrap .lately .td_con a {flex-wrap:wrap; margin-bottom:1.5rem;}
.main_con_wrap .lately .td_con a>div.area1 p.lately2 {text-align:right;}
.main_con_wrap .lately .td_con a>div.area1 p.lately1,
.main_con_wrap .lately .td_con a>div.area1 p.lately2 {font-size:13px;}
.main_con_wrap .lately .td_con a>div.area1 {width:calc(100% - 30px);}
.main_con_wrap .lately .td_con a>div.area2, 
.main_con_wrap .lately .td_con a>div.area3 {flex-direction:inherit; width:100%; height:26px; align-items:center; background:#f6f6f6; margin-top:5px;}
.main_con_wrap .lately .td_con a>div.area2 p,
.main_con_wrap .lately .td_con a>div.area3 p {font-size:13px;}

/*인재정보*/
.main_con_wrap2 .injae_wrap ul li {width:100%;}
.main_con_wrap2 .injae_wrap .photo p {width:57px; height:57px;}
.main_con_wrap2 .injae_wrap .bottomarea {margin-top:5px;}
.main_con_wrap2 .lately_injae ul li a {flex-wrap:wrap;}
.main_con_wrap2 .lately_injae ul li a div.lately1 {width:100%}
.main_con_wrap2 .lately_injae ul li a div.lately2, 
.main_con_wrap2 .lately_injae ul li a div.lately3 {width:100%; flex-direction:inherit; align-items:center;}
.main_con_wrap2 .lately_injae ul li a div.lately2 .location{width:40%; text-align:left;  font-size:13px;}
.main_con_wrap2 .lately_injae ul li a div.lately2 .job{width:60%; text-align:left;  font-size:13px;}
.main_con_wrap2 .lately_injae ul li a div.lately3 p {width:60%; text-align:left;  font-size:13px;}
.main_con_wrap2 .lately_injae ul li a div.lately4 {width:100%;}
.main_con_wrap2 .lately_injae ul li a p.career span {text-align:center;}
.main_con_wrap .lately .td_con a>div.area1 p.lately3 {font-size:15px;}
.main_con_wrap2 .lately_injae ul li a p.myinfo {font-size:14px;}
.main_con_wrap2 .lately_injae ul li a p.title {font-size:15px;}
.main_con_wrap2 .lately_injae ul li a p.salary {font-size:13px;}
.main_con_wrap2 .injae_wrap .textarea .myinfo {font-size:13px;}
.main_con_wrap2 .injae_wrap .textarea .title {font-size:15px;}

/*게시판*/
.board .boardlist {width:100%;}
.commu .board .boardlist {width:100%; margin-right:0;}

/*하단 정보 박스*/
.main_con_wrap .necessary .client_center div:nth-child(1),
.main_con_wrap .necessary .peak div:nth-child(1) {width:100%;}
.main_con_wrap .necessary .client_center div:nth-child(2),
.main_con_wrap .necessary .peak div:nth-child(2) {width:100%; margin-right:0; margin-top:2rem;}

/*서브 로그인,회원가입*/
.login_sub h3 span {display:none;}
.register td.size1 input[type="text"] {width:24%;}
.register input[type="file"] {width:100%;}
.register .box_wrap {padding:2rem 1rem;}

/*서비스안내*/
.service .service_quick {top:92px;}

/*서브-채용정보상세*/
.employ_detail .job_d1 {padding:2rem 3rem;}
.employ_detail .job_d1 .con1 {width:100%;}
.employ_detail .job_d1 .con1:first-child {margin-right:0}
.employ_detail .job_d1 .con2 dl:last-child dd:nth-of-type(1)::after {margin:0 1rem;}
.employ_detail .job_d1 .con2 dl dt {margin-right:1rem;}
.employ_detail .job_d2 {padding:4rem 3rem}
.employ_detail .job_tab1 {padding:2rem;}
.employ_detail .job_menu {top:91px;}

/*서브-이력서정보상세*/
.resume_detail .resume_d1 {padding:2rem;}
.resume_detail .resume_d1 .con1 {display:flex; flex-wrap:wrap; justify-content:center;}
.resume_detail .resume_d1 .ij_img {margin-right:0;}
.resume_detail .resume_d1 .ij_info {width:100%;}
.resume_detail .resume_d1 .ij_info h3 {text-align:center;}
.resume_detail .resume_d2 {padding:2rem;}
.resume_detail .tab.self_intro>div {padding:1.5rem;}
.resume_detail .tab.awards div {padding:1.5rem;}

/*서브-이력서등록*/
.regist_common .common_box {padding:0 1rem 0 0}
.regist_common .com_table th {width:25%}
.regist_common .com_table td {width:75%}
.regist_common .com_table select {width:95%}
.regist_common .com_table input[type="text"] {width:95%}
.resume_regist tr.c_edu select {width:80%}
.regist_common .com_table dl dt {width:100%; margin-bottom:10px;}
.regist_common .com_table dl dd {width:100%; padding-left:0;}
.regist_common .com_table dl {margin:10px 0; padding:10px 0; border-bottom:1px solid #ddd;}
.regist_common .com_table dl:first-child {margin:0; padding:0 0 10px 0}
.regist_common .com_table dl:last-child {border-bottom:0;}
.resume_regist .career_list dl:nth-child(3) select {width:30%}
.regist_common .com_table dl {margin:0; }
.resume_regist .setting dl:nth-child(2) {padding-top:10px;}
.resume_regist .choice .license input[type="text"] {width:90%}
.resume_regist .choice .technology dl dt {width:100%; font-weight:500;}
.resume_regist .choice ul.class li {width:100%; margin:5px 0 10px 0}
.resume_regist .choice .technology dl {border-top:0; padding:15px 0; margin-top:0;}
.resume_regist .choice .technology dl dd {width:100%;}
.resume_regist .choice .preferential select {/*width:30%;*/}

/*서브-채용등록*/
.employ_regist .w_condition .pay select {width:30%;}
.employ_regist .w_condition .pay input[type="text"] {width:40%;}
.employ_regist .manager td span {display:block; vertical-align:middle; margin:10px 0 0 0;}
.employ_regist .manager .num input[type="text"], .employ_regist .manager .num select {width:25%;}
.employ_regist .keyword table td {padding:1rem 0 1rem 1rem;}

/*기업,개인서비스 홈*/
.my_common .my_situbox .service p {font-size:14px;}
.my_common .my_infobox .top .img {float:inherit; margin:0 auto; display:table}
.my_common .my_infobox .top .text {width:100%;}
.my_common .my_infobox .top h3 {text-align:center;}
.my_common .my_infobox .top .in_btn {justify-content:center; }

/*개인서브페이지*/
.my_sub .file_page table.style3 th:nth-child(1) {width:10%;}
.my_sub .file_page table.style3 th:nth-child(2) {width:50%;}
.my_sub .file_page table.style3 th:nth-child(3) {width:20%;}
.my_sub .file_page table.style3 th:nth-child(4) {width:20%;}

/*기업서브페이지*/
.my_sub .brand_entire .infobox>div ul {display:flex; width:100%; margin-top:2rem; align-items:center;}
.my_sub .brand_entire .infobox>div ul li {width:50%;}

/*게시판 패스워드*/
.lock_pw {width:90%}
.lock_pw {padding:3rem 2rem;}
.lock_pw p {font-size:14px;}
.lock_pw input {width:70%;}

/*커뮤니티*/
.commu.view h2 {font-size:2rem; line-height:2.5rem; margin-bottom:1.5rem;}
.commu.view .cmt_view_con {font-size:14px; line-height:19px;}
.commu .best .best1 {width:100%;}
.commu .best .best_list {width:100%; border-top:1px solid #d8d8d8;}
.commu.board_list .side_con .fr input[type="text"] {width:35%;}
.commu.board_list .side_con .fr {overflow:hidden;}
.commu.board_list .side_con .fr li {float:left;}
.commu.board_list .side_con .fr li:first-child {width:100%;}
.commu.board_list .side_con .fr li:last-child {width:100%;}
.commu.board_list .side_con .fr li:last-child select {width:98%;}
.commu .tab_menu li {width:33.3%;}
.commu.view .reply_con input {width:100px;}
.commu .tab_menu li:nth-child(4n) {border-left:1px solid #ddd;}




/*서브-검색영역*/
.sub_search .select_table dl {width:48%;}
.sub_search .s_choice ul.choice1 li {width:32%;}
/*.sub_search .s_choice ul.choice2 li  {width:32%;}
.sub_search .s_choice ul.choice3 li  {width:32%}*/
.sub_search .s_choice ul.choice2 li  {width:48%; text-align:center;}
.sub_search .s_choice ul.choice3 li  {width:48%; text-align:center;}

/*모바일메뉴*/
.m_menu .m_nav_3d dl dd i {display:none;}
}



/****************************@@@@@@@@@@ 440px 이하@@@@@@@@@@****************************/
@media all and (max-width:440px) {
/*.top_con_wrap .top2 .tab_notice .tabnav li a {padding:0 1.2rem; letter-spacing:-1px;:}*/
/*.top_con_wrap .top2 .tab_notice .tabbox li.more {right:5px; width:40px;}*/

.employ_detail .job_menu li a {font-size:1.5rem; padding:1.2rem 0;}
.agreement .agree div {padding:1rem;}
.e_skincommon .top_img h3,
.employ_skin2 .top_img h2,
.employ_skin2 .top_img h3,
.employ_skin3 .top_img h2, 
.employ_skin3 .top_img h3 {padding:0 2rem;}
.employ_regist .manager .chain select {width:130px;}
.employ_regist .manager .chain input[type="text"] {width:130px;}

.my_sub .subcon_area .brand_chain table.style3 button i{display:none;}
.my_sub .subcon_area .brand_entire ul.fr select {margin-top:1rem;}
.brand_home .top_btn_area dl dd input {width:80%;}
.brand_home .top_btn_area dl dd {width:130px;}

.commu.view .cmt_view_hd .cmt_view_fnc li.sns_gp {width:100%; padding-left:0; margin-top:1rem;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{margin-left:0; margin-right:5px;}
.commu.view .reply_con .text_area textarea {width:100%;}
.commu.view .reply_con .text_area button {width:100%; height:4rem; margin-top:1rem;}
.commu.view .reply_list > li .top ul {width:100%; justify-content:end;}

}

/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {
html {font-size:50%}
section.sub {margin:0 1rem;}
.main_con_wrap .pla_pri ul li.common {width:100%;}
.main_con_wrap .grbn ul li.common {width:100%; margin-bottom:4%; margin-right:0;}
.main_con_wrap .banner_list ul li.common {width:100%;}
.main_con_wrap .list_list ul li.common {width:100%;}
.top_con_wrap .top2 .tab_notice .tabnav li a {padding:0 2rem; letter-spacing:-1px;}
/*.top_con_wrap .top2 .tab_notice .tabbox li.more {right:5px; width:40px;}*/
.employ_detail .job_d1 {padding:2rem 1.5rem}
.employ_detail .job_d2 {padding:4rem 1.5rem}
.employ_detail .job_tab1 {padding:1.5rem;}
.my_common .my_infobox .bottom dl {width:100%;}
.my_sub .brand_entire .infobox>div button {width:100%; margin-top:2rem;}
.brand_home .brand_kind dl {width:49%;}
.brand_home .brand_kind dl:nth-of-type(2n) {margin-right:0;}
.brand_home .brand_kind dl:nth-of-type(3n) {margin-right:auto;}
.brand_home .brand_kind dl:nth-of-type(6n) {margin-right:auto;}
.brand_home .top_btn_area dl {width:100%; margin-top:1rem;}
.brand_home .top_btn_area dl dd {width:calc(100% - 74px)}
.brand_home .top_btn_area dl dd input {width:90%;}

.commu.view .cmt_view_bottom .btn_gp2 {width:100%; }

/*서브-검색영역*/
.sub_search .s_choice ul.choice1 li {width:48%;}
/*.sub_search .s_choice ul.choice2 li  {width:48%;}
.sub_search .s_choice ul.choice3 li  {width:48%}*/
.sub_search .select_table dl {width:100%; margin:0}


/*서비스안내*/
.service .service_quick {top:88px;}

/*채용공고 상세*/
.employ_detail .job_menu {top:87px;}
}