/* CSS Document */
@import url(common.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


#wrap{}
body{font-family: 'Noto Sans KR', sans-serif;font-weight: 400}
.inner{width:1200px; margin:0 auto}
.bold{font-weight:600}
.blue{color:#0c89fd}
.title_color{color:#5c730e;}
/*----- header ------*/
#header{overflow:hidden; position:fixed; top:0; left:0%; background-color:#fff; width:100%; height:127px; z-index:100; border-bottom:1px solid #e9e9e9}
#header .inner{position:relative}
#header .logo{float:left;padding-top:50px}
#header .nav{float:right;padding-top:66px}
#header .nav ul li{float:left; margin-left:78px;font-size:18px; font-weight:600;}
#header .nav ul li:first-child{margin-left:0}
#header .nav ul li a{display:block; color:#4c4c4c; font-size:19px; font-weight:400; letter-spacing: 0.5px;}
#header .nav ul li a:hover{color:#0b1c46; }
#header .nav ul li.on a{color:#0b1c46;}
#header .nav ul li.active{color:#0b1c46}

.visual{margin-top:127px}

/*----- footer -----*/
#footer{width:100%;background:#221a18;padding:45px 0}
#footer p{padding-left:407px;font-size:16px; font-weight:lighter; color:#fff;line-height:28px;background: url("../img/f_logo.png") no-repeat 0 50%}
.go_top{position:fixed;right:92px;bottom:50px}


/* -------- new -------- */
.tit_cnt{margin-bottom:30px;font-size:50px;line-height:52px;color:#333;}
.tit_cnt2{margin-bottom:30px;font-size:50px;line-height:52px;color:#333;}
.tit_cnt3{margin-bottom:30px;font-size:50px;line-height:52px;color:#333;}
.txt_cnt{font-size:20px;line-height:30px;color:#4c4c4c;}
.txt_cnt2{font-size:20px;line-height:30px;color:#4c4c4c;margin-bottom: 20px}
.txt_cnt strong{font-weight:600;}

/* 자세히보러가기 버튼 */
.btn_detail{display:block;width:181px;padding:21px 0 19px;margin:0 auto;border:1px solid #0b1c46;font-size:18px;line-height:18px;color:#0b1c46}
.btn_detail img{margin-left:5px}

.intro_com .btn_detail{padding-right:42px;background:url("../img/dot_arrow.png") no-repeat 130px 22px}
.intro_com .btn_detail:hover{background:#0b1c46 url("../img/dot_arrow_w.png") no-repeat 130px 22px;color:#fff;border:1px solid #0b1c46; transition:all 0.5s ease}

.intro_com{padding:60px 0;text-align:center;background-color:#fff;}
.intro_com .tit_cnt{padding-top:96px;background:url("../img/ico_titcom.png") no-repeat 50% 0}
.intro_com .txt_cnt{margin-bottom:100px}

.intro_law{padding:67px 0 75px;background-color:#eee;text-align:center}
.intro_law .list_law{width:1110px;margin:40px auto 0}
.intro_law .list_law ul li{float:left;width:505px;height:305px;padding-top:53px;margin-left:100px;background-repeat:no-repeat;background-position:50%;color:#fff;box-shadow:5px 5px 5px rgba(0, 0, 0, .5);}
.intro_law .list_law ul li:first-child{margin-left:0;background-image:url("../img/bg_item01.png")}
.intro_law .list_law ul li:last-child{background-image:url("../img/bg_item02.png")}
.intro_law .list_law ul li .tit_law{font-size:25px;line-height:27px}
.intro_law .list_law ul li .txt_detail{padding:30px 0 15px;font-size:18px;line-height:30px}
.intro_law .list_law ul li .btn_detail{border:1px solid #fff;color:#fff}
.intro_law .list_law ul li .btn_detail:hover{background-color:#554945;transition: all 0.5s ease;}

.form{position: relative}

.area_form{height:auto;padding:20px 0;background: #72aeff no-repeat 50%;text-align:center;background-size:cover}
.area_form .inner{width: 850px}
.area_form .tit_cnt{text-indent: -9999px;background: url(/img/form_tit.png) no-repeat center}
.area_form .txt_cnt{margin-bottom:45px;color:#fff}
.area_form .txt_cnt em{color:#4dfff5}

.area_form .form ul{margin-bottom:30px;width: 40%}
.area_form .form ul:after{display:block;content:"";clear:both;}
.area_form .form ul li{width:100%;height:50px;margin-left:0px;text-align:left;font-size:20px;}
.area_form .form ul li:first-child{margin-bottom: 20px}
.area_form .form ul li:after{display:block;content:"";clear:both;}
.area_form .form ul li label{float:left;width:90px;color:#000;line-height:50px;font-size:16px;text-indent: 35px;border-radius: 10px 0 0 10px}
.area_form .form ul li label.uName{background: url(/img/ico_name.png) no-repeat left 10px center #fff;}
.area_form .form ul li label.uTel{background: url(/img/ico_tel.png) no-repeat left 10px center #fff;}
.area_form .form ul li .area_input{float:left;width:247px;margin-left: 2px;background: #fff;border-radius: 0 10px 10px 0}
.area_input input[type="text"], .area_input select{width:100%;height:50px;background:none;border:0;padding-left:5px;font-size:16px}
.area_input.area_tel:after{display:block;content:"";clear:both;}
.area_input.area_tel input, .area_input.area_tel select{float:left;width:70px}
.area_input.area_tel input{margin-left:0px}

.area_form .form ul li .addText input{width:300px; height:50px; border:none;}
.area_form .form ul li .addText span{color:#fff}
.area_form .form ul li .radioBtn label{float:none;}
.area_form .form ul li .radioBtn .p2{margin-right:35px}
.area_form .form ul li .radioBtn input[type="radio"]{margin-top:-1px;margin-right:5px}

.form_mid{width: 35%;float: left;display: block;position: absolute;top: 0;left: 42%;text-align: left}

.area_form .form .check{margin-top:20px;line-height: 1.5}
.area_form .form .check input{width:20px;height:20px}
.area_form .form .check span{font-size: 15px;color:#333}
.area_form .form a{color:#333}
.area_form .form .btn{width:200px;height:105px;position: absolute;top: 0;right: 0;background: url(/img/form_sm.png) no-repeat;font-size: 0;text-indent: -9999px}
.area_form .form .btn a{display:block;width: 100%;height: 100%}



.intro_map{padding:70px 0 0 0;text-align:center;}
.intro_map .txt_cnt{margin-bottom:45px}
.intro_map .txt_cnt img{margin:5px 5px 0 0 }

/* right_quick */
.right_quick{position:fixed;right:10px;top:140px}
.quick{display: block;width: 150px;}
.quick img{width: 100%}
.quick_call{display: block;width: 150px;margin: 10px auto 0}
	/* quick_form */
.quick_form{position:relative;width:250px; z-index:2000;background:url("/img/quick.png") no-repeat;height: 430px;background-size: 250px auto}
.quick_form .quick_top{width:236px; height:135px}
.quick_form .btn_close{ width:50%; height:60px; position:absolute; bottom:5px; right:0; text-indent:-9999px; overflow:hidden; cursor:pointer; display:inline-block}
.quick_form .popup{width:236px; height:230px;padding-left:25px;box-sizing:border-box}
.quick_form .popup h3 {text-indent:-9999px;overflow:hidden;}
.quick_form .popup form th{width:55px}
.quick_form .popup form th, td{color:#333; text-align:left; font-size:14px; font-weight:normal; letter-spacing:-1px; padding-bottom:0}
.quick_form .popup form{}
.quick_form .popup form table{width:220px;}
.quick_form .popup form table tr{height:45px}
.quick_form .popup form table tr td textarea{width:87%; height:55px;  border:1px solid #979797; padding-left:3px;resize:none;overflow:auto;}
.quick_form .popup form .name1{}
.quick_form .popup form #name{width:87%; height:30px;  border:1px solid #979797; padding-left:3px}
.quick_form .popup form #hp{width:87%; height:30px;  border:1px solid #979797;padding-left:3px}
.quick_form .popup form #money{width:90%; height:30px; border:1px solid #979797}
.quick_form .popup form #ex_1{width:100%; height:30px;; border:1px solid #979797;}
.quick_form .popup form .consult1{padding-left:0; font-size:12px; font-weight:normal}
.quick_form .popup form .consult1 label{vertical-align:middle;padding-left:5px}
.quick_form .popup form #ex_21, #ex_22{vertical-align:middle}
.quick_form .popup form .radio_left{padding-left:20px}

.quick_form .popup form{text-align:left;}
.quick_form .popup form .bt1{ cursor:pointer}
.quick_form .popup form input{vertical-align:middle;width:15px; height:15px}
.quick_form .popup form #agree{vertical-align:middle;width:15px; height:15px; margin-left:15px}
.quick_form .popup form .bt1 a{text-decoration:none; font-weight:600; font-size:11px;  color:#333}
.quick_form .bt{width:248px;height:84px;}
.quick_form .bt .bt2{display:block;margin:0; padding-top:0px; padding-left:0px;width:50%; height:60px; }
.quick_form .bt .bt2 a{text-indent:-9999px; overflow:hidden; display:block;height:60px;display: block;width: 100%}

.hide_text{width:0; height:0; line-height:0; position:absolute; left:99999px; opacity:0;}

.warn img{width:97%;height:auto}

.intro_step{padding:70px 90px;text-align:center}
.intro_step .list_law{padding-top:60px}

/* quick_new */
.quick_new{position: fixed;top: 150px;right: 50px;box-shadow: 3px 4px 5px rgba(0,0,0,.4)}