@charset "utf-8";

/* Reset */
* {box-sizing:border-box;}
html,body{width:100%;height:100%;padding:0px; margin:0px;}
body {font-size:12px;font-family:'NanumSquare',Helvetica,sans-serif;line-height:100%;color:#000;font-weight:400;letter-spacing:-0.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;line-height:100%;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}

button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}

/* float */
.f_left{float:left!important}
.f_right{float:right!important}
.clear{clear:both!important}

.float_right{position: fixed; right: 4vw; z-index: 1; top: 30vw;}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th {text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block;padding-bottom: 25px;}

@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareL'),
         url("../font/NanumSquareL.woff") format("woff"),
         url("../font/NanumSquareL.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareR'),
         url("../font/NanumSquareR.woff") format("woff"),
         url("../font/NanumSquareR.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareB'),
         url("../font/NanumSquareB.woff") format("woff"),
         url("../font/NanumSquareB.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareEB'),
         url("../font/NanumSquareEB.woff") format("woff"),
         url("../font/NanumSquareEB.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}


input[type="text"],input[type="tel"],input[type="number"],input[type="date"] {border-radius:0;-webkit-appearance:none;height:60px;width:100%;padding-left:20px;border:solid 1px #e0e0e0;line-height:58px;font-size:18px;letter-spacing:0;box-sizing:border-box;}
input[type="password"] { border-radius:0px; -webkit-appearance:none; }
input[type="tel"] { border-radius:0px; -webkit-appearance:none; }
input[type="radio"] {margin:-8px 20px 0 0;vertical-align:middle;}
input::-webkit-input-placeholder {color:#c2c2c2;font-weight:normal !important;line-height:58px; }
select {width:100%;height:35px;border:solid 1px #e0e0e0;font-size:14px;color:#999;line-height:35px;border-radius:0;}
select::-ms-expand {display:none;}
textarea {-webkit-appearance:none;padding:20px;width:100%;border:solid 1px #e0e0e0;font-size:14px;}
textarea::-webkit-input-placeholder {color:#cbcbcb;}

input[type=radio] {display:none;position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=radio] + label.rdo_label {padding-left:24px;height:18px;display:inline-block;line-height:18px;font-size:14px;color:#464646;vertical-align:middle;cursor:pointer;background:url("../images/icon_radio.png") 0 0 no-repeat;}
input[type=radio]:checked + label.rdo_label {background-position:0 -30px;}
input[type=checkbox] {display:none;position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=checkbox] + label.chk_label {display:inline-block;height:35px;padding-left:55px;background:url("../images/icon_checkbox.png") 0 0 no-repeat;font-size:18px;line-height:35px;vertical-align:middle;cursor:pointer;}
input[type=checkbox]:checked + label.chk_label {background-position:0 -50px;}


/*layout*/
#wrap {position:relative;width:100%;height:auto;min-width:720px;overflow-x:auto;}

.topVisual {height:538px;width:100%;background:url("../images/topVisual.png") center 0 no-repeat;background-size:cover;}
.topVisual .logo_vertical{padding-top: 72px;padding-left: 72px;}
.content {max-width:1000px;padding:75px 50px 0 50px;margin:0 auto;/*box-shadow:0 3px 10px rgba(0,0,0,0.4);*/}
.title {position:relative;left:190px;text-align:left;color:#4d148c;}
.title p {margin-bottom:20px;font-size:18px;color:#000;font-weight:900;}
.title p strong {font-size: 35px;font-weight:900;}
.title p strong span{color:#ff6200;}

.title .sub_title p {margin-bottom:0px;font-size:20px;color:#000;font-weight:900;}
.title .sub_title .box p:after {content: "";display: block;width: 510px;border-bottom: 1px solid #4d148c;margin: 10px 0px;}
.title .sub_title .box p:last-child::after {content: "";display: block;width: 440px;border-bottom: 1px solid #4d148c;margin: 10px 0px;}
/*.title .sub_title .box {background: url(../images/20x20.jpg) left 0 no-repeat;}*/
.title dt {font-size:45px;font-weight:900;}
.title dt span {display:inline-block;margin-right:9px;font-size:60px;letter-spacing:-10px;color:#ff6200;}
.title dd {margin-top:40px;font-size:22px;line-height:28px;font-weight:400;}
/*.title .box p {color:#4d148c;margin-left: 160px;}*/ 
.title .box p {color:#4d148c;}

p span{color:#ff6600;}

.infoTable {margin-top:85px;padding-bottom:56px;border-bottom:solid 2px #ccc;}
.infoTable > li {position:relative;padding:14px 0;font-size:20px;}
.infoTable > li:before {content:"";position:absolute;top:0;left:190px;height:1px;width:calc(100% - 190px);background-color:#cccccc;}
.infoTable > li label {position:absolute;top:17px;left:0;display:block;width:150px;height:45px;border-radius:22.5px;background-color:#666666;text-align:center;font-size:18px;color:#fff;line-height:45px;}
.infoTable > li > p {padding-left:190px;line-height:42px;}
.infoTable > li.benefit {padding:40px 0;}
.infoTable > li.benefit .benefitCont {margin-left:190px;}
.infoTable > li.benefit dl dt p{line-height:normal}
.infoTable > li.benefit dl dt, .infoTable li.benefit dl dd {float:left;}
.infoTable > li.benefit dl .box {/**width:270px;**/padding-top:140px;text-align:center;font-size:18px;font-weight:400;}
.infoTable > li.benefit dl .box strong {font-size:24px;font-weight:900;}
.infoTable > li.benefit dl .box strong strong {font-size:27px;vertical-align:middle;}
.infoTable > li.benefit dl .box span {font-size:16px;}
.infoTable > li.benefit dl dt {width:280px;}
.infoTable > li.benefit dl dt .box {background:url("../images/benefit_icon_v2_01.png") center 0 no-repeat;background-size:61px auto;}
.infoTable > li.benefit dl dd {padding-left:60px;border-left:dotted 2px #ccc;}
.infoTable > li.benefit dl dd .box {background:url("../images/benefit_icon_v2_02.png") center 0 no-repeat;background-size:62px auto;}

.infoTable > li.benefit dl.f-clear-2:before {    content: "";    position: absolute;    left: 190px;    height: 1px;    width: calc(100% - 190px);    background-color: #cccccc;}
.infoTable > li.benefit dl dt.third span{font-size:24px !important;}

.infoTable > li.benefit dl dt.third {margin: 0 auto;float: initial !important;padding-top: 25px;}
.infoTable > li.benefit dl dt.third .box {background:url("../images/benefit_icon_v2_03.png") center 0 no-repeat;background-size:151px auto;}

.infoTable > li.benefit dl dd .box p:nth-of-type(1) {margin-bottom:10px;}
.infoTable > li.benefit dl dd ul {margin-top:20px;}
.infoTable > li.benefit dl dd ul li {position:relative;padding-left:20px;font-size:16px;line-height:22px;font-weight:400;}
.infoTable > li.benefit dl dd ul li span {display:block;padding-left:65px;}
.infoTable > li.benefit dl dd ul li:before {content:"";position:absolute;top:8px;left:10px;width:4px;height:4px;background-color:#7f7f7f;border-radius:50%;}
.infoTable > li.benefit .benefitCont > p {margin-top:30px;font-size:16px;line-height:24px;color:#666;}

.infoTable > li.eventJoin label {width:170px;}
.infoTable > li.eventJoin {padding-top:75px;}
.infoTable > li.eventJoin .stepWrap {margin-left:190px;} 

.stepWrap {text-align:center;width:600px;}
.stepWrap h2 {font-size:24px;}
.stepWrap .step {margin-top:40px;}
.stepWrap .step li {position:relative;display:inline-block;margin:0 35px;vertical-align:top;}
.stepWrap .step li:first-child {margin-left:0;}
.stepWrap .step li:last-child {margin-right:0;}
.stepWrap .step li .rndBox {position:relative;width:150px;height:150px;border-radius:50%;background-color:#fff;border:solid 4px #ff6200;vertical-align:top;font-size:18px;background-repeat:no-repeat; }
.stepWrap .step li .rndBox strong {display:block;margin-bottom:5px;font-size:22px;font-weight:900;}
.stepWrap .step li:nth-of-type(2) .rndBox {border-width:4px;}
.stepWrap .step li:nth-of-type(3) .rndBox {border-width:0;background-color:#ff6200;color:#fff;font-size:24px;}
.stepWrap .step li:nth-of-type(3) .rndBox strong {font-weight:700;}
.stepWrap .step li .rndBox p {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);line-height:22px;}
.stepWrap .step li:nth-of-type(3) .rndBox p {top:82px;transform:translate(-50%,0);}
.stepWrap .step li:nth-of-type(3) .rndBox {background-image:url("../images/step_icon_03.png");background-position:center 26px;background-size:35px auto;}
.stepWrap .step li:before {content:"1";position:absolute;top:0;left:0;font-size:18px;font-weight:700;}
.stepWrap .step li:nth-of-type(2):before {content:"2";}
.stepWrap .step li:nth-of-type(3):before {content:"3";}
.stepWrap .step li+li:after {content:"";position:absolute;top:56px;left:-45px;display:block;width:18px;height:31px;background:url("../images/step_arrow.png") 0 center no-repeat;}

.buttonArea {margin-top:35px;text-align:center;}
.buttonArea .bt {display:inline-block;width:600px;height:80px;border-radius:40px;line-height:80px;font-size:24px;color:#fff;}
.buttonArea .bt.violet {background-color:#4d148c;}
.buttonArea .bt strong {border-bottom:solid 2px #fff;}

.fedexConsulting {padding:60px 0 0 0;}
.fedexConsulting .stepWrap {margin-left:190px;}
.fedexConsulting .stepWrap .step li .rndBox {border-color:#ff6200;}
.fedexConsulting .stepWrap .step li:nth-of-type(1) .rndBox {background-image:url("../images/step_icon_01.png");background-position:center 22px;background-size:37px auto;}
.fedexConsulting .stepWrap .step li:nth-of-type(1) .rndBox p {top:72px;transform:translate(-50%,0);}
.fedexConsulting .stepWrap .step li:nth-of-type(2) .rndBox {background-image:url("../images/step_icon_02.png");background-position:center 17px;background-size:47px auto;}
.fedexConsulting .stepWrap .step li:nth-of-type(2) .rndBox p {top:62px;transform:translate(-50%,0);}
.fedexConsulting .stepWrap .step li:nth-of-type(3) .rndBox {background-color:#ff6200;}
.fedexConsulting .stepWrap .buttonArea .bt {background-color:#4d148c;}
.fedexConsulting .stepWrap .buttonArea .bt span {display:inline-block;padding-right:40px;background:url("../images/button_arrow_open.png") right center no-repeat;}
.fedexConsulting .stepWrap .buttonArea .bt.open span {background-image:url("../images/button_arrow_open.png");}
.fedexConsulting .stepWrap .buttonArea .bt.close span {background-image:url("../images/button_arrow_close.png");}
.fedexConsulting fieldset {margin:50px 50px 0 50px;padding:20px 40px 35px 40px;background-color:#f7f7f7;border:solid 1px #ccc;}
.fedexConsulting fieldset .tableForm {padding-bottom:20px;border-bottom:solid 1px #b3b3b3;}
.fedexConsulting fieldset .tableForm table {width:100%;}
.fedexConsulting fieldset .tableForm table tbody th {padding:35px 0 0 20px;font-size:18px;font-weight:700;text-align:left;vertical-align:top;}
.fedexConsulting fieldset .tableForm table tbody td {padding:10px 0;}
.fedexConsulting fieldset .tableForm table tbody td p {margin-top:15px;font-size:16px;line-height:20px;font-weight:200;color: #4d148c;}
.fedexConsulting fieldset .tableForm table tbody td a.bt_juso {
    display: inline-block;
    height: 60px;
    width: 100px;
    font-size: 14px;
    text-align: center;
    line-height: 56px;
    border: solid 1px #e0e0e0;}

.fedexConsulting fieldset .agreeForm {margin-top:35px;}
.fedexConsulting fieldset .agreeForm li {position:relative;padding:0 0 20px 20px;}
.fedexConsulting fieldset .agreeForm li .bt_view {position:absolute;top:0;right:0;display:block;width:130px;height:35px;border-radius:17.5px;border:solid 1px #ff6200;text-align:center;font-size:16px;color:#ff6200;line-height:33px;}
.fedexConsulting fieldset .buttonArea {margin-top:20px;}
.fedexConsulting fieldset .buttonArea .bt.small {width:300px;height:70px;border-radius:35px;background-color:#aaaaaa;line-height:70px;}
.fedexConsulting .noti {margin-top:30px;font-size:16px;color:#666;text-align:center;}

.eventTerms {margin:50px -50px 0 -50px;padding:35px 50px;background-color:#4d148c;color:#fff;}
.eventTerms h3 {font-size:20px;font-weight:700;}
.eventTerms ul {margin-top:30px;}
.eventTerms ul li {position:relative;padding:3px 0 3px 20px;font-size:14px;font-weight:400;line-height:24px;color:rgba(255,255,255,0.6);}
.eventTerms ul li:before {content:"";position:absolute;top:13px;left:8px;width:3px;height:3px;border-radius:50%;background-color:#fff;}
.eventTerms ul li a {text-decoration:underline !important;}


.webinar_top {margin:45px -50px 0 -50px;}

.webinar {margin:0 -50px 0 -50px;}
.webinarMO {display:none;}

header {position:fixed;top:0;width:100%;height:75px;background-color:#4d148c;z-index:100;}
header .innerWrap {position:relative;max-width:1000px;margin:0 auto;}
header .innerWrap .logo {position:relative;display:block;width:143px;height:75px;margin-left:20px;}
header .innerWrap .logo img {display:block;margin:0;position:absolute;top:50%;transform:translateY(-50%);left:0;width:auto;height:auto;max-width:88px;max-height:60px;transition: .25s ease;}

.termsWrap {padding-top:75px;padding-bottom:0;color:#58595b;}
.termsWrap .copy {padding:50px 0 30px 0;font-size:22px;}
.termsWrap .policy {border-top:solid 1px #ccc;padding:30px 0 55px 0;}
.termsWrap .policy h5 {font-size:16px;font-weight:bold;margin-top:30px;line-height:1.1;margin-bottom:10px;font-weight:bold;}
.termsWrap .policy ol {margin:10px 25px 5px;}
.termsWrap .policy ol li {margin-bottom:10px;font-size:15px;line-height:26px;}
.termsWrap .policy ol li ol li, .termsWrap .policy ol li ol li ol li {font-size:14px;line-height:24px;}
.termsWrap .policy p {margin-top:30px;font-size:16px;}

.accountWrap {color:#777;}
.accountWrap article {padding:30px 0;border-top:solid 1px #ccc;}
.accountWrap .head {padding:50px 0 30px;border:0;}
.accountWrap .head h1 {margin-bottom:20px;font-size:24px;color:#4d148c;}
.accountWrap .head p {font-size:16px;}
.accountWrap .agreeForm h2 {margin-bottom:10px;font-size:18px;color:#4d148c;font-weight:bold;}
.accountWrap .agreeForm p {margin-bottom:20px;font-size:15px;line-height:20px;}
.accountWrap .agreeForm .nor_chk {display:inline-block;position:absolute;top:4px;left:0;width:auto;height:auto;margin:-1px 10px 0 0;overflow:visible;clip:auto;}
.accountWrap .agreeForm .nor_chk + label {font-size:14px;line-height:18px;}
.accountWrap .agreeForm ul li {position:relative;margin:7px 0;padding-left:25px;}
.accountWrap .agreeForm ul li.allChk .nor_chk + label {font-size:16px;line-height:1.1;color:#4d148c;font-weight:bold;}
.accountWrap .agreeForm ul li a {color:#007ab7;}
.accountWrap .fieldForm table {width:100%;}
.accountWrap .fieldForm table tbody td {padding:0 15px 25px 15px;}
.accountWrap .fieldForm table tbody td label.label {display:block;margin-bottom:10px;font-size:14px;}
.accountWrap .fieldForm table tbody td label.label.h2 {font-size:16px;color:#4d148c;font-weight:bold;}
.accountWrap .fieldForm table tbody td .field {height:35px;padding-left:10px;line-height:33px;font-size:14px;}
.accountWrap .fieldForm table tbody td select.field {height:35px;}
.accountWrap .fieldForm table tbody td .flexBox {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.accountWrap .fieldForm table tbody td .flexBox span {padding:0 5px;text-align:center;vertical-align:middle;line-height:35px;}
.accountWrap .fieldForm table tbody td .bt {display:inline-block;height:35px;width:100px;font-size:14px;text-align:center;line-height:35px;border:solid 1px #e0e0e0;}
.accountWrap .fieldForm li {padding:0 15px 25px 15px;}
.accountWrap .fieldForm li.half {float:left;width:50%;height:82px;}
.accountWrap .fieldForm li label.label {display:block;margin-bottom:10px;font-size:14px;}
.accountWrap .fieldForm li label.label.h2 {font-size:16px;line-height:22px;color:#4d148c;font-weight:bold;}
.accountWrap .fieldForm li label.label span {display:inline-block;margin-left:15px;font-size:12px;color:#4d148c;}
.accountWrap .fieldForm li .field {height:35px;padding-left:10px;line-height:33px;font-size:14px;}
.accountWrap .fieldForm li select.field {height:35px;}
.accountWrap .fieldForm li .flexBox {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.accountWrap .fieldForm li .flexBox span {padding:0 5px;text-align:center;vertical-align:middle;line-height:35px;}
.accountWrap .fieldForm li .bt {display:inline-block;height:35px;width:100px;font-size:14px;text-align:center;line-height:35px;border:solid 1px #e0e0e0;}
.accountWrap .nor_rdo {display:inline-block;position:relative;width:auto;height:auto;margin:-1px 10px 0 0;}
.accountWrap .nor_rdo + label {margin-right:15px;font-size:14px;}
.accountWrap .fieldForm p {font-size:14px;line-height:22px;}
.accountWrap .fieldForm .buttonArea {margin-top:40px;}
.accountWrap .fieldForm .buttonArea .bt {display:inline-block;width:150px;height:60px;font-size:18px;line-height:60px;background-color:#4d148c;}

footer {padding:30px 0;margin:0 -50px;background-color:#f2f2f2;text-align:center;font-size:13px;line-height:22px;color:#787878;} 

#popupWrap {display:none;width:500px;height:300px;padding:70px 30px 30px 30px;background-color:#fff;border-radius:10px;text-align:center;}
#popupWrap dl dt {font-size:30px;color:#4d148c;font-weight:900;}
#popupWrap dl dd {margin-top:20px;font-size:18px;color:#676767;}
#popupWrap .buttonArea {margin-top:30px;width:auto;border-top:solid 1px #e0e0e0;}
#popupWrap .buttonArea .bt {margin-top:30px;width:200px;height:60px;line-height:60px;}
#popupWrap.popComplete {height:auto;}
#popupWrap.popComplete dt {font-weight:400;line-height:38px;}
#popupWrap.popComplete dt strong {border-bottom:solid 2px #4d148c;}
#popupWrap.popComplete dd {font-size:16px;}


@media (max-width:920px) {
    .infoTable > li.eventJoin .stepWrap {margin:0 auto;}
    .fedexConsulting .stepWrap {margin:0 auto;}
    .infoTable > li.benefit dl dt, .infoTable > li.benefit dl dd {width:50%;padding-left:0;}
}
@charset "utf-8";

/* Reset */
* {box-sizing:border-box;}
html,body{width:100%;height:100%;padding:0px; margin:0px;}
body {font-size:12px;font-family:'NanumSquare',Helvetica,sans-serif;line-height:100%;color:#000;font-weight:400;letter-spacing:-0.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;line-height:100%;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}

button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}

/* float */
.f_left{float:left!important}
.f_right{float:right!important}
.clear{clear:both!important}

.float_right{position: fixed; right: 4vw; z-index: 1; top: 30vw;}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th {text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block;padding-bottom: 25px;}

@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareL'),
         url("../font/NanumSquareL.woff") format("woff"),
         url("../font/NanumSquareL.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareR'),
         url("../font/NanumSquareR.woff") format("woff"),
         url("../font/NanumSquareR.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareB'),
         url("../font/NanumSquareB.woff") format("woff"),
         url("../font/NanumSquareB.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "NanumSquare";
    src: local('NanumSquareEB'),
         url("../font/NanumSquareEB.woff") format("woff"),
         url("../font/NanumSquareEB.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}


input[type="text"],input[type="tel"],input[type="number"],input[type="date"] {border-radius:0;-webkit-appearance:none;height:60px;width:100%;padding-left:20px;border:solid 1px #e0e0e0;line-height:58px;font-size:18px;letter-spacing:0;box-sizing:border-box;}
input[type="password"] { border-radius:0px; -webkit-appearance:none; }
input[type="tel"] { border-radius:0px; -webkit-appearance:none; }
input[type="radio"] {margin:-8px 20px 0 0;vertical-align:middle;}
input::-webkit-input-placeholder {color:#c2c2c2;font-weight:normal !important;line-height:58px; }
select {width:100%;height:35px;border:solid 1px #e0e0e0;font-size:14px;color:#999;line-height:35px;border-radius:0;}
select::-ms-expand {display:none;}
textarea {-webkit-appearance:none;padding:20px;width:100%;border:solid 1px #e0e0e0;font-size:14px;}
textarea::-webkit-input-placeholder {color:#cbcbcb;}

input[type=radio] {display:none;position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=radio] + label.rdo_label {padding-left:24px;height:18px;display:inline-block;line-height:18px;font-size:14px;color:#464646;vertical-align:middle;cursor:pointer;background:url("../images/icon_radio.png") 0 0 no-repeat;}
input[type=radio]:checked + label.rdo_label {background-position:0 -30px;}
input[type=checkbox] {display:none;position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=checkbox] + label.chk_label {display:inline-block;height:35px;padding-left:55px;background:url("../images/icon_checkbox.png") 0 0 no-repeat;font-size:18px;line-height:35px;vertical-align:middle;cursor:pointer;}
input[type=checkbox]:checked + label.chk_label {background-position:0 -50px;}


/*layout*/
#wrap {position:relative;width:100%;height:auto;min-width:720px;overflow-x:auto;}

.topVisual {height:538px;width:100%;background:url("../images/topVisual.png") center 0 no-repeat;background-size:cover;}
.topVisual .logo_vertical{padding-top: 72px;padding-left: 72px;}
.content {max-width:1000px;padding:75px 50px 0 50px;margin:0 auto;/*box-shadow:0 3px 10px rgba(0,0,0,0.4);*/}
.title {position:relative;left:190px;text-align:left;color:#4d148c;}
.title p {margin-bottom:20px;font-size:18px;color:#000;font-weight:900;}
.title p strong {font-size: 35px;font-weight:900;}
.title p strong span{color:#ff6200;}

.title .sub_title p {margin-bottom:0px;font-size:20px;color:#000;font-weight:900;}
.title .sub_title .box p:after {content: "";display: block;width: 510px;border-bottom: 1px solid #4d148c;margin: 10px 0px;}
/*.title .sub_title .box {background: url(../images/20x20.jpg) left 0 no-repeat;}*/
.title dt {font-size:45px;font-weight:900;}
.title dt span {display:inline-block;margin-right:9px;font-size:60px;letter-spacing:-10px;color:#ff6200;}
.title dd {margin-top:40px;font-size:22px;line-height:28px;font-weight:400;}
/*.title .box p {color:#4d148c;margin-left: 160px;}*/ 
.title .box p {color:#4d148c;}

p span{color:#ff6600;}

.infoTable {margin-top:85px;padding-bottom:56px;border-bottom:solid 2px #ccc;}
.infoTable > li {position:relative;padding:14px 0;font-size:20px;}
.infoTable > li:before {content:"";position:absolute;top:0;left:190px;height:1px;width:calc(100% - 190px);background-color:#cccccc;}
.infoTable > li label {position:absolute;top:17px;left:0;display:block;width:150px;height:45px;border-radius:22.5px;background-color:#666666;text-align:center;font-size:18px;color:#fff;line-height:45px;}
.infoTable > li > p {padding-left:190px;line-height:42px;}
.infoTable > li.benefit {padding:40px 0;}
.infoTable > li.benefit .benefitCont {margin-left:190px;}
.infoTable > li.benefit dl dt p{line-height:normal}
.infoTable > li.benefit dl dt, .infoTable li.benefit dl dd {float:left;}
.infoTable > li.benefit dl .box {/**width:270px;**/padding-top:140px;text-align:center;font-size:18px;font-weight:400;}
.infoTable > li.benefit dl .box strong {font-size:24px;font-weight:900;}
.infoTable > li.benefit dl .box strong strong {font-size:27px;vertical-align:middle;}
.infoTable > li.benefit dl .box span {font-size:16px;}
.infoTable > li.benefit dl dt {width:280px;}
.infoTable > li.benefit dl dt .box {background:url("../images/benefit_icon_v2_01.png") center 0 no-repeat;background-size:61px auto;}
.infoTable > li.benefit dl dd {padding-left:60px;border-left:dotted 2px #ccc;}
.infoTable > li.benefit dl dd .box {background:url("../images/benefit_icon_v2_02.png") center 0 no-repeat;background-size:62px auto;}

.infoTable > li.benefit dl.f-clear-2:before {    content: "";    position: absolute;    left: 190px;    height: 1px;    width: calc(100% - 190px);    background-color: #cccccc;}
.infoTable > li.benefit dl dt.third span{font-size:24px !important;font-weight: 900;}

.infoTable > li.benefit dl dt.third {margin: 0 auto;float: initial !important;padding-top: 25px;}
.infoTable > li.benefit dl dt.third .box {background:url("../images/benefit_icon_v2_03.png") center 0 no-repeat;background-size:151px auto;}

.infoTable > li.benefit dl dd .box p:nth-of-type(1) {margin-bottom:10px;}
.infoTable > li.benefit dl dd ul {margin-top:20px;}
.infoTable > li.benefit dl dd ul li {position:relative;padding-left:20px;font-size:16px;line-height:22px;font-weight:400;}
.infoTable > li.benefit dl dd ul li span {display:block;padding-left:65px;}
.infoTable > li.benefit dl dd ul li:before {content:"";position:absolute;top:8px;left:10px;width:4px;height:4px;background-color:#7f7f7f;border-radius:50%;}
.infoTable > li.benefit .benefitCont > p {margin-top:30px;font-size:16px;line-height:24px;color:#666;}

.infoTable > li.eventJoin label {width:170px;}
.infoTable > li.eventJoin {padding-top:75px;}
.infoTable > li.eventJoin .stepWrap {margin-left:190px;} 

.stepWrap {text-align:center;width:600px;}
.stepWrap h2 {font-size:24px;}
.stepWrap .step {margin-top:40px;}
.stepWrap .step li {position:relative;display:inline-block;margin:0 35px;vertical-align:top;}
.stepWrap .step li:first-child {margin-left:0;}
.stepWrap .step li:last-child {margin-right:0;}
.stepWrap .step li .rndBox {position:relative;width:150px;height:150px;border-radius:50%;background-color:#fff;border:solid 4px #ff6200;vertical-align:top;font-size:18px;background-repeat:no-repeat; }
.stepWrap .step li .rndBox strong {display:block;margin-bottom:5px;font-size:22px;font-weight:900;}
.stepWrap .step li:nth-of-type(2) .rndBox {border-width:4px;}
.stepWrap .step li:nth-of-type(3) .rndBox {border-width:0;background-color:#ff6200;color:#fff;font-size:24px;}
.stepWrap .step li:nth-of-type(3) .rndBox strong {font-weight:700;}
.stepWrap .step li .rndBox p {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);line-height:22px;}
.stepWrap .step li:nth-of-type(3) .rndBox p {top:82px;transform:translate(-50%,0);}
.stepWrap .step li:nth-of-type(3) .rndBox {background-image:url("../images/step_icon_03.png");background-position:center 26px;background-size:35px auto;}
.stepWrap .step li:before {content:"1";position:absolute;top:0;left:0;font-size:18px;font-weight:700;}
.stepWrap .step li:nth-of-type(2):before {content:"2";}
.stepWrap .step li:nth-of-type(3):before {content:"3";}
.stepWrap .step li+li:after {content:"";position:absolute;top:56px;left:-45px;display:block;width:18px;height:31px;background:url("../images/step_arrow.png") 0 center no-repeat;}

.buttonArea {margin-top:35px;text-align:center;}
.buttonArea .bt {display:inline-block;width:600px;height:80px;border-radius:40px;line-height:80px;font-size:24px;color:#fff;}
.buttonArea .bt.violet {background-color:#4d148c;}
.buttonArea .bt strong {border-bottom:solid 2px #fff;}

.fedexConsulting {padding:60px 0 0 0;}
.fedexConsulting .stepWrap {margin-left:190px;}
.fedexConsulting .stepWrap .step li .rndBox {border-color:#ff6200;}
.fedexConsulting .stepWrap .step li:nth-of-type(1) .rndBox {background-image:url("../images/step_icon_01.png");background-position:center 22px;background-size:37px auto;}
.fedexConsulting .stepWrap .step li:nth-of-type(1) .rndBox p {top:72px;transform:translate(-50%,0);}
.fedexConsulting .stepWrap .step li:nth-of-type(2) .rndBox {background-image:url("../images/step_icon_02.png");background-position:center 17px;background-size:47px auto;}
.fedexConsulting .stepWrap .step li:nth-of-type(2) .rndBox p {top:62px;transform:translate(-50%,0);}
.fedexConsulting .stepWrap .step li:nth-of-type(3) .rndBox {background-color:#ff6200;}
.fedexConsulting .stepWrap .buttonArea .bt {background-color:#4d148c;}
.fedexConsulting .stepWrap .buttonArea .bt span {display:inline-block;padding-right:40px;background:url("../images/button_arrow_open.png") right center no-repeat;}
.fedexConsulting .stepWrap .buttonArea .bt.open span {background-image:url("../images/button_arrow_open.png");}
.fedexConsulting .stepWrap .buttonArea .bt.close span {background-image:url("../images/button_arrow_close.png");}
.fedexConsulting fieldset {margin:50px 50px 0 50px;padding:20px 40px 35px 40px;background-color:#f7f7f7;border:solid 1px #ccc;}
.fedexConsulting fieldset .tableForm {padding-bottom:20px;border-bottom:solid 1px #b3b3b3;}
.fedexConsulting fieldset .tableForm table {width:100%;}
.fedexConsulting fieldset .tableForm table tbody th {padding:35px 0 0 20px;font-size:18px;font-weight:700;text-align:left;vertical-align:top;}
.fedexConsulting fieldset .tableForm table tbody td {padding:10px 0;}
.fedexConsulting fieldset .tableForm table tbody td p {margin-top:15px;font-size:16px;line-height:20px;font-weight:200;color: #4d148c;}
.fedexConsulting fieldset .tableForm table tbody td a.bt_juso {
    display: inline-block;
    height: 60px;
    width: 100px;
    font-size: 14px;
    text-align: center;
    line-height: 56px;
    border: solid 1px #e0e0e0;}

.fedexConsulting fieldset .agreeForm {margin-top:35px;}
.fedexConsulting fieldset .agreeForm li {position:relative;padding:0 0 20px 20px;}
.fedexConsulting fieldset .agreeForm li .bt_view {position:absolute;top:0;right:0;display:block;width:130px;height:35px;border-radius:17.5px;border:solid 1px #ff6200;text-align:center;font-size:16px;color:#ff6200;line-height:33px;}
.fedexConsulting fieldset .buttonArea {margin-top:20px;}
.fedexConsulting fieldset .buttonArea .bt.small {width:300px;height:70px;border-radius:35px;background-color:#aaaaaa;line-height:70px;}
.fedexConsulting .noti {margin-top:30px;font-size:16px;color:#666;text-align:center;}

.eventTerms {margin:50px -50px 0 -50px;padding:35px 50px;background-color:#4d148c;color:#fff;}
.eventTerms h3 {font-size:20px;font-weight:700;}
.eventTerms ul {margin-top:30px;}
.eventTerms ul li {position:relative;padding:3px 0 3px 20px;font-size:14px;font-weight:400;line-height:24px;color:rgba(255,255,255,0.6);}
.eventTerms ul li:before {content:"";position:absolute;top:13px;left:8px;width:3px;height:3px;border-radius:50%;background-color:#fff;}
.eventTerms ul li a {text-decoration:underline !important;}


.webinar_top {margin:45px -50px 0 -50px;}

.webinar {margin:0 -50px 0 -50px;}
.webinarMO {display:none;}

header {position:fixed;top:0;width:100%;height:75px;background-color:#4d148c;z-index:100;}
header .innerWrap {position:relative;max-width:1000px;margin:0 auto;}
header .innerWrap .logo {position:relative;display:block;width:143px;height:75px;margin-left:20px;}
header .innerWrap .logo img {display:block;margin:0;position:absolute;top:50%;transform:translateY(-50%);left:0;width:auto;height:auto;max-width:88px;max-height:60px;transition: .25s ease;}

.termsWrap {padding-top:75px;padding-bottom:0;color:#58595b;}
.termsWrap .copy {padding:50px 0 30px 0;font-size:22px;}
.termsWrap .policy {border-top:solid 1px #ccc;padding:30px 0 55px 0;}
.termsWrap .policy h5 {font-size:16px;font-weight:bold;margin-top:30px;line-height:1.1;margin-bottom:10px;font-weight:bold;}
.termsWrap .policy ol {margin:10px 25px 5px;}
.termsWrap .policy ol li {margin-bottom:10px;font-size:15px;line-height:26px;}
.termsWrap .policy ol li ol li, .termsWrap .policy ol li ol li ol li {font-size:14px;line-height:24px;}
.termsWrap .policy p {margin-top:30px;font-size:16px;}

.accountWrap {color:#777;}
.accountWrap article {padding:30px 0;border-top:solid 1px #ccc;}
.accountWrap .head {padding:50px 0 30px;border:0;}
.accountWrap .head h1 {margin-bottom:20px;font-size:24px;color:#4d148c;}
.accountWrap .head p {font-size:16px;}
.accountWrap .agreeForm h2 {margin-bottom:10px;font-size:18px;color:#4d148c;font-weight:bold;}
.accountWrap .agreeForm p {margin-bottom:20px;font-size:15px;line-height:20px;}
.accountWrap .agreeForm .nor_chk {display:inline-block;position:absolute;top:4px;left:0;width:auto;height:auto;margin:-1px 10px 0 0;overflow:visible;clip:auto;}
.accountWrap .agreeForm .nor_chk + label {font-size:14px;line-height:18px;}
.accountWrap .agreeForm ul li {position:relative;margin:7px 0;padding-left:25px;}
.accountWrap .agreeForm ul li.allChk .nor_chk + label {font-size:16px;line-height:1.1;color:#4d148c;font-weight:bold;}
.accountWrap .agreeForm ul li a {color:#007ab7;}
.accountWrap .fieldForm table {width:100%;}
.accountWrap .fieldForm table tbody td {padding:0 15px 25px 15px;}
.accountWrap .fieldForm table tbody td label.label {display:block;margin-bottom:10px;font-size:14px;}
.accountWrap .fieldForm table tbody td label.label.h2 {font-size:16px;color:#4d148c;font-weight:bold;}
.accountWrap .fieldForm table tbody td .field {height:35px;padding-left:10px;line-height:33px;font-size:14px;}
.accountWrap .fieldForm table tbody td select.field {height:35px;}
.accountWrap .fieldForm table tbody td .flexBox {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.accountWrap .fieldForm table tbody td .flexBox span {padding:0 5px;text-align:center;vertical-align:middle;line-height:35px;}
.accountWrap .fieldForm table tbody td .bt {display:inline-block;height:35px;width:100px;font-size:14px;text-align:center;line-height:35px;border:solid 1px #e0e0e0;}
.accountWrap .fieldForm li {padding:0 15px 25px 15px;}
.accountWrap .fieldForm li.half {float:left;width:50%;height:82px;}
.accountWrap .fieldForm li label.label {display:block;margin-bottom:10px;font-size:14px;}
.accountWrap .fieldForm li label.label.h2 {font-size:16px;line-height:22px;color:#4d148c;font-weight:bold;}
.accountWrap .fieldForm li label.label span {display:inline-block;margin-left:15px;font-size:12px;color:#4d148c;}
.accountWrap .fieldForm li .field {height:35px;padding-left:10px;line-height:33px;font-size:14px;}
.accountWrap .fieldForm li select.field {height:35px;}
.accountWrap .fieldForm li .flexBox {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.accountWrap .fieldForm li .flexBox span {padding:0 5px;text-align:center;vertical-align:middle;line-height:35px;}
.accountWrap .fieldForm li .bt {display:inline-block;height:35px;width:100px;font-size:14px;text-align:center;line-height:35px;border:solid 1px #e0e0e0;}
.accountWrap .nor_rdo {display:inline-block;position:relative;width:auto;height:auto;margin:-1px 10px 0 0;}
.accountWrap .nor_rdo + label {margin-right:15px;font-size:14px;}
.accountWrap .fieldForm p {font-size:14px;line-height:22px;}
.accountWrap .fieldForm .buttonArea {margin-top:40px;}
.accountWrap .fieldForm .buttonArea .bt {display:inline-block;width:150px;height:60px;font-size:18px;line-height:60px;background-color:#4d148c;}

footer {padding:30px 0;margin:0 -50px;background-color:#f2f2f2;text-align:center;font-size:13px;line-height:22px;color:#787878;} 

#popupWrap {display:none;width:500px;height:300px;padding:70px 30px 30px 30px;background-color:#fff;border-radius:10px;text-align:center;}
#popupWrap dl dt {font-size:30px;color:#4d148c;font-weight:900;}
#popupWrap dl dd {margin-top:20px;font-size:18px;color:#676767;}
#popupWrap .buttonArea {margin-top:30px;width:auto;border-top:solid 1px #e0e0e0;}
#popupWrap .buttonArea .bt {margin-top:30px;width:200px;height:60px;line-height:60px;}
#popupWrap.popComplete {height:auto;}
#popupWrap.popComplete dt {font-weight:400;line-height:38px;}
#popupWrap.popComplete dt strong {border-bottom:solid 2px #4d148c;}
#popupWrap.popComplete dd {font-size:16px;}


@media (max-width:920px) {
    .infoTable > li.eventJoin .stepWrap {margin:0 auto;}
    .fedexConsulting .stepWrap {margin:0 auto;}
    .infoTable > li.benefit dl dt, .infoTable > li.benefit dl dd {width:50%;padding-left:0;}
}

@media (max-width:855px) {
    .infoTable > li.benefit dl .box {width:100%;}
    .infoTable > li.benefit dl dt {width:45%;}
    .infoTable > li.benefit dl dd {padding-left:30px;width:55%;}
    .topVisual {background-position:left 90% top 0;}
    
}

@media (max-width:767px) {
    .content {padding:75px 30px 0 30px;}
    .accountWrap .fieldForm li.half {width:100%;float:none;}
    .accountWrap .fieldForm li.half.blank {height:0;display:none;}
    .buttonArea .bt {width:100%;}
    .fedexConsulting fieldset {margin:50px 0 0 0;}
    .eventTerms {margin:25px -25px 0 -25px;padding:35px 25px;}
    .infoTable > li > p {padding-left:180px;}
    .infoTable > li.benefit .benefitCont {margin-left:170px;}
    .infoTable > li:before {left:170px;width:calc(100% - 170px);}
    .infoTable > li:nth-of-type(4):before {left:0;width:100%;}

    .infoTable > li.benefit {padding-top:95px;}
    .infoTable > li.benefit .benefitCont {margin-left:0;}
    .infoTable > li.benefit dl dd ul {margin-left:40px;}
    .title {left: 14%;}
    .float_right{right: 0vw; z-index: 1; position: fixed; top: 100vw;}
    .webinarPC {display:none;}
    .webinarMO {display:inline; padding: 0px 25px 0 25px; width: 100%;}
}


#A_ZIPCODE {
	width:30%
}


@media (max-width:855px) {
    .infoTable > li.benefit dl .box {width:100%;}
    .infoTable > li.benefit dl dt {width:45%;}
    .infoTable > li.benefit dl dd {padding-left:30px;width:55%;}
    .topVisual {background-position:left 90% top 0;}
    
}

@media (max-width:767px) {
    .content {padding:75px 30px 0 30px;}
    .accountWrap .fieldForm li.half {width:100%;float:none;}
    .accountWrap .fieldForm li.half.blank {height:0;display:none;}
    .buttonArea .bt {width:100%;}
    .fedexConsulting fieldset {margin:50px 0 0 0;}
    .eventTerms {margin:25px -25px 0 -25px;padding:35px 25px;}
    .infoTable > li > p {padding-left:180px;}
    .infoTable > li.benefit .benefitCont {margin-left:170px;}
    .infoTable > li:before {left:170px;width:calc(100% - 170px);}
    .infoTable > li:nth-of-type(4):before {left:0;width:100%;}

    .infoTable > li.benefit {padding-top:95px;}
    .infoTable > li.benefit .benefitCont {margin-left:0;}
    .infoTable > li.benefit dl dd ul {margin-left:40px;}
    .title {left: 14%;}
    .float_right{right: 0vw; z-index: 1; position: fixed; top: 100vw;}
    .webinarPC {display:none;}
    .webinarMO {display:inline; padding: 0px 25px 0 25px; width: 100%;}
}


#A_ZIPCODE {
	width:30%
}