@charset "euc-kr";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
/* default setting */
html {overflow-y:scroll;width:100%;margin:0;padding:0}
* html * {zoom:1}
body {font-family:'Noto Sans KR','Nanum Gothic','³ª´®°íµñ','Malgun Gothic','µ¸¿ò',Dotum,Helvetica,AppleGothic,Sans-serif;width:100%;height:100%;}
* {font-family:'Noto Sans KR','Nanum Gothic','³ª´®°íµñ','Malgun Gothic','µ¸¿ò',Dotum,Helvetica,AppleGothic,Sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote{margin:0;padding:0}
img, fieldset {border:none}
a {color:#000;}
body, dl, dt, dd, th, td, div, p, a, button, table,li, form, fieldset,legend, input, button, textarea, select {}
body, dl, dt, dd, th, td, div, p, a, button, table,li {font-size:1em;}
form, fieldset,legend, input, button, textarea, select {font-size:1em;}
ul, ol {list-style:none}
table {border-collapse:collapse}
input, textarea {display:inline-block;font-size:13px;vertical-align:middle}
textarea {resize:none}
address, em {font-style:normal}
th, td {padding:0;vertical-align:top;text-align:left;font-weight:normal}
a, button, input[type=button], input[type=submit], input[type=reset] {text-decoration:none}
.lt-ie7 a, .lt-ie7 a * {text-decoration:none}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="image"],
input[type="button"],
textarea {border:1px solid #d1d1d1;background:#fff;-webkit-appearance: none}
input[type="checkbox"]:focus {border:none}
input[type="checkbox"]:checked {background-color:#fff;-webkit-appearance:checkbox}
input[type="text"], input[type="password"] {min-height:18px;position:relative;margin:1px 2px 0;padding:2px 3px 3px;border:1px solid #d1d1d1;background:#fff;color:#000}
.lt-css3 input[type="text"],input[type="password"] {padding:2px 3px 3px}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border:1px solid #009ae6;outline-width:0}
input[type="password"] {font-size:12px;color:#373737}
input[disabled="disabled"] {background:#f0f0f0 !important;border:1px solid #f0f0f0 !important;color:#555}
input[readonly="readonly"] {background:#f0f0f0 !important;border:1px solid #f0f0f0 !important;color:#555}
.disabled {background:#f0f0f0 !important;border:1px solid #f0f0f0 !important;color:#555}
.readonly {background:#f0f0f0 !important;border:1px solid #f0f0f0 !important;color:#555}
input.error-input {background:#fff !important;border:1px solid #ff4b2a !important;color:#000}
.form-error {display:block;background:url(/img/common/etc/ico_form_error.gif) no-repeat left 5px;padding:0 0 0 23px;color:#ff4b2a;vertical-align:top}
input[type="checkbox"],input[type="radio"] {width:16px;height:13px;margin:0;padding:0;vertical-align:middle;line-height:27px}
select {position:relative;height:25px;vertical-align:middle;border:1px solid #d1d1d1;padding:2px 2px 2px 0 !important;margin:-1px 0 0 2px}
/*.ie7 select {height:auto !important;font-family:auto !important}*/
.ie7 select option.other {font-size:13px}
legend {display:none}
caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px}
.css3 caption {display:none}
/* inline */
img {display:inline-block;border:none;vertical-align:top}
a, cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
label {*vertical-align:middle} /*  */
cite, em, dfn {font-style:normal}
sub {vertical-align:bottom;font-family:helvetica}
sup {vertical-align:top;font-family:helvetica}
hr {display:none}
.pop-description {font-size:0px; width:0px; line-height:0px; text-indent:-100px; *text-indent:0; visibility:hidden;}
/* block */
address {font-style:normal}
blockquote, p {margin:0}
.ellipsis { overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;word-wrap:normal !important}
/* common */
.dis-n {display:none}
.hidden {position:absolute !important;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important}
.ie7 .hidden, .ie6 .hidden {display:none !important}
.ie6 .hidden, .ie6 span.hidden {display:none !important;position:absolute;top:-5000px}
.clearfix {*zoom:1}
.clearfix:after {display:block;clear:both;content:" "}
.txt-c {text-align:center !important}
.txt-l {text-align:left !important}
.txt-r {text-align:right !important}
.error {background:#ddd;font-weight:normal;font-size:24px;line-height:27px;color:#fff;padding:100px 50px;text-align:center}
.asterisk {display:inline-block;width:7px;height:7px;margin:0 0 3px 5px;background:url(/img/common/etc/bu_asterisk.png) no-repeat;font-size:0;line-height:0;vertical-align:middle}
.bg-n {background-image:none !important;padding-left:0}
.mauto {margin: 0 auto !important;}
.mt0 {margin-top:0 !important}
.mt1 {margin-top:1 !important}
.mtm1 {margin-top:-1px !important}
.mtm3 {margin-top:-3px !important}
.mtm4 {margin-top:-4px !important}
.mtm5 {margin-top:-5px !important}
.mtm6 {margin-top:-6px !important}
.mtm7 {margin-top:-7px !important}
.mtm20 {margin-top:-20px !important}
.mtm10 {margin-top:-10px !important}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt9 {margin-top:9px !important}
.mt10 {margin-top:10px !important}
.mt12 {margin-top:12px !important}
.mt15 {margin-top:15px !important}
.mt17 {margin-top:17px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt27 {margin-top:27px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt43 {margin-top:43px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt58 {margin-top:58px !important}
.mt60 {margin-top:60px !important}
.mt65 {margin-top:65px !important}
.mt70 {margin-top:70px !important}
.mt88 {margin-top:88px !important}
.mt100 {margin-top:100px !important}
.mt127 {margin-top:127px !important}
.mb0 {margin-bottom:0 !important}
.mb2 {margin-bottom:2px !important}
.mb3 {margin-bottom:3px !important}
.mb4 {margin-bottom:4px !important}
.mb5 {margin-bottom:5px !important}
.mbm5 {margin-bottom:-5px !important}
.mbm10 {margin-bottom:-10px !important}
.mb7 {margin-bottom:7px !important}
.mb8 {margin-bottom:8px !important}
.mb9 {margin-bottom:9px !important}
.mb10 {margin-bottom:10px !important}
.mb12 {margin-bottom:12px !important}
.mb13 {margin-bottom:13px !important}
.mb14 {margin-bottom:14px !important}
.mb15 {margin-bottom:15px !important}
.mb16 {margin-bottom:16px !important}
.mb17 {margin-bottom:17px !important}
.mb18 {margin-bottom:18px !important}
.mb19 {margin-bottom:18px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb28 {margin-bottom:28px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb65 {margin-bottom:65px !important}
.mb70 {margin-bottom:70px !important}
.mb75 {margin-bottom:75px !important}
.mb80 {margin-bottom:80px !important}
.mv5 {margin-top:5px !important;margin-bottom:5px !important}
.mv6 {margin-top:6px !important;margin-bottom:6px !important}
.mv7 {margin-top:7px !important;margin-bottom:7px !important}
.mv8 {margin-top:8px !important;margin-bottom:8px !important}
.mv9 {margin-top:9px !important;margin-bottom:9px !important}
.mv10 {margin-top:10px !important;margin-bottom:10px !important}
.mlm3 {margin-left:-3px !important}
.mlm15 {margin-left:-15px !important}
.ml0 {margin-left:0 !important}
.ml7 {margin-left:7px !important}
.ml1 {margin-left:1px !important}
.ml2 {margin-left:2px !important}
.ml3 {margin-left:3px !important}
.ml4 {margin-left:4px !important}
.ml5 {margin-left:5px !important}
.ml6 {margin-left:6px !important}
.ml7 {margin-left:7px !important}
.ml8 {margin-left:8px !important}
.ml9 {margin-left:9px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml17 {margin-left:17px !important}
.ml19 {margin-left:19px !important}
.ml20 {margin-left:20px !important}
.ml23 {margin-left:23px !important}
.ml25 {margin-left:25px !important}
.ml26 {margin-left:26px !important}
.ml27 {margin-left:27px !important}
.ml29 {margin-left:29px !important}
.ml30 {margin-left:30px !important}
.ml33 {margin-left:33px !important}
.ml40 {margin-left:40px !important}
.ml50{margin-left:55px !important}
.ml55{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80 {margin-left:80px !important}
.ml83 {margin-left:83px !important}
.ml85 {margin-left:85px !important}
.ml90 {margin-left:90px !important}
.ml91 {margin-left:91px !important}
.ml96 {margin-left:96px !important}
.ml100 {margin-left:100px !important}
.ml102 {margin-left:102px !important}
.ml105 {margin-left:105px !important}
.ml107 {margin-left:107px !important}
.ml110 {margin-left:110px !important}
.ml112 {margin-left:112px !important}
.ml120 {margin-left:120px !important}
.ml122 {margin-left:122px !important}
.ml123 {margin-left:123px !important}
.ml130 {margin-left:130px !important}
.ml135 {margin-left:135px !important}
.ml140 {margin-left:140px !important}
.ml147 {margin-left:147px !important}
.ml150 {margin-left:150px !important}
.ml180 {margin-left:180px !important}
.ml190 {margin-left:190px !important;}
.ml230 {margin-left:230px !important;}
.ml238 {margin-left:238px !important}
.mr0 {margin-right:0 !important}
.mr2 {margin-right:2px !important}
.mr3 {margin-right:3px !important}
.mr5 {margin-right:5px !important}
.mr7 {margin-right:7px !important}
.mr8 {margin-right:8px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr16 {margin-right:16px !important}
.mr18 {margin-right:18px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr42 {margin-right:42px !important}
.mr70 {margin-right:70px !important}
.mr72 {margin-right:72px !important}
.mr80 {margin-right:80px !important}
.pd10 {padding:10px !important}
.ptm5 {padding-top:-5px !important}
.pt2 {padding-top:2px !important}
.pt10 {padding-top:10px !important}
.pt14 {padding-top:14px !important}
.pt19 {padding-top:19px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt40 {padding-top:40px !important}
.pv0 {padding-top:0 !important;padding-bottom:0 !important}
.pv5 {padding-top:5px !important;padding-bottom:5px !important}
.pv6 {padding-top:6px !important;padding-bottom:6px !important}
.pv7 {padding-top:7px !important;padding-bottom:7px !important}
.pv8 {padding-top:8px !important;padding-bottom:8px !important}
.pv9 {padding-top:9px !important;padding-bottom:9px !important}
.pv10 {padding-top:10px !important;padding-bottom:10px !important}
.pv15 {padding-top:15px !important;padding-bottom:10px !important}
.pl0  {padding-left:0px !important}
.pl4  {padding-left:4px !important}
.pl5  {padding-left:5px !important}
.pl9  {padding-left:9px !important}
.pl10 {padding-left:10px !important}
.pl11 {padding-left:11px !important}
.pl12 {padding-left:12px !important}
.pl13 {padding-left:13px !important}
.pl15 {padding-left:15px !important}
.pl17 {padding-left:17px !important}
.pl19 {padding-left:19px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl29 {padding-left:29px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl45 {padding-left:45px !important}
.pl50 {padding-left:50px !important}
.pl60 {padding-left:60px !important}
.pl65 {padding-left:65px !important}
.pl70 {padding-left:70px !important}
.pl80 {padding-left:80px !important}
.pl90 {padding-left:90px !important}
.pl100 {padding-left:100px !important}
.pl110 {padding-left:110px !important}
.pl145 {padding-left:145px !important}
.pl300 {padding-left:300px !important}
.pl350 {padding-left:350px !important}
.pl388{padding-left:388px !important}
.pl380{padding-left:380px !important}
.pr5  {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr29 {padding-right:29px !important}
.pr35 {padding-right:35px !important}
.pr50 {padding-right:50px !important}
.pr70 {padding-right:70px !important}
.pb0{padding-bottom:0 !important}
.pb4{padding-bottom:4px !important}
.pb5{padding-bottom:5px !important}
.pb8{ padding-bottom:8px !important}
.pb10{ padding-bottom:10px !important}
.pb14{ padding-bottom:14px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
.pb100 {padding-bottom:100px !important}
.pt4 {padding-top:4px !important}
.pt5 {padding-top:5px !important}
.pt22{ padding-top:22px !important}
.pt25 {padding-top:25px !important}
.pt27 {padding-top:27px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.border-a{border:1px solid #E5E5E5 }   
.border-t{border-top:1px solid #E5E5E5 }  
.border-r{border-right:1px solid #E5E5E5 }  
.border-b{border-bottom:1px solid #E5E5E5 }  
.border-l{border-left:1px solid #E5E5E5 }
.border-n{border:none !important; }
.fleft {float:left !important}
.fright {float:right !important}
.fnone {float:none !important}
.scrolly {overflow:scroll;overflow-x:hidden}
.scrollx {overflow:scroll;overflow-y:hidden}
.scrollauto {overflow:auto;overflow-x:hidden}
.scrolly-area {border-top:1px solid #444;border-bottom:1px solid #c7c7c7}
.aleft {text-align:left !important}
.aright {text-align:right !important}
.acenter {text-align:center !important}
.vtop {vertical-align:top !important}
.vmiddle {vertical-align:middle !important}
.overflowh {overflow:hidden}
.font-small {font-size:12px !important}
.font-12 {font-size:12px !important}
.font-13 {font-size:13px !important}
.font-14 {font-size:14px !important}
.font-16 {font-size:16px !important}
.font-17 {font-size:17px !important}
.font-18 {font-size:18px !important}
.font-19 {font-size:19px !important}
.font-22 {font-size:22px !important}
.font-30 {font-size:30px !important}
.font-bold {font-weight:bold !important}
.font-normal {font-weight:normal !important}
.font-c-6 {color:#666 !important}
.font-c-r {color:red !important}
.font-c-b {color:blue !important}
.font-c-b1 {color:#009aee !important}
.font-c-b2{color:#2050a2 !important}
.font-c-b3{color:#05A1E8 !important}
.font-c-b4{color:#136CB8 !important}
.font-c-b5{color:#0965b4 !important}
.font-c-g {color:#cbd4c2 !important}
.font-c-or {color:#a16e2f !important}
.font-c-5 {color:#555 !important}
.font-c-3 {color:#333 !important}
.font-c-0 {color:#000 !important}
.font-c-7 {color:#777 !important;}
.font-c-48{color:#484848 !important;}
.font-spacing-m1 {letter-spacing:-1px !important}
.font-spacing-m2 {letter-spacing:-2px !important}
.lh20 {line-height:20px !important}
.lh21 {line-height:21px !important}
.lh22 {line-height:22px !important}
.lh23 {line-height:23px !important}
.lh24 {line-height:24px !important}
.lh25 {line-height:25px !important}
.lh26 {line-height:26px !important}
.lh27 {line-height:27px !important}
.lh28 {line-height:28px !important}
.lh29 {line-height:29px !important}
.lh30 {line-height:30px !important}
.lh40 {line-height:40px !important}
.i-br {display:block;padding:0 !important;font-size:12px;color:#555}
.i-bro {display:block;padding:0 !important;font-size:12px}
.i-dsc {display:inline-block;padding:0 0 0 20px !important;line-height:26px;font-size:12px;vertical-align:middle;color:#555}
.i-opt {display:inline-block;padding:3px 0 0 0 !important;*padding:5px 0 !important;font-size:12px;color:#555}
.i-opt a {color:#0087e5;font-size:12px !important}
.i-data {display:inline-block;padding:0 0 0 20px !important;line-height:26px;font-size:14px;vertical-align:middle}
.i-data strong {color:#0087e5 !important}
.i-datamoney {display:inline-block;padding:0 0 0 5px !important;line-height:24px;font-size:12px;vertical-align:middle}
.i-datamoney strong {color:#0087e5 !important}
.select-number-account {}
.select-min-width {min-width:260px}
.w10p {width:10% !important;overflow:hidden;}
.w20p {width:20% !important;overflow:hidden;}
.w30p {width:30% !important;overflow:hidden;}
.w40p {width:40% !important;overflow:hidden;}
.w49p {width:49% !important;overflow:hidden;}
.w50p {width:50% !important;overflow:hidden;}
.w60p {width:60% !important;overflow:hidden;}
.w70p {width:70% !important;overflow:hidden;}
.w80p {width:80% !important;overflow:hidden;}
.w85p {width:85% !important;overflow:hidden; }
.w90p {width:90% !important;overflow:hidden;}
.w100p {width:100% !important;overflow:hidden;}
.w50p {width:50% !important;overflow:hidden;}
.w35 {width:35px !important}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w70 {width:70px !important}
.w77{width:77px !important}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w87 {width:87px !important}
.w90 {width:90px !important}
.w91 {width:91px !important}
.w92 {width:92px !important}
.w95 {width:95px !important}
.w96 {width:96px !important}
.w99 {width:99px !important}
.w100 {width:100px !important}
.w101 {width:101px !important}
.w105 {width:105px !important}
.w107 {width:107px !important}
.w109 {width:109px !important}
.w110 {width:110px !important}
.w111 {width:111px !important}
.w112 {width:112px !important}
.w117 {width:117px !important}
.w118 {width:118px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w134 {width:134px !important}
.w135 {width:135px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w157 {width:157px !important}
.w158 {width:158px !important}
.w160 {width:160px !important}
.w170 {width:170px !important}
.w176 {width:176px !important}
.w180 {width:180px !important}
.w184 {width:184px !important}
.w185 {width:185px !important}
.w188 {width:188px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w227 {width:227px !important}
.w230 {width:230px !important}
.w236 {width:236px !important}
.w237 {width:237px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w262 {width:262px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w285 {width:285px !important}
.w290 {width:290px !important}
.w300 {width:300px !important}
.w302 {width:302px !important}
.w303 {width:303px !important}
.w310 {width:310px !important}
.w315 {width:315px !important}
.w316 {width:316px !important}
.w320 {width:320px !important}
.w330 {width:330px !important}
.w340 {width:340px !important}
.w350 {width:350px !important}
.w360 {width:360px !important}
.w370 {width:370px !important}
.w380 {width:380px !important}
.w390 {width:390px !important}
.w400 {width:400px !important}
.w405 {width:405px !important}
.w410 {width:410px !important}
.w413 {width:413px !important}
.w415 {width:415px !important}
.w420 {width:420px !important}
.w430 {width:430px !important}
.w440 {width:440px !important}
.w450 {width:450px !important}
.w455 {width:455px !important}
.w460 {width:460px !important}
.w470 {width:470px !important}
.w473 {width:473px !important}
.w474 {width:474px !important}
.w475 {width:475px !important}
.w480 {width:480px !important}
.w490 {width:490px !important}
.w500 {width:500px !important}
.w510 {width:510px !important}
.w520 {width:520px !important}
.w530 {width:530px !important}
.w540 {width:540px !important}
.w550 {width:550px !important}
.w560 {width:560px !important}
.w570 {width:570px !important}
.w580 {width:580px !important}
.w590 {width:590px !important}
.w600 {width:600px !important}
.w610 {width:610px !important}
.w620 {width:620px !important}
.w630 {width:630px !important}
.w640 {width:640px !important}
.w650 {width:650px !important}
.w660 {width:660px !important}
.w670 {width:670px !important}
.w680 {width:680px !important}
.w690 {width:690px !important}
.w700 {width:700px !important}
.w710 {width:710px !important}
.w720 {width:720px !important}
.w730 {width:730px !important}
.w740 {width:740px !important}
.w750 {width:750px !important}
.w760 {width:760px !important}
.w770 {width:770px !important}
.w780 {width:780px !important}
.w790 {width:790px !important}
.w800 {width:800px !important}
.w810 {width:810px !important}
.w820 {width:820px !important}
.w830 {width:830px !important}
.w840 {width:840px !important}
.w850 {width:850px !important}
.w860 {width:860px !important}
.w870 {width:870px !important}
.w880 {width:880px !important}
.w890 {width:890px !important}
.w900 {width:900px !important}
.w950 {width:950px !important}
.min-height80 {min-height:80px !important}
.min-height100 {min-height:100px !important}
.min-height157 {min-height:157px !important}
.min-height200 {min-height:200px !important}
.min-height250 {min-height:250px !important}
.min-height300 {min-height:300px !important}
.min-height350 {min-height:350px !important}
.min-height400 {min-height:400px !important}
.min-height450 {min-height:450px !important}
.min-height500 {min-height:500px !important}
.min-height550 {min-height:550px !important}
.min-height600 {min-height:600px !important}
.height35 {height:35px !important}
.height50 {height:50px !important}
.height43 {height:43px !important}
.height60 {height:60px !important}
.height65 {height:65px !important}
.height80 {height:80px !important}
.height90 {height:90px !important}
.height100 {height:100px !important}
.height120 {height:120px !important}
.height130 {height:130px !important}
.height150 {height:150px !important}
.height160 {height:160px !important}
.height180 {height:180px !important}
.height174 {height:174px !important}
.height200 {height:200px !important}
.height220 {height:220px !important}
.height240 {height:240px !important}
.height300 {height:300px !important}
.position-a {position:absolute !important}
.position-r {position:relative !important}
.position-s {position:static !important}
.btnposition {position:absolute !important;right:0 !important;top:-5px !important;*top:-7px !important}
.ie9 .btnposition {position:absolute !important;right:0 !important;top:-4px !important}
.btnposition2 {position:absolute !important;right:0 !important;top:-7px !important}
.overflowB {overflow:visible !important;}
a.nostyle {text-decoration:none !important;color:#555 !important}
.text-deco {text-decoration:underline}
.text-deco-none {text-decoration:none !important}
.font-arial {font-family:Arial;}
.inline {display:inline !important}
#edi #write, #edi #save li {float:left;margin-right:3px}
#edi h4 {margin-bottom:10px}
.wbui-debug-area {height:200px;background:yellow}
.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.col-sm-6{
 width:48%;
 float:left;
}
.col-sm-4{
 width:31.0%;
 float:left;
}
/*body:1em;
  18px = 1.09me*/
.col-sm-12{
 width:98%;
 float:left;
}
.mobile_mode{display:none;}
@media (max-width:1199px){
 .col-sm-6{
  width:100%;
  float:left;
 }
 .col-sm-4{
  width:100%;
 }
 .fright{
  float:left !important;
 }
}
/**main**/
body{font-family: "Noto Sans KR";}
a,a:link,a:hover{text-decoration:none;}
h1,h2,h3,h4,h5{padding:0;margin:0;line-height:initial;font-weight:initial;}
div{display:block;}
.frame_wrap{
 margin: 0;
 padding: 0;
 display: block;
 width: 100%;
 font-size: 1.09rem;
}
.copyright{
 width: 100%;
 min-height: 400px;
 background-color: #333333;
 color: #FFF;
 float: left;
 padding-bottom: 10vh;
}
.copyright_area {
 display: block;
 width: 100%;
 font-size: 0.85rem;
 font-weight: 100;
 line-height: 17px;
 color: #aaa;
 text-align:center;
 padding-top: 15px;
}
.copyright_area *{
    letter-spacing: -1px;
    font-size: 1rem;
    line-height: 22px;
}
.copyright_area strong{
 font-weight: 400;
 color: #eeeeee;
 margin-left: 1%;
}
/*button*/
.btn{}
.contact_area{}
.content{
 width: 100%;
 min-height: 400px;
    float: left;
 letter-spacing:-1.5px;
}
.content_wrap{}
.domain{
 width: 100%;
    height: 20px;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 300;
    letter-spacing: 0px;
    padding-top: 0px;
}
/*footer*/
.footer{
 margin-top: 20px;
    padding-bottom: 2vw;
}
.footer_wrap{
 width: 100%;    
    float: left;
 padding: 60px 0 50px 0;
}
.footer > .footer_wrap:first-child{
    border-bottom: 1px solid #3a3a3a;
}
.footer > .footer_wrap > .logo_area {
    width: 38%;
    height: initial;
    min-width: initial;
    max-width: initial;
    border-right: 1px solid #3a3a3a;
    text-align: center;
    padding-left: 10%;
}
.footer > .footer_wrap > .logo2_area {
    width: 150px;
    height: 50px;
    margin: auto;
    overflow: hidden;
}
.logo{
 display: block;
    /*font-family: "Noto Sans KR";*/
 
    height: 80px;
    background: url(../img/images/speed365_logo_2.png) 0 0/60% no-repeat;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -1.1px;
    padding-left: 20px;
    padding-top: 20px;
 color:#ddd;
}
.footer  .logo,
.footer  .logo_acp {
 height: 80px;
    text-align: left;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -1.1px;
    padding-left: 100px;
    padding-top: 10px;
 color: #aaa;
}
.footer  .logo{
    background: url(../img/images/speed_logo.png) 0 0 no-repeat;
 margin: 0px;
}
.footer  .logo_acp{
    background: url(../img/images/acp_logo.png) 0 0 no-repeat;
 width:200px;
}
.footer  .contact_area {
    width: 30%;
    font-size: 0.85rem;
    font-weight: 500;
    /*line-height: 15px;*/
    color: #aaa;
    float: left;
    padding: 10px 10%;
}
.footer .contact_area  h1{
 color:#FFF;
 font-weight: 700;
}
.footer .contact_area  h1 a{
 color:#FFF;
 font-weight: 700;
}
.global_link{}
.icon_man{}
.logo_acp{}
.logo_area{
 width: 30%;
    float: left;
 min-width: 200px;
    max-width: 366px;
    height: 85.68px;
}
.logo2_area{}
.menu_area{
    float: left;
    width: 70%;
   /* min-width: 1054px;*/
}
.menu_link,.global_link{
 margin-top:20px;float: left;
    line-height: 40px;
    text-align: center;
}
.menu_link{
    width: 80%;
}
.global_link{
 width: 20%;
}
.menu_main {
}
.menu_link > ul > li{
 float:left;
 /*min-width:8%;*/
 text-align:center;
}
.menu_link > ul > li > a,.global_link > ul > li > a{
 font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 40px;
 padding:0px 11px;
 border-radius:20px;
 min-width:60px;
 background-color:#FFF;
}
.menu_link > ul > li > ul > li{
 float: none;
    height: 30px;
    width: auto;
}
.menu_link > ul > li > ul > li > a {
    font-size: 1rem;
    color: #777;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.message_wide_main{
   display: none;
    width: 100%;
    /*line-height: 80px;*/
    text-align: center;
  text-align:center;
 /*padding-top:200px;*/
 /*padding-top:20vh;*/
    padding: 5vw;
}
.message_wide_main h1{
 font-size:2.5rem;
  text-align:center;
color: #FFF;
}
.message_wide_main h2{
  text-align:center;
   color:#FFFFFF;
 
}
.message_wide_main h4{
  text-align:center;
   color:#FFFFFF;
}
.message_wide_main .btn {
    line-height: 5rem;
    font-size: 2.5rem;
    /* border-radius: 1rem; */
    width: 300px;
    max-width: 80%;
    display:none;
    margin: auto;
    margin-top: auto;
    letter-spacing: -0px;
    /*float: left;*/
    margin-top: 1vw;
    /*margin-left: -30px;*/
    /* background-color: #878787; */
}

.message_wide_main .icon_man{
    display: block;
    /*background: url(../img/images/icon_man.png) 20px 3px no-repeat;*/
    width: 288px;
    position: inherit;
    left: 20px;
    top: 0px;
    margin: auto;
    /*height: 50px;*/
    height: 25px;
}
/*sub*/
.message_wide_sub{
 display: block;
    width: 100%;
    line-height: 80px;
    text-align: center;
    float: left;
 /*padding-top:200px;*/
 /*padding-top:20vh;*/
 height:400px;
}
.title_img_01{
 background:url(../img/images/sub01_img.png) 0 0px no-repeat;
}
.title_img_02{
 background:url(../img/images/sub02_img.png) 0 0px no-repeat;
}
.title_img_03{
 background:url(../img/images/sub03_img.png) 0 0px no-repeat;
}
.title_img_09{
 background:url(../img/images/sub09_img.jpg) 0 0px no-repeat;
}
.message_wide_sub h2{
    color: #FFF;
    font-size: 2.5rem;
    margin: 76px;
    letter-spacing: -5px;
    font-weight: 500;
   backdrop-filter: blur(10px);
}
.message_wide_sub .btn{
    line-height: 40px;
    font-size: 1.85rem;
    border: 1px solid #eee;
    border-radius: 11px;
    width: 400px;
    display: block;
    margin: auto;
    letter-spacing: -2px;
    color: #333;
    background-color: #FFF;
    padding: 20px;
    font-weight: 500;
}
.title_wide_sub{
 display: block;
    width: 100%;
    line-height: 80px;
    text-align: center;
    float: left;
 background-color: #FFF;
 /*padding-top:200px;*/
 /*padding-top:20vh;*/
 min-height:220px;
}
.title_wide_sub h3{
    color: #3B3B3B;
    font-size: 2.5rem;
    margin: 16px;
    letter-spacing: -5px;
    font-weight: 500;
}
.title_wide_sub h3 strong{
 color:#FE7C25;
}
.title_wide_sub h4{
    color: #5A5A5A;
    font-size: 1.75rem;
    margin: 16px;
    letter-spacing: -3px;
    font-weight: 100;
}
.menu_link a.menu_main:hover,.global_link a:hover,.message_wide_main .btn{
 color:#ccc;
 /*background-color:#878787;*/
}
.menu_main{}
.menu_sub{display:none;}
.menu_wrap{
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 background-color: #FFF;
 z-index:100000;
}
.page_wrap{}
.pc_menu_wrap{
 background-color:#FFF;
 width: 100%;
    display: block;
    /*float: left;*/
}
.row{}
.tel{}
/*À§Ä¡*/
.left_wrap{}
.center_wrap{}
.right_wrap{}
.top_wrap{}
.middle_wrap{}
.bottom_wrap{}
.top_wrap,
.middle_wrap,
.bottom_wrap{
 width:100%;
 max-width:1200px;
 margin: auto;
 min-height:100px;
}
.content_wrap{
  /*padding-top: 200px;*/
    min-height: 10vh;
}
.left_end{}
.left{}
.center_left{}
.center{}
.center_right{}
.right{}
.right_end{}
.global_top{}
.top{}
.middle_top{}
.middle{}
.middle_bottom{}
.bottom{
}
/*content*/
.content_list_group{
 display: block;
    width: 100%;
    text-align: center;
    float: left;
 /*padding-top:200px;*/
 /*padding-top:20vh;*/
 /*min-height:400px;*/
 
}
.content_list{width:100%;}
.content_list_each{
  padding: 0 10px;
}
@media (min-width:1200px){
    #step03 .content_list_each:nth-child(2n-1){
      clear:both;
    }
   #step04 .content_list_each:nth-child(3n-2){
      clear:both;
    }
}
.item_type{}
.content_list_each_category{font-size:1.25rem;color:#007388;}
.content_list_each_title{font-size:1.6rem;color:#5A5A5A;font-weight:500;line-height: 3.0rem;}
.content_list_each_note{font-size:1.15rem;color:#5A5A5A;font-weight:100;}
.content_list_each_icon{width:121px;height:200px;}
.content_list_each_icon.icon_01{background:url(../img/images/icon01.png) 0 0px no-repeat;}
.content_list_each_icon.icon_02{background:url(../img/images/icon02.png) 0 0px no-repeat;}
.content_list_each_icon.icon_03{background:url(../img/images/icon03.png) 0 0px no-repeat;}
.content_list_each_icon.icon_04{background:url(../img/images/icon04.png) 0 0px no-repeat;}
.content_list_each_icon.icon_05{background:url(../img/images/icon05.png) 0 0px no-repeat;}
.content_list_each_icon.icon_06{background:url(../img/images/icon06.png) 0 0px no-repeat;}
#step04 .content_list_each_icon {
    width: 250px;
    height: 250px;
}
#step04 .message_wide_sub h2 {
 margin:46px;
}
#step04 .item_devide_line {
    width: 100%;
}
.content_list_each_icon.icon_401{background:url(../img/images/icon401.png) 40px 0px no-repeat;}
.content_list_each_icon.icon_402{background:url(../img/images/icon402.png) 70px 0px no-repeat;}
.content_list_each_icon.icon_403{background:url(../img/images/icon403.png) 0 100px no-repeat;}
.content_list_each_icon.icon_404{background:url(../img/images/icon404.png) 0 0px no-repeat;}
.content_list_each_icon.icon_405{background:url(../img/images/icon405.png) 40px 100px no-repeat;}
.content_list_each_icon.icon_406{background:url(../img/images/icon406.png) 0 50px no-repeat;}
.item_devide_line{
 border-bottom: 1px solid #3D3D3D;    
    padding-bottom: 50px;
}
.item_devide_line::after{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #007388;
    border-radius: 3.5px;
    position: relative;
    left: 99%;
    top: 53.5px;
}
.content_list_group{
 display: block;
    width: 100%;
    text-align: center;
    float: left;
 /*padding-top:200px;*/
 /*padding-top:20vh;*/
 /*min-height:400px;*/
 
}
.round_orang_title{
 border:1px solid #FE893B;
 border-radius:10px;
 font-size:0.85rem;
 color: #FE893B;
 font-weight:300;
 line-height:1rem;
 display:inline-block;
 padding:10px;
}
.title_point_line{
 border-bottom:1px solid #000;
}
.title_point_line::after{
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #000;
    border-radius: 3.5px;
    position: relative;
    left: 100%;
    top: 4px;
}
.content_view h3 {
 line-height:2.5rem;
}
table.content_exp{
 width:100%;
 border:0 px solid #707070;
 margin-bottom:5vh;
}
table.content_exp th:first-child{
 width:50%;
}
table.content_exp th{
 border-bottom:1px solid #707070;
 line-height:2rem;
 background-color:#efefef;
 color:#000;
 text-align:center;
 font-weight:500;
}
table.content_exp td{
 border-bottom:0.5px solid #D9D9D9;
 line-height:2rem;
 color:#333;
 text-align:center;
}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
.panel{
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.price{font-size:3rem;color:#000;letter-spacing:-3px;}
.strong{font-weight:500;}
.caption{font-size:1rem;letter-spacing:-1px;color:#FE7C25}
.content_view{width:100%;}
.content_view_each{
 padding: 2vw;
 border-radius: 2vw;
 margin-bottom: 1vw;
}
.content_view_each img{
 max-width:100%;
}
.content_view_each_category{ display:inline-block;font-size:1.5rem;color:#716E6E; border-bottom:3px solid #FE893B;letter-spacing:-2px;padding:5px;}
.content_view_each_title{font-size:1.5rem;color:#716E6E;font-weight:300;text-align:center;width:100%;}
.content_view_each_note{font-size:1.25rem;color:#5A5A5A;font-weight:100;}
/*#step01*/

#step01{
   background:url(../img/images/main_img_01_2024.jpg) 0 0 repeat-x;
   /* background:url(../img/images/main_img_01_2024.jpg) 0 0 repeat-x;*/
    /*background:url(../img/images/main_img_01.jpg) 0 0 repeat-x;*/
   /*background:url(../img/images/art_bg.png) 0 0 repeat-x;*/
   /*background:url(../img/images/fruit.png) 0 -100px/100% no-repeat;*/
}
/*#step02*/
#step02{}
/*#step03*/
#step03{}
/*#step04*/
#step04{}
/*#step05*/
#step05{display:none;}
/*#step06*/
#step06{display:none;}
/*#step07*/
#step07{display:none;}
/*#step08*/
#step08{display:none;}
#nav_tab_01{}
#nav_tab_01.nav_tab_area{width:}
#nav_tab_01.nav_tab_area ul{}
#nav_tab_01.nav_tab_area ul li{display:inline-block;}
#nav_tab_01.nav_tab_area .nav_tab_link{
 padding: 2rem 3rem 0.5rem 3rem;
    text-align: center;
    border-bottom: 2px solid #eee;
}
#nav_tab_01.nav_tab_area .active{border-color: #ff1f00;}
#nav_tab_01 .close{
 display:none;
}
/*mobile*/
.mobile_menu_wrap{display:none;}
.title_default_space{
 margin-top:100px;
}
.animatedElement {
    position: relative;
    left: -100px;
    opacity: 0.1;
}
.slideUp {
    -webkit-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    -ms-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 1;
}
/*20201103 Ãß°¡*/
.board_list{
    display: block;
    float: left;
    max-width: 85%;
    overflow: hidden;
    margin-top: 1.5em;
    padding: 0 4%;
}
.board_list > div{
   max-width:100%;
   display:none;
}
.board_list > div:nth-child(1){
   display:block;
}
/*
###############################################################################
@media (max-width:1199px){ ½ÃÀÛ
###############################################################################
*/

@media (max-width:1199px){
  .title_default_space{
   margin-top:30px;
  }
  .frame_wrap{
   width:100%;
   min-width:360px;
  }
  .menu_wrap{
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height:60px;
   background-color:#FFF;
  }
  .pc_menu_wrap{display:none;}
  .mobile_menu_wrap{display:block;}
  .mobile_domain{
   padding-left: 0px;
   text-align: center;
  }
  .mobile_logo{
   font-size: 1.08rem;
   background: none;
   text-align: left;
   padding-left: 100px;
   padding-top: 2px;
   text-align: center;
  }
  .mobile_logo_area{
   padding-left: 0px;
   height: 60px;
  }
  .menu_link a.menu_main:hover,.global_link a:hover{
   border-radius:0px;
  }
 
  .mobile_logo_title{}
  .mobile_menu{
   display: block;
   min-width: 180px;
   min-height: 90vh;
   line-height: 25px;
   background-color: #FFF;
   border: 1px solid #000;
   z-index: 10000;
   margin-top:0px;
   width:60%;
   margin-left:0px;
   overflow: auto;
   height: 100%;
  }
  .mobile_menu_area{
   display:none;
   position:fixed;
   width:100%;
   height:100%;
   background-color:rgba(0 ,0,0,0.5);
   z-index:10000;
  }
  .mobile_menu_icon{
   position:fixed;
   width:60px;
   height:60px;
   left:0px;
   top:0px;
   background:url(../img/images/mobile_btn_blue.png) 0 0/100% no-repeat;
   z-index:3000;
   cursor:pointer;
  }
  .menu_area{
   display: inline-block;    
   width: 76%;
   margin-top: 60px;
  }
  .mobile_title_area{}
  .message_wide_main{
    width: 90vw;
    padding: 5vw;   
    padding-top: 10vw;
  }
  .message_wide_main h1 {
   font-size: 1.5rem;
   margin-top:5vw;
  }
  .message_wide_main h2 {
   font-size: 1.25rem;
   margin-top:5vw;
  }
  .message_wide_main h3 {
   font-size: 1.08rem;
   margin-top:5vw;
  }
  .message_wide_main h4 {
   font-size: 0.85rem;
   width: auto;
   margin: auto;
   margin-top:5vw;
  }
  .message_wide_main > p{
   margin-top:5vh;
  }
  .message_wide_main .btn{
   width:100%;
   max-width:100%;
   border-radius:0px;
   font-size: 2.16rem;
   float:auto;
   margin-left:0px;
  }
 .message_wide_sub{
   height:auto;
   min-height:200px;
  }
  .message_wide_sub h1 {
   font-size: 1.5rem;
   letter-spacing: -1px;
  }
  .message_wide_sub h2 {
   margin:auto;
   margin-top:30px;
   font-size: 1.25rem;
   letter-spacing: -1px;
   backdrop-filter: blur(10px);
  }
  .message_wide_sub h3 {
   font-size: 1.08rem;
   letter-spacing: -1px;
  }
  .message_wide_sub h4 {
   font-size: 0.85rem;
   letter-spacing: -1px;
   width: 80%;
   margin: auto;
  }
  .message_wide_sub > p{
   margin-top:5vh;
   letter-spacing: -1px;
  }
  .message_wide_sub > p > .btn{
   font-size: 1.25rem;
   letter-spacing: -1px;
   padding: 10px;
  }
 
  .menu_link,.global_link{
   width:100%;
   line-height:40px;
   margin-left:initial;
  }
  .menu_link ul li,.global_link{
   width:100%;
  }
  .menu_link a,.global_link a{
   font-size : 1.25rem;
   width:100%;
   line-height:40px;
   min-height:40px;
   border-bottom: 1px solid #ccc;
   border-radius:initial;
  }
  /*menu_over */
  .sitemap_btn_area {  
   display:none;
  }
  .sitemap_title_area {
   width:100%;
  }
  .sitemap_title_area > h1 {
   font-size: 1.25rem;
   font-weight:700;
   text-align:center;
  }
  /*mobile_footer*/
  .footer .contact_area{
   width:100%;
   padding:initial;
  }
  .footer  .logo {
   margin: auto;
   width: 230px;
  }
  .footer > .footer_wrap > .contact_area > div > h1, .footer > .footer_wrap > .contact_area > div {
   text-align:center;
  }
  .copyright_area.row > div {
   width: 90%;
   margin: auto;
  font-size: 0.85rem;
  }
  /*±â´É*/
  .btn{
   line-height: 1.3em !important;
   font-size: 1.2em;
   max-width: 70%;  
  }
  h1,h2,h3,h4,h5{
   line-height:1.2em;
   text-align:center;
  }
  .content_view_each_category{
  width: 100%;
  /* border: 5px solid #FE8938; */
  background-color: #fe8938;
  color: #FFF;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 10px 0;
  margin: 50px 0px 0px 0px;
  border-bottom-color: #8e430f;
  border-top-color: #8e430f;
  }
  .content_view_each_title {
  font-size:1.25rem;
  letter-spacing: -1px;
  text-align: left;
   }
  .content_wrap{
   min-height:20vh;
   padding-top:20px;
  }
  .content_view h2,.content_view h3{
   font-size:1.20rem;
   text-align:center;
  }
  .content_view h3 {
  background-color: #333;
  margin: 5px 0;
  color: #FFF;
  text-align: left;
  padding-left: 5px;
  font-size: 1.1rem;
  letter-spacing: -1px;   
  }
  table.content_exp{
    text-align:left;
  }
  table.content_exp th{
   display:none;
  }
  table.content_exp td{
   display:block;
   float:left;
   width:100%;
   padding-left:2px;
  }
  table.content_exp td:first-child{
   border-bottom:1px solid #707070;
   line-height:2rem;
   background-color:#efefef;
   color:#000;
   text-align:left;
   font-weight:500;
   text-indent:5px;
  }
  table.content_exp td:first-child::before {
    content:"¡Ý ";
  }
  table.content_exp td{
   line-height:2rem;
   text-align:left;
   text-indent:15px;
  }
  .content_list_group img{
 max-width:100%;
  }
  .content_list_each{
   padding: 0 0px;
  }
  .content_list_each_note {
  font-size: 1.15rem;
  border: 1px solid #007388;
  border-top-right-radius: 50px;
  padding-top: 35px;
  padding-left: 15px;
  padding-right: 5px;
  margin-top: 10px;
  padding-bottom: 25px;
  letter-spacing: -1px;
   }
   .content_list_each_note.txt-c{
  text-align:left !important;
    }
   .content_view_each_note dl dd{
  font-size: 1.125rem;
  padding: 5px 0px 20px 0px;
  letter-spacing: -1px;
  color: #000;
    }
 .content_list_each_banner{
 
 }
   .title_wide_sub {
    height:auto;
    }
  .title_wide_sub h1 {
    font-size: 1.75rem;
    letter-spacing: -1px;
   }
  .title_wide_sub h2 {
    font-size: 1.5rem;
    letter-spacing: -1px;
   }
  .title_wide_sub h3 {    
  font-size: 1.25rem;
  letter-spacing: -1px;
  border-top: 3px solid #007388;
  border-bottom: 1px solid #007388;
  padding: 10px 0;
   }  
  .title_wide_sub h4 {
  font-size:1.25rem;
  letter-spacing: -1px;
  text-align: left;
   }
  .content_list_each_icon{
   /*display:none;*/
   }
  .round_orang_title {
  font-size: 1.15em;
  margin: 0;
  font-weight: 500;
  background-color: #000;
  border: none;
  /* padding-top: 15px; */
  padding: 15px 20px 15px 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
   }
  .price {font-size:1.25em;    padding: 10px 0 20px 0;}
  .col-sm-6{
   margin-top: 0vw;
   margin-bottom: 0vw;
  }
  #nav_tab_01{}
  #nav_tab_01.nav_tab_area{
   display: block;
   float: left;
  }
  #nav_tab_01.nav_tab_area ul{}
  #nav_tab_01.nav_tab_area ul li{display:none;width:100%;line-height:2em;text-align:center;}
  #nav_tab_01.nav_tab_area ul li:first-child{display:block;}
  #nav_tab_01.nav_tab_area .nav_tab_link{border:none;padding: 1rem 3rem 1rem 3rem;}
  #nav_tab_01.nav_tab_area .active{display:block; border:1px solid #eee;}
  #nav_tab_01.nav_tab_area .active::after {
   content: "";
   width: 0.75em;
   height: 0.75em;
   border-right: 2px solid #484848;
   border-top: 2px solid #484848;
   transform: rotate(135deg);
   display: block;
   float: right;
   margin-top: 0.25em;
  }
  #nav_tab_01 .close{
   width:100%;
   line-height:2em;
   text-align:center;
  }
  .mobile_mode{display:block}
  .menu_link > ul > li > a,.global_link > ul > li > a{
    border-radius:0px;
  }
  .title_img_02{
/*    background:none;*/
   }
   /*footer*/
 .footer{
  }
 .footer_wrap{
    padding-top:20px;
 }
 .footer > .footer_wrap:first-child{
 
 }
 .footer > .footer_wrap > .logo_area {
   padding-left: 0%;
 }
 .footer > .footer_wrap > .logo2_area {
 
 }
 .logo{
 
 }
 .footer  .logo,
 .footer  .logo_acp {
 
 }
 .footer  .logo{
 
 }
 .footer  .logo_acp{
 
 }
 .footer  .contact_area {
 }
 .footer .contact_area  h1{
 }
 .item_devide_line{
  border-bottom: 50px solid #007388;
  /* border-radius: 25px; */
  padding-bottom: initial;
  width: 100%;
  border-bottom-left-radius: 50px;
 }
 .item_devide_line::after{
     /*display: none; */
  content: "°í°´¼¾ÅÍ) 1644-9365";
  /* background-color: #87ecff; */
  margin-left: -20px;
  margin-top: -30px;
  width: 85%;
  height: 30px;
  border-radius: 10px;
  left: 15%;
  top: 40px;
  /* color: #007388; */
  font-size: 1.2em;
  font-weight: 500;
  padding: 0px 0px 1px 0px;
  line-height: 30px;
  COLOR: #fff;
  letter-spacing: -1px;
  }
  .content_list_each_icon{display:none;}
  .content_list_each_icon.icon_01 {margin-top: -115px;float: right !important;}
  .content_list_each_icon.icon_02 {margin-top: -85px;float: right !important;}
  .content_list_each_icon.icon_03 {margin-top: -120px;float: right !important;}
  .content_list_each_icon.icon_04 {margin-top: -80px;background-size:60%; float: right !important;margin-right: -50px!important; }
  .content_list_each_icon.icon_05 {margin-top: -70px;background-size:60%; float: right !important;}
  .content_list_each_icon.icon_06 {margin-top: -90px;background-size:70%; float: right !important;}
   #step01{
    /*background:url(../img/images/art_bg.png) 0 150px/100% repeat-x;*/

    /*background: url(../img/images/fruit.png) 50% 10%/165% no-repeat;*/
     background: url(../img/images/main_img_01_2024.jpg) 50% 50%/400% repeat-x !important;

   }
   
   #step04 .flow_mark::after{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  bottom: 70px;
  left: 45%;
  transform: rotateZ(45deg);
  font-size: 2.0rem;
  /* border-color: #007388; */
  border: 15px solid #007388;
  border-top: none;
  border-left: none;
  border-radius: 3px;
   }
}

/*
###############################################################################
@media (max-width:1199px){ ³¡
###############################################################################
*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'NotoSansKR300';
  font-style: normal;
  font-weight: 300;
  src: url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://easy.speed365.co.kr/font/noto-sans-kr-v12-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-regular - latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 500;
  src: url('http://easy.speed365.co.kr/font/nanum-gothic-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('http://easy.speed365.co.kr/font/nanum-gothic-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://easy.speed365.co.kr/font/nanum-gothic-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://easy.speed365.co.kr/font/nanum-gothic-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://easy.speed365.co.kr/font/nanum-gothic-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://easy.speed365.co.kr/font/nanum-gothic-v17-latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-myeongjo-regular - latin */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 500;
  src: url('http://easy.speed365.co.kr/font/nanum-myeongjo-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumMyeongjo'),
       url('http://easy.speed365.co.kr/font/nanum-myeongjo-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://easy.speed365.co.kr/font/nanum-myeongjo-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://easy.speed365.co.kr/font/nanum-myeongjo-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://easy.speed365.co.kr/font/nanum-myeongjo-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://easy.speed365.co.kr/font/nanum-myeongjo-v15-latin-regular.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}
.service_compare_table{
    display: block;
 width: auto;
 line-height: 1.3em;
 text-align: center;
 float: left;
 padding: 3vw 5vw;
 max-width: 100%;
 font-size: smaller;
 min-width: 85%;    
}
.service_compare_table table{}
.service_compare_table table tr{}
.service_compare_table table tr th{
 display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #020202;
    color: #fff;
    padding: 1.5vw 0.0vw;
}
.service_compare_table table tr td{
 display: table-cell;
    vertical-align: middle;
 border-bottom: 1px solid #ddd;
    width: 20%;
 text-align: center;
 padding: 0.3vw 0.0vw;
}
.service_compare_table table tr td.case_head{
    background-color: #eee;
    padding: 1.5vw 0.5vw;
 font-size: 1.2em;
 text-align:left;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.service_compare_table table tr td.case_head::before{
 content:"¡Ý";
    margin-right: 10px;
    margin-left: 10px;
}
.service_compare_table table tr td[colspan="5"].case_head{
 text-align:center;
}
.service_compare_table table tr td[colspan="5"].case_head::before{
 content:"¡Ø";
    margin-right: 10px;
}
@media(max-width:1199px){
 .service_compare_table table tr td.case_head{
  text-indent: 0em;
  padding: 2.5vw 0.5vw;
 }
 .service_compare_table table tr td.case_head::before{
  content:"";
  margin-right: 0px;
 }
 .service_compare_table table tr td[colspan="5"].case_head::before{
  content:"¡Ø";
  margin-right: 10px;
 }
 .talk_banner_div{
  width:100%;
 }
 .talk_preview_area {
       width: 100%;
       margin-top: 15px;
 }
 .talk_preview_area .banner_type_card{
    width: 100%!important;
 }
}
.service_compare_table .case01,
.service_compare_table .case02,
.service_compare_table .case03,
.service_compare_table .case04{
 color: #a0a0a0;
}
.service_compare_table .case01{
    color: #0977ff;
    font-weight: 500;
    border-right: 1px dotted #0977ff;
    border-left: 1px dotted #0977ff;
}
.service_compare_table th.case01{
 color: #c5defd;
}
.service_compare_table .case02{}
.service_compare_table .case03{}
.service_compare_table .case04{}
.portfolio{
 width: 80%;
    margin: auto;
    display: block;
    float: initial;
}
.portfolio .item {
 display: block;
    width: 35vw;
    height: 23vw;
    background-size: 100% !important;
    background-position-x: -20px !important;
    background-position-y: -2vw !important;
    border-radius: 10px;
    margin: 1.2vw;
    /* position: fixed; */
    float: left;
}
@media (max-width:1199px){
  .portfolio{
 margin-top: 300px;
  }
  .portfolio .item {
    display: block;
    width: 80vw;
    height: 55vw;
    background-size: 100% !important;
    background-position-x: -20px !important;
    background-position-y: -3vw !important;
    border-radius: 10px;
    /* position: fixed; */
    float: initial;
    margin:auto;
    margin-bottom: 1.2vw;
  }
}
.portfolio .item:nth-child(1){display:none;background:url(../img/portfolio/portfolio_01.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(2){display:none;background:url(../img/portfolio/portfolio_02.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(3){display:none;background:url(../img/portfolio/portfolio_03.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(4){display:none;background:url(../img/portfolio/portfolio_04.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(5){background:url(../img/portfolio/portfolio_05.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(6){background:url(../img/portfolio/portfolio_06.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(7){background:url(../img/portfolio/portfolio_07.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(8){background:url(../img/portfolio/portfolio_08.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(9){display:none;background:url(../img/portfolio/portfolio_09.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(10){display:none;background:url(../img/portfolio/portfolio_10.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(11){background:url(../img/portfolio/portfolio_11.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(12){display:none;background:url(../img/portfolio/portfolio_12.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(13){background:url(../img/portfolio/portfolio_13.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(14){background:url(../img/portfolio/portfolio_14.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(15){background:url(../img/portfolio/portfolio_15.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(16){background:url(../img/portfolio/portfolio_16.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(17){background:url(../img/portfolio/portfolio_17.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(18){background:url(../img/portfolio/portfolio_18.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(19){background:url(../img/portfolio/portfolio_19.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(20){background:url(../img/portfolio/portfolio_20.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(21){background:url(../img/portfolio/portfolio_21.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(22){background:url(../img/portfolio/portfolio_22.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(23){background:url(../img/portfolio/portfolio_23.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(24){background:url(../img/portfolio/portfolio_24.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(25){background:url(../img/portfolio/portfolio_25.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(26){background:url(../img/portfolio/portfolio_26.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(27){background:url(../img/portfolio/portfolio_27.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(28){background:url(../img/portfolio/portfolio_28.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(29){background:url(../img/portfolio/portfolio_29.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(30){background:url(../img/portfolio/portfolio_30.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(31){background:url(../img/portfolio/portfolio_31.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(32){background:url(../img/portfolio/portfolio_32.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(33){background:url(../img/portfolio/portfolio_33.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(34){background:url(../img/portfolio/portfolio_34.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(35){background:url(../img/portfolio/portfolio_35.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(36){background:url(../img/portfolio/portfolio_36.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(37){background:url(../img/portfolio/portfolio_37.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(38){background:url(../img/portfolio/portfolio_38.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(39){background:url(../img/portfolio/portfolio_39.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(40){background:url(../img/portfolio/portfolio_40.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(41){background:url(../img/portfolio/portfolio_41.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(42){background:url(../img/portfolio/portfolio_42.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(43){background:url(../img/portfolio/portfolio_43.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(44){background:url(../img/portfolio/portfolio_44.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(45){background:url(../img/portfolio/portfolio_45.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(46){background:url(../img/portfolio/portfolio_46.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(47){background:url(../img/portfolio/portfolio_47.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(48){background:url(../img/portfolio/portfolio_48.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(49){background:url(../img/portfolio/portfolio_49.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(50){background:url(../img/portfolio/portfolio_50.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(51){background:url(../img/portfolio/portfolio_51.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(52){background:url(../img/portfolio/portfolio_52.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(53){background:url(../img/portfolio/portfolio_53.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(54){background:url(../img/portfolio/portfolio_54.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(55){background:url(../img/portfolio/portfolio_55.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(56){background:url(../img/portfolio/portfolio_56.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(57){background:url(../img/portfolio/portfolio_57.jpg) 0 0 no-repeat;}
.portfolio .item:nth-child(58){background:url(../img/portfolio/portfolio_58.jpg) 0 0 no-repeat;}
@media (max-width:1199px){
  .portfolio{display:none;}
}
.d-none {
  display:none;
}
.blur{
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  font-family: sans-serif;
  text-align: center;
  line-height: 1;
  -webkit-backdrop-filter: blur(5px);
  /*  max-width: 50%;
  max-height: 50%;*/
 // padding: 20px 40px;
  width:100%;
  height:100%;
  backdrop-filter: blur(5px);
  animation-duration: 0.3s;
  animation-name: slidein;
}
@keyframes slidein {
  from {    
    backdrop-filter: blur(0px);
  }
  to {    
    backdrop-filter: blur(5px);
  }
}
.mbanner101{
    text-align: center;
    margin: auto;
    width: 100%;
    padding: 1vw;
    background-color: #007AB1;
    height: 15vw;
    max-height: 300px;
    float: left;
}
.mbanner101 img{
   max-height:100%;
}
.pc_mode{display:block;}
.mobile_mode{display:none;}
@media (max-width:1199px){
 .pc_mode{display:none;}
 .mobile_mode{display:block;}
 .mbanner101{
   height:auto;
  }
 .mbanner101 img{
   max-width:90%;
 }
 
}
/*¸ÞÀÎ °Ô½ÃÆÇ ÃßÃâ*/
.outboard img{vertical-align:middle;}
.outboard{width:100%; overflow:hidden;}
.outboard h5{}
.outboard .board_output{    margin-bottom: 2em;}
.outboard .board_output .board_output_notice{}
.outboard .board_output .board_output_1_tr{}
.outboard .board_output .board_output_4_tr{}
.outboard .board_output .board_output_1_tr .bd_out1{
border-bottom: 1px solid #eee;
line-height: 1.7em;
/* text-indent: 0.5em; */
padding-left: 0.5em;
}
.outboard .board_output .board_output_4_tr .bd_out1{
border-bottom: 1px solid #eee;
line-height: 1.7em;
/* text-indent: 0.5em; */
padding-left: 0.5em;
}
.outboard .board_output .board_output_1_tr .bd_out1 a{}
.outboard .board_output .board_output_4_tr .bd_out1 a{}
/*½½¶óÀ̵å*/
.slidein10{animation-duration:1s;animation-name: slidein;animation-timing-function:ease-in-out;}
.slidein20{animation-duration:1s;animation-name: slidein;animation-timing-function:ease-in-out;}
.slidein30{animation-duration:1s;animation-name: slidein;animation-timing-function:ease-in-out;}
.slidein40{animation-duration:1s;animation-name: slidein;animation-timing-function:ease-in-out;}
.slidein50{animation-duration:1s;animation-name: slidein;animation-timing-function:ease-in-out;}
@keyframes slidein {
  from {
    margin-left: -10%;
    width: 100%;
    opacity:0;
  }
  to {
    margin-left: 10%;
    width: 100%;
    opacity:1.0;
    
  }
}
.textLineFadeIn
{
  opacity:0;
  /*margin-left:-50px;*/

}






@media (max-width:720px){
    #fixed_call_btn.active {
        opacity: 1;
        margin-right: 0;
    }
    #fixed_call_btn {
        opacity: 0;
        display: none;
        position: fixed;
        right: 15px;
        bottom: 20px;
        z-index: 100;
        width: 65px;
        height: 65px;
        margin-right: -10px;
        border-radius: 50%;
        font-size: 30px;
        text-align: center;
        line-height: 65px;
        color: #fff;
        background-color: #d49f48;
        box-shadow: 5px 5px 5px rgba(0,0,0,.2);
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    #fixed_call_btn {
        display: block;
    }
    #fixed_call_btn:before{
        content:"¢Ï";
        width:30px;
        height:30px;
         animation: pulse 0.5s infinite;
    }
    @keyframes pulse {
        0% {
            transform: scale(1) rotate(0deg);
        }
        25% {
            transform: scale(1.2) rotate(-10deg);
        }
        50% {
            transform: scale(1) rotate(0deg);
        }
        75% {
            transform: scale(1.2) rotate(10deg);
        }
        100% {
            transform: scale(1) rotate(0deg);
        }
    }

}
.hover-scale:hover img {

    transform: scale(1.05);
     overflow: hidden;

}