@charset "utf-8";

header {padding: 15px 0 20px; background: #fff; border-bottom: 1px solid #ddd; }
header > div {width: 1200px; margin: 0 auto; text-align: center;}
header h1 {display: inline-block; padding-bottom: 20px;}
header h1 a {display: block; font-size: 0; background: url(../img/index_logo1.png) no-repeat; width: 101px; height: 101px;}
header nav a {display: inline-block; font-size: 20px; color: #333; margin: 0 95px; transition: all .4s;}
header nav a:hover {transform: scale(1.05);}

footer {background: #fff; padding: 30px 0; border-top: 1px solid #ddd;}
footer > div {width: 1200px; margin: 0 auto; text-align: center;}
footer > div address {font-size: 14px; color: #333; line-height: 23px; font-style: normal;}

table {border: none;}
.visual {background: url(../img/bg_index_visual.jpg) center no-repeat; padding:100px 0; background-size: auto 100%;}
.visual > div {width: 1200px; margin: 0 auto; text-align: center;}
.visual > div h2 {font-size: 34px; color: #333; line-height: 100%; }
.visual > div h2 span {display: block; font-size: 16px; color: #333; margin:20px 0; font-weight: normal;}
.visual .table.type1 {background: rgba(255,255,255,0.9); padding: 50px 300px; box-shadow: 2px 4px 9px #babbbc;}
.visual .table.type1 table {border: 1px solid #ddd;}
.visual .table.type1 table tr {border-bottom: 1px solid #ddd;}
.visual .table.type1 table th {text-align: left;font-size: 15px; color: #333; background: #eee; text-indent: 19px; width: 150px; }
.visual .table.type1 table td {background: #fff;}
.visual .table.type1 table td:after {content: ""; display: block; clear: both;}
.visual .table.type1 table td > div.part1 {width: 50%; float: left; height: 50px;}
.visual .table.type1 table td > div.part1:first-child {border-right: 1px solid #eee;}
.visual .table.type1 table td > div.part1 label {font-size: 14px; color: #333; line-height: 50px;}
.visual .table.type1 table td > div.part1 input {position: relative; top: 1px; left: 5px;}
.visual .table.type1 table td > div.part2 {width: 50%; float: left; height: 50px; position: relative;}
.visual .table.type1 table td > div.part2:first-child {border-right: 1px solid #eee;}
.visual .table.type1 table td > div.part2 input {width: 100%; height: 100%; border: none; text-align: right; padding-right: 40px;}
.visual .table.type1 table td > div.part2 p {position: absolute; right: 25px; top:50%; transform: translateY(-50%);}
.visual .table.type1 table td {height: 50px; position: relative;}
.visual .table.type1 table td > input {width: 100%; height: 50px; text-align: right; padding-right: 40px; border: none;}
.visual .table.type1 table td > p {position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
.visual .table.type1 .agree {text-align: left; margin-top: 10px; padding-left: 20px;}
.visual .table.type1 .agree input {position: relative; top: 2px; margin-right: 5px;}
.visual .table.type1 .agree label {font-size: 14px; color: #333; }
.visual .table.type2 {position: relative; text-align: left; padding: 20px 20px 50px; background: rgba(255,255,255,0.8); box-shadow: 2px 4px 9px #babbbc; }
.visual .table.type2:before {content: ""; display: block; background: url(../img/img_sub2_1.png) no-repeat; width: 290px; height: 154px; position: absolute; right: 60px; top: -155px;}
.visual .table.type2 > input {width: 270px; height: 30px; padding-left: 15px; margin-bottom: 15px;}
.visual .table.type2 > input::placeholer {font-size: 12px; color: #666;}
.visual .table.type2 table thead th {background: #dfb800; font-size: 12px; color: #333; font-weight: 600; text-align: center; line-height: 13px; padding: 7px 0;}
.visual .table.type2 table thead th:first-child {font-size: 18px; color: #333; text-align: center;}
.visual .table.type2 table tbody tr td {text-align: center; height: 35px; font-size: 13px; color: #333; border: none;}
.visual .table.type2 table tbody tr td:nth-child(2) {text-align: left; }
.visual .table.type2 table tbody tr:nth-child(odd) {background: #fff;}
.visual .table.type2 table tbody tr:nth-child(even) {background: #f9e99e;}
.visual.type2 {background: url(../img/img_sub2_2.png) right 165px top 270px no-repeat, 
    url(../img/img_sub2_3.png) left 110px top 460px no-repeat; background-color: #fef3b8; background-attachment: fixed;}
@media (min-width: 0px) and (max-width:1700px) {
.visual.type2 {background: #fef3b8;}
}
.visual.type3 {background-image: url(../img/bg_sub1_visual.jpg);}

.btn_confirm {text-align:center;}
.btn_confirm a {display: inline-block; width: 180px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; color: #fff; background: #aaa; margin-top:77px; opacity: 0.9; transition: all .4s;}
.btn_confirm input {display: inline-block; width: 180px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; color: #fff; background: #d67a26; margin-top:77px; opacity: 0.9; transition: all .4s;}
.btn_confirm a:hover {opacity: 1;}
.btn_confirm input:hover {opacity: 1;}


/* .btn_type1 {display: inline-block; width: 180px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; color: #fff; background: #333; margin-top:77px; opacity: 0.9; transition: all .4s;}
.btn_type1:hover {opacity: 1;} */


/* 181214 배다빈 추가  */

.sub3 {background: #f5f5f5; padding: 0px 0 110px;}
.sub3 > div {width: 1200px; margin: 0 auto; text-align: center;}
.sub3 .conti1 img {width: 100%; height: auto; margin-bottom: 15px;}
.sub3 .conti2 {background: #fff; padding: 75px 20px 75px;  box-shadow: 2px 4px 9px #babbbc; margin-bottom: 20px;}
.sub3 .conti2 h2 {display: block; text-align: center; font-size: 40px; color: #333; padding-bottom: 35px;}
.sub3 .conti2 .input {display: flex; margin-bottom: 45px;}
.sub3 .conti2 .input > div {flex: 1; border: 1px solid #ddd; margin: 0 10px; height: 50px;}
.sub3 .conti2 .input > div:after {content: ""; display: inline-block;clear: both;}
.sub3 .conti2 .input > div h3 {float: left; font-size: 16px; color: #fff; font-weight: normal; display: block; background: #d67a26; padding: 10px 30px; height: 100%;}
.sub3 .conti2 .input > div h3 span {font-size: 12px; display: block; text-align: center;}
.sub3 .conti2 .input > div p {float: left;font-size: 16px; color: #333; padding: 0px 30px; line-height: 50px;}
.sub3 .conti2 ul li {font-size: 14px; color: #666; line-height: 100%; margin-bottom: 35px; text-align: left;}
.sub3 .conti3 {background: #fff; box-shadow: 2px 4px 9px #babbbc; margin-bottom: 20px; text-align: center; padding: 80px 0 100px;}
.sub3 .conti4 {background: #fff; padding: 75px 20px 75px;  box-shadow: 2px 4px 9px #babbbc; margin-bottom: 20px;}
.sub3 .conti4 h2 {font-size: 0; background: url(../img/h2_sub3_conti3.png) no-repeat; width: 300px; height: 38px; margin-bottom: 30px;}
.sub3 .conti4 ul li {font-size: 14px; color: #666; padding-bottom: 15px; text-align:left;}
.sub3 .conti4 ul li:before {content: ""; display: inline-block; width: 10px; height: 10px; background: #666;margin-right: 10px;}
.sub3 .conti4 .table.type3 { margin-top: 50px; border: 1px solid #ddd;}
.sub3 .conti4 .table.type3 thead th {background: #dfb800; font-size: 12px; color: #333; text-align: center; height: 45px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub3 .conti4 .table.type3 tbody th {font-size:12px; color: #333; text-align: left; text-indent: 10px; height: 35px; background: #f9e99e; border-bottom: 1px solid #ddd; }
.sub3 .conti4 .table.type3 tbody td {font-size: 12px; color: #333; text-align: center;height: 35px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.sub3 .conti4 .table.type3 tbody tr td:nth-child(odd) {background: #f9e99e;}
.sub3 .conti4 .table.type3 tbody tr td:nth-child(even) {background: #fff;}
.sub3 .conti4 .table.type3 tbody tr td:nth-child(16),
.sub3 .conti4 .table.type3 tbody tr td:nth-child(17),
.sub3 .conti4 .table.type3 tbody tr td:nth-child(18),
.sub3 .conti4 .table.type3 tbody tr td:nth-child(19),
.sub3 .conti4 .table.type3 tbody tr td:nth-child(20),
.sub3 .conti4 .table.type3 tbody tr td:nth-child(21) {background: #f9f9f9;}
.sub3 .conti4 .txt {display: flex; margin-top: 75px; text-align: center; padding:0 70px;}
.sub3 .conti4 .txt > div {margin: 0 15px;}
.sub3 .conti4 .txt .left {flex: 1; border: 2px solid #a70000; border-radius: 20px; padding: 30px;}
.sub3 .conti4 .txt .right {flex: 1; border: 2px solid #020052; border-radius: 20px; padding: 30px; }
.sub3 .conti4 .txt .left h3 {font-size: 0; background: url(../img/h3_sub3_conti3_1.png) no-repeat; margin-bottom: 15px; width: 48px; height: 25px; display: inline-block;}
.sub3 .conti4 .txt .right h3 {font-size: 0; background: url(../img/h3_sub3_conti3_2.png) no-repeat; margin-bottom: 15px; width: 48px; height: 25px; display: inline-block;}
.sub3 .conti4 .txt .red {color: #a70000;}
.sub3 .conti4 .txt p {font-size: 16px; color: #666; line-height: 30px;}
.sub3 .conti4 .txt p strong { color: #020052;}
.sub3 .conti4 .p_1 {font-size: 17px; color: #333; margin-top: 20px; display:block; font-weight: bold;}
.sub3 .conti5 {background: #fff; padding: 80px 0 100px; box-shadow: 2px 4px 9px #babbbc; margin-bottom: 20px; text-align: center;}
.sub3 .conti6 {background: #fff; padding: 80px 0 0; box-shadow: 2px 4px 9px #babbbc; margin-bottom: 20px; text-align: center;}

.sub4 {background:url(../img/bg_sub4_visual.jpg) no-repeat; background-size: 100% 100%; padding: 100px 0; }
/*원본코드
.sub4 > div {width: 1200px; margin: 0 auto; text-align: center; }
.sub4 > div h2 {font-size: 34px; color: #fff; line-height: 100%;  }
.sub4 > div h2 > span {font-size: 16px; color: #fff; display: block; margin-top: 20px;}
*/
.sub4 > div {width: 1200px; margin: 0 auto; }
.sub4 > div > h2 {font-size: 34px; color: #fff; line-height: 100%; text-align: center;  }
.sub4 > div > h2 > span {font-size: 16px; color: #fff; display: block; margin-top: 20px;}


.sub4 .conti1 {position: relative; background:#fff; padding: 20px 20px 160px; box-shadow: 2px 4px 9px #babbbc; text-align:center;}
.sub4 .conti1:before {content: ""; display: block; position: absolute; right: 60px; top: -137px; background:url(../img/img_sub4_1.png) no-repeat; width:128px; height:137px;}
.sub4 .conti1:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; background:url(../img/img_sub4_2.png) no-repeat; width:121px; height:199px;}

.sub4 .conti1 table {border-top: 2px solid #d67a26;}
.sub4 .conti1 table thead th {font-size: 16px; color: #333; text-align: center; height: 50px; background: #fefefe; border-bottom: 1px solid #ababab;}
.sub4 .conti1 table tbody td {height: 50px; text-align: center; font-size: 15px; color: #000; border-bottom: 1px solid #ababab;}
.sub4 .conti1 table tbody tr td:nth-child(2) {text-align: left; padding-left: 40px;}
/* .sub4 .conti1 table tbody tr td:nth-child(2):before {content: ""; display: inline-block; background: url(../img/ico_sub4.png) no-repeat; width: 15px; height: 15px; vertical-align: middle;} */
.sub4 .conti1 .write {display: inline-block; width: 160px; height: 45px; text-align: center; line-height: 45px; font-size: 18px; color: #fff;background: #d67a26; margin: 55px 0 190px; opacity: 0.9; transition: all .4s;}
.sub4 .conti1 .write:hover {opacity: 1;}
.sub4 .conti1 .paging {text-align: center;  margin: 190px 0 50px;}
.sub4 .conti1 .paging a {display: inline-block; width: 33px; height: 33px; border: 1px solid #ddd; text-align: center;line-height: 33px;  background: #fff; font-size: 16px; color: #999; vertical-align: middle; }
.sub4 .conti1 .paging a.first {font-size: 0; background: url(../img/ico_sub42_first.png) center no-repeat; }
.sub4 .conti1 .paging a.prev {font-size: 0; background: url(../img/ico_sub42_prev.png) center no-repeat;}
.sub4 .conti1 .paging a.next {font-size: 0; background: url(../img/ico_sub42_next.png) center no-repeat;}
.sub4 .conti1 .paging a.last {font-size: 0; background: url(../img/ico_sub42_last.png) center no-repeat;}
.sub4 .conti1 .box {border: 1px solid #ddd; background: #f9f9f9; padding: 30px 390px; text-align: center; }
.sub4 .conti1 .box:after {content: ""; display: block; clear: both;}
.sub4 .conti1 .box select {float:left; width: 150px; height: 40px; border: 1px solid #ddd; font-size: 14px; color: #666; margin-right: 5px;}
.sub4 .conti1 .box > div:after {content: ""; display: block; clear: both;}
.sub4 .conti1 .box > div {float: left;}
.sub4 .conti1 .box > div input {width: 260px; height: 40px; border: 1px solid #ddd; float: left;}
.sub4 .conti1 .box > div input::placeholder {font-size: 14px; color: #666;}
.sub4 .conti1 .box > div > a {float: left; font-size: 0; background: url(../img/ico_sub4_search.png) no-repeat; width: 40px;height: 40px;} 


.btn_type1 {display: inline-block; width: 180px; height: 55px; text-align: center; line-height: 52px; font-size: 20px; color: #fff; background: #333; opacity: 0.9; transition: all .4s; margin: 77px 15px 0;}
.btn_type2 {display: inline-block; width: 180px; height: 55px; text-align: center; line-height: 52px; font-size: 20px; color: #fff; background: #d67a26; opacity: 0.9; transition: all .4s; margin: 77px 15px 0;}

.btn_type1.type2 {background: #aaa;}
.btn_type1:hover {opacity: 1;}