html, body {width: 100%; height: 100%;}
* {font-family: 'Noto Sans KR', sans-serif; font-weight: 400; border: 0; padding: 0; margin: 0; box-sizing: border-box;}


.c_wrap {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; padding-top: 14vw; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; overflow: auto; overflow-x: hidden; z-index: 996;}


.m_visual {position: relative; width: 100%;}
.m_visual .m_visual_sw {position: relative; width: 100%;}
.m_visual .m_visual_sw img {width: 100%;}

.m_visual .m_visual_page {position: absolute; bottom: 3vw; left: 50%; transform: translateX(-50%); z-index: 10;}
.m_visual .m_visual_page ul {display: flex;}
.m_visual .m_visual_page ul li {display: flex; align-items: center; justify-content: center; width: 4vw; height: 4vw; border:1px solid transparent; margin: 0px 0.8vw; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer;}
.m_visual .m_visual_page ul li span {display: inline-block; width: 1.2vw; height: 1.2vw; background-color: #fff; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.m_visual .m_visual_page ul li.on {border: 1px solid #fff; transition: 0.8s all;}



.section {position: relative; width: 100%; background-color: #fff;}
.section .inner {padding: 0px 16px;}

.inner .mtit {text-align: center;}
.inner .mtit p{position: relative;padding-top: 22px; font-size:7.2vw; color:#444444; font-weight:600; line-height: 1;}
.inner .mtit p::before {position: absolute;top: 11px;left: 50%;transform: translate(-50%, -50%);margin-top: 0px;content: '';width: 80px;height: 4px;background-color: #1b387a;}
.inner .mtit span{font-size:5.2vw; color:#464646; font-weight:300;}
.inner p.mstit{text-align: center; font-size:5vw; color:#444444; font-weight:500; letter-spacing: -0.045em; padding-top: 22px;}
.inner p.mstit font{font-size:5vw; color:#1b387a; font-weight:500;}
.inner .biz_ul {width: 100%; margin: 0 auto;  padding-top: 46px;}
.inner .biz_ul ul{overflow: hidden;}
.inner .biz_ul ul li{float:left; width: 100%;  text-align: center; padding:20px; margin-bottom:4%; background-color:#f6f6f6;}
.inner .biz_ul ul li p {font-size:5vw; color:#444; font-weight:600; line-height: 1; border-bottom: solid 1px #ccc; padding-bottom: 12px; margin-bottom: 10px;}
.inner .biz_ul ul li div.thum {overflow: hidden; height:auto; text-align: center;  margin: 0px 0px 11px 0px; background-color:#ccc;}
.inner .biz_ul ul li div.thum img {width: 100%;}

.inner .biz_ul ul li ul.bul {width: 100%; overflow: hidden;}
.inner .biz_ul ul li ul.bul li{float:left; width: 50%;  height: auto; padding:0px; margin-right:0px; margin-bottom:6px; text-align: left; font-size:3.5vw; color:#444; font-weight: 500;}


.section2 {position: relative; width: 100%; margin:0 auto;}
.section2 .inner {padding: 14px 16px;}

.section2 .inner .form {width: 100%; padding:0px 22px 22px 22px; margin: 0 auto; background-color: #08335a;}
.form .form_tit {width: 100%; text-align: center; border-bottom:solid 1px #325576; padding-bottom:12px;}
.form .form_tit p{font-size:5vw; color:#fff; font-weight:600; padding:22px 0px  12px 0px;}
.form .form_tit span{width: 176px; font-size:18px; color:#fff; font-weight:400; background:url("../img/main/recuit_icon.png")no-repeat top 4px left; padding-left: 26px; margin-right: 12px;}
.form .form_tit div.job_btn{float:right; font-size:18px; color:#fff; font-weight:400; background:url("../img/main/go_btn.png")no-repeat top 14px right 14px; padding-right: 42px;}

.request_form {padding-top:20px;}
.request_form table {width: 100%; table-layout: fixed;}
.request_form table tr td {color:#fff; padding-bottom: 10px;}
.request_form table tr td{width: 100%; text-align:left; padding: 0px; padding-bottom: 10px;}
.request_form table tr td .input {width: 100%;}
.request_form table tr td div.agree {display:inline-block; width: 99px; text-align:center; font-size: 14px; color: #fff; background-color: #000; padding: 2px 0px; margin-left: 5px; margin-right: 5px; border-radius: 3px;}
.request_form table tr td div.ok_btn {width: 38%; margin:0 auto; margin-top: 30px; font-size: 16px; color: #fff; background: #0f66b5 url("../img/main/go_btn.png")no-repeat top 19px right 17px; padding: 8px 26px 8px 18px; border-radius: 30px;}
.request_form table tr td select{width: 100%;height: 40px;padding: 0px 12px;border: 0px; background-color: #fff;-ms-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.request_form table tr td input {width: 100%; height:40px; padding: 0px 12px; border:0px; background-color:#fff; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.request_form table tr td input::placeholder {font-size:16px; color:#afafaf; font-weight:400;}
.request_form table tr td input::-moz-placeholder {font-size:16px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.request_form table tr td input:-ms-input-placeholder {font-size:16px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.request_form table tr td input::-webkit-input-placeholder {font-size:16px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.request_form table tr td textarea {width:100%; height:222px; padding:12px; font-size:14px; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.request_form label {font-size:16px; color:#444; font-weight:400; line-height:17px; display:inline-block; zoom:1; vertical-align: middle; padding: 0px 18px; padding-left:25px; cursor: pointer; transition:all 0.2s;}


/*.request_form input[type=radio] {display:none;}*/
.request_form table tr td input[type=radio] {
    width: 15px;
    height: 15px;
    margin-left: 12px;
    margin-top: -4px;
    margin-right: 4px;
    vertical-align: middle;
}
.request_form table tr td input[type=radio]:checked {
    width: 15px;
    height: 15px;
    margin-left: 12px;
    margin-top: -4px;
    margin-right: 4px;
    vertical-align: middle;
}

/*
.request_form input[type=checkbox] {display:none;}
.request_form  input[type=checkbox] {
	background:url("../img/common/checkbox_off.jpg")no-repeat top 2px left;
	height: 20px;
}
.request_form input[type=checkbox]:checked{
	background:url("../img/common/checkbox_ov.jpg")no-repeat top 2px left;
	height: 20px;
}
*/


.btn_box {width:100%; text-align: center; margin: auto; margin-top:30px; text-align: center;}
.requestBtn{width:295px; height:60px; margin: 0 auto; font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.025em; text-align: center; border:1px solid #b00f14; background-color: #b00f14;-ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; line-height:56px; margin-top:10px; cursor: pointer;}
.requestBtn:hover {border:1px solid #b00f14; background-color: #b00f14; font-size:16px; color:#fff; font-weight:400;}


.autoWrite {width:100%;}
.autoWrite #ff {width:120px; height:40px; border:1px solid #ddd; color: #333; text-align: center; line-height: 40px; display: inline-block; vertical-align: middle; font-size:20px; font-weight:600; margin-bottom:8px;background-color:#dce7f0; margin-right:5px; border-radius:3px;}
.autoWrite input {width:120px!important; display: inline-block; vertical-align: middle; margin-bottom:8px;border:1px solid #ddd !important; }
.autoWrite p {display: inline-block; padding-left: 0px;  font-size:14px; color:#fff; word-break: keep-all;}