.guide_box p { font-size:16px; color:#333333; }
@media screen and (max-width:1280px) {
    .guide_box p { font-size:16px; }
}
@media screen and (max-width:1024px) {
    .guide_box p { font-size:15px; }
}
@media screen and (max-width:768px) {
    .guide_box p { font-size:14px; }
}
@media screen and (max-width:640px) {
    .guide_box p { font-size:13px; }
}





.member_box form { margin:0 auto; max-width:500px; }
.member_box form .tab { position:relative; margin:0 -1.5% 50px !important; font-size:0; }
.member_box form .tab input[type=radio] { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; width:1px; height:1px; }
.member_box form .tab label { display:inline-block; margin:0 1.5%; line-height:52px; font-size:18px; font-weight:500; background-color:#eeeeee; color:#666666; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-shadow:1px 1px 3px 1px #dddddd; cursor:pointer; }
.member_box form .tab input[type=radio]:checked + label { background-color:#2e3092; color:#ffffff; }
.member_box form .tab.tab2 label { width:47%; }
.member_box form .tab.tab3 label { width:30.33%; }

.member_box form .info { font-size:16px; color:#111; line-height:27px; text-align:center; margin:0 0 45px; }
.member_box form .info strong { font-size:19px; font-weight:500; }

.member_box form .form .input { margin:0 0 11px; overflow:hidden; }
.member_box form .form .input:last-child { margin:0; }
.member_box form .form .input label { font-size:15px; color:#333333; }
.member_box form .form .input input[type=file] ,
.member_box form .form .input input[type=email] ,
.member_box form .form .input input[type=password] ,
.member_box form .form .input input[type=text] { box-sizing:border-box; border:1px solid #dddddd; height:51px; font-size:16px; color:#333333; padding:0 20px; }
.member_box form .form .input input[type=file] { line-height:51px; }
.member_box form .form .input input[type=file]::placeholder ,
.member_box form .form .input input[type=email]::placeholder ,
.member_box form .form .input input[type=password]::placeholder ,
.member_box form .form .input input[type=text]::placeholder { color:#999999; }
.member_box form .form.placeholder .input input[type=password] ,
.member_box form .form.placeholder .input input[type=text] { width:100%; }
.member_box form .form.label .input .info_box { clear:both; margin:0 0 0 calc(100% - 76.5%); width:76.5%; line-height:41px; font-size:16px; color:#333333; font-weight:500; }
.member_box form .form.label .input .info_box.red { color:#f00; }
.member_box form .form.label .input label { display:block; float:left; width:calc(100% - 76.5%); line-height:51px; font-size:16px; color:#333333; font-weight:500; }
.member_box form .form.label .input input[type=file] ,
.member_box form .form.label .input input[type=email] ,
.member_box form .form.label .input input[type=password] ,
.member_box form .form.label .input input[type=text] { display:block; float:left; width:76.5%; }
.member_box form .form.label .input input.readonly { background-color:#eeeeee; }
.member_box form .form.label .input.address {  }
.member_box form .form.label .input.address input[type=text] { width:100%; margin:6px 0 0; }
.member_box form .form.label .input.address .post { overflow:hidden; float:left; width:76.5%; }
.member_box form .form.label .input.address .post input[type=text] { display:block; float:left; width:65%; margin:0; }
.member_box form .form.label .input.address .post button[type=button] { display:block; float:left; width:35%; height:51px; font-size:16px; color:#ffffff; padding:0; background-color:#333333; border-radius:0; border:none; }
.member_box form .form.label .input.file {  }
.member_box form .form.label .input.file .default { clear:both; text-align:right; }
.member_box form .form.label .input.file .default > * { line-height:51px; font-size:16px; vertical-align:top; font-weight:500; }
.member_box form .form.label .input.file .default label { display:inline; float:none; width:auto; margin:0 0 0 20px; }

.member_box form .form .agree { } 
.member_box form .form .agree textarea { width:100%; height:200px; box-sizing:border-box; border:1px solid #dddddd; font-size:16px; color:#333333; padding:20px; resize:none; }

.member_box form .button { margin:45px 0 0; }
.member_box form .button > * { width:100%; text-align:center; display:block; line-height:60px; box-sizing:border-box; font-size:20px; font-weight:700; }
.member_box form .button > *:last-child { margin:12px 0 0; }
.member_box form .button > *:first-child { margin:0;  }
.member_box form .button .blue { color:#ffffff; background-color:#2e3092; border:1px solid #2e3092; }
.member_box form .button .white { color:#2e3092; background-color:#ffffff; border:1px solid #2e3092; }

.member_box form .find { font-size:0; text-align:center; margin:42px 0 0; }
.member_box form .find li { display:inline-block; position:relative; padding:0 0 0 2px; }
.member_box form .find li:first-child { padding:0; }
.member_box form .find li:after { content:''; position:absolute; top:50%; left:0; width:2px; height:19px; background-color:#999999; transform:translate(0, -50%); }
.member_box form .find li:first-child:after { content:none; }
.member_box form .find li a { display:block; font-size:16px; margin:0 15px; color:#999999; font-weight:500; }
@media screen and (max-width:1280px) {
    .member_box form .tab { margin:0 -1.5% 45px !important; }
    .member_box form .tab label { line-height:47px; font-size:17px; }

    .member_box form .info { font-size:15px; line-height:25px; margin:0 0 41px; }
    .member_box form .info strong { font-size:18px; }

    .member_box form .form .input { margin:0 0 10px; }
    .member_box form .form .input label { font-size:14px; }
    .member_box form .form .input input[type=file] ,
    .member_box form .form .input input[type=email] ,
    .member_box form .form .input input[type=password] ,
    .member_box form .form .input input[type=text] { height:46px; font-size:15px; padding:0 18px; }
    .member_box form .form .input input[type=file] { line-height:46px; }
    .member_box form .form.label .input .info_box { margin:0 0 0 calc(100% - 76.5%); width:76.5%; line-height:37px; font-size:15px; }
    .member_box form .form.label .input label { width:calc(100% - 76.5%); line-height:46px; font-size:15px; }
    .member_box form .form.label .input input[type=file] ,
    .member_box form .form.label .input input[type=email] ,
    .member_box form .form.label .input input[type=password] ,
    .member_box form .form.label .input input[type=text] { width:76.5%; }
    .member_box form .form.label .input.address input[type=text] { margin:5px 0 0; }
    .member_box form .form.label .input.address .post button[type=button] { height:46px; font-size:15px; }
    .member_box form .form.label .input.file .default > * { line-height:46px; font-size:15px; }
    .member_box form .form.label .input.file .default label { margin:0 0 0 18px; }

    .member_box form .form .agree textarea { height:180px; font-size:15px; padding:18px; }
    
    .member_box form .button { margin:41px 0 0; }
    .member_box form .button > * { line-height:54px; font-size:18px; }
    .member_box form .button > *:last-child { margin:11px 0 0; }
    
    .member_box form .find { margin:38px 0 0; }
    .member_box form .find li:after { height:18px; }
    .member_box form .find li a { font-size:15px; margin:0 14px; }
}
@media screen and (max-width:1024px) {
    .member_box form .tab { margin:0 -1.5% 40px !important; }
    .member_box form .tab label { line-height:42px; font-size:16px; }

    .member_box form .info { font-size:14px; line-height:23px; margin:0 0 37px; }
    .member_box form .info strong { font-size:17px; }

    .member_box form .form .input { margin:0 0 9px; }
    .member_box form .form .input label { font-size:13px; }
    .member_box form .form .input input[type=file] ,
    .member_box form .form .input input[type=email] ,
    .member_box form .form .input input[type=password] ,
    .member_box form .form .input input[type=text] { height:41px; font-size:14px; padding:0 16px; }
    .member_box form .form .input input[type=file] { line-height:41px; }
    .member_box form .form.label .input .info_box { margin:0 0 0 calc(100% - 76.5%); width:76.5%; line-height:33px; font-size:14px; }
    .member_box form .form.label .input label { width:calc(100% - 76.5%); line-height:41px; font-size:14px; }
    .member_box form .form.label .input input[type=file] ,
    .member_box form .form.label .input input[type=email] ,
    .member_box form .form.label .input input[type=password] ,
    .member_box form .form.label .input input[type=text] { width:76.5%; }
    .member_box form .form.label .input.address input[type=text] { margin:4px 0 0; }
    .member_box form .form.label .input.address .post button[type=button] { height:41px; font-size:14px; }
    .member_box form .form.label .input.file .default > * { line-height:41px; font-size:14px; }
    .member_box form .form.label .input.file .default label { margin:0 0 0 16px; }

    .member_box form .form .agree textarea { height:160px; font-size:14px; padding:16px; }
    
    .member_box form .button { margin:37px 0 0; }
    .member_box form .button > * { line-height:48px; font-size:16px; }
    .member_box form .button > *:last-child { margin:10px 0 0; }
    
    .member_box form .find { margin:34px 0 0; padding:0 0 0 1px; }
    .member_box form .find li:after { height:17px; width:1px; }
    .member_box form .find li a { font-size:14px; margin:0 13px; }
}
@media screen and (max-width:768px) {
    .member_box form .tab { margin:0 -1% 35px !important; }
    .member_box form .tab label { margin:0 1%; line-height:37px; font-size:15px; }
    .member_box form .tab.tab2 label { width:48%; }
    .member_box form .tab.tab3 label { width:31.33%; }

    .member_box form .info { font-size:13px; line-height:21px; margin:0 0 33px; }
    .member_box form .info strong { font-size:16px; }

    .member_box form .form .input { margin:0 0 8px; }
    .member_box form .form .input label { font-size:12px; }
    .member_box form .form .input input[type=file] ,
    .member_box form .form .input input[type=email] ,
    .member_box form .form .input input[type=password] ,
    .member_box form .form .input input[type=text] { height:36px; font-size:13px; padding:0 14px; }
    .member_box form .form .input input[type=file] { line-height:36px; }
    .member_box form .form.label .input .info_box { margin:0 0 0 calc(100% - 76.5%); width:76.5%; line-height:29px; font-size:13px; }
    .member_box form .form.label .input label { width:calc(100% - 76.5%); line-height:36px; font-size:13px; }
    .member_box form .form.label .input input[type=file] ,
    .member_box form .form.label .input input[type=email] ,
    .member_box form .form.label .input input[type=password] ,
    .member_box form .form.label .input input[type=text] { width:76.5%; }
    .member_box form .form.label .input.address input[type=text] { margin:3px 0 0; }
    .member_box form .form.label .input.address .post button[type=button] { height:36px; font-size:13px; }
    .member_box form .form.label .input.file .default > * { line-height:36px; font-size:13px; }
    .member_box form .form.label .input.file .default label { margin:0 0 0 14px; }

    .member_box form .form .agree textarea { height:140px; font-size:13px; padding:14px; }
    
    .member_box form .button { margin:33px 0 0; }
    .member_box form .button > * { line-height:42px; font-size:14px; }
    .member_box form .button > *:last-child { margin:9px 0 0; }
    
    .member_box form .find { margin:30px 0 0; }
    .member_box form .find li:after { height:16px; }
    .member_box form .find li a { font-size:13px; margin:0 12px; }
}
@media screen and (max-width:640px) {
    .member_box form .tab { margin:0 -1.5% 30px !important; }
    .member_box form .tab label { line-height:32px; font-size:14px; }

    .member_box form .info { font-size:12px; line-height:19px; margin:0 0 29px; }
    .member_box form .info strong { font-size:15px; }

    .member_box form .form .input { margin:0 0 7px; }
    .member_box form .form .input label { font-size:11px; }
    .member_box form .form .input input[type=file] ,
    .member_box form .form .input input[type=email] ,
    .member_box form .form .input input[type=password] ,
    .member_box form .form .input input[type=text] { height:31px; font-size:12px; padding:0 12px; }
    .member_box form .form .input input[type=file] { line-height:31px; }
    .member_box form .form.label .input .info_box { margin:0 0 0 calc(100% - 76.5%); width:76.5%; line-height:25px; font-size:12px; }
    .member_box form .form.label .input label { width:calc(100% - 76.5%); line-height:31px; font-size:12px; }
    .member_box form .form.label .input input[type=file] ,
    .member_box form .form.label .input input[type=email] ,
    .member_box form .form.label .input input[type=password] ,
    .member_box form .form.label .input input[type=text] { width:76.5%; }
    .member_box form .form.label .input.address input[type=text] { margin:2px 0 0; }
    .member_box form .form.label .input.address .post button[type=button] { height:31px; font-size:12px; }
    .member_box form .form.label .input.file .default > * { line-height:31px; font-size:12px; }
    .member_box form .form.label .input.file .default label { margin:0 0 0 12px; }

    .member_box form .form .agree textarea { height:120px; font-size:12px; padding:12px; }
    
    .member_box form .button { margin:29px 0 0; }
    .member_box form .button > * { line-height:36px; font-size:12px; }
    .member_box form .button > *:last-child { margin:8px 0 0; }
    
    .member_box form .find { margin:26px 0 0; }
    .member_box form .find li:after { height:15px; }
    .member_box form .find li a { font-size:12px; margin:0 11px; }
}





.board_box .filter { margin:0 0 34px; position:relative; overflow:hidden; }
.board_box .filter .count { position:absolute; top:50%; left:0; transform:translate(0, -50%); font-size:16px; font-weight:500; color:#666666; }
.board_box .filter .count span { font-weight:700; color:#fb5301; }

.board_box .filter form { float:right; overflow:hidden; width:25%; position:relative; }
.board_box .filter form > * { display:block; box-sizing:border-box; border:1px solid #dddddd; color:#999999; background-color:#fff; height:41px; float:left; font-size:14px; padding:0 15px; }
.board_box .filter form input { width:100%; padding-right:56px; }
.board_box .filter form button { border:none; float:none; position:absolute; top:0; right:0; height:100%; background-color:transparent; width:41px; text-align:center; background-color:#2e3092; padding:0; }
.board_box .filter form button img { width:17px; }
@media screen and (max-width:1280px) {
    .board_box .filter { margin:0 0 31px; }
    .board_box .filter .count { font-size:15px; }
    
    .board_box .filter form { width:30%; }
    .board_box .filter form > * { height:37px; font-size:13px; padding:0 14px; }
    .board_box .filter form input { padding-right:51px; }
    .board_box .filter form button { width:37px; }
    .board_box .filter form button img { width:16px; }
}
@media screen and (max-width:1024px) {
    .board_box .filter { margin:0 0 28px; }
    .board_box .filter .count { font-size:14px; }
    
    .board_box .filter form { width:35%; }
    .board_box .filter form > * { height:33px; font-size:12px; padding:0 13px; }
    .board_box .filter form input { padding-right:46px; }
    .board_box .filter form button { width:33px; }
    .board_box .filter form button img { width:15px; }
}
@media screen and (max-width:768px) {
    .board_box .filter { margin:0 0 25px; }
    .board_box .filter .count { font-size:13px; }
    
    .board_box .filter form { width:40%; }
    .board_box .filter form > * { height:29px; font-size:11px; padding:0 12px; }
    .board_box .filter form input { padding-right:41px; }
    .board_box .filter form button { width:29px; }
    .board_box .filter form button img { width:14px; }
}
@media screen and (max-width:640px) {
    .board_box .filter { margin:0 0 22px; }
    .board_box .filter .count { font-size:12px; }
    
    .board_box .filter form { width:45%; }
    .board_box .filter form > * { height:26px; font-size:10px; padding:0 11px; }
    .board_box .filter form input { padding-right:36px; }
    .board_box .filter form button { width:26px; }
    .board_box .filter form button img { width:13px; }
}



.board_box .list table { border-top:1px solid #2e3092; }
.board_box .list table thead { background-color:#fbfbfb; }
.board_box .list table thead th { font-size:18px; color:#111111; font-weight:500; padding:20px 10px; border-bottom:1px solid #e9e9e9; }
.board_box .list table tbody td { font-size:17px; color:#333333; padding:20px 10px; text-align:center; border-bottom:1px solid #e9e9e9; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board_box .list table tbody td.left { text-align:left; }
.board_box .list table tbody td strong { background-color:#2e3092; color:#ffffff; font-weight:700; display:inline-block; line-height:26px; padding:0 10px; }
.board_box .list table tbody td a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board_box .list table tbody td a img { vertical-align:top; height:17px; margin:3px 0 0 5px; }
@media screen and (max-width:1280px) {
    .board_box .list table thead th { font-size:17px; padding:18px 9px; }
    .board_box .list table tbody td { font-size:16px; padding:18px 9px; }
    .board_box .list table tbody td strong { line-height:24px; padding:0 9px; }
    .board_box .list table tbody td a img { height:16px; }
}
@media screen and (max-width:1024px) {
    .board_box .list table thead th { font-size:16px; padding:16px 8px; }
    .board_box .list table tbody td { font-size:15px; padding:16px 8px; }
    .board_box .list table tbody td strong { line-height:22px; padding:0 8px; }
    .board_box .list table tbody td a img { height:15px; }
}
@media screen and (max-width:768px) {
    .board_box .list table thead th { font-size:15px; padding:14px 7px; }
    .board_box .list table tbody td { font-size:14px; padding:14px 7px; }
    .board_box .list table tbody td strong { line-height:20px; padding:0 7px; }
    .board_box .list table tbody td a img { height:14px; margin:2px 0 0 4px; }
}
@media screen and (max-width:640px) {
    .board_box .list table thead th { font-size:14px; padding:12px 6px; }
    .board_box .list table tbody td { font-size:13px; padding:12px 6px; }
    .board_box .list table tbody td strong { line-height:18px; padding:0 6px; }
    .board_box .list table tbody td a img { height:13px; }
}



.board_box .gallery { position:relative; }
.board_box .gallery .check_all { position:absolute; top:-10px; left:0; }
.board_box .gallery ul { overflow:hidden; margin:-1%; }
.board_box .gallery ul li { float:left; width:31.33%; margin:1%; }
.board_box .gallery ul li.empty { float:none; width:auto; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:50px 0 !important; text-align:center; font-size:17px; }
.board_box .gallery ul li a { display:block; border:1px solid #dddddd; }
.board_box .gallery ul li a .img { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f7f7f7; height:188px; }
.board_box .gallery ul li a .img input[type=checkbox] { position:absolute; top:10px; left:10px; }
.board_box .gallery ul li a .txt { padding:35px 30px; }
.board_box .gallery ul li a .txt p { font-size:18px; line-height:27px; height:54px; font-weight:700; color:#333333; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }
.board_box .gallery ul li a .txt p img { vertical-align:top; height:17px; margin:4px 0 0 5px; }
.board_box .gallery ul li a .txt span { display:block; font-size:15px; color:#666666; margin:20px 0 0; }
@media screen and (max-width:1280px) {
    .board_box .gallery ul li.empty { font-size:16px; }
    .board_box .gallery ul li a .img { height:170px; }
    .board_box .gallery ul li a .txt { padding:32px 27px; }
    .board_box .gallery ul li a .txt p { font-size:17px; line-height:25px; height:50px; }
    .board_box .gallery ul li a .txt p img { height:16px; margin:4px 0 0 5px; }
    .board_box .gallery ul li a .txt span { font-size:14px; margin:20px 0 0; }
}
@media screen and (max-width:1024px) {
    .board_box .gallery ul li.empty { font-size:15px; }
    .board_box .gallery ul li a .img { height:152px; }
    .board_box .gallery ul li a .txt { padding:29px 24px; }
    .board_box .gallery ul li a .txt p { font-size:16px;line-height:23px; height:46px; }
    .board_box .gallery ul li a .txt p img { height:15px; margin:4px 0 0 5px; }
    .board_box .gallery ul li a .txt span { font-size:13px; margin:20px 0 0; }
}
@media screen and (max-width:768px) {
    .board_box .gallery ul li { width:48%; }
    .board_box .gallery ul li.empty { font-size:14px; }
    .board_box .gallery ul li a .img { height:134px; }
    .board_box .gallery ul li a .txt { padding:26px 21px; }
    .board_box .gallery ul li a .txt p { font-size:15px; line-height:21px; height:42px; }
    .board_box .gallery ul li a .txt p img { height:14px; margin:4px 0 0 5px; }
    .board_box .gallery ul li a .txt span { font-size:12px; margin:20px 0 0; }
}
@media screen and (max-width:640px) {
    .board_box .gallery ul li.empty { font-size:13px; }
    .board_box .gallery ul li a .img { height:116px; }
    .board_box .gallery ul li a .txt { padding:23px 18px; }
    .board_box .gallery ul li a .txt p { font-size:14px; line-height:19px; height:38px; }
    .board_box .gallery ul li a .txt p img { height:13px; margin:4px 0 0 5px; }
    .board_box .gallery ul li a .txt span { font-size:11px; margin:20px 0 0; }
}



.board_box .write .form { margin:0 0 23px; overflow:hidden; }
.board_box .write .form > label { font-size:18px; color:#111111; margin:0 10px 0 0; }
.board_box .write .form > label input[type=checkbox] { vertical-align:top; border:1px solid #dddddd; }
.board_box .write .form input[type=password] ,
.board_box .write .form input[type=text] { width:100%; line-height:57px; box-sizing:border-box; border:1px solid #dddddd; font-size:18px; font-weight:500; padding:0 25px; display:block; }
.board_box .write .form input[type=password]::placeholder ,
.board_box .write .form input[type=text]::placeholder { color:#999999; }
.board_box .write .form iframe { vertical-align:top; }
.board_box .write .form.guest input[type=password] ,
.board_box .write .form.guest input[type=text] { width:49%; float:left; margin:0 0 0 2%; }
.board_box .write .form.guest input[type=text]:first-child { margin:0; }
.board_box .write .form.file { position:relative; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:0 0 0 125px; }
.board_box .write .form.file:before { content:'첨부파일'; font-size:16px; color:#666666; position:absolute; top:50%; left:25px; transform:translate(0, -50%); }
.board_box .write .form.file:after { content:''; width:1px; height:65%; background-color:#dddddd; position:absolute; top:50%; left:100px; transform:translate(0, -50%); }
.board_box .write .form.file div { position:relative; }
.board_box .write .form.file div input[type=file] { position:absolute; top:50%; left:0px; transform:translate(0, -50%); width:1px; height:1px; opacity:0; }
.board_box .write .form.file div .put_file_name { line-height:38px; box-sizing:border-box; font-size:16px; color:#838383; padding:0 50px 0 120px; box-sizing:border-box; display:block; position:relative; margin:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board_box .write .form.file div .put_file_name:before { display:block; content:'파일첨부'; font-size:16px; background-color:#999999; color:#ffffff; position:absolute; top:50%; left:0; transform:translate(0, -50%); padding:0 20px; }
.board_box .write .form.file div .del_file_name { position:absolute; top:50%; right:0; transform:translate(0, -50%); font-size:14px; color:#000000; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:20%; min-width:50px; }
.board_box .write .form #captcha { display:block; }
.board_box .write .form #captcha > * { display:inline-block; vertical-align:top; line-height:40px !important; height:40px !important; margin:2px; }
.board_box .write .form #captcha input[type=text] { border:1px solid #dbdee2; background-color:#fff; }
.board_box .write .form #captcha #captcha_img { width:auto; }
.board_box .write .form #captcha #captcha_info { font-size:16px; margin:0; color:#838383; }
.board_box .write .form #captcha #captcha_mp3 { background-position:0 -2px; background-color:#c9c9c9; }
.board_box .write .form #captcha #captcha_reload { background-position:0 -42px; background-color:#c9c9c9; }
@media screen and (max-width:1280px) {
    .board_box .write .form { margin:0 0 21px; }
    .board_box .write .form > label { font-size:17px; margin:0 9px 0 0; }
    .board_box .write .form input[type=password] ,
    .board_box .write .form input[type=text] { line-height:52px;font-size:17px; padding:0 23px; }
    .board_box .write .form.file { padding:0 0 0 113px; }
    .board_box .write .form.file:before { font-size:15px; left:23px; }
    .board_box .write .form.file:after { width:1px; left:92px; }
    .board_box .write .form.file div .put_file_name { line-height:35px; font-size:15px; padding:0 50px 0 110px; margin:9px 0; }
    .board_box .write .form.file div .put_file_name:before { font-size:15px; padding:0 18px; }
    .board_box .write .form.file div .del_file_name { font-size:13px; }
    .board_box .write .form #captcha > * { line-height:36px !important; height:36px !important; }
    .board_box .write .form #captcha #captcha_info { font-size:15px; }
    .board_box .write .form #captcha #captcha_mp3 { background-position:0 -3px; }
    .board_box .write .form #captcha #captcha_reload { background-position:0 -43px; }
}
@media screen and (max-width:1024px) {
    .board_box .write .form { margin:0 0 19px; }
    .board_box .write .form > label { font-size:16px; margin:0 8px 0 0; }
    .board_box .write .form input[type=password] ,
    .board_box .write .form input[type=text] { line-height:47px;font-size:16px; padding:0 21px; }
    .board_box .write .form.file { padding:0 0 0 101px; }
    .board_box .write .form.file:before { font-size:14px; left:21px; }
    .board_box .write .form.file:after { width:1px; left:84px; }
    .board_box .write .form.file div .put_file_name { line-height:32px; font-size:14px; padding:0 50px 0 90px; margin:8px 0; }
    .board_box .write .form.file div .put_file_name:before { font-size:14px; padding:0 16px; }
    .board_box .write .form.file div .del_file_name { font-size:12px; }
    .board_box .write .form #captcha > * { line-height:32px !important; height:32px !important; }
    .board_box .write .form #captcha #captcha_info { font-size:14px; }
    .board_box .write .form #captcha #captcha_mp3 { background-position:0 -5px; }
    .board_box .write .form #captcha #captcha_reload { background-position:0 -45px; }
}
@media screen and (max-width:768px) {
    .board_box .write .form { margin:0 0 17px; }
    .board_box .write .form > label { font-size:15px; margin:0 7px 0 0; }
    .board_box .write .form input[type=password] ,
    .board_box .write .form input[type=text] { line-height:42px;font-size:15px; padding:0 19px; }
    .board_box .write .form.file { padding:0 0 0 89px; }
    .board_box .write .form.file:before { font-size:13px; left:19px; }
    .board_box .write .form.file:after { width:1px; left:76px; }
    .board_box .write .form.file div .put_file_name { line-height:29px; font-size:13px; padding:0 50px 0 80px; margin:7px 0; }
    .board_box .write .form.file div .put_file_name:before { font-size:13px; padding:0 14px; }
    .board_box .write .form.file div .del_file_name { font-size:11px; }
    .board_box .write .form #captcha > * { line-height:28px !important; height:28px !important; }
    .board_box .write .form #captcha #captcha_info { font-size:13px; }
    .board_box .write .form #captcha #captcha_mp3 { background-position:0 -7px; }
    .board_box .write .form #captcha #captcha_reload { background-position:0 -47px; }
}
@media screen and (max-width:640px) {
    .board_box .write .form { margin:0 0 15px; }
    .board_box .write .form > label { font-size:14px; margin:0 6px 0 0; }
    .board_box .write .form input[type=password] ,
    .board_box .write .form input[type=text] { line-height:37px;font-size:14px; padding:0 17px; }
    .board_box .write .form.file { padding:0 0 0 77px; }
    .board_box .write .form.file:before { font-size:12px; left:17px; }
    .board_box .write .form.file:after { width:1px; left:68px; }
    .board_box .write .form.file div .put_file_name { line-height:26px; font-size:12px; padding:0 50px 0 70px; margin:6px 0; }
    .board_box .write .form.file div .put_file_name:before { font-size:12px; padding:0 12px; }
    .board_box .write .form.file div .del_file_name { font-size:10px; }
    .board_box .write .form #captcha > * { line-height:24px; height:24px; }
    .board_box .write .form #captcha #captcha_info { font-size:12px; }
    .board_box .write .form #captcha #captcha_mp3 { background-position:0 -7px; }
    .board_box .write .form #captcha #captcha_reload { background-position:0 -48px; }
}



.board_box .view .header { border-top:1px solid #2e3092; border-bottom:1px solid #e7e7e7; }
.board_box .view .header .tit { font-size:18px; color:#333333; padding:20px 25px; font-weight:500; border-bottom:1px solid #e7e7e7; background-color:#fbfbfb; }
.board_box .view .header .info { overflow:hidden; padding:15px 25px; }
.board_box .view .header .info dt { font-size:15px; color:#666666; float:left; }
.board_box .view .header .info dt span { margin:0 10px; }
.board_box .view .header .info dd { font-size:15px; color:#666666; font-weight:700; float:right; }

.board_box .view .contents { padding:25px; font-size:17px; color:#333333; }
.board_box .view .contents img { max-width:100% !important; }

.board_box .view .href { font-size:0; text-align:right; padding:0 0 35px; border-bottom:1px solid #e7e7e7; }
.board_box .view .href > * { font-size:15px; display:inline-block; text-align:center; vertical-align:top; line-height:30px; font-weight:500; padding:0 25px; margin:0 0 0 11px; box-sizing:border-box; }
.board_box .view .href .update { color:#999999; border:2px solid #999999; }
.board_box .view .href .delete { color:#f14040; border:2px solid #f14040; }

.board_box .view .etc { }
.board_box .view .etc th { background-color:#fbfbfb; font-size:15px; color:#666666; font-weight:500; padding:20px 25px; text-align:left; border-bottom:1px solid #e7e7e7; width:150px; }
.board_box .view .etc td { font-size:15px; padding:20px 25px; border-bottom:1px solid #e7e7e7; }
.board_box .view .etc td a { display:block; text-overflow:ellipsis; color:#666666; white-space:nowrap; overflow:hidden; }
.board_box .view .etc td span { color:#ddd; }
.board_box .view .post { margin:35px 0 0; border-top:1px solid #e7e7e7; }
.board_box .view .post th ,
.board_box .view .post td { padding:15px 25px; position:relative; }
.board_box .view .post th:after { position:absolute; right:65px; top:50%; content:''; width:6px; height:6px; border-top:1px solid #7b7b7b; border-right:1px solid #7b7b7b; }
.board_box .view .post th.up:after { transform:translate(0, -50%) rotate(315deg); }
.board_box .view .post th.down:after { transform:translate(0, -50%) rotate(135deg); }
@media screen and (max-width:1280px) {
    .board_box .view .header .tit { font-size:17px; padding:18px 23px; }
    .board_box .view .header .info { padding:14px 23px; }
    .board_box .view .header .info dt { font-size:14px; }
    .board_box .view .header .info dt span { margin:0 9px; }
    .board_box .view .header .info dd { font-size:14px; }
    
    .board_box .view .contents { padding:23px; font-size:16px; }
    
    .board_box .view .href { padding:0 0 32px; }
    .board_box .view .href > * { font-size:14px; line-height:27px; padding:0 23px; margin:0 0 0 10px;  }
    
    .board_box .view .etc th { font-size:14px; padding:18px 23px; width:135px; }
    .board_box .view .etc td { font-size:14px; padding:18px 23px; }
    .board_box .view .post { margin:32px 0 0; }
    .board_box .view .post th ,
    .board_box .view .post td { padding:14px 23px; }
    .board_box .view .post th:after { right:57px; }
}
@media screen and (max-width:1024px) {
    .board_box .view .header .tit { font-size:16px; padding:16px 21px; }
    .board_box .view .header .info { padding:13px 21px; }
    .board_box .view .header .info dt { font-size:13px; }
    .board_box .view .header .info dt span { margin:0 8px; }
    .board_box .view .header .info dd { font-size:13px; }
    
    .board_box .view .contents { padding:21px; font-size:15px; }
    
    .board_box .view .href { padding:0 0 29px; }
    .board_box .view .href > * { font-size:13px; line-height:24px; padding:0 21px; margin:0 0 0 9px;  }
    
    .board_box .view .etc th { font-size:13px; padding:16px 21px; width:120px; }
    .board_box .view .etc td { font-size:13px; padding:16px 21px; }
    .board_box .view .post { margin:29px 0 0; }
    .board_box .view .post th ,
    .board_box .view .post td { padding:13px 21px; }
    .board_box .view .post th:after { right:49px; }
}
@media screen and (max-width:768px) {
    .board_box .view .header .tit { font-size:15px; padding:14px 19px;}
    .board_box .view .header .info { padding:12px 19px; }
    .board_box .view .header .info dt { font-size:12px; }
    .board_box .view .header .info dt span { margin:0 7px; }
    .board_box .view .header .info dd { font-size:12px; }
    
    .board_box .view .contents { padding:19px; font-size:14px; }
    
    .board_box .view .href { padding:0 0 26px; }
    .board_box .view .href > * { font-size:12px; line-height:21px; padding:0 19px; margin:0 0 0 8px;  }
    .board_box .view .href .update { border:1px solid #999999; }
    .board_box .view .href .delete { border:1px solid #f14040; }
    
    .board_box .view .etc th { font-size:12px; padding:14px 19px; width:105px; }
    .board_box .view .etc td { font-size:12px; padding:14px 19px; }
    .board_box .view .post { margin:26px 0 0; }
    .board_box .view .post th ,
    .board_box .view .post td { padding:12px 19px; }
    .board_box .view .post th:after { right:41px; width:5px; height:5px; }
}
@media screen and (max-width:640px) {
    .board_box .view .header .tit { font-size:14px; padding:12px 17px;}
    .board_box .view .header .info { padding:11px 17px; }
    .board_box .view .header .info dt { font-size:11px; }
    .board_box .view .header .info dt span { margin:0 6px; }
    .board_box .view .header .info dd { font-size:11px; }
    
    .board_box .view .contents { padding:17px; font-size:13px; }
    
    .board_box .view .href { padding:0 0 23px; }
    .board_box .view .href > * { font-size:11px; line-height:18px; padding:0 17px; margin:0 0 0 7px;  }
    
    .board_box .view .etc th { font-size:11px; padding:12px 17px; width:90px; }
    .board_box .view .etc td { font-size:11px; padding:12px 17px; }
    .board_box .view .post { margin:23px 0 0; }
    .board_box .view .post th ,
    .board_box .view .post td { padding:11px 17px; }
    .board_box .view .post th:after { right:33px; }
}


.board_box .paging { font-size:0; text-align:center; margin:35px 0 0; }
.board_box .paging > * { display:inline-block; color:#999999; font-size:16px; margin:0 4px; width:32px; line-height:32px; font-weight:400; }
.board_box .paging .active { color:#ffffff; background-color:#2e3092; font-weight:700; }
@media screen and (max-width:1280px) {
    .board_box .paging { margin:32px 0 0; }
    .board_box .paging > * { font-size:15px; width:30px; line-height:30px; }
}
@media screen and (max-width:1024px) {
    .board_box .paging { margin:29px 0 0; }
    .board_box .paging > * { font-size:14px; margin:0 3px; width:28px; line-height:28px; }
}
@media screen and (max-width:768px) {
    .board_box .paging { margin:26px 0 0; }
    .board_box .paging > * { font-size:13px; width:26px; line-height:26px; }
}
@media screen and (max-width:640px) {
    .board_box .paging { margin:23px 0 0; }
    .board_box .paging > * { font-size:12px; margin:0 2px; width:24px; line-height:24px; }
}



.board_box .button { font-size:0; }
.board_box .button > * { font-size:16px; display:inline-block; text-align:center; border:none; vertical-align:top; font-weight:700; margin:0 0 0 12px; box-sizing:border-box; }
.board_box .button > *:first-child { margin:0; }
.board_box .button .blue { color:#ffffff; background-color:#2e3092; }
.board_box .button .gray { color:#686868; background-color:#f3f3f3; }

.board_box .gallery .button ,
.board_box .list .button { text-align:right; margin:35px 0 0; }
.board_box .write .button { text-align:center; margin:60px 0 0; }
.board_box .view .button { text-align:center; margin:35px 0 0; }
.board_box .gallery .button > * ,
.board_box .list .button > * { line-height:37px; padding:0 25px; }
.board_box .write .button > * { line-height:57px; width:230px; }
.board_box .view .button > * { line-height:47px; padding:0 35px; }
@media screen and (max-width:1280px) {
    .board_box .button > * { font-size:15px; margin:0 0 0 11px; }
    
    .board_box .gallery .button ,
    .board_box .list .button { margin:32px 0 0; }
    .board_box .write .button { margin:55px 0 0; }
    .board_box .view .button { margin:32px 0 0; }
    .board_box .gallery .button > * ,
    .board_box .list .button > * { line-height:34px; padding:0 23px; }
    .board_box .write .button > * { line-height:52px; width:210px; }
    .board_box .view .button > * { line-height:43px; padding:0 32px; }
}
@media screen and (max-width:1024px) {
    .board_box .button > * { font-size:14px; margin:0 0 0 10px; }
    
    .board_box .gallery .button ,
    .board_box .list .button { margin:29px 0 0; }
    .board_box .write .button { margin:50px 0 0; }
    .board_box .view .button { margin:29px 0 0; }
    .board_box .gallery .button > * ,
    .board_box .list .button > * { line-height:31px; padding:0 21px; }
    .board_box .write .button > * { line-height:47px; width:190px; }
    .board_box .view .button > * { line-height:39px; padding:0 29px; }
}
@media screen and (max-width:768px) {
    .board_box .button > * { font-size:13px; margin:0 0 0 9px; }
    
    .board_box .gallery .button ,
    .board_box .list .button { margin:26px 0 0; }
    .board_box .write .button { margin:45px 0 0; }
    .board_box .view .button { margin:26px 0 0; }
    .board_box .gallery .button > * ,
    .board_box .list .button > * { line-height:28px; padding:0 19px; }
    .board_box .write .button > * { line-height:42px; width:170px; }
    .board_box .view .button > * { line-height:35px; padding:0 26px; }
}
@media screen and (max-width:640px) {
    .board_box .button > * { font-size:12px; margin:0 0 0 8px; }
    
    .board_box .gallery .button ,
    .board_box .list .button { margin:23px 0 0; }
    .board_box .write .button { margin:40px 0 0; }
    .board_box .view .button { margin:23px 0 0; }
    .board_box .gallery .button > * ,
    .board_box .list .button > * { line-height:25px; padding:0 17px; }
    .board_box .write .button > * { line-height:37px; width:150px; }
    .board_box .view .button > * { line-height:31px; padding:0 23px; }
}



.board_box .view .comment { margin:100px 0 0; }
.board_box .view .comment h3 { font-size:20px; font-weight:700; }
.board_box .view .comment h3 span { color:#2E3091; }
.board_box .view .comment .comments { margin:25px 0 0; border-top:1px solid #333; border-bottom:1px solid #e9e9e9; }
.board_box .view .comment .comments dl { padding:30px 20px; border-top:1px solid #e9e9e9; }
.board_box .view .comment .comments dl:first-child { border-top:none; }
.board_box .view .comment .comments dl dt { position:relative; }
.board_box .view .comment .comments dl dt strong { font-size:16px; font-weight:700; color:#333; margin:0 10px 0 0; }
.board_box .view .comment .comments dl dt span { font-size:14px; font-weight:400; color:#999; }
.board_box .view .comment .comments dl dt div { position:absolute; top:0; right:0; }
.board_box .view .comment .comments dl dt div button { background-color:transparent; border:none; color:#6b6b6b; font-size:18px; width:19px; line-height:19px; }
.board_box .view .comment .comments dl dt div ul { display:none; border:1px solid #e9e9e9; position:absolute; top:100%; right:0; width:80px; padding:5px 0; background-color:#fff; }
.board_box .view .comment .comments dl dt div ul li a { display:block; font-size:16px; color:#333; padding:10px 0; text-align:center; }
.board_box .view .comment .comments dl dd { padding:10px 0 0; }
.board_box .view .comment .comments dl dd p { margin:0 0 15px; line-height:27px; color:#333; font-size:16px; }
.board_box .view .comment .comments dl dd p img { height:17px; vertical-align:top; }
.board_box .view .comment .comments > p { font-size:16px; color:#ddd; padding:30px 20px; }
.board_box .view .comment .bo_vc_w { margin:50px 0 0; }
.board_box .view .comment .bo_vc_w textarea { border:px solid #e9e9e9; resize:none; width:100%; height:150px; padding:20px; color:#999; font-size:16px; vertical-align:top; border-radius:0; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info { margin:20px 0 0; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info input { border:1px solid #dbdee2; line-height:40px; height:40px; margin:2px; padding:0 15px; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha { display:block; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha > * { display:inline-block; vertical-align:top; line-height:40px !important; height:40px !important; margin:2px; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha input[type=text] { border:1px solid #dbdee2; background-color:#fff; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_img { width:auto; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_info { font-size:16px; margin:0; color:#838383; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_mp3 { background-position:0 -2px; background-color:#c9c9c9; }
.board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_reload { background-position:0 -42px; background-color:#c9c9c9; }
.board_box .view .comment .bo_vc_w_wr .btn_confirm { overflow:hidden; margin:20px 0 0; vertical-align:top; }
.board_box .view .comment .bo_vc_w_wr .btn_confirm > * { vertical-align:top; line-height:42px; }
.board_box .view .comment .bo_vc_w_wr .btn_confirm label { display:block; float:left; color:#111; font-size:16px; }
.board_box .view .comment .bo_vc_w_wr .btn_confirm button { display:block; float:right; background-color:#2E3091; color:#fff; font-size:17px; width:110px; text-align:center; border-radius:0; }
@media screen and (max-width:1280px) {
    .board_box .view .comment { margin:90px 0 0; }
    .board_box .view .comment h3 { font-size:18px; }
    .board_box .view .comment .comments { margin:23px 0 0; }
    .board_box .view .comment .comments dl { padding:27px 18px; }
    .board_box .view .comment .comments dl dt strong { font-size:15px; margin:0 9px 0 0; }
    .board_box .view .comment .comments dl dt span { font-size:13px; }
    .board_box .view .comment .comments dl dt div button { font-size:17px; width:18px; line-height:18px; }
    .board_box .view .comment .comments dl dt div ul { width:72px; padding:4px 0; }
    .board_box .view .comment .comments dl dt div ul li a { font-size:15px; padding:9px 0; }
    .board_box .view .comment .comments dl dd { padding:9px 0 0; }
    .board_box .view .comment .comments dl dd p { margin:0 0 14px; line-height:25px; font-size:15px; }
    .board_box .view .comment .comments dl dd p img { height:16px; }
    .board_box .view .comment .comments > p { font-size:15px; padding:27px 18px; }
    .board_box .view .comment .bo_vc_w { margin:45px 0 0; }
    .board_box .view .comment .bo_vc_w textarea { height:135px; padding:18px; font-size:15px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info { margin:18px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info input { line-height:36px; height:36px; padding:0 14px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha > * { line-height:36px !important; height:36px !important; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_info { font-size:15px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_mp3 { background-position:0 -3px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_reload { background-position:0 -43px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm { margin:18px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm > * { line-height:38px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm label { font-size:15px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm button { font-size:16px; width:100px; }
}
@media screen and (max-width:1024px) {
    .board_box .view .comment { margin:80px 0 0; }
    .board_box .view .comment h3 { font-size:16px; }
    .board_box .view .comment .comments { margin:21px 0 0; }
    .board_box .view .comment .comments dl { padding:24px 16px; }
    .board_box .view .comment .comments dl dt strong { font-size:14px; margin:0 8px 0 0; }
    .board_box .view .comment .comments dl dt span { font-size:12px; }
    .board_box .view .comment .comments dl dt div button { font-size:16px; width:17px; line-height:17px; }
    .board_box .view .comment .comments dl dt div ul { width:64px; padding:3px 0; }
    .board_box .view .comment .comments dl dt div ul li a { font-size:14px; padding:8px 0; }
    .board_box .view .comment .comments dl dd { padding:8px 0 0; }
    .board_box .view .comment .comments dl dd p { margin:0 0 13px; line-height:23px; font-size:14px; }
    .board_box .view .comment .comments dl dd p img { height:15px; }
    .board_box .view .comment .comments > p { font-size:14px; padding:24px 16px; }
    .board_box .view .comment .bo_vc_w { margin:40px 0 0; }
    .board_box .view .comment .bo_vc_w textarea { height:120px; padding:16px; font-size:14px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info { margin:16px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info input { line-height:32px; height:32px; padding:0 13px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha > * { line-height:32px !important; height:32px !important; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_info { font-size:14px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_mp3 { background-position:0 -5px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_reload { background-position:0 -45px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm { margin:16px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm > * { line-height:34px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm label { font-size:14px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm button { font-size:15px; width:90px; }
}
@media screen and (max-width:768px) {
    .board_box .view .comment { margin:70px 0 0; }
    .board_box .view .comment h3 { font-size:14px; }
    .board_box .view .comment .comments { margin:19px 0 0; }
    .board_box .view .comment .comments dl { padding:21px 14px; }
    .board_box .view .comment .comments dl dt strong { font-size:13px; margin:0 7px 0 0; }
    .board_box .view .comment .comments dl dt span { font-size:11px; }
    .board_box .view .comment .comments dl dt div button { font-size:15px; width:16px; line-height:16px; }
    .board_box .view .comment .comments dl dt div ul { width:56px; padding:2px 0; }
    .board_box .view .comment .comments dl dt div ul li a { font-size:13px; padding:7px 0; }
    .board_box .view .comment .comments dl dd { padding:7px 0 0; }
    .board_box .view .comment .comments dl dd p { margin:0 0 12px; line-height:21px; font-size:13px; }
    .board_box .view .comment .comments dl dd p img { height:14px; }
    .board_box .view .comment .comments > p { font-size:13px; padding:21px 14px; }
    .board_box .view .comment .bo_vc_w { margin:35px 0 0; }
    .board_box .view .comment .bo_vc_w textarea { height:105px; padding:14px; font-size:13px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info { margin:14px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info input { line-height:28px; height:28px; padding:0 12px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha > * { line-height:28px !important; height:28px !important; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_info { font-size:13px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_mp3 { background-position:0 -7px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_reload { background-position:0 -47px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm { margin:14px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm > * { line-height:30px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm label { font-size:13px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm button { font-size:14px; width:80px; }
}
@media screen and (max-width:640px) {
    .board_box .view .comment { margin:60px 0 0; }
    .board_box .view .comment h3 { font-size:12px; }
    .board_box .view .comment .comments { margin:17px 0 0; }
    .board_box .view .comment .comments dl { padding:18px 12px; }
    .board_box .view .comment .comments dl dt strong { font-size:12px; margin:0 6px 0 0; }
    .board_box .view .comment .comments dl dt span { font-size:10px; }
    .board_box .view .comment .comments dl dt div button { font-size:14px; width:15px; line-height:15px; }
    .board_box .view .comment .comments dl dt div ul { width:48px; padding:1px 0; }
    .board_box .view .comment .comments dl dt div ul li a { font-size:12px; padding:6px 0; }
    .board_box .view .comment .comments dl dd { padding:6px 0 0; }
    .board_box .view .comment .comments dl dd p { margin:0 0 11px; line-height:19px; font-size:12px; }
    .board_box .view .comment .comments dl dd p img { height:13px; }
    .board_box .view .comment .comments > p { font-size:12px; padding:18px 12px; }
    .board_box .view .comment .bo_vc_w { margin:30px 0 0; }
    .board_box .view .comment .bo_vc_w textarea { height:90px; padding:12px; font-size:12px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info { margin:12px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info input { line-height:24px; height:24px; padding:0 11px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha > * { line-height:24px !important; height:24px !important; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_info { font-size:12px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_mp3 { background-position:0 -7px; }
    .board_box .view .comment .bo_vc_w_wr .bo_vc_w_info #captcha #captcha_reload { background-position:0 -48px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm { margin:12px 0 0; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm > * { line-height:26px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm label { font-size:12px; }
    .board_box .view .comment .bo_vc_w_wr .btn_confirm button { font-size:13px; width:70px; }
}





.greetings_box .history { overflow:hidden; }
.greetings_box .history > div { float:left; }
.greetings_box .history .img { width:32%; }
.greetings_box .history .txt { width:61%; padding:1.5% 0 0 7%; }
.greetings_box .history .txt h4 { color:#333333; font-size:32px; line-height:48px; position:relative; padding:25px 0 0 70px; }
.greetings_box .history .txt h4 span { content:''; position:absolute; top:0; }
.greetings_box .history .txt h4 span:first-child { left:0; }
.greetings_box .history .txt h4 span:last-child { right:0; }
.greetings_box .history .txt h4 span img { height:33px; }
.greetings_box .history .txt h4 strong { font-weight:700; color:#2e3092; }
.greetings_box .history .txt p { margin:40px 0 0; font-size:24px; font-weight:700; color:#111111; }
.greetings_box .history .txt ul { margin:15px 0 0; }
.greetings_box .history .txt ul li { font-size:15px; color:#333333; padding:5px 0 5px 15px; position:relative; }
.greetings_box .history .txt ul li:before { content:''; position:absolute; top:12px; left:0; background-image:url('../img/sub/greetings_dotted.png'); width:5px; height:5px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.greetings_box .text { margin:60px 0 0; background-image:url('../img/sub/greetings_bg.png'); background-repeat:no-repeat; background-position:center; font-size:24px; line-height:40px; color:#333333; background-size:374px 394px; }
.greetings_box .text strong { font-weight:500; }
@media screen and (max-width:1280px) {
    .greetings_box .history .img { width:30%; }
    .greetings_box .history .txt { width:65%; padding:1.5% 0 0 3.5%; }
    .greetings_box .history .txt h4 { font-size:29px; line-height:44px; padding:23px 60px 0; }
    .greetings_box .history .txt h4 span img { height:30px; }
    .greetings_box .history .txt p { margin:36px 0 0; font-size:22px; }
    .greetings_box .history .txt ul { margin:14px 0 0; }
    .greetings_box .history .txt ul li { font-size:14px; padding:4px 0 4px 14px; }
    .greetings_box .history .txt ul li:before { top:11px; }
    .greetings_box .text { margin:54px 0 0; font-size:22px; line-height:36px; background-size:346px 364px; }
}
@media screen and (max-width:1024px) {
    .greetings_box .history .img { width:30%; }
    .greetings_box .history .txt { width:65%; padding:1.5% 0 0 3.5%; }
    .greetings_box .history .txt h4 { font-size:26px; line-height:40px; padding:21px 45px 0; }
    .greetings_box .history .txt h4 span img { height:27px; }
    .greetings_box .history .txt p { margin:32px 0 0; font-size:20px; }
    .greetings_box .history .txt ul { margin:13px 0 0; }
    .greetings_box .history .txt ul li { font-size:13px; padding:3px 0 3px 13px; }
    .greetings_box .history .txt ul li:before { top:10px; width:4px; height:4px; }
    .greetings_box .text { margin:48px 0 0; font-size:19px; line-height:31px; background-size:317px 334px; }
}
@media screen and (max-width:768px) {
    .greetings_box .history > div { float:none; }
    .greetings_box .history .img { width:auto; text-align:center; }
    .greetings_box .history .txt { width:auto; padding:3% 0 0 ; }
    .greetings_box .history .txt h4 { font-size:23px; line-height:36px; padding:19px 30px 0; text-align:center; max-width:450px; margin:0 auto; }
    .greetings_box .history .txt h4 span img { height:24px; }
    .greetings_box .history .txt p { margin:28px 0 0; font-size:18px; }
    .greetings_box .history .txt ul { margin:12px 0 0; }
    .greetings_box .history .txt ul li { font-size:12px; padding:2px 0 2px 12px; }
    .greetings_box .history .txt ul li:before { top:8px; }
    .greetings_box .text { margin:42px 0 0; font-size:17px; line-height:27px; background-size:289px 304px; }
}
@media screen and (max-width:640px) {
    .greetings_box .history .txt h4 { font-size:20px; line-height:32px; padding:17px 15px 0; }
    .greetings_box .history .txt h4 br { display:none; }
    .greetings_box .history .txt h4 span img { height:21px; }
    .greetings_box .history .txt p { margin:24px 0 0; font-size:16px; }
    .greetings_box .history .txt ul { margin:11px 0 0; }
    .greetings_box .history .txt ul li { font-size:11px; padding:1px 0 1px 11px; }
    .greetings_box .history .txt ul li:before { top:6px; width:3px; height:3px; }
    .greetings_box .text { margin:36px 0 0; font-size:14px; line-height:22px; background-size:260px 274px; }
}





.about_box .about_tt { text-align:center; margin:0 0 60px; }
.about_box .about_tt img { width:59px; margin:0 0 30px; }
.about_box .about_tt { font-size:22px; font-weight:700; color:#2e3092; }
.about_box .about_tt span { font-weight:400; color:#333333; }

.about_box .summary { overflow:hidden; margin:-1%; }
.about_box .summary li { border:1px solid #dddddd; float:left; text-align:center; position:relative; margin:1%; }
.about_box .summary li.w25 { width:23%; }
.about_box .summary li.w33 { width:31.33%; }
.about_box .summary li.w100 { width:98%; min-height:auto !important; }
.about_box .summary li.h240 { min-height:240px; }
.about_box .summary li.h200 { min-height:200px; }
.about_box .summary li dl { padding:35px 0 0; }
.about_box .summary li.w100 dl { padding:35px; }
.about_box .summary li dl dt { font-weight:500; color:#333333; }
.about_box .summary li dl dt strong { font-weight:900; color:#2e3092; }
.about_box .summary li dl dd { font-weight:500; color:#333333; }
.about_box .summary li dl .blue { color:#2e3092 }
.about_box .summary li dl .f18 { font-size:18px; }
.about_box .summary li dl .f20 { font-size:20px; }
.about_box .summary li dl .f26 { font-size:26px; }
.about_box .summary li dl .f30 { font-size:30px; }
.about_box .summary li dl .f32 { font-size:32px; }
.about_box .summary li dl .f52 { font-size:52px; }
.about_box .summary li dl .f72 { font-size:72px; }

.about_box .history { position:relative; }
.about_box .history:before { content:''; position:absolute; top:15px; left:50%; transform:translate(-50%, 0); width:1px; height:calc(100% - 15px); background-color:#2e3092; }
.about_box .history li { overflow:hidden; }
.about_box .history li > div { width:50%; padding:50px; }
.about_box .history li .img img { width:496px; }
.about_box .history li .txt { padding-top:0; padding-bottom:0; position:relative; }
.about_box .history li.last div { padding-bottom:0 !important; }
.about_box .history li.left > div { float:left; }
.about_box .history li.right > div { float:right; }
.about_box .history li.left .img { text-align:right; }
.about_box .history li.left .txt { text-align:left; }
.about_box .history li.right .img { text-align:left; }
.about_box .history li.right .txt { text-align:right; }
.about_box .history li .txt:before { content:''; position:absolute; top:11px; width:20px; height:20px; border-radius:50%; background-color:#dbe7fd; }
.about_box .history li .txt:after { content:''; position:absolute; top:17px; width:8px; height:8px; border-radius:50%; background-color:#2e3092; }
.about_box .history li.left .txt:before { left:-10px; }
.about_box .history li.left .txt:after { left:-4px; }
.about_box .history li.right .txt:before { right:-10px; }
.about_box .history li.right .txt:after { right:-4px; }
.about_box .history li .txt div { font-size:32px; font-weight:900; color:#2e3092; padding:0 0 10px; }
.about_box .history li .txt p { overflow:hidden; font-size:18px; color:#333333; padding:10px 0; }
.about_box .history li .txt p span { color:#4d89f6; margin:0 18px; }
.about_box .history li.left .txt p { text-align:left; }
.about_box .history li.left .txt p span { float:left; margin-left:0; }
.about_box .history li.right .txt p { text-align:right; }
.about_box .history li.right .txt p span { float:right; margin-right:0; }

.about_box .certification { overflow:hidden; padding:0 110px; margin:-4%; }
.about_box .certification li { float:left; width:42%; margin:4%; }
.about_box .certification li a { display:block; text-align:center; }
.about_box .certification li a div { height:485px; border:1px solid #cecece; position:relative; }
.about_box .certification li a div img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:90%; max-width:90% !important; }
.about_box .certification li a p { font-size:20px; font-weight:700; color:#ffffff; background-color:#2e3092; padding:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
@media screen and (max-width:1280px) {
    .about_box .about_tt { margin:0 0 54px; }
    .about_box .about_tt img { width:54px; margin:0 0 27px; }
    .about_box .about_tt { font-size:20px; }

    .about_box .summary li.w25 { width:23%; }
    .about_box .summary li.w33 { width:31.33%; }
    .about_box .summary li.w100 { width:98%; }
    .about_box .summary li.h240 { min-height:220px; }
    .about_box .summary li.h200 { min-height:180px; }
    .about_box .summary li dl { padding:32px 0 0; }
    .about_box .summary li.w100 dl { padding:32px; }
    .about_box .summary li dl .f18 { font-size:16px; }
    .about_box .summary li dl .f20 { font-size:18px; }
    .about_box .summary li dl .f26 { font-size:24px; }
    .about_box .summary li dl .f30 { font-size:27px; }
    .about_box .summary li dl .f32 { font-size:29px; }
    .about_box .summary li dl .f52 { font-size:47px; }
    .about_box .summary li dl .f72 { font-size:65px; }

    .about_box .history li > div { width:50%; padding:45px; }
    .about_box .history li .img img { width:456px; }
    .about_box .history li .txt:before { top:10px; width:19px; height:19px; }
    .about_box .history li .txt:after { top:16px; width:7px; height:7px; }
    .about_box .history li.left .txt:before { left:-9.5px; }
    .about_box .history li.left .txt:after { left:-3.5px; }
    .about_box .history li.right .txt:before { right:-9.5px; }
    .about_box .history li.right .txt:after { right:-3.5px; }
    .about_box .history li .txt div { font-size:29px; padding:0 0 9px; }
    .about_box .history li .txt p { font-size:17px; padding:9px 0; }
    .about_box .history li .txt p span { margin:0 17px; }

    .about_box .certification { padding:0 60px; }
    .about_box .certification li a div { height:435px; }
    .about_box .certification li a p { font-size:18px; padding:17px; }
}
@media screen and (max-width:1024px) {
    .about_box .about_tt { margin:0 0 48px; }
    .about_box .about_tt img { width:49px; margin:0 0 24px; }
    .about_box .about_tt { font-size:18px; }

    .about_box .summary li.w25 { width:23%; }
    .about_box .summary li.w33 { width:31.33%; }
    .about_box .summary li.h240 { min-height:200px; }
    .about_box .summary li.h200 { min-height:160px; }
    .about_box .summary li dl { padding:29px 0 0; }
    .about_box .summary li.w100 dl { padding:29px; }
    .about_box .summary li dl .f18 { font-size:14px; }
    .about_box .summary li dl .f20 { font-size:16px; }
    .about_box .summary li dl .f26 { font-size:22px; }
    .about_box .summary li dl .f30 { font-size:24px; }
    .about_box .summary li dl .f32 { font-size:26px; }
    .about_box .summary li dl .f52 { font-size:42px; }
    .about_box .summary li dl .f72 { font-size:58px; }

    .about_box .history li > div { width:50%; padding:40px; }
    .about_box .history li .img img { width:416px; }
    .about_box .history li .txt:before { top:9px; width:18px; height:18px; }
    .about_box .history li .txt:after { top:15px; width:6px; height:6px; }
    .about_box .history li.left .txt:before { left:-9px; }
    .about_box .history li.left .txt:after { left:-3px; }
    .about_box .history li.right .txt:before { right:-9px; }
    .about_box .history li.right .txt:after { right:-3px; }
    .about_box .history li .txt div { font-size:26px; padding:0 0 8px; }
    .about_box .history li .txt p { font-size:16px; padding:8px 0; }
    .about_box .history li .txt p span { margin:0 16px; }

    .about_box .certification { padding:0 30px; margin:-3%; }
    .about_box .certification li { width:44%; margin:3%; }
    .about_box .certification li a div { height:385px; }
    .about_box .certification li a p { font-size:16px; padding:16px; }
}
@media screen and (max-width:768px) {
    .about_box .about_tt { margin:0 0 42px; }
    .about_box .about_tt img { width:44px; margin:0 0 21px; }
    .about_box .about_tt { font-size:16px; }

    .about_box .summary li.w25 { width:48%; }
    .about_box .summary li.w33 { width:31.33%; }
    .about_box .summary li.h240 { min-height:180px; }
    .about_box .summary li.h200 { min-height:140px; }
    .about_box .summary li dl { padding:26px 0 0; }
    .about_box .summary li.w100 dl { padding:26px; }
    .about_box .summary li dl .f18 { font-size:12px; }
    .about_box .summary li dl .f20 { font-size:14px; }
    .about_box .summary li dl .f26 { font-size:20px; }
    .about_box .summary li dl .f30 { font-size:21px; }
    .about_box .summary li dl .f32 { font-size:23px; }
    .about_box .summary li dl .f52 { font-size:37px; }
    .about_box .summary li dl .f72 { font-size:51px; }

    .about_box .history:before { top:25px; left:0; transform:translate(0, 0); height:calc(100% - 35.5px); }
    .about_box .history li { overflow:visible; }
    .about_box .history li > div { width:auto; padding:17.5px 35px !important; float:none !important; }
    .about_box .history li .img { display:none; }
    .about_box .history li .txt:before { top:25px; width:17px; height:17px; }
    .about_box .history li .txt:after { top:31px; width:5px; height:5px; }
    .about_box .history li.left .img { text-align:left; }
    .about_box .history li.left .txt { text-align:left; }
    .about_box .history li.right .img { text-align:left; }
    .about_box .history li.right .txt { text-align:left; } 
    .about_box .history li.left .txt:before { left:-8.5px; }
    .about_box .history li.left .txt:after { left:-2.5px; }
    .about_box .history li.right .txt:before { left:-8.5px; }
    .about_box .history li.right .txt:after { left:-2.5px; }
    .about_box .history li .txt div { font-size:23px; padding:0 0 7px; }
    .about_box .history li .txt p { font-size:15px; padding:7px 0; }
    .about_box .history li .txt p span { margin:0 15px 0 0 !important; }
    .about_box .history li.left .txt p { text-align:left; }
    .about_box .history li.left .txt p span { float:none; }
    .about_box .history li.right .txt p { text-align:left; }
    .about_box .history li.right .txt p span { float:none; }

    .about_box .certification { padding:0; margin:-2%; }
    .about_box .certification li { width:46%; margin:2%; }
    .about_box .certification li a div { height:335px; }
    .about_box .certification li a p { font-size:14px; padding:15px; }
}
@media screen and (max-width:640px) {
    .about_box .about_tt { margin:0 0 36px; }
    .about_box .about_tt img { width:39px; margin:0 0 18px; }
    .about_box .about_tt { font-size:14px; }

    .about_box .summary li.w33 { width:98%; min-height:auto !important; }
    .about_box .summary li.h240 { min-height:160px; }
    .about_box .summary li.h200 { min-height:120px; }
    .about_box .summary li dl { padding:23px 0 0; }
    .about_box .summary li.w100 dl { padding:23px; }
    .about_box .summary li.w33 dl { padding:23px; }
    .about_box .summary li.w33 dl dd br { display:none; }
    .about_box .summary li dl .f18 { font-size:10px; }
    .about_box .summary li dl .f20 { font-size:12px; }
    .about_box .summary li dl .f26 { font-size:18px; }
    .about_box .summary li dl .f30 { font-size:18px; }
    .about_box .summary li dl .f32 { font-size:20px; }
    .about_box .summary li dl .f52 { font-size:32px; }
    .about_box .summary li dl .f72 { font-size:44px; }

    .about_box .history:before { top:20px; height:calc(100% - 29px); }
    .about_box .history li > div { padding:15px 30px !important; }
    .about_box .history li .img img { height:218px; }
    .about_box .history li .txt:before { top:20px; width:16px; height:16px; }
    .about_box .history li .txt:after { top:26px; width:4px; height:4px; }
    .about_box .history li.left .txt:before { left:-8px; }
    .about_box .history li.left .txt:after { left:-2px; }
    .about_box .history li.right .txt:before { right:-8px; }
    .about_box .history li.right .txt:after { right:-2px; }
    .about_box .history li .txt div { font-size:20px; padding:0 0 6px; }
    .about_box .history li .txt p { font-size:14px; padding:6px 0; }
    .about_box .history li .txt p span { margin:0 14px 0 0 !important; }

    .about_box .certification { margin:-1%; }
    .about_box .certification li { width:48%; margin:1%; }
    .about_box .certification li a div { height:285px; }
    .about_box .certification li a p { font-size:12px; padding:14px; }
}





.management_box .image { margin:60px 0; text-align:center; }
.management_box .image.first { margin:0; }
.management_box .image img { max-width:90% !important; }

.management_box dl { margin:20px 0 0; font-size:0; }
.management_box dl > * { position:relative; min-height:165px; display:inline-block; vertical-align:top; }
.management_box dl > * > * { position:absolute; }
.management_box dl dt { background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#000; width:30%; }
.management_box dl dt p { top:50%; left:0; right:0; width:100%; transform:translate(0, -50%); color:#fff; font-size:28px; font-weight:500; text-align:center; }
.management_box dl dd { width:70%; }
.management_box dl dd div { top:50%; left:0; right:0; width:100%; transform:translate(0, -50%); margin:0 0 0 6.5% !important; }

.management_box .image_box { margin:30px 0 0; }
@media screen and (max-width:1280px) {
    .management_box .image { margin:54px 0; }

    .management_box dl { margin:18px 0 0; }
    .management_box dl > * { min-height:145px; }
    .management_box dl dt p { font-size:25px; }

    .management_box .image_box { margin:27px 0 0; }
}
@media screen and (max-width:1024px) {
    .management_box .image { margin:48px 0; }

    .management_box dl { margin:20px 0 0; }
    .management_box dl > * { min-height:125px; }
    .management_box dl dt p { font-size:22px; }

    .management_box .image_box { margin:24px 0 0; }
}
@media screen and (max-width:768px) {
    .management_box .image { margin:42px 0; }

    .management_box dl { margin:20px 0 0; }
    .management_box dl > * { min-height:105px; }
    .management_box dl dt p { font-size:19px; }
    .management_box dl dd div { position:static; top:auto; left:auto; right:auto; width:auto; transform:translate(0, 0); }

    .management_box .image_box { margin:21px 0 0; }
}
@media screen and (max-width:640px) {
    .management_box .image { margin:36px 0; }

    .management_box dl { margin:20px 0 0; }
    .management_box dl > * { min-height:85px; }
    .management_box dl dt p { font-size:16px; }

    .management_box .image_box { margin:18px 0 0; }
}




 
.organization_box .organization { font-size:22px; color:#fff; text-align:center; }
.organization_box .organization a { font-size:inherit; color:inherit; }
.organization_box .organization .top { position:relative; padding:0 0 45px; }
.organization_box .organization .top:before { content:''; position:absolute; width:1px; background-color:#999999; top:0; left:50%; bottom:0; transform:translate(-50%, 0); z-index:-1; }
.organization_box .organization .top .ceo { font-weight:700; display:block; margin:0 auto; background-color:#1c1e6f; width:140px; line-height:140px; text-align:center; border-radius:50%; }
.organization_box .organization .top .audit { position:relative; }
.organization_box .organization .top .audit:before { content:''; position:absolute; height:1px; left:11%; right:50%; top:50%; transform:translate(0, -50%); background-color:#999999; z-index:-1; }
.organization_box .organization .top .audit a { display:block; width:185px; background-color:#427ff0; padding:16px 0; border-radius:31px; margin:0 0 0 11%; }
.organization_box .organization .top .seoul { overflow:hidden; }
.organization_box .organization .top .seoul .corp { position:relative; padding:0 0 20px; }
.organization_box .organization .top .seoul .corp:before { content:''; position:absolute; height:1px; left:50%; right:11%; top:50%; transform:translate(0, calc(-50% - 10px)); background-color:#999999; z-index:-1; }
.organization_box .organization .top .seoul .corp:after { content:''; position:absolute; width:1px; right:calc(11% + (185px / 2)); top:0%; bottom:0; background-color:#999999; z-index:-1; }
.organization_box .organization .top .seoul .corp a { display:block; width:185px; background-color:#427ff0; padding:16px 0; border-radius:31px; margin:0 0 0 calc(89% - 185px); }
.organization_box .organization .top .seoul .team { position:relative; overflow:hidden; }
.organization_box .organization .top .seoul .team:before { content:''; position:absolute; height:1px; left:calc(100% - (6.5% + (185px * 2) - (185px / 2))); right:calc(185px / 2); top:0; background-color:#999999; z-index:-1; }
.organization_box .organization .top .seoul .team div { margin:0 0 0 6.5%; float:left; position:relative; padding:20px 0 0; }
.organization_box .organization .top .seoul .team div:before { content:''; position:absolute; width:1px; left:50%; top:0; bottom:0; transform:translate(-50%, 0); background-color:#999999; z-index:-1; }
.organization_box .organization .top .seoul .team div:first-child { margin:0 0 0 calc(100% - (6.5% + (185px * 2))); }
.organization_box .organization .top .seoul .team div a { display:block; width:185px; background-color:#427ff0; padding:16px 0; border-radius:31px; background-color:#eeeeee; color:#333333; }

.organization_box .organization .bottom { position:relative; overflow:hidden; }
.organization_box .organization .bottom:before { content:''; position:absolute; height:1px; left:10.25%; right:10.25%; top:0; background-color:#999999; z-index:-1; }
.organization_box .organization .bottom .group { position:relative; padding:45px 0 0; float:left; width:20.5%; margin:0 0 0 6%; }
.organization_box .organization .bottom .group:first-child { margin:0; }
.organization_box .organization .bottom .group:before { content:''; position:absolute; width:1px; left:50%; top:0; bottom:0; transform:translate(-50%, 0); background-color:#999999; z-index:-1; }
.organization_box .organization .bottom .group ul { margin:25px 0 0; background-color:#f9f9f9; }
.organization_box .organization .bottom .group ul li.t a { display:block; background-color:#8fb1f1; padding:16px 0; }
.organization_box .organization .bottom .group ul li.l { color:#333333; font-size:18px; line-height:31px; }
.organization_box .organization .bottom .group ul li.l.f { padding:10px 0 0; }
.organization_box .organization .bottom .group ul li.l:last-child { padding:0 0 10px; }
.organization_box .organization .bottom .group ul.h { margin:0 0 35px; }
.organization_box .organization .bottom .group ul.h.mn { margin:0; }
.organization_box .organization .bottom .group ul.h li a { display:block; background-color:#1352c7; padding:16px 0; }

.organization_box .organization .top .seoul .corp2 {padding-bottom:0;}
.organization_box .organization .top .seoul .corp2:after {display:none;}
.organization_box .organization .top .seoul .corp2:before {top:66%;}
.organization_box .organization .bottom2:before {display:none;}
.organization_box .organization .bottom2 .group {float:right; margin-right:102.5px !important;}

.organization_box .chart { margin:120px 0 0; }
.organization_box .chart p { text-align:right; font-size:16px; color:#999999; font-weight:500; }
.organization_box .chart table { display:none; }

@media screen and (max-width:1280px) {
    .organization_box .organization { font-size:20px; }
    .organization_box .organization .top { padding:0 0 41px; }
    .organization_box .organization .top .ceo { width:126px; line-height:126px; }
    .organization_box .organization .top .audit:before { left:10%; }
    .organization_box .organization .top .audit a { width:167px; padding:15px 0; border-radius:29px; margin:0 0 0 10%; }
    .organization_box .organization .top .seoul .corp { padding:0 0 18px; }
    .organization_box .organization .top .seoul .corp:before { left:50%; right:10%; top:50%; transform:translate(0, calc(-50% - 9px)); }
    .organization_box .organization .top .seoul .corp:after { right:calc(10% + (167px / 2)); }
    .organization_box .organization .top .seoul .corp a { width:167px; padding:15px 0; border-radius:29px; margin:0 0 0 calc(90% - 167px); }
    .organization_box .organization .top .seoul .team:before { left:calc(100% - (5% + (167px * 2) - (167px / 2))); right:calc(167px / 2); top:0; }
    .organization_box .organization .top .seoul .team div { margin:0 0 0 5%; padding:18px 0 0; }
    .organization_box .organization .top .seoul .team div:first-child { margin:0 0 0 calc(100% - (5% + (167px * 2))); }
    .organization_box .organization .top .seoul .team div a { width:167px; padding:15px 0; border-radius:29px; }

    .organization_box .organization .bottom:before { left:10.5%; right:10.5%; }
    .organization_box .organization .bottom .group { padding:41px 0 0; width:21.25%; margin:0 0 0 5%; }
    .organization_box .organization .bottom .group ul { margin:23px 0 0; }
    .organization_box .organization .bottom .group ul li.t a { padding:15px 0; }
    .organization_box .organization .bottom .group ul li.l { font-size:17px; line-height:28px; }
    .organization_box .organization .bottom .group ul li.l.f { padding:9px 0 0; }
    .organization_box .organization .bottom .group ul li.l:last-child { padding:0 0 9px; }
    .organization_box .organization .bottom .group ul.h { margin:0 0 32px; }
    .organization_box .organization .bottom .group ul.h li a { padding:15px 0; }
	
	.organization_box .organization .top .seoul .corp2 {padding:0 !important;}
	.organization_box .organization .top .seoul .corp2:before {top:66% !important;}
	.organization_box .organization .bottom2 .group {margin-right:59.5px !important;}

    .organization_box .chart { margin:108px 0 0; }
    .organization_box .chart p { font-size:15px; }
}
@media screen and (max-width:1024px) {
    .organization_box .organization { font-size:18px; }
    .organization_box .organization .top { padding:0 0 37px; }
    .organization_box .organization .top .ceo { width:112px; line-height:112px; }
    .organization_box .organization .top .audit:before { left:9%; }
    .organization_box .organization .top .audit a { width:149px; padding:14px 0; border-radius:27px; margin:0 0 0 9%; }
    .organization_box .organization .top .seoul .corp { padding:0 0 16px; }
    .organization_box .organization .top .seoul .corp:before { left:50%; right:9%; top:50%; transform:translate(0, calc(-50% - 8px)); }
    .organization_box .organization .top .seoul .corp:after { right:calc(9% + (149px / 2)); }
    .organization_box .organization .top .seoul .corp a { width:149px; padding:14px 0; border-radius:27px; margin:0 0 0 calc(91% - 149px); }
    .organization_box .organization .top .seoul .team:before { left:calc(100% - (4% + (149px * 2) - (149px / 2))); right:calc(149px / 2); top:0; }
    .organization_box .organization .top .seoul .team div { margin:0 0 0 4%; padding:16px 0 0; }
    .organization_box .organization .top .seoul .team div:first-child { margin:0 0 0 calc(100% - (4% + (149px * 2))); }
    .organization_box .organization .top .seoul .team div a { width:149px; padding:14px 0; border-radius:27px; }

    .organization_box .organization .bottom:before { left:11%; right:11%; }
    .organization_box .organization .bottom .group { padding:37px 0 0; width:22%; margin:0 0 0 4%; }
    .organization_box .organization .bottom .group ul { margin:21px 0 0; }
    .organization_box .organization .bottom .group ul li.t a { padding:14px 0; }
    .organization_box .organization .bottom .group ul li.l { font-size:16px; line-height:25px; }
    .organization_box .organization .bottom .group ul li.l.f { padding:8px 0 0; }
    .organization_box .organization .bottom .group ul li.l:last-child { padding:0 0 8px; }
    .organization_box .organization .bottom .group ul.h { margin:0 0 29px; }
    .organization_box .organization .bottom .group ul.h li a { padding:14px 0; }
	.organization_box .organization .bottom2 .group {margin-right:32.5px !important;}

    .organization_box .chart { margin:96px 0 0; }
    .organization_box .chart p { font-size:14px; }
}
@media screen and (max-width:768px) {
    .organization_box .organization { font-size:16px; }
    .organization_box .organization .top { padding:0 0 33px; }
    .organization_box .organization .top .ceo { width:98px; line-height:98px; margin:22px auto; }
    .organization_box .organization .top .audit:before { content:none; }
    .organization_box .organization .top .audit a { width:70%; padding:13px 0; border-radius:23px; margin:11px auto; }
    .organization_box .organization .top .seoul .corp { padding:0; }
    .organization_box .organization .top .seoul .corp:before { content:none; }
    .organization_box .organization .top .seoul .corp:after { content:none; }
    .organization_box .organization .top .seoul .corp a { width:70% !important; padding:13px 0; border-radius:23px; margin:11px auto; }
    .organization_box .organization .top .seoul .team:before { left:25%; right:25%; top:0; }
    .organization_box .organization .top .seoul .team { margin:0 -1%; }
    .organization_box .organization .top .seoul .team div { margin:0 1% 11px !important; width:48%; padding:15px 0 0; }
    .organization_box .organization .top .seoul .team div a { width:auto; padding:13px 0; border-radius:23px; }

    .organization_box .organization .bottom { margin:0 -3%; }
    .organization_box .organization .bottom:before { left:25%; right:25%; }
    .organization_box .organization .bottom .group { padding:33px 0 0; width:44% !important; margin:0 3% !important; }
    .organization_box .organization .bottom .group ul { margin:0; }
    .organization_box .organization .bottom .group ul li.t { display:none; }
    .organization_box .organization .bottom .group ul li.l { display:none; }
    .organization_box .organization .bottom .group ul.h { margin:0; }
    .organization_box .organization .bottom .group ul.h li.t { display:block; }
    .organization_box .organization .bottom .group ul.h li a { padding:13px 0; }
	
	.organization_box .organization .bottom2 .group {display:none;}

    .organization_box .chart { margin:84px 0 0; }
    .organization_box .chart p { font-size:13px; }
}
@media screen and (max-width:640px) {
    .organization_box .organization { font-size:14px; }
    .organization_box .organization .top { padding:0 0 29px; }
    .organization_box .organization .top .ceo { width:84px; line-height:84px; margin:20px auto; }
    .organization_box .organization .top .audit a { width:85%; padding:12px 0; border-radius:22px; margin:10px auto; }
    .organization_box .organization .top .seoul .corp a { width:85% !important; padding:12px 0; border-radius:22px; margin:10px auto; }
    .organization_box .organization .top .seoul .team div { margin:0 1% 10px !important; padding:14px 0 0; }
    .organization_box .organization .top .seoul .team div a { width:auto; padding:12px 0; border-radius:22px; }

    .organization_box .organization .bottom { margin:0 -2%; }
    .organization_box .organization .bottom .group { padding:29px 0 0; width:46% !important; margin:0 2% !important; }
    .organization_box .organization .bottom .group ul.h li a { padding:12px 0; }

    .organization_box .chart { margin:72px 0 0; }
    .organization_box .chart p { font-size:12px; }
}





.customer_box ul { overflow:hidden; margin:-1%; padding:0; }
.customer_box ul li { float:left; width:18%; margin:1%; }
.customer_box ul li a { display:block; box-sizing:border-box; border:1px solid #dddddd; background-color:#ffffff; height:58px; position:relative; cursor:auto; }
.customer_box ul li a img { max-width:80% !important; max-height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
@media screen and (max-width:1280px) {
    .customer_box ul li { width:23%; }
    .customer_box ul li a { height:53px; }
}
@media screen and (max-width:1024px) {
    .customer_box ul li a { height:48px; }
}
@media screen and (max-width:768px) {
    .customer_box ul li { width:48%; }
    .customer_box ul li a { height:43px; }
}
@media screen and (max-width:640px) {
    .customer_box ul li a { height:38px; }
}





.location_box .map { height:460px; margin:0 0 65px; }
@media screen and (max-width:1280px) {
    .location_box .map { height:420px; margin:0 0 60px; }
}
@media screen and (max-width:1024px) {
    .location_box .map { height:380px; margin:0 0 55px; }
}
@media screen and (max-width:768px) {
    .location_box .map { height:340px; margin:0 0 50px; }
}
@media screen and (max-width:640px) {
    .location_box .map { height:300px; margin:0 0 45px; }
}





.machinery_box .info ul { font-size:0; margin:-1%; }
.machinery_box .info ul li { display:inline-block; width:31.33%; margin:1%; text-align:center; padding:30px; vertical-align:top; box-shadow:0 0 22px rgba(46, 48, 146, 0.08); border-radius:20px; }
.machinery_box .info ul li .img { position:relative; height:110px; }
.machinery_box .info ul li .img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100%; }
.machinery_box .info ul li .tit { font-size:18px; color:#333333; font-weight:500; margin:25px 0 0; }
.machinery_box .info ul li .tit br { display:none; }
@media screen and (max-width:1280px) {
    .machinery_box .info ul li { padding:27px; border-radius:18px; }
    .machinery_box .info ul li .img { height:100px; }
    .machinery_box .info ul li .tit { font-size:17px; margin:23px 0 0; }
}
@media screen and (max-width:1024px) {
    .machinery_box .info ul li { padding:24px; border-radius:16px; }
    .machinery_box .info ul li .img { height:80px; }
    .machinery_box .info ul li .tit { font-size:16px; margin:21px 0 0; }
}
@media screen and (max-width:768px) {
    .machinery_box .info ul li { padding:21px 10px; border-radius:14px; }
    /* .machinery_box .info ul li { display:block; width:auto; padding:21px; border-radius:14px; text-align:left; } */
    .machinery_box .info ul li .img { height:80px; }
    /* .machinery_box .info ul li .img img { left:0; transform:translate(0, -50%); } */
    .machinery_box .info ul li .tit { font-size:15px; margin:19px 0 0; }
}
@media screen and (max-width:640px) {
    .machinery_box .info ul li { padding:18px 0; border-radius:12px; }
    .machinery_box .info ul li .img { height:70px; }
    .machinery_box .info ul li .tit { font-size:14px; margin:17px 0 0; }
    .machinery_box .info ul li .tit br { display:inline; }
}



.machinery_box .process ul { font-size:0; margin:-1%; }
.machinery_box .process ul li { display:inline-block; width:23%; margin:1%; vertical-align:top; }
.machinery_box .process ul li dl {  }
.machinery_box .process ul li dl dt { color:#ffffff; font-size:20px; font-weight:700; padding:0 40px; line-height:57px; background-color:#bdc2c8; position:relative; }
.machinery_box .process ul li:nth-child(even) dl dt { background-color:#292c96; }
.machinery_box .process ul li dl dd { margin:25px 0 0; }
.machinery_box .process ul li p { margin:15px 0 0; color:#333333; font-size:16px; line-height:31px; }
.machinery_box .process ul li dl dt:after ,
.machinery_box .process ul li dl dt:before { content:''; background-size:contain; background-repeat:no-repeat; background-position:left center; position:absolute; top:0; height:100%; width:16px; }
.machinery_box .process ul li dl dt:after { left:0; z-index:1; }
.machinery_box .process ul li dl dt:before { left:100%; z-index:3; }
.machinery_box .process ul li:nth-child(1) dl dt:after { background-image:url('../img/sub/machinery_process_left_white.png'); }
.machinery_box .process ul li:nth-child(2) dl dt:after { background-image:url('../img/sub/machinery_process_right_white.png'); }
.machinery_box .process ul li:nth-child(3) dl dt:after { background-image:url('../img/sub/machinery_process_right_white.png'); }
.machinery_box .process ul li:nth-child(4) dl dt:after { background-image:url('../img/sub/machinery_process_right_white.png'); }
.machinery_box .process ul li:nth-child(5) dl dt:after { background-image:url('../img/sub/machinery_process_left_white.png'); }
.machinery_box .process ul li:nth-child(6) dl dt:after { background-image:url('../img/sub/machinery_process_right_white.png'); }
.machinery_box .process ul li:nth-child(7) dl dt:after { background-image:url('../img/sub/machinery_process_right_white.png'); }
.machinery_box .process ul li:nth-child(8) dl dt:after { background-image:url('../img/sub/machinery_process_right_white.png'); }
.machinery_box .process ul li:nth-child(1) dl dt:before { background-image:url('../img/sub/machinery_process_right_gray.png'); }
.machinery_box .process ul li:nth-child(2) dl dt:before { background-image:url('../img/sub/machinery_process_right_blue.png'); }
.machinery_box .process ul li:nth-child(3) dl dt:before { background-image:url('../img/sub/machinery_process_right_gray.png'); }
.machinery_box .process ul li:nth-child(4) dl dt:before { background-image:url('../img/sub/machinery_process_right_blue.png'); }
.machinery_box .process ul li:nth-child(5) dl dt:before { background-image:url('../img/sub/machinery_process_right_gray.png'); }
.machinery_box .process ul li:nth-child(6) dl dt:before { background-image:url('../img/sub/machinery_process_right_blue.png'); }
.machinery_box .process ul li:nth-child(7) dl dt:before { background-image:url('../img/sub/machinery_process_right_gray.png'); }
.machinery_box .process ul li:nth-child(8) dl dt:before { background-image:url('../img/sub/machinery_process_right_blue.png'); }
@media screen and (max-width:1280px) {
    .machinery_box .process ul li dl dt { font-size:18px; padding:0 36px; line-height:52px; }
    .machinery_box .process ul li dl dd { margin:23px 0 0; }
    .machinery_box .process ul li p { margin:14px 0 0; font-size:15px; line-height:28px; }
    .machinery_box .process ul li dl dt:after ,
    .machinery_box .process ul li dl dt:before { width:15px; }
}
@media screen and (max-width:1024px) {
    .machinery_box .process ul li dl dt { font-size:16px; padding:0 32px; line-height:47px; }
    .machinery_box .process ul li dl dd { margin:21px 0 0; }
    .machinery_box .process ul li p { margin:13px 0 0; font-size:14px; line-height:25px; }
    .machinery_box .process ul li dl dt:after ,
    .machinery_box .process ul li dl dt:before { width:14px; }
}
@media screen and (max-width:768px) {
    .machinery_box .process ul { margin:-0.5%; }
    .machinery_box .process ul li { width:49%; margin:0.5%; }
    .machinery_box .process ul li dl dt { font-size:14px; padding:0 28px; line-height:42px; }
    .machinery_box .process ul li dl dd { margin:19px 0 0; }
    .machinery_box .process ul li p { margin:12px 0 0; font-size:13px; line-height:22px; }
    .machinery_box .process ul li dl dt:after ,
    .machinery_box .process ul li dl dt:before { width:13px; }
    .machinery_box .process ul li:nth-child(1) dl dt:after { background-image:url('../img/sub/machinery_process_left_white.png'); }
    .machinery_box .process ul li:nth-child(3) dl dt:after { background-image:url('../img/sub/machinery_process_left_white.png'); }
    .machinery_box .process ul li:nth-child(5) dl dt:after { background-image:url('../img/sub/machinery_process_left_white.png'); }
    .machinery_box .process ul li:nth-child(7) dl dt:after { background-image:url('../img/sub/machinery_process_left_white.png'); }
}
@media screen and (max-width:640px) {
    .machinery_box .process ul li dl dt { font-size:12px; padding:0 24px; line-height:37px; }
    .machinery_box .process ul li dl dd { margin:17px 0 0; }
    .machinery_box .process ul li p { margin:11px 0 0; font-size:12px; line-height:19px; }
    .machinery_box .process ul li dl dt:after ,
    .machinery_box .process ul li dl dt:before { width:12px; }
}


.machinery_box .graph { margin:20px 0 0; }
.machinery_box .graph ul { font-size:0; margin:-1.5%; position:relative; padding:0 0 75px; }
.machinery_box .graph ul:after { content:''; position:absolute; top:70px; left:2%; right:2%; z-index:-1; height:1px; background-color:#2e3092; }
.machinery_box .graph ul li { display:inline-block; width:13.66%; margin:1.5%; vertical-align:top; }
.machinery_box .graph ul li div { height:102px; border-radius:20px; border:2px solid #2e3092; position:relative; background-color:#ffffff; }
.machinery_box .graph ul li div span { position:absolute; display:block; top:50%; left:0; transform:translate(0, -50%); color:#2e3092; font-weight:700; font-size:18px; text-align:center; right:0; width:100%; }
.machinery_box .graph ul li.last div { background-color:#2e3092; }
.machinery_box .graph ul li.last div span { color:#fff; }
.machinery_box .graph ul li p { font-size:16px; color:#666666; margin:20px 0 0; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.machinery_box .graph ul li.arrow { position:absolute; bottom:0; height:16px; background-color:#e8e9fa; margin:0; }
.machinery_box .graph ul li.arrow:before { content:''; position:absolute; top:50%; left:100%; transform:translate(0, -50%); width:0; height:0; border-bottom:20px solid transparent; border-top:20px solid transparent; border-left:20px solid #e8e9fa; border-right:20px solid transparent; }
.machinery_box .graph ul li.arrow.arrow1 { left:1.5%; width:13.66%; }
.machinery_box .graph ul li.arrow.arrow2 { left:calc(34.82% - 2px); width:46.98%; }
.machinery_box .graph ul li.arrow span { position:absolute; bottom:26px; color:#2e3092; font-size:14px; font-weight:600; left:50%; transform:translate(-50%, 0); }
.machinery_box .graph ul li.arrow span br { display:none; }
@media screen and (max-width:1280px) {
    .machinery_box .graph { margin:18px 0 0; }
    .machinery_box .graph ul { margin:-1.25%; padding:0 0 70px; }
    .machinery_box .graph ul:after { top:61px; }
    .machinery_box .graph ul li { width:14.16%; margin:1.25%; }
    .machinery_box .graph ul li div { height:92px; border-radius:18px; }
    .machinery_box .graph ul li div span { font-size:17px; }
    .machinery_box .graph ul li p { font-size:15px; margin:18px 0 0; }
    .machinery_box .graph ul li.arrow { height:15px; }
    .machinery_box .graph ul li.arrow:before { border-bottom:19px solid transparent; border-top:19px solid transparent; border-left:19px solid #e8e9fa; border-right:19px solid transparent; }
    .machinery_box .graph ul li.arrow.arrow1 { left:1.25%; width:14.16%; }
    .machinery_box .graph ul li.arrow.arrow2 { left:calc(34.57% - 2px); width:47.48%; }
    .machinery_box .graph ul li.arrow span { bottom:25px; font-size:13px; }
}
@media screen and (max-width:1024px) {
    .machinery_box .graph { margin:16px 0 0; }
    .machinery_box .graph ul { margin:-1%; padding:0 0 65px; }
    .machinery_box .graph ul:after { top:54px; }
    .machinery_box .graph ul li { width:14.66%; margin:1%; }
    .machinery_box .graph ul li div { height:82px; border-radius:16px; }
    .machinery_box .graph ul li div span { font-size:16px; }
    .machinery_box .graph ul li p { font-size:14px; margin:16px 0 0; }
    .machinery_box .graph ul li.arrow { height:14px; }
    .machinery_box .graph ul li.arrow:before { border-bottom:18px solid transparent; border-top:18px solid transparent; border-left:18px solid #e8e9fa; border-right:18px solid transparent; }
    .machinery_box .graph ul li.arrow.arrow1 { left:1%; width:14.66%; }
    .machinery_box .graph ul li.arrow.arrow2 { left:calc(34.32% - 2px); width:47.98%; }
    .machinery_box .graph ul li.arrow span { bottom:24px; font-size:12px; }
}
@media screen and (max-width:768px) {
    .machinery_box .graph { margin:14px 0 0; }
    .machinery_box .graph ul { padding:0 60px 0 0; }
    .machinery_box .graph ul:after { content:''; position:absolute; top:2%; bottom:2%; left:10%; right:auto; z-index:-1; width:1px; height:auto; }
    .machinery_box .graph ul li { display:block; width:auto; }
    .machinery_box .graph ul li div { height:72px; border-radius:14px; }
    .machinery_box .graph ul li div span { font-size:15px; }
    .machinery_box .graph ul li div span br { display:none; }
    .machinery_box .graph ul li p { font-size:13px; margin:14px 0 21px; }
    .machinery_box .graph ul li.arrow { width:13px !important; height:auto; bottom:auto; left:auto !important; right:0 !important; }
    .machinery_box .graph ul li.arrow.arrow1 { top:0; height:72px; }
    .machinery_box .graph ul li.arrow.arrow2 { top:230px; height:323px; }
    .machinery_box .graph ul li.arrow:before { border-bottom:17px solid transparent; border-top:17px solid #e8e9fa; border-left:17px solid transparent; border-right:17px solid transparent; top:100%; left:50%; transform:translate(-50%, 0); }
    .machinery_box .graph ul li.arrow span { bottom:auto; top:50%; left:auto; right:23px; transform:translate(0, -50%); font-size:11px; }
}
@media screen and (max-width:640px) {
    .machinery_box .graph { margin:12px 0 0; }
    .machinery_box .graph ul { padding:0 55px 0 0; }
    .machinery_box .graph ul li div { height:62px; border-radius:12px; }
    .machinery_box .graph ul li div span { font-size:14px; }
    .machinery_box .graph ul li p { font-size:12px; margin:12px 0 18px; }
    .machinery_box .graph ul li.arrow { height:12px; }
    .machinery_box .graph ul li.arrow.arrow1 { top:0; height:62px; }
    .machinery_box .graph ul li.arrow.arrow2 { top:199px; height:279px; }
    .machinery_box .graph ul li.arrow:before { border-bottom:16px solid transparent; border-top:16px solid #e8e9fa; border-left:16px solid transparent; border-right:16px solid transparent; }
    .machinery_box .graph ul li.arrow span { right:22px; font-size:10px; }
}






.work_box .table_work th { color:#2e3092; font-size:16px; font-weight:500; text-align:center; padding:15px 0; }
.work_box .table_work td { padding:40px 0; }
.work_box .table_work th ,
.work_box .table_work td { vertical-align:top; }
.work_box .table_work td .text_box { margin:0 90px !important; }
.work_box .table_work td .box { font-size:19px; color:#333333; background-color:#ecf3fd; text-align:center; padding:27px 13.5px; position:relative; }
.work_box .table_work td .box.custom { font-size:20px; color:#ffffff; background-color:#2e3092; border-radius:41px; font-weight:500; }
.work_box .table_work td .box span { position:absolute; top:100%; left:50%; transform:translate(-50%, 0); width:1px; height:114px; background-color:#dddddd; }
.work_box .table_work td .box span:after { content:''; position:absolute; top:100%; left:50%; transform:translate(-50%, 0); width:0px; height:0px; border-top:6px solid #dddddd; border-left:6px solid transparent; border-right:6px solid transparent; }
.work_box .table_work td .box br { display:none; }

.work_box .progress { overflow:hidden; }
.work_box .progress .text_box { float:left; width:20%; margin:0 !important; }
.work_box .progress .text_box p { position:relative; text-align:center; font-size:22px; font-weight:500; padding:25px; position:relative; }
.work_box .progress .text_box p span { position:absolute; top:50%; left:0; transform:translate(0, -50%); width:0px; height:0px; border-top:38px solid transparent; border-bottom:38px solid transparent; border-left-width:38px; border-left-style:solid; }
.work_box .progress .text_box.step1 p { background-color:#cde6ff; color:#333333; }
.work_box .progress .text_box.step1 p span { border-left-color:#ffffff; }
.work_box .progress .text_box.step2 p { background-color:#97cdfb; color:#ffffff; }
.work_box .progress .text_box.step2 p span { border-left-color:#cde6ff; }
.work_box .progress .text_box.step3 p { background-color:#60a0de; color:#ffffff; }
.work_box .progress .text_box.step3 p span { border-left-color:#97cdfb; }
.work_box .progress .text_box.step4 p { background-color:#0066c8; color:#ffffff; }
.work_box .progress .text_box.step4 p span { border-left-color:#60a0de; }
.work_box .progress .text_box.step5 p { background-color:#292c96; color:#ffffff; }
.work_box .progress .text_box.step5 p span { border-left-color:#0066c8; }
.work_box .progress .text_box.step5 p:after ,
.work_box .progress .text_box.step5 p:before { position:absolute; right:0; content:''; border-right:0 solid transparent; border-left:38px solid transparent; }
.work_box .progress .text_box.step5 p:after { top:0; border-top:38px solid #ffffff; }
.work_box .progress .text_box.step5 p:before { bottom:0; border-bottom:38px solid #ffffff; }
.work_box .progress .text_box ul { margin:30px 15px; }
@media screen and (max-width:1280px) {
    .work_box .table_work th { font-size:15px; padding:14px 0; }
    .work_box .table_work td { padding:36px 0; }
    .work_box .table_work td .text_box { margin:0 75px !important; }
    .work_box .table_work td .box { font-size:17px; padding:24px 12px; }
    .work_box .table_work td .box.custom { font-size:18px; border-radius:37px; }
    .work_box .table_work td .box span { height:90px; }
    
    .work_box .progress .text_box p { font-size:20px; padding:22px; }
    .work_box .progress .text_box p span { border-top:34px solid transparent; border-bottom:34px solid transparent; border-left-width:34px; }
    .work_box .progress .text_box.step5 p:after ,
    .work_box .progress .text_box.step5 p:before { border-left:34px solid transparent; }
    .work_box .progress .text_box.step5 p:after { border-top:34px solid #ffffff; }
    .work_box .progress .text_box.step5 p:before { border-bottom:34px solid #ffffff; }
    .work_box .progress .text_box ul { margin:27px 0; }
}
@media screen and (max-width:1024px) {
    .work_box .table_work th { font-size:14px; padding:13px 0; }
    .work_box .table_work td { padding:32px 0; }
    .work_box .table_work td .text_box { margin:0 60px !important; }
    .work_box .table_work td .box { font-size:15px; padding:21px 10.5px; }
    .work_box .table_work td .box.custom { font-size:16px; border-radius:32px; }
    .work_box .table_work td .box span { display:none; }
    .work_box .table_work td .box br { display:inline; }
    
    .work_box .progress .text_box { width:50%; }
    .work_box .progress .text_box.step5 { clear:both; width:100%; }
    .work_box .progress .text_box p { font-size:18px; padding:19px 45px; text-align:left; }
    .work_box .progress .text_box p span { border-top:30px solid transparent; border-bottom:30px solid transparent; border-left-width:30px; }
    .work_box .progress .text_box.step1 p span { border-left-color:#ffffff; }
    .work_box .progress .text_box.step3 p span { border-left-color:#ffffff; }
    .work_box .progress .text_box.step5 p span { border-left-color:#ffffff; }
    .work_box .progress .text_box.step2 p:after ,
    .work_box .progress .text_box.step2 p:before { position:absolute; right:0; content:''; border-right:0 solid transparent; border-left:30px solid transparent; }
    .work_box .progress .text_box.step2 p:after { top:0; border-top:30px solid #ffffff; }
    .work_box .progress .text_box.step2 p:before { bottom:0; border-bottom:30px solid #ffffff; }
    .work_box .progress .text_box.step4 p:after ,
    .work_box .progress .text_box.step4 p:before { position:absolute; right:0; content:''; border-right:0 solid transparent; border-left:30px solid transparent; }
    .work_box .progress .text_box.step4 p:after { top:0; border-top:30px solid #ffffff; }
    .work_box .progress .text_box.step4 p:before { bottom:0; border-bottom:30px solid #ffffff; }
    .work_box .progress .text_box.step5 p:after ,
    .work_box .progress .text_box.step5 p:before { border-left:30px solid transparent; }
    .work_box .progress .text_box.step5 p:after { border-top:30px solid #ffffff; }
    .work_box .progress .text_box.step5 p:before { border-bottom:30px solid #ffffff; }
    .work_box .progress .text_box ul { margin:24px 0; }
    .work_box .progress .text_box ul li br { display:none; }
}
@media screen and (max-width:768px) {
    .work_box .table_work th { font-size:13px; padding:12px 0; }
    .work_box .table_work td { padding:28px 0; }
    .work_box .table_work td .text_box ,
    .work_box .table_work td .image_box { margin:0 45px !important; }
    .work_box .table_work td .box { font-size:13px; padding:18px 9px; }
    .work_box .table_work td .box.custom { font-size:14px; border-radius:28px; }
    
    .work_box .progress .text_box { float:none; width:auto; }
    .work_box .progress .text_box p { font-size:16px; padding:16px 39px; }
    .work_box .progress .text_box p span { border-top:26px solid transparent; border-bottom:26px solid transparent; border-left-width:26px; border-left-color:#ffffff !important; }
    .work_box .progress .text_box p:after ,
    .work_box .progress .text_box p:before { position:absolute; right:0; content:''; border-right:0 solid transparent; border-left:26px solid transparent; }
    .work_box .progress .text_box p:after { top:0; border-top:26px solid #ffffff; }
    .work_box .progress .text_box p:before { bottom:0; border-bottom:26px solid #ffffff; }
    .work_box .progress .text_box ul { margin:21px 0; }
}
@media screen and (max-width:640px) {
    .work_box .table_work th { font-size:12px; padding:11px 0; }
    .work_box .table_work td { padding:24px 0; }
    .work_box .table_work td .text_box ,
    .work_box .table_work td .image_box { margin:0 30px !important; }
    .work_box .table_work td .box { font-size:11px; padding:15px 7.5px; }
    .work_box .table_work td .box.custom { font-size:12px; border-radius:23px; }
    
    .work_box .progress .text_box p { font-size:14px; padding:13px 33px; }
    .work_box .progress .text_box p:after ,
    .work_box .progress .text_box p:before { border-left:22px solid transparent; }
    .work_box .progress .text_box p:after { border-top:22px solid #ffffff; }
    .work_box .progress .text_box p:before { border-bottom:22px solid #ffffff; }
    .work_box .progress .text_box ul { margin:18px 0; }
}





.technology_box .related { position:relative; margin:20px 0; overflow:hidden; }
.technology_box .related.related1 { background-color:#f7faff; }
.technology_box .related.related2 { background-color:#ebf0f9; }
.technology_box .related > * { float:left; }
.technology_box .related .img { width:215px; position:relative; }
.technology_box .related .img:after { content:''; display:block; padding:0 0 100%; }
.technology_box .related .img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:104px; }
.technology_box .related dl { width:calc(100% - 215px); padding:50px 25px; box-sizing:border-box; }
.technology_box .related dl dt { font-size:24px; font-weight:700; color:#333333; }
@media screen and (max-width:1280px) {
    .technology_box .related { margin:18px 0; }
    .technology_box .related .img { width:185px; }
    .technology_box .related .img img { max-height:94px; }
    .technology_box .related dl { width:calc(100% - 195px); padding:45px 23px; }
    .technology_box .related dl dt { font-size:22px; }
}
@media screen and (max-width:1024px) {
    .technology_box .related { margin:16px 0; }
    .technology_box .related .img { width:155px; }
    .technology_box .related .img img { max-height:84px; }
    .technology_box .related dl { width:calc(100% - 175px); padding:40px 21px; }
    .technology_box .related dl dt { font-size:20px; }
}
@media screen and (max-width:768px) {
    .technology_box .related { margin:14px 0; }
    .technology_box .related .img { width:125px; }
    .technology_box .related .img img { max-height:74px; }
    .technology_box .related dl { width:calc(100% - 155px); padding:35px 19px; }
    .technology_box .related dl dt { font-size:18px; }
}
@media screen and (max-width:640px) {
    .technology_box .related { margin:12px 0; }
    .technology_box .related .img { display:none; }
    .technology_box .related dl { width:auto; padding:30px 17px; }
    .technology_box .related dl dt { font-size:16px; }
}





.education_box .info ul { font-size:0; margin:-0.5%; }
.education_box .info ul li { display:inline-block; width:32.33%; margin:0.5%; text-align:center; padding:40px; vertical-align:top; box-shadow:0 0 22px rgba(46, 48, 146, 0.08); border-radius:20px; }
.education_box .info ul li .img { position:relative; height:100px; }
.education_box .info ul li .img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:90%; }
.education_box .info ul li .tit { font-size:19px; color:#333333; font-weight:700; margin:30px 0 0; min-height:52px; }
.education_box .info ul li .txt { font-size:16px; color:#333333; margin:25px 0 0; line-height:26px; text-align:left; padding:0 40px; min-height:158px; }
@media screen and (max-width:1280px) {
    .education_box .info ul li { padding:36px; border-radius:18px; }
    .education_box .info ul li .img { height:90px; }
    .education_box .info ul li .tit { font-size:18px; margin:27px 0 0; min-height:50px; }
    .education_box .info ul li .txt { font-size:15px; margin:23px 0 0; line-height:24px; padding:0 25px; min-height:144px; }
}
@media screen and (max-width:1024px) {
    .education_box .info ul li { padding:32px 3%; border-radius:16px; }
    .education_box .info ul li .img { height:80px; }
    .education_box .info ul li .tit { font-size:17px; margin:24px 0 0; min-height:48px; }
    .education_box .info ul li .tit br { display:none; }
    .education_box .info ul li .txt { font-size:14px; margin:21px 0 0; line-height:22px; padding:0px; min-height:132px; }
}
@media screen and (max-width:768px) {
    .education_box .info ul li { display:block; width:auto; padding:28px; border-radius:14px; text-align:left; }
    .education_box .info ul li .img { height:70px; }
    .education_box .info ul li .img img { left:0; transform:translate(0, -50%); }
    .education_box .info ul li .tit { font-size:16px; margin:21px 0 0; min-height:auto; }
    .education_box .info ul li .txt { font-size:13px; margin:19px 0 0; line-height:20px; min-height:auto; }
}
@media screen and (max-width:640px) {
    .education_box .info ul li { padding:24px; border-radius:12px; }
    .education_box .info ul li .img { height:60px; }
    .education_box .info ul li .tit { font-size:15px; margin:18px 0 0; }
    .education_box .info ul li .txt { font-size:12px; margin:17px 0 0; line-height:18px; }
}





.application_box .button a ,
.application_box .button button ,
.application_box .button .submit-button { display: inline-block; background-color:#2e3092; color:#fff; border:none; line-height:38px; padding:0 20px; font-size:18px; vertical-align: middle; margin-right:5px; }

.application_box .button .blue { background-color:#2e3092; }
.application_box .button .submit-button { background-color:#2e3092; color:#fff; }
.application_box .button .submit-button.gray { background-color: #f3f3f3; color: #686868; }
.application_box .button { text-align:right; }
.application_box .button.center { text-align:center; }
@media screen and (max-width:1280px) {
    .application_box .button a ,
    .application_box .button button ,
    .application_box .button .submit-button { line-height:35px; font-size:17px; padding:0 18px; }
}
@media screen and (max-width:1024px) {
    .application_box .button a ,
    .application_box .button button ,
    .application_box .button .submit-button { line-height:32px; font-size:16px; padding:0 16px;}
}
@media screen and (max-width:768px) {
    .application_box .button a ,
    .application_box .button button ,
    .application_box .button .submit-button { line-height:29px; font-size:15px; padding:0 14px;}
}
@media screen and (max-width:640px) {
    .application_box .button a ,
    .application_box .button button ,
    .application_box .button .submit-button { line-height:26px; font-size:14px; padding:0 12px;}
}







.attendance_box .attendance { overflow:hidden; margin-bottom:15px; }
.attendance_box .attendance form { display:block; float:right; max-width:100%; width:600px; }
.attendance_box .attendance form input ,
.attendance_box .attendance form select { float:left; width:25%; height:40px; background-color:#fff; border:1px solid #ddd; }
.attendance_box .attendance form input[type=text] { width:75%; }
.attendance_box .attendance form .submit-button { float:left; text-align:center; border:none; background-color:#2e3092; color:#fff; line-height:40px; width:37.5%; }
.attendance_box .attendance form .submit-button.gray { color:#686868; background-color:#f3f3f3; width:25%;}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
}





.search_form { clear:both; border: 1px solid #2e3092; position:relative; }
.search_form .close_search_form { cursor:pointer; position:absolute; top:-21px; right:0; z-index:1; }
.search_form .form_search_form {  }
.search_form .form_search_form .keyword { position:relative; }
.search_form .form_search_form .keyword input[type=search] { width:100% !important; float:none !important; border:none !important; max-width:100% !important; height:33px; padding:0 10px; }
.search_form .form_search_form .keyword .search_search_form { cursor:pointer; position:absolute; top:50%; right:0; z-index:1; transform:translate(0, -50%); padding:14px; }
.search_form .form_search_form .result { border-top:1px solid #2e3092; overflow-y:auto; max-height:50vh; }
.search_form .form_search_form .result .empty { padding:60px 20px; }
.search_form .form_search_form .result .empty.data { background-color:#ffffff !important; padding:20px; }
.search_form .form_search_form .result .empty p { background-color:#2e3092; color:#fff; font-size:16px; padding:8px 10px; text-align:center; font-weight:300; }
.search_form .form_search_form .result .empty dl { padding:30px 10px 0; }
.search_form .form_search_form .result .empty dl dt { font-size:16px; font-weight:300; color:#191919; }
.search_form .form_search_form .result .empty dl dd { font-size:14px; font-weight:300; color:#2e3092; margin:10px 0 0; }
.search_form .form_search_form .result .data { background-color:#f2f2f2; }
.search_form .form_search_form .result .data ul { padding:10px; }
.search_form .form_search_form .result .data ul li { border-top:1px solid #dddddd; }
.search_form .form_search_form .result .data ul li:first-child { border:none; }
.search_form .form_search_form .result .data ul li a { display:block; padding:20px; background-color:#ffffff; }
.search_form .form_search_form .result .data ul li a:hover { background-color:#eeeeee; }
.search_form .form_search_form .result .data ul li a dl { overflow:hidden; margin:6px 0; }
.search_form .form_search_form .result .data ul li a dl * { line-height:24px; float:left; }
.search_form .form_search_form .result .data ul li a dl dt { background-color:#2e3092; border-radius:4px; width:66px; text-align:center; color:#ffffff; font-weight:700; font-size:14px; }
.search_form .form_search_form .result .data ul li a dl dd { width:calc(100% - 66px); color:#434343; padding:0 0 0 10px; font-weight:500; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search_form .form_search_form .result .data ul li a dl:first-child dd { color:#2e3092; }
@media screen and (max-width:1280px) {
    .search_form .form_search_form .keyword .search_search_form { padding:13px; }
    .search_form .form_search_form .result .empty { padding:54px 18px; }
    .search_form .form_search_form .result .empty p { font-size:15px; padding:7px 9px;}
    .search_form .form_search_form .result .empty dl { padding:27px 9px 0; }
    .search_form .form_search_form .result .empty dl dt { font-size:15px; }
    .search_form .form_search_form .result .empty dl dd { font-size:13px; margin:9px 0 0; }
    .search_form .form_search_form .result .data ul { padding:9px; }
    .search_form .form_search_form .result .data ul li a { padding:18px; }
    .search_form .form_search_form .result .data ul li a dl { margin:5px 0; }
    .search_form .form_search_form .result .data ul li a dl * { line-height:22px; }
    .search_form .form_search_form .result .data ul li a dl dt { font-size:13px; }
    .search_form .form_search_form .result .data ul li a dl dd { padding:0 0 0 9px; font-size:15px; }
}
@media screen and (max-width:1024px) {
    .search_form .form_search_form .keyword .search_search_form { padding:12px; }
    .search_form .form_search_form .result .empty { padding:48px 16px; }
    .search_form .form_search_form .result .empty p { font-size:14px; padding:6px 8px;}
    .search_form .form_search_form .result .empty dl { padding:24px 8px 0; }
    .search_form .form_search_form .result .empty dl dt { font-size:14px; }
    .search_form .form_search_form .result .empty dl dd { font-size:12px; margin:8px 0 0; }
    .search_form .form_search_form .result .data ul { padding:8px; }
    .search_form .form_search_form .result .data ul li a { padding:16px; }
    .search_form .form_search_form .result .data ul li a dl { margin:4px 0; }
    .search_form .form_search_form .result .data ul li a dl * { line-height:2px; }
    .search_form .form_search_form .result .data ul li a dl dt { font-size:12px; }
    .search_form .form_search_form .result .data ul li a dl dd { padding:0 0 0 8px; font-size:14px; }
}
@media screen and (max-width:768px) {
    .search_form .form_search_form .keyword .search_search_form { padding:11px; }
    .search_form .form_search_form .result .empty { padding:42px 14px; }
    .search_form .form_search_form .result .empty p { font-size:13px; padding:5px 7px;}
    .search_form .form_search_form .result .empty dl { padding:21px 7px 0; }
    .search_form .form_search_form .result .empty dl dt { font-size:13px; }
    .search_form .form_search_form .result .empty dl dd { font-size:11px; margin:7px 0 0; }
    .search_form .form_search_form .result .data ul { padding:7px; }
    .search_form .form_search_form .result .data ul li a { padding:14px; }
    .search_form .form_search_form .result .data ul li a dl { margin:3px 0; }
    .search_form .form_search_form .result .data ul li a dl * { line-height:18px; }
    .search_form .form_search_form .result .data ul li a dl dt { font-size:11px; }
    .search_form .form_search_form .result .data ul li a dl dd { padding:0 0 0 7px; font-size:13px; }
}
@media screen and (max-width:640px) {
    .search_form .form_search_form .keyword .search_search_form { padding:10px; }
    .search_form .form_search_form .result .empty { padding:36px 12px; }
    .search_form .form_search_form .result .empty p { font-size:12px; padding:4px 6px;}
    .search_form .form_search_form .result .empty dl { padding:18px 6px 0; }
    .search_form .form_search_form .result .empty dl dt { font-size:12px; }
    .search_form .form_search_form .result .empty dl dd { font-size:10px; margin:6px 0 0; }
    .search_form .form_search_form .result .data ul { padding:6px; }
    .search_form .form_search_form .result .data ul li a { padding:12px; }
    .search_form .form_search_form .result .data ul li a dl { margin:2px 0; }
    .search_form .form_search_form .result .data ul li a dl * { line-height:16px; }
    .search_form .form_search_form .result .data ul li a dl dt { font-size:10px; }
    .search_form .form_search_form .result .data ul li a dl dd { padding:0 0 0 6px; font-size:12px; }
}






@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
}