@charset "utf-8";


/*common
*****************************/
body.intro {background-image: none;min-width: 360px}
.intro header{text-align:center;background:url(../images/intro/gra_intro_header.png) no-repeat 50% bottom;padding-bottom:28px}
.intro header .logo{float:none;padding:32px 0 26px 0;width: 150px;margin: 0 auto;}
.intro header .logo.logo_multi{width: auto;}
/* .intro-cj header .logo{padding:12px 0 19px 0}
.intro-shinhan header .logo{padding:30px 0 19px 0} */
.intro footer{text-align:center;font-size:11px;color:#8c8c8c;padding:30px 0 40px 0;font-weight: 300;}
.intro footer strong{font-weight:normal;color:#666}

.intro #container{padding-bottom:0}
.intro #content{position:relative}
.intro .intro_text{position:absolute;top:0;left:55%;margin-top:60px;}
.intro .intro_text img{width: 320px;}
.intro .intro_text p{line-height:1.5;font-size:16px;margin:20px 0 8px 0;font-weight: 300;}
.intro .intro_text p.bul_round1{font-size: 13px;color: #a0a0a0;background-image: url('../images/bul_circle-dg.png');}
/* .intro .intro_text p.bul_round1:first-of-type{margin-top: 40px;} */
.intro #content .intro_text p.bul_round1 .text_orange,
.intro #content .intro_text p.bul_round1 span{color: #666!important;font-weight: bold!important;}
                              

.intro .selectb_wrap{clear:both;text-align:center;position:relative;}
.intro .selectb_wrap .box_wrap{display:flex;width:752px;border-radius: 10px;margin: 0 auto 23px;justify-content: center;align-items: stretch;border: 1px solid #d3d7ee;background: #FFF;}

/* .intro.teslakorea .selectb_wrap .box_wrap{width:inherit;} */
.intro .selectb_wrap .box{min-width: 180px;padding:35px 30px 25px 30px;width: auto;flex: 1;}
.intro .selectb_wrap li + li {border-left:1px dashed #ebedf0;}
.intro .selectb_wrap > ul > li{box-sizing: border-box;}
.intro .selectb_wrap #s2.box3 {border-radius: 0;border-right-style: dashed;}
.intro .selectb_wrap #s2.box1 + #s1.box1,
.intro .selectb_wrap #s2.box2 + #s1.box1 {border-radius: 0;border-left: 0;}
.intro .selectb_wrap #s2.box1 + #s1.box1 + li{border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0;}

/* 
.intro.skhynix .selectb_wrap .box{height:240px;} */

/* .intro .selectb_wrap >  ul > li:first-child,
.intro.intro_select .selectb_wrap >  ul > li.box1{border-left:1px solid #d3d7ee;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.intro .selectb_wrap >  ul > li:last-child,
.intro .selectb_wrap >  ul > li.box3{border-left:none;border-right:1px solid #d3d7ee;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} */
/* .intro .selectb_wrap ul li + li{border-left:1px dashed #d3d7ee;} */
.intro .selectb_wrap >  ul > li.box img {width: 150px;}

.intro-shinhan .selectb_wrap .box_wrap{display:inline-block;width:450px;}
/* .intro-shinhan .selectb_wrap .box{width:450px;;border:1px solid #dbdddf;border-left:none;border-right:1px dashed #d3d7ee;background:#fff;} */
/* .intro-shinhan .selectb_wrap .box1{background:url(../images/intro/bg_intro_cj_box1.png) no-repeat 0 0; background-color: #f8f8f8;}
.intro-shinhan .selectb_wrap .box2{background:url(../images/intro/bg_intro_cj_box2.png) no-repeat 0 0;} */


/* .intro-cj .selectb_wrap .box{width:375px;}
.intro.intro-cj .selectb_wrap > ul > li#s2{border:1px solid #d3d7ee;border-left:none;border-right:1px solid #d3d7ee;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.intro.intro-cj .selectb_wrap > ul > li:last-child{border:none;}
.intro.intro-cj .selectb_wrap >  ul > li.box3{border:1px solid #d3d7ee;border-left:none;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} */
.intro.intro-cj .selectb_wrap > ul > li:last-child > span{margin-top: 23px;display: block;color:#000!important}

.intro .m_show{display:none;}

/*page
****************************/
.intro_select .selectb_wrap a{display:block;padding:14px 0;font-size:16px;margin:13px 0 5px 0;line-height: 1.2;font-weight: bold;word-break: keep-all;}
.intro_select .selectb_wrap a:hover{color:#fff}
.intro_select .selectb_wrap p{font-size:13px;font-weight: 300;color: #666;word-break: keep-all;} 
.intro.intro_select .select_box{width:754px;display:inline-block;margin-right: 5px;}
.intro.intro_select .select_box select{float:right;width:209px;}
.intro_select.skhynix .selectb_wrap a {padding: 10px 0;}
.intro_select.skhynix .selectb_wrap .box1 a {height: 32px;padding-top: 18px;}

/*대상자 선택 -CJ*/
.intro-cj.intro_select .select_box{width:744px;display:inline-block;}
.intro-cj.intro_select .select_box select{float:right;width:209px;}

.intro-shinhan.intro_select .select_box{width:550px;padding-right:100px;display:inline-block;}
.intro-shinhan.intro_select .select_box select{float:right;width:209px;}

/*로그인*/
.intro.intro_login .selectb_wrap .box{width:250px;display: flex;flex-direction: column;justify-content: center;align-items: center;} 
/* .intro.intro_login .selectb_wrap .box.box1{border-left:1px solid #d3d7ee;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} */


/* .intro_login.intro-cj .selectb_wrap .box{padding-top:30px;}
.intro_login.intro-shinhan .selectb_wrap .box{padding-top:30px;} */
.intro.intro_login .box h3{font-size:22px;text-align:center;word-break: keep-all;}
.intro.intro_login .box h3 span{font-size:14px;color:#444;display: block;line-height: 1.2;margin-top: 6px;}
.intro.intro_login .box img{margin:0 0 18px 0}
.intro.intro_login .selectb_wrap > ul > li.login_box{width:500px;text-align:left;padding:25px;margin-top: 0;display: flex;flex-direction: column;justify-content: center;}
/* .intro_login.intro-cj .login_box{height:226px;}
.intro_login.intro_login3 .login_box{height:275px;}
.intro_login.intro-shinhan .login_box{height:226px;} */
.intro.intro_login .login_wrap{width:300px;float:left;} 
.intro.intro_login .login_form{width:300px;padding:10px 0;float:left;border-top:2px solid #0147CC;border-bottom:1px solid #bbbfc2;margin-bottom:13px;box-sizing: border-box;}
.intro.intro_login .login_form div {width: 200px;}
.intro.intro_login .login_form div > span {display: inline-block;  padding: 7px 0;}
.intro.intro_login .login_box strong{color:#0147CC;font-size:13px;width:80px;}
.intro.intro_login .login_box select{width:200px;display:block;margin-top:0;/* margin-bottom: 5px; */}
/* html[class*="ie"] .intro_login .login_box select, .ie6 .intro_login .login_box select{padding:0; height:20px} */
#selectIs li{margin:0;cursor:pointer;border: 1px solid #b5b5b5!important;font-size:13px;}
/* #selectIs li.first{margin:0;} */
#selectIs li.active, #selectIs li:hover{border:1px solid #1759D0!important;background: #1759D0;color:#fff}
.intro_login .login_box div #selectIs{display: flex;justify-content: center;align-items: center;gap: 5px;}
/* .intro_login .login_box div #selectIs li:first-child{margin-left: 0;} */
.intro_login .login_box div #selectIs li{width: 24%;}
.intro_login .login_box input{width:200px;border:1px solid #d3d3d3;background:#ffffff;padding:5px;box-sizing: border-box;}
.intro_login .box_wrap form .login_form li{border:none;padding:5px 0;background: none;border-color: #D0D0D0;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
/* .intro_login .box_wrap form .login_form li:first-child{padding: 0;} */
/* .intro_login .login_box div{min-height:30px;} */
/* .ie8 .intro_login .login_box div, .ie9 .intro_login .login_box div{margin-left:80px;float:none;} */
.intro_login .login_box.addtxt {position: relative;}
.intro_login .login_box.addtxt .login_form li div {line-height: 30px}
.intro_login .login_box.addtxt p.dsc {position: absolute;left:15px;bottom:15px;letter-spacing: -1px}
.intro_login .login_box .btn_wrap{width:130px;float:right;margin:0}
/* .intro_login3.intro_login .login_box .btn_wrap{margin-top:19px} */
/* .ie8 .intro_login .login_box .btn_wrap, .ie9 .intro_login .login_box .btn_wrap{margin:0;float:right} */
.intro_login .btn_wrap button, .intro_login .btn_wrap a{width:100%;font-size:14px;padding:14px 0;}
.intro_login.intro_login2 .btn_wrap .btn_login{background: #11CAFC;border: 1px solid #11CAFC;}
.intro_login.intro_login2 .btn_wrap .btn_login:hover{border:1px solid #58d9fb;background: #58d9fb}
.intro_login.intro_login3 .btn_wrap .btn_login{background: #1759D0;border: 1px solid #1759D0;}
.intro_login.intro_login3 .btn_wrap .btn_login:hover{border:1px solid #3271f1;background: #3271f1;} 

.intro_login.intro-cj .btn_wrap button, .intro_login.intro-cj .btn_wrap a{padding:7px 0}
.intro_login.intro-cj .btn_wrap a.btn_blue {margin-top:10px;}
.intro_login.intro-shinhan .btn_wrap button, .intro_login.intro-shinhan .btn_wrap a{padding:7px 0}
.intro_login .btn_wrap .btn_login{padding:37px 0;margin-bottom:10px;font-size:20px;}
.intro_login.intro-cj .btn_wrap .btn_login{padding:43px 0}
.intro_login.intro-shinhan .btn_wrap .btn_login{padding:43px 0}
.intro_login .btn_wrap .btn_login img{margin:6px 4px 0 0;width: 12px;}
.intro_login .login_box .dsc{clear:both;line-height: 1.4;}
.intro_login .login_box .dsc.bul_round1{color: #666666!important;font-weight: 400!important;font-size: 13px!important;word-break: keep-all;}
.intro_login .login_box .dsc.bul_round1 span{color: #666666!important;font-weight: 400!important;font-size: 12px!important;word-break: keep-all;}
.older .intro_login .login_box .dsc{margin-top:-20px}
.intro_login #fancybox-wrap{width:410px!important;}
.intro_login #fancybox-content{padding:0 10px}
/* .intro_login2 .login_box{padding-top:42px;height:222px} */
/* .intro_login2.intro-cj .login_box{height:280px} */
/* .intro_login2.intro-shinhan .login_box{height:250px} */

.intro .btn_blue4{border:1px solid #11cafc;color:#fff;background: #11cafc;border-radius: 5px;} /* 인트로의 블루색 버튼이 하늘색으로 디자인 변경됨 */
.intro .btn_blue4:hover{border:1px solid #58d9fb;background: #58d9fb} /* 인트로의 블루색 버튼이 하늘색으로 디자인 변경됨 */
.intro .btn_skyblue{border:1px solid #1759d0;color:#fff;background: #1759d0;border-radius: 5px} /* 인트로의 하늘색 버튼이 블루색으로 디자인 변경됨 */
.intro .btn_skyblue:hover{border:1px solid #3271f1;background: #3271f1;} /* 인트로의 하늘색 버튼이 블루색으로 디자인 변경됨 */
  
.intro .intro_info {margin-bottom:20px;text-align: center;font-weight: bold;}
.intro .intro_info .highlight {display: inline-block;background:#ffff00;}

/*휴대폰 인증 추가*/
/* .intro_login.intro_phoneCertify .selectb_wrap .box{height:270px;} */
/* .intro_login.intro_phoneCertify .login_box {height:290px; padding-top: 25px}
.intro_login2.intro_phoneCertify .selectb_wrap .box{height:306px;}
.intro_login2.intro_phoneCertify .login_box {height:320px;} */

/*대상자 인증*/
.intro_certific footer{margin-top:50px}
.intro_certific.intro #container{padding-bottom:0;}
.intro_certific .group{padding:50px 40px}
.intro_certific h2{color:#222;margin-bottom:20px}
.intro_certific .clause_d{background:#fff;border:1px solid #d3d3d3;background:#f0f0f0;padding:20px;height:133px;overflow-y:scroll;line-height:1.8em}
.intro_certific .clause_d h4{font-size:12px;color:#222;margin:25px 0 2px 0}
.intro_certific .clause_d h4:first-child{margin-top:0}
.intro_certific .checkbox{float:right;margin:10px 0 35px 0}

.intro_certific .group.first{padding-bottom:0;}
.intro_certific .group.last{padding-top:0;}
.intro_certific .btn_wrap{width:100%;margin:20px 0}
.intro_certific .btn_wrap button{width:130px;padding:7px 0;font-size:16px;margin:0 2px}
.intro_certific .group .group.last{padding:0;}
/* .intro_certific .btn_wrap img{margin:2px 2px 0 0}
.intro_certific .btn_wrap .btn_cancel img{margin-top:5px} */

.intro_certific table tr th{text-align:left;}

.intro_certific .imgWrap{text-align: center;padding-top: 20px;padding-bottom: 30px;}
.intro_certific .imgWrap img{width: 357px;}

.menubox {display: block;overflow: hidden;}
.menubox .hosp01_btn{border:0 none;padding:0;margin:0;vertical-align:middle;background:transparent;cursor:pointer;font-weight: bold;width: 40%;height: 30px;line-height: 30px;text-align: center;border:1px solid #999; margin:10px 0; background: #fff;}
.menubox .hosp01_list tr th,.menubox .hosp01_list tr td{padding:3px;text-align:center;}
.menubox .hosp01_list tr th{background:#6cc9e7;border-left:1px solid #ddd;}
.menubox .hosp01_list tr td{background:#fff;border:1px solid #ddd;border-top:none;}

/*404page*/
.intro_404 #content{text-align:center;padding:320px 0 180px;background:url(../images/common/ico_404.png) no-repeat center 150px;background-size:200px}
.intro_404 .ico{margin-right:40px;}
.intro_404 #content p{font-size:16px;color:#555;width:385px;margin:0 auto 0;line-height:1.6em;}


/*KDB 인트로페이지 20150716*/
.kdb_menu li{display: inline-block;width: 30%;margin: 100px 0;vertical-align: top; }
.kdb_menu li + li {padding-left: 20px;}
.kdb_menu li a{display: inline-block; width: 100%;}
.kdb_menu li a dt {padding:30px; background:#0d70d5; margin-bottom: 10px; height:40px; color: #fff;border-radius: 20px;line-height: 2;}
.kdb_menu li a dt span{font-size: 14px}
.kdb_menu li a dt span.red{color:#fffe00;}
.kdb_menu li a dd{font-size: 13px;line-height: 24px; padding-left: 10px}


/*sk하이닉스-20220422
****************************/

/*타*/
h3.loginTit{position: relative;padding-right: 25px;}
.infoQ_ico.mTit{position:absolute; top: 1px;right: 14px; display: block; background-color: #006699;color: #fff!important;width: 22px;height: 22px;border-radius: 100%;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 2px 0;line-height: 1;font-size: 18px;}
.infoQ_bx{position: absolute;right: -162px;top: -262px;background-color: #97E3FC;text-align: left;border-radius: 10px;padding: 30px 14px 30px 22px;width: 380px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-shadow: 7px 5px 15px -3px rgba(0,0,0,0.35); box-shadow: 7px 5px 15px -3px rgba(0,0,0,0.35);opacity: 0;visibility: hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s 0s ease;transition: all 0.5s 0s ease;}
.infoQ_bx ul li:first-child{border: none!important;}
.intro_login .box h3 .infoQ_bx ul li span{font-size: 16px;display: block;position: relative; }
.infoQ_bx ul li span.tit::before{content: "";display: block;width: 6px;height: 6px;background-color: #EA580C;border-radius: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.infoQ_bx ul li span.tit{color: #003366;font-weight: bold;float: left;margin-right: 4px;padding-left: 14px;}
.infoQ_bx ul li span.cont{overflow: hidden;padding-left: 8px;}
.infoQ_bx ul li span.cont::before{content: ":";display: block;position: absolute;top: 0;left: 0;}
.infoQ_ico::before {content: "";display: inline-block;width: 0; height: 0;border-style: solid;border-width: 14px 15.5px 0 15.5px;border-color: #97E3FC transparent transparent transparent;position: absolute;top: -18px;right: -4px;z-index: 10;opacity: 0;visibility: hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s 0s ease;transition: all 0.5s 0s ease;}
.infoQ_bx.on{opacity: 1;visibility: visible;}
.infoQ_ico.on::before{opacity: 1;visibility: visible;}

.intro_login .login_box strong.infoTit{position: relative;display: inline-block;vertical-align: middle;}
.intro_login .login_box .infoQ_ico.sTit{position:relative; display: inline-block;vertical-align: middle; background-color: #006699;color: #fff!important;width: 16px;height: 16px;border-radius: 100%;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 1px 0 1px 0;line-height: 1;font-size: 14px;margin-bottom: 2px;margin-left: 3px;}
.intro_login .login_box .infoQ_ico::before{right: -7px;}
.intro_login .login_box .infoQ_bx.info2{right: -190px;top: -182px;padding: 25px 17px 25px;width: 420px;margin-top: 0;}
.infoQ_bx.info2 p{text-align: center;color: #003366;font-weight: bold;font-size: 18px;line-height: 1.6;}
.infoQ_bx.info2 dl{width: 100%;font-size: 0;display: table;table-layout: fixed;margin-top:10px}
.infoQ_bx.info2 dl dt{display: table-cell; vertical-align: middle;background-color: #003366;font-weight: bold;color: #fff;font-size: 14px;width: 20%;text-align: right;line-height: 1.4;border-top-left-radius: 10px;border-bottom-left-radius: 10px;box-sizing: border-box;-moz-box-sizing: border-box;padding: 5px 10px;}
.infoQ_bx.info2 dl dd{display: table-cell;vertical-align: middle;background-color: #CFF3FF;font-size: 13px;width: 80%;color: #000;line-height: 1.4;border-top-right-radius: 10px;border-bottom-right-radius: 10px;box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 10px;font-weight: 400;}
.infoQ_bx.info2 dl dd span{font-weight: bold;}

/* 에르메스 - 20220623
****************************/

.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(5) div,
.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div,
.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div,
.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(7) div{width: 200px;font-size: 0;}
.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(5) div input[type="tel"],
.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="text"],
.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="tel"],
.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(7) div input[type="text"]{width: 58%!important;vertical-align: middle;}
.intro_login1.intro_phoneCertify .login_box ul.login_form li div button[type="button"],
.intro_login2.intro_phoneCertify .login_box ul.login_form li div button[type="button"]{width: 40%;vertical-align: middle;padding: 4px 0!important;margin-left: 2%;}
.intro_login2.intro_phoneCertify .login_box ul.login_form li div button[type="button"] img,
.intro_login2.intro_phoneCertify .login_box ul.login_form li div button[type="button"] span{vertical-align: middle;}

.intro.intro_phoneCertify .login_box ul.login_form li div input#hp,
.intro.intro_phoneCertify .login_box ul.login_form li div input#acc{width: 56%!important;vertical-align: middle;}
.intro.intro_phoneCertify .login_box ul.login_form li div button.btn_dgra2{width: 41%;vertical-align: middle;padding: 4px 0!important;margin-left: 1%;}
.intro.intro_phoneCertify .login_box ul.login_form li div button img,
.intro.intro_phoneCertify .login_box ul.login_form li div button span {width: 12px;vertical-align: middle;}

/* Cj - 20220706
****************************/
/* 
.intro_login.intro-cj.intro_login1 .selectb_wrap .box {height: 203px;}
.intro_login.intro-cj.intro_login1 .login_box{height: 208px;}
.intro_login.intro-cj .box h3 span {word-break: keep-all;display: inline-block;line-height: 1.4;padding: 5px;} */

/*Cj 임원예약사이트*/
.intro.intro-cj.intro_select .selectb_wrap .infoTxt{width:754px;margin:0 auto;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;padding: 10px 0;text-align: center;font-size: 0;margin-bottom: 30px;}
.intro.intro-cj.intro_select .selectb_wrap .infoTxt p{display: inline-block;font-size: 12px;vertical-align: middle;}
.intro.intro-cj.intro_select .selectb_wrap .infoTxt a.telLink{display: inline;font-size: 12px;padding: 0;margin: 0;}
.intro.intro-cj.intro_select .selectb_wrap .infoTxt a.telLink:hover{color:#2f6ebc}
.intro.intro-cj.intro_select .selectb_wrap .infoTxt a.btn_gra1{display: inline-block;width: 130px;font-size: 13px;margin: 0;padding: 5px 0;margin-left: 24px;vertical-align: middle;}
.intro.intro-cj.intro_select .selectb_wrap .infoTxt a.btn_gra1:hover{color: #666;}
.intro.intro-cj.intro_select .selectb_wrap .infoTxt p span.br_m {display: none;}

/*Cj 그룹 게이트 .pre_intro*/
.intro.intro-cj.pre_intro .selectb_wrap a {box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);}
.intro.intro-cj.pre_intro .selectb_wrap .box span {padding:10px 0;}
.intro.intro-cj.pre_intro .selectb_wrap .box.g_leader span b {display: block; font-size: 15px;margin-bottom: 10px;padding-left: 50px; }
.intro.intro-cj.pre_intro .selectb_wrap .box.g_leader span {display: block;font-weight: bold;font-size: 16px;background:url(../images/intro/ic_g_leader.png) no-repeat 15% 20%;background-size: 70px}
.intro.intro-cj.pre_intro .selectb_wrap .box.g_worker span {display: block;padding-left: 60px;background:url(../images/intro/ic_g_worker.png) no-repeat 15% 20%;background-size: 80px}
.intro.intro-cj.pre_intro .selectb_wrap .box.g_worker span b {display: block; font-size: 20px;margin-bottom: 10px;}

/*Cj 그룹 게이트 .pre_intro - 추가 20230420*/
/* .intro.intro-cj.pre_intro .selectb_wrap .box_btns .box{width: 250px;height: auto;padding: 25px 20px;} */
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_leader a,
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_worker a,
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_general a{padding: 26px 0;border-radius: 3px;margin: 0;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box span{font-size: 15px;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_leader span b {font-size: 14px;margin-bottom: 20px;padding-left: 63px;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_leader span {font-size: 15px;background: url(../images/intro/ic_g_leader.png) no-repeat 7% 20%;background-size: 60px;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_worker span {padding-left: 0;background:url(../images/intro/ic_g_worker.png) no-repeat 15% 20%;background-size: 60px;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_worker span b {display: block;font-size: 18px;margin-bottom: 20px;padding-left: 58px;padding-top: 7px;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_general span {display:block;padding-left: 0;background:url(../images/intro/ic_g_general.png) no-repeat 15% 20%;background-size: 60px;}
.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_general span b {display: block;font-size: 18px;margin-bottom: 20px;padding-left: 58px;padding-top: 7px;}

/* .intro.intro-cj.pre_intro .selectb_wrap > ul > li#s2{border:1px solid #d3d7ee;border-left:none;border-right:1px dashed #d3d7ee;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.intro.intro-cj.pre_intro .selectb_wrap > ul > li#s3.g_general{border:1px solid #d3d7ee;border-left:none;border-right:1px dashed #d3d7ee;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} */



/* 라이나생명 - 20230125
****************************/

/* 임직원 로그인 */
.intro_login.intro-cj.intro_login1 .intro-lina .selectb_wrap .box{padding-bottom: 25px;}
.intro_login.intro-cj.intro_login1 .intro-lina .login_box{padding-bottom: 25px;}





/*rwd
***************************/
/*데스크탑, 태블릿 가로(아이패드1024,갤탭1280)*/
@media only screen and (min-width: 980px){
}

@media only screen and (max-width: 979px){
	.intro .selectb_wrap .box_wrap{width:100%;}
	.intro .visual{max-width:105%;margin-left:-7%}
	
	/*box-sizing:border-box*/
	.intro_login .login_box, .intro .selectb_wrap .box{box-sizing:border-box;}
}

/*태블릿 세로*/
@media only screen and (min-width: 768px) and (max-width: 979px){
	.intro .intro_text{width:49%;height:258px;margin-top:47px;left: 50%;}
	/* .intro .selectb_wrap p{letter-spacing: -1px}	 */

	/* .intro .selectb_wrap .box img{height:55%}  */
	.intro.intro-cj.pre_intro .box img{height:auto;} 
	.intro .selectb_wrap .box{width: auto;flex: 1;}
	.intro.intro_login .selectb_wrap .box{width:31.9%}
	/* .intro-cj .selectb_wrap .box{width:33.3%} */
	.intro-cj .selectb_wrap .box#s1{width:50%}
	.intro-cj .selectb_wrap .box#s2{width:50%}
	/* .intro-shinhan .selectb_wrap .box_wrap{display:inline-block;width:450px;background:none;} */
	.intro-shinhan .selectb_wrap .box{width:100%;}

	.intro .selectb_wrap .box_wrap{background-size:100% auto;}
	.intro.intro_select .select_box{width:724px}
	.intro.intro_select .select_box select{float:right;width:209px;}
	
	/* #selectIs li{width:44px;} */
	.intro_login .login_box div #selectIs{width: 192px;}
	.intro_select .selectb_wrap a{padding:12px 0}
	.intro-cj.intro_select .selectb_wrap {margin-top: 40px;}
	.intro-cj.intro_select .select_box{width:725px}
	.intro-shinhan.intro_select .select_box{width:547px}
	
	/* .intro_login.intro-cj .selectb_wrap .box, .intro_login.intro-cj .login_box{height:250px}	
	.intro_login.intro-shinhan .selectb_wrap .box, .intro_login.intro-shinhan .login_box{height:250px;}	 */
	
	.intro.intro_login .selectb_wrap > ul > li.login_box{width:68%;}
	/* .intro_login .login_form{width:270px;} */
	/* .intro.intro_login .login_box select{width:190px;} */
	/* .intro_login .login_box input{width:181px;} */
	/* .intro_login .selectb_wrap .box{height:278px;padding-top:47px;} */
	
	.intro_certific #container{padding:0;}
	
	/* .intro_404 #content p{margin-right:53px} */

	/*sk하이닉스-20220422
	****************************/

	.infoQ_bx{right: -165px;}
	.infoQ_ico.mTit{right: 9px;}
	.intro_login .login_box .infoQ_bx.info2{top: -190px;}

	/* 에르메스 - 20220623
	****************************/

	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(5) div,
	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div,
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div,
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(7) div{font-size: 0;}

	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(5) div input[type="tel"],
	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="text"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="tel"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(7) div input[type="text"]{vertical-align: middle;}
	.intro_login1.intro_phoneCertify .login_box ul.login_form li div button[type="button"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li div button[type="button"]{vertical-align: middle;padding: 4px 0!important;margin-left: 2%;}

	/* .intro_login.intro_phoneCertify .login_box{height: 342px;} */
	/* .intro_login.intro_phoneCertify .selectb_wrap .box{height: 342px;} */

	/* Cj - 20220706
	****************************/

	/* .intro_login.intro-cj.intro_login1 .selectb_wrap .box {height: 232px;}
	.intro_login.intro-cj.intro_login1 .login_box{height: 232px;}
	.intro_login.intro-cj.intro_login2 .selectb_wrap .box {height: 329px;}
	.intro_login.intro_login2.intro-cj .login_box{height: 329px;} */

	/*Cj 임원예약사이트*/
	.intro.intro-cj.intro_select .selectb_wrap .infoTxt{width: 100%;}


	/* 라이나생명 임직원 로그인 - 20230125 */
	/* .intro_login.intro-cj.intro_login1 .intro-lina .selectb_wrap .box{padding-bottom: 25px;height: 257px;}
	.intro_login.intro-cj.intro_login1 .intro-lina .login_box{padding: 25px 30px 25px 30px;height: 257px;} */

	/*Cj 그룹 게이트 .pre_intro - 추가 20230420*/
	/* .intro.intro-cj.pre_intro .selectb_wrap .box_btns .box{width: 242px!important;height: 250px;} */

	.intro #footer {padding:0}

}



/*모바일*/
@media only screen and (max-width: 767px){
	body.intro {background-color: #fbfcfe;}
	.intro header {background-color: #fbfcfe;}

	.logo.logo_bizcare img{width: 120px;}
	.intro #container{padding:0}
	.intro_certific .imgWrap img{width: 300px;}
	.intro.intro_certific #container{padding-top:0}
	.intro.intro_certific #container[class*="agreement_"] #content{padding-top: 15px;}
	.intro_certific .group {padding:15px 0 30px 0;}
	.intro_certific .group.personal-info{padding:0 15px}
	.intro_certific .group.personal-info input + .text_orange{display: block;}
	.intro_certific .group.personal-info input + select{margin-top: 5px;width: 100%;}
	.intro_certific .personal-info.rwd_table tr:first-child th:first-child,
	.personal-info.col2 tr th{text-align: center;}
	.intro_certific .group.personal-info #acc {width: calc(100% - 90px);}



	.intro_certific .clause_d {border-left:none;border-right:none;}
	.intro header .logo{width: 150px; padding:20px 5px 15px 5px;margin:0 auto;}
	.intro header .logo a{width: 100%;margin:0}
	.intro header .logo a img {max-height: 60px !important;}
	.intro header .logo.logo_multi a img {max-height: 100px !important;}
	.intro .intro_text{margin-top:0;position: static;text-align: center;left: 0;}
	@-moz-document url-prefix(){
		.intro .intro_text{margin-top:0};
	}
	.intro .intro_text p{margin:8px 0 13px 0;font-size:12px;display: none;}
	/* .intro .intro_text p .br{display:none} */

	
	.intro #content{overflow: hidden; padding-top: 300px;background: url('/images/intro/m_visual_intro.png') no-repeat center top;background-size: 320px;}
	.intro #content .visual{display: none;}


	.intro .intro_text .m_show{display:inline;max-width:80%;margin-bottom: 20px;margin-top:-90px}
	.intro footer{padding-top:10px;font-size:12px;clear:both}
	.intro_certific footer{margin-top:0;padding:0 0 10px 0;}
	.intro footer strong{color:#888;}
	

	.intro .selectb_wrap .hide{display:inline;font-weight: normal;font-size: 14px;margin-left: 3px;}
	.intro .selectb_wrap .m_show{display:block;font-size:13px;background-position:0 7px;margin-bottom: 5px;text-align: left;}
	.intro_select .selectb_wrap p.bul_round1{background:url('../images/bul_circle-dg.png') no-repeat 0 7px;padding-left:10px;background-size: 5px;}

	.intro_select .selectb_wrap{padding:0 20px;margin-top:1.5%}
	.intro-cj.intro_select .selectb_wrap{margin-top:0px}
	.intro-shinhan.intro_select .selectb_wrap{margin-top:2.5%}

	.intro .intro_info {margin-top:10px;}
	.intro .intro_info .highlight {display: block;}

	/*Cj 그룹 게이트 .pre_intro*/
	.intro.intro-cj.pre_intro .selectb_wrap .box span {padding:0;}
	.intro.intro-cj.pre_intro .selectb_wrap .box.g_leader span b {font-size: 15px;}
	.intro.intro-cj.pre_intro .selectb_wrap .box.g_leader span {font-size: 16px;background-position: 25% 0}
	.intro.intro-cj.pre_intro .selectb_wrap .box.g_worker span {background-position: 25% 0}
	.intro.intro-cj.pre_intro .selectb_wrap .box.g_worker span b {font-size: 18px;}

	.intro_select .selectb_wrap ul{background:none;}
	/* .intro .selectb_wrap ul li:first-child {border-left:none;} */
	.intro .selectb_wrap .box{padding:0!important;border:none!important;width:100%;background:none;height:auto!important;}
	.intro_select .selectb_wrap a{padding: 20px 0;margin: 5px 0;font-size: 16px;border-radius:10px;}
	.intro_select .visual,
	.intro .visual{margin-left:-6%;max-width: 180%;margin-top: -6%;}
	.intro .selectb_wrap .box_wrap{padding:0;margin-bottom: 0;border: none;flex-direction: column;}
	.intro.intro_select .select_box select{width:100%;margin-top: 5px;}
	/* .intro-cj.intro_select .select_box{width:100%;margin-top:5px}
	.intro-cj.intro_select .select_box select{width:100%}
	.intro-shinhan.intro_select .select_box{width:100%;margin-top:5px}
	.intro-shinhan.intro_select .select_box select{width:100%} */


	.intro_login #content{padding-top: 200px;background-size: 220px;}
	.intro_login .intro_text .m_show {max-width: 70%;}
	.intro.intro_select .select_box{width:100%} 
	.intro.intro_select .select_box select{float:right;width:100%;}
	.intro_login .box h3{font-size:20px;padding:0 10px}
	.intro_login .selectb_wrap{padding:0 20px;}
	.intro_login .box h3{text-align:left}
	.intro_login .login_box{width:100%;padding:10px 10px 0 10px;height:auto!important;}
	.intro.intro_login .selectb_wrap .box {width: auto;}/* 20240719 추가 */
	.intro.intro_login .selectb_wrap > ul > li.login_box{width: 100%;padding: 15px 20px 0 20px;}
	.intro_login .login_box .dsc{margin-top:10px; line-height: 1;}
	.intro_login .box, .intro_login .login_box{border:none!important;background:none;}
	.intro_login .selectb_wrap .box_wrap{background:none;border:1px solid #dcdcdc;padding:20px 0}
	.intro_login .login_form{width:auto;padding:10px}
	.intro.intro_login .login_wrap{width: 100%;margin-bottom: 10px;}
	.intro.intro_login .login_form{width: 100%;padding: 10px 5px;}
	.intro_login .login_box .btn_wrap{float:none;width:100%}
	.intro_login .login_box.addtxt {position: relative;}
	.intro_login .login_box.addtxt p.dsc {position: relative;left:0px;bottom:0;}
	.intro_login.intro-cj .btn_wrap a.btn_blue {width: 99.8%;}

	.intro_login3.intro_login .login_box .btn_wrap{margin-top:0}
	.intro_login .btn_wrap button, .intro_login .btn_wrap a{width:38%;font-size:14px!important;padding:15px 0!important;margin-bottom:0!important;float:right;}
	.intro_login .btn_wrap a{padding:15px 0!important;}
	.intro_login .btn_wrap .btn_login{width:60%;float:left;}
	.intro_login .box_wrap form .login_form li{width:100%}
	.intro_login .login_box div{width:77%;float:right}
	.intro.intro_login .login_box strong{width: ;}
	.intro_login .login_box div #selectIs{width: auto;}
	.intro_login .btn_wrap .btn_login img{margin-top:1px}
	.intro_login .login_box input{height:30px}
	#selectIs li{width:24%!important;margin-left:1%;}
	#selectIs li.first{width:25%!important}
	
	.intro_login .login_box select, .intro_login .login_box input, #selectIs li{width:100%;
		box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;
	}
	.intro.intro_login .login_box select{width: 100%;}
	
	/* .intro_login #fancybox-wrap{margin-left:-230px!important } */
	
	/* .intro-cj .logo a{height:70px}
	.intro-shinhan .logo a{height:70px} */
	.intro-cj .logo a img{height:100%}
	.intro-shinhan .logo a img{height:100%}
	.intro-cj .logo.lgcare_logo{width:80%;height:auto;margin:0 auto;}
	.intro_404 #content p{margin:10px 0 0 0;text-align:center;width:100%}
	.intro_select .selectb_wrap p, .intro .selectb_wrap .box img, .intro footer .br, .intro .intro_text .m_hide, .intro .intro_text .bul_round1{display:none}

	/*KDB 인트로페이지 20150716*/
	.kdb_menu {margin: 0 20px;}
	.kdb_menu li{display: block;width: 100%;margin: 20px 0;vertical-align: top; }
	.kdb_menu li + li {padding-left: 0;}
	.kdb_menu li a dt {padding:20px; margin-bottom: 10px; color: #fff;border-radius: 20px;line-height: 2;}

	/*sk하이닉스-20220422*/
	.intro_login .login_box .infoQ_bx.info2{top: -190px;}
	.intro_login .login_box .infoQ_ico.sTit{padding-right: 0;}
	

		/* 에르메스 - 20220623
	****************************/


	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(5) div input[type="tel"],
	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="text"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="tel"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(7) div input[type="text"]{vertical-align: middle;}
	.intro_login1.intro_phoneCertify .login_box ul.login_form li div button[type="button"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li div button[type="button"]{vertical-align: middle;padding: 5px 0!important;margin-left: 2%;}

	.intro.intro_phoneCertify .login_box ul.login_form li div button.btn_dgra2 {vertical-align: middle;padding: 5px 0!important;margin-left: 1%;}

		/* Cj - 20220706
	****************************/
	.intro.intro-cj.intro_login .intro_text p{display: none;}
	.intro_login.intro-cj .box h3 span {padding: 5px 0;font-size: 13px;}
	.intro_login2.intro_login.intro-cj .box h3{padding-bottom: 0!important;}
	.intro_login2.intro_login.intro-cj .box h3 br{display: none;}
	.intro_login2.intro_login.intro-cj .login_form{margin-top: 0!important;}

	.intro.intro-cj .selectb_wrap > ul > li:last-child > span {margin: 10px 0;}

	/*Cj 임원예약사이트*/
	.intro.intro-cj.intro_select .selectb_wrap .infoTxt{width: 100%;}
	.intro.intro-cj.intro_select .selectb_wrap .infoTxt p{font-size: 12px;line-height: 1.3;}
	.intro.intro-cj.intro_select .selectb_wrap .infoTxt p span.br_m {display: block;}
	.intro.intro-cj.intro_select .selectb_wrap .infoTxt a.btn_gra1{font-size: 12px;width: 110px;padding: 8px 0;margin-left: 10px;}
	.intro.intro-cj.intro_select .selectb_wrap .infoTxt a.telLink{font-size: 11px;}

	/* 라이나생명 임직원 로그인 - 20230125 */
	.intro_login.intro-cj.intro_login1 .intro-lina .login_box{padding-bottom: 0;}

	/*Cj 그룹 게이트 .pre_intro - 추가 20230420*/
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box{width: 100%;}
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box span{background-position: 25% 0!important;}
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_leader span{background-size: 70px;font-size: 16px;}
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_leader span b{font-size: 15px;margin-bottom: 10px;padding-left: 0;padding-left: 50px;}
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_worker span,
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.box.g_general span {font-size: 15px;background-size: 80px;padding-left: 60px;}
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_worker span b,
	.intro.intro-cj.pre_intro .selectb_wrap .box_btns .box.g_general span b {margin-bottom: 10px;padding-left: 0;font-size: 18px;padding-top: 0;}
	
	.intro #footer {padding:0}
	.intro #footer .footer_wrap{padding-top: 50px;font-size: 12px;text-align: center;}
	
}

/*모바일 가로(아이폰 이외)*/
@media only screen and (min-width: 481px) and (max-width: 767px){
	.intro-cj.intro .intro_text .m_show{max-width:70%}
	.intro-shinhan.intro .intro_text .m_show{max-width:70%}
	.intro.intro .intro_text .m_show{max-width:70%}

	/*sk하이닉스-20220422*/
	.infoQ_bx{right: inherit;left: 0;top: -246px;width: 100%;}
	.infoQ_ico.mTit{right: inherit;left: 196px;top: 0px;}
}

@media only screen and (max-width: 600px){
	.intro_404 #content{padding: 200px 0 180px;
		background: url(../images/common/ico_404.png) no-repeat center 120px; background-size: 100px;}
	/* .intro_404 #content p{margin-top:20px;}
	.intro_404 #content img{display:block;margin:10px auto;} */
}

/*max481*/
@media only screen and (max-width: 480px){
	/* .intro_login .login_box div{width:61%} */
	
	#fancybox-outer {box-sizing: border-box;}
	.intro_login #fancybox-wrap{width: 85% !important;margin-left: auto !important;transform: translateX(-50%);
		left: 50% !important;}
	.intro_login #fancybox-content{width:100%!important;padding:0;box-sizing: border-box;}
	
	#selectIs li{letter-spacing: -1px;font-size:12px}
	
	/* .intro-cj.intro .intro_text p{display:none}	
	.intro-shinhan.intro .intro_text p{display:none} */
	/* .intro.intro .intro_text p{display:none}  */

	/*sk하이닉스-20220422*/
	.infoQ_bx{right: inherit;left: 0;top: -213px;width: 100%;padding: 14px;}
	.infoQ_ico.mTit{right: inherit;left: 196px;top: 0px;}
	.intro_login .box h3 .infoQ_bx ul li span{font-size:12px;}
	.intro_login .login_box .infoQ_bx.info2{right: inherit;left: 0;width: 320px;padding: 14px;top: -134px;left: -14px;}
	.infoQ_bx.info2 p{font-size: 12px;}
	.infoQ_bx.info2 dl dt{font-size: 11px;padding: 5px;word-break: keep-all;}
	.infoQ_bx.info2 dl dd{font-size: 11px;padding: 5px;word-break: keep-all;}
	.infoQ_bx.info2 dl dd br{display: none;}
	
		/* 에르메스 - 20220623
	****************************/

	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(5) div input[type="tel"],
	.intro_login1.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="text"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(6) div input[type="tel"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li:nth-child(7) div input[type="text"]{width: 60%!important;}
	.intro_login1.intro_phoneCertify .login_box ul.login_form li div button[type="button"],
	.intro_login2.intro_phoneCertify .login_box ul.login_form li div button[type="button"]{width: 38%;padding: 5px 0!important;margin-left: 2%;font-size: 12px;}
	
}


/*모바일 가로(아이폰 기준)*/
@media only screen and (min-width: 321px) and (max-width: 480px){

}

/*모바일 세로*/
@media only screen and (max-width: 320px){

}

@media screen and (orientation:portrait){}
@media screen and (orientation:landscape){}