@charset "utf-8";
/*common
*****************************/
.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;/*background:url(../images/intro/bg_intro_header.png) no-repeat 50%;*/padding:32px 0 26px 0;}
.intro-cj header .logo{padding:12px 0 19px 0}
.intro-shinhan header .logo{padding:30px 0 19px 0}/*20140502 추가*/
.intro footer{text-align:center;font-size:10px;color:#888;font-family:'나눔고딕', NanumGothic;padding:0 0 40px 0}
.intro footer strong{font-weight:normal;color:#666}

.intro #container{padding-bottom:30px}
.intro #content{position:relative}
.intro .intro_text{position:absolute;top:0;right:20px;margin-top:90px;width:49.5%;}
.intro .intro_text p{line-height:1.8em;font-size:13px;color:#555;margin:6px 0 8px 0;font-family:'NanumGothicWEB',"나눔고딕",sans-serif}
.intro .intro_text p.bul_round1{font-weight: bold; font-size: 12px;padding-top: 5px;background-position:0 15px;}

.intro .selectb_wrap{clear:both;text-align:center;position:relative}
.intro .selectb_wrap .box_wrap{display:inline-block;.display:inline;zoom:1;width:754px;padding:0 0 23px 0}
.intro .selectb_wrap .box{width:180px;height:216px;border:1px solid #dbdddf;border-left:none;float:left;padding:35px 35px 0 35px;}
.intro-cj .selectb_wrap .box_wrap{display:inline-block;.display:inline;zoom:1;width:754px;padding:0 0 23px 0;} /*20140225 추가*/
.intro-cj .selectb_wrap .box{width:278px;height:216px;border:1px solid #dbdddf;border-left:none;float:left;padding:40px 48px 10px;background:#fff;} /*20140225 추가/20140407 수정*/

.intro-shinhan .selectb_wrap .box_wrap{display:inline-block;.display:inline;zoom:1;width:450px;} /*20140502 추가*/
.intro-shinhan .selectb_wrap .box{width:378px;height:216px;border:1px solid #dbdddf;border-left:none;float:left;background:#fff;}/*20140502 추가*/

.intro .selectb_wrap ul li:first-child{border-left:1px solid #dbdddf;}
.intro .selectb_wrap .box1{background:url(../images/intro/bg_intro_box1.png) no-repeat 0 0}
.intro .selectb_wrap .box2{background:url(../images/intro/bg_intro_box2.png) no-repeat 0 0;}
.intro .selectb_wrap .box3{background:url(../images/intro/bg_intro_box3.png) no-repeat 0 0}
.intro-cj .selectb_wrap .box1{background:url(../images/intro/bg_intro_cj_box1.png) no-repeat 0 0}/*20140225 추가*/
.intro-cj .selectb_wrap .box2{background:url(../images/intro/bg_intro_cj_box2.png) no-repeat 0 0;}/*20140225 추가*/

.intro-shinhan .selectb_wrap .box1{background:url(../images/intro/bg_intro_cj_box1.png) no-repeat 0 0; background-color: #f8f8f8;}/*20140502 추가*/
.intro-shinhan .selectb_wrap .box2{background:url(../images/intro/bg_intro_cj_box2.png) no-repeat 0 0;}/*20140502 추가*/

.intro .m_show{display:none;}

/*page
****************************/
/*대상자 선택*/
.intro_select .visual{margin-top:-26px}
.intro_select .selectb_wrap{margin-top:-2.8%;}
.intro_select .selectb_wrap ul{background:url(../images/intro/gra_intro_box.png) no-repeat 0 bottom;}
.intro_select .selectb_wrap a{display:block;padding:14px 0;font-size:16px;margin:13px 0 5px 0;}
.intro_select .selectb_wrap a:hover{color:#fff}
.intro_select .selectb_wrap p{text-align:left;font-size:11px;} /* 수정: 윤정근(0419) */
.intro.intro_select .select_box{width:754px;display:inline-block;.display:inline;zoom:1;} /*20140311 추가*/
.intro.intro_select .select_box select{float:right;width:209px;}

/*대상자 선택 -CJ*/
.intro-cj.intro_select .select_box{width:744px;display:inline-block;.display:inline;zoom:1;} /*20140225 수정*/
.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;.display:inline;zoom:1;} /*20140502 수정*/
.intro-shinhan.intro_select .select_box select{float:right;width:209px;height:28px;} /*20140502 수정*/

/*로그인*/
.intro_login .selectb_wrap .box{width:251px;height:231px;padding:45px 0 0 0}
.intro_login2 .selectb_wrap .box{height:225px;padding-top:39px;}
.intro_login.intro-cj .selectb_wrap .box{height:221px;padding-top:30px;}
.intro_login.intro-shinhan .selectb_wrap .box{height:221px;padding-top:30px;}/*20140502 추가*/
.intro_login .box h3{font-size:24px;text-align:center;}
.intro_login .box h3 span{font-size:14px;color:#444;}
.intro_login .box img{margin:15px 0 18px 0}
.intro_login .box_wrap{background:url(../images/intro/gra_loginbox.png) no-repeat 0 bottom;}
.intro_login .login_box{width:440px;height:251px;float:left;border:1px solid #dbdddf;border-left:none;text-align:left;padding:25px 30px 0 30px;background:url(../images/intro/bg_login_box.gif) no-repeat 0 0 #fff}
.intro_login.intro-cj .login_box{height:226px;}
.intro_login.intro-shinhan .login_box{height:226px;}/*20140502 추가*/
.intro_login .login_form{width:280px;padding:10px 0 0 10px;float:left;border-top:2px solid #6cc9e7;border-bottom:1px solid #bbbfc2;margin-bottom:13px;}
.intro_login .login_box strong{font-family:NanumGothicWEB;color:#2d789e;font-size:13px;width:80px;float:left;}
.intro_login .login_box select{width:200px;display:block;.display:inline;zoom:1;margin-top:4px;padding:3px 0}
html[class*="ie"] .intro_login .login_box select, .ie6 .intro_login .login_box select{padding:0; height:20px}
#selectIs li{margin:0 0 4px 2px;width:46px;cursor:pointer;border: 1px solid #b5b5b5!important;padding:3px 0;font-size:13px;}
#selectIs li.first{margin:0;}
#selectIs li.active, #selectIs li:hover{border:1px solid #306fbc!important}
.intro_login .login_box input{width:192px;border:1px solid #d3d3d3;background:#f9f9f9;padding:3px;height:19px}
.intro_login .box_wrap form .login_form li{border:none;padding:6px 0;float:left;}
.intro_login .login_box div{margin-top:-5px;min-height:30px;float:left;}
.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-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}/*20140502 추가*/
.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}/*20140502 추가*/
.intro_login .btn_wrap .btn_login img{margin:4px 4px 0 0}
.intro_login .login_box .dsc{clear:both;}
.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:209px}
.intro_login2.intro-shinhan .login_box{height:209px}/*20140502 추가*/

/*대상자 인증*/
.intro_certific footer{margin-top:50px}
.intro_certific.intro #container{padding-bottom:0;}
.intro_certific .group{padding:30px 30px 60px 30px}
.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:15px;margin:0 2px}
.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;}

.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:147px 0 180px 0}
.intro_404 .ico{margin-right:40px;}
.intro_404 #content p{font-size:16px;color:#555;text-align:left;width:385px;font-family:'NanumGothicBold',NanumGothicWEB;margin:5px 156px 0 auto;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;font-family:'NanumGothicWEB',"나눔고딕",sans-serif; line-height: 24px; padding-left: 10px}


/*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:-5%}
	
	/*box-sizing:border-box*/
	.intro_login .login_box, .intro .selectb_wrap .box{
		box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;
	}
}

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

	.intro .selectb_wrap .box img{height:55%}
	.intro .selectb_wrap .box{padding-top:20px}
	.intro .selectb_wrap .box{width:33.3%}
	.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;.display:inline;zoom:1;width:450px;background:none;} /*20140502 추가*/
	.intro-shinhan .selectb_wrap .box{width:100%;}/*20140502 추가*/

	.intro .selectb_wrap .box_wrap{background-size:100% auto;padding:0 0 22px 0}
	.intro.intro_select .select_box{width:724px} /*20140408 추가*/
	.intro.intro_select .select_box select{float:right;width:209px;}/*20140408 추가*/
	
	#selectIs li{width:44px;}
	
	.intro_select .selectb_wrap {margin-top: -2.8%;}
	.intro_select .selectb_wrap a{padding:12px 0}
	.intro-cj.intro_select .selectb_wrap {margin-top: 40px;}/*20170406 추가*/
	.intro-cj.intro_select .select_box{width:725px}
	.intro-shinhan.intro_select .select_box{width:547px}/*20140502 추가*/
	
	.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;}	/*20140502 추가*/
	
	.intro_login .login_box{width:66.6%;height:278px;}
	.intro_login .login_form{width:270px;}
	.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}
}

/*모바일*/
@media only screen and (max-width: 767px){
	.intro #container{padding:27px 0 0 0}
	.intro.intro_certific #container{padding-top:0}
	.intro_certific h2{margin-left: 15px}
	.intro_certific .group {padding:15px 0 30px 0;}
	.intro_certific .clause_d {border-left:none;border-right:none;}
	.intro header{padding-bottom:0;background:#f0f0f0}
	.intro header .logo{padding:15px 0 15px 0;margin-bottom:0;}
	.intro .intro_text{margin-top:10%}
	@-moz-document url-prefix(){
		.intro .intro_text{margin-top:5%};
	}
	.intro .intro_text p{margin:8px 0 13px 0}
	.intro .intro_text p .br{display:none}
	.intro .intro_text p{font-size:12px}




	.intro .intro_text .m_show{display:inline;max-width:85%}
	.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;font-family:'나눔고딕', NanumGothic;}
	

	.intro .selectb_wrap .hide{display:inline;font-family: NanumGothic;font-weight: normal;font-size: 14px;margin-left: 3px;}
	.intro .selectb_wrap .m_show{display:inline;float:left;font-size:12px;background-position:0 7px;margin-bottom: 10px}
	.intro_select .selectb_wrap{padding:0 10px;margin-top:1.5%}
	.intro-cj.intro_select .selectb_wrap{margin-top:0px}/*20170406 추가*/
	.intro-shinhan.intro_select .selectb_wrap{margin-top:2.5%}/*20140502 추가*/



	.intro_select .selectb_wrap ul{background:none;}
	.intro .selectb_wrap .box{padding:0!important;border:none;width:100%;background:none;height:auto!important;}
	.intro_select .selectb_wrap a{padding:19px 0;margin:5px 0;}
	.intro_select .visual{margin-left:-7%}
	.intro .selectb_wrap .box_wrap{padding:0;}
	.intro_select .selectb_wrap a{font-size:15px}
	.intro.intro_select .select_box select{width:100%}
	.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}/*20140502 추가*/
	.intro-shinhan.intro_select .select_box select{width:100%}/*20140502 추가*/


	.intro.intro_select .select_box{width:100%} /*20140408 추가*/
	.intro.intro_select .select_box select{float:right;width:100%;}/*20140408 추가*/
	
	.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_login .login_box .dsc{margin-top:10px}
	.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_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:7px 0!important;margin-bottom:0!important;float:right;}
	.intro_login .btn_wrap a{padding:8px 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_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_login #fancybox-wrap{left:50%!important;margin-left:-230px!important }
	
	.intro-cj .logo a{height:38px}
	.intro-shinhan .logo a{height:38px}/*20140502 추가*/
	.intro-cj .logo a img{height:100%}
	.intro-shinhan .logo a img{height:100%}/*20140502 추가*/
	.intro-cj .logo.lgcare_logo{width:80%;height:auto;margin:0 auto;}/*20170406 추가*/
	
	.intro_404 #content p{margin:10px 0 0 0;text-align:center;width:100%}
	
	/*display:none*/
	.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;}




}

/*모바일 가로(아이폰 이외)*/
@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%}/*20140502 추가*/
	.intro.intro .intro_text .m_show{max-width:70%} /*20140408 추가*/
}

@media only screen and (max-width: 600px){
	.intro_404 #content p{margin-top:20px;}
	.intro_404 #content{padding:30px 10px 80px 10px}
	.intro_404 #content img{display:block;margin:10px auto;}
}

/*max481*/
@media only screen and (max-width: 480px){
	.intro_login .login_box div{width:61%}
	.intro_login #fancybox-wrap{width:300px!important;left:50%!important;margin-left:-175px!important }
	.intro_login #fancybox-content{width:280px!important;/*height:460px!important;*/padding:0;}
	
	#selectIs li{letter-spacing: -1px;font-size:12px}
	
	.intro-cj.intro .intro_text p{display:none}	
	.intro-shinhan.intro .intro_text p{display:none}	/*20140502 추가*/
	.intro.intro .intro_text p{display:none} /*20140408 추가*/
	
}

/*모바일 가로(아이폰 기준)*/
@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){}

/* ie */
.ie7 .intro-cj.intro_select .select_box{margin-bottom:5px;}
.ie7 .intro-shinhan.intro_select .select_box{margin-bottom:5px;}/*20140502 추가*/
.ie7 .intro_certific.intro #container{float:left;}
.ie7 .intro_certific.intro #container #content{float:left;}