@charset "utf-8";
#sub_visual .bg {background: url('/theme/dokdo/img/sub/top_dataroom_bg.jpg') no-repeat center center;}
#sub_menu ul li {width:33% !important;}

.container_sub h2 {font-size:25px;font-weight:bold;margin-bottom:15px;margin-left:0px;border-bottom:2px solid #555555;padding-bottom:20px;}
.container_sub h2::before {content: "";display: inline-block;background-color: #000;width:15px;height:16px;margin-right:10px;background: url('/img/common/dot_h2.png') no-repeat center center;}

.form-box .form-con ul.in li{display:table;width:100%;padding:10px 0;}
.form-box .form-con ul.in li .fr-title{float:left;width:100px;line-height:40px;}
.form-box .form-con ul.in li .fr-con{float:left;width:calc(100% - 100px);}
.form-box .form-con ul.in li .fr-con input, 
.form-box .form-con ul.in li .fr-con select, 
.form-box .form-con ul.in li .fr-con textarea{width:100%;border:0;height:40px;line-height:40px;padding:0 10px;border:1px solid #D8D8D8}
.form-box .form-con ul.in li .fr-con .text-box{diaplay:table;width:100%;}
.form-box .form-con ul.in li .fr-con .text-box input{width:34%;float:left;margin-left:1%;}
.form-box .form-con ul.in li .fr-con .text-box select{width:30%;float:left;}
.form-box .form-con ul.in li .fr-con textarea{height:120px;resize:none;}

.form-box .form-con .provision{display:table;width:100%;margin-top:20px;}
.form-box .form-con .provision label{cursor:pointer;font-weight:300;}
.form-box .form-con .provision label input{width:20px;height:20px;}
.form-box .form-con .provision a{padding:0 15px;height:35px;line-height:35px;font-size:12px;background:#999;color:#fff;display:inline-block;margin-left:10px;}

.form-box .form-con .provision h3 {font-size:21px;line-height:70px;font-weight:bold;}
.form-box .form-con .provision .details {border-bottom:2px solid #555555;padding-bottom:20px;}
.form-box .form-con .provision .info {width:100%;padding:40px 40px 40px 80px;background:#f8f9fc;}
.form-box .form-con .provision .info li {font-weight:bold;list-style: decimal;line-height:35px;}
.form-box .form-con .provision .info li p {font-weight:500;}

.form-box .receive-btn {width: 500px;height: 100px;margin: 50px auto 0;position: relative;padding-bottom: 10px;}
.form-box .receive-btn .bg {background: url(/img/common/application_02.png) no-repeat;width: 133px;height: 131px;display: inline-block;position: absolute;left: 0;bottom: 0;z-index: 1;margin-bottom:-10px;    background-size: contain;}
.form-box .receive-btn input {color: #fff;line-height: 90px;font-size: 30px;text-align: center;border-radius: 15px;background: #034691;width: 90%;position: absolute;right: 0;bottom: 5px;z-index: 0;}

#provision label{line-height:30px;border:1px solid red;}
#provision-check {display: none;}
#provision-check + span{display: inline-block;width: 30px;height: 30px;margin-right:10px;margin-top:10px; border:2px solid #F58220;position: relative;}
#provision-check:checked + span::after{content:'✔';font-size:25px;width: 30px;height: 30px;text-align: center;position: absolute;left: 0;top:0;background:#F58220;color:#fff;}
.provision-txt {display:inline;font-weight: bold;    vertical-align: super;}

#captcha #captcha_img {float:left;}
#captcha #captcha_key {width: 150px;}


@media screen and (max-width:1370px){
	.container_sub {font-size:18px;}		
}

/*sub1.css*/
@media screen and (max-width:1024px){
	.container_sub {font-size:16px;}		
	.container_sub .about span {display:inline;}
}

@media screen and (max-width:800px){
	.form-box .form-con ul.in li .fr-title{width:80px;}
	.form-box .form-con ul.in li .fr-con{width:calc(100% - 80px);}	
	.form-box .form-con .provision .info {width:100%;padding:40px 40px 40px 40px;background:#f8f9fc;}	
	.form-box .receive-btn {width:auto;}
	.form-box .receive-btn input{width:70%;margin:0 15%;font-size:20px;padding-left:30px;}	
	
}