@charset "utf-8";
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
.noScroll {overflow:hidden;}
/* icon */
.ico.file {display:inline-block; position:relative; margin:1px 0 0 10px; width:18px; height:18px; vertical-align:top; border-radius:0; background:url('/grad/img/pc/common/ico/icoFile01.png') no-repeat;}
.ico.view {display:inline-block; position:relative; margin:0 5px 0 0; width:13px; height:8px; vertical-align:middle; border-radius:0; background:url('/grad/img/mobile/common/ico/icoView01.png') no-repeat; background-size:contain;}
.ico.reply {display:inline-block; position:relative; margin:1px 5px 0 0; width:27px; height:14px; vertical-align:top; border-radius:0; background:url('/grad/img/pc/common/ico/icoComt01.png') no-repeat;}
.ico.new {display:inline-block; position:relative; margin:1px 0 0 10px; width:14px; height:14px; vertical-align:top; border-radius:0; background:url('/grad/img/pc/common/ico/icoNewPost.png') no-repeat;}
.ico.icoDown02 {display:inline-block; width:14px; height:13px; margin-right:9px; background:url('/grad/img/pc/common/ico/icoDown02.png') no-repeat center; vertical-align:top;}
.ico.arrUp01 {background:url('/grad/img/pc/common/ico/icoArr02top.png') no-repeat center;}
.ico.arrDown01 {background:url('/grad/img/pc/common/ico/icoArr02down.png') no-repeat center;}
.ico.icoTel {background:url('/grad/img/pc/contents/ico/icoTel.png') no-repeat center; }
.ico.icoMail {background:url('/grad/img/pc/contents/ico/icoMail.png') no-repeat center;}
.ico.icoTalk {background:url('/grad/img/pc/contents/ico/icoTalk01.png') no-repeat center;}
.ico.icoExtend {background:url('/grad/img/pc/contents/ico/icoExtend.png') no-repeat center;}
.ico.icoPlay {background:url('/grad/img/pc/contents/ico/icoPlay02.png') no-repeat center;}
.ico.icoBrochure {background:url('/grad/img/pc/contents/ico/icoBrochure.png') no-repeat center;}
.ico.icoOutsideL {background:url('/grad/img/pc/contents/ico/icoOutsideL.png') no-repeat center;}
.ico.icoFacebook {background:url('/grad/img/pc/contents/ico/icoFacebook.png') no-repeat center;}
.ico.icoBlog {background:url('/grad/img/pc/contents/ico/icoBlog.png') no-repeat center;}
.ico.icoInquiry {display:inline-block; overflow:hidden; width:32px; height:32px; padding:0; border-radius:50%; background:#4c61a9 url('/grad/img/pc/contents/ico/icoInquiry.png') no-repeat center; background-size:100%; text-indent:100%; outline:none; cursor:pointer; white-space:nowrap;}
/* //icon */
/* title */
.tit01 {padding-top:32px; margin:0; font-size:24px; font-size:2.4rem; font-weight:600; color:#1f3a93;}
.tit02 {position:relative; padding-top:20px; margin:30px 0 0; font-size:22px; font-size:2.2rem; font-weight:500; color:#1f3a93; word-break:keep-all;}
.tit02:before {content:''; position:absolute; top:0; left:0; width:16px; height:2px; background:#1f3a93;}
.tit02 .btn04 {margin-top:-4px;}
.tit03 {position:relative; line-height:120%; padding-left:9px; margin:30px 0 0; font-size:14px; font-size:1.4rem; font-weight:600; color:#444;}
.tit03:before {content:''; position:absolute; top:7px; left:0; width:4px; height:1px; background:#222;}
.tit04 {position:relative; line-height:120%; padding-left:9px; margin:40px 0 0; font-size:16px; font-size:1.6rem; font-weight:500; color:#444;}
.tit04:before {content:''; position:absolute; top:8px; left:0; width:4px; height:1px; background:#222;}
.tit05 {display:block; padding:20px 0 0 0; margin:0; text-align: left; font-size:18px; font-size:1.8rem; font-weight:600; color:#1f3a93;}
.tit05.colGray {color:#555;}
.tit06 {display:block; position:relative; padding-bottom:46px; margin:20px 0 0; line-height:128.5714%; font-size:70px; font-size:7.0rem; font-weight:500; color:#152c46; letter-spacing:-2px; word-break:keep-all;}
.tit06:after {content:''; position:absolute; right:0; bottom:0; width:50px; height:2px; background:#002d56;}
.tit06 strong {display:block; font-weight:700;}
.tit07 {margin:30px 0 0; font-size:16px; font-size:1.6rem; font-weight:600; color:#9f815f;}
.tit08 {display:block; position:relative; line-height:120%; padding-left:8px; margin:20px 0 0; font-size:15px; font-size:1.5rem; color:#1f3a93; word-break:keep-all;}
.tit08:before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#1f3a93;}
.tit09 {font-size:28px; font-size:2.8rem; font-weight: 600; margin-bottom: 25px; text-decoration:underline;}
.mobileTit01 {display:block; font-size:12px; font-size:1.2rem; font-weight:500; color:#555;}
/* //title */
/* text */
.txt01 {line-height:135%; font-size:16px; font-size:1.6rem; color:#777; word-break:keep-all;}
.txt02 {line-height:140%; margin:30px 0 0; font-size:14px; font-size:1.4rem; color:#555; word-break:keep-all;}
.txt03 {display:block; font-size:22px; font-size:2.2rem; font-weight:500; color:#1f3a93;}
.txt04 {display:block; font-size:16px; font-size:1.6rem; font-weight:500; color:#1f3a93;line-height:140%; }
.txt05 {display:block; line-height:120%; margin:0; font-size:21px; font-size:2.1rem; font-weight:500; color:#8d6f4e; letter-spacing:-1px; word-break:keep-all;}
.txt06 {display:block; width:100%; margin:17px 0 0 0; text-align:left; font-size:14px; font-size:1.4rem; line-height:157%; color:#555; font-weight:500;}
.txt07{font-size:28px; font-size:2.8rem; color:#555; line-height:45px;}
.txt07 strong.txtGold{font-size:40px; font-size:4.0rem; display:inline-block; vertical-align:baseline;}
.txt08{font-size:24px; font-size:2.4rem; color:#555;}
.txt08.sideBar::before{content:""; width:85px; height:2px; display:inline-block; background:#c1a98f; vertical-align:super; margin-right:20px;}
.txt08.sideBar::after{content:""; width:85px; height:2px; display:inline-block; background:#c1a98f; vertical-align:super; margin-left:20px;}
.txt09 {line-height:130%; padding-left:10px; margin:20px 0 0; font-size:15px; font-size:1.5rem; color:#444; letter-spacing:-1px; word-break:keep-all;}
.txt09 .mark {position:absolute; top:0; left:0; margin-right:10px;}
.txtInblock01 {display:inline-block; line-height:120%; font-size:14px; font-size:1.4rem; color:#555; vertical-align:middle;}
.referMark01 {position:relative; line-height:130%; padding-left:15px; margin:30px 0 0; font-size:14px; font-size:1.4rem; color:#555;}
.referMark01:before {content:''; position:absolute; top:5px; left:0; width:8px; height:8px; border:2px solid #555; box-sizing:border-box;}
.referMark01.red {margin:14px 0 0; color:#cc736e;}
.referMark01.red:before {border:2px solid #cc736e;}
.referMark01.red.mL10 {margin-left:10px;}
.referMark01.red.mT5 {margin-top:5px;}
.referMark02 {position:relative; line-height:130%; padding-left:11px; margin:10px 0 0; font-size:14px; font-size:1.4rem; color:#555;}
.referMark02:before {content:''; position:absolute; top:6px; left:2px; width:2px; height:2px; background:#8d8d8d;}
.referMark03 {position:relative; line-height:120%; padding-left:8px; margin:0; font-size:18px; font-size:1.8rem; color:#444; word-break:keep-all;}
.referMark03:before {content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#c5c9d3;}
.referMark04 {position:relative; line-height:120%; padding-left:12px; margin:15px 0 0; font-size:15px; font-size:1.5rem; color:#444; word-break:keep-all;}
.referMark04:before {content:''; position:absolute; top:7px; left:0; width:4px; height:4px; background:#444;}
.referMark05 {position:relative; padding-left:14px;}
.referMark05 .mark {position:absolute; top:0; left:0;}
.referMark05 .mark.mark02 {left:4px;}
.referList01 {margin:20px 0 0;}
.referList01 .referMark01 {margin-top:5px;}
.referList01 ul{margin-left:0px;}
.referList02 {margin:10px 0 0;}
.referList02 .referMark02, .referList02 .referMark01 .referList03{margin-top:5px;}
.referMark01 .btn04{margin-top:-8px;}
.txtLink01 {font-size:14px; font-size:1.4rem; color:#555; text-decoration:underline;}
.txtLink02 {font-size:14px; font-size:1.4rem; color:#555; text-decoration:none;}
.txt.colBlue {color:#3b4f9c !important;}
.txt.colRed {color:#cc736e !important;}
/* //text */
/* input */
.input01 {display:inline-block; padding:9px 10px 8px; margin-top:10px; font-size:14px; font-size:1.4rem; border:1px solid #ddd; background:#fff; color:#555; outline:0; box-sizing:border-box; transition:0.4s;}
.input01:focus {border-color:#8c93a8;}
.input01:disabled {background:#f8f8f8; color:#999;}
.inputW01 {font-size:0;}
.inputBtnW01 {position:relative; padding-right:75px; font-size:0;}
.inputBtnW01 .input01 {width:100%; border-right:0;}
.inputBtnW01 .btn06 {position:absolute; right:0; width:75px;}
.fileBox {display:inline-block; font-size:0; vertical-align:top;}
.fileBox .fileInput {overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0;}
.fileBox .fileTxt {width:350px; border-right:0;}
.btnFile {display:inline-block; height:35px; line-height:120%; padding:10px 15px 9px; margin-top:10px; border:0; font-size:14px; font-size:1.4rem; background:#1f3a93; color:#fff; text-align:center; vertical-align:top; cursor:pointer; box-sizing:border-box;}
.btnFile label {cursor:pointer;}
.btnFile .icoFile {display:inline-block; width:15px; height:17px; margin-right:9px; background:url('/grad/img/mobile/contents/ico/icoFile.png') no-repeat center; background-size:100%; vertical-align:middle;}
.searchBoxW {margin-top:60px; padding:20px 0 30px; text-align:center; background:#f9f9f9; border:1px solid #e7e7e7;}
.searchBox {display:inline-block; font-size:0; vertical-align:top;}
.searchBox .input01 {width:250px;}
.schRadioW {display:inline-block; margin-top:20px;}
.btnSearch {display:inline-block; line-height:120%; padding:10px 25px 9px; margin-top:10px; font-size:14px; font-size:1.4rem; border:0; background:#1f3a93; color:#fff; text-align:center; vertical-align:top;}
.btnSearch a {color:#fff;}
/* //input */
/* checkbox */
.chkBox01 {display:inline-block; position:relative; padding-left:23px; vertical-align:top;}
.chkBox01 label {display:inline-block; vertical-align:middle; cursor:pointer;}
.chkBox01 input {position:absolute; top:0; left:0; width:16px; height:16px; margin:0; opacity:0; filter:alpha(opacity=0); outline:0; -webkit-appearance:none; z-index:0;}
.chkBox01 label .txt {display:table-cell; height:16px; line-height:120%; font-size:14px; font-size:1.4rem; color:#555; vertical-align:middle;}
.chkBox01 label .txt.txtRed {color:#cc736e;}
.chkBox01 label .txt:before {content:''; position:absolute; top:0; left:0; width:16px; height:16px; margin:0; border:1px solid #ddd; border-radius:0; background:#fff; box-sizing:border-box; transition:0.4s;}
.chkBox01 label input[type="checkbox"]:checked + .txt, .chkBox01 label.on .txt {color:#555;}
.chkBox01 label input[type="checkbox"]:checked + .txt.txtRed, .chkBox01 label.on .txt.txtRed {color:#cc736e;}
.chkBox01 label input[type="checkbox"]:checked + .txt:before, .chkBox01 label.on .txt:before {background:#fff url('/grad/img/mobile/contents/ico/icoCheckBox.png') no-repeat; background-size:100%;}
.chkBox01 .linkTxt01 {display:table-cell; padding-left:8px; font-size:14px; font-size:1.4rem; color:#777; vertical-align:middle;}
/* //checkbox */
/* radio */
.radio01 {display:inline-block; position:relative; margin-right:15px; vertical-align:top;}
.radio01 label {display:block; padding-left:23px; font-size:14px; font-size:1.4rem; font-weight:600; vertical-align:top; cursor:pointer;}
.radio01 input {position:absolute; top:0; left:0; width:16px; height:16px; margin:0; opacity:0; filter:alpha(opacity=0); outline:0; -webkit-appearance:none; z-index:0;}
.radio01 label .txt {display:table-cell; height:16px; line-height:120%; vertical-align:middle;}
.radio01 label .txt:before {content:''; position:absolute; top:0; left:0; width:16px; height:16px; margin:0; border:1px solid #ddd; border-radius:50%; background:#fff; box-sizing:border-box; transition:0.4s;}
.radio01 label .txt:after {content:''; opacity:0; position:absolute; top:4px; left:0; width:8px; height:8px; margin:0 0 0 4px; border-radius:50%; background:#444; transition:0.4s;}
.radio01 label input[type="radio"]:checked + .txt:after {opacity:1;}
/* //radio */
/* select */
select {background:#fff;}
.select01 {display:inline-block; position:relative; margin-top:10px;}
.select01 select {display:block; width:100%; height:35px; padding:0 30px 0 8px; font-size:14px; font-size:1.4rem; border:1px solid #ddd; border-radius:0; background:#fff; box-sizing:border-box; outline:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; transition:0.4s;}
select::-ms-expand {display:none;}
.select01 select:focus {border-color:#8c93a8;}
.select01 select option {border:1px solid red}
.select01:after {content:''; position:absolute; top:50%; right:10px; width:10px; height:6px; margin-top:-3px; background:url('/grad/img/mobile/contents/ico/icoSelectArr.png') no-repeat right center; background-size:100%; z-index:2; pointer-events:none;}
/* //select */
/* button */
.btnW03 {margin-top:30px; font-size:0;}
.btnW03 .btn01 {margin-right:10px;}
.btnCenterW {margin-top:60px; font-size:0; text-align:center;}
.btnCenterW a {margin-left:10px;}
.btnCenterW a:first-child {margin-left:0;}
.btn01 {display:inline-block; overflow:hidden; min-width:160px; line-height:120%; padding:11px 15px; font-size:14px; font-size:1.4rem; border:1px solid #a8b0d0; background:#fff; color:#3b4f9c; word-break:keep-all; vertical-align:top; box-sizing:border-box;}
.btn01 .arr {display:inline-block; float:right; width:23px; height:14px; margin-left:19px; background:url('/grad/img/pc/contents/ico/icoArrR_blue.png') no-repeat center;}
.btn01 .newWin {display:inline-block; float:right; width:13px; height:16px; margin-left:10px; background:url('/grad/img/mobile/contents/ico/icoNewWin.png') no-repeat center; background-size:100%;}
.btn01 .outsideL {display:inline-block; float:right; width:15px; height:16px; margin-left:10px; background:url('/grad/img/mobile/contents/ico/icoOutsideL.png') no-repeat center; background-size:100%;}
.btn01.wide{min-width:240px;}
.btn02 {display:inline-block; min-width:200px; height:60px; line-height:27px; padding:16px 10px; font-size:18px; font-size:1.8rem; background:#3b4f9c; color:#fff; text-align:center; vertical-align:top; box-sizing:border-box;}
.btn02 .icoWrite {display:inline-block; width:29px; height:27px; margin-right:10px; background:url('/grad/img/mobile/contents/ico/icoBtnWrite.png') no-repeat center; background-size:100%; vertical-align:middle;}
.btn02 .icoFix {display:inline-block; width:20px; height:21px; margin-right:10px; background:url('/grad/img/mobile/contents/ico/icoFix.png') no-repeat center; background-size:100%; vertical-align:middle;}
.btn02 .icoTakeEx {display:inline-block; width:26px; height:27px; margin-right:10px; background:url('/grad/img/mobile/contents/ico/icoTakeEx.png') no-repeat center; background-size:100%; vertical-align:middle;}
.btn03 {display:inline-block; min-width:200px; height:60px; line-height:27px; padding:14px 8px; font-size:18px; font-size:1.8rem; border:1px solid #3b4f9c; background:#fff; color:#3b4f9c; text-align:center; vertical-align:top; box-sizing:border-box;}
.btn03 .icoPrint {display:inline-block; width:20px; height:20px; margin-right:10px; background:url('/grad/img/pc/contents/ico/icoPrint02.png') no-repeat center; background-size:100%; vertical-align:middle;}
.btn04 {display:inline-block; position:relative; height:35px; line-height:120%; padding:10px 14px; margin-top:10px; font-size:14px; font-size:1.4rem; font-weight:500; background:#555; color:#fff; text-align:center; vertical-align:top; box-sizing:border-box; white-space:nowrap;}
.btn04.widthIco {padding-right:44px;}
.btn04.widthIco .icoWrite {position:absolute; top:0; right:0; width:30px; height:100%; border:1px solid #555; background:#fff url('/grad/img/mobile/contents/ico/icoWrite.png') no-repeat center; background-size:15px; box-sizing:border-box;}
.btn04.off {background:#999;}
.btn04.small {height:30px; padding-top:9px;}
.btn04.mw120 {min-width:120px;}
.btn04 .icoIntroduction {display:inline-block; width:13px; height:12px; margin-right:9px; background:url('/grad/img/mobile/contents/ico/icoIntroduction.png') no-repeat center; background-size:100%;}
.btn04 .icoIntroduction02 {display:inline-block; width:13px; height:12px; margin-right:9px; background:url('/grad/img/mobile/contents/ico/icoIntroduction02.png') no-repeat center; background-size:100%;}
.btn04.colOther01 {padding-top:7px; margin-top:0; margin-left:5px; vertical-align:middle; background:#eee; border:1px solid #ddd; color:#444; box-sizing:border-box;}
.btn05 {display:inline-block; min-width:86px; height:35px; padding:10px 20px; margin-top:10px; font-size:14px; font-size:1.4rem; background:#fff; color:#483d2e; border:1px solid #be9b71; text-align:center; vertical-align:top; box-sizing:border-box;}
.btn05 .icoArrL {display:inline-block; width:23px; height:14px; margin-right:9px; background:url('/grad/img/pc/contents/ico/icoArrL_blue.png') no-repeat center; vertical-align:middle;}
.btn06 {display:inline-block; min-width:86px; height:35px; padding:10px 20px; margin-top:10px; font-size:14px; font-size:1.4rem; border:0; background:#3b4f9c; color:#fff; text-align:center; outline:0; vertical-align:top; box-sizing:border-box;}
.btn06 .icoArrR {display:inline-block; width:23px; height:14px; margin-left:9px; background:url('/grad/img/pc/contents/ico/icoArrR_sm.png') no-repeat center; vertical-align:middle;}
.btn06 .icoDown {display:inline-block; width:14px; height:13px; margin-left:9px; background:url('/grad/img/pc/common/ico/icoDown01.png') no-repeat center; vertical-align:middle;}
.btn07 {display:table; position:relative; float:left; width:32.2%; margin-left:1.7%; border:1px solid #d8ccbf; text-align:left; background:#fff; box-sizing:border-box; vertical-align:top;}
.btn07:first-child {margin-left:0;}
.btn07 p {display:table-cell; position:relative; margin:0; padding:15px 20px 15px 3px; vertical-align:middle; border-right:1px solid #d8ccbf; font-size:18px; font-size:1.8rem; color:#8e6f4d; line-height:100%; box-sizing:border-box; letter-spacing:-0.6px; word-break: keep-all;}
.btn07 .ico {display:table-cell;; position:relative; width:48px; height:48px; border-radius:0; vertical-align:top;}
.btn07 .ico.icoOutsideL {background:#f5f2ef url('/grad/img/pc/contents/ico/icoOutsideL.png') no-repeat center;}
.btn07 .ico.icoExtend {background:url('/grad/img/pc/contents/ico/icoExtend.png') no-repeat center left 20px;}
.btn07 .ico.icoPlay {background:url('/grad/img/pc/contents/ico/icoPlay02.png') no-repeat center left 20px;}
.btn07 .ico.icoFacebook {background:url('/grad/img/pc/contents/ico/icoFacebook.png') no-repeat center left 20px;}
.btn07 .ico.icoBlog {background:url('/grad/img/pc/contents/ico/icoBlog.png') no-repeat center left 20px;}
.btn07 .ico.icoBrochure {background:url('/grad/img/pc/contents/ico/icoBrochure.png') no-repeat center left 20px;}
.btnFloatTop {display:block; position:fixed; overflow:hidden; bottom:30px; right:15px; width:56px; height:56px; border:1px solid #d5d9e4; border-radius:50%; background:#fff url('/grad/img/mobile/contents/ico/icoFixedBtn.png') no-repeat center; background-size:15px; text-indent:-99999px; white-space:nowrap; box-shadow:8px 8px 46px rgba(0, 0, 0, 0.11); outline:0; cursor:pointer; z-index:99;}
.btn01.btnGold{border:1px solid #c1a98f; background:#fff; color:#c1a98f;}
.btn01.btnGold .arr {background:url('/grad/img/pc/contents/ico/icoArrR_brown.png') no-repeat center; background-size:100%;}
.btn02.btnGold{background:#c1a98f; color:#fff;}
.btn03.btnGold{border:1px solid #c1a98f; background:#fff; color:#c1a98f;}
/* //button */
/* placeholder clear */
input.placeClear:focus::-webkit-input-placeholder { color:transparent; }
input.placeClear:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input.placeClear:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input.placeClear:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
/* //placeholder clear */
/* list */
.oListType01.colBlack {color:#555;}
.oListType01 {padding-left:22px; margin:20px 0 0; color:#1f3a93;}
.oListType01 li {margin-top:10px; font-size:14px; font-size:1.4rem;}
.oListType01 li.mT0 {margin-top:0;}
.oListType01 .olTxt {line-height:157.142%; margin:0; font-size:14px; font-size:1.4rem; color:#555;}
.oListType01 .referMark01 {margin:5px 0 0;}
.olOther01 {padding-left:20px; list-style:none;}
.olOther01 li {position:relative; margin-top:2px;}
.olOther01 .num {position:absolute; top:0; left:-15px;}
.boxType02 .olOther01 > li{margin-top:10px;}
.boxType02 .olOther01 > li .oListType01{margin-top:10px;}
.stepList01 {margin-top:60px; font-size: 0; text-align:center;}
.stepList01 li {display:inline-block; position:relative; width:116px; vertical-align:top;}
.stepList01 li:before {content:''; position: absolute; top:13px; left:0; width:50%; height:2px; background:#e4e9ef;}
.stepList01 li:after {content:''; position: absolute; top:13px; left:50%; width:50%; height:2px; background:#e4e9ef;}
.stepList01 li:first-child:before, .stepList01 li.last:after {display:none;}
.stepList01 li .round {display:inline-block; position:relative; width:28px; height:28px; z-index:10;}
.stepList01 li .round:before {content:''; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; border-radius:50%; background:#e4e9ef;}
.stepList01 li .round:after {content:''; position:absolute; top:50%; left:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:#c0c4d0;}
.stepList01 li .txt {line-height:131.25%; margin-top:9px; font-size:16px; font-size:1.6rem; color:#8c93a8; word-break:keep-all;}
.stepList01 li.on:before, .stepList01 li.done:before, .stepList01 li.done:after {background:#ece5dd;}
.stepList01 li.on .round:before {top:0; left:0; width:100%; height:100%; margin:0; background:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.15);}
.stepList01 li.on .round:after {width:16px; height:16px; margin:-8px 0 0 -8px; background:#bfa98f;}
.stepList01 li.done .round:before {top:0; left:0; width:100%; height:100%; margin:0; background:#ece5dd;}
.stepList01 li.done .round:after {width:16px; height:16px; margin:-8px 0 0 -8px; background:#bfa98f url('/grad/img/mobile/contents/ico/icoStepChk.png') no-repeat center; background-size:100%;}
.stepList01 li.on .txt {font-weight:600; color:#9f815f;}
.stepList01 li.done .txt {color:#ddd1c4;}
.stepList02 {margin-top:40px; font-size:0;}
.stepList02 li {display:inline-block; position:relative; padding-right:60px; box-sizing:border-box;}
.stepList02 li:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; margin-top:-0.5px; background:#e4e9ef; z-index:1;}
.stepList02 li:after {content:''; position:absolute; top:50%; right:-5.5px; width:5px; height:5px; margin-top:-5.5px; border:3px solid #8c93a8; border-radius:50%; background:#fff; z-index:10;}
.stepList02 li.last:after {display:none;}
.stepList02 li.last:before {display:none;}
.stepList02 li .roundW {display:table-cell; position:relative; width:127px; height:127px; line-height:112.5%; font-size:16px; font-size:1.6rem; border-radius:50%; background:#f7f7f7; color:#8c93a8; text-align:center; vertical-align:middle; z-index:5;}
.stepList02 li.on .roundW {font-weight:600; background:#ad997d; color:#fff;}
.stepList02.blue {margin-top:0; padding:0 26px;}
.stepList02.blue li {margin-top:40px;}
.stepList02.blue li:before {background:#1f3a93;}
.stepList02.blue li:after {right:-12px; width:15px; height:15px; margin-top:-10px; border:3px solid #fff; border-radius:50%; background:#1f3a93;}
.stepList02.blue li .roundW {display:table-cell; position:relative; width:150px; height:150px; line-height:130%; font-size:16px; font-size:1.6rem; border-radius:50%; background:#fff; color:#1f3a93; border:2px solid #1f3a93; text-align:center; vertical-align:middle; z-index:5;}
.stepList02.blue li.on .roundW {background:#1f3a93; color:#fff;}
.stepList03 li {float:left; height:145px; margin-top:30px; border-top:1px solid #e8e1d9; border-bottom:1px solid #e8e1d9; text-align:center; box-sizing:border-box;}
.stepList03 li .btn04 {height:30px; padding-top:9px; margin-top:12px;}
.stepList03 .stepCell {display:table-cell; vertical-align:middle;}
.stepList03 .stepW01 {display:table; position:relative; width:105px; height:88px; border-left:1px solid #e8e1d9; background:#bfaa8f; color:#fff; box-sizing:border-box;}
.stepList03 .stepW01:before {content:''; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-5.5px; border-top:5.5px solid transparent; border-bottom:5.5px solid transparent; border-left:5px solid #e8e1d9;}
.stepList03 li:first-child .stepW01:before {display:none;}
.stepList03 .stepW01 .txtStep {font-size:11px; font-size:1.1rem; color:#e8e1d9;}
.stepList03 .txt {display:block; line-height:112.5%; margin-top:8px; font-size:16px; font-size:1.6rem; font-weight:400; word-break:keep-all;}
.stepList03 .stepW02 {display:table; position:relative; width:105px; height:143px; border-left:1px solid #e8e1d9; background:#f5f2ee; box-sizing:border-box;}
.stepList03 .stepW02:before {content:''; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-5.5px; border-top:5.5px solid transparent; border-bottom:5.5px solid transparent; border-left:5px solid #e8e1d9;}
.stepList03 .stepW02 .txt {margin-top:0; color:#8e724d;}
.stepList03 .last .stepW02 {border-right:1px solid #e8e1d9;}
.stepList03.listFive li {width:20%; margin-top:20px;}
.stepList03.listFive .stepW01 {width:100%;}
.stepList03 .stepTxtW {display:table; width:100%; height:55px;}
.stepList03 .stepTxtW .stepTxt {display:table-cell; font-size:16px; font-size:1.6rem; color:#8e704c; vertical-align:middle; word-break:keep-all;}
/*국가장학금 추가 2019-05-18 */
.stepList3 li {float:left; height:195px; margin-top:30px; border-top:1px solid #e8e1d9; border-bottom:1px solid #e8e1d9; text-align:center; box-sizing:border-box;}
.stepList3 li .btn04 {height:30px; padding-top:9px; margin-top:12px;}
.stepList3 .stepCell {display:table-cell; vertical-align:middle;}
.stepList3 .stepW01 {display:table; position:relative; width:105px; height:88px; border-left:1px solid #e8e1d9; background:#bfaa8f; color:#fff; box-sizing:border-box;}
.stepList3 .stepW01:before {content:''; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-5.5px; border-top:5.5px solid transparent; border-bottom:5.5px solid transparent; border-left:5px solid #e8e1d9;}
.stepList3 li:first-child .stepW01:before {display:none;}
.stepList3 .stepW01 .txtStep {font-size:11px; font-size:1.1rem; color:#e8e1d9;}
.stepList3 .txt {display:block; line-height:112.5%; margin-top:8px; font-size:16px; font-size:1.6rem; font-weight:400; word-break:keep-all;}
.stepList3 .stepW02 {display:table; position:relative; width:105px; height:143px; border-left:1px solid #e8e1d9; background:#f5f2ee; box-sizing:border-box;}
.stepList3 .stepW02:before {content:''; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-5.5px; border-top:5.5px solid transparent; border-bottom:5.5px solid transparent; border-left:5px solid #e8e1d9;}
.stepList3 .stepW02 .txt {margin-top:0; color:#8e724d;}
.stepList3 .last .stepW02 {border-right:1px solid #e8e1d9;}
.stepList3.listFour li {width:25%; margin-top:20px;}
.stepList3.listFour .stepW01 {width:100%;}
.stepList3 .stepTxtW {display:table; width:100%; height:80px;}
.stepList3 .stepTxtW .stepTxt {display:table-cell; font-size:16px; font-size:1.6rem; line-height:21px;color:#8e704c; vertical-align:middle; word-break:keep-all;padding:15px;}
.listTbl01 li {float:left; width:33.33333%; margin-top:30px; border-top:1px solid #e8e1d9; border-bottom:1px solid #e8e1d9; text-align:center; box-sizing:border-box;}
.listTbl01 .stepCell {position:relative; display:table-cell; vertical-align:top; padding-top:20px;}
.listTbl01 .stepCell:after {content:''; position:absolute; top:50%; right:0; display:table; width:1px; height:55px; margin-top:-27.5px; background:#f3f0ec;}
.listTbl01 li:last-child .stepCell:after {content:''; display:none;}
.listTbl01 .stepW01 {display:table; position:relative; width:100%; height:139px; color:#444; box-sizing:border-box;}
.listTbl01 .stepW01:before {content:''; position:absolute; top:53px; left:50%; width:12px; height:1px; background:#906f4e; margin-left:-6px;}
.listTbl01 .stepW01 .txtStep {font-size:18px; font-size:1.8rem; color:#906f4e; font-weight:600; letter-spacing:-0.6px;}
.listTbl01 .txt {display:block; line-height:112.5%; margin-top:30px; font-size:16px; font-size:1.6rem; font-weight:600; color:#444;}
.listTbl01 .time {display:block; line-height:112.5%; margin-top:8px; font-size:16px; font-size:1.6rem; font-weight:500; color:#999;}
.radioList li{margin-bottom:20px; position:relative; border:1px solid #e2e2e2; border-radius:5px;}
.radioList li:hover{border-color:#c1a98f;}
.radioList li:last-child{margin-bottom:0;}
.radioList li .radio01{width:100%; display:block;}
.radioList li .radio01 label{width:100%; display:block; padding:0;}
.radioList li .radio01 label .txt{width:100%; height:auto; display:block; padding:21px 30px 21px 45px; transition:0.3s all; box-sizing:border-box;}
.radioList li.padLess .radio01 label .txt{height:auto; line-height:20px; padding:9px 30px 9px 45px;}
.radioList li:hover .radio01 label .txt{background:#c1a98f; border-color:#c1a98f; color:#fff;}
.radioList li .radio01 label .txt:before{top:20px; left:22px;}
.radioList li .radio01 label .txt::after{top:24px; left:22px;}
.radioList li .radio01 label .txt.twoLine::before{top:20px}
.radioList li .radio01 label .txt.twoLine::after{top:24px}
.radioList li .radio01 label input:checked + .txt{background:#c1a98f; border-color:#c1a98f; color:#fff;}
.radioList li a{display:inline-block; font-size:14px; font-size:1.4rem; padding:10px 12px; color:#555; border:1px solid #e2e2e2; transition:0.3s all; position:absolute; top:12px; right:30px;}
.radioList li:hover a{color:#fff; border-color:#fff;}
/* //list */
/* box */
.boxType01 {padding:38px 32px; margin-top:30px; border-top:2px solid #bfa98f; border-radius:10px; background:#fff url('/grad/img/pc/contents/bg/bgBoxType01.png') no-repeat right top; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
.boxType02 {padding:40px 30px; margin-top:40px; border-top:1px solid #959aaa; border-bottom:1px solid #dadde4; background:#fafcff;}
.boxType03 {padding:30px 20px; margin-top:30px; border:1px solid #dcdee5; border-top:2px solid #9f815f;}
.boxType02_1 {padding:20px 20px; margin-top:30px; border-top:1px solid #959aaa; border-bottom:1px solid #dadde4; background:#fafcff;}
.boxTerms01 {overflow-x:hidden; overflow-y:auto; max-height:147px; line-height:125%; padding:0 9px 10px; margin-top:18px; font-size:13px; font-size:1.3rem; border:1px solid #ccc; color:#555;}
.boxTerms01 ol {line-height:150%; padding-left:20px;}
.boxType01 {position:relative; width:100%; box-sizing:border-box;}
.boxType01 .tit01 {padding-top:0; font-family:"notokr";}
.boxType01 .tit01 span {display:inline-block; margin-right:5px; font-size:60px; font-size:6rem; color:rgba(214, 198, 185, 0.6); font-weight:bold; vertical-align:middle; font-family:"Roboto";}
.boxType01 div {font-size:18px; font-size:1.8rem; color:#888; line-height:144%;}
.verticalCont .boxType01 {display:table; padding:38px 20px;}
.verticalCont .boxType01 .tit01 {display:table-cell; position:relative; padding-right:10px; vertical-align:middle;}
.verticalCont .boxType01 div {display:table-cell; padding-left:10px; text-align:right; vertical-align:middle;}
.myScreening .imgW{text-align:center; margin-bottom:40px;}
.myScreening .imgW img{margin:0 auto;}
/* //box */
/* tab */
.tabScroll {overflow-x:auto; overflow-y:hidden;}
.tabType01 {margin:60px 0 0 0;}
.tabType01 .tabWrap {position:relative; width:100%; box-sizing:border-box; border-top:1px solid #dadde4; border-left:1px solid #dadde4;}
.tabType01 .inList {display:table; width:100%;}
.tabType01 .inList li {display:table-cell; position:relative; width:25%; height:50px; box-sizing:border-box; border-bottom:1px solid #dadde4; border-right:1px solid #dadde4; vertical-align:middle;}
.tabType01 .inList li.disabled {border:0;}
.tabType01 .inList li a {display:inline-block; position:relative; width:100%; padding:10px 4px; vertical-align:middle; text-align:center; font-size:14px; font-size:1.4rem; color:#555; box-sizing:border-box;}
.tabType01 .inList li.on {background:#1f3a93;}
.tabType01 .inList li.on a {color:#fff;}
.tabType01 .btn01.small {padding:6px; vertical-align:middle;}
.tabType02 {padding:40px 0 0 0; margin-top:20px;}
.tabType02 .tabWrap {position:relative; width:100%; box-sizing:border-box; border:1px solid #dbdee9;}
.tabType02 .tabWrap li{width:12.5%; float:left; border-right:1px solid #dbdee9; box-sizing:border-box;}
.tabType02 .tabWrap li:last-child{border-right:none;}
.tabType02 .tabWrap li a{display:block; padding:12px 0; box-sizing:border-box; font-size:14px; font-size:1.4rem; color:#444; text-align:center; transition:0.3s;}
.tabType02 .tabWrap li:hover a, .tabType02 .tabWrap li.on a{background:#1f3a93; color:#fff; font-weight:bold;}
.tabType02 .tabWrap.tabWrap02{display:table;}
.tabType02 .tabWrap.tabWrap02 li{width:auto; display:table-cell;}
.tabType02 .tabWrap.tabWrap02 li:last-child{border-right:none;}
.tabType02 .tabWrap.tabWrap02 li a{padding:12px 15px; display:table-cell;}
.tabType02 .tabWrap.pop{display:inline-block; font-size:0; width:auto;}
.tabType02 .tabWrap.pop li{width:auto;}
.tabType02 .tabWrap.pop li a{padding:10px 32px;}
.tabType03 {margin-top:12px;}
.tabType03 .tabWrap {position:relative; padding:0 30px;}
.tabType03 .tabWrap ul {overflow-x:auto; overflow-y:hidden; font-size:0; white-space:nowrap;}
.tabType03 .tabWrap:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e8e9ee; z-index:0}
.tabType03 .tabWrap li {display:inline-block; vertical-align:top;}
.tabType03 .tabWrap ul.tabHalf li{width:50%;}
.tabType03 .tabWrap li a {display:block; position:relative; min-width:120px; height:50px; line-height:30px; padding:10px 5px; font-size:18px; font-size:1.8rem; white-space:nowrap; color:#8c93a8; text-align:center; box-sizing:border-box; transition:0.4s;}
.tabType03 .tabWrap li a:after {content:''; position:absolute; bottom:0; left:50%; width:0; height:1px; background:#a48866; z-index:10; transition:0.4s;}
.tabType03 .tabWrap li.on a, .tabType03 .tabWrap li:hover a {font-weight:600; color:#8d714c;}
.tabType03 .tabWrap li.on a:after, .tabType03 .tabWrap li:hover a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#a48866; z-index:10;}
.tabType04 {margin-top:55px;}
.tabType04 .tabWrap {position:relative; width:100%;}
.tabType04.tab10 .tabWrap {display:table; min-width:935px;}
.tabType04 .tblCellW {display:table-cell; vertical-align:middle; position:relative; border:1px solid #dbdee9; border-right:none;}
.tabType04 .tblCellW .tblTit {position:absolute; padding:30px 0; width:157px; text-align:center; font-size:16px; font-size:1.6rem; color:#444; background:#f0f1f4; border-right:1px solid #dbdee9; box-sizing:border-box;}
.tabType04.tab10 .tblCellW .tblTit {width:100px;}
.tabType04 .tblCellW .tabList {padding-left:157px;}
.tabType04.tab10 .tblCellW .tabList {padding-left:100px;}
.tabType04 .tblCellW .tabList li {width:33.33333%; float:left; border-right:1px solid #dbdee9; box-sizing:border-box;}
.tabType04 .tblCellW .tabList li a {position:relative; display:block; padding:12px 0; box-sizing:border-box; font-size:14px; font-size:1.4rem; color:#444; text-align:center; transition:0.3s;}
.tabType04 .tblCellW .tabList li .line:after {content:''; display:block; position:absolute; bottom:0; width:100%; height:1px; background:#dbdee9;}
.tabType04 .tblCellW.celltSmall {width:33%; border-left:none;}
.tabType04 .tblCellW.celltSmall02 {border-left:none;}
.tabType04 .tblCellW.celltSmall .tabList li {width:100%;}
.tabType04 .tblCellW.celltSmall02 .tabList li {width:50%;}
.tabType04 .imgW {overflow:hidden; display:inline-block; width:120px; height:120px; border:15px solid #f0f1f4; border-radius:50%; background:#1f3a93; vertical-align:middle; box-sizing:border-box;}
.tabType04 .imgW img {width:100%;}
.tabType04 .txtW {display:inline-block; margin-left:48px; vertical-align:middle;}
.tabType04 .txtW .tit {display:block; margin-top:8px; font-size:22px; font-size:2.2rem; font-weight:500; color:#444;}
.tabType04 .txtW .num {font-size:14px; font-size:1.4rem; font-weight:600; color:#3b4f9c;}
.tabType04 .txtW .txt02 {margin-top:18px;}
/* //학부추가20201125 */
.tabType05 {margin-top:55px;}
.tabType05 .tabWrap {position:relative; width:100%;}
.tabType05.tab10 .tabWrap {display:table; min-width:935px;}
.tabType05 .tblCellW {display:table-cell; vertical-align:middle; position:relative; border:1px solid #dbdee9; border-right:none;}
.tabType05 .tblCellW .tblTit {position:absolute; padding:30px 0; width:157px; text-align:center; font-size:16px; font-size:1.6rem; color:#444; background:#f0f1f4; border-right:1px solid #dbdee9; box-sizing:border-box;}
.tabType05.tab10 .tblCellW .tblTit {width:125px;}
.tabType05 .tblCellW .tabList {padding-left:157px;}
.tabType05.tab10 .tblCellW .tabList {padding-left:125px;}
.tabType05 .tblCellW .tabList li {width:20%; float:left; border-right:1px solid #dbdee9; box-sizing:border-box;}
.tabType05 .tblCellW .tabList li a {position:relative; display:block; padding:12px 0; box-sizing:border-box; font-size:14px; font-size:1.4rem; color:#444; text-align:center; transition:0.3s;}
.tabType05 .tblCellW .tabList li .line:after {content:''; display:block; position:absolute; bottom:0; width:100%; height:1px; background:#dbdee9;}
.tabType05 .tblCellW.celltSmall {width:33%; border-left:none;}
.tabType05 .tblCellW.celltSmall02 {border-left:none;}
.tabType05 .tblCellW.celltSmall .tabList li {width:100%;}
.tabType05 .tblCellW.celltSmall02 .tabList li {width:50%;}
.tabType05 .imgW {overflow:hidden; display:inline-block; width:120px; height:120px; border:15px solid #f0f1f4; border-radius:50%; background:#1f3a93; vertical-align:middle; box-sizing:border-box;}
.tabType05 .imgW img {width:100%;}
.tabType05 .txtW {display:inline-block; margin-left:48px; vertical-align:middle;}
.tabType05 .txtW .tit {display:block; margin-top:8px; font-size:22px; font-size:2.2rem; font-weight:500; color:#444;}
.tabType05 .txtW .num {font-size:14px; font-size:1.4rem; font-weight:600; color:#3b4f9c;}
.tabType05 .txtW .txt02 {margin-top:18px;}
.verticalTabW{border-top:1px solid #959aaa; margin-top:35px;}
.verticalTabW .verticalTab{padding:20px 0 20px; border-bottom:1px solid #dadde4; position:relative;}
.verticalTabW .verticalTab .txt01{margin-top:0; font-weight:bold; float:left;}
.verticalTabW .verticalTab ul{padding-left:355px;}
.verticalTabW .verticalTab ul li{font-size:0; margin-bottom:12px;}
.verticalTabW .verticalTab ul li:last-child{margin-bottom:0;}
.verticalTabW .verticalTab ul li span{width:24px; height:24px; border:1px solid #e3e6ed; background:#f0f1f4; box-sizing:border-box; display:inline-block; font-size:13px; font-size:1.3rem; color:#344e85; font-weight:bold; text-align:center; vertical-align:middle; border-radius:50%; line-height:22px; font-family:"Roboto"; transition:0.3s all;}
.verticalTabW .verticalTab ul li a{display:inline-block; font-size:14px; font-size:1.4rem; color:#000; vertical-align:middle; margin-left:10px; transition:0.3s all;}
.verticalTabW .verticalTab ul li a .arr{display:inline-block; float:right; width:23px; height:14px; margin-left:10px; background:url('/grad/img/pc/contents/ico/icoArrR_blue.png') no-repeat center; vertical-align:middle;}
.verticalTabW .verticalTab ul li:hover span{border-color:#1f3a93; background:#1f3a93; color:#fff;}
.verticalTabW .verticalTab ul li:hover a{font-weight:bold; color:#1f3a93;}
.verticalCont .txt01.txtBlue{font-weight:bold; margin:0 0 30px 0; text-align:center;}
.verticalCont .imgW{padding:40px 40px 80px; text-align:center; position:relative; box-sizing:border-box;}
.verticalCont .imgW .imgAlt{width:1px; height:1px; position:absolute; top:0; left:0; color:rgba(0,0,0,0); font-size:0; opacity:0; text-indent:-9999em;}
.verticalCont .imgW ul{width:100%; margin-top:70px;}
.verticalCont .imgW ul li{width:47.5%; height:180px; border:1px solid #dadde4; float:left; position:relative; margin:0 2.5% 80px 0; box-sizing:border-box; padding:70px 0 0 0}
.verticalCont .imgW ul li:nth-child(2n){margin-right:0;}
.verticalCont .imgW ul li:nth-child(3),.verticalCont .imgW ul li:nth-child(6){margin-bottom:0px;}
.verticalCont .imgW ul li img{position:absolute; top:-60px; left:50%; margin-left:-60px; width:auto; max-width:100%;}
.verticalCont .boxW {padding:40px 40px 80px; text-align:center; position:relative; box-sizing:border-box;}
.certificateInfo {font-size:0;}
.certificateInfo li {display:inline-block; padding:10px; width:50%; vertical-align:top; box-sizing:border-box;}
.boxType04 {padding:0 15px; height:145px; text-align:center; border:1px solid #dadde4; box-sizing:border-box;}
.boxType04 .tit05 {text-align:center;}
.boxType04 .tit05:after {display:block; position:relative; content:''; margin:15px auto 0; width:30px; height:1px; background:#1f3a93;}
.boxType04 .txt01 {padding:18px 0; margin:0; color:#333;}
/* //tab */
/* table */
.table01 {margin-top:30px; border-top:1px solid #959aaa;}
.table01 th, .table01 td {line-height:130%; padding:15px 10px 15px 18px; border-bottom:1px solid #dadde4; word-break:keep-all; box-sizing:border-box;}
.table01 th {height:44px; font-size:16px; font-size:1.6rem; font-weight:600; color:#344e85; }
.table01 th.txtBlack14{font-size:14px; font-size:1.4rem; color:#555;}
.table01 th .txtHSmall {display:block; padding-left:10px; font-size:14px; font-size:1.4rem; font-weight:400; color:#98a1c3; letter-spacing:-1px;}
.table01 th .txtHSmall.pL0 {padding-left:0;}
.table01 td {height:52px; font-size:14px; font-size:1.4rem; color:#555;}
.table01 td .inputW01 .chkBox01 {margin:20px 0 0;}
.table01 td .inputW01 .txtInblock01 {margin:20px 0 0; vertical-align:top;}
.table01 td .inputW01 .btn04.colOther01 {margin:10px 0 0;}
.table01 .thW01 {width:22%; vertical-align:top;}
.table01 .tdW01 {padding-top:5px;}
.table01 .tdW01 .radio01, .table01 .tdW01 .chkBox01 {margin-top:10px;}
.table01 .tdW01 .chkBox01.mT0 {margin-top:0px;}
.table01 .tdW01 .radio01.mT0 {margin-top:0;}
.table01 td .label.colBraun {padding:4px 6px 2px; font-size:12px; font-size:1.2rem; background:#9f815f; border:1px solid #836a4d; border-radius:2px; color:#fff; box-sizing:border-box; font-weight:600;}
.table01 td .label.mT10{margin-top:10px;}
.table01 .referList01 {margin-top:10px;}
.table01 input.wd100 {width:100%;}
.table01 input.tel {width:100%;}
.table02 {margin:60px 0 0 0; width:100%; text-align:center;}
.table02 .row:first-child {padding:20px; font-size:16px; font-size:1.6rem; border-top:1px solid #959aaa; color:#344e85;}
.table02 .row:first-child .label {padding:0;}
.table02 .row {position:relative; border-top:1px solid #e6e6e6;}
.table02 .row.contents {padding:40px 20px; line-height:157%; min-height:200px; text-align:left; border-top:1px solid #dadde4; box-sizing:border-box;}
.table02 .row.contents img {max-width:100%; height:auto;}
.table02 .row > div {box-sizing:border-box;}
.table02 .row .label {float:left; padding:11px 20px; box-sizing:border-box; line-height:140%;}
.table02 .row.addFile .label {position:absolute; top:0; left:0; padding:13px 20px 12px 15px; line-height:157%;}
.table02 .row.addFile {padding:0 20px 0 85px; width:100%; min-height:39px; border-top:1px solid #dadde4; border-bottom:1px solid #dadde4; box-sizing:border-box;}
.table02 .tit {display:block; float:left; position:relative; text-align:left; color:inherit; box-sizing:border-box; line-height:140%;}
.table02 .tit > p {margin:0;}
.table02 .row.addFile .tit {padding:13px 0 12px; width:100%; box-sizing:border-box;}
.table02 .tit.txtWriter {padding:11px 10px 11px 0; font-weight:400; color:#555;}
.table02 .tit .txt06 {float:left; min-height:21px;}
.table02 .addFile .ico {position:absolute; top:15px; left:0; margin:0; width:18px; height:18px; background-size:100%; border-radius:0; vertical-align:bottom;}
.table02 .row.addFile .txt06 {float:none; width:100%; padding-left:28px; font-weight:400; box-sizing:border-box;}
.table02 .txt {display:block; float:left; padding:13px 20px 12px 0; text-align:left; color:inherit; box-sizing:border-box;}
.table02 .ico.arrUp01, .table02 .ico.arrDown01 {display:inline-block; position:relative; margin-right:14px; width:9px; height:6px; vertical-align:middle;}
.table02 .otherList {position:relative; width:100%; margin-top:20px; border-top:1px solid #dadde4; border-bottom:1px solid #dadde4;}
.table02 .otherList li {position:relative; padding:0 20px 0 100px; border-top:1px solid #e5e7ec;}
.table02 .otherList li:first-child {border-top:none;}
.table02 .otherList li .tit {padding: 15px 0; font-size:14px; font-size:1.4rem;}
.table02 .otherList .label {position:absolute; left:0; top:0; padding:15px 20px 15px 24px; color:#344e85; line-height:140%;}
.table02 .ico.view {display:none;}
.table03 {border-top:1px solid #a9aebb;}
.table03 thead {background:#fbfcff;}
.table03 th {border-bottom:1px solid #d8dbe2; border-left:1px solid #d8dbe2; font-size:16px; font-size:1.6rem; font-weight:600; color:#344e85; text-align:left;}
.table03 .thGold {background:#fcfcfa; color:#9f815f;}
.table03 td {line-height:130%; padding:20px; font-size:14px; font-size:1.4rem; border-bottom:1px solid #d8dbe2; border-left:1px solid #d8dbe2; color:#555;}
.table03 thead th {padding:14px 20px;}
.table03 thead th.divide {background:url('/grad/img/pc/contents/ico/divideLine.png') no-repeat center; background-size:100% 100%;}
.table03 tbody th {padding:20px; background:#fbfcff;}
.table03 tbody td .oMark {width:14px; height:14px; border:1px solid #555; border-radius:50%; display:inline-block; vertical-align:middle;}
.table03 tbody td .xMark {width:11px; height:11px; display:inline-block; background:url('/grad/img/pc/contents/ico/xMark.png') no-repeat center top; vertical-align:middle;}
.table03 .bLNone {border-left:0px;}
.table03 .bbLNone {border-bottom:0px;}
.mW600 {min-width:600px;}
.mW800 {min-width:800px;}
.btnEditor .floatL .btn {margin:30px 7px 0 0;}
.btnEditor .floatR .btn {margin:30px 0 0 7px;}
.btnEditor .txtC .btn {margin-top:30px;}
.securityW {position:relative; padding-left:250px;}
.securityW > .securityImg {position:absolute; top:50%; left:0; margin-top:-20px;}
.securityW > .txt {margin:10px 0 0;}
.labelAreaW {box-sizing:border-box;}
.labelAreaW .label {position:absolute; top:0; right:0; float:none; padding:18px 20px 18px 10px; width:auto;}
.labelAreaW {position:relative; float:left; padding:0 40px 0 0; width:25%;}
.labelAreaW > .input01 {width:100%;}
.labelAreaW .select01 {width:100%;}
/* //table */
/* table pager */
.pager {display:inline-block; margin:0 auto; padding:40px 0 0 0;}
.pager a {display:inline-block; margin-left:2px; padding:12px 0; width:35px; height:35px; border:1px solid #ccc; color:#808080; text-align:center; vertical-align:top; box-sizing:border-box;}
.pager a.active {color:#fff; background:#3b4f9c; border:1px solid #3b4f9c;}
.pager ul {overflow:hidden; position:relative;}
.pager a, .pager ul, .pager li, .pager p {float:left;}
.pager .txtPager {display:none;}
.pager .curPage {color:#1f3a93;}
.pager .curPage:after {content:'/'; margin-left:.4em; color:#000;}
.pager .pagerBtn {text-indent:-9999px;}
.pager .pagerBtn.btnPrev {margin-right:5px; background:url('/grad/img/pc/common/ico/icoArrLeft01.png') no-repeat center;}
.pager .pagerBtn.btnNext {margin-left:8px; background:url('/grad/img/pc/common/ico/icoArrRight01.png') no-repeat center;}
.pager .pagerBtn.btnFirst {margin-right:5px; background:url('/grad/img/pc/common/ico/icoArrLeft02.png') no-repeat center;}
.pager .pagerBtn.btnLast {margin-left:8px; background:url('/grad/img/pc/common/ico/icoArrRight02.png') no-repeat center;}
.pager .pagerMoBtn {display:none; float:left;}
.pager .pagerPcBtn {float:left;}
/* //table pager */
/* accordion */
.accordion {margin:60px 0 0 0; position:relative; width:100%; box-sizing:border-box; border-bottom:1px solid #dcdfe6;}
.accordion li {position:relative;}
.accordion li .btnAcco {display:block; position:relative; padding:20px 10px 19px 55px; width:100%; font-size:16px; font-size:1.6rem; border-top:1px solid #dcdfe6; color:#344e85; cursor:pointer; box-sizing:border-box;}
.accordion li .btnAcco:after {content:''; position:absolute; right:20px; top:50%; margin-top:-3px; width:9px; height:6px; background:url('/grad/img/pc/common/ico/icoArr02down.png') no-repeat;}
.accordion li.on .btnAcco:after {background:url('/grad/img/pc/common/ico/icoArr02top.png') no-repeat;}
.accordion li:first-child .btnAcco {border-top:1px solid #959aaa;}
.accoCont > p {margin-top:29px;}
.accoCont {position:relative; display:none; padding:0 30px 30px 85px; border-top:1px solid #dcdfe6; line-height:157%;}
.accoCont .tit04:first-child {padding-top:0;}
.accoCont.bg {background: #fafcff;}
.accordion .btnAcco {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.accordion .ico.question {display:inline-block; position:absolute; left:10px; top:50%; margin-top:-12.5px; width:25px; height:25px; vertical-align:middle; background:url('/grad/img/pc/common/ico/icoQ01.png') no-repeat center;}
.accordion .ico.answer {display:inline-block; position:absolute; left:50px; top:32px; width:25px; height:25px; vertical-align:middle; background:url('/grad/img/pc/common/ico/icoA01.png') no-repeat center;}
/* //accordion */
.labelW01 {position:relative; padding-left:90px; font-size:0;}
.labelW01.inlineB {display:inline-block; margin-right:15px; vertical-align:top;}
.labelW01 .label {position:absolute; top:0; left:0; width:90px; margin-top:20px; font-size:14px; font-size:1.4rem; color:#555;}
.labelW01 .cont {min-height:45px;}
.labelW01 .cont .radio01 {margin-top:20px;}
.hr01 {margin:60px 0 0; border:0; border-top:1px solid #e4e9ef;}
.hr02 {margin:30px 0; border:0; border-top:1px solid #dadde4;}
.hr03 {content:''; display:block; height:1px; margin:0; border:none; background:#dadde4;}
.textarea01 {display:block; width:100%; height:100px; padding:5px; margin-top:10px; font-size:14px; font-size:1.4rem; border:1px solid #b5b5b5; color:#555; box-sizing:border-box;}
.imgFullW01 img {width:100%;}
.letterCount {margin-top:10px; font-size:14px; font-size:1.4rem; color:#555; text-align:right;}
.letterCount .now {color:#cc736d;}
.subTopTitWrap {height:358px; background:url('/grad/img/pc/contents/bg/bgSub_tesol.jpg') no-repeat center; background-size:cover;}
.subTopTitWrap.bg02 {background-image:url('/grad/img/pc/contents/bg/bgSub02.jpg');}
.subTopTitWrap.bg03 {background-image:url('/grad/img/pc/contents/bg/bgSub03.jpg');}
.subTopTitWrap.bg04 {background-image:url('/grad/img/pc/contents/bg/bgSub04.jpg');}
.subTopTitWrap.bg05 {background-image:url('/grad/img/pc/contents/bg/bgSub05.jpg');}
.subTopTitWrap.bg06 {background-image:url('/grad/img/pc/contents/bg/bgSub06.jpg');}
.subTopTitWrap .subTit {padding-top:152px; font-size:18px; font-size:1.8rem; font-weight:500; color:#fff; text-align:center;}
.subTopTitWrap .subTit span {display:block;}
.subTopTitWrap .subTit strong {display:block; padding-top:18px; font-size:36px; font-size:3.6rem; font-weight:600;}
/* location */
.locationW {position:relative; margin-top:-50px; width:100%; height:50px; background:rgba(255,255,255,0.75);}
.location {float:left; position:relative; height:50px; border-left:1px solid #aeaeab; box-sizing:border-box;}
.location > li {float:left; position:relative; height:100%; box-sizing:border-box; color:#1f3b5b;}
.location > li > a, .location > li > span {display:block; overflow:hidden; padding:19px 75px 15px 15px; width:100%; height:100%; border-right:1px solid #aeaeab; font-size:15px; font-size:1.5rem; background-color:rgba(0,0,0,0); color:#1f3b5b; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis;}
.location > li.depth1 {width:199px;}
.location > li.depth2, .location > li.depth3 {min-width:254px;}
.location > li.home {width:55px; background:url('/grad/img/mobile/contents/ico/icoHome01.png') no-repeat center; background-size:13px;}
.location > li.home > a {padding:0; text-indent:-9999px;}
.select02 {display:none; margin-left:-1px; position:absolute; padding-bottom:10px; top:50px; left:0; right:0; font-size:14px; font-size:1.4rem; border:1px solid #aeaeab; border-top:none; background-color:rgba(249,250,251,0.9); z-index:99; box-sizing:border-box;}
.select02 li {position:relative; width:100%; box-sizing:border-box;}
.select02 li a {display:block; padding:19px 0 15px 15px; width:100%; color:#1b253e; box-sizing:border-box; word-break:keep-all;}
.select02 li a:hover {background-color:#ccc;}
.locationW .location > li.hasUl > .btnLoc:after {content: ''; position:absolute; top:50%; right:15px; width:11px; height:7px; margin-top:-3px; background:url('/grad/img/pc/common/ico/icoArrDown02.png') no-repeat center;z-index: 2; pointer-events: none;}
.locationW .location > li > .btnLoc.on:after {background:url('/grad/img/pc/common/ico/icoArrDown02On.png') no-repeat center;}
/* sub */
.imgTableW01 {position:relative; padding-left:230px;}
.imgTableW01 .imgPerW {position:absolute; top:0; left:0; margin-top:40px; text-align:center; box-sizing:border-box;}
.imgTableW01 .imgPerW img {width:200px; border:1px solid #e9e9e9;}
.printTxtW {position:absolute; top:29px; right:0; font-size:0;}
.printTxtW .btnPrint {display:inline-block; overflow:hidden; width:32px; height:32px; border:1px solid #d5d9e4; border-radius:50%; background:url('/grad/img/pc/contents/ico/icoPrint.png') no-repeat center; background-size:100%; vertical-align:top; text-indent:100%; white-space:nowrap;}
.txtZoomW {display:inline-block; padding-top:3px; margin-left:20px; vertical-align:top;}
.txtZoomW a {display:inline-block; position:relative; overflow:hidden; width:26px; height:26px; border:1px solid #d5d9e4; border-left:0; text-indent:100%; white-space:nowrap;}
.txtZoomW a:first-child {border-left:1px solid #d5d9e4;}
.txtZoomW .btnExtend:before {content:''; position:absolute; top:50%; left:50%; width:2px; height:10px; margin:-5px 0 0 -1px; background:#9298a8;}
.txtZoomW .btnExtend:after, .txtZoomW .btnReduce:after {content:''; position:absolute; top:50%; left:50%; width:10px; height:2px; margin:-1px 0 0 -5px; background:#9298a8;}
.txtZoomW .btnZoomReset {width:36px; background:url('/grad/img/pc/contents/ico/icoTxtZoom.png') no-repeat center;}
.snsLinkW {position:absolute; top:29px; right:146px;}
.snsLinkList {font-size:0;}
.snsLinkList li {display:inline-block; margin-right:10px; vertical-align:top;}
.snsLinkList li .ico {display:block; overflow:hidden; width:32px; height:32px; padding:0; border:1px solid #d5d9e4; border-radius:50%; background:#f0f1f4 url('/grad/img/mobile/contents/ico/icoSns01.png') no-repeat center; background-size:100%; text-indent:100%; outline:none; cursor:pointer; white-space:nowrap;}
.snsLinkList li .ico.icoSns02 {background-image:url('/grad/img/mobile/contents/ico/icoSns02.png');}
.snsLinkList li .ico.icoSns03 {background-image:url('/grad/img/mobile/contents/ico/icoSns03.png');}
.snsLinkList li .ico.icoSns04 {background-image:url('/grad/img/mobile/contents/ico/icoSns04.png');}
.snsLinkList li .ico.icoSns05 {background-image:url('/grad/img/pc/contents/ico/icoSns05.png');}
.snsLinkW .btnMobileSns {display:none; overflow:hidden; width:45px; height:45px; padding:0; border:1px solid #d5d9e4; border-radius:50%; background:#f0f1f4 url('/grad/img/mobile/contents/ico/icoSnsLink.png') no-repeat center; background-size:100%; text-indent:100%; outline:none; white-space:nowrap;}
.popMobileSnsW .snsLinkList {margin-top:10px;}
/* CUFS0806 */
.radioSelectedW {display:none;}
.radioSelectedW_company {display:none;}
/* 개인정보 활용동의 */
.temsRadioW {margin-top:20px; font-size:0;}
.temsRadioW.mT60 {margin-top:60px;}
.temsRadioW .txt {display:inline-block; font-size:14px; font-size:1.4rem; color:#555; vertical-align:top;}
.temsRadioW .radio01 {margin:0 0 0 10px;}
/* // 개인정보 활용동의 */
/* //sub */
/* main */
.mainSlideW {position:relative;}
.mainSlide {width:100%;}
.mainSlide li {height:760px; background:url('/grad/img/pc/contents/temp/bgMainSlide00.jpg') no-repeat center; background-size:cover;}
.mainSlide .slide00 {background-image:url('/grad/img/pc/contents/temp/bgMainSlide00.jpg');}
.mainSlide .slide01 {background-image:url('/grad/img/pc/contents/temp/tesolent_mainimg001.jpg');}
.mainSlide .slide02 {background-image:url('/grad/img/pc/contents/temp/tesolent_mainimg003.jpg');}
.mainSlide .slide03 {background-image:url('/grad/img/pc/contents/temp/bgMainSlide03.jpg');}
.mainSlide .slide04 {background-image:url('/grad/img/pc/contents/temp/bgMainSlide04.jpg');}
.mainSlide .slide001 {background-image:url('/grad/img/pc/contents/temp/TESOL_main_ent-1.png');}
.mainSlide .slide002 {background-image:url('/grad/img/pc/contents/temp/TESOL_main_ent-2.png');}
.mainSlide .slide003 {background-image:url('/grad/img/pc/contents/temp/TESOL_main_ent_cut_3.jpg');}
.mainSlide .slide25-2 {background-image:url('/grad/img/pc/contents/temp/TESOL_main_slide25-2.jpg');}
.mainSlide .slide005 {background-image:url('/grad/img/pc/contents/temp/TESOL_main_ent_cut_6.jpg');}
.mainSlide .txt {position:absolute; bottom:220px; left:0; width:100%; padding:0 30px; margin:0; font-size:50px; font-size:5.0rem; color:#fff; text-align:center; line-height:126%; text-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); letter-spacing:-2px; box-sizing:border-box;}
.slideQuickW {position:relative;}
.slideQuickLink {position:absolute; right:0; bottom:310px; width:380px;}
.slideQuickLink li {float:left; width:50%; padding:20px 0 0 17px; box-sizing:border-box;}
.slideQuickLink a {display:block; position:relative; height:130px; padding:25px 0 20px 24px; font-size:24px; font-size:2.4rem; border:3px solid #fff; border-radius:8px; background:#978c84; color:#fff; letter-spacing:-1px; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); box-sizing:border-box;}
.slideQuickLink a:after {content:''; position:absolute; bottom:31px; left:28px; width:40px; height:10px; background:url('/grad/img/pc/contents/ico/icoArrR.png') no-repeat center; background-size:100%;}
.slideQuickLink .bgBlue {background:#003050;}
.slideQuickLink .bgBlue2 {background:#0c3e6e;}
.slideQuickLink .bgGold {background:#a2805b;}
.slideQuickLink .bgGold2 {background:#9f6623;}
.slideQuickLink .tit {display:block;}
.slideQuickLink small {font-size:14px; font-size:1.4rem;}
.slideQuickLink .txt01{line-height:120%; font-size:15px; font-size:1.5rem; color:#fff;}
.mainTit01 {display:block; margin:0; font-size:32px; font-size:3.2rem; font-weight:600; color:#fff;}
/* 메인 게시판 리스트 */
.mainBoardList li {position:relative; overflow:hidden; padding-left:10px; margin-top:18px; text-overflow:ellipsis; white-space:nowrap;}
.mainBoardList li:before {content:''; position:absolute; top:4px; left:0; width:4px; height:4px; border-radius:50%; background:#bfa98f;}
.mainBoardList.withDate li {overflow:hidden; padding-right:60px; text-overflow:ellipsis; white-space:nowrap;}
.mainBoardList .txt {font-size:15px; font-size:1.5rem; color:#333; letter-spacing:-1px;}
.mainBoardList .date {position:absolute; top:50%; right:0; margin-top:-0.5em; font-size:13px; font-size:1.3rem; color:#949292;}
.mainSec01 .container {position:relative; padding-right:346px; margin-top:-140px; box-sizing:border-box;}
.mainSec01 .mainStepListW {position:relative; min-height:490px; padding:50px 40px 20px; border-radius:8px 0 0 8px; background:#9f785a url('/grad/img/pc/contents/bg/bgMainSect_n1.png') no-repeat right bottom; background-size:894px; box-sizing:border-box; transition:0.3s;}
.mainSec01 .mainStepListW.active {background-image:url('/grad/img/pc/contents/bg/bgMainSect_n_active.png');}
.mainSec01 .titW {position:relative; padding-bottom:33px; font-size:40px; font-size:4.0rem; color:#fff;}
.mainSec01 .titW:after {content:''; position:absolute; bottom:0; left:0; width:36px; height:2px; background:#bfa98f;}
.mainSec01 .titW .num {display:block; font-weight:300; color:#e2c48b;}
.mainSec01 .titW .title {display:block; margin-top:12px; font-weight:600;}
.mainSec01 .mainIcoLink {position:absolute; top:0; right:0; width:346px; height:100%; border-radius:0 8px 8px 0; background:#044b8f;}
.mainSec01 .mainIcoLink li {float:left; width:50%; margin-top:56px;}
.mainSec01 .mainIcoLink a {display:block; font-size:15px; font-size:1.5rem; color:#fff; text-align:center;}
.mainSec01 .mainIcoLink .txt {display:block; line-height:133.3333%; padding:0 40px; margin:16px 0 0; word-break:keep-all;}
.mainSec01 .mainIcoLink .ico {display:inline-block; width:49px; height:44px; background:url('/grad/img/mobile/contents/ico/icoMainSec0104.png')
no-repeat center; background-size:100%;}
.mainSec01 .mainIcoLink .ico.ico02 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0102.png');}
.mainSec01 .mainIcoLink .ico.ico03 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0108.png');}
.mainSec01 .mainIcoLink .ico.ico04 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0104.png');}
.mainSec01 .mainIcoLink .ico.ico05 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0105.png');}
.mainSec01 .mainIcoLink .ico.ico06 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0107.png');}
.mainSec01 .mainIcoLink .ico.ico11 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0111.png');}
.mainSec01 .mainIcoLink .ico.ico12 {background-image:url('/grad/img/mobile/contents/ico/icoMainSec0103.png');}
.mainSec01 .linkW {position:absolute; top:50px; right:40px; font-size:0;}
.mainSec01 .linkW li {display:inline-block; vertical-align:top; font-size:0;}
.mainSec01 .linkW a {display:inline-block; width:120px; height:120px; line-height:146.6666%; padding:40px 10px; font-size:15px; font-size:1.5rem; border:2px solid #bfa98f; border-radius:50%; background:#0c3e6e; color:#dfbf83; text-align:center; letter-spacing:-0.5px; word-break:keep-all; box-sizing:border-box;}
.mainSec01 .linkW li:first-child {padding-right:0px;}
.mainSec01 .mainStepList {position:relative; padding:0; margin:35px 0 0; list-style:none;}
.mainSec01 .mainStepList .stepW {position:relative; padding-bottom:38px; font-size:0; color:#f3e7d4; z-index:10;}
.mainSec01 .mainStepList > li:after {content:''; position:absolute; top:0; left:6px; width:1px; height:100%; background:#79593f;}
/* .mainSec01 .mainStepList .stepW:after {content:''; position:absolute; top:0; left:6px; width:1px; height:100%; background:#0b2038;} */
.mainSec01 .mainStepList .last .stepW {padding-bottom:0;}
.mainSec01 .mainStepList .last .stepW:after {display:none;}
.mainSec01 .mainStepList .txtCount {display:inline-block; position:relative; padding-left:24px; font-size:14px; font-size:1.4rem; vertical-align:middle; z-index:10; transition:0.3s;}
.mainSec01 .mainStepList .txtCount:before {content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6.5px; border:1px solid #f3e7d4; border-radius:50%; background:#0b2038; box-sizing:border-box; transition:0.3s;}
.mainSec01 .mainStepList .txtCount:after {content:''; position:absolute; top:50%; left:4px; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:#f3e7d4; box-sizing:border-box; transition:0.3s;}
.mainSec01 .mainStepList .btnDetail {display:inline-block; position:relative; padding:0 16px 0 24px; font-size:15px; font-size:1.5rem; color:#f3e7d4; vertical-align:middle; transition:0.3s;}
.mainSec01 .mainStepList .btnDetail .arr {position:absolute; top:50%; right:0; width:8px; height:8px; margin-top:-5px; border:2px solid #f3e7d4; border-top:0; border-left:0; transform: rotate(-45deg); box-sizing:border-box;}
.mainSec01 .mainStepList .detailW {display:none; position:absolute; top:0; left:337px; width:475px; z-index:15;}
.mainSec01 .mainStepList .detailTit {font-size:34px; font-size:3.4rem; font-weight:100;padding-left:16px; ; color:#fbecd6; letter-spacing:-1.5px;}
.mainSec01 .mainStepList .detailTxt {line-height:166.666%; padding-left:16px; margin:20px 0 0; font-size:18px; font-size:1.8rem; color:#fff;}
.mainSec01 .mainStepList .detailTxt2{line-height:166.666%; padding-left:0px; margin:20px 0 0; font-size:16px; font-size:1.6rem; color:#fff; letter-spacing:-1px:}
.mainSec01 .mainStepList .detailTxt span {display:block;}
.mainSec01 .mainStepList .on .txtCount {padding:7px 10px 5px 29px; margin-left:-5px; font-weight:600; border-radius:11.5px; background:#0b2038; color:#bfa98f; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);}
.mainSec01 .mainStepList .on .txtCount:before {left:5px; border-color:#bfa98f;}
.mainSec01 .mainStepList .on .txtCount:after {left:9px; background:#bfa98f;}
.mainSec01 .mainStepList .on .btnDetail {padding-left:15px; font-size:20px; font-size:2.0rem; color:#fff;}
.mainSec01 .detailBtnW {margin:20px 0px 0;}
.mainSec01 .detailBtnW li {float:left; width:50%; padding:0 10px; text-align:center; box-sizing:border-box;}
.mainSec01 .detailBtnW.item3 li {width:33.33333%;}
.mainSec01 .detailBtnW .btnMainStep {display:table; width:100%; line-height:146.6666%; font-size:15px; font-size:1.5rem; border:1px solid #bfa98f; border-radius:4px; background:#0c3e6e; color:#bfa98f; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.25); box-sizing:border-box;}
.mainSec01 .detailBtnW .btnMainStep span {display:table-cell; height:70px; vertical-align:middle;}
/* 추가*/
.mainSec01 .detailBtnWW {margin:20px 0px 0;}
.mainSec01 .detailBtnWW li {float:left; width:50%; padding:0 10px; text-align:center; box-sizing:border-box;}
.mainSec01 .detailBtnWW.item3 li {width:33.33333%;}
.mainSec01 .detailBtnWW .btnMainStep {display:table; width:100%; line-height:146.6666%; font-size:18px; font-size:1.8rem; border:1px solid #bfa98f; border-radius:4px; background:#ede6e6; color:#372715; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.25); box-sizing:border-box;}
.mainSec01 .detailBtnWW .btnMainStep span {display:table-cell; height:70px; vertical-align:middle;}
.mainSec02 {padding:50px 0;}
.mainSec02 .section02W {position:relative; padding-right:346px;}
.mainSec02 .mainBoard {float:left; position:relative; width:50%; padding:30px 40px 41px; box-sizing:border-box;}
.mainSec02 .mainBoard .boardTit {font-size:22px; font-size:2.2rem; color:#152c46;}
.btnBoardMore {position:absolute; overflow:hidden; top:30px; right:40px; width:24px; height:24px; text-indent:100%; white-space:nowrap; transition:0.3s; -ms-transition:0.3s;}
.btnBoardMore:hover {transform:rotate(90deg); -ms-transform:rotate(90deg);}
.btnBoardMore:before {content:''; position:absolute; top:0; left:50%; width:2px; height:100%; margin-left:-1px; background:#bfa98f;}
.btnBoardMore:after {content:''; position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background:#bfa98f;}
.mainSec02 .mainBoardList {margin-top:60px;}
.mainSec02 .connectW {position:absolute; top:0; right:0; width:346px;}
.mainSec02 .connectW .btnConnect {display:block; position:relative; padding:32px 30px; border:1px solid #d9d6d2; border-radius:6px;}
.mainSec02 .connectW .btnConnect:first-child {margin-bottom:20px;}
.mainSec02 .connectW .btnConnect .tit {font-size:16px; font-size:1.6rem; color:#8d704e;letter-spacing:-1px}
.mainSec02 .connectW .btnConnect .smallTxt {padding-left:8px; font-size:13px; font-size:1.3rem; color:#333;}
.mainSec02 .connectW .btnConnect .txt {display:block; margin-top:24px; font-size:2px; font-size:2.7rem; font-weight:700; color:#152c46; letter-spacing:-1px}
.mainSec02 .connectW .btnConnect .txttel {display:block; margin-top:24px; font-size:20px; font-size:2.0rem; font-weight:600; color:#152c46; line-height:160%; letter-spacing:-1px}
.mainSec02 .connectW .btnConnect .txttalk{display:block; margin-top:24px; font-size:24px; font-size:2.4rem; font-weight:700; color:#152c46; letter-spacing:-1.2px}
.mainSec02 .connectW .btnConnect .txt02 {display:block; margin-top:24px; font-size:16px; font-size:1.6rem; font-weight:700; color:#152c46;letter-spacing:-0.5px}
.mainSec02 .connectW .btnConnect .icon {position:absolute; right:20px; bottom:29px; width:33px; height:33px; border-radius:50%; background:#bfa98f url('/grad/img/mobile/common/ico/icoCall01.png') no-repeat center; background-size:18px;}
.mainSec02 .connectW .btnConnect.half {padding:0;}
.mainSec02 .connectW .connectHalf {position:relative; float:left; width:50%; padding:32px 13px 28px; box-sizing:border-box;}
.mainSec02 .connectW .connectHalf:first-child:after {content:''; position:absolute; top:15px; right:10px; bottom:15px; width:1px; background:#d9d6d2;}
.mainSec02 .connectW .btnConnect .icon.talk {position:relative; display:inline-block; bottom:auto; right:auto; margin-top:-4px; background-image:url('/grad/img/mobile/common/ico/icoKaTalk01.png'); background-size:20px; vertical-align:top;}
.mainSec03 {background:#f1f1f1;}
.mainSec03 .section03W {position:relative; padding-right:275px; box-sizing:border-box;}
.mainSec03 .sec03Link {position:relative; display:block; float:left; width:33.33333%; padding:40px 25px 109px; box-sizing:border-box;}
.mainSec03 .sec03Link:after {content:''; position:absolute; bottom:40px; left:25px; width:40px; height:10px; background:url('/grad/img/pc/contents/ico/icoArrR_brown.png') no-repeat; background-size:100%;}
.mainSec03 .sec03Link .tit {font-size:22px; font-size:2.2rem; color:#8d704e;}
.mainSec03 .sec03Link .txt {line-height:133.3333%; margin:15px 0 0; font-size:15px; font-size:1.5rem; color:#333;}
.mainSec03 .sec03Link .bg {position:absolute; right:15px; bottom:20px; width:96px; height:76px; background:url('/grad/img/mobile/common/bg/bgMainSec0301.png') no-repeat center; background-size:100%;}
.mainSec03 .sec03Link.bg02:before {content:''; position:absolute; top:50%; left:0; width:1px; height:144px; margin-top:-72px; background:#bfa98f;}
.mainSec03 .sec03Link.bg01:before {content:''; position:absolute; top:50%; left:0; width:1px; height:144px; margin-top:-72px; background:#bfa98f;}
.mainSec03 .sec03Link.bg02 .bg {background-image:url('/grad/img/mobile/common/bg/bgMainSec0302.png');}
.mainSec03 .sec03Link.bg03 .bg {background-image:url('/grad/img/mobile/common/bg/bgMainSec0303.png');}
.mainSec03 .sec03Link.bg04 .bg {background-image:url('/grad/img/mobile/common/bg/bgMainSec0304.png');}
.mainSec03 .sec03Link.brown {position:absolute; float:none; top:0; right:0; width:260px; background:#044b8f;}
.mainSec03 .sec03Link.brown:after {background-image:url('/grad/img/pc/contents/ico/icoArrR.png');}
.mainSec03 .sec03Link.brown .tit, .mainSec03 .sec03Link.brown .txt {color:#fff;}
.mainSec04 {padding:80px 0; background:url('/grad/img/pc/contents/bg/bgMainSec04.jpg') no-repeat center; background-size:cover;}
.sec04List {margin:6px -10px 0;}
.sec04List li {float:left; width:20%; padding:20px 10px 0; box-sizing:border-box;}
.sec04List .btnSec04 {display:block; position:relative; padding:28px 8px 27px; border:1px solid #bfa98f; border-radius:6px; background:#203750; color:#fff; text-align:center; box-sizing:border-box;}
/*.sec04List .btnSec04:after {content:''; position:absolute; bottom:33px; right:39px; width:40px; height:10px; background:url('sec04List ') no-repeat; background-size:100%;}*/
.sec04List .btnSec04 .tit {font-size:20px; font-size:2.0rem; font-weight:600; letter-spacing:-0.5px;}
.sec04List .btnSec04 .txt {line-height:133.33333%; margin:15px 0 0; font-size:14px; font-size:1.4rem; color:#bfa98f;}
.sec04List .btnSec04 .mbg {background:url('/grad/img/pc/contents/temp/mainSec04_img.png') no-repeat center; }
.mainSec05 {position:relative; padding:80px 0 70px;}
.mainSec05 .pcDeco {position:absolute; top:73px; right:0; text-align:right; z-index:10;}
.mainSec05 .countW {font-size:32px; font-size:3.2rem; font-weight:300; color:#9499a8;}
.mainSec05 .countW .now {font-size:64px; font-size:6.4rem; font-weight:300; color:#444;}
.mainSec05 .decoImg01 {padding-top:58px;}
.mainSec05 .sec05decoW {position:absolute; overflow:hidden; right:0; bottom:0; width:447px; border-top:2px solid #bfa98f; border-radius:7px; background:#fff; box-shadow:8px 8px 20px rgba(0, 0, 0, 0.05);}
.mainSec05 .sec05decoW .tit {display:block; padding:40px 60px 0 40px; font-size:28px; font-size:2.8rem; color:#8d704e;}
.mainSec05 .sec05decoW .txt {line-height:129.411%; padding:18px 40px 0; margin:0; font-size:17px; font-size:1.7rem; color:#333;}
.mainSec05 .sec05decoW .btnBoardMore {top:40px; right:30px; transition:0.3s;}
.mainSec05 .decoImgW {padding:27px 0 33px; margin-top:87px; background:#d9d6d2;}
.mainSec05 .decoImgW img {width:100%;}
.mainSec05 .mainSlide02 li {padding-right:316px; width:100%; box-sizing:border-box;}
.mainSec05 .mainSlide02 .imgBgW {display:block; position:relative; overflow:hidden; width:926px; height:578px; border-radius:7px; background:url('/grad/img/pc/contents/temp/bgMainSlide0201.jpg') no-repeat center; background-size:cover; box-sizing:border-box;}
.mainSec05 .mainSlide02 .slide02 .imgBgW {background-image:url('/grad/img/pc/contents/temp/bgMainSlide0202.jpg');}
.mainSec05 .mainSlide02 .slide03 .imgBgW {background-image:url('/grad/img/pc/contents/temp/bgMainSlide0203.jpg');}
.mainSec05 .mainSlide02 .slide04 .imgBgW {background-image:url('/grad/img/pc/contents/temp/bgMainSlide0204.jpg');}
.mainSec05 .mainSlide02 .slide05 .imgBgW {background-image:url('/grad/img/pc/contents/temp/bgMainSlide0205.jpg');}
.mainSec05 .mainSlide02 .slide06 .imgBgW {background-image:url('/grad/img/pc/contents/temp/bgMainSlide0206.jpg');}
.mainSec05 .mainSlide02 .dimTxtW {position:absolute; bottom:0; left:0; width:100%; padding:30px 40px; background:rgba(0, 0, 0, 0.3); box-sizing:border-box;}
.mainSec05 .mainSlide02 .dimTxtW .tit {font-size:22px; font-size:2.2rem; color:#fff;}
.mainSec05 .mainSlide02 .dimTxtW .txt {margin:15px 0 0; font-size:15px; font-size:1.5rem; color:#fff;}
.mainSec05 .mainSlide02 .dimTxtW .txt:after {content:''; display:inline-block; margin-left:20px; width:40px; height:10px; background:url('/grad/img/pc/contents/ico/icoArrR.png') no-repeat; background-size:100%;}
.mainSec05 .bx-wrapper .bx-controls {position:absolute; top:100%;}
.mainSec05 .bx-wrapper .bx-controls-direction {position:absolute; left:654px; bottom:39px; width:100px; height:36px;}
.mainSec05 .bx-wrapper .bx-controls-direction a {display:block; position:absolute; top:0; margin-top:0; width:19px; height:36px;}
.mainSec05 .bx-wrapper .bx-prev {left:0; background:url('/grad/img/mobile/common/ico/icoPrev03.png') no-repeat; background-size:100%;}
.mainSec05 .bx-wrapper .bx-next {right:0; background:url('/grad/img/mobile/common/ico/icoNext03.png') no-repeat; background-size:100%;}
.mainSec05 .bx-wrapper .bx-controls-auto {position:absolute; left:697px; bottom:47px; width:15px; height:18px;}
.mainSec05 .bx-wrapper .bx-controls-auto .bx-start {height:18px; background-image:url('/grad/img/pc/contents/ico/icoPlay03.png');}
.mainSec05 .bx-wrapper .bx-controls-auto .bx-stop {height:18px; background-image:url('/grad/img/pc/contents/ico/icoPause03.png');}
/* .mainSec05 .bx-pager.container {text-indent:-9999px;} */
.mainSec06 {position:relative; padding:80px 0 60px;}
.mainSec06 .mainTit01 {color:#0b2038;}
.mainSec06 .btnIcoMovie {position:absolute; top:78px; right:0; padding:11px 19px 9px 48px; font-size:16px; font-size:1.6rem; border:1px solid #e4e4e4; color:#333; border-radius:19px;}
.mainSec06 .btnIcoMovie:before {content:''; position:absolute; top:50%; left:20px; width:19px; height:19px; margin-top:-9.5px; background:url('/grad/img/pc/contents/ico/icoBtnMovie.png') no-repeat center; background-size:100%;}
.mainSlide03 {position:relative; margin:0 -10px; font-size:0;}
.mainSlide03 li {display:inline-block; position:relative; width:25%; padding:28px 10px 0; box-sizing:border-box; vertical-align:top;}
.mainSlide03 .imgW {display:block; position:relative; overflow:hidden; border-radius:7px;}
.mainSlide03 .imgW:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); opacity:0; transition:0.4s;}
.mainSlide03 .imgW:after {content:''; position:absolute; right:20px; bottom:20px; width:72px; height:72px; background:url('/grad/img/mobile/contents/ico/icoMainPlay.png') no-repeat center; background-size:100%; opacity:0; transition:0.4s;}
.mainSlide03 .imgW:hover:before, .mainSlide03 .imgW:hover:after {opacity:1;}
.mainSlide03 .imgW img {width:100%;}
.mainSlide03 .nameW {padding:25px 10px 8px; font-size:14px; font-size:1.4rem; color:#8d6f4e;}
.mainSlide03 .nameW .major {display:inline-block; padding-top:4px;}
.mainSlide03 .nameW .name {float:right; font-size:20px; font-size:2.0rem;}
.mainSlide03 .txt {margin:0; padding:14px 10px 0; font-size:14px; font-size:1.4rem; color:#333;}
.mainSec06 .bx-wrapper .bx-controls {position:absolute; width:100%; height:0; top:0; left:0;}
.mainSec06 .bx-wrapper .bx-controls-direction a {position:absolute; top:136px; margin-top:0; width:19px; height:36px;}
.mainSec06 .bx-wrapper .bx-prev {left:0; margin-left:-58px; background:url('/grad/img/pc/common/ico/icoPrev02.png') no-repeat; background-size:100%;}
.mainSec06 .bx-wrapper .bx-next {right:0; margin-right:-58px; background:url('/grad/img/pc/common/ico/icoNext02.png') no-repeat; background-size:100%;}
.mainSec07 {padding:80px 0; background:#d9d6d2;}
.mainSec07 .sec07box01, .mainSec07 .sec07box02, .mainSec07 .sec07box03 {float:left;}
.mainSec07 .sec07box01 {width:43.54838%; padding:40px 40px 35px; border-radius:7px; background:#fff; box-shadow:6px 6px 20px rgba(0, 0, 0, 0.05); box-sizing:border-box;}
.mainSec07 .sec07box01 .boxTit {display:block; position:relative; font-size:22px; font-size:2.2rem; color:#152c46;}
.mainSec07 .sec07box01 .btnBoardMore {right:0; top:0;}
.mainSec07 .sec07box01 .headlineW {display:block; position:relative; padding:24px 0;}
.mainSec07 .sec07box01 .imgW {position:absolute; overflow:hidden; left:0; width:180px; border-radius:4px; }
.mainSec07 .sec07box01 .imgW img {width:100%;}
.mainSec07 .sec07box01 .imgBoardW {padding:10px 0 10px 203px;}
.mainSec07 .sec07box01 .imgBoardW .tit {overflow:hidden; display:block; height:41px; font-size:17px; font-size:1.7rem; color:#152c46; font-weight:600; line-height:129%; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mainSec07 .sec07box01 .imgBoardW .txt {overflow:hidden; height:37px; margin:16px 0 0; padding:0; font-size:14px; font-size:1.4rem; color:#333; line-height:135%; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mainSec07 .sec07box01 .mainBoardList {border-top:1px solid #dfd4c7;}
.mainSec07 .sec07box01 .mainBoardList .txt {overflow:hidden; display:block; font-size:16px; font-size:1.6rem; color:#152c46; line-height:110%; text-overflow:ellipsis; white-space:nowrap;}
.icoNew {display:inline-block; position:relative; margin-left:8px; width:14px; height:14px; background:url('/grad/img/pc/common/ico/icoNewPost.png') no-repeat; background-size:100%; box-sizing:border-box; vertical-align:top; text-indent:-9999px;}
.snsIcons li {display:block; float:left; width:25%; text-align:center;}
.snsIcons li .ico {display:inline-block; width:38px; height:32px; text-indent:-9999px;}
.ico.instagram {background:url('/grad/img/mobile/contents/ico/icoMainSns01.png') no-repeat; background-size:100%;}
.ico.blog {background:url('/grad/img/mobile/contents/ico/icoMainSns02.png') no-repeat; background-size:100%;}
.ico.facebook {background:url('/grad/img/mobile/contents/ico/icoMainSns03.png') no-repeat; background-size:100%;}
.ico.naverPost {background:url('/grad/img/mobile/contents/ico/icoMainSns04.png') no-repeat; background-size:100%;}
.mainSec07 .sec07box02 {padding:20px 40px 15px; width:29.83870%; box-sizing:border-box;}
.mainSec07 .sec07box02 .imgW {display:block; position:relative; overflow:hidden; margin:20px 0 15px; border-radius:8px;}
.mainSec07 .sec07box02 .imgW:after {content:''; position:absolute; right:20px; bottom:13px; width:72px; height:72px; background:url('/grad/img/mobile/contents/ico/icoMainPlay.png') no-repeat center; background-size:100%;}
.mainSec07 .sec07box02 .imgW img {width:100%;}
.mainSec07 .sec07box02 .tit {display:block; font-size:17px; font-size:1.7rem; color:#152c46; font-weight:600; line-height:129%;}
.mainSec07 .sec07box03 {position:relative; overflow:hidden; width:26.612903%; border-radius:8px; box-sizing:border-box;}
.mainSec07 .sec07box03 a {display:block;}
.mainSec07 .sec07box03 img {width:100%;}
.mainSec07 .sec07box03 .tit {display:block; position:absolute; left:0; bottom:0; padding:37px 95px 37px 40px; width:100%; font-size:22px; font-size:2.2rem; color:#fff; background:rgba(0,0,0,0.5); box-sizing:border-box;}
.mainSec07 .sec07box03 .tit:after {content:''; position:absolute; bottom:40px; right:40px; width:40px; height:10px; background:url('/grad/img/pc/contents/ico/icoArrR.png') no-repeat center; background-size:100%;}
/* //main */
/* login */
.boxLoginW {margin-top:40px; border-top:1px solid #959aaa; border-bottom:1px solid #dadde4; letter-spacing:-1px;}
.boxLoginW li {position:relative; float:left; width:50%; padding:60px 80px; box-sizing:border-box;}
.boxLoginW li:first-child:after {content:''; position:absolute; top:50%; right:0; width:1px; height:114px; margin-top:-57px; background:#dadde4;}
.boxLoginW .loginTit {font-size:16px; font-size:1.6rem; font-weight:500; color:#444;}
.boxLoginW .loginInputW {position:relative; padding-right:120px; margin-top:14px;}
.boxLoginW .loginInputW .input01 {width:100%; margin-top:0; border-right:0;}
.boxLoginW .loginInputW .input01:first-child {border-bottom:0;}
.boxLoginW .loginInputW .btnLogin {position:absolute; top:0; right:0; width:120px; height:100%; line-height:69px; font-size:16px; font-size:1.6rem; background:#3b4f9c; color:#fff; text-align:center;}
.boxLoginW .loginLink01 {float:right; margin:20px 0 0; font-size:14px; font-size:1.4rem; color:#555;}
.boxLoginW .loginLink01 .arr {display:inline-block; width:23px; height:14px; margin-left:10px; background: url(/grad/img/pc/contents/ico/icoArrR_blue.png) no-repeat center; vertical-align:middle;}
.boxLoginW .loginTxt01 {float:left; margin:20px 0 0 10px; font-size:14px; font-size:1.4rem; color:#777;}
.boxLoginW .loginTxt02 {line-height:162.5%; margin:24px 0 0; font-size:16px; font-size:1.6rem; color:#555;}
.boxLoginW .btn01 {margin-top:10px;}
.addOn {padding:10px 80px;}
.addOn .btn01 {margin:20px 0 0 50px;}
.addOn .txt09 {display:inline-block; position:relative; line-height:162.5%;}
/* //login */
/* 입학절차안내 */
.entranceStepList {margin-top:35px;}
.entranceStepList li {display:table; position:relative; width:100%; padding:25px 10px; border-bottom:1px solid #dadde4; box-sizing:border-box;}
.entranceStepList li:before {content:''; position:absolute; bottom:-6px; left:57px; width:27px; height:11px; background:url('/grad/img/pc/contents/ico/icoEntArrDown.jpg') no-repeat center; background-size:100%; z-index:10;}
.entranceStepList li .tblCellW {display:table-cell; vertical-align:middle;}
.entranceStepList li .tblCellW.btnsW {width:240px;}
.entranceStepList li .btnsW .btn01 {width:100%; margin-top:9px;}
.entranceStepList li .btnsW .btn01:first-child {margin-top:0;}
.entranceStepList li.last {border-bottom:0;}
.entranceStepList li.last:before {display:none;}
.entranceStepList .imgW {overflow:hidden; display:inline-block; width:120px; height:120px; border:15px solid #f0f1f4; border-radius:50%; background:#1f3a93; vertical-align:middle; box-sizing:border-box;}
.entranceStepList .imgW img {width:100%;}
.entranceStepList .txtW {display:inline-block; margin-left:48px; vertical-align:middle;}
.entranceStepList .txtW .tit {display:block; margin-top:8px; font-size:22px; font-size:2.2rem; font-weight:500; color:#444;}
.entranceStepList .txtW .num {font-size:14px; font-size:1.4rem; font-weight:600; color:#3b4f9c;}
.entranceStepList .txtW .txt02 {margin-top:18px;}
/* // 입학절차안내 */
/* 학부소개 */
.listTbl02 {margin:30px 0 0 0; border-bottom:1px solid #e8e2dc; width:100%; box-sizing:border-box; text-align:left;}
.listTbl02 .contW {position:relative; min-height:214px;}
.listTbl02 > li {position:relative; padding:30px 0 60px; border-top:1px solid #e8e2dc; box-sizing:border-box;}
.listTbl02 .txtW01 {padding-left:333px; position:relative;}
.listTbl02 .tit01 {padding:0 0 35px 0; color:#8d6e4f;}
.listTbl02 .tit05 {position:relative; padding:5px 0 0 0; word-break:keep-all;}
.listTbl02 .txt04 {display:block; margin:60px 0 10px; font-size:16px; font-size:1.6rem; font-weight:500; color:#1f3a93;}
.listTbl02 .txt04 .txt {display:inline-block; margin:10px 0 0 7px; vertical-align:top; font-weight:500;}
.listTbl02 .imgW03 {position:absolute; top:0; left:0; width:303px; border:1px solid #ccc;}
.listTbl02 .txtHSmall {color:#bfa98f; font-weight:400;}
.listTbl02 img {width:100%;}
.contactListW {padding:12px 0; border-top:1px solid #8c93a8; background:#fafafc}
.contactList01 li {display:inline-block; position:relative; margin:0 5px 0 15px; line-height:142%;}
.contactList01 li strong {margin:0 5px 0 0; font-weight:600; color:#8c93a8;}
.contactList01 li strong .ico {margin-right:5px;}
.contactList01 li a, .contactList01 li span {display:inline-block; font-size:14px; font-size:1.4rem; color:#555;}
.contactList01 .ico {display:inline-block; width:12px; height:11px;}
/* //학부소개 */
.wP100 {width:100%; box-sizing:border-box;}
.w250 {width:250px;}
.w150 {width:150px;}
.w76 {width:76px; display:inline-block;}
.pL0 {padding-left:0;}
.pL10 {padding-left:10px;}
.m0 {margin:0;}
.mT0 {margin-top:0px;}
.mT03 {margin-top:3px;}
.mT5 {margin-top:5px;}
.mT10{margin-top:10px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}
.mT60 {margin-top:60px;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}
.mR20 {margin-right:20px;}
.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
/* text align */
.txtC {text-align:center;}
.txtR {text-align:right;}
.txtL {text-align:left;}
/* text color */
.txtRed {color:#cc736e;}
.txtBlue {color:#1f3a93;}
.txtGold {color:#9f815f;}
.txtYellow {color:#ffea7f;}
.txtBlue12 {color:#1f3a93;line-height:160%; }
/* pc */
@media (min-width: 1241px){
.btnFloatTop {bottom:65px;}
}
/* tablet */
@media (max-width: 1240px){
.container {padding:0 30px; box-sizing:border-box;}
.tit04 {margin-top:30px;}
.tit06 {padding-bottom:20px; margin-top:9px; font-size:31px; font-size:3.1rem;}
.txt02 {margin-top:20px;}
.txt02.mT10 {margin-top:10px;}
.txt05 {font-size:14px; font-size:1.4rem;}
.btnOnlyPc {display:none;}
.stepList01 {text-align:left;}
.stepList01 li {text-align:center;}
.stepList01 li .txt {padding-bottom:12px; font-size:14px; font-size:1.4rem;}
.stepList02 li .roundW {width:85px; height:85px; font-size:12px; font-size:1.2rem;}
.stepList02 li {padding-right:56px;}
.stepList02.blue li {padding-right:45px;}
.stepList02.blue li .roundW {width:115px; height:115px; font-size:12px; font-size:1.2rem;}
.stepList03 li {width:20%;}
.stepList03 .stepW01, .stepList03 .stepW02 {width:100%;}
/*국가장학금 추가 2019-05-18 */
.stepList3 li {width:20%;}
.stepList3 .stepW01, .stepList3 .stepW02 {width:100%;}
.tabType04 .tabWrap {min-width:910px;}
.tblScrW {position:relative;}
.tblScrW .tblScr {overflow:auto; width:100%;}
.locationW > .container {padding:0;}
.location > li.depth1 {width:auto;}
.location > li.depth2, .location > li.depth3 {min-width:auto;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {padding:0;}
.mainSlide li {height:500px;}
.mainSlideW .bx-controls {bottom:77px;}
.mainSlide .txt {bottom:123px; font-size:26px; font-size:2.6rem;}
.slideQuickLink {right:30px; bottom:200px; width:280px;}
.slideQuickLink li {padding:10px 0 0 10px;}
.slideQuickLink a {padding:13px 20px 22px; height:112px;}
.slideQuickLink a:after {bottom:22px; left:22px; width:30px; height:10px;}
.slideQuickLink .tit {font-size:18px; font-size:1.8rem;}
.slideQuickLink small {font-size:12px; font-size:1.2rem;}
.slideQuickLink .txt01{line-height:120%; font-size:12px; font-size:1.2rem; color:#fff;}
.mainSec01 .container {margin-top:-50px; padding:0 30px;}
.mainSec01 .mainStepListW {padding:30px 0 30px 30px; width:100%; min-height:350px; border-radius:8px 8px 0 0;}
.mainSec01 .mainIcoLink {right:30px; width:200px;}
.mainSec01 .mainIcoLink .txt {padding:0 5px;}
.mainSec01 .titW {padding-bottom:21px;}
.mainSec01 .titW:after {width:23px;}
.mainSec01 .titW .num {font-size:22px; font-size:2.2rem;}
.mainSec01 .titW .title {font-size:22px; font-size:2.2rem;}
.mainSec01 .linkW {position:relative; top:auto; right:auto;}
.mainSec01 .linkW li {padding-top:20px; font-size:0;}
.mainSec01 .linkW li:first-child {padding-right:5px;}
.mainSec01 .linkW a {padding:6px 20px 5px; width:auto; height:auto; font-size:13px; font-size:1.3rem; border-radius:8px;}
.mainSec01 .mainStepList {margin:20px 0 0;}
.mainSec01 .mainStepList .stepW {padding-bottom:28px;}
.mainSec01 .mainStepList .detailW {left:265px; width:383px; max-width:650px; box-sizing: border-box;}
.mainSec01 .mainStepList .on .btnDetail {padding-left:10px; font-size:14px; font-size:1.4rem;}
.mainSec01 .mainStepList .detailTit {font-size:20px; font-size:2.0rem;}
.mainSec01 .mainStepList .detailTit2 {font-size:18px; font-size:1.8rem;}
.mainSec01 .mainStepList .detailTxt {padding-left:2px; margin:15px 0 0; font-size:14px; font-size:1.4rem;}
.mainSec01 .mainStepList .detailTxt2 {padding-left:0px; margin:12px 0 0; font-size:12px; font-size:1.2rem;}
.mainSec01 .detailBtnW .btnMainStep {font-size:12px; font-size:1.2rem;}
.mainSec01 .detailBtnW .btnMainStep span {height:45px; padding:0 2px; word-break:keep-all;}
.mainSec01 .detailBtnW {margin:15px -2px 0;}
.mainSec01 .detailBtnW li {padding:0 2px;}
/* 추가*/
.mainSec01 .detailBtnWW .btnMainStep {font-size:12px; font-size:1.2rem;}
.mainSec01 .detailBtnWW .btnMainStep span {height:45px; padding:0 2px; word-break:keep-all;}
.mainSec01 .detailBtnWW {margin:15px -2px 0;}
.mainSec01 .detailBtnWW li {padding:0 2px;}
.mainSec01 .mainIcoLink {position:relative; left:0; right:0; padding:0; width:100%; border-radius:0 0 5px 5px;}
.mainSec01 .mainIcoLink li {margin:0; width:33.33%;}
.mainSec01 .mainIcoLink a {font-size:13px; font-size:1.3rem; padding:23px 5px;}
.mainSec01 .mainIcoLink .ico {width:38px; height:33px;}
.mainSec02 .section02W {padding-right:0;}
.mainSec02 .mainBoard {padding:20px 20px 30px;}
.mainSec02 .mainBoardList {margin-top:40px;}
.btnBoardMore {top:20px; right:20px;}
.mainSec02 .connectW {position:relative; float:left; right:auto; width:100%; font-size:0;}
.mainSec02 .connectW .btnConnect {display:inline-block; width:49%; padding:20px 15px; vertical-align:top; box-sizing:border-box;min-height:151px; }
.mainSec02 .connectW .connectHalf {padding:50px 15px 14px;}
.mainSec02 .connectW .btnConnect:first-child {margin-right:2%;}
.mainSec02 .connectW .btnConnect .txt {margin-top:15px;}
.mainSec02 .connectW .btnConnect .txttalk{margin-top:15px;}
.mainSec02 .connectW .btnConnect .txt02 {margin-top:15px;}
.mainSec02 .connectW .btnConnect .icon {right:15px;}
.mainSec03 .section03W {padding:0;}
.mainSec03 .sec03Link {width:25%; padding:30px 30px 100px;}
.mainSec03 .sec03Link:after {bottom:30px;}
.mainSec03 .sec03Link.brown {position:relative; float:left; width:25%;}
.mainSec03 .sec03Link .tit {font-size:18px; font-size:1.8rem;}
.mainSec03 .sec03Link .txt {font-size:13px; font-size:1.3rem;}
.mainSec03 .sec03Link .bg {right:30px; bottom:22px; width:80px;}
.mainSec04 {padding:30px 0;}
.sec04List li {width:50%;}
.sec04List .btnSec04 {padding:30px;}
.sec04List .btnSec04 .tit {font-size:18px; font-size:1.8rem;}
.sec04List .btnSec04 .txt {font-size:13px; font-size:1.3rem;}
.mainTit01 {font-size:22px; font-size:2.2rem;}
.mainSec05.container {padding:10px 0 0;}
.mainSec05 .mainSlide02 li {padding-right:0;}
.mainSec05 .mainSlide02 .imgBgW {width:100%; border-radius:0;}
.mainSec05 .pcDeco {display:none;}
.mainSec05 .sec05decoW {position:relative; width:auto; margin:-14px 30px 0;}
.mainSec05 .sec05decoW .tit {font-size:22px; font-size:2.2rem;}
.mainSec05 .sec05decoW .txt {font-size:14px; font-size:1.4rem;}
.mainSec05 .mainSlide02 .dimTxtW {padding-bottom:32px;}
.mainSec05 .bx-wrapper .bx-controls-direction {right:30px; left:auto;}
.mainSec05 .bx-wrapper .bx-controls-auto {right:72px; left:auto;}
.mainSec05 .decoImgW {margin-top:56px;}
.mainSec06.container {padding-top:30px; padding-bottom:30px;}
.mainSec06 .bx-wrapper {padding:0 30px;}
.mainSec06 .bx-wrapper .bx-prev {margin-left:0;}
.mainSec06 .bx-wrapper .bx-next {margin-right:0;}
.mainSec06 .btnIcoMovie {display:inline-block; position:relative; top:auto; right:auto; margin-top:18px;}
.mainSlide03 {margin:0;}
.mainSlide03 li {padding:20px 5px 0;}
.mainSlide03 .txt {padding:10px 5px 0;}
.mainSlide03 .nameW {padding:10px 5px 8px; font-size:12px; font-size:1.2rem;}
.mainSlide03 .nameW .name {display:block; float:none; padding-top:8px; font-size:17px; font-size:1.7rem;}
.mainSec07 {padding:30px 0;}
.mainSec07 .sec07box01 {width:100%; padding:30px;}
.mainSec07 .sec07box02, .mainSec07 .sec07box03 {width:50%;}
.mainSec07 .sec07box02 {padding-left:0;}
.mainSec07 .sec07box02 .tit {font-size:14px; font-size:1.4rem;}
.mainSec07 .sec07box03 {margin-top:15px;}
.mainSec07 .sec07box03 .tit {padding:30px 64px 30px 30px; font-size:18px; font-size:1.8rem;}
.mainSec07 .sec07box03 .tit:after {right:30px; bottom:30px; width:26px; height:7px;}
.mainSec07 .sec07box01 .imgW {width:120px;}
.mainSec07 .sec07box01 .imgBoardW {min-height:74.66px; padding-left:135px; box-sizing:border-box;}
.boxLoginW li {padding:40px 25px;}
.entranceStepList .txtW {width:290px; margin-left:20px;}
.tabType02 {overflow-x:auto; overflow-y:hidden;}
.tabType02 .tabWrap {min-width:810px;}
.tabType02 .tabWrap.tabWrap02{width:auto; min-width:946px;}
.tabType02 .tabWrap.pop{min-width:0;}
.verticalCont .imgW {padding:20px 0 30px; width:100%;}
.verticalCont .imgW img {width:100%;}
.boxType01 div {display:block; text-align:left; position:relative; top:0; right:0; margin-top:20px;}
.verticalCont .boxType01 {padding:17px 19px;}
.verticalCont .boxType01 .tit01 {font-size:16px; font-size:1.6rem;}
.verticalCont .boxType01 .tit01 span {font-size:30px; font-size:3.0rem;}
.verticalCont .boxType01 div {font-size:12px; font-size:1.2rem;}
.verticalCont .imgW ul li{height:190px; padding:70px 15px 0;}
.verticalCont .imgW ul li br{display:none;}
}
/* mobile */
@media (max-width: 767px){
.container {padding:0 15px;}
.printTxtW {display:none;}
.snsLinkW {top:20px; right:0;}
.snsLinkW .btnMobileSns {display:block;}
.snsLinkW > .snsLinkList {display:none;}
.tit01 {padding-right:50px;}
.btnW03 .btn01 {width:32.2%; padding:11px 5px; margin:0 0 0 1.7%; text-align:center;}
.btnW03 .btn01:first-child {margin-left:0;}
.btnW03 .btn01 .arr {display:none;}
.btnW03 .btn01.Wide{width:100%; margin:20px 0 0 0; text-align:left;}
.btnW03 .btn01.Wide:first-child {margin-top:0;}
.btnCenterW {margin-top:40px;}
.btnCenterW a {min-width:140px; margin-left:10px;}
.btnCenterW .btn05 .icoArrL, .btnCenterW .btn06 .icoArrR {display:none;}
.btnCenterW.btnSaveW .mw120 {min-width:auto;}
.btnCenterW.btnSaveW a {min-width:auto; margin:0 0 0 1.7%;}
.btnCenterW.btnSaveW a:first-child {margin-left:0;}
.btnCenterW.btnSaveW .btn04 {width:44.6%; height:auto; white-space:normal;}
.btnCenterW.btnSaveW .btn05, .btnCenterW.btnSaveW .btn06 {width:26%; padding:11px 5px;}
.btn01 {min-width:auto;}
/*.btn04 {margin-top:5px;}
.btnFile {margin-top:5px;}*/
.btn05,.btn06 {padding:10px 18px; min-width:auto;}
.btn01 .arr{margin-left:15px;}
.fileBox {width:100%;}
.fileBox .fileTxt {width:100%; border-right:1px solid #ddd;}
/* search box */
.searchBox .input01 {width:70%;}
.schRadioW {margin-top:10px; display:block;}
/* table */
.tblScrW:before {content:''; position:absolute; top:16px; right:0; width:40px; height:16px; background:url('/grad/img/mobile/contents/ico/icoScroll.jpg') no-repeat center; background-size:100%;}
.tblScrW .table01 {margin-top:50px;}
.table01 th, .table01 td {padding:15px 8px; font-size:14px; font-size:1.4rem;}
.table01 th .txtHSmall {font-size:12px; font-size:1.2rem;}
.table01 .thW01 {width:110px;}
/*.table01 .mR10 {margin-right:0;}*/
.table01 .input01 {width:100%;}
.table01 .w76 {width:29%; display:inline-block;}
.table02 .tit {float:none; width:auto; padding:10px;}
.table02 .row:first-child .tit .txt06 {font-size:16px; font-size:1.6rem; color:#344e85;}
.table02 .tit .txt06 {float:none; }
.table02 .tit.txtWriter {float:left; padding:10px 10px; position:relative;}
.table02 .row:first-child {padding:0;}
.table02 .row .label {padding:20px 10px; width:auto; font-size:13px; font-size:1.3rem;}
.table02 .row .label.mHidden {display:none;}
.table02 .row .txtWriter:after {content:''; position:absolute; right:0; top:15px; width:1px; height:12px; background:#e0e0e0; display:inline-block;}
.table02 .row .txtWriter:last-child::after {content:''; display:inline-block; width:0; height:0;}
.table02 .row.contents {padding:15px 10px; min-height:180px; box-sizing:border-box;}
.table02 .row.addFile {padding:0 0 0 68px;}
.table02 .row.addFile .label, .table02 .row.addFile .tit {padding:12px 10px;}
.table02 .row.addFile .txt06 {padding-left:15px;}
.table02 .otherList li {padding:0 10px 0 80px;}
.table02 .otherList li .tit {padding:12px 0;}
.table02 .otherList .tit .txt06 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400;}
.table02 .otherList .label {padding:12px 0 12px 10px; line-height:157%;}
.table02 .rightBar:after {content:''; margin:0 10px;}
.table02 .ico.view {display:inline-block;}
.table03 {margin-top:50px;}
.table03 thead th {padding:10px;}
.table03 tbody th {padding:10px;}
.table03 tbody td {padding:10px;}
table .mHide {display:none;}
.securityW {position:relative; padding-left:0;}
.securityW > .securityImg {position:relative; top:0; margin:0 0 10px;}
.securityW > .tbl > .txt {top:0; width:50px; height:auto; margin-top:0;}
.labelAreaW {width:100%; padding:0 45px 0 0;}
.labelAreaW .label {display:block; padding:18px 10px;}
/* table pager */
.pager ul {display:none;}
.pager .txtPager {display:block; padding:0 1em;}
.pager .pagerMoBtn {display:inline-block;}
.pager .pagerPcBtn {display:none;}
/* accordion */
.accordion li .btnAcco {padding:20px 50px 19px 50px;}
.accordion .ico.answer {position:absolute; left:15px; top:20px;}
.accoCont {padding:0 40px 20px 55px;}
.accoCont > p {margin-top:16px;}
.labelW01 {padding-left:0;}
.labelW01 .label {position:relative; display:block; margin-top:15px;}
.labelW01 .cont .input01 {display:block; width:100%; margin-top:5px;}
.labelW01 .cont .radio01 {margin-top:10px;}
.labelW01 .cont .select01 {width:100%; margin-top:5px;}
.labelW01.inlineB {display:block; margin-right:0;}
.tabType03 {margin-top:0;}
.tabType03 .tabWrap {padding:0 15px;}
.tabType03 .tabWrap li a {min-width:82px; font-size:16px; font-size:1.6rem;}
.listTbl02 .contW {min-height:auto;}
.listTbl02 > li {padding:21px 0 60px;}
.listTbl02 .imgW03 {position:relative; width:100%;}
.listTbl02 .txtW01 {padding-left:0;}
.listTbl02 .tit01 {padding:0 0 31px 0; font-size:22px;}
.listTbl02 .tit05 {padding-top:17px}
.listTbl02 .txt04 {margin-top:40px;}
.btn07 {min-height:58px;}
.btn07 p {border-right:0; padding:15px 3px 15px 3px; font-size:14px; font-size:1.4rem;}
.btn07 .ico {width:35px;}
.btn07 .ico.icoOutsideL {display:none;}
.btn07 .ico.icoPlay, .btn07 .ico.icoExtend, .btn07 .ico.icoBrochure {background-position:center left 10px;}
.contactList01 li {display:block;}
.tabType04 .tabWrap {min-width:564px;}
.tabType04.tab10 .tabWrap {min-width:834px;}
.tabType04 .tblCellW {width:75%;}
.tabType04.tab10 .tblCellW {width:auto;}
.tabType04 .tblCellW .tabList, .tabType04.tab10 .tblCellW .tabList {padding-left:0;}
.tabType04 .tblCellW .tblTit {position:absolute; display:none;}
.tabType04 .tblCellW.celltSmall {width:auto;}
.hr01 {margin-top:40px;}
.w250 {width:100%;}
.boxType01 {display:block; padding:24px 26px; background-image:url('/grad/img/mobile/contents/bg/bgBoxType01.png'); background-size:115px;}
.boxType01 .date {display:block; letter-spacing:-1px;}
.verticalCont .boxType01 {display:block;}
.verticalCont .boxType01 .tit01 {display:block;}
.verticalCont .boxType01 .tit01 span {margin-right:5px;}
.verticalCont .boxType01 div {display:block; margin-top:10px; text-align:left;}
.stepList01 {margin-top:30px;}
.stepList01 li {width:25%;}
.stepList02 {margin-top:6px;}
.stepList02 li {max-width:33.33333%; padding-right:24px; margin-top:24px;}
.stepList02 li:before {right:6.75px; left:auto; width:6.75px; height:15.75px; margin-top:-7.875px; background:url('/grad/img/mobile/contents/ico/icoArrRight.png') no-repeat center; background-size:100%;}
.stepList02 li:after {display:none;}
.stepList02 li .roundW {position:relative;}
.stepList02.blue {margin-top:6px; padding:0;}
.stepList02.blue li {max-width:50%; padding-right:24px; margin-top:24px;}
.stepList02.blue li:before {right:6.75px; left:auto; width:6.75px; height:15.75px; margin-top:-7.875px; background:url('/grad/img/mobile/contents/ico/icoArrRightBlue.png') no-repeat center; background-size:100%;}
.stepList02.blue li:after {display:none;}
.stepList02.blue li .roundW {position:relative; width:125px; height:125px;}
.stepList03 li {width:33.333334%;}
.stepList03 li:nth-child(3n) .stepW01, .stepList03 li:nth-child(3n) .stepW02 {border-right:1px solid #e8e1d9;}
.stepList03.listFive li {width:33.33333%;}
.stepList03 .stepTxtW .stepTxt {font-size:14px; font-size:1.4rem;}
/*국가장학금 추가 2019-05-18 */
.stepList3 li {width:50%;}
.stepList3 li:nth-child(3n) .stepW01, .stepList3 li:nth-child(3n) .stepW02 {border-right:1px solid #e8e1d9;}
.stepList3.listFour li {width:50%;}
.stepList3 .stepTxtW .stepTxt {font-size:14px; font-size:1.4rem;}
.listTbl01 li {width:100%;}
.listTbl01 .stepCell:after {content:''; display:none;}
.location {width:100%; padding-left:55px;}
.location > li {display:none;}
.location > li.home, .location > li.last {display:block;}
.location > li.home {position:absolute; top:0; left:0;}
.location > li.last {width:100%;}
.location > li.last > span, .location > li.last > a {border-right:0;}
.subTopTitWrap {height:260px;}
.subTopTitWrap .subTit {padding-top:121px; font-size:14px; font-size:1.4rem;}
.subTopTitWrap .subTit strong {padding-top:11px; font-size:20px; font-size:2.0rem;}
.imgTableW01 {padding-left:0;}
.imgTableW01 .imgPerW {position:relative;}
.mainSlide li {height:470px;}
.mainSlide .txt {bottom:248px;}
.mainSlideW .bx-controls {bottom:207px;}
.slideQuickW {position:absolute; bottom:100px; padding:0 15px; width:100%; box-sizing:border-box;}
.slideQuickLink {position:relative; overflow:hidden; left:0; top:0; width:100%; box-sizing:border-box; border:1px solid #fff; border-radius:5px;}
.slideQuickLink:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#fff; z-index:10;}
.slideQuickLink:after {content:''; position:absolute; left:0; width:100%; }
.slideQuickLink li {padding:0;}
.slideQuickLink li a {padding:13px 15px; height:74px; border:0; border-radius:0;}
.slideQuickLink a:after {left:auto; right:15px; bottom:13px;}
.slideQuickLink .tit {font-weight:600;}
.mainSec01 .container {margin-top:-80px; padding:0 15px;}
.mainSec01 .mainStepListW {padding:21px 15px; background:#9f785a; border-radius:5px 5px 0 0;}
.mainSec01 .mainStepListW.active {background-image:none;}
.mainSec01 .mainStepList .stepW {padding-bottom:34px;}
.mainSec01 .mainStepList li.on .stepW {padding-bottom:19px;}
.mainSec01 .mainStepList .detailW {position:relative; left:auto; width:100%; padding:0 0 20px 75px;}
.mainSec01 .mainStepList .detailTit {display:none;}
.mainSec01 .mainStepList .detailTxt {margin:0; font-size:13px; font-size:1.3rem; font-weight:300;}
.mainSec01 .mainStepList .btnDetail {padding-left:16px; font-size:14px; font-size:1.4rem;}
.mainSec01 .mainStepList .btnDetail .arr {transform: rotate(45deg); top:40%;}
.mainSec01 .mainStepList li.on .btnDetail .arr {transform: rotate(-135deg); top:50%; margin-top:-3px;}
.mainSec01 .mainStepList .txtCount {padding-left:14px; font-size:11px; font-size:1.1rem;}
.mainSec01 .mainStepList .txtCount:before {width:10px; height:10px; margin-top:-5px;}
.mainSec01 .mainStepList .txtCount:after {left:3px; width:4px; height:4px; margin-top:-2px;}
.mainSec01 .mainStepList .on .txtCount {padding:7px 6px 5px 22px;}
.mainSec01 .mainStepList .on .txtCount:after {left:8px;}
.mainSec01 .detailBtnW {width:100%; box-sizing:border-box;}
.mainSec02 .mainBoard {position:relative; width:100%;}
.mainSec02 .mainBoard.mobileNone {display:none;}
.mainSec02 .connectW {padding-bottom:30px;}
.mainSec02 .connectW .btnConnect {width:100%;}
.mainSec02 .connectW .btnConnect:first-child {margin:0 0 5px;}
.mainSec02 .connectW .btnConnect:after {content:''; display:table; clear:both;}
.mainSec02 .connectW .btnConnect .tit {font-size:18px; font-size:1.8rem;}
.mainSec02 .connectW .btnConnect .txt {float:right; top:20px; right:14px; margin:0; font-size:18px; font-size:1.8rem; letter-spacing:-0.5px;}
.mainSec02 .connectW .btnConnect .icon {display:none;}
.mainSec02 .connectW .connectHalf .txt {float:none; margin-top:15px;}
.mainSec02 .connectW .btnConnect .icon.talk {width:28px; height:28px; margin-top:-5px;}
.mainSec03 .sec03Link {width:100%; padding:28px 135px 60px 15px;}
.mainSec03 .sec03Link:after {left:15px;}
.mainSec03 .sec03Link.brown {width:100%;}
.mainSec03 .sec03Link .bg {right:15px; bottom:30px; width:101px; height:80px;}
.mainSec03 .sec03Link.bg02:before {top:0; right:15px; left:15px; width:auto; height:1px; padding:0 15px; margin-top:0; box-sizing:border-box;}
.mainSec03 .sec03Link.bg01:before {top:0; right:15px; left:15px; width:auto; height:1px; padding:0 15px; margin-top:0; box-sizing:border-box;}
.sec04List {margin:6px -5px 0;}
.sec04List li {padding:10px 5px 0;}
.sec04List .btnSec04 {padding:15px 5px 13px;}
.sec04List .btnSec04:after {display:none;}
.sec04List .btnSec04 .tit {font-size:12px; font-size:1.2rem;}
.sec04List .btnSec04 .txt {margin-top:10px; font-size:11px; font-size:1.1rem;}
.mainSec05 .sec05decoW {margin:-14px 15px 0;}
.mainSec05 .mainSlide02 .imgBgW {height:256px;}
.mainSec05 .mainSlide02 .dimTxtW .txt {font-size:11px; font-size:1.1rem;}
.mainSec05 .mainSlide02 .dimTxtW .txt:after {display:none;}
.mainSec05 .sec05decoW .tit {padding:30px 49px 0 30px;}
.mainSec05 .sec05decoW .txt {padding:18px 30px 0;}
.mainSec05 .sec05decoW .btnBoardMore {top:30px;}
.mainSec05 .bx-wrapper .bx-controls-auto {right:60px;}
.mainSec05 .bx-wrapper .bx-controls-direction {width:75px;}
.mainSec06 .btnIcoMovie {font-size:12px; font-size:1.2rem;}
.mainSec06 .bx-wrapper {padding:0 15px;}
.mainSlide03 li {width:50%;}
.mainSec06 .bx-wrapper .bx-controls-direction a {width:12px; height:26px;}
.mainSec06 .bx-wrapper .bx-prev {margin-left:-6px;}
.mainSec06 .bx-wrapper .bx-next {margin-right:-6px;}
.mainSec07 .sec07box01 .imgBoardW .tit {font-size:15px; font-size:1.5rem;}
.mainSec07 .sec07box01 .imgBoardW .txt {display:none;}
.mainSec07 .sec07box02, .mainSec07 .sec07box03 {width:100%;}
.mainSec07 .sec07box02 {padding-right:0; padding-bottom:0;}
.mainSec07 .sec07box01 .mainBoardList .txt {font-size:13px; font-size:1.3rem;}
.boxLoginW li {width:100%; padding:40px 0;}
.boxLoginW li:first-child:after {top:auto; bottom:0; width:100%; height:1px; margin-top:0;}
.boxLoginW .loginTxt02 {margin-top:0;}
.addOn {padding:0;}
.addOn .txt09 {display:block;}
.addOn .btn01 {margin:10px 0 0 0;}
.entranceStepList li {display:block; padding:25px 0;}
.entranceStepList li:before {display:none;}
.entranceStepList li .tblCellW {display:block; position:relative;}
.entranceStepList li .tblCellW:first-child {padding-left:100px;}
.entranceStepList li .tblCellW.btnsW {width:100%; margin-top:20px;}
.entranceStepList .imgW {position:absolute; top:50%; left:0; width:85px; height:85px; margin-top:-42.5px;}
.entranceStepList .txtW {display:block; width:auto; min-height:85px; margin-left:0;}
.entranceStepList .txtW .tit {font-size:16px; font-size:1.6rem;}
.entranceStepList .txtW .num {font-size:12px; font-size:1.2rem;}
.entranceStepList .txtW .txt02 {font-size:12px; font-size:1.2rem;}
.tabType02 .tabWrap {min-width:750px;}
.tabType02 .tabWrap li{width:auto;}
.tabType02 .tabWrap li a{padding:12px 15px;}
.tabType02 .tabWrap.pop li a{padding:10px 21px;}
.verticalTabW .verticalTab .txt01 {float:none;}
.verticalTabW .verticalTab ul {padding-left:10px;}
.verticalTabW .verticalTab ul li a {margin-left:5px;}
.verticalTabW .verticalTab ul li a .arr {margin-left:5px;}
.verticalCont .imgW ul li, .verticalCont .imgW ul li:nth-child(3), .verticalCont .imgW ul li:nth-child(4) {width:100%; height:auto; margin:0 0 40px 0; padding:30px 15px 0px}
.verticalCont .imgW ul li img {width:60px; margin-left:-30px; top:-30px;}
.verticalCont .imgW ul li .txt01 {font-size:12px; font-size:1.2rem;}
.verticalCont .boxW {padding:20px 0 30px; width:100%;}
.certificateInfo li {padding:5px; width:100%;}
.boxType04 {padding:0 5px; height:auto;}
.boxType04 .tit05 {padding-top:15px; font-size:13px; font-size:1.3rem; word-break:break-all;}
.boxType04 .txt01 {padding:10px 0; font-size:12px; font-size:1.2rem; word-break:break-all;}
.boxType04 .tit05:after {margin:10px auto 0; width:20px;}
.myScreening .imgW img{width:auto; max-width:100%;}
.txt07{font-size:18px; font-size:1.8rem;}
.txt07 strong.txtGold{font-size:18px; font-size:1.8rem;}
.txt08{font-size:16px; font-size:1.6rem;}
.txt08.sideBar::before{display:none;}
.txt08.sideBar::after{display:none;}
.radioList li.padLess .radio01 label .txt{padding:9px 30px 68px 45px;}
.radioList li a{width:162px; height:36px; top:64%; left:30px; box-sizing:border-box;}
.mWP100 {width:100%;}
}
.printPopupW {margin:0 20px; font-size:14px; font-size:1.4rem;}
.tablePrint01 {width:100%; margin-top:15px; font-size:14px; font-size:1.4rem; border-top: 1px solid #959aaa; border-left: 2px #fff solid;}
.tablePrint01 th, .tablePrint01 td {border-width: 0 0 1px 1px; border-style: solid; border-color: #c8c8c8; padding: 10px 8px; line-height: 1.4;}
.tablePrint01 thead th {background-color: #efefef;}
.tablePrint01 tbody th, .tablePrint01 tfoot th, .tablePrint01 tbody td, .tablePrint01 tfoot td {color: #444;}
.tablePrint01 tbody th .ul, .tablePrint01 tfoot th .ul, .tablePrint01 tbody td .ul, .tablePrint01 tfoot td .ul {line-height: 1.4;}
.tablePrint01 tbody th, .tablePrint01 tfoot th {background-color: #f7f7f7;}
.tablePrint01 tbody td.alignL, .tablePrint01 tfoot td.alignL {padding: 3px 8px 3px 8px;}
.tablePrint01 tbody td.verTop, .tablePrint01 tfoot td.verTop {vertical-align: top;}
.tablePrint01 tfoot th, .tablePrint01 tfoot td {font-weight: 600;}
@media print {
* {
-webkit-print-color-adjust: exact !important; /* Chrome, Safari */
color-adjust: exact !important; /*Firefox*/
}
.snsLinkList, .snsLinkW, .locationTxt, .printTxtW {display:none;}
.pc {display:block;}
.mobile {display:none;}
#contents {overflow:hidden; padding:0; margin:0;}
#contents:after {content:''; page-break-after:auto;}
.subMainW {padding:0;}
.printPopupW {margin:0;}
.printPopupW .tit02 {font-size:16px;}
.tablePrint01 {font-size:12px;}
.tablePrint01 th, .tablePrint01 td {padding:4px 5px;}
}
/*추가*/
/* 메인 입학지원절차 main-step */
.main-step {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.main-step > div {
position: relative;
width: calc(100%/9);
padding: 20px 0;
text-align: center;
background: #f7f7f7;
}
.main-step > div::after {
content: "";
position: absolute;
top: 50%;
right: -9px;
width: 0;
height: 0;
transform: translateY(-50%);
border-left: 9px solid #d8d8d8;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
z-index: 1;
}
.main-step > div:last-child::after {
display: none;
}
.main-step .step4:after {border-left-color: #f7f7f7;}
.main-step .step5 {background: #d5e3f0;}
.main-step .step5:after {border-left-color: #d5e3f0;}
.main-step .step6 {background: #b7cde2;}
.main-step .step6:after {border-left-color: #b7cde2;}
.main-step .step7 {background: #7999b7;}
.main-step .step7:after {border-left-color: #7999b7;}
.main-step .step8,
.main-step .step9 {background: #012e57;}
.main-step .step8:after {border-left-color: #f7f7f7;}
.main-step .step6 span {color: #012e57 }
.main-step .step7 p,
.main-step .step8 p,
.main-step .step9 p,
.main-step .step7 span,
.main-step .step8 span,
.main-step .step9 span {color: #fff;}
.main-step .step7 .stepin,
.main-step .step8 .stepin,
.main-step .step9 .stepin {color: #012e57;}
.main-step > div span.stepin {
font-size: 0.8em;
padding: 2px 10px;
background: #fff;
border: 1px solid #ddd;
border-radius: 2em;
}
.main-step > div p {
margin: 10px 0;
font-weight: 600;
color: #000;
}
.main-step > div span {
display: inline-block;
line-height: 1.2;
color: #767676;
}
@media(max-width:1400px) {
.main-step {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.main-step > div {
width: calc(100%/4);
}
.main-step > div:nth-child(n+5) {
width: calc(100%/5);
}
.main-step .step4:after {display: none;}
}
@media(max-width:991px) {
.main-step > div {
width: calc(100%/2);
}
.main-step > div:nth-child(n+5) {
width: calc(100%/2);
}
.main-step > div:last-child {
width: 100%;
}
.main-step .step2:after {display: none;}
.main-step .step6:after {display: none;}
}
/* 탭 최근게시물 */
.notice-tab {
clear:both;
position:relative;
width:100%;
height: 250px;
letter-spacing:-.05em;
background-color:#fff;
}
.notice-tab .title {
position:relative;
z-index:2;
float:left;
}
.notice-tab .title a {
display:block;
color:#666;
font-size: 1.1em;
margin-right: 20px;
text-align:center;
}
.notice-tab .title:first-child a {
padding-left:0;
}
.notice-tab .title.on a {
position:relative;
color:#012e57;
font-weight: 500;
}
.notice-tab .title a:hover {
text-decoration:none;
}
.notice-tab .title.on a::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background: #012e57;
}
.notice-tab .btn_more {
display: none;
position: absolute;
top: 0;
right: 0;
width: 30px;
height:30px;
background: url("../img/btn-more.png") no-repeat center right;
display:block;
}
.notice-tab .tab-contents.on,
.notice-tab .on a.btn_more {
display:block;
}
.notice-tab .tab-contents {
display:none;
}
.notice-tab ul {
position:absolute;
top: 50px;
left: 0;
width: 100%;
z-index:1;
margin:0;
}
.notice-tab ul,
.notice-tab ul li {
margin:0;
padding:0;
}
.notice-tab ul li {
float:left;
width:100%;
display:block;
color:#4c4c4c;
font-size: 1em;
font-weight:400;
}
.notice-tab ul li a {
position:relative;
display: inline-block;
width: 70%;
padding-left: 7px;
color: #000;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.notice-tab ul li a:after {
position:absolute;
top: 50%;
left: 0;
width: 2px;
height: 2px;
background: #7b7b7b;
content:"";
}
.notice-tab ul li .date {
float:right;
color:#888;
font-weight:400;
letter-spacing:.0em;
}
@media(max-width:991px) {
.notice-tab {
margin: 30px 0;
}
}
/* 입학상담 */
.remote-wrap {
position:relative;
width:100%;
height: 250px;
/*padding:5px 32px;*/
background-color:#eee;
background-image: url("../img/remote-bg.png");
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.remote-wrap .remote-group {
padding: 30px 40px;
border-bottom:1px solid rgba(255, 255, 255, 0.5);
}
.remote-head {
clear:both;
margin-bottom: 10px;
}
.remote-head h6 {
color:#fff;
font-weight:500;
margin:0;
}
.remote-body {
clear:both;
line-height:1.34;
padding-left:56px;
background-image: url("../img/remote-body-img.png");
background-repeat: no-repeat;
background-position: 0 60%;
}
.remote-body h6 {
color:#fff;
font-size: 1.8em;
font-weight:500;
letter-spacing:-.01em;
margin:0;
}
.remote-body p {
margin:0;
color:#fff;
}
.remote-body a {
color:#fff;
}
.remote-link {
display: flex;
justify-content: space-around;
overflow: hidden;
height: 99px;
}
.remote-link a {
display: block;
width: calc(100%/2);
padding: 25px 0;
color: #fff;
text-align: center;
line-height: 1.4;
}
.remote-link a.email-link {
border-right: 1px solid rgba(255,255,255,.5);
}
.remote-link a.email-link:hover {
background: rgba(38,118,131,.7);
}
.remote-link a.kakao-link:hover {
background: rgba(255,221,31,.7);
}
@media(max-width:1200px) {
.remote-wrap {
display: flex;
justify-content: space-between;
height: auto;
padding: 0 25px;
margin-top: 30px;
}
.remote-wrap > div {
width: calc(100%/2);
}
.remote-wrap .remote-group {
padding: 20px 0;
border-bottom: 0;
}
.remote-head h6 {
font-size: 1em;
}
.remote-body {
padding-left:51px;
background-position: 3px 70%;
background-size: 30px auto;
}
.remote-body h6 {
font-size: 1.5em;
}
.remote-body p {
font-size: 1em;
}
.remote-link {
align-items: center;
height: auto;
}
.remote-link a {
padding: 8px 0;
font-size: 0.9em;
border: 1px solid rgba(255,255,255,.5);
}
.remote-link a.email-link {
margin-right: 10px;
}
}
@media(max-width:767px) {
.remote-wrap {
flex-direction: column;
padding-bottom: 20px;
}
.remote-wrap > div {
width: 100%;
}
}