#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:top;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body, html{
width:100%;
overflow-x:hidden;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}


.slick-slide {
display:inline-block;
opacity:0;
}

header{
width:100%;
z-index:66666;
transition: .3s ease;
display:flex;
justify-content: space-between;
align-items: center;
position:relative;
}
.header-logo{
flex-shrink: 0;
width:300px;
padding-left:35px;
}
.header-logo a{
width:100%;
display:flex;
align-items: center;
}
.header-logo a img{width:100%;}

.header-gnb{
position:relative;
flex-grow: 1;
}
.gnb{
display:flex;
justify-content: flex-end;
text-align:center;
padding-right:60px;
}
.gnb > li{
position:relative;
}
.gnb > li > a{
height:inherit;
display:flex;
justify-content: center;
align-items: center;
font-weight:600;
font-size:20px;
padding:0 50px;
height:82px;
}
.gnb > li:last-child > a{
}
.gnb > li:hover > a{
font-weight:600;
}
.gnb > li > ul{
position:absolute;
width:200px;
background:rgba(0,0,0,0.9);
padding:10px 0;
display:none;
margin-top:1px;
left:50%;
margin-left:-100px;
}
.gnb > li > ul a{
display:block;
padding:5px 0;
font-size:0.95em;
color:rgba(255,255,255,0.6);
font-weight:300;
}
.gnb > li > ul a:hover{
font-weight:500;
color:rgba(255,255,255,1);
}

.gnb > li:hover ul{
display:block;
}

.all-menu-area{
display:none;
}

.close-btn{
position:absolute;
right:281px;
top:0;
z-index:99999;
width:60px;
height:60px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
font-size:25px;
}

.open-btn{
display:flex;
align-items: center;
justify-content: center;
font-size:36px;
color:#fff;
height:100%;
background:#b3b6ba;
flex-shrink: 0;
width:82px;
height:82px;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:999999999; 
-webkit-transition: right 1s;  
transition: right 1s; 
width:auto; 
overflow:visible; 
background:#000;
margin-left:0;
left:auto;
border:0;
}

.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}
.menu{
position:relative;
z-index:55; 
width:280px; 
left:auto; 
right:0; 
overflow-x:hidden; 
overflow-y:auto; 
height:100%; 
background:#fff;
display:block;
text-align:left;
box-sizing:border-box;
padding:20px;
}

.menu > li{
display:block;
width:100%;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px rgba(0,0,0,0.2) solid;
}

.menu > li > ul > li{
padding:5px 0;
}

.menu > li > a{
height:30px;
line-height:30px;
font-weight:800;
display:block;
width:100%;
}

.menu > li > ul > li > a{
display:block;
}


/*footer*/
footer{
width:100%;
border-top:1px #e0e0e0 solid;
}
.foot-area{
width:90%;
margin:0 auto;
padding:50px 0;
position:relative;
}
.fb-top{
width:60px;
height:60px;
background:#b3b6ba;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
font-size:22px;
position:absolute;
right:0;
}
.fb-logo{
margin-bottom:10px;
}
.fb-img1{
width:270px;
}
.fb-tel{
display:flex;
gap:20px;
color:#20274f;
font-weight:700;
font-size:20px;
margin-bottom:15px;
}
.fb-tel span{
display:inline-block;
margin-right:5px;
color:#1e4fab;
}
.fb-info{
display:flex;
flex-wrap:wrap;
gap:15px;
color:#555555;

}
.fb-info p{
display:flex;
align-items: center;
gap:5px;
}
.fb-info strong{
font-weight:700;
}
.foot-copy{
font-size:17px;
color:#777;
letter-spacing: 0.025em;
margin-top:40px;
padding-top:40px;
border-top:1px #e0e0e0 solid;
}
.foot-copy strong{
display:inline-block;
margin:0 5px;
font-weight:700;
}



/********************* main *********************************/


/*visual*/
#visual{
width:100%;
margin:0 auto;
position:relative;
z-index:333;
}
#visual a{
display:block;
}
.visual-area{
z-index:11;
}

.va-box{
position:relative;
box-sizing:border-box;
}

.va-img{
position:relative;
z-index:88;
}
.va-img img{
width:100%;
transition: transform .3s ease-out;
}


.va-tit{
color:#fff;
text-align:center;
position:absolute;
z-index:99;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
top:0;
left:0;
}
.vt1{
font-size:75px;
font-weight:200;
text-shadow: 0 0 6px rgba(0,0,0,0.4);
}
.vt1 strong{
font-weight:900;
}
.vt2{
font-size:24px;
margin-top:10px;
padding-bottom:50px;
text-shadow: 0 0 6px rgba(0,0,0,0.7);
}

#visual .slick-list{
position:relative;
z-index:1;
}

#visual .slick-arrow{
position:absolute;
font-size:50px;
z-index:2;
background:transparent;
color:#fff;
left:10px;
height:50px;
line-height:50px;
top:50%;
margin-top:-25px;
}
#visual .slick-arrow.slick-next{
left:auto;
right:10px;
}

.main-box{
box-sizing: border-box;
width:100%;
padding:90px 5%;
background:#f0f4f9;
display:flex;
gap:2%;
}
.main-box section{
width:32%;
background-color:#fff;
background-image:url(img/mb1-bg.jpg);
background-size:cover;
}
.main-box section#ict{
background-image:url(img/mb2-bg.jpg);
}
.main-box section#oem{
background-image:url(img/mb3-bg.jpg);
}
.main-box section a{
display:block;
width:100%;
position:relative;
overflow:hidden;
}
.mb-txt{
position:relative;
z-index:22;
padding:90px 0 70px;
text-align:center;
color:#fff;

}
.mb-txt img{
height:110px;
}
.mb-t1{
font-size:42px;
font-weight:900;
margin:20px 0;
text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
.mb-t2{
font-size:22px;
margin-bottom:40px;
font-weight:300;
text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
.mb-more{
display:inline-block;
border:1px rgba(255,255,255,0.6) solid;
padding:10px 40px;
font-size:20px;
font-weight:600;
opacity:0.9;
transition: all .3s;
}
.mb-more i{
font-size:24px;
vertical-align: -2px;
}

.main-box section a:hover .mb-more{
background:#fff;
color:rgba(0,0,0,0.8)
}
.mb-img{
position:absolute;
z-index:11;
width:100%;
height:100%;
left:0;
top:0;
}
.mb-img img{
width:100%;
transition: all .3s;
}
.main-box section a:hover .mb-img img{
transform: scale(1.5);
transform: scale(1.1) translate(0px,-200px);
}

.main-bottom{
display:flex;
}
.main-bottom a{
width:50%;
box-sizing: border-box;
display:flex;
align-items: center;
justify-content: space-between;
padding:30px 5%;
color:#fff;
gap:30px;
transition: all .3s;
}
.main-bottom a img{
width:60px;
flex-shrink: 0;
}
.mbm-txt{
flex-grow: 1;
}
.mbm-t1{
font-weight:700;
font-size:33px;
}
.mbm-t1 span{
font-weight:300;
opacity:0.5;
font-size:20px;
letter-spacing: 0.05em;
display:inline-block;
margin-left:10px;
}
.mbm-t2{
font-weight:300;
margin-top:5px;
opacity:0.8;
}
.mbm1{
background:#203480;
}
.mbm1:hover{
background:#13225e;
}
.mbm2{
background:#2c3d98;
}
.mbm2:hover{
background:#152370;
}
.mbm-more{
flex-shrink: 0;
display:flex;
width:85px;
height:85px;
justify-content: center;
align-items: center;
color:rgba(255,255,255,0.6);
font-size:30px;
background:#192c77;
transition: all .3s;
}
.mbm2 .mbm-more{
background:#23348c;
}
.mbm1:hover .mbm-more{
background:#435cc1;
}
.mbm2:hover .mbm-more{
background:#314cd8;
}
/********************* sub *********************************/

.sub-visual{
width:100%;
height:480px;
background:url(img/sub-visual01.jpg);
background-size:cover;
background-position:50% 50%;
color:#fff;
position:relative;
}
.sv-tit p{
font-size:68px;
font-weight:700;
margin-bottom:10px;
}
.sv-tit span{
font-size:22px;
opacity:0.8;
font-weight:300;
}
.sv-tit span strong{
font-weight:600;
}

.sv-tit{
width:100%;
height:100%;
text-align:center;
display:flex;
flex-direction: column;
justify-content: center;
padding-bottom:80px;
box-sizing:border-box;
}

.mobile-menu{
display:none;
}
.snb{
width:100%;
background:rgba(0, 47, 141, 0.8);
position:absolute;
bottom:0;
}
.snb-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: center;
box-sizing:border-box;
gap:80px;
}
.snb-area a{
height:80px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
box-sizing:border-box;
border-right:1px rgba(255,255,255,0.1) solid;
font-size:19px;
font-weight:300;
padding:0 5px;
position:relative;
}
.snb-area a:before{
content: "";position:absolute;top: 0;left: 0;width: 0;height: 5px; background-color: #fff; transition:all 0.3s
}
.snb-area a:hover::before{width:100%;}
.snb-area a.current{
font-weight:700;
}
.snb-area a.current:after{
display:block;
content:"";
position:absolute;
width:100%;
height:5px;
background:#fff;
left:0;
top:0;
}

.sub-tit{
width:96%;
max-width:1280px;
margin:0 auto 40px;
display:flex;
justify-content:center;
align-items: center;
padding-top:85px;
}
.sub-tit p{
font-weight:800;
font-size:54px;
}


.sub-content{
width:96%;
max-width:1280px;
margin:0px auto 80px;
}

/*1-1*/
.s11-box{
background-image:url(img/s11-bg.jpg);
background-position:50% 0;
background-size:cover;
background-color:#f4f6f7;
padding:160px 120px 350px;
position:relative;
font-size:25px;
}
.s11-t1{
font-size:36px;
color:#1c58c8;
font-weight:700;

}
.s11-t2{
color:#484b4f;
margin-top:40px;
}
.s11-t2 p{
margin-top:20px;
line-height:1.8;
}
.s11-t3{
color:#7f848d;
margin-top:40px;
}
.s11-img{
position:absolute;
right:0;
margin-top:-100px;
}
.s11-img img{
width:800px;
}

/*1-2*/
.s12-img{
width:100%;
max-width:620px;
margin:0 auto;
display:block;
}

/*1-3*/
.s13-box{}
.s13-box ul{
position:relative;
}
.s13-box li:after{
content:"";
display:block;
width:1px;
height:100%;
background:#e0e0e0;
position:absolute;
left:50.8%;
top:0;
z-index:1;
}
.s13-box li {
display:flex;
padding:10px 0;
position:relative;
z-index:2;
align-items: flex-start;
}

.s13-t1{
font-weight:800;
color:#1d56ca;
width:50%;
font-size:38px;
position:relative;
box-sizing:border-box;
padding-right:70px;
text-align:right;
flex-shrink: 0;
}
/*.s13-t1:before{
content:"";
display:block;
width:10px;
height:10px;
border:5px #e0e0e0 solid;
border-radius:999px;
position:absolute;
left:120px;
background:#fff;
}*/
.s13-t1 span{
width:150px;
background:#fff;
position:relative;
z-index:22;
}

.s13-t1:after{
width:50px;
height:1px;
background:#e0e0e0;
content:"";
display:block;
position:absolute;
right:0;
top:50%;
z-index:11;
}
.s13-t2{
position:relative;
z-index:2;
padding-top:6px;
width:50%;
flex-shrink: 0;
}
.s13-t2 p{
display:flex;
gap:25px;
align-items: center;
margin:10px 0;
}
.s13-t2 p:before{
content:"";
display:block;
width:10px;
height:10px;
border:5px #e0e0e0 solid;
border-radius:999px;
background:#fff;
}

/*1-4*/
.s14-box ul{
display:flex;
gap:2%;
flex-wrap: wrap;
}
.s14-box ul li{
width:23.5%;
margin-bottom:2%;
}
.s14-img{
width:100%;
padding-top:138%;
position:relative;
border:1px #e0e0e0 solid;
border-bottom-width:0;
}
.s14-img p{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
box-sizing:border-box;
overflow:hidden;
display:flex;
justify-content: center;
align-items: center;
}
.s14-img img{
width:100%;
}
.s14-txt{
font-size:80%;
text-align:center;
padding:15px 0;
background:rgb(43, 55, 77);
color:#fff;
}


/*1-5*/
.location .root_daum_roughmap .wrap_map {
height: 550px !important;
}
.location ul{
margin-top:20px;
}
.location ul:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}
.location li{
font-size:1.125em;
margin-top:10px;
}

.location li span{
display:inline-block;
padding-right:10px;
font-weight:700;
color:#263b7e;
}

.location  li p{
display:flex;
gap:20px;
}

.location  li p em{
display:flex;
gap:5px;
}
.location  li p em strong{
font-weight:600;
}

/*s2*/
.s2-img{
text-align:center;
}
.s2-img img{
width:100%;
}
.s2-t1{
font-weight:700;
font-size:26px;
margin:60px 0 20px;
text-align:center;
word-break: keep-all;
}
.s2-t1 strong{
font-weight:900;
color:#2641c9;

}
.s2-t1-st{
font-size:2em;
letter-spacing: 0em;
margin-bottom:10px;
display:block;
}
.s2-t2{
text-align:center;
font-size:22px;
line-height:1.8;
word-break: keep-all;
}

.s24-box{
display:flex;
gap:6%;
}
.s24b-img{
width:47%;
flex-shrink: 0;
}
.s24b-img img{
width:100%;
}

.s24b-txt{
font-size:20px;
line-height:1.8;
word-break: keep-all;
padding-top:30px;
}
.s24b-txt p{
margin-bottom:10px;
}

.s24-ma{
border-top:1px #e0e0e0 solid;
padding-top:50px;
margin-top:50px;
}

/*s23*/
.s23-img{
width:100%;
max-width:730px;
margin:0 auto;
display:block;
}
.video-container {
position:relative;
height:0;
padding-bottom:56.25%;
margin-top:60px;
}

.video-container iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.s23-btn{
display:flex;
gap:10px;
justify-content: center;
align-items: center;
margin-top:80px;
}
.s23-btn a{
padding:20px 80px;
color:#fff;
transition: all .3s;
}
.s23-b1{
background:#0862de;
}
.s23-b1:hover{
background:#0039c3;
}
.s23-b2{
background:#0fadb2;
}
.s23-b2:hover{
background:#006b75;
}

#s23-box{
display:none;
}
.s23-table{
width:100%;
margin-top:30px;

}
.s23-table thead th{
border-top:1px #c3cfde solid;
border-bottom:1px #c3cfde solid;
padding:15px;
font-weight:700;
background:#f0f4f9;
color:#2d3743;
}
.s23-table tbody td{
text-align:center;
border-bottom:1px #e0e0e0 solid;
padding:15px 0;
color:#555;
}
.s23-table tbody td a{
border-radius:5px;
border:1px #e0e0e0 solid;
padding:5px 20px;
font-size:0.75em;
background:#efefef;
color:#777;
transition: all .3s;
}
.s23-table tbody td a:hover{
background:#585858;
border-color:#585858;
color:#fff;
}

.layer-popup{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.85);
z-index: 99999999999999999999;
overflow: auto;
display:none;
}

.layer-pop-area{
width:70%;
height:70vh;
background:#fff;
position:absolute;
left:50%;
margin-left:-35%;
top:50%;
margin-top:-35vh;
}

.layer-tit{
background:#e0e5f3;
color:#270b15;
font-weight:600;
font-size:1.25em;
box-sizing:border-box;
height:55px;
line-height:55px;
position:absolute;
width:100%;
padding:0 15px;
}

.layer-content{
color:#555;
height:100%;
overflow-y:scroll;
box-sizing:border-box;
padding:65px 30px;
box-sizing:border-box;
}
.close-box{
position:absolute;
right:-55px;
top:0px;
width:55px;
height:55px;
display:flex;
justify-content: center;
align-items: center;
color:#fff;
font-size:28px;
background:#0862de;
}
.lc-ing{
text-align:center;
font-weight:900;
padding:50px 0;
font-size:55px;
}

/*s3*/
.ma50{
width:100%;
background:#f0f4f9;
}
.ma50-bg{
background:#eaebf0;
}
.s3-box{
display:flex;
width:96%;
max-width:1280px;
margin:0 auto;
padding:50px 0;
align-items: flex-start;
}
.s3b-img{
width:50%;
flex-shrink: 0;
box-sizing:border-box;
border:1px #e1e5ea solid;
}
.s3b-img img{
width:100%;
}

.s3b-txt{
padding-left:80px;
flex-grow: 1;
padding-top:20px;
}
.s3b-tit{
padding-left:16px;
font-weight:800;
font-size:32px;
background:url(img/but.png);
background-size:5px 30px;
background-repeat:no-repeat;
background-position:0 50%;
color:#00428e;
margin-bottom:20px;
}

.s3b-tit2{
font-weight:700;
color:#0c194c;
font-size:24px;
margin-bottom:0px;

}
.s3b-line{
border-top:1px #ebebeb dashed;
padding-top:20px;
}
.s3b-ul1{
padding:5px 0px 20px;
}
.s3b-ul1 li{
display:flex;
margin:15px 0;
gap:15px;
font-size:20px;
}
.s3b-ul1 li span{
flex-shrink: 0;
width:120px;
text-align:center;
border:2px #17395f solid;
color:#17395f;
border-radius:999px;
font-weight:700;
}
.s3b-ul1 li p{
font-weight:500;
}

.s3b-ul2{
padding-top:20px;
border-top:1px #e0e0e0 solid;
}
.s3b-ul2 li{
position:relative;
padding-left:12px;
margin:5px 0;
color:#777;
font-size:19px;
}
.s3b-ul2 li:after{
position:absolute;
content:"";
display:block;
width:5px;
height:5px;
background:#a6aeb8;
border-radius:999px;
top:10px;
left:0;
}

/*s31*/
.s31-img img{
width:100%;
}
.sub-slide{
width:100%;
overflow:hidden;
position:relative;
}
.sub-slide .slick-arrow{
position:absolute;
width:45px;
height:45px;
display:flex;
justify-content: center;
align-items: center;
background:rgba(0,0,0,0.5);
left:0;
top:50%;
marign-top:-22px;
color:#fff;
z-index:99;
}
.sub-slide .slick-next{
left:auto;
right:0;
}
.sub-slide .slick-slide{
opacity:1;
}

.ss-box{
width:100%;
padding-top:85%;
overflow:hidden;
position:relative;
margin-right:50px;
}
.ssb-area{
position:absolute;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
left:0;
top:0;
}

.sub-tab{
display:flex;
align-items: center;
justify-content: center;
gap:10px;
margin-bottom:30px;
}
.sub-tab a{
padding:20px 50px;
background:#dde4ed;
font-weight:600;
color:#33465d;
}
.sub-tab a.current{
background:#336be7;
color:#fff;
}

.s31-box{
display:none;
}
.s31-box.current{
display:block;
}

/*s4*/
.s4-box{
width:96%;
max-width:1280px;
margin:0 auto;
padding:80px 0;
}
.s4-t1{
text-align:center;
font-weight:900;
font-size:32px;
letter-spacing: 0.5em;
background: linear-gradient(to right top, #015eea, #00c0fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom:5px;
text-transform: uppercase;
}
.s4-t2{
text-align:center;
color:#586373;
margin:20px 0 40px;
}
.s4-img{
width:100%;
max-width:1100px;
text-align:center;
margin:0 auto;
}
.s4-img img{
width:100%;
}

.s41-img{
width:100%;
max-width:1280px;
text-align:center;
margin:0 auto;
margin-top:-60px;
}
.s41-img img{
width:100%;
}

.s4-ul1{
display:flex;
gap:2%;
flex-wrap:wrap;
}
.s4-ul1 li{
width:23.5%;
box-sizing:border-box;
margin-bottom:2%;
}
.s4u1-img{
width:100%;
padding-top:65%;
background:#fff;
position:relative;
}

.s4u1-img p{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:flex;
align-items: center;
justify-content: center;
overflow:hidden;
}
.s4u1-img img{
width:100%;
transition: all .3s;
}
.s4-ul1 li:hover .s4u1-img img{
transform: scale(1.2);
}
.s4u1-txt{
height:1.5em;
line-height:1.5em;
overflow:hidden;
margin-top:10px;
}

/*고객센터*/
.s51-ul{
display:flex;
gap:2%;
}
.s51-ul li{
box-sizing:border-box;
width:32%;
text-align:center;
border:1px #e0e0e0 solid;
padding-top:50px;
}
.s51-t1{
color:rgba(121, 125, 139, 1);
font-weight:700;
font-size:22px;
}
.s51-t2{
font-weight:800;
font-size:32px;
color:rgba(0, 47, 141, 1);
margin:10px 0;
}

.s51-a1{
color:#666;
font-size:1.125em;
}
.s51-a2{
display:block;
padding:15px;
box-sizing:border-box;
background:rgba(9, 118, 188, 1);
color:#fff;
margin-top:30px;
font-weight:600;
transition: all .3s;
}
.s51-a2:hover{
background:rgba(0, 49, 113, 1);
color:#fff;
}

.s51-box{
border:1px #dae1e9 solid;
background:#e9edf4;
padding:20px;
box-sizing: border-box;
display:flex;
justify-content: center;
font-size:1.125em;
gap:50px;
margin-top:20px;
}

/*5-4*/
.form-box{
display:flex;
flex-wrap:wrap;
border-top:2px #19233c solid;
}

.form-box li{
width:100%;
background:#fff;
padding:10px 0;
box-sizing:border-box;
border-bottom:1px #e7e7e7 solid;
display:flex;
}

.form-box li.fb-w100{
width:100%;
}
.form-box li > p{
font-weight:700;
color:#000;
margin-bottom:10px;
flex-shrink: 0;
width: 150px;
line-height:44px;
}
.form_star{
color: #de0000;
display:inline-block;
margin-left:5px;
}


.form-box li input{
display: block;
padding: 0 10px;
border: 1px solid #dbdbdb;
width: 100%;
height: 46px;
font-size: 15px;
font-weight: 400;
line-height: 44px;
box-sizing: border-box;
border-radius:5px;
}
.form-box li textarea{
border: 1px solid #dbdbdb;
width: 100%;
box-sizing: border-box;
border-radius:5px;
font-size: 15px;
font-weight: 400;
padding:10px;
height:200px;
}
.division_box{
display:flex;
flex-grow: 1;
}
.form-box li .division_box input {
width: calc(50% - 20px);
}
.division_box span{
width: 30px;
line-height: 46px;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #454545;
}
.division_box select{
display: block;
padding: 0 30px 0 10px;
border: 1px solid #dbdbdb;
width: calc(50% - 20px);
height: 46px;
line-height: 46px;
box-sizing: border-box;
border-radius:5px;
}

.radio_box{
display:flex;
align-items: center;
flex-wrap:wrap;
}
.radio_box input[type="radio"]{
display:none;
}
.radio_box input[type="radio"]+ label{
padding-left: 32px;
font-weight: 400;
color: #454545;
line-height: 26px;
background: url(img/radio.png) left center no-repeat;
background-size: 20px 20px;
cursor: pointer;
display:inline-block;
}
.radio_box input[type="radio"]:checked + label {
background: url(img/radio-on.png) left center no-repeat;
background-size: 20px 20px;
}
.radio_item{
margin-right:20px;
}

.form-box li input.fb-input{
display:inline-block;
max-width:200px;
width:80%;
margin-left:5px;
}
.form-box li .agree_desc{
padding: 18px;
border: 1px solid #dbdbdb;
width: 100%;
height: 100px;
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 1.3em;
overflow-y: auto;
box-sizing: border-box;
border-radius:10px;
}
.agree_row{
flex-grow: 1;
}

.form-box .agree {
margin-top: 10px;
font-weight:500;
font-size:16px;
display:flex;
align-items: center;
}

.form-box .agree input[type="checkbox"] {
display:inline-block;
width:20px;
height:20px;
}


.btn-box{
text-align:center;
margin-top:50px;
}
.btn-box a{
display:inline-block;
border:2px #19233c solid;
color:#333;
padding:10px 50px;
font-weight:700;
transition: all .3s linear;
margin:0 5px;
box-sizing:border-box;
}
.btn-box a.bb-cancel{
background:#d5d5d5;
border-color:#d5d5d5
}
.btn-box a:hover{
background:#19233c;
color:#fff;
}
.btn-box a.bb-cancel:hover{
background:#666;
border-color:#666;
}


/*page*/
.paging{
width:96%;
max-width:1280px;
margin:40px auto 0;
display:flex;
align-items: center;
justify-content: center;
}

.paging a,
.paging strong{
height:40px;
width:40px;
box-sizing:border-box;
color:#124;
display:flex;
align-items: center;
justify-content: center;
margin:0 5px;
}

.paging .p-prev{
margin-right:10px;
width:40px;
height:40px;
color:#838495;
font-size:25px;
border:1px #e0e0e0 solid;
background:#fff;
}

.paging .p-next{
margin-left:10px;
width:40px;
height:40px;
color:#838495;
font-size:25px;
border:1px #e0e0e0 solid;
background:#fff;
}

.paging strong{
background:#333952;
color:#fff;
width:38px;
height:38px;
}