@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/*
@font-face {
	font-family: 'OneMobileTitle';
	font-weight: 400;
	src: local('ONE-Mobile-Title'),
	url('../font/ONE-Mobile-Title.woff2') format('woff2'),
	url('../font/ONE-Mobile-Title.woff') format('woff'),
	url('../font/ONE-Mobile-Title.ttf') format('truetype');
}
*/

/* Common */
* {-webkit-text-size-adjust:none; box-sizing:border-box; }
html, body { width:100%; padding:0px; margin:0px; position:relative; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{ margin:0; padding:0; line-height:1.4; word-break:keep-all; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,button,select { -webkit-touch-callout: none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; }
body,input,textarea,select,button,table{ font-family:"Noto Sans KR", sans-serif; font-size:12px; color:#000; font-weight:400; }
body{ word-break:break-all; }
img,fieldset,iframe{ border:0 }
img{ max-width:100%; vertical-align:top }
li{ list-style:none }
em,address{ font-style:normal }
input,select,button{ vertical-align:middle; outline:none; }
button { cursor:pointer; border:none; }

/* Common Add */
a { color:#000; text-decoration:none; }
a:hover,
a:link,
a:visited { text-decoration:none;}
caption,legend,.blind{ visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left } 
caption{ position:static }
input { border-radius:0px; }
input[type="text"],
input[type="password"] { height:40px;padding:0 7px; border:1px solid #c7c7c7; color:#000;line-height:38px; font-size:24px; }
input[type="text"].readonly{ border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4 }
select:focus { border:1px solid #00a2e2;background:#edf6fb;color:#000 }
input[type="radio"]{*width:13px;*height:13px}
select{ height:24px;*margin-top:5px;padding:0 0 0 20px; border:1px solid #cccccc; line-height:1.2em;color:#000 }
textarea{ width:100%; height:2em; padding:10px;border:1px solid #cfcfcf;line-height:1.5em; font-size:24px; outline:none; vertical-align:middle; resize:none; }
table{ border-collapse:collapse; border-spacing:0;line-height:1.5em }
hr{display:none}
input[type="button"] { border:none; }
sup { line-height:1; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
.hide { width:1px; height:1px; overflow:hidden; text-indent:-1000px; visibility:hidden;}

body.page--login { background:#f6f6f7; }

.c-red { color:#ff5151 !important; }
.c-black { color:#000 !important; }

.ta-l { text-align:left !important; }
.ta-c { text-align:center !important; }
.ta-r { text-align:right !important; }

.inner { width:1280px; margin:0 auto; position:relative; }
.inner:after { content:''; display:block; clear:both; visibility:visible; }

.sp-icon { height:28px; display:inline-block; margin-top:-4px; padding:0 8px; background:#1f62d4; color:#fff; vertical-align:middle; font-size:14px; font-weight:400; line-height:28px; }
.sp-icon.size-lg { height:36px; padding:0 10px; font-size:20px; line-height:36px; }
.sp-icon.dis { background:#bfbfbf; }

.sp-txt { color:#555bc4; font-size:40px; font-weight:400; }

.btnStudy { height:36px; display:inline-block; padding:0 12px 0 34px; border-radius:4px; background-color:#2086eb; background-image:url('../../images/iconStudy.png'); background-position:12px center; background-repeat:no-repeat; color:#fff; font-family:"OneMobileTitle"; font-size:16px; line-height:36px; letter-spacing:-0.05em; }
.btnStudy.type--enter { background-image:url('../../images/iconEnter.png'); background-position:10px center; background-color:#a658db; }
.btnStudy.type--cert { padding:0 12px 0 14px; background-image:none; background-color:#3cbfa5; }
.btnStudy.type--app { background-image:url('../../images/iconApp.png'); background-position:11px center; background-color:#ff594e; }
.btnStudy.dis { background-color:#bfbfbf; }

.btnPrev { width:124px; height:40px; display:inline-block; border-radius:4px; background:#818181; font-size:18px; color:#fff; vertical-align:middle; line-height:40px; }

.btnBottom { height:50px; padding:0 22px; display:inline-block; border-radius:4px; background:#458fe2; vertical-align:middle; color:#fff; font-size:18px; font-family:"OneMobileTitle"; line-height:50px; }
.btnBottom.type--submit { padding:0 18px 0 46px; background:url('../../images/iconSubmit.png') 14px center no-repeat #ff594f; }

#wrap { position:relative; padding-top:80px; }

#header { width:100%; height:80px; position:fixed; left:0; top:0; background:#fff; box-shadow:0 5px 8px rgba(0,0,0,.18); z-index:10; }
#header h1 { width:250px; height:20px; float:left; margin-top:30px; background:url('../../images/logo.png') center center no-repeat; font-size:0; text-indent:-99999px; }
#header h1 a { height:20px; display:block; }
#header .info { margin-top:20px; float:right; }
#header .info a.linkClass { width:135px; height:40px; float:left; border-radius:20px; background: rgb(3,140,236); background: linear-gradient(117deg, rgba(3,140,236,1) 0%, rgba(25,159,250,1) 100%); text-align:center; color:#fff; font-size:16px; font-weight:300; line-height:40px; }
#header .info .mypage { float:left; margin-left:20px; }
#header .info .mypage li { float:left; padding:0 5px; line-height:40px; font-size:16px; color:#000; }
#header .info .mypage li+li { margin-left:12px; }
#header .info .mypage li a { display:block; line-height:40px; font-size:16px; color:#000; }

#gnb { float:left; margin-left:150px; }
#gnb>ul>li { float:left; position:relative; }
#gnb>ul>li>a { display:block; padding:0 23px; line-height:80px; font-size:20px; font-weight:500; color:#000; }
#gnb>ul>li.active>a,
#gnb>ul>li>a:hover { color:#0078e5; }
#gnb>ul>li:hover .depth2 { display:block; }
#gnb .depth2 { display:none; padding:18px 16px 12px; position:absolute; left:50%; top:68px; border-radius:7px; overflow:hidden; background:#fff; box-shadow:0 5px 20px rgba(26, 90, 150, 0.3); transform:translateX(-50%); }
#gnb .depth2:before { content:''; width:100%; height:5px; position:absolute; left:0; top:0; background:#0078e5; }
#gnb .depth2 li a { display:block; line-height:30px; color:#5b5a5a; font-size:17px; white-space:nowrap; }
#gnb .depth2 li a.active,
#gnb .depth2 li a:hover { color:#0078e5; }

.boxLogin { width:574px; padding:40px 80px 56px; margin:140px auto; background:#fff; border-radius:10px; box-shadow:0 0 12px rgba(0,0,0,0.07); }
.boxLogin .title { margin-bottom:30px; font-size:30px; font-weight:500; color:#343434; text-align:center; }
.boxLogin .inputGroup input[type="text"],
.boxLogin .inputGroup input[type="password"] { width:100%; height:60px; padding:0 15px; border-radius:10px; border:1px solid #cbcbcb; font-size:16px; }
.boxLogin .inputGroup input[type="password"] { margin-top:20px; }
.boxLogin .inputGroup input[type="text"]::placeholder,
.boxLogin .inputGroup input[type="password"]::placeholder { color:#929292; }
.boxLogin .inputGroup .option { margin-top:20px; overflow:hidden; }
.boxLogin .inputGroup .option .check { float:left; }
.boxLogin .inputGroup .option .check label { line-height:30px; font-size:16px; color:#58575c; }
.boxLogin .inputGroup .option .find { float:right; }
.boxLogin .inputGroup .option .find a { float:left; position:relative; line-height:30px; font-size:16px; color:#58575c; }
.boxLogin .inputGroup .option .find a+a { margin-left:6px; padding-left:6px; }
.boxLogin .inputGroup .option .find a+a:before { content:''; width:1px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background:#908f92; }
.boxLogin .btn { margin-top:25px; }
.boxLogin .btn a { height:55px; display:block; background:#0050ab; border-radius:5px; text-align:center; line-height:55px; color:#fff; font-size:16px; }
.boxLogin .btn a+a { margin-top:25px; }
.boxLogin .btn a.join { border:1px solid #0050ab; background:#fff; line-height:53px; color:#000; }

.boxFind { width:674px; margin:50px auto; padding:40px; background:#fff; border-radius:10px; box-shadow:0 0 12px rgba(0,0,0,0.07); text-align:center; }
.boxFind input[type="text"] { width:414px; height:60px; margin-top:10px; padding:0 15px; border:1px solid #cbcbcb; border-radius:8px; font-size:16px; }
.boxFind .btnArea { width:414px; margin:26px auto; }
.boxFind .btnArea a { height:55px; display:block; background:#0050ab; border-radius:5px; text-align:center; line-height:55px; color:#fff; font-size:16px; font-weight:500; }
.boxFind p { margin-bottom:20px; font-size:20px; color:#343434; line-height:30px; }
.boxFind p.desc { margin-bottom:0; font-size:16px; font-weight:100; line-height:22px; }
.boxFind p span { color:#0050ab; }

.boxFind .certifyGroup { margin:30px 0; }
.boxFind .certifyGroup .item { width:230px; height:240px; display:inline-block; padding-top:28px; box-shadow:0 0 25px rgba(14, 35, 52, 0.1); border:1px solid #e6e6e6; background:#fff; }
.boxFind .certifyGroup .item+.item { margin-left:64px; }
.boxFind .certifyGroup .title { margin-bottom:18px; font-size:20px; font-weight:500; color:#000; }
.boxFind .certifyGroup .btnCertify { width:146px; height:46px; display:block; margin:25px auto 0; border:1px solid #0050ab; border-radius:5px; background:#fff; color:#0050ab; font-size:18px; text-align:center; line-height:44px; font-weight:500; }

.boxJoin { width:1200px; margin:0 auto; padding:50px 30px; }
.boxJoin .topTitle { padding-bottom:25px; position:relative; text-align:center; font-size:30px; color:#0050ab; font-weight:600; }
.boxJoin .topTitle:after { content:''; width:26px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-13px; background:#6445e8; }
.boxJoin .topStep { margin-top:40px; text-align:center; }
.boxJoin .topStep ul { display:inline-block; overflow:hidden; }
.boxJoin .topStep ul li { width:110px; position:relative; float:left; padding-top:56px; background-repeat:no-repeat; background-position:center top; font-size:18px; color:#000; }
.boxJoin .topStep ul li+li { margin-left:70px; }
.boxJoin .topStep ul li+li:before { content:''; width:49px; height:15px; position:absolute; left:-60px; top:20px; background:url('../../images/bgStepArrow.png') center center no-repeat; }
.boxJoin .topStep ul li.step1 { background-image:url('../../images/iconJoinStep1.png'); }
.boxJoin .topStep ul li.step1.current { background-image:url('../../images/iconJoinStep1_on.png'); }
.boxJoin .topStep ul li.step2 { background-image:url('../../images/iconJoinStep2.png'); }
.boxJoin .topStep ul li.step2.current { background-image:url('../../images/iconJoinStep2_on.png'); }
.boxJoin .topStep ul li.step3 { background-image:url('../../images/iconJoinStep3.png'); }
.boxJoin .topStep ul li.step3.current { background-image:url('../../images/iconJoinStep3_on.png'); }
.boxJoin .topStep ul li.step4 { background-image:url('../../images/iconJoinStep4.png'); }
.boxJoin .topStep ul li.step4.current { background-image:url('../../images/iconJoinStep4_on.png'); }
.boxJoin .boxYak { margin-top:45px; }
.boxJoin .boxYak .title { margin-bottom:18px; text-align:center; font-size:22px; color:#000; font-weight:500; }
.boxJoin .boxYak .textArea { height:350px; border-radius:19px; box-shadow:0 0 12px rgba(0,0,0,0.07); overflow:hidden; }
.boxJoin .boxYak .textArea textarea { height:100%; padding:26px 32px; background:#fff; border:0; font-size:16px; color:#6c6c6c; line-height:32px; }
.boxJoin .boxYak .check { margin-top:20px; }
.boxJoin .boxYak .check input[type="checkbox"] { width:18px; height:18px; margin-right:6px; vertical-align:bottom; }
.boxJoin .boxYak .check label { font-size:16px; color:#000; }
.boxJoin .btn { margin-top:25px; text-align:center; }
.boxJoin .btn a { width:90px; height:40px; display:inline-block; border-radius:5px; background:#0050ab; vertical-align:middle; text-align:center; line-height:40px; color:#fff; font-size:16px; font-weight:500; }
.boxJoin .btn a+a { margin-left:10px; }
.boxJoin .btn a.cancel { background:#fff; border-color:#c0c0c0; color:#888888; }

.boxCertify { width:674px; height:442px; padding:40px; position:relative; margin:45px auto; border-radius:10px; background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.07); text-align:center; }
.boxCertify h4 { font-size:20px; color:#000; }
.boxCertify h4+p { margin-top:20px; }
.boxCertify .certifyGroup { margin-top:35px; }
.boxCertify .certifyGroup .item { width:230px; height:240px; display:inline-block; padding-top:28px; box-shadow:0 0 25px rgba(14, 35, 52, 0.1); border:1px solid #e6e6e6; background:#fff; }
.boxCertify .certifyGroup .item+.item { margin-left:64px; }
.boxCertify .certifyGroup .title { margin-bottom:18px; font-size:20px; font-weight:500; color:#000; }
.boxCertify .certifyGroup .btnCertify { width:146px; height:46px; display:block; margin:25px auto 0; border:1px solid #0050ab; border-radius:5px; background:#fff; color:#0050ab; font-size:18px; text-align:center; line-height:44px; font-weight:500; }
.boxCertify p { margin-top:35px; font-size:16px; font-weight:100; color:#000; }
.boxCertify .inputGroup { width:416px; margin:25px auto 0; }
.boxCertify .inputGroup .row { position:relative; padding-right:132px;  }
.boxCertify .inputGroup .row+.row { margin-top:20px; }
.boxCertify .inputGroup input[type="text"] { width:100%; height:50px; padding:0 16px; border:1px solid #cbcbcb; border-radius:10px; font-size:16px; }
.boxCertify .inputGroup input[type="text"]+input[type="text"] { margin-top:10px; }
.boxCertify .inputGroup .btnCertSubmit { width:124px; height:109px; position:absolute; right:0; top:0; border-radius:5px; background:#0050ab; color:#fff; font-size:16px; font-weight:500; }
.boxCertify .inputGroup .btnCertCode { width:124px; height:50px; position:absolute; right:0; top:0; border-radius:5px; background:#972fb9; color:#fff; font-size:16px; font-weight:500; }
.boxCertify .btnCancel { width:90px; height:40px; position:absolute; left:50%; bottom:45px; margin-left:-45px; display:block; border-radius:5px; border:1px solid #c0c0c0;  text-align:center; line-height:38px; font-size:16px; color:#888888; font-weight:500; }

.boxJoinForm { width:980px; margin:50px auto; }
.boxJoinForm .inBox { padding:30px 50px 45px; border-radius:10px; box-shadow:0 0 12px rgba(0, 0, 0, .07); background:#fff; }
.boxJoinForm .inBox p { margin-bottom:20px; font-size:16px; }
.boxJoinForm .inBox p span.imp { color:#ff1970; }
.boxJoinForm .btn { position:relative; margin-top:40px; text-align:center; }
.boxJoinForm .btn a { width:90px; height:40px; display:inline-block; background:#0050ab; border-radius:5px; vertical-align:middle; text-align:center; color:#fff; font-weight:500; font-size:16px; line-height:40px; }
.boxJoinForm .btn a.btnCancel { border:1px solid #c0c0c0; background:#fff; line-height:38px; color:#888888; }
.boxJoinForm .btn a.btnWithdraw { position:absolute; right:0; top:0; background:#ff733c; }
.boxJoinForm .btn a+a { margin-left:10px; }


.tblForm { width:100%; }
.tblForm th { padding:7px 0; text-align:left; font-size:16px; font-weight:500; vertical-align:top; line-height:35px; }
.tblForm td { padding:7px 0; font-size:16px; }
.tblForm td input[type="text"],
.tblForm td input[type="password"] { width:250px; height:35px; padding:0 15px; border:1px solid #dbdbdb; border-radius:5px; font-size:16px; font-weight:100; }
.tblForm td label { margin-right:30px; font-size:16px; font-weight:100; }
.tblForm td button { height:35px; margin:0 6px; padding:0 12px; border-radius:5px; background:#488cd8; color:#fff; font-size:16px; font-weight:500; }
.tblForm td select { min-width:250px; height:35px; padding:0 15px; background:url('../../images/iconSelect_small.png') 90% center no-repeat; border-radius:5px; border:1px solid #dbdbdb; font-size:16px; font-weight:100; }
.tblForm td select.size-s { min-width:170px; }
.tblForm td select.size-s1 { min-width:136px; }
.tblForm td select.size-s2 { min-width:106px; }
.tblForm td select+select { margin-left:6px; }
.tblForm td.is--phone select { min-width:100px; }
.tblForm td.is--phone input[type="text"] { width:100px; margin-left:8px; }
.tblForm td.is--email span { margin:0 6px; display:inline-block; }
.tblForm td.is--email input[type="text"] { width:170px; }
.tblForm td.is--email select { min-width:170px; margin-right:10px; }
.tblForm td .inputAddress .row input[type="text"] { width:570px; }
.tblForm td .inputAddress .row.row--num input[type="text"] { width:180px; }
.tblForm td .inputAddress .row+.row { margin-top:5px; }

.boxJoinComplete { width:674px; margin:50px auto; padding:40px; background:#fff; border-radius:10px; box-shadow:0 0 12px rgba(0,0,0,0.07); text-align:center; }
.boxJoinComplete .title { margin-bottom:25px; font-size:30px; color:#424147; font-weight:500; }
.boxJoinComplete p { margin-top:20px; font-size:18px; color:#000; line-height:28px; }
.boxJoinComplete p span { color:#484cff; }
.boxJoinComplete .btn { margin-top:40px; text-align:center; }
.boxJoinComplete .btn a { width:136px; height:40px; display:inline-block; border-radius:5px; background:#0050ab; vertical-align:middle; line-height:40px; text-align:center; color:#fff; font-weight:500; font-size:16px; }
.boxJoinComplete .btn a.btnWhite { background:#fff; border:1px solid #0050ab; color:#0050ab; line-height:38px; }

.boxYak { margin:50px auto; padding:0 30px; font-size:16px; line-height:26px; }
.boxYak .row+.row { margin-top:25px; }
.boxYak .row h4 { font-size:20px; font-weight:500; }
.boxYak .row p { font-size:18px; line-height:26px; }

.mainVisual .swiper-slide { height:600px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; }
.mainVisual .swiper-container-horizontal>.swiper-pagination-bullets,
.mainVisual .swiper-pagination-custom,
.mainVisual .swiper-pagination-fraction {  }
.mainVisual .swiper-pagination-bullet { width:13px; height:13px; opacity:1; background:#fff; border-radius:13px; }
.mainVisual .swiper-pagination-bullet-active { width:35px; background:#ffe87e; }
.mainVisual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 6px; }

.sectionQuick { width:1280px; padding:95px 50px; margin:0 auto; overflow:hidden; }
.sectionQuick .item { width:276px; height:292px; float:left; padding:130px 0 0 38px; background-position:36px 38px; background-repeat:no-repeat; box-shadow:0 5px 30px rgba(26,90,150,0.37); border-radius:7px; }
.sectionQuick .item+.item { margin-left:24px; }
.sectionQuick .item.item1 { background-color:#111987; background-image:url('../../images/iconQuick1.png'); }
.sectionQuick .item.item2 { background-color:#009ba9; background-image:url('../../images/iconQuick2.png'); }
.sectionQuick .item.item3 { background-color:#a9009b; background-image:url('../../images/iconQuick3.png'); }
.sectionQuick .item.item4 { background-color:#111987; background-image:url('../../images/iconQuick4.png'); }
.sectionQuick .item .title { margin-bottom:20px; font-size:22px; font-weight:700; color:#fff; }
.sectionQuick .item .cont { font-size:18px; color:#fff; line-height:24px; letter-spacing:-0.025em; }

.sectionStep { padding:70px 0 45px; background:#f3f4f8; }
.sectionStep h4 { margin-bottom:40px; text-align:center; font-size:40px; font-weight:300; }
.sectionStep ul { width:1280px; margin:0 auto; text-align:center; }
.sectionStep ul li { display:inline-block; padding:30px 12px; vertical-align:middle; text-align:left; }
.sectionStep ul li .item { width:376px; height:412px; position:relative; background:#fff; border-radius:6px; overflow:hidden; }
.sectionStep ul li .item .info { padding:25px 30px 0; }
.sectionStep ul li .item .title { max-height:52px; font-size:20px; font-weight:500; line-height:26px; overflow:hidden; }
.sectionStep ul li .item .cont { margin-top:10px; font-size:16px; color:#555555; line-height:20px; }
.sectionStep ul li .item .btn { width:100%; height:52px; position:absolute; left:0; bottom:0; border-top:1px solid #f0f0f5; }
.sectionStep ul li .item .btn a { height:50px; display:block; padding:0 52px; background:url('../../images/btnDetail.png') 333px center no-repeat; line-height:50px; text-align:right; line-height:50px; font-size:16px; font-weight:100; }

.sectionBoard .inner { padding:75px 50px 90px; }
.sectionBoard .left { width:488px; float:left; }
.sectionBoard .right { width:488px; float:right; }
.sectionBoard .titleArea { position:relative; border-bottom:1px solid #bcbcbc; }
.sectionBoard .titleArea h4 { font-size:30px; font-weight:500; line-height:62px; }
.sectionBoard .titleArea .more { width:30px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px; background:url('../../images/btnMore.png') center center no-repeat; font-size:0; text-indent:-99999px; }
.sectionBoard ul { height:200px; margin-top:16px; overflow:hidden; }
.sectionBoard ul li { position:relative; }
.sectionBoard ul li a { display:block; }
.sectionBoard ul li .title { width:410px; padding-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#474747; line-height:40px; font-size:16px; }
.sectionBoard ul li .title:before { content:''; width:5px; height:5px; position:absolute; left:0; top:50%; border-radius:50%; background:#474747; border-radius:50%; transform:translateY(-50%); }
.sectionBoard ul li .date { position:absolute; right:0; top:0; line-height:40px; color:#797979; font-size:16px; }
.sectionBoard ul li a:hover .title { color:#0078e5; }
.sectionBoard ul li a:hover .title:before { background:#0078e5; }

.sectionSponsor { border-top:1px solid #e9e9e9; background:#fff; }
.sectionSponsor .inner { padding:20px 0; }
.sectionSponsor .swiper-container { margin:0 50px; }
.sectionSponsor .swiper-slide { width:auto; }

.subVisual { height:340px; position:relative; background-size:auto 100%; background-position:center center; background-repeat:no-repeat; }
.subVisual.visual2 { height:275px; }

.section { width:1280px; margin:0 auto; padding:40px 50px 100px; position:relative; }
.section .titleArea { position:relative; border-bottom:2px solid #505c78; }
.section .titleArea h3 { font-weight:500; font-size:40px; line-height:100px; }
.section .titleArea h3 span { font-weight:300; }
.section .titleArea .boxSearch { width:316px; height:45px; position:absolute; right:0; top:50%; margin-top:-22px; border:1px solid #c8c8c8; border-radius:5px; overflow:hidden; }
.section .titleArea .boxSearch input[type="text"] { width:100%; height:45px; padding:0 48px 0 25px; position:relative; border:0; z-index:1; font-size:16px; }
.section .titleArea .boxSearch input[type="text"]::placeholder { color:#929292; }
.section .titleArea .boxSearch .search { width:48px; height:45px; position:absolute; right:0; top:0; background:url('../../images/iconSearch.png') center center no-repeat; font-size:0; text-indent:-99999px; z-index:2; }
.section .titleArea .pos { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.section .titleArea .pos .countdown { display:flex; align-items:center; }
.section .titleArea .pos .countdown dt { font-size:30px; color:#000; }
.section .titleArea .pos .countdown dd { margin-left:10px; position:relative; background:#636363; font-size:500; }
.section .titleArea .pos .countdown dd:before { content:''; width:100%; height:50%; position:absolute; left:0; bottom:0; background:#000; z-index:1; }
.section .titleArea .pos .countdown dd .time { min-width:100px; padding:0 10px; position:relative; z-index:5; color:#fff; font-size:30px; font-weight:500; text-align:center; }
.section .titleArea .pos .exResult { display:flex; align-items:center; font-size:26px; color:#7b7b7b; font-weight:500; }
.section .titleArea .pos .exResult strong { margin:0 10px; font-size:30px; color:#000; font-weight:500; }
.section .titleArea .pos .exResult .ex { width:100px; height:38px; display:inline-block; background:#555bc4; text-align:center; color:#fff; font-size:22px; font-weight:500; vertical-align:middle; }
.section .titleArea .pos .exResult .ex.is--fail { background:#ff594e; }

.boxCompany { padding:45px 0; overflow:hidden; }
.boxCompany .left { width:488px; float:left; }
.boxCompany .left .title { margin-bottom:25px; font-size:28px; font-weight:100; line-height:40px; }
.boxCompany .left .title strong { display:block; font-size:40px; font-weight:500; line-height:70px; }
.boxCompany .right { width:588px; float:right; font-size:20px; color:#000; line-height:42px; letter-spacing:-0.05em; }

.boxCompanyStep { padding:45px 0; }
.boxCompanyStep>.title { width:375px; height:55px; margin:0 auto 66px; border-radius:23px; border:2px solid #a1d2ff; font-size:28px; font-weight:500; color:#000; text-align:center; line-height:51px; }
.boxCompanyStep .imgStep { margin-bottom:55px; }
.boxCompanyStep .imgStep img { max-width:none; }
.boxCompanyStep .boxStep { width:1098px; margin:0 auto; padding:40px 40px 30px; background:#f9f9f9; }
.boxCompanyStep .boxStep h6 { position:relative; padding-bottom:22px; font-size:28px; color:#000; font-weight:500; text-align:center; }
.boxCompanyStep .boxStep h6:after { content:''; width:30px; height:1px; position:absolute; left:50%; bottom:0; background:#728ae4; }
.boxCompanyStep ul { margin-top:44px; margin-left:80px; }
.boxCompanyStep ul li { min-height:94px; position:relative; padding:12px 0 35px 150px; }
.boxCompanyStep ul li+li { margin-top:70px; }
.boxCompanyStep ul li+li:before { content:''; width:49px; height:15px; position:absolute; left:65px; top:-70px; background:url('../../images/bgStepArrow.png') center center no-repeat; transform:rotate(90deg); transform-origin:0 0; }
.boxCompanyStep ul li .title { width:114px; position:absolute; left:0; top:0; padding-top:58px; background-repeat:no-repeat; background-position:center top; text-align:center; font-size:18px; color:#000; }
.boxCompanyStep ul li .title.icon1 { background-image:url('../../images/iconJoinStep1_on.png'); }
.boxCompanyStep ul li .title.icon2 { background-image:url('../../images/iconJoinStep2_on.png'); }
.boxCompanyStep ul li .title.icon3 { background-image:url('../../images/iconJoinStep3_on.png'); }
.boxCompanyStep ul li .title.icon4 { background-image:url('../../images/iconJoinStep4_on.png'); }
.boxCompanyStep ul li .cont { font-size:16px; line-height:24px; }

.boxEducation { padding-top:60px; }
.boxEducation .topArea { padding:0 66px 25px; border-bottom:1px solid #c6c6c6; }
.boxEducation .topArea h3 { position:relative; font-size:30px; color:#000; line-height:50px; font-weight:500; }
  /*.boxEducation .topArea h3:after { content:''; width:17px; height:2px; position:absolute; left:4px; bottom:0; background:#d71921; }*/
.boxEducation .topArea h3 span { color:#666; }
.boxEducation .topArea p { margin-top:15px; font-size:20px; font-weight:100; line-height:30px; }
.boxEducation ul.list li { padding:36px 66px 28px; border-bottom:1px solid #e2e2e2; }
.boxEducation ul.list li h6 { margin-bottom:20px; font-size:24px; font-weight:500; color:#000; }
.boxEducation ul.list li dl { overflow:hidden; }
.boxEducation ul.list li dt { width:70px; height:30px; margin-top:8px; float:left; background:#e7585e; border-radius:15px; font-weight:400; font-size:18px; color:#fff; text-align:center; line-height:30px; }
.boxEducation ul.list li dt:first-of-type { margin-top:0; background:#3175b2; }
.boxEducation ul.list li dd { margin-left:80px; margin-top:8px; line-height:30px; font-size:20px; color:#5a5a5a; }
.boxEducation ul.list li dd:first-of-type { margin-top:0; }


.boxStepList { padding:17px 66px; }
.boxStepList ul.list { margin-bottom:40px; }
.boxStepList ul.list li { padding:25px 0; position:relative; border-bottom:1px solid #bfbfbf; }
.boxStepList ul.list li .thumb { width:268px; height:200px; float:left; overflow:hidden; }
.boxStepList ul.list li .cont { margin-left:290px; }
.boxStepList ul.list li .cont .title { margin-bottom:25px; font-size:30px; font-weight:700; color:#000; }
.boxStepList ul.list li .cont dl { overflow:hidden; }
.boxStepList ul.list li .cont dl dt { width:120px; float:left; font-size:18px; color:#656565; font-weight:300; line-height:28px; }
.boxStepList ul.list li .cont dl dd { margin-left:130px; font-size:18px; color:#656565; font-weight:300; line-height:28px; }
.boxStepList ul.list li .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.boxStepList ul.list li .btn a { width:194px; height:40px; display:block; border:1px solid #005aab; border-radius:4px; text-align:center; font-size:18px; color:#005aab; line-height:38px; }
.boxStepList ul.list li .btn a+a { margin-top:12px; }

.boxPaging { position:relative; text-align:center; }
.boxPaging .group { display:inline-block; vertical-align:middle; overflow:hidden; }
.boxPaging .group>a { width:38px; height:38px; float:left; position:relative; border:1px solid #ddd; font-size:0; text-indent:-99999px; }
.boxPaging .group>a:after { content:''; width:12px; height:18px; position:absolute; left:50%; top:50%; margin:-9px 0 0 -6px; background:url('../../images/iconPageArrow.png') center center no-repeat; }
.boxPaging .group>a.next:after { transform:rotate(180deg); }
.boxPaging ul { float:left; margin:0 3px; }
.boxPaging ul li { float:left; margin:0 3px; }
.boxPaging ul li a { width:38px; height:38px; display:block; border:1px solid #ddd; text-align:center; line-height:36px; font-size:18px; font-weight:300; color:#000; }
.boxPaging ul li.active a,
.boxPaging ul li a:hover { border-color:#152f53; }
.boxPaging .btnWrite { width:100px; height:45px; position:absolute; right:0; bottom:0; background:#585e68; font-size:18px; color:#fff; font-weight:500; }

.btnUpload { width:65px; height:25px; display:inline-block; background:url('../../images/btnUpload.png') center center no-repeat; font-size:0; text-indent:-99999px; vertical-align:middle; }

.boxStepDetail { margin-top:42px; padding:0 66px; }
.boxStepDetail .topArea { position:relative; overflow:hidden; }
.boxStepDetail .topArea .thumb { width:370px; height:275px; float:left; overflow:hidden; }
.boxStepDetail .topArea .cont { height:275px; position:relative; padding-bottom:60px; margin-left:410px; }
.boxStepDetail .topArea .cont dl { overflow:hidden; }
.boxStepDetail .topArea .cont dl dt { float:left; color:#000; line-height:36px; font-size:18px; font-weight:300; }
.boxStepDetail .topArea .cont dl dd { margin-left:130px; font-size:18px; line-height:36px; color:#656565; font-weight:300; }
.boxStepDetail .topArea .cont .btn { position:absolute; left:0; bottom:0; overflow:hidden; }
.boxStepDetail .topArea .cont .btn a { width:184px; height:50px; float:left; border:1px solid #005aab; border-radius:4px; text-align:center; line-height:48px; font-size:22px; color:#005aab; }
.boxStepDetail .topArea .cont .btn a.is--blue { background:#005aab; color:#fff; }
.boxStepDetail .topArea .cont .btn a+a { margin-left:18px; }
.boxStepDetail .tabArea { margin-top:82px; }
.boxStepDetail .contArea { margin-top:40px; border-top:2px solid #505c78; border-bottom:1px solid #d2d7dc; }
.boxStepDetail .contArea dl { padding:42px 40px 38px; }
.boxStepDetail .contArea dl dt { margin-bottom:8px; font-size:22px; line-height:30px; color:#000000; font-weight:500; }
.boxStepDetail .contArea dl dd { font-size:18px; line-height:32px; color:#555555; font-weight:300; }
.boxStepDetail .contArea dl dd+dt { margin-top:30px; }
.boxStepDetail .contArea .tblBasic { border-top:0; }
.boxStepDetail .contArea .tblBasic tr:last-child td { border-bottom:0; }
.boxStepDetail>.btn { margin-top:25px; text-align:center; }
.boxStepDetail>.btn a.back { width:124px; height:40px; display:inline-block; border-radius:4px; background:#818181; color:#fff; text-align:center; line-height:40px; font-size:18px; }

.boxMyClass .tblBasic { border-top:0; }
.boxMyClass+.titleArea { margin-top:50px; }

.boxBoard .tblBasic { border-top:0; }
.boxBoard .boxPaging { margin-top:40px; }

.boxBoardWrite { margin:0 50px; }
.boxBoardWrite .tblBasic { border-top:0; }
.boxBoardWrite .btn { margin-top:25px; text-align:center; }
.boxBoardWrite .btn button { width:104px; height:50px; margin:0 6px; border-radius:3px; border:1px solid #b2b2b2; background:#fff; font-size:18px; color:#717171; font-weight:500; }
.boxBoardWrite .btn button.btnWrite { border:0; background:#005aab; color:#fff; }

.boxBoardView { margin:0 50px; }
.boxBoardView .btn { margin-top:32px; text-align:center; }
.boxBoardView .btn button { width:104px; height:50px; margin:0 6px; border-radius:3px; border:1px solid #b2b2b2; background:#fff; font-size:18px; color:#717171; font-weight:500; }

.tabArea { position:relative; display:flex; }
.tabArea .tab { height:55px; flex:1; display:flex; align-items:center; justify-content:center; border:1px solid #94b6d5; background:#fff; font-size:24px; color:#7f7f7f; }
.tabArea .tab.active { background:#005aab; border-color:#005aab; color:#fff; }
.tabCont { display:none; }
.tabCont.active { display:block; }

.linkCustomer { width:1176px; position:absolute; left:50%; bottom:0; display:flex; transform:translateX(-50%); }
.linkCustomer a { height:65px; flex:1; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.55); color:#fff; font-size:26px; font-weight:500; }
.linkCustomer a.active { background:#fff; color:#000; }

.boxExample .row { padding:38px 75px; border-bottom:1px solid #d2d7dc; }
.boxExample .row .title_ex { position:relative; padding-left:32px; font-size:20px; font-weight:500; color:#000; }
.boxExample .row .title_ex.is--correct:after { content:''; width:52px; height:52px; position:absolute; left:-16px; top:-11px; background:url('../../images/iconCorrect.png') center center no-repeat; }
.boxExample .row .title_ex.is--wrong:after { content:''; width:52px; height:52px; position:absolute; left:-16px; top:-11px; background:url('../../images/iconWrong.png') center center no-repeat; }
.boxExample .row .title_ex span.num { position:absolute; left:0; top:0; }
.boxExample .row .cont_ex { padding-left:32px; }
.boxExample .row .cont_ex ul { margin-top:20px; }
.boxExample .row .cont_ex li { font-size:18px; font-weight:300; }
.boxExample .row .cont_ex li+li { margin-top:12px; }
.boxExample .row .cont_ex input[type="radio"] { position:absolute; left:-99999px; top:0; opacity:0; visibility:hidden; }
.boxExample .row .cont_ex label { position:relative; padding-left:22px; cursor:pointer; }
.boxExample .row .cont_ex label:before { content:''; width:16px; height:16px; position:absolute; left:0; top:5px; border-radius:50%; border:1px solid #000; }
.boxExample .row .cont_ex input[type="radio"]:checked+label { color:#ff594e; }
.boxExample .row .cont_ex input[type="radio"]:checked+label:after { content:''; width:8px; height:8px; position:absolute; left:5px; top:10px; border-radius:50%; background:#000; }
.boxExample .row .result_ex { padding-left:22px; margin-top:28px; }
.boxExample .row .result_ex li { overflow:hidden; }
.boxExample .row .result_ex li+li { margin-top:16px; }
.boxExample .row .result_ex li .title { width:70px; height:34px; float:left; border-radius:17px; background:#555bc4; color:#fff; line-height:34px; text-align:center; font-size:18px; font-weight:300; }
.boxExample .row .result_ex li .title.is--comment { background-color:#458fe2; }
.boxExample .row .result_ex li .cont { margin-left:80px; line-height:34px; font-size:18px; font-weight:300; color:#000; }

.tblBasic { width:100%; border-top:2px solid #505c78 }
.tblBasic thead th { height:66px; border-bottom:1px solid #d2d7dc; text-align:center; font-size:18px; font-weight:500; color:#000; }
.tblBasic tbody td { height:60px; border-bottom:1px solid #d2d7dc; text-align:center; font-size:18px; color:#555555; font-weight:300; }
.tblBasic tbody td.title { text-align:left; }
.tblBasic tbody td.title a { max-width:520px; position:relative; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.tblBasic tbody td.title a.new { padding-right:28px; }
.tblBasic tbody td.title a.new:after { content:''; width:18px; height:19px; position:absolute; right:0; top:50%; margin-top:-9px; background:url('../../images/iconNew.png') center center no-repeat; }
.tblBasic tbody td .fin { color:#ec545f; }
.tblBasic tbody td .btnFile { width:34px; height:32px; display:inline-block; background:url('../../images/btnFile.png') center center no-repeat; font-size:0; text-indent:-99999px; vertical-align:middle; }

.tblBasic.type--notice tbody td.title a { max-width:580px; }

.tblBasic.type--vertical th { padding:15px 10px; border-bottom:1px solid #d2d7dc; text-align:right; font-size:18px; }
.tblBasic.type--vertical td { padding:15px 10px; text-align:left; font-size:18px; }
.tblBasic.type--vertical td input[type="text"] { width:100%; font-size:18px; }
.tblBasic.type--vertical .v-top { vertical-align:top; }

.tblBasic .editor { width:994px; height:488px; display:inline-block; vertical-align:middle; }

.boxBoardView .topArea { position:relative; padding:30px 60px 30px 48px; border-bottom:1px solid #d2d7dc; }
.boxBoardView .topArea .title { font-size:22px; font-weight:500; color:#000; }
.boxBoardView .topArea .info { margin-top:10px; overflow:hidden; font-size:18px; color:#555555; font-weight:300; }
.boxBoardView .topArea .info .name { float:left; margin-right:70px; }
.boxBoardView .topArea .info .date { float:left; margin-right:25px; }
.boxBoardView .topArea .info .view { float:left; padding-left:26px; background:url('../../images/iconView.png') left center no-repeat; }
.boxBoardView .topArea .btnFile { width:34px; height:32px; position:absolute; right:55px; top:50%; margin-top:-16px; background:url('../../images/btnFile.png') center center no-repeat; font-size:0; text-indent:-99999px; }
.boxBoardView .contArea { border-bottom:1px solid #d2d7dc; }
.boxBoardView .contArea .txt { padding:35px 48px; font-size:18px; line-height:30px; color:#555555; }
.boxBoardView .contArea .comment { padding:35px 48px; border-top:1px solid #eaecf1; font-size:18px; line-height:30px; color:#555555; }
.boxBoardView .contArea .comment .bedge { width:85px; height:40px; margin-bottom:20px; border:1px solid #ffb57f; color:#f07443; font-size:20px; font-weight:300; text-align:center; line-height:38px; }
.boxBoardView .listArea { border-top:1px solid #d2d7dc; border-bottom:1px solid #d2d7dc; }
.boxBoardView .listArea .prev { padding:0 42px; line-height:60px; font-size:18px; color:#555555; }
.boxBoardView .listArea .prev span { float:left; padding-right:28px; position:relative; }
.boxBoardView .listArea .prev span:after { content:''; width:14px; height:8px; position:absolute; right:0; top:50%; margin-top:-4px; background:url('../../images/iconSelect.png') center center no-repeat; transform:rotate(180deg); }
.boxBoardView .listArea .next { padding:0 42px; border-top:1px solid #eaecf1; line-height:60px; font-size:18px; color:#555555; }
.boxBoardView .listArea .next span { float:left; padding-right:28px; position:relative; }
.boxBoardView .listArea .next span:after { content:''; width:14px; height:8px; position:absolute; right:0; top:50%; margin-top:-4px; background:url('../../images/iconSelect.png') center center no-repeat; }
.boxBoardView .listArea a { margin-left:102px; display:block; line-height:60px; font-size:18px; color:#555555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.boxBoard_sch { margin-top:56px; text-align:center; }
.boxBoard_sch select { width:136px; height:45px; padding:0 18px; border-radius:5px; border:1px solid #c8c8c8; background:url('../../images/iconSelect.png') 110px center no-repeat; font-size:16px; color:#555555; }
.boxBoard_sch .search { position:relative; display:inline-block; }
.boxBoard_sch .search input[type="text"] { width:316px; height:45px; padding:0 50px 0 20px; position:relative; border:1px solid #c8c8c8; border-radius:5px; z-index:1; font-size:16px; }
.boxBoard_sch .search .btnSearch { width:48px; height:45px; position:absolute; right:0; top:0; background:url('../../images/iconSearch.png') center center no-repeat; font-size:0; text-indent:-99999px; z-index:5; }

.boxBoard_btn { margin-top:25px; position:relative; text-align:center; }
.boxBoard_btn .pos { position:absolute; right:80px; top:0; }

.progress { height:26px; position:relative; border-radius:13px; background:#efefef; overflow:hidden; }
.progress .bar { height:100%; position:absolute; left:0; top:0; background:#ffef63; transition:all .3s; }
.progress .per { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:300; color:#000; }
.progress.is--fin .bar { background:#ffae63; }

#footer { border-top:1px solid #d9d9d9; background:#fff; }
#footer .inner { padding:80px 0 100px; }
#footer h2 { width:250px; height:20px; float:left; background:url('../../images/f_logo.png') center center no-repeat; font-size:0; text-indent:-99999px; }
#footer h2.sub { background-image:url('../../images/f_logo_sub.png'); }
#footer .cont { position:relative; margin-left:290px; }
#footer .link { margin-bottom:60px; overflow:hidden; }
#footer .link a { float:left; color:#5e5e5e; font-weight:500; font-size:18px; line-height:26px; }
#footer .link a+a { margin-left:25px; }
#footer .address { font-size:16px; line-height:30px; color:#5e5e5e; font-weight:100; }
#footer .familySite { width:170px; position:absolute; right:0; top:-14px; }
#footer .familySite .selected { height:46px; border:1px solid #b6b6b6; border-radius:5px; text-align:center; line-height:44px; font-size:15px; color:#747474; overflow:hidden; }
#footer .familySite ul { width:100%; padding:10px 0; display:none; position:absolute; left:0; top:45px; border:1px solid #b6b6b6; border-radius:5px; overflow:hidden; }
#footer .familySite ul li a { display:block; padding:6px 0; color:#747474; font-size:15px; text-align:center; }
#footer .familySite:hover ul { display:block; }

#goTop { width:59px; height:59px; position:fixed; left:50%; bottom:50px; margin-left:718px; background:url('../../images/btnGoTop.png') center center no-repeat; font-size:0; text-indent:-99999px; z-index:10; }

.popArea { display:flex; position:fixed; left:50%; top:96px; transform:translateX(-50%); z-index:20; }
.popArea .box { margin:0 7px; }
.popArea .box img { max-width:none; }
.popArea .box .cont { border:1px solid #000; }
.popArea .box .bottom { height:50px; padding-left:18px; position:relative; background:#3e3f43; line-height:50px; }
.popArea .box .bottom input[type="checkbox"] { width:17px; height:17px; border-radius:4px; margin-top:-4px; }
.popArea .box .bottom label { margin-left:10px; color:#fff; font-size:16px; font-weight:100; cursor:pointer; }
.popArea .box .bottom .close { height:50px; padding-left:20px; position:absolute; right:20px; top:0; background:url('../../images/iconPopClose.png') left center no-repeat; color:#fff; font-weight:100; font-size:16px; }