.mob{display:none;}

/*title*/
h1.tit01{font-size: 3.5rem;}
h2.tit01{font-size: 3rem;}
h3.tit01{font-size: 2.5rem;position:relative;}
h3.tit02{font-size: 2.8rem;position:relative;text-align:center;margin:7.5rem 0 5.625rem 0;}
/* h3.tit02:after {content: '';display: inline-block;width: 6px;height: 6px;margin-left: 5px;background: #6B76F0;border-radius: 100%;vertical-align: bottom;} */
h3.tit02 > span.eng{display:block; margin-bottom:0.8rem; color:#888; font-size:1.25rem; font-weight:normal; font-family:"NotoKr_R";}
h4.tit01{font-size: 2rem;}
h4.tit02{font-size: 2rem;color:#333;font-family:'NotoKr_BK', sans-serif; font-weight:bold;}
h4.tit03{position:relative;color:#333333;font-size:1.5rem;padding-left: 1rem;}
h4.tit03:before {content: "";position: absolute;left: 0;border-radius: 100%;width: 0.375rem;height: 0.375rem;border: 1px solid #333;top: 50%;transform: translateY(-50%);}
h4.tit04{font-size:1.5rem;}

/*text*/
p.mob-info{display:none;position: relative;color:rgba(128,128,128,0.8);padding-left:2.5rem;letter-spacing:-0.1rem;font-size:1rem;}
.more01{position:relative;padding-right:3rem;}
.more01:before{content: "";position: absolute;width: 1.875rem;height: 0.625rem;background: url("/fro_end_bcha/img/more01-arrow.png") center no-repeat; background-size:100%;top: 50%;transform: translateY(-50%);right: 0;}

/*font-size*/
.fs375{font-size:3.75rem !important;}
.fs3{font-size:3rem !important;}
.fs25{font-size:2.5rem !important;}
.fs18{font-size:1.8rem !important;}
.fs2{font-size:2rem !important;}
.fs15{font-size:1.5rem !important;}
.fs125{font-size:1.25rem !important;}
.fs115{font-size:1.15rem !important;}
.fs1125{font-size:1.125rem !important;}
.fs1{font-size:1rem !important;}
.fs0875{font-size:0.875rem !important;}
.fs075{font-size:0.75rem !important;}
.fw_nor{font-weight:normal !important;}

/*width*/
.w100{width:100%;}

/*margin / padding*/
.mt625{margin-top: 6.25rem !important;}
.mt5625{margin-top: 5.625rem !important;}
.mt5{margin-top: 5rem !important;}
.mt375{margin-top: 3.75rem !important;}
.mt3125{margin-top: 3.125rem !important;}
.mt25{margin-top: 2.5rem !important;}
.mt1875{margin-top: 1.875rem !important;}
.mt15{margin-top: 1.5rem !important;}
.mt1{margin-top: 1rem !important;}
.mt05{margin-top: 0.5rem !important;}
.mt025{margin-top: 0.25rem !important;}
.mb1{margin-bottom: 1rem !important;}
.mb1875{margin-bottom: 1.875rem !important;}
.mb375{margin-bottom: 3.75rem !important;}
.mb05{margin-bottom: 0.5rem !important;}
.ml05{margin-left:0.5rem;}
.pt10{padding-top:10rem !important;}
.pt8{padding-top:8rem !important;}
.pt625{padding-top:6.25rem !important;}
.pt5{padding-top:5rem !important;}
.pt0{padding-top:0rem !important;}
.pb95{padding-bottom: 9.5rem !important;}
.pb625{padding-bottom: 6.25rem !important;}
.pb375{padding-bottom: 3.75rem !important;}
.pb15{padding-bottom:1.5rem !important;}
.pb0{padding-bottom:0rem !important;}
.pr3{padding-right:3rem !important;}
.pr4{padding-right:4rem !important;}



/*br*/
.br-1280{display:none;}
.br-1024{display:none;}
.br-768{display:none;}
.br-480{display:none;}
.br-375{display:none;}
.br-320{display:none;}

/*text-align*/
.TL{text-align:left !important;}
.TC{text-align:center !important;}
.TR{text-align:right !important;}

/*color*/
.main-color01{color:#6A82EE !important;}
.main-color02{color:#08a0e3 !important;}
.main-color03{color:#00CBAE !important;}
.main-color04{color:#ff4900 !important;}
.sub-color01{color:#ffffff !important;}
.sub-color02{color:#666666 !important;}
.sub-color03{color:#222222 !important;}
.sub-color04{color:#333333 !important;}


/*background*/
.main-bg01{background:#6A82EE !important;}
.main-bg02{background:#08a0e3 !important;}
.main-bg03{background:#0ADFC1 !important;}
.main-bg04{background:#ff4900 !important;}
.sub-bg01{background:#f3f3f3 !important;}
.sub-bg02{background:#fff !important;}

/*line*/
.line01 {border-bottom: 1px solid #ff4900;}
.line02 {border-bottom: 1px solid #666;}
.line03 {border-bottom: 1px solid #6a82ee;}

/*sticky*/
.sticky01 {padding: 0.25rem;border: 1px solid #ff4900;margin-left: 0.25rem;display:inline-block;}
.sticky02 {padding: 0.25rem;border: 1px solid #6A82EE;display:inline-block;}
.sticky03 {padding: 0.25rem;border: 1px solid #08a0e3;display:inline-block;}
.sticky04 {padding: 0.25rem;border: 1px solid #0ADFC1;display:inline-block;}
.sticky05 {padding: 0.25rem;border: 1px solid #666;display:inline-block;}
.sticky06 {padding: 0.25rem;border: 1px solid rgba(255,255,255,0.4);display:inline-block;}

/*border*/
.bb01{border-bottom:none !important;}
.bb02{border-bottom:1px solid #333 !important;}
.bb03{border-bottom:1px solid #e5e5e5 !important;}

/*text-transform*/
.ttu {text-transform: uppercase;}


/*select*/
select{height:3rem; line-height:3rem; padding:0; padding-right:1rem; border:0; font-size:1.15rem; background:transparent; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:"NotoKr_R";}
select::-ms-expand{display:none;}
div.sel-wrap{position:relative;}
div.sel-wrap:after{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; width:1rem; height:1rem; background:url("/fro_end_bcha/img/sel-arrow.svg") center no-repeat; background-size:auto 100%; z-index:0;}
div.sel-wrap select{width:100%;}

/*input*/
input{-webkit-appearance: none;border:1px solid #ccc; border-radius:0; padding:0.5rem 0.8rem; margin:0; outline:none; font-family:"NotoKr_R"; font-size:1.15rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-ms-input-placeholder{color:#ccc; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-moz-input-placeholder{color:#ccc; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::-webkit-input-placeholder{color:#ccc; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::placeholder{opacity:1; color:#ccc; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:focus{outline:none; border:1px solid #231f20;}
textarea{vertical-align:middle; background:#fff; font-family:"NotoKr_R",sans-serif;-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-family:"NotoKr_R", sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

div.input-wrap{position: relative;} 
div.input-wrap input.input::placeholder{color:#666666; opacity:1; font-size:1.15rem; font-family:"NotoKr_R";}
div.input-wrap input.input::-webkit-input-placeholder{color:#666666; font-size:1.15rem; font-family:"NotoKr_R";}
div.input-wrap input.input:-ms-input-placeholder{color:#666666; font-size:1.15rem; font-family:"NotoKr_R";}
div.input-wrap input.input:-mos-input-placeholder{color:#666666; font-size:1.15rem; font-family:"NotoKr_R";}

/*input - text*/
input[type="text"]{width: 100%; box-sizing: border-box;background:#FDFDFD;}
div.input-wrap input.input{border: 1px solid #ddd; padding: 0.5rem; transition: 0.4s;font-size:1.15rem;}
div.input-wrap input.input ~ .focus-border:before,
div.input-wrap input.input ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background: #6A82EE; transition: 0.2s; transition-delay: 0.2s;}
div.input-wrap input.input ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
div.input-wrap input.input ~ .focus-border i:before,
div.input-wrap input.input ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background: #6A82EE; transition: 0.2s;}
div.input-wrap input.input ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
div.input-wrap input.input:focus ~ .focus-border:before,
div.input-wrap input.input:focus ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
div.input-wrap input.input:focus ~ .focus-border:after{transition-delay: 0.2s;}
div.input-wrap input.input:focus ~ .focus-border i:before,
div.input-wrap input.input:focus ~ .focus-border i:after{height: 100%; transition: 0.2s;}
div.input-wrap input.input:focus ~ .focus-border i:after{transition-delay: 0.4s;}
div.input-wrap span.ico{position:absolute;display:inline-block;right:1rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:url("/fro_end/img/input_ico.png") center no-repeat; background-size:100%;}

/*input  -password*/
input[type="password"]{width: 100%; box-sizing: border-box;}

/*input-radio*/
div.input-wrap label.label {margin:0.5rem;display: inline-block;font-size: 1.15rem;color: #333;position: relative;outline: none;}
div.input-wrap label.label:hover {cursor: pointer;}
input[type="radio"].radio {opacity: 0;position: absolute;}
input[type="radio"] + .label:before {content: '';background: #fff;border-radius: 100%;border: 1px solid #666;display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;vertical-align:middle ;cursor: pointer;text-align: center;}
input[type="radio"]:checked + .label:before {background: #6A82EE;box-shadow: inset 0 0 0 4px #fff;border: 1px solid #6A82EE;}
input[type="radio"]:focus + .label:before {outline: none;}
input[type="radio"] + .label:empty:before {margin-right: 0;}

/*input-checkbox*/
div.input-wrap label.checkbox-label{margin-right:1rem;display: inline-block;font-size: 1.15rem;color: #333;position: relative;outline: none;}
div.input-wrap label.checkbox-label:hover {cursor: pointer;}
input[type="checkbox"].checkbox {opacity: 0;position: absolute;}
input[type="checkbox"] + .checkbox-label:before {content: '';background: #fff;border-radius: 100%;border: 1px solid #666;display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;vertical-align:middle ;cursor: pointer;text-align: center;}
input[type="checkbox"]:checked + .checkbox-label:before{background: #6A82EE;box-shadow: inset 0 0 0 4px #fff;border: 1px solid #6A82EE;}
input[type="checkbox"]:focus + .checkbox-label:before{outline: none;}
input[type="checkbox"] + .checkbox-label:empty:before {margin-right: 0;}

/*input select*/
div.input-wrap select{height:3rem; line-height:1;padding:0.8rem; font-size:1.15rem; font-family:"NotoKr_R"; padding-right:3rem; border:1px solid #ddd; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#FDFDFD url("/fro_end_bcha/img/sel-arrow.svg") center no-repeat; background-size:auto 30%;background-position-x:90%;}

/*input-mail*/
.input-mail > div{float:left;}
.input-mail div.input-wrap{width:30%;}
.input-mail div.input-wrap input{padding:0.5rem;height:3rem;}
.input-mail div.bar{width:10%;text-align:center;line-height:3rem;}
.input-mail div.mail_address{width:60%;}
.input-mail div.mail_address div.input-wrap {float:left;width:calc(50% - 1rem);}
.input-mail div.mail_address select {margin-left:0.85rem;line-height:1;width:50%;height:3rem;padding:0.75rem; font-size:1.15rem; font-family:"NotoKr_R"; padding-right:3rem; border:1px solid #ddd; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#FDFDFD url("/fro_end_bcha/img/sel-arrow.svg") center no-repeat; background-size:auto 30%;background-position-x:90%;}

/*input file*/
.attach div.lab-attach-wrap{display:inline-block;width:100%;}
.attach label.lab-attach{margin:0.25rem 0;display:inline-block;cursor:pointer;position:relative;}
.attach label.lab-attach > input{display:none;}
.attach div.lab-attach-wrap input {border: none;width: auto;font-size: 1rem;padding: 0;margin-bottom: 0.5rem;color:#777;position:relative;background:transparent;}
.attach label.lab-attach span.attach-btn{display:inline-block;padding: 0.75rem;background: #777;color:#fff;font-size: 1.15rem;}
.attach label.lab-attach span.addfile{background:#777; color:#fff;}
.attach span.fname {display:inline-block;margin-left:0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;color:#777;text-transform:uppercase;position:relative;}
.attach a.delete-btn{width: 1.25rem;height: 1.25rem;background: url("/fro_end_bcha/img/bbs-delete-ico.svg") center no-repeat;background-size:100%;display: inline-block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/*input phone*/
.phone div.input-wrap {width: 30%;float: left;}
.phone div.bar {width: 5%;display: inline-block;float: left;text-align: center;vertical-align: middle;line-height: 3rem;}
.phone div.input-wrap > select {width: 100%;}

/*input code*/
.code div.input-wrap {width: 36%;float: left;margin-right: 1rem;}
.code div.btn-wrap {float: left;}



/*button*/
div.btn-wrap {display: block;text-align: center;}
div.btn-wrap > .btn {display: inline-block;padding: 0.75rem 1rem;}
div.btn-wrap > .big-btn {display: inline-block;padding: 1.25rem 1.5rem;}
.btn-01 {background: #6B76F0;color:#fff !important;}
.btn-02 {background: #232428;color:#fff !important;}
.btn-0202{border: 2px solid #232428;background: #232428;color: #fff !important;}
.btn-03 {border: 2px solid #222;color: #222;box-shadow:0px 0px 10px 0px rgba(34, 34, 34, 0.2);}
.btn-04{display:inline-block;width:auto;height:auto;padding: 0.75rem;font-size: 1rem;color:#777;background:#fff;border: 1px solid #dddddd;position: relative;}
.btn-05 {background: #666;color:#fff !important;}
.downbtn{position:relative;padding:0 1.25rem;display: inline-block;text-align: center;background: #232428;color:#fff !important;padding: 0.75rem;padding-right:1rem;}
.downbtn:before {content: "";width: 1rem;height: 1rem;position: absolute;top: 50%;transform: translateY(-50%);right: 1.5rem;background:url("/fro_end_bcha/img/downbtn.svg") center no-repeat; background-size:100%;}
.downbtn.none{background:#ddd;pointer-events:none;}
.morebtn{position:relative;padding:0 1.25rem;display: inline-block;text-align: center;background: #232428;color:#fff !important;padding: 0.75rem;}
.morebtn:before {content: "";width: 1.8rem;height: 0.75rem; background: url("/fro_end_bcha/img/section06-arrow-line.png") center no-repeat;background-size:100%;position: absolute;top: 50%;transform: translateY(-50%);right: 1.5rem;}


/*table*/
table{width:100%;}
table th,table td{padding:1.2rem;position:relative; }
table .border_r{border-right:1px solid #e5e5e5 !important;}
table .txt_l{text-align:left !important;}


table tbody td span.circle{margin:0 auto;display:block;width:1rem;height:1rem;border-radius:50%;border:3px solid #6A82EE;}
table.table01{width:100%; height:auto; font-size:1.125rem;box-shadow:0 20px 40px rgba(221, 221, 221, 0.5);}
table.table01 thead{border-top:2px solid #231f20; border-bottom:1px solid #e5e5e5;background:#fafafa;}
table.table01 thead tr th {border-right: 1px solid #e5e5e5;}
table.table01 thead tr th:last-child {border-right: none;}
table.table01 tbody tr{border-bottom:1px solid #e5e5e5;}
table.table01 tbody tr td{border-right:1px solid #e5e5e5;text-align:center;}
table.table01 tbody tr td:last-child{border-right:none;}

table.table01-hor{border-top:2px solid #231f20;font-size:1.125rem;box-shadow:0 20px 40px rgba(221, 221, 221, 0.5);}
table.table01-hor tbody tr{border-bottom:1px solid #e5e5e5;}
table.table01-hor tbody tr th{background:#fafafa;border-right:1px solid #e5e5e5;}

table.table01-sub{border:1px solid #eaeaea;font-size:1.125rem;text-align:center;color:#555555;box-shadow:0 20px 40px rgba(221, 221, 221, 0.5);}
table.table01-sub thead tr {background: #f8f8f8;}
table.table01-sub thead tr th{border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-top:2px solid #231f20;}
table.table01-sub thead tr th:last-child{border-right:none;}
table.table01-sub tbody tr td {border-right: 1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;line-height:1.5;}
table.table01-sub tbody tr td:last-child{border-right:none;}
.table01-sub ul.list01 li {border-bottom: none;padding: 0;text-align: left;padding-left: 1rem;}
.table01-sub ul.list01 li:last-child {margin-bottom: 0;}

table.table0102-hor{box-shadow:23px 28px 50.22px 3.78px rgba(0, 0, 0, 0.05);}


table.table02-sub{border:1px solid #eaeaea;font-size:1.125rem;text-align:center;color:#555555;box-shadow:0 20px 40px rgba(221, 221, 221, 0.5);border-left:none;border-right:none;}
table.table02-sub thead tr {border-top: 2px solid #6A82EE;border-bottom: 1px solid #6A82EE;color: #6A82EE;background:rgba(106,130,238,0.03);}
table.table02-sub thead tr th{position:relative;letter-spacing:-0.05rem}
table.table02-sub thead tr th:after{position:absolute; top:50%; right:0; display:inline-block; content:""; width:1px; height:40%; border-right:4px dotted #ddd; vertical-align:middle; transform:translateY(-50%);}
table.table02-sub thead tr th:last-child:after{border-right:none;}
table.table02-sub tbody tr td {border-right: 1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;line-height:1.5;}
table.table02-sub tbody tr td:last-child{border-right:none;}
.table02-sub ul.list01 li {border-bottom: none;padding: 0;text-align: left;padding-left: 1rem;}
.table02-sub ul.list01 li:last-child {margin-bottom: 0;}

table.table03-sub thead tr {background: #fff;}
table.table03-sub thead tr {border-top: 2px solid #231f20;}
table.table03-sub thead tr th{position:relative;letter-spacing:-0.05rem;border-right:none;border-bottom: 1px solid #231f20;}
table.table03-sub thead tr th:after{position:absolute; top:50%; right:0; display:inline-block; content:""; width:1px; height:40%; border-right:4px dotted #ddd; vertical-align:middle; transform:translateY(-50%);}
table.table03-sub thead tr th:last-child:after{border-right:none;}



/*tabmenu*/
div.tabmenu-wrap{text-align: center;}
div.tabmenu-wrap ul.tab-nav{margin-bottom:3rem;width:100%;}
div.tabmenu-wrap ul.tab-nav li.nav {position:relative;display: inline-block;margin:0.5rem;}
div.tabmenu-wrap ul.tab-nav li.nav:first-child:before {display:none;}
div.tabmenu-wrap ul.tab-nav li.nav a {width: 100%;padding: 1rem;border:2px solid #ddd;border-radius:50px;color:#666666;display: block; -webkit-transition: background 300ms;transition: background 300ms;border:1px solid #ddd;font-size:1.125rem;transition:0.3s;}
div.tabmenu-wrap ul.tab-nav li.nav.on { border-color:#6A82EE;}
div.tabmenu-wrap ul.tab-nav li.nav.on:before{display:none;}
div.tabmenu-wrap ul.tab-nav li.nav.on a {border:2px solid #009de5;color:#ffffff;background:#009de5;font-family:'NotoKr_B' , sans-serif;font-weight:bold;}
div.tabmenu-wrap ul.tab-nav li.nav a:hover{color:#009de5;}
div.tabmenu-wrap ul.tab-nav li.nav.on a:hover{background: rgba(0,157,229,0.05);color: #009de5;}
/*tab text*/
div.tabmenu-wrap ul.tab-nav li.nav.on a {opacity: 1;}
div.tabmenu-wrap ul.tab-nav li.nav.on div.item_area{box-shadow:0 4px 34px rgba(220,220,220,1); -webkit-box-shadow: 0 4px 34px rgba(220,220,220,1); -ms-box-shadow: 0 4px 34px rgba(220,220,220,1);-o-box-shadow: 0 4px 34px rgba(220,220,220,1);-moz-box-shadow: 0 4px 34px rgba(220,220,220,1);}
div.tabmenu-wrap div.tab-con div.con-box {display: none;position:relative;}
div.tabmenu-wrap div.tab-con div.con-box img {width: 100%;display: block;}


/*div*/
div.sub-con .box01{padding:1.5rem;border:1px solid #ddd;}
div.sub-con .box01 > p.text{line-height:1.75;text-align:center;}
div.sub-con .box01 > .list01 li:before {background: #6A82EE;}
div.sub-con .box02{padding:1.5rem;background:#f8f8f8;border:1px solid #e6e6e6;width:100%;}
div.sub-con .box02 > p.text{line-height:1.75;text-align:center;color:#666666;}
div.sub-con .box03{position:relative; width:100%; height:auto;}
div.sub-con .box03 article{border: 3px solid #6a82ee;text-align:left;}
div.sub-con .box03 article .box03-out{position:relative; width:100%; height:auto; padding:1.5rem 2rem; cursor:pointer;}
div.sub-con .box03 article .box03-out div.tit{-webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;color:#6a82ee;}
div.sub-con .box03 article .box03-inner{display:none; position:relative; line-height:1.75; padding:2rem 1.5rem; background:#ffffff;}
div.sub-con div.box03 article.open{box-shadow:0 20px 40px rgba(221, 221, 221, 0.5);}
div.sub-con div.box03 article.open > div.box03-inner {display: block;}
div.sub-con .box03 article.open .box03-out{background:#6a82ee;color:#fff;}
div.sub-con .box03 article.open .box03-out div.tit{color:#fff;}
div.sub-con .box03 article.open .box03-out .more01:before{background: url("/fro_end_bcha/img/more01-arrow-on.png") center no-repeat; background-size:100%;}
div.sub-con div.box03 article .box03-inner table{box-shadow:none;}
div.sub-con ul.box04 > li {float: left;padding: 1.5rem;height: 6.625rem;position:relative;}
div.sub-con ul.box04 > li:nth-of-type(1) {width: 20%; text-align: center;padding-top: 2.5rem;color: #fff;}
div.sub-con ul.box04 > li:nth-of-type(2) {width: 80%;}
div.sub-con ul.box0401 > li:nth-of-type(1) {background: #6a82ee;}
div.sub-con ul.box0401 > li:nth-of-type(2) {background: rgba(106,130,238,0.025);border:3px solid #6a82ee;}
div.sub-con ul.box0402 > li:nth-of-type(1) {background: #08A0E3;}
div.sub-con ul.box0402 > li:nth-of-type(2) {background: rgba(8,160,227,0.025);border:3px solid #08A0E3;}
div.sub-con ul.box0403 > li:nth-of-type(1) {background: #00D2D1;}
div.sub-con ul.box0403 > li:nth-of-type(2) {background: rgba(10,223,193,0.025);border:3px solid #00D2D1;}


/*step*/
div.sub-con div.step-box01{position:relative; width:100%; height:auto;}
div.sub-con div.step-box01:before{content:"";display:block;position:absolute;width:95%;height:10px;top:50%;transform:translateY(-50%);z-index:-1;background:#017cc2;}
div.sub-con div.step-box01:nth-of-type(1):before{background: #009DE5;background: -moz-linear-gradient(left,  #009DE5 0%, #00d2d1 100%);background: -webkit-linear-gradient(left,  #009DE5 0%,#00d2d1 100%);background: linear-gradient(to right,  #009DE5 0%,#00d2d1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009DE5', endColorstr='#00d2d1',GradientType=1 );}
div.sub-con div.step-box01:nth-of-type(2):before{background: #00d2d1;}
div.sub-con div.step-box01 ul.step-next{position:relative;}
div.sub-con div.step-box01 ul.step-next:before{content:"";display:block;position:absolute;width:10px;height:100%;left:50%;transform:translateX(-50%);z-index:-1;background:#00d2d1;}
div.sub-con div.step-box01 > ul > li{text-align:center;}
div.sub-con div.step-box01 > ul > li > a {display: block;width: 100%;height: 100%;}
div.sub-con div.step-box01 > ul  > li  div.step{padding: 0.3rem;background:#009DE5;color:#fff;font-family: 'Montserrat_M', sans-serif;letter-spacing:2px;font-size:0.875rem;border-radius:30px;width: auto;display: inline-block;}
div.sub-con div.step-box01 > ul  > li  div.text{font-size:1.25rem;color:#222;font-family:'NotoKr_B' , sans-serif; font-weight:bold;}


/*box*/
ul.two-box01 > li{float:left;width:50%;height:auto;}
ul.two-box01 > li:nth-of-type(1) div.text01 {padding-left: 0.1rem;text-transform: uppercase;}

ul.three-box01{float:left;width:33.3333%;height:auto;padding:0 1.5rem;}
ul.three-box01 > li{color:#333;}
ul.three-box01 > li.bar{margin:1.5rem 0;width:100%;height:1px;background:#ddd;}

ul.four-box01{padding:2rem 0;float:left;width:25%;height:auto;font-size:1.25rem;line-height:1.2;text-align:center;}
ul.four-box01 > li{border-right:1px solid #eaeaea;}
ul.four-box01:last-child > li{border-right:none;}
ul.four-box01 > li > div.ico{width:5rem;height:5rem;background: #ddd;margin: 0 auto;}
ul.four-box01 > li > div.num{}
ul.four-box02{padding:2rem;margin-right:2%;float:left;width:23.5%;height:auto;font-size:1.25rem;line-height:1.5;border:1px solid #009DE5;box-shadow:0 20px 40px rgba(8, 35, 65, 0.05);background:#fff;}
ul.four-box02:last-child{margin-right:0;}


ul.five-box{padding:2rem;margin-right:2%;float:left;width:18.4%;height:auto;font-size:1.25rem;line-height:1.5;border:1px solid #009DE5;box-shadow:0 20px 40px rgba(8, 35, 65, 0.05);background:#fff;}
ul.five-box:last-child{margin-right:0;}

ul.six-box{padding:2rem;margin-right:2%;float:left;width:15%;height:auto;font-size:1.25rem;line-height:1.5;border:1px solid #00D2D1;box-shadow:0 20px 40px rgba(8, 35, 65, 0.05);background:#fff;}
ul.six-box:last-child{margin-right:0;}





/*img-wrap*/
div.sub-con .img-box01 { max-width: 1803px; margin: 0 auto; position: relative; }
div.sub-con .img-box01:after { content:''; display: table; clear: both; }
div.sub-con .img-box01 > .img{position:relative;float:left;}
div.sub-con .img-box01.w33 > .img{width:33.33%;}
div.sub-con .img-box01 > .img > figure {display: block;width: 100%;height:38rem;}
div.sub-con .img-box01 .img-text-inner { width: 87.52%; background-color: #fff; position: absolute; bottom: -2.5rem; left: 0; text-align: left; padding: 2rem 1.5rem;}
div.sub-con .img-box02 {width:100%;height:25.75rem;display:table;}
div.sub-con .img-box02 > div{width:50%;height:100%;display:table-cell;vertical-align:middle;}
div.sub-con .img-box02 > div.text{background:#fff;padding:2rem;border:1px solid #ddd;}
div.sub-con .img-box03{max-width: 1903px;margin: 0 auto;}
div.sub-con .img-box03 div.img-box03-item{display:table;width:100%;}
div.sub-con .img-box03 div.img-box03-item > div { width:50%; display:table-cell; vertical-align:middle;}
div.sub-con .img-box03 div.img-box03-item > div.text{background:#F6F6F6;padding-left:8rem;}
div.sub-con .img-box03 div.img-box03-item.img-box03-item-left > div.text {padding-left: 16.5rem;}
div.sub-con .img-box03 div.img-box03-item > div.img img {width: 100%;display: block;}
div.sub-con .img-box03 div.img-box03-item > div.text > span.Nt_B {padding-bottom:0.1rem; border-bottom: 1px solid #ff4900; color: #ff4900;}
div.sub-con .img-box03 div.img-box03-item > div.text > p {line-height: 1.5;}
div.sub-con .img-box04{max-width: 1280px;border-top:1px solid #6a82ee;}
div.sub-con .img-box04 .img-box04-item {width:100%;padding: 1.875rem 0;border-bottom:1px solid #ddd;display:table;}
div.sub-con .img-box04 .img-box04-item > div { display:table-cell; vertical-align:middle;}
div.sub-con .img-box04 .img-box04-item > div.img {width:27.8%;}
div.sub-con .img-box04 .img-box04-item > div.img img{width:100%;display:block;}
div.sub-con .img-box04 .img-box04-item > div.text {padding-left:1.5rem;}
div.sub-con .img-box05{max-width: 1280px;text-align:center;}
div.sub-con .img-box05 .img-box05-item{display:inline-block;vertical-align:top;margin-right:1%;margin-bottom:2%;box-shadow:0 20px 40px rgba(221, 221, 221, 0.5);}
div.sub-con .img-box05 .img-box05-item.img-box05-item04{width:22%;}
div.sub-con .img-box05 .img-box05-item.img-box05-item05{width:18.5%;}
div.sub-con .img-box05 .img-box05-item > div.img img{width:100%;display:block;}
div.sub-con .img-box05 .img-box05-item > div.text{display:block;text-align:center;padding:2rem 0;border:1px solid #ddd;border-top:0;}
div.sub-con .img-box05 .img-box05-item > div.text > div.title {display: inline-block;color: #fff;padding: 0.15rem 1rem 0.25rem 1rem;border-radius: 100px;font-size:0.875rem;}
div.sub-con .img-box05 .img-box05-item > div.text > p{color:#222;line-height:1.5;}
div.sub-con .img-box06 .img-box06-item{width: auto;display: inline-block;}
div.sub-con .img-box06 .img-box06-item div.img {width: 3rem;height: 3rem;margin: 0 auto;margin-bottom:0.5rem;}
div.sub-con .img-box06 .img-box06-item div.text{display:inline-block;background-color:#eee;border-radius:30px;padding:0.3rem 1rem;color:#666;font-size:1rem;margin:0 0.5rem;}

/*list*/
ul.list01 > li{position:relative;width:100%; height:auto; line-height:1.5; padding-left:1rem; margin-bottom:0.5rem; font-size:1rem; }
ul.list01 > li:before{content:"";display:block;position:absolute;top:0.65rem;left: 0; width:4px;height: 4px;background:#20252b;border-radius: 100%;}
ul.list01 > li:last-child{margin-bottom:0;}
ul.list01.main-color04 li:before{background:#ff4900;}
ul.list01 > li.display-none{padding-left:0;}
ul.list01 > li.display-none:before{display:none;}

ul.list02{border-top:1px solid #333333;}
ul.list02 > li {padding: 2rem 1.5rem;font-size:1.125rem;border-bottom:1px solid #e5e5e5;}
ul.list02 > li > i {float:left;width: 1.375rem;height: 1.375rem;text-align: center;font-size:0.75rem;font-style:normal;line-height: 1.375rem;color:#fff;display:inline-block;margin-right: 0.5rem;vertical-align:middle;}
ul.list02 > li > span.text {float: left;width:calc(100% - 1.875rem);}

ul.list0202{border-top:1px solid #333333;}
ul.list0202 > li {padding: 2rem 1.5rem;font-size:1.125rem;border-bottom:1px solid #e5e5e5;}
ul.list0202 > li > i {float:left;width: 1.375rem;height: 1.375rem;text-align: center;font-size:0.75rem;font-style:normal;line-height: 1.375rem;color:#fff;display:inline-block;margin-right: 0.5rem;vertical-align:middle;}
ul.list0202 > li > span.title {float: left;}
ul.list0202 > li > span.text {float: right;text-align:right;}

ul.list03 > li{position:relative; width:100%; height:auto; line-height:1.5; padding-left:1rem; font-size:1rem;margin-bottom:0.5rem;}
ul.list03 > li:before{display:inline-block; content:"-"; position:absolute; top:0; left:0;}
ul.list03 > li:last-child{margin-bottom:0;}

/*span*/
div.sub-con .esse:after{content:""; display:inline-block; width:5px; height:5px; border-radius:50%; vertical-align:middle; margin-left:0.5rem;background:#fa1616;}
span.line-bg{padding-bottom: 3rem;display: block;background: url('/fro_end_bcha/img/line_bg.png');background-repeat: repeat-x;background-position: center bottom;}
span.line-purple{display:inline-block;position:relative;font-family:'NotoKr_M' , sans-serif;}
span.line-purple:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(106,130,238,0.1);}
span.line-blue{display:inline-block;position:relative;font-family:'NotoKr_M' , sans-serif;}
span.line-blue:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(8, 160, 227,0.1);}
span.line-orange{display:inline-block;position:relative;font-family:'NotoKr_M' , sans-serif;}
span.line-orange:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(255, 73, 0,0.1);}
span.contact {position: relative;padding-left: 2rem;}
span.contact:before {content: "";display: inline-block;width: 1.25rem;height: 1.25rem;position: absolute;left: 0;background:url("/fro_end_bcha/img/contact-ico.svg") center no-repeat; background-size:100%;top: 50%;transform: translateY(-50%);}
div.esse-line{width:100%; height:auto; text-align:right;}
div.esse-line span.dot{display:inline-block; width:0.375rem; height:0.375rem; border-radius:50%; background:#ff4900; vertical-align:middle; margin-right:0.5rem;}
div.esse-line span.dot.purple-dot{background:#6B76F0;}
div.esse-line span.dot.blue-dot{background:#009DE5;}
div.esse-line span.dot.green-dot{background:#00CBAE;}



@media screen and (max-width:1440px){
	div.sub-con .img-box03 div.img-box03-item.img-box03-item-left > div.text{padding-left:2rem;}
	div.sub-con .img-box03 div.img-box03-item > div.text{padding-left:2rem;}
}


@media screen and (max-width:1280px){
	.br-1280{display:block;}

	/*img-box*/
	div.sub-con .img-box05 .img-box05-item > div.text{height:9rem;}
}

@media screen and (max-width:1024px){
	.br-1024{display:block;}

	/*box*/
	div.sub-con .box01 > p.text > br {display: none;}
	div.sub-con ul.box04 > li{height:auto;}
	div.sub-con ul.box04 > li:nth-of-type(1){padding-top:1.5rem;height:auto;width:100%;}
	div.sub-con ul.box04 > li:nth-of-type(2){width:100%;}

	/*img-box*/
	div.sub-con .img-box01{padding-top:6.25rem;}
	div.sub-con .img-box01.w33 > .img{width:100%;margin-bottom:5rem;}
	div.sub-con .img-box01 > .img > figure{height:22rem;}
	div.sub-con .img-box02{height:auto;display:block;}
	div.sub-con .img-box02 > div{width:100%;height:100%;display:block;}
	div.sub-con .img-box05 .img-box05-item.img-box05-item04{width:30%;}

	/*title*/
    h2.tit01{font-size: 2.5rem;}
    h3.tit01{font-size: 2rem;}
	h3.tit02{margin:5.5rem 0 3.625rem 0;}


	/*text*/
	-webkit-@keyframes swipe{
		0%{left:0;}
		50%{left:1rem;}
		100%{left:0;}
	}
	-o-@keyframes swipe{
		0%{left:0;}
		50%{left:1rem;}
		100%{left:0;}
	}
	-ms-@keyframes swipe{
		0%{left:0;}
		50%{left:1rem;}
		100%{left:0;}
	}
	-moz-@keyframes swipe{
		0%{left:0;}
		50%{left:1rem;}
		100%{left:0;}
	}
	@keyframes swipe{
		0%{left:0;}
		50%{left:1rem;}
		100%{left:0;}
	}

	p.mob-info{display:block;}
	p.mob-info:before{position:absolute; top:0; left:0; content:""; display:inline-block; width:1.5rem; height:1.5rem; background:url("/fro_end_bcha/img/mob-info-scroll.svg") center no-repeat; background-size:cover; animation:swipe 1.5s linear infinite;}

	div.table-mob-wrap{overflow-x:auto;}
	div.table-mob-wrap table{min-width:768px;}

	/*list*/
	ul.list02 > li{padding:2rem 0;}
	ul.list02 > li > span.text{width:100%;margin-top:0.625rem;}

	ul.list0202 > li{padding:2rem 0;}
	ul.list0202 > li > span.text{width:100%;display:block;text-align:left;margin-top:0.625rem;}
	ul.list0202 > li > span.text > br {display: none;}


	/*sub*/
	div.sub-con .img-box03 div.img-box03-item{width:100%;display:block;margin-bottom:2.5rem;}
    div.sub-con .img-box03 div.img-box03-item > div{width:100%;display:block;}
	div.sub-con .img-box03 div.img-box03-item.img-box03-item-left > div.text{padding:2rem;}
	div.sub-con .img-box03 div.img-box03-item > div.text{padding:2rem;}
	
	ul.five-box{padding:1.5rem;}
	ul.six-box{padding:1.5rem;}


}

@media screen and (max-width:768px){
	.br-768{display:block;}

	/*step-box*/
	div.sub-con div.step-box01 > ul > li div.text > br{display:none;}
	div.sub-con div.step-box01:before{display:none;}
	div.sub-con div.step-box01 ul.step-next:before{display:none;}
	ul.four-box02{width:100%;margin-right:0;}
	ul.five-box{width:100%;margin-bottom:1rem;margin-right:0;}
	ul.five-box:last-child{margin-bottom:0;}
	ul.six-box{width:100%;margin-bottom:1rem;}
	ul.six-box:last-child{margin-bottom:0;}
}

@media screen and (max-width:480px){
	.br-480{display:block;}

	.pc{display:none;}
	.mob{display:block;}

	/*text*/
	.fs375{font-size:3.55rem !important;}
	.fs3{font-size:2.8rem !important;}
	.fs25{font-size:2.3rem !important;}
	.fs18{font-size:1.6rem !important;}
	.fs2{font-size:1.6rem !important;}

	div.table-mob-wrap *{font-size:14px;}

	/*btn*/
	div.one-btn-wrap > .btn {width: 100%;}
	div.two-btn-wrap > .btn {width: calc(50% - 1rem);}
	div.three-btn-wrap > .btn {width: calc(33.3% - 1rem);}

	/*img-box*/
	div.sub-con .img-box04 .img-box04-item > div{display:block;}
	div.sub-con .img-box04 .img-box04-item > div.img {width:100%;}
	div.sub-con .img-box04 .img-box04-item > div.text{padding-left:0;margin-top:1rem;}
	div.sub-con .img-box05 .img-box05-item.img-box05-item04{width:48%;}
	div.sub-con .img-box05 .img-box05-item.img-box05-item04:nth-of-type(2n){margin-right:0;}

	/*box*/
	ul.two-box01 > li{width:100%;}
	ul.two-box01 > li:nth-of-type(2) {margin-top: 1.5rem;}

	ul.three-box01{width:100%;padding:0;}

	ul.four-box01{width:50%;}
	ul.four-box01:nth-of-type(2n) > li{border-right:none;}

	/*table*/
	div.table-mob-wrap table{min-width:600px;}

	table th, table td{padding:0.75rem;}
	table.table0102-hor{border-left:none;border-right:none;box-shadow: none;border-top: none;}
	table.table0102-hor tr{display: block;margin-bottom: 1rem;border:1px solid #ddd;}
	table.table0102-hor tbody tr th{padding:1rem;display: block;width:100%;border-right:none;}
	table.table0102-hor tbody tr td{display: block;border-right:none;}
	table.table0102-hor tbody tr td:before{content: attr(data-label);float: left;font-family:'NotoKr_B' !important;font-weight:bold;color:#E5001A;}
	table.table0102-hor tbody tr td:last-child{border-bottom: 0;text-align:center;}
	table.table0102-hor tbody tr:first-child th{border-top:none;border-right:none;}
	table.table0102-hor tbody tr:first-child td{border-top:none;}
	table.table0102-hor tbody tr:last-child td{border-bottom:none;}
	table.table0102-hor tbody tr:last-child td:nth-child(1){border-bottom:1px solid #ddd;}

	/*tabmenu*/
	div.tabmenu-wrap ul.tab-nav li.nav{margin:0.25rem;}
	div.tabmenu-wrap ul.tab-nav li.nav a{padding:0.5rem;font-size:1rem;}

	/*input-code*/
	.code div.input-wrap{width:calc(50% - 0.5rem);}
	.code div.btn-wrap{width:calc(50% - 0.5rem);}
	.code div.btn-wrap > .btn{width:100%;}
	
	div.sub-con .box03 article .box03-out div.tit{text-align:center;}
}

@media screen and (max-width:375px){
	.br-375{display:block;}

	
}

@media screen and (max-width:320px){
	.br-320{display:block;}

	.morebtn.pr4 {padding-right: 0.75rem !important;width: 100%;margin-bottom:0.5rem;}
	.morebtn.pr4:last-child {margin-bottom: 0;}
	.morebtn:before {display: none;}
}