@charset "utf-8"; /****************************************/ /* Name: FPSB KOREA /* Version: 1.0 / day: 2019-02-01 /* Author: /* Summary 1)콘텐츠 레이아웃 2)반응형 레이아웃 3)메인 콘텐츠 4)반응형 메인 콘텐츠 5)서브 콘텐츠 6)반응형 서브 콘텐츠 */ /****************************************/ @import url("https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css"); @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* Common */ body{text-align: left;font-size:15px;line-height:22px;font-family:'Noto Sans KR', sans-serif; color:#555;font-weight:400;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all} header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;} h1,h2,h3,h4,h5,h6{color:#333;font-weight:700} h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR', sans-serif; font-size:15px;box-sizing: border-box;} input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/ button,textarea{-webkit-appearance: none} img,fieldset,iframe{border:0 none} li{list-style:none} img,input,select,button,textarea{outline: 0; vertical-align:middle;box-sizing: border-box;} img{max-width:100%} em,address,optgroup{font-style:normal} label,button{cursor:pointer} label{position: relative;vertical-align:middle} button{margin:0;padding:0;border:0;background:none} a{box-sizing: border-box} a:link,a:visited{text-decoration:none;color:#363636;} a:hover,a:focus,a:active{text-decoration:none;color:#363636;} hr{display:none} legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px} .blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)} p{text-align:left;font-weight:400;word-break:keep-all} table {width:100%;border-spacing:0;border-collapse:collapse;border:0} /* hidden contents */ .skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1} .skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10} #skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:500;} #skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} #skip_navi a:focus, #skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#007cc3;} .text-center {text-align:center;} .text-left {text-align:left;} /* ================================================================================ 콘텐츠 레이아웃 ================================================================================ */ #wrapper{position:relative; padding-top:120px; min-width:320px;width:100%;height:100%;right:0;z-index:300} /* ---- 상단영역 ---- */ #header{position:fixed;top:0;left:0;min-width:320px;width:100%;overflow:hidden;transition:all 0.2s ease; z-index:100;} #header .head_box{position:relative; min-height:180px; z-index:200;} #header .head_box .headTopWrap{height: 40px; background: #f5f5f5;} #header .head_box .headTopWrap .headTop {position: relative; margin: 0 auto; max-width: 1218px;} #header .head_box .mgnbLogo {display: none;} /* #header .head_box .logo{padding-top:10px;height:70px;text-align:center;} #header .head_box .logo a{display:inline-block;} #header .head_box .logo img{width:165px;} */ #header .head_box .topSearch{position:absolute; top:41px; right:-49px; padding:50px 40px 50px; width:432px; height: 132px; background:#fff; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index: 100;} #header .head_box .topSearch::after {content: ''; position: absolute; top: -11px; right: 55px; border-bottom: 14px solid #fff; border-right: 13px solid transparent; border-left: 13px solid transparent; } #header .head_box .topSearch .innerClose {position: absolute; top: 16px; right: 18px; cursor: pointer; } #header .head_box .topSearch .innerClose::before{position:absolute;top:45%;left:50%;margin-left:-8px;width:16px;height:2px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#333;} #header .head_box .topSearch .innerClose::after{position:absolute;top:45%;left:50%;margin-left:-8px;width:16px;height:2px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#333;} #header .head_box .topSearch .searchTxt{padding:0; width:100%; border: 0; border-bottom: 1px solid #333; font-size: 15px; font-weight: 500; line-height: 27px; outline: 0;} #header .head_box .topSearch .btn{position:absolute; top: -6px; right: 35px; width:45px; height:100%;text-indent:-999px;overflow:hidden; background:url('../img/ic_search.png') no-repeat center center; background-size:16px; border:0} #header .head_box .topGlob{float: right; margin-right: 55px;} #header .head_box .topGlob ul{display:inline-block;} #header .head_box .topGlob ul::after{display:block;clear:both;content:''} #header .head_box .topGlob ul li{float:left;} #header .head_box .topGlob ul li a{display:block;font-size:13px;color:#333;line-height:38px; font-weight: 500;} #header .head_box .topGlob .globLink1 li{margin-left:15px} #header .head_box .topGlob .globLink1 li a{padding:0 15px; background-repeat:no-repeat;background-position:left center} /*#header .head_box .topGlob .globLink1 li.ic2 a{background-image:url('../img/top_ic2.png')}*/ #header .head_box .topGlob .globLink2 li a{margin-left:-1px; padding:0 15px; text-align:center;} #header .head_box .btnSearch{display:block; position:absolute; top: 0; right:0; width:40px; height:40px; border-radius: 99px; text-indent:-999px; overflow:hidden; z-index:110} #header .head_box .btnSearch::after {content: ''; position: absolute; top: 6px; right: 7px; width: 25px; height: 25px; background:url('../img/ic_search.png') no-repeat center center; background-size:14px; } #header .head_box .btnSearch span::after {content: ''; position: absolute; top: 7px; right: 7px; width: 25px; height: 25px; background: #fff; border-radius: 99px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 19%); } /* #header .head_box .btnSearch.on{background:none} */ #header .head_box .btnMenu{display:none} .gnbWrap {width: 100%; overflow: hidden;} .gnbWrap::after {content: ''; position: absolute; top: 39px; left: 0; display: block; width: 100%; height: 80px; background: #fff; border-bottom: 1px solid #dfdfdf;} .gnbWrap > div {margin: 0 auto; max-width: 1218px;} .gnbWrap .gnbLogo {position: absolute; top: 45px; width: 144px; z-index: 99;} #gnb{position:relative; margin-top: -3px; margin-left: 200px; z-index:10;} #gnb ul.gnb{position:relative; display: flex; width:100%; background: #fff; border-top: #e2e2e2;} #gnb > ul::after{display:block;clear:both;content:''; position: absolute; bottom: 0; width: 100%; border-bottom: 1px solid #e2e2e2;} #gnb > ul > li{position:relative;float:left;width:16.666%} #gnb > ul > li > a{position:relative;display:block;padding:0;height:80px;font-size:17px;color:#313131;text-align:center;line-height:80px;font-weight:700; white-space: nowrap;} #gnb > ul > li:first-child > a::before{display:none} #gnb > ul > li > a::after{position:absolute;left:50%;bottom:0;width:0;height:10px;content:'';transition:all 0.2s ease;-webkit-transition:all 0.2s ease} #gnb > ul > li.hv > a::after, #gnb > ul > li.on > a::after, #gnb > ul > li > a:hover::after{left:0;width:100%;} #gnb > ul > li > .gnbSm{position:absolute; top:79px; left:0;padding:17px 14px;width:100%;height:620px;border-right:1px solid #e2e2e2; border-top: 1px solid #e2e2e2; } #gnb > ul > li > .gnbSm:hover > ul > li > a, #gnb > ul > li > a:hover ~ .gnbSm > ul > li > a {color: #fff !important;} #gnb > ul > li > .gnbSm:hover > ul > li > ul li a, #gnb > ul > li > a:hover ~ .gnbSm > ul > li > ul li a {color: #E8E8E8;} #gnb > ul > li > .gnbSm:hover > ul > li > ul li.on a {color: #fff; font-weight: 700;} #gnb > ul > li > .gnbSm h2{margin-bottom:20px;font-size:18px} #gnb > ul > li > .gnbSm > ul > li{margin-bottom:14px; line-height:18px;} #gnb > ul > li > .gnbSm > ul li a{display:block;font-size:14px;color:#333; font-weight: 500;} #gnb > ul > li > .gnbSm > ul li.on a{color:#1E2C56;font-weight:700;} #gnb > ul > li > .gnbSm > ul > li > a:hover{font-weight:700} #gnb > ul > li > .gnbSm > ul > li > ul{margin-top:5px} #gnb > ul > li > .gnbSm > ul > li > ul li{margin-bottom:5px;line-height:18px;} #gnb > ul > li > .gnbSm > ul > li > ul li a{position:relative;padding-left:10px; font-size: 13px; color:#555; font-weight: 400; } #gnb > ul > li > .gnbSm > ul > li > ul li.on a{color:#1E2C56;font-weight:700;} #gnb > ul > li > .gnbSm > ul > li > ul li a:hover{text-decoration:underline} #gnb > ul > li:first-child > .gnbSm{border-left:1px solid #e2e2e2} #gnb > ul > li > .gnbSm:hover, #gnb > ul > li > a:hover ~ .gnbSm {background: #1E2C56; border-right: 0; border-left: 0;} #gnb > ul > li:last-child > .gnbSm:hover {margin-left: .5px;} #gnb > ul > li:nth-child(1).hv > a::after, #gnb > ul > li:nth-child(1).on > a::after, #gnb > ul > li:nth-child(1) > a:hover::after{background:#3D56AE} #gnb > ul > li:nth-child(2).hv > a::after, #gnb > ul > li:nth-child(2).on > a::after, #gnb > ul > li:nth-child(2) > a:hover::after{background:#fa6767} #gnb > ul > li:nth-child(3).hv > a::after, #gnb > ul > li:nth-child(3).on > a::after, #gnb > ul > li:nth-child(3) > a:hover::after{background:#3D56AE} #gnb > ul > li:nth-child(4).hv > a::after, #gnb > ul > li:nth-child(4).on > a::after, #gnb > ul > li:nth-child(4) > a:hover::after{background:#39cabb} #gnb > ul > li:nth-child(5).hv > a::after, #gnb > ul > li:nth-child(5).on > a::after, #gnb > ul > li:nth-child(5) > a:hover::after{background:#39cabb} #gnb > ul > li:nth-child(6).hv > a::after, #gnb > ul > li:nth-child(6).on > a::after, #gnb > ul > li:nth-child(6) > a:hover::after{background:#e1a11f} /* ---- 중간영역 ---- */ #container{position:relative;height:100%} #container #content{position:relative;margin:0 auto;} #container #content::after{display:block;clear:both;content:''} #subContainer{position:relative;margin:0 auto; padding:78px 0 0; max-width:1218px;height:100%;} #subContainer::after{display:block;clear:both;content:''} #subContainer #lnbCon{float:left; max-width: 210px; width:100%; margin-top: 20px; margin-bottom: 20px;} #subContainer #lnbCon h2{position: relative; margin-bottom: 21px; margin-left: 7px; color: #2E2E2E; font-size:25px; line-height:28px; text-align: left; letter-spacing:-1px} #subContainer #lnbCon h2::after {content: ''; position: absolute; bottom: -10px; left: -7px; width: 52px; height: 98px; background: url('/assets/img/aside-icon.png'); z-index: -1;} #subContainer #content{position:relative;float:right; padding-bottom: 60px; max-width:960px; width: 78%; min-height:600px} #subContainer #content .inrContent {padding: 0 10px;} #lnb{border: 1px solid #dcdcdc; border-radius: 5px;} #lnb > li > a{position: relative; display:block;margin-bottom:-1px; padding:18px 20px;font-size:16px;color:#444;font-weight:400;border-bottom:1px solid #dcdcdc;transition:all 0.1s ease;-webkit-transition:all 0.1s ease;} #lnb .has-sub > a::after {content: ''; position: absolute; right: 27px; width: 19px; height: 35px; background: url('../img/ic_next.png') no-repeat; background-size: 7px; transform: rotate(90deg); -webkit-transform: rotate(90deg);} #lnb > li:first-child > a {border-radius: 5px 5px 0 0;} #lnb > li:last-child > a {border-radius: 0 0 5px 5px;} #lnb > li.has-sub.open > a{color:#fff;background:#1E2C56;border-bottom:1px solid #1E2C56} #lnb > li.on > a, #lnb > li.open > a, #lnb > li > a:hover{color:#fff;background:#1E2C56;border-bottom:1px solid #1E2C56} #lnb .has-sub.on > a::after, #lnb > li.open > a::after, #lnb > li > a:hover::after {top: 4px; right: 4.5px; filter: brightness(6.5); transform: rotate(-90deg); -webkit-transform: rotate(-90deg);} #lnb > li > ul{display:none; padding: 18px 10px 17px 20px; background: #f7f7f7; border-bottom:1px solid #dcdcdc;} #lnb > li > ul li{text-align:left} #lnb > li > ul li a{position:relative; display:block; padding: 0 10px; font-size:14px; color:#555; line-height: 31px;} #lnb > li > ul li a::before{content:'•'; position:absolute; top: 0px; left:0;} #lnb > li > ul li a:hover, #lnb > li > ul li.on a{text-decoration: underline; text-underline-position: under;} .location{position:absolute; top:0; right:0} .location li{position:relative;display:inline-block;padding:0 14px 0 2px;font-size:13px;color:#666;line-height:16px;vertical-align:middle} .location li::after{position:absolute;top:0;right:0;content:'>';font-size:12px; font-family: 'Nanum Gothic'} .location li.home{padding-left:20px;background:url('../img/ic_home.png') no-repeat left center} .location li:last-child{padding-right:0;} .location li:last-child::after{display:none} .location li sup {margin-left: 2px; vertical-align: initial;} /* ---- 하단영역 ---- */ #footer {position:relative;clear:both;width:100%;background:#fff;z-index:50} #footer .foot_menu{background:#fff; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;} #footer .foot_menu ul{position:relative;margin:0 auto;padding:12px 0;max-width:1218px} #footer .foot_menu ul li{position:relative;display:inline-block} #footer .foot_menu ul li a{display:block;padding-right:45px;font-size:14px;color:#333;font-weight:700} #footer .foot_menu ul li:first-child a{padding-left:0} #footer .foot_menu ul li:last-child::after{display:none} #footer .footWrap{position:relative;margin:40px auto 20px; padding:5px 0 20px 0;max-width:1218px;line-height:18px} #footer .footWrap .footTop {display: flex; margin-bottom: 40px;} #footer .footWrap .footTop img {margin-right: 41px; width: 13.5%; object-fit: contain; opacity: .9;} #footer .footWrap .footBottom {display: flex;} #footer .footWrap p{margin-bottom:15px; width: 45%; font-size:12px; color: #777;} #footer .footWrap address{font-size:13px;color:#777; line-height: 19px;} #footer .footWrap address .br-lg-none {display: none;} #footer dl.CFP { background: url(/assets/png/CFPtagline.png) 0 0 no-repeat; background-size: contain;} #footer dl.AFPK { background: url(/assets/png/AFPKtagline.png) 100% 0 no-repeat; background-size: contain;} #footer dl { width: 35em; min-height: 6em; margin: 0; padding: 0; float: left; border: none; } #footer dl * { text-indent: -9999em;} #footer dt { background-color: transparent;font-size: 1.0em;color: #363636;margin: 0;padding: .4em 1.6em !important;line-height: 1.6em;letter-spacing: -0.015625em; } #footer dd {font-size: 1.0em;padding: 0;margin: .2em 1em .4em 1.6em;line-height:1.6em;letter-spacing: -0.015625em;} .btnTop{display:none;position:fixed;right:20px;bottom:50px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:rgba(255,255,255,0.7);border:1px solid #969696;border-radius:50%;z-index:100} .btnTop::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';transform:rotate(-90deg);background:url('../img/ic_next.png') no-repeat center center;background-size:20%} .poplayer {background:#fff;position:absolute;width:500px;left:50%;margin-left:-550px;top:0px;z-index:1000;visibility:hidden;} .poplayer2 {background:#fff;position:absolute;width:500px; right: 0; margin-left:51px;top:0px;z-index:1000;visibility:hidden;} .poplayer3 {background:#fff;position:absolute;width:400px;left:50%;margin-left:-740px;top:0px;z-index:1000;visibility:hidden;} .plinkk01 {position:absolute;top:51%;left:0%;width:35%;height:10%;border:0px solid #000;z-index:99;} .plinkk02 {position:absolute;top:51%;right:0%;width:35%;height:10%;border:0px solid #000;z-index:99;} .plinkk03 {position:absolute;bottom:0%;right:10%;width:22%;height:10%;border:0px solid #000;z-index:99;} .plinkk04 {position:absolute;bottom:2%;right:20%;width:20%;height:10%;border:0px solid #000;z-index:99;} .only-mo {display:none;} .fc_blue {color:#1E2C56 !important;} .t_typel strong.fc_blue {color:#1E2C56 !important;} .fc_red {color:#ed0000 !important;} .t_typel strong.fc_red {color:#ed0000 !important;} img[usemap] {border:none;height:auto;max-width: 100%;width: auto;} /* ================================================================================ 공통 반응형 레이아웃 ================================================================================ */ /* 공통 PC Device */ @media all and (min-width:1001px){ /* #header::after{position:absolute;top:70px;left:0;width:100%;height:1px;content:'';background:#e6e6e6;transition:all 0.2s ease;-webkit-transition:all 0.2s ease; z-index: 999;} */ /* #header::before{position:absolute;top:150px;left:0;width:100%;height:100%;content:''; border-top:1px solid #cfcfcf} */ /* #header.online{border-bottom:1px solid #bbb} 221117 */ /* #header.online::before{position:absolute;left:0;top:151px;width:1050px;content:'';border-bottom:1px solid #cfcfcf} */ #header .head_box, #header .head_box .logo, #header .head_box .logo img, #header::after, #header::before, #header .head_box .topSearch, #header .head_box .topGlob{transition:all 0.2s ease;-webkit-transition:all 0.2s ease} #header .head_box .topSearch{display: none;} #header.fix .head_box{min-height: 180px} #header.fix .head_box .logo{padding-top:5px;height:50px} #header.fix .head_box .logo img{width:120px} #header.fix::after{top:50px;} #header.fix::before{top:100px} #header.fix .head_box .topGlob{top:8px} #mGnb{display:none;} } @media all and (max-width: 1140px){ #gnb {margin-left: 180px;} #gnb > ul > li:nth-child(4) > a {white-space: nowrap;} #gnb > ul > li > .gnbSm {padding: 17px 10px;} #gnb > ul > li > .gnbSm > ul li a {white-space: unset;} #gnb > ul > li > .gnbSm > ul > li > ul li a {padding-left: 5px; white-space: nowrap;} } /* 공통 TABLET Device */ @media all and (max-width:1000px){ html { font-size: 1rem; /* 기본베이스 폰트사이즈 26px */ line-height: 1rem; /* 기본베이스 line-height 사이즈 26px */ } body {font-size: 1rem;line-height: 1rem;} h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-size: 1rem;} img {object-fit: contain;} #wrapper{padding-top: 3rem} #header{overflow:visible} #header .head_box{background: #fff; border-bottom: 1px solid #dfdfdf; height: 64px; min-height: 64px; } /* #header .head_box .logo{padding-top:0.9615rem;height:4.231rem} #header .head_box .logo a img{width:7.692rem} */ #header .head_box .headTopWrap {height: 0;} #header .head_box .gnbWrap {display: none;} #header .head_box .mgnbLogo {display: flex; align-items: center; justify-content: center; height: 64px;} #header .head_box .mgnbLogo a {width: 14%; min-width: 90px;} #header .head_box .topGlob{display:none} #header .head_box .btnMenu{display:block;position:absolute;top:0; left:27px; width: 64px; height: 64px; text-indent:-999px;overflow:hidden;transition:all 0.2s ease;z-index:110} #header .head_box .btnMenu span{position:relative;display:block; margin-top: 1rem; width: 26px; height: 3px; background:#252525;transition:all 0.2s ease;border-radius:99px} #header .head_box .btnMenu span::before{position:absolute; top:-0.8308rem; left:0; width:100%; height: 3px; content:'';background:#252525;transition:all 0.2s ease;border-radius:99px} #header .head_box .btnMenu span::after{position:absolute;top:-0.4154rem;left:0;width:80%; height:3px; content:'';background:#252525;transition:all 0.2s ease;border-radius:99px} #header .head_box .btnSearch{display:block; position:absolute; top:0; right:27px; width: 64px; height: 64px; text-indent:-999px;overflow:hidden; z-index:100;} #header .head_box .btnSearch::after {content: ''; position: absolute; top: 18px; right: 10px; width: 22px; height: 22px; background:url('../img/ic_search.png') no-repeat center center; background-size: 20px; } #header .head_box .btnSearch span::after {content: ''; position: absolute; top: 21.5%; right: 4px; width: 34px; height: 34px; background: #fff; border-radius: 99px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 19%); } #header .head_box .btnSearch.on{background:none} #header .head_box .btnSearch.on::before{position:absolute;top:46.5%; right:19%; margin-left:-0.9615rem;width: 1.1rem; height:0.1rem; content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#222; border-radius: 99px; z-index: 9;} #header .head_box .btnSearch.on::after{position:absolute;top:46.5%; right: 19%; margin-left:-0.9615rem; width:1.1rem; height:0.1rem; content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#222; border-radius: 99px;} #header .head_box .topSearch{display:none; top: 4rem; right: 0; padding: 36px 40px; width:100%; height:6.846rem;border-radius:0;border-width:1px 0} #header .head_box .topSearch::after {display: none;} #header .head_box .topSearch .btn{right: 20px; width:3.846rem;background-size:1rem} #header .head_box .topSearch .innerClose {display: none;} #gnb{display:none} #mGnb{display:block; position:fixed; top:0; left:-25rem; width:20rem; min-width: 350px; height:100%;background:#fff;z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} #mGnb .memState{padding: 20px 27px; height: 74px; background:#1C478B;} #mGnb .memState::after{display:block;clear:both;content:''} #mGnb .memState .btnMem{float:left; margin-right: 9px; width: 74px; height: 35px; text-align:center;} #mGnb .memState .btnMem a{display:block; background: #fff; color:#1E1E1E; border-radius: 2px; font-size: 14px; line-height: 1.76rem;} #mGnb .memState span:last-child {margin-left: 14px;} #mGnb .memState span:last-child a {background: #15171e; color: #fff;} #mGnb > ul{width:100%;height:100%;overflow:auto;background:#fff;} #mGnb > ul > li{position:relative;font-size:1.346rem;border-bottom:1px solid #dcdcdc;} #mGnb > ul > li.has-sub > a::after{position:absolute; top: 22px; right: 27px; width: 19px; height: 35px; background: url(../img/ic_next.png) no-repeat; background-size: 10px; line-height: 72px; content:''; transform:rotate(90deg);-webkit-transform:rotate(90deg);transition:all 0.2s ease;-webkit-transition:all 0.2s ease} #mGnb > ul > li.open::after{color:#1E2C56;transform:rotate(270deg);-webkit-transform:rotate(270deg)} #mGnb > ul > li > a{display:block; padding: 24px 27px; color:#000; font-size: 15px; font-weight:700;} #mGnb > ul > li > a sup {font-size: 28px; vertical-align: text-top;} #mGnb > ul > li > ul{display:none; padding: 10px 27px; background:#f7f7f7; border-top:2px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;} #mGnb > ul > li > ul > li{position:relative;} #mGnb > ul > li > ul > li.has-sub > a::after{position:absolute; top: 12px; right: 25px; width:0.8077rem; height:.8rem; content:''; background:url('../img/m_b_off.png') no-repeat center center; background-size: 12px; } #mGnb > ul > li > ul > li.open::after{background:url('../img/m_b_on.png') no-repeat center center; background-size: 14px;} #mGnb > ul > li > ul > li > a{display:block; font-size: 14px; color:#555; line-height: 40px;} #mGnb > ul > li > ul > li > a::before {content: '•'; margin-right: 8px; color: #444; } #mGnb > ul > li > ul > li ul{display:none; margin:0; padding: 8px 0; background:#e7e7e7; border:1px solid #999; border-width:1px 0} #mGnb > ul > li > ul > li ul li a{position:relative; display:block; padding-left:2.192rem; font-size: 13px; color:#555; line-height: 27px;} #mGnb > ul > li > ul > li ul li a::before{position:absolute; top:0; left:1.538rem;content:'-';font-size: 1rem; line-height: 25px; font-weight: 300;} #mGnb .btnMenuClose{position:absolute; top: 0; right:0; width: 76px; height: 76px; text-indent:-999px; overflow:hidden;} #mGnb .btnMenuClose::before{position:absolute; top: 34%; right: 20%; margin-left:-1.346rem; width: 1.1rem; height:0.15rem; content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;border-radius:3px} #mGnb .btnMenuClose::after{position:absolute; top: 34%; right: 20%; margin-left:-1.346rem; width: 1.1rem; height:0.15rem; content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;border-radius:3px} #mGnb.on{left:0} /* 모바일메뉴 */ .fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:100} #wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;} #subContainer{padding-top: 16px;} #subContainer #lnbCon{display:none} #subContainer #content{float:none;padding:0 27px 2.7692rem;width:100%; max-width: unset;} .location{position:relative;margin:0 -1.6rem 2.692rem; padding:0.7692rem 0.7692rem 0.7692rem 5.231rem;min-height:2.692rem;background:#1E2C56} .location li{margin:0.1923rem 0;padding: 0 0.9615rem 0 0.3077rem;font-size:0.9615rem;color:#fff;line-height:0.9615rem} .location li.home{position:absolute;top:0.7692rem;left:1.7692rem;padding-left:1.538rem;background: url('../img/ic_home2.png') no-repeat left center;background-size:0.9615rem} .location li:last-child{color:#fff} .location li::after{font-size:0.8462rem} #footer .foot_menu ul{display: flex; justify-content: space-between; padding: 12px 27px; text-align:center} #footer .foot_menu ul li{display:inline-block;float:none;} #footer .foot_menu ul li::after{right:0;width:0.07692rem;height:1rem;margin-top: -0.5rem;} #footer .foot_menu ul li a{padding: 0; font-size:0.85rem; font-weight: 400; line-height:1.538rem} #footer .footWrap{margin: 20px 27px 49px; padding: 0;} #footer .footWrap p{width: 100%; font-size:0.8rem;} #footer .footWrap p .br-md-none {display: none;} #footer .footWrap .footTop {display: block;} #footer .footWrap .footTop img {margin-bottom: 10px;} #footer .footWrap address{font-size:0.85rem; line-height: 1.2rem;} #footer .footWrap address b {line-height: 2rem;} #footer .footWrap address .br-lg-none {display: block;} #footer .footWrap .footBottom {display: block;} #footer .footWrap .footBottom .markWrap {display: flex; width: 90%;} #footer dl.CFP {width: 100%; background: url(/assets/png/CFPtagline.png) 0 0 no-repeat; background-size: contain;} #footer dl.AFPK {width: 100%; background: url(/assets/png/AFPKtagline.png) 100% 0 no-repeat; background-size: contain;} #footer dl { width: 30em; min-height: 6em; margin: 0; padding: 0; float: left; border: none; } #footer dl * { text-indent: -9999em;} #footer dt { background-color: transparent;font-size: 1.0em;color: #363636;margin: 0;padding: .4em 1.6em !important;line-height: 1.6em;letter-spacing: -0.015625em; } #footer dd {font-size: 1.0em;padding: 0;margin: .2em 1em .4em 1.6em;line-height:1.6em;letter-spacing: -0.015625em;} .btnTop{right:0.7692rem;bottom:1.923rem;width:2.308rem;height:2.308rem;} .subColorA .location{background:#1E2C56} .subColorB .location{background:#af2929} .subColorC .location{background:#169c8e} .subColorD .location{background:#4f3707} } /* 공통 TABLET Device */ @media all and (max-width:800px){ html { font-size: 1; /* 기본베이스 폰트사이즈 18px */ line-height: 1; /* 기본베이스 line-height 사이즈 18px */ } h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-size: 1rem;} } /* 공통 Mobile Device */ @media all and (max-width:640px){ html { font-size: 0.9375rem; /* 기본베이스 폰트사이즈 15px */ line-height: 0.9375rem; /* 기본베이스 line-height 사이즈 15px */ } #header .head_box .topSearch {top: 4.24rem;} #header .head_box .btnMenu {left: 20px;} #header .head_box .btnMenu span{height:2px;} #header .head_box .btnMenu span::before{height:2px;} #header .head_box .btnMenu span::after{height:2px;} #header .head_box .btnSearch {right: 20px;} #header .head_box .btnSearch::after {top: 18.5px; right: 10.5px;} #header .head_box .btnSearch.on::before {top: 45.5%; right: 19%;} #header .head_box .btnSearch.on::after {top: 45.5%; right: 19%;} #mGnb {left: -27rem;} #mGnb .memState {padding: 14px; height: 55px;} #mGnb .memState .btnMem {width: 60px; height: auto;} #mGnb .memState .btnMem a {font-size: 13px; line-height: 2rem;} #mGnb .memState span:last-child {margin: 0; margin-left: 6px;} #mGnb > ul > li > a {padding: 20px 27px;} #mGnb > ul > li > ul > li > a {font-size: 13px;} #mGnb > ul > li.has-sub > a::after {top: 17px; background-size: 8px;} #footer .foot_menu ul {justify-content: flex-start; padding: 15px 20px; flex-wrap: wrap;} #footer .foot_menu ul li {margin-right: 20px; margin-bottom: 4px; text-align: left;} #footer .footWrap {margin: 15px 20px 30px;} #footer .footWrap .footTop img {min-width: 61px;} #footer .footWrap address br {display: none;} #footer .footWrap .footBottom .markWrap { width: 100%;} #footer dl.CFP {margin-right: 10px;} #footer .footWrap p {margin-top: -1.2rem; line-height: 1.1rem;} .poplayer {width:80%;left:2.5%;margin-left:0;z-index:9;} .poplayer2 {width:80%;top:80vw;left:2.5%;margin-left:0;z-index:8;} .poplayer3 {width:70%;left:2.5%;top:0;margin-left:0;z-index:9;} #subContainer #content {padding: 0 20px 0.7692rem;} } /* 공통 Mobile Device */ @media all and (max-width:400px){ html { font-size: .875rem; /* 기본베이스 폰트사이즈 14px */ line-height: .875rem; /* 기본베이스 line-height 사이즈 14px */ } .br-sm-none {display: none;} #header .head_box .topSearch {top: 4.6rem; height: 7.846rem;} #header .head_box .btnSearch.on::after, #header .head_box .btnSearch.on::before{top: 46.5%; right: 23%;} #header .head_box .btnMenu span{height:2px;} #header .head_box .btnMenu span::before{height:2px; top: -1rem;} #header .head_box .btnMenu span::after{height:2px; top: -.5rem;} #mGnb {min-width: 277px;} #mGnb > ul > li > a {font-size: 14px;} #mGnb > ul > li > a sup {font-size: 17px;} #mGnb > ul > li > ul > li > a {font-size: 11px; line-height: 31px;} } /* ================================================================================ 메인 콘텐츠 ================================================================================ */ /* 상단 슬라이드 기본설정 */ .swiper-container { margin: -5px 40px 0; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .mCon1{margin-bottom:35px;padding:55px 0 65px;overflow:hidden;background:url('../img/m_top_bg.jpg') no-repeat center top;background-size:cover} .mCon1 h2{margin-bottom:30px;font-family:'Nanum Square';font-size:37px;text-align:center;font-weight:400;line-height:37px;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition-property: all;-webkit-transition-property: all;transition-duration: 1s;-webkit-transition-duration: 1s;} .mCon1 h2 .txt span{font-size:41px;font-weight:700} .mCon1 h2 .txt span sup{font-size:20px;font-weight:400} .mCon1 .con{margin:0 auto;max-width:1218px;} .mCon1 .con::after{display:block;clear:both;content:''} .mCon1 .con > li{float:left;padding:0 6px;width:20%;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);transition-property: all;-webkit-transition-property: all;transition-duration: 1s;-webkit-transition-duration: 1s;} .mCon1 .con > li .box{position:relative;padding-bottom:19%;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon1 .con > li .box img{height:81%} .mCon1 .con > li .box dl{position:absolute;left:0;top:81%;width:100%;height:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon1 .con > li .box dl dt{font-size:26px;color:#fff;font-weight:900;text-align:center;line-height:60px} .mCon1 .con > li .box dl dd{padding:0 20px;} .mCon1 .con > li .box dl dd ul{margin-left:10px;opacity:0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon1 .con > li .box dl dd ul li{position:relative;border-bottom:1px solid rgba(255,255,255,0.2)} .mCon1 .con > li .box dl dd ul li a{position:relative;display:block;padding:5px 0;font-size:15px;color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;z-index:2;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon1 .con > li .box dl dd ul li a::after{position:absolute;top:0;right:0;content:'>';font-size:8px;line-height:35px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon1 .con > li .box dl dd ul li::after{position:absolute;top:0;left:0;width:0;height:100%;content:'';background:rgba(0,0,0,0.1);z-index:1;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon1 .con > li.bg1 .box dl{background:#e1a11f} .mCon1 .con > li.bg2 .box dl{background:#ed1b24} .mCon1 .con > li.bg3 .box dl{background:#004890} .mCon1 .con > li.bg4 .box dl{background:#64a4f6} .mCon1 .con > li.bg5 .box dl{background:#39cabb} .mCon1 .con > li .box button{display:none} .ing_box {position:absolute;top:0;left:0;z-index:9999;width:228px;box-shadow: 2px 2px 3px rgba(0,0,0,0.2);} .ing_box img {width:100%;} .mCon1 h2.firstAct{transform:translateY(0);-webkit-transform:translateY(0);transition-delay:0.1s;-webkit-transition-delay:0.1s;opacity:1} .mCon1 .con > li.secAct{transform:translateY(0);-webkit-transform:translateY(0);opacity:1} .mCon1 .con > li:nth-child(1).secAct{transition-delay:1.6s;-webkit-transition-delay:1.6s;} .mCon1 .con > li:nth-child(2).secAct{transition-delay:1.1s;-webkit-transition-delay:1.1s;} .mCon1 .con > li:nth-child(3).secAct{transition-delay:0.6s;-webkit-transition-delay:0.6s;} .mCon1 .con > li:nth-child(4).secAct{transition-delay:1.1s;-webkit-transition-delay:1.1s;} .mCon1 .con > li:nth-child(5).secAct{transition-delay:1.6s;-webkit-transition-delay:0.6s;} .mConWrap{display: flex; justify-content: space-between; margin:0 auto 60px;max-width:1218px} .mConWrap::after{display:block;clear:both;content:''} .mCon2{position:relative;float:left;padding:20px; width: 50%; height:190px;border:1px solid #d9d9d9; border-radius: 2px; overflow:hidden;} .mCon2 .mTab {display:inline-block; margin-bottom: 20px; font-size:17px; width:63px; color:#888; margin-left:10px; font-weight:400;} .mCon2 .mTab a {color:#888;} .mCon2 .mTab.on {color:#333; border-bottom:3px solid #1E2C56; padding-bottom:2px; font-weight: 500;} .mCon2 .mTab.on a {color:#333;} .mCon2 .mTab.first {margin-left:0px;} .mCon2 ul li{position:relative;margin-bottom:5px;padding-right:80px;font-size:14px} .mCon2 ul li a{display:block;color:#555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mCon2 ul li a::before {content: '•'; margin-right: 8px; color: #555;} .mCon2 ul li a:hover{text-decoration:underline;} .mCon2 ul li .data{position:absolute;top:0;right:0;font-size:13px;color:#999;} .mCon2 .btnMore{position:absolute; top: 14px; right:48px;} .mCon2 .btnMore::before {content: '+'; position: absolute; width: 26px; height: 26px; border: 1px solid #d9d9d9; border-radius: 99px; font-size: 28px; color: #838383; text-align: center; line-height: 22px;} .mCon2 .btnMore a{display:block; width:13px; height:13px;text-indent:-999px;overflow:hidden} .nCon2Wrap {width: 50%; margin-left: 20px;} .nCon2{position:relative;float:left; padding:0px;width: 50%;height:190px;border:1px solid #d9d9d9; border-radius: 2px; background:#fff;overflow:hidden;} .nCon2 .nTab {display:block;white-space:nowrap;font-size:0;} .nCon2 .nTab a {width:50%;height:40px;display:inline-block;vertical-align:top;} .nCon2 .nTab01 {background:url('/assets/img/ic_sns1_off.png') no-repeat center #f8f8fa;background-size:auto 50%;border-bottom:1px solid #d9d9d9;} .nCon2 .nTab02 {background:url('/assets/img/ic_sns3_off.png') no-repeat center #f8f8fa;background-size:auto 50%;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} .nCon2 .nTab01.on {background:url('/assets/img/ic_sns1.png') no-repeat center;background-size:auto 50%;border-bottom:1px solid #fff;} .nCon2 .nTab02.on {background:url('/assets/img/ic_sns3.png') no-repeat center;background-size:auto 50%;border-bottom:1px solid #fff;border-left:1px solid #d9d9d9;} /* .link_ch {display:block;font-size:0;width:100%;height:100%;} .link_ch a {display:inline-block !important;vertical-align:top !important;width:50%;height:50%;position:relative;overflow:hidden;padding:0;margin:0;} .link_ch a span {display:block;text-align:center;color:#000;font-size:13px;position:absolute;bottom:10%;left:0;width:100%;} .link_ch a:nth-child(1) {background:url('/assets/img/icn_y.png') no-repeat center 24% #f8f8fa;} .link_ch a:nth-child(2) {background:url('/assets/img/icn_k.png') no-repeat center 24% #fff;} .link_ch a:nth-child(3) {background:url('/assets/img/icn_r.png') no-repeat center 24% #fff;} .link_ch a:nth-child(4) {background:url('/assets/img/icn_n.png') no-repeat center 24% #f8f8fa;} */ /* .mCon3 {} .mCon3 h2{margin-bottom:20px} .mCon3 h2 img{height:25px} .mCon3 a{display:block} */ .mCon3 .tit{display:block;margin-bottom:15px;height:65px;font-weight: 400; overflow:hidden} .mCon3 .data{display:block; font-size:13px; color:#999;} .mCon4{position:relative;float:left;margin-left:4%;max-width:305px;width:46%;height:190px;background:#f8f8fa;border:1px solid #d9d9d9; border-radius: 2px; overflow:hidden} .mCon4 a{display:block; height: 100%;} .mCon4 a img{width: 100%; height: 100%; border-radius: 2px; object-fit: cover; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .mCon4 a::before{position:absolute;top:50%;left:50%;margin:-47px 0 0 -47px;width:95px;height:95px;content:'';background:url('../img/ic_movie.png') no-repeat center center;background-size:100%;z-index:2} .mCon4 a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)} .movieWrap {padding: 60px 0; background: #c8d2e7;} .movieWrap .mConWrap {margin: 0 auto;} .mConYtb {width: 100%;} .mConYtb ul {display: flex; justify-content: space-between; width: 100%;} .mConYtb ul li {display: inline-block; width: 25%; padding: 14px; padding-bottom: 30px; background: #fff; border: 1px solid #d9d9d9; box-shadow: 4px 4px 10px rgb(0 0 0 / 8%); overflow: hidden; letter-spacing: -1px;} .mConYtb ul li + li {margin-left: 20px;} .mConYtb ul li .imgBox {position: relative; width: 100%; height: auto; min-height: 80px; max-height: 135px; margin-bottom: 10px; border: 1px solid #d9d9d9; overflow: hidden;} .mConYtb ul li .imgBox::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/assets/img/ytb_toggle.png') center no-repeat #0000002e; z-index: 22;} .mConYtb ul li .imgBox img {width: 100%; transition: ease .4s;} .mConYtb ul li:hover { background: #f1f3f5;} .mConYtb ul li:hover .imgBox img {transform: scale(1.15); transition: ease .4s;} .mConYtb ul li .subText {padding-top: 20px; font-weight: 500; font-size: 16px; color: #444;} .mConYtb ul li .ytbTitle {padding-top: 5px; font-size: 14px; color: #122771;} /* .mCon5{padding:12px 20px;border-top:1px solid #d9d9d9} .mBanner{position:relative;margin:0 auto;padding:0 20px 0 150px;max-width:1218px} .mBanner h2{position:absolute;top:10px;left:0;font-size:16px;font-weight:700} .mBanner .control{} .mBanner .control button{position:absolute;top:50%;margin-top:-11px;width:10px;height:21px;text-indent:-999px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:100%} .mBanner .control .mprevSlide{left:130px;background-image:url('../img/ic_before.png')} .mBanner .control .mnextSlide{right:0;background-image:url('../img/ic_next.png')} .mBanner .control .mstopSlide{left:100px;margin-top:-6px;width:7px;height:12px;background-image:url('../img/ic_stop.png')} .mBanner .control .mstartSlide{left:100px;margin-top:-6px;width:7px;height:12px;background-image:url('../img/ic_play.png')} .nBanner{position:relative;margin:0 auto;padding:0 20px 0 150px;max-width:1218px} .nBanner h2{position:absolute;top:10px;left:0;font-size:16px;font-weight:700} .nBanner .control{} .nBanner .control button{position:absolute;top:50%;margin-top:-11px;width:10px;height:21px;text-indent:-999px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:100%} .nBanner .control .nprevSlide{left:130px;background-image:url('../img/ic_before.png')} .nBanner .control .nnextSlide{right:0;background-image:url('../img/ic_next.png')} .nBanner .control .nstopSlide{left:100px;margin-top:-6px;width:7px;height:12px;background-image:url('../img/ic_stop.png')} .nBanner .control .nstartSlide{left:100px;margin-top:-6px;width:7px;height:12px;background-image:url('../img/ic_play.png')} */ /* ================================================================================ 반응형 메인 콘텐츠* ================================================================================ */ /* 메인 PC Device */ @media all and (min-width:1001px){ .mCon1 .con > li .box dl dd ul li:hover::after{width:100%;} .mCon1 .con > li .box dl dd ul li a:hover{padding-left:10px;font-weight:700} .mCon1 .con > li .box dl dd ul li a:hover::after{right:10px} .mCon1 .con > li .box:hover{margin-top:-8px;} .mCon1 .con > li .box:hover dl{top:0} .mCon1 .con > li .box:hover dl dd ul{transition-delay:0.1s;margin-left:0;opacity:1} .insta-box {width:78px !important; margin-left:0px !important;} .insta-caption {font-size:14px;} } /* 메인 TABLET Device */ @media all and (max-width:1000px){ .iconWrap {padding: 0 27px;} .mCon1{margin-bottom:2.115rem;padding:1.923rem 0} .mCon1 h2{margin-bottom:1.538rem;font-size:1.25rem;line-height:2.5rem} .mCon1 h2 .txt{display:block} .mCon1 h2 .txt span{font-size:2.115rem} .mCon1 h2 .txt span sup{font-size:0.8077rem} .mCon1 .con{padding:0 0.3846rem} .mCon1 .con > li{margin-bottom:0.7692rem;padding:0 0.3846rem;width:50%} .mCon1 .con > li .box{padding-bottom:25%} .mCon1 .con > li .box img{width:100%;} .mCon1 .con > li .box dl{top:82%} .mCon1 .con > li .box dl.on{top:0;z-index:3} .mCon1 .con > li .box dl dd{padding:0 0.7692rem;overflow:auto} .mCon1 .con > li .box dl dd ul{opacity:0;} .mCon1 .con > li .box dl.on dd ul{opacity:1} .mCon1 .con > li .box dl dt{font-size:1.8rem;line-height:4.231rem} .mCon1 .con > li .box dl.on dt{line-height:3.846rem} .mCon1 .con > li .box dl dd ul{margin-left:0} .mCon1 .con > li .box dl dd ul li a{padding:0.5769rem 0.7692rem 0.5769rem 0;font-size:1rem} .mCon1 .con > li .box dl dd ul li a::after{right:0.1923rem;font-size:0.5385rem;line-height:2.115rem} .mCon1 .con > li:nth-child(3){clear:left} .mCon1 .con > li.bg4 .box dl dt{font-size:1.538rem} .mCon1 .con > li.bg5{display:none} .mCon1 .con > li.bg4 .box dl.on dt{line-height:3.462rem} .mCon1 .con > li .box button{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden;z-index:2} .mCon1 .con > li:nth-child(1).secAct{transition-delay:0.6s;} .mCon1 .con > li:nth-child(2).secAct{transition-delay:1.0s;} .mCon1 .con > li:nth-child(3).secAct{transition-delay:1.4s;} .mCon1 .con > li:nth-child(4).secAct{transition-delay:1.8s;} .mConWrap{padding:0 27px; } .mCon2{float:none; padding: 16px 14px; width: 60%; min-width: 364px; height: auto;} .mCon2 .mTab {margin-bottom: 25px; width: unset; font-size: .9rem; line-height:1.923rem;} .mCon2 .mTab.on {padding-bottom: 0;} .mCon2 ul li{margin-bottom: 10px; padding-right:0; font-size: .9rem; line-height: 1.2rem} .mCon2 ul li .data{display:block; position:relative; margin-top: 2px; margin-left: 13px; font-size: .8rem;} .mCon2 .btnMore{top: 16px;} .nCon2Wrap {margin-left: 17px; width: 40%;} .nCon2{float:none; width:100%; height:auto; margin:0 0 17px 0;} .nCon2 .insta-content p {min-height: 80px; font-size: .9rem; line-height: 1.2rem;} .mCon3{float:none; width:100%;height:auto} .mCon3 h2{margin-bottom:0.9615rem} .mCon3 h2 img{height:1.538rem} .mCon3 .tit{margin-bottom: 9px; font-size: .9rem; line-height: 1.2rem; height: 3.5rem;} .mCon3 .data{font-size: .8rem} .mCon4{float:none; margin-left:0; width:100%; max-width:100%; height: 167px;} .mCon4 img{width:100%} /* .mCon5{padding:0.7692rem} */ .movieWrap {padding: 34px 27px;} .movieWrap .mConWrap {margin: 0; padding: 0;} .mConYtb ul {flex-wrap: wrap;} .mConYtb ul li {display: inline-block; width: 49%; padding: 8px; border: 1px solid #d9d9d9; overflow: hidden;} .mConYtb ul li + li {margin-left: 0;} .mConYtb ul li:nth-child(3), .mConYtb ul li:nth-child(4) {margin-top: 20px;} .mConYtb ul li .subText {padding: 7px 0 0 4px; font-size: .9rem;} .mConYtb ul li .ytbTitle {padding: 5px 0 18px 4px; font-size: .9rem;} .swiper-container {margin-top: 6px;} } /* 메인 TABLET Device */ @media all and (max-width:800px){ } /* 메인 Mobile Device */ @media all and (max-width:640px){ .mCon1 .con > li .box dl{top:80%} .only-pc {display:none;} .only-mo {display:inherit;} .mConWrap {display: block; margin: -5px 0 35px 0; padding: 0 18px;} .mCon2 {width: 100%; min-width: unset;} .mCon2 .mTab {width: auto; font-size: 14px;} .mCon2 .btnMore {top: 18px;} .mCon2 ul li a {font-size: 13px;} .mCon2 ul li .data {font-size: 12px;} .mCon2 .btnMore a::before {left: 49%;} .nCon2Wrap {width: 100%; margin: 0;} .nCon2 {margin: 35px 0;} #instaPics {max-width: unset !important;} .nCon2 .insta-content .insta-caption { height: 98px !important; font-size: 14px; line-height: 20px;} .mCon3 .tit {height: 98px; font-size: 14px; line-height: 20px;} .mCon3 .data {font-size: 13px;} .mCon4 {height: auto;} .movieWrap {padding: 30px 20px;} .iconWrap {padding: 0 20px;} } /* 메인 Mobile Device */ @media all and (max-width:400px){ .mCon1 .con > li .box dl{top:78%} .mCon1 .con > li .box dl dd{height: 13rem;} .mCon2 {padding:1rem;} .mCon2 .btnMore::before {top: -4.5px; right: -40px; width: 19px; height: 19px; font-size: 22px; font-weight: 300; line-height: 16px;} } /* 메인 Mobile Device */ @media all and (max-width:340px){ .mCon1 .con > li .box dl dd{height: 11.5rem;} } /* ================================================================================ 서브 콘텐츠 ================================================================================ */ /* 공통 */ .mt0 { margin-top:0px !important; } .mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt35 { margin-top:35px !important; } .mt40 { margin-top:40px !important; } .mt90 { margin-top:90px !important;} .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb35 { margin-bottom:35px !important; } .mb40 { margin-bottom:40px !important; } .mb90 { margin-bottom:90px !important; } .mr10 { margin-right:10px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mr25 { margin-right:25px !important; } .border-0 { border: 0 !important; } .d-block { display: block !important; } /* text-align */ .txt_left{text-align:left !important;} .txt_right{text-align:right !important;} .txt_center{text-align:center !important;} img.w{display:block} img.m{display:none} .col_blue{color:#006ac9} .col_red{color:#c62f2f !important} .fon14{font-size:14px} .fon18{font-size:18px} input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"],input[type="number"],input[type="reset"]{font-size:16px; border:1px solid #c2c2c2; border-radius: 2px; outline: 0; -webkit-appearance: none;appearance: none} input[type="submit"], input[type="button"]{cursor:pointer;-webkit-appearance: none;appearance: none;border:0} input::-webkit-input-placeholder { color:#b2b2b2 } input::-moz-placeholder { color:#b2b2b2 } input::-ms-input-placeholder { color:#b2b2b2 } .textarea{padding:30px 40px;border:1px solid #c5c5c5;} textarea::-webkit-input-placeholder { color:#b2b2b2 } textarea::-moz-placeholder { color:#b2b2b2 } textarea::-ms-input-placeholder { color:#b2b2b2 } .inpTxt{padding:0 10px;width:100%;height:40px;border:1px solid #c3c3c3;} .select{height:42px;border:1px solid #bababa;} .selForm{position:relative;display:inline-block;background:#fff;border:1px solid #c3c3c3;border-radius:2px} .selForm select{position:relative;width:100%;padding-right:30px;height:38px;color:#636363;text-indent:5px;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; border:0;cursor:pointer;outline:none;background:transparent;z-index:2} .selForm::after{position: absolute; top: 50%; right: 12px;content: "";width: 0;height: 0;margin-top: -1px;border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #4b4b4b;z-index:1} .selForm select::-ms-expand{display: none;} .checkBtn{position:relative;display:inline-block;} .checkBtn input[type="checkbox"]{position:absolute;top:0;left:-100px;opacity:0;z-index:-1} .checkBtn label{display:block; padding-left:29px; height:20px; font-size: 14px; line-height:20px;} .checkBtn input + label::before{position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;content:''; border:1px solid #dfdfdf; border-radius: 4px;} .checkBtn input + label::after{position:absolute;top:50%;left:6px;margin-top:-4px;width:8px;height:5px;content:'';transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border:1px solid #878787;border-width:0 0 2px 2px} .checkBtn input:checked + label::before{background:#1E2C56;border:1px solid #1E2C56;} .checkBtn input:checked + label::after{border:1px solid #fff;border-width:0 0 2px 2px} .layPop{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5);z-index:400} .layPop .popWrap{display:table;width:100%;height:100%;} .layPop .popWrap .popCon{display:table-cell;width:100%;vertical-align:middle;} .layPop .popWrap .popCon .btnPopClose{position:absolute;top:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.3);border-radius:5px;z-index:20} .layPop .popWrap .popCon .btnPopClose::after{position:absolute;top:50%;left:15%;width:70%;height:1px;content:'';background:#fff;transform:rotate(45deg)} .layPop .popWrap .popCon .btnPopClose::before{position:absolute;top:50%;left:15%;width:70%;height:1px;content:'';background:#fff;transform:rotate(-45deg)} .layPop .layCloseBtn {margin-top:-33px; padding:26px 45px; text-align:center;} .layPop .btnPopClose2 {width: 50%; height:40px; font-size:17px; font-weight: 500; border-radius: 10px; background: #fff; border: 1px solid #e3e3e3; color: #555; cursor: pointer;} .basCon{margin:0 auto;max-width:690px;border-radius:5px;overflow:hidden;background:#fff} .basCon .tit{padding:20px 30px;background:#fff;border-bottom:1px solid #ececec} .basCon .tit::after{display:block;clear:both;content:''} .basCon .tit h2{float:left;margin-right:15px;font-size:20px;} .basCon .con{padding:20px 25px} .scroTable{height:320px;overflow:auto} .basCon .basSearch{position:relative;margin:0 auto 25px;padding-right:60px;max-width:400px} .basCon .basSearch .inpTxt{width:100%} .basCon .basSearch .btn{position:absolute;top:0;right:0;width:50px;height:40px;text-indent:-999px;overflow:hidden;background:#00367d url('../img/ic_bbs_search.png') no-repeat center center;border-radius:2px} .loginCon{position:relative;margin:0 auto;max-width:487px;background:#fff; border-radius:2px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25); overflow:hidden} .loginCon .loginLogo {margin: 30px 0; text-align: center;} .loginCon .loginLogo img {width: 164px;} .loginCon .tab{text-align: center;} .loginCon .tab::after{display:block;clear:both;content:''} .loginCon .tab li{display: inline-block; margin: 0 10px; width: 107px; height: 38px; border: 1px solid #dfdfdf; border-radius: 99px; text-align:center} .loginCon .tab li a{display:block; font-size: 14px; color:#333; line-height:36px} .loginCon .tab li.on a{background: #1E2C56; color:#fff; border-radius: 99px;} .loginCon .ptabCon{padding: 50px 55px; min-height: 410px} /*.loginCon .ptabCon{padding:30px 45px 0;}*/ .loginCon .ptabCon .loginForm{margin-bottom:20px} .loginCon .ptabCon .loginForm li{margin-bottom: 20px} .loginCon .ptabCon .loginForm li:nth-child(2) {margin-bottom: 16px;} .loginCon .ptabCon .loginForm li .inpTxt{padding:10px 5px; height:42px; border: 0; border-bottom: 1px solid #c3c3c3; font-size: 14px; outline: 0;} .loginCon .btnLogin{margin-top: 30px; width:100%; height:66px; font-size: 21px; color:#fff; font-weight:700; background:#122771; border-radius: 2px;} .loginCon .etc{margin-top:30px; text-align:center} .loginCon .etc li{position:relative;display:inline-block} .loginCon .etc li::after{position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;content:'';background:#dadada} .loginCon .etc li:first-child::after{display:none} .loginCon .etc li a{display:block;padding:0 10px;color:#888; font-size: 14px;} .loginCon .sns{margin:20px 0;padding-top:20px;text-align:center;border-top:1px solid #e8e8e8} .loginCon .sns li{position:relative;display:inline-block;margin:0 5px} .loginCon .sns li a{display:block;width:60px;height:60px;text-indent:-999px;overflow:hidden;border-radius:50%;background-size:100%} .loginCon .sns li.ic1 a{background-image:url('../img/ic_sns_f.png') } .loginCon .sns li.ic2 a{background-image:url('../img/ic_sns_b.png') } .loginCon .sns li.ic3 a{background-image:url('../img/ic_sns_k.png') } .loginCon .layCloseBtn {display: none;} .idSearchCon{margin:0 auto;max-width:690px;border-radius:5px;overflow:hidden;background:#f6f6f6} .idSearchCon .tit{padding:20px 30px;background:#fff;border-bottom:1px solid #ececec} .idSearchCon .tit::after{display:block;clear:both;content:''} .idSearchCon .tit h2{float:left;margin-right:15px;font-size:20px;} .idSearchCon .tit p{float:left;font-size:16px;color:#4187e5;} .idSearchCon .con{padding:45px 35px} .idSearchCon .con.loginCon {margin: 40px auto;} .idSearchCon .con .certLink{margin-bottom:25px} .idSearchCon .con .certLink::after{display:block;clear:both;content:''} .idSearchCon .con .certLink li{float:left;padding:0 12px;width:33.33%;text-align:center} .idSearchCon .con .certLink li a{display:block;color:#686868;background-color:#fff;border:1px solid #acacac;border-radius:5px} .idSearchCon .con .certLink li a span{display:block;padding-top:120px;height:180px;font-size:18px;background-repeat:no-repeat;background-position:center 30px;} .idSearchCon .con .certLink li.ic1 a span{background-image:url('../img/ic_cer1_off.png')} .idSearchCon .con .certLink li.ic2 a span{background-image:url('../img/ic_cer2_off.png')} .idSearchCon .con .certLink li.ic3 a span{background-image:url('../img/ic_cer3_off.png')} .idSearchCon .con .certLink li a:hover{color:#1652a2;border-color:#1652a2} .idSearchCon .con .certLink li.ic1:hover a span{background-image:url('../img/ic_cer1_on.png')} .idSearchCon .con .certLink li.ic2:hover a span{background-image:url('../img/ic_cer2_on.png')} .idSearchCon .con .certLink li.ic3:hover a span{background-image:url('../img/ic_cer3_on.png')} .idSearchCon .con .txt{font-size:14px;color:#848484;text-align:center} .idSearchCon .con .etcCon{position:relative;margin-top:35px;padding-top:20px;border-top:1px solid #d5d5d5} .idSearchCon .con .etcCon::after{display:block;clear:both;content:''} .idSearchCon .con .etcCon p{float:left} .idSearchCon .con .etcCon .btn{float:right;text-align:center} .idSearchCon .con .etcCon .btn a{display:block;width:180px;line-height:40px;border:1px solid #333} .idSearchCon .con .btn {text-align:center} .idSearchCon .con .btn a{display:block;width:150px;line-height:40px;border:1px solid #333} .idSearchCon2{margin:0 auto; max-width: 487px; border-radius: 2px; overflow:hidden;background:#fcfcfc; box-shadow: 4px 4px 10px rgb(0 0 0 / 25%);} .idSearchCon2 .tit{display: flex; align-items: center; padding:18px 30px; background:#fff; border-bottom:1px solid #ececec;} .idSearchCon2 .tit::after{display:block;clear:both;content:''} .idSearchCon2 .tit h2{margin-right: 10px; color: #222; font-size: 22px; font-weight: 500;} .idSearchCon2 .tit p{font-size:14px; color: #122771; line-height: 19px;} .idSearchCon2 .con{padding:40px 30px} .idSearchCon2 .con .certLink{display: flex; justify-content: center; margin-bottom: 36px;} .idSearchCon2 .con .certLink::after{display:block;clear:both;content:''} .idSearchCon2 .con .certLink li{float:left; padding:0 12px; text-align:center;} .idSearchCon2 .con .certLink li a{display:block; width: 164px; height: 147px; background-color:#fff; border:1px solid #b0b0b0; border-radius: 8px; color:#555;} .idSearchCon2 .con .certLink li a span{display:block; padding-top: 96px; font-size:16px; line-height: 22px; background-repeat:no-repeat; background-position:center 24px;} .idSearchCon2 .con .certLink li.ic1 a span{background-image:url('../img/ic_cer1_off.png')} .idSearchCon2 .con .certLink li.ic2 a span{background-image:url('../img/ic_cer2_off.png'); background-size: 61px;} .idSearchCon2 .con .certLink li.ic3 a span{background-image:url('../img/ic_cer3_off.png'); background-size: 56px;} .idSearchCon2 .con .certLink li a:hover{color:#1652a2;border-color:#1652a2} .idSearchCon2 .con .certLink li.ic1:hover a span{background-image:url('../img/ic_cer1_on.png')} .idSearchCon2 .con .certLink li.ic2:hover a span{background-image:url('../img/ic_cer2_on.png')} .idSearchCon2 .con .certLink li.ic3:hover a span{background-image:url('../img/ic_cer3_on.png')} .idSearchCon2 .con .txt{font-size:14px; color:#555; text-align:center} .idSearchCon2 .con .etcCon{position:relative; margin-top:36px; padding-top: 9px; border-top:1px solid #dfdfdf;} .idSearchCon2 .con .etcCon::after{display:block;clear:both;content:''} .idSearchCon2 .con .etcCon p{float:left; margin-top: 9px; color: #444; font-size: 14px; font-weight: 500; } .idSearchCon2 .con .etcCon .btn{float:right;text-align:center} .idSearchCon2 .con .etcCon .btn a{display:block; width:143px; background: #fff; border:1px solid #b0b0b0; border-radius: 99px; color: #444; font-size: 14px; line-height:40px;} .idSearchCon2 .con .btn {text-align:center} .idSearchCon2 .con .btn a{display:block;width:150px;line-height:40px;border:1px solid #333} .idSearchCon.cfp {max-width: 904px;} .newPopup{position:relative;} .newPopup .pop_logo{padding:20px} .newPopup .btnPopClose{position:absolute;top:30px;right:30px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../img/ic_close2.png') no-repeat center center;} .newPopup .popCon{padding:0 20px} .newPopup .popCon .applicationForm{margin:20px -20px 0;padding:30px;background:#f6f6f6} .newPopup .popCon .applicationForm > ul::after{display:block;clear:both;content:''} .newPopup .popCon .applicationForm > ul > li{float:left;margin-bottom:10px;padding:0 10px;width:50%} .newPopup .popCon .applicationForm > ul > li .name{display:block;margin-bottom:5px;font-size:17px;font-weight:300} .newPopup .popCon .applicationForm > ul > li .txt{display:block;padding:10px;background:#fff;border:1px solid #b9b9b9} .newPopup .popCon .applicationForm > ul > li.row{width:100%} .newPopup .popCon .applicationForm > ul > li.row2{width:25%} .newPopup .btnList{margin-top:20px;text-align:center} .newPopup .btnList .btn{display:inline-block;margin:0 10px} .newPopup .btnList .btn a{display:block;width:160px;color:#00488d;text-align:center;line-height:45px;border-radius:23px;background:#fff;border:1px solid #00488d} .newPopup .btnList .btn.blue a{color:#fff;background:#00488d;} /* 페이지별 색상 */ .subColorA #lnb > li.has-sub.open > a{background:#1E2C56;border-bottom: 1px solid #1E2C56;} .subColorA #lnb > li.on > a, .subColorA #lnb > li.open > a, .subColorA #lnb > li > a:hover{background:#1E2C56;border-bottom: 1px solid #1E2C56;} .subColorA .tabMenu ul li a:hover, .subColorA .tabMenu ul li.on a{background:#1652a2;border: 1px solid #1652a2;} .subColorA h2.title::before{border:1px solid #122771;} .subColorA .li_num li{color: #1652a2;} .subColorA .li_num li .tit{color: #1652a2;} .subColorA .li_list > li{background: #f4f7fa;} .subColorA .btnBig a{background: #122771;} .subColorA .li_dot li::before{border: 1px solid #1E2C56;border-width: 0 2px 2px 0;} .subColorA h4.title02{color: #1652a2} .subColorA .t_typel thead th{background:#f8f8f8;} .subColorA .eduList dt{color: #3363CB;} .subColorA h4.title03{color: #1652a2;} .subColorA h4.title03::before{background: #1652a2;} .subColorA .btnBc a, .subColorA .btnBc button, .subColorA .btnBc input{background-color: #122771;} .subColorA .btnBc.bg a, .subColorA .btnBc.bg button, .subColorA .btnBc.bg input{background-color: #1652a2;} /* 빨강 */ .subColorB #lnb > li.has-sub.open > a{background:#fa6767;border-bottom: 1px solid #fa6767;} .subColorB #lnb > li.on > a, .subColorB #lnb > li.open > a, .subColorB #lnb > li > a:hover{background:#fa6767;border-bottom: 1px solid #fa6767;} .subColorB .tabMenu ul li a:hover, .subColorB .tabMenu ul li.on a{background:#af2929;border: 1px solid #af2929;} .subColorB h2.title::before{border: 1px solid #cf3f3f;} .subColorB .li_num li{color: #cf3f3f;} .subColorB .li_num li .tit{color: #cf3f3f;} .subColorB .li_list > li{background: #faf5f4;} .subColorB .btnBig a{background: #cf3f3f;} .subColorB .li_dot li::before{border: 1px solid #cf3f3f;border-width: 0 2px 2px 0;} .subColorB h4.title02{color: #fa6767} .subColorB .t_typel thead th{background: #faeded;} .subColorB .eduList dt{color: #cf3f3f;} .subColorB h4.title03{color: #cf3f3f;} .subColorB h4.title03::before{background: #cf3f3f;} .subColorB .btnBc a, .subColorB .btnBc button, .subColorB .btnBc input{background-color: #cf3f3f;} .subColorB .btnBc.bg a, .subColorB .btnBc.bg button, .subColorB .btnBc.bg input{background-color: #af2d2d;} /* 노랑 */ .subColorC #lnb > li.has-sub.open > a{background:#39cabb;border-bottom: 1px solid #39cabb;} .subColorC #lnb > li.on > a, .subColorC #lnb > li.open > a, .subColorC #lnb > li > a:hover{background:#39cabb;border-bottom: 1px solid #39cabb;} .subColorC .tabMenu ul li a:hover, .subColorC .tabMenu ul li.on a{background:#169c8e;border: 1px solid #169c8e;} .subColorC h2.title::before{border: 1px solid #39cabb;} .subColorC .li_num li{color: #15988a;} .subColorC .li_num li .tit{color: #15988a;} .subColorC .li_list > li{background: #f4faf7;} .subColorC .btnBig a{background: #169c8e;} .subColorC .li_dot li::before{border: 1px solid #169c8e;border-width: 0 2px 2px 0;} .subColorC h4.title02{color: #169c8e} .subColorC .t_typel thead th{background: #ecf8f7;} .subColorC .eduList dt{color: #169c8e;} .subColorC h4.title03{color: #169c8e;} .subColorC h4.title03::before{background: #169c8e;} .subColorC .btnBc a, .subColorC .btnBc button, .subColorC .btnBc input{background-color: #169c8e;} .subColorC .btnBc.bg a, .subColorC .btnBc.bg button, .subColorC .btnBc.bg input{background-color: #39cabb;} /* 그린 */ .subColorD #lnb > li.has-sub.open > a{background:#e1a11f;border-bottom: 1px solid #e1a11f;} .subColorD #lnb > li.on > a, .subColorD #lnb > li.open > a, .subColorD #lnb > li > a:hover{background:#e1a11f;border-bottom: 1px solid #e1a11f;} .subColorD .tabMenu ul li a:hover, .subColorD .tabMenu ul li.on a{background:#4f3707;border: 1px solid #4f3707;} .subColorD h2.title::before{border: 1px solid #e1a11f;} .subColorD .li_num li{color: #bd8003;} .subColorD .li_num li .tit{color: #bd8003;} .subColorD .li_list > li{background: #faf8f4;} .subColorD .btnBig a{background: #e1a11f;} .subColorD .li_dot li::before{border: 1px solid #bd8003;border-width: 0 2px 2px 0;} .subColorD h4.title02{color: #bd8003} .subColorD .t_typel thead th{background: #f9f5ee; border-right: 1px solid #bbb;} .subColorD .t_typel thead th:last-child{border-right: 0;} .subColorD .eduList dt{color: #4f3707;} .subColorD h4.title03{color: #e1a11f;} .subColorD h4.title03::before{background: #e1a11f;} .subColorD .btnBc a, .subColorD .btnBc button, .subColorD .btnBc input{background-color: #e1a11f;} .subColorD .btnBc.bg a, .subColorD .btnBc.bg button, .subColorD .btnBc.bg input{background-color: #bd8003;} h1.title{margin-bottom:50px; padding-bottom: 20px; font-size:30px;line-height:32px;border-bottom:1px solid #666;} h2.title{position:relative; margin:50px 0 25px; padding-left:32px; color: #222; font-size: 22px; font-weight: 400; line-height:32px; } h2.title::before{position:absolute; top: 8px; left:0; width:12px; height:12px; content:''; background:#fff;border:1px solid #122771; border-width:5px !important;border-radius:50%} h2.title2{position:relative; margin:50px 0 25px; font-size:22px; font-weight: 400; line-height:28px;} h3.title{margin:50px 0 20px; font-size:22px;line-height:24px;} h4.title{margin:35px 0 20px;font-size:18px;line-height:20px;} h4.title02{margin:35px 0 15px;font-size:17px;color:#1652a2;line-height:18px;} h4.title03{position:relative;margin:50px 0 20px; padding-top:10px; font-size: 18px; color:#333; font-weight: 400; line-height:18px;} h2.title + h3.title{margin-top:30px} .tabMenu{position:relative;margin-bottom:55px} .tabMenu button{display:none} .tabMenu ul::after{display:block;clear:both;content:''} .tabMenu ul li{float:left;text-align:center} .tabMenu ul li a{position:relative;display:block;margin:-1px 0 0 -1px;color:#777;line-height:60px;letter-spacing:-1px;border:1px solid #d6d6d6;transition:all 0.1s ease;-webkit-transition:all 0.1s ease;} .tabMenu ul li a span{display:inline-block;padding:0 5px 6px;font-size:17px;line-height:20px;vertical-align:middle} .tabMenu ul li a:hover, .tabMenu ul li.on a{color:#fff;font-weight:bold;background:#1652a2;border:1px solid #1652a2;z-index:2} .tabMenu ul.li5 li{width:20%} .tabMenu ul.li4 li{width:25%} .tabMenu ul.li3 li{width:33.33%} .tabMenu ul.li2 li{width:50%} .li_num{margin-bottom:50px;padding:5px 25px; border:9px solid #eee; border-radius: 17px;} .li_num li{margin:20px 0 20px 20px;color:#15988a;list-style-type:decimal;font-weight:bold} .li_num li .tit{color:#15988a} .li_num li p{margin:5px 0 0 -18px;color:#848484} .li_num2{margin-bottom:50px;padding-left:20px} .li_num2 li{list-style-type:decimal;color:#919191} .li_list{margin-bottom:35px;border:1px solid #d6d6d6;border-top:1px solid #333} .li_list > li{padding:15px 28px;background:#f4f7fa} .li_list > li:nth-child(2n){background:#fff} .li_list > li ul li{position:relative;padding-left:8px;} .li_list > li ul li::before{position:absolute;top:0;left:0;content:'-'} .li_list2{margin-bottom:10px;} .li_list2 li{position:relative;margin:8px 0;padding:4px 0 0 135px;min-height:32px} .li_list2 li .name{position:absolute;top:0;left:0;width:120px;color:#fff;font-weight:bold;line-height:32px;text-align:center;background:#333;border-radius:16px} .li_list2 li .name a {color:#fff;} .li_list2 li span{display:inline-block;margin-right:50px} .li_list3{} .li_list3 li{position:relative;padding-left:14px;color:#848484; line-height: 1.7em;} .li_list3 li::before{position:absolute;top:9px;left:-2px;width:4px;height:4px;content:'';border:1px solid #1E2C56;border-width:0 2px 2px 0;transform:rotate(-45deg)} .li_list3 li span{display:inline-block; min-width: 60px; margin-right:15px; font-weight: bold; color: #656565;} .li_list3 li a{color:#64a4f6} .li_dot{margin-bottom:60px;padding:15px 35px;background:#f7f8f8;border-radius:10px} .li_dot li{position:relative;margin:15px 0;padding-left:14px;font-size:16px;color:#848484} .li_dot li::before{position:absolute;top:8px;left:-2px;width:5px;height:5px;content:'';border:1px solid #1E2C56;border-width:0 2px 2px 0;transform:rotate(-45deg)} .li_dot2{margin-bottom:50px;} .li_dot2 li{position:relative;padding-left:10px;color:#919191} .li_dot2 li::before{position:absolute;top:0;left:0;content:'-'} .btnBig{display:inline-block;margin-bottom:60px} .btnBig a{position:relative;display:block;padding:20px 95px 20px 34px;font-size:22px;color:#fff;font-weight:bold;background:#122771;border-radius:6px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} .btnBig a span{display:block;font-size:14px;font-weight:normal} .btnBig a::after{position:absolute;top:0;right:25px;content:'>';font-weight:normal;line-height:80px} .btnBig a:hover{background:rgba(0,0,0,0.8)} .eduList dt{position:relative; padding:0 20px; font-size:15px; color:#3363CB; line-height:48px; font-weight:500; background:#fafafa;} .eduList dt span{position:absolute;top:0;right:20px;font-size:15px;font-weight:normal} .eduList dd{margin-bottom:20px;padding:17px 20px;color:#333} .eduList dd ul{margin-top:10px} .eduList dd ul li{position:relative; margin-bottom: 4px; padding-left:14px; color:#555;} .eduList dd ul li::before{position:absolute;top:9px;left:-2px;width:4px;height:4px;content:'';border:1px solid #3363CB; border-width:0 2px 2px 0;transform:rotate(-45deg)} .eduList dd ul li span{display:inline-block;margin-right:25px} .eduList dd ul li a{color:#64a4f6} .searchList dt {padding: 0 15px;border-top:2px solid #333; border-bottom: 1px solid #d9d9d9; background-color:#efefef; font-weight: bold; font-size: 1.1em; line-height: 2.5em; } .searchList dd {margin-top:10px; margin-bottom: 30px; padding: 0 15px;} .searchList dd ul{} .searchList dd ul li{position:relative;padding-left:14px;color:#848484; line-height: 1.5em;} .searchList dd ul li::before{position:absolute;top:9px;left:-2px;width:4px;height:4px;content:'';border:1px solid #1E2C56;border-width:0 2px 2px 0;transform:rotate(-45deg)} .searchList dd ul li span{display:inline-block; min-width: 60px; margin-right:15px; font-weight: bold; color: #656565;} .searchList dd ul li a{color:#64a4f6} .testRegister h2 { margin-top:0; } .testRegister h2>span{display: inline-block; height:0; overflow:hidden; text-indent: -9999;} .testRegister h3 {margin-top: 0 !important; margin-bottom: 5px;} .testRegister h6 {display: inline-block; padding: 1px 15px; background-color:#919191; color:#fff; font-weight: normal;} .testRegister div.myTestPhoto {width: 100%; padding: 25px 5%; margin-bottom: 15px;border: 1px solid #d9d9d9; text-align: center;} .testRegister div.myTestPhoto .btnList {margin: 0 auto; padding: 15px 0 0;} .testRegister p.textRegP span{display:inline-block; min-width: 12%; font-weight: bold;} .testRegister p.textRegP select { padding: 8px; border: 1px solid #b6b6b6;} .testRegister p.textRegP textarea {width:80%; padding: 4%; border: 1px solid #b6b6b6;} .testRegister p.textRegPtxt {font-} .testRegister input[type="number"] {border: 1px solid #c3c3c3; box-shadow: none; } .testRegister dl.eduList dt {padding: 15px 20px !important; line-height: 1.5em !important;} .testRegister .box-line {padding: 25px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;} .testRegister .box-line2 {padding: 0 25px 25px; border-bottom: 1px dashed #d6d6d6;} .testRegister .box-line3 {border: 1px solid #d6d6d6; width: 100%; padding: 25px;} .testRegister02 p.textRegP span {display:inline-block; min-width: 12%; font-weight: bold;} .testRegister02>div {width: 100%; padding: 25px 0 20px; margin: 15px 0 0; border: 4px solid #eaeaea;} .testRegister02>div>p{padding: 0 25px 5px;} .btnList{padding:30px 0} .btnList.right{text-align:right} .btnList.center{text-align: center} .btn_view { display: inline-block; margin-top:10px; color:#1E2C56 !important; font-weight: bold;} /* 일반용 버튼 */ .btnBc{display:inline-block;margin:1px;vertical-align:middle;} .btnBc a, .btnBc button, .btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;width:100%;min-width:80px;font-size:16px;color:#fff;line-height:50px;font-weight:700;text-align:center;text-decoration:none;background-color:#122771;cursor:pointer;transition: all 0.3s;border-radius:6px;} .btnBc.white a, .btnBc.white button, .btnBc.white input{background-color:#fff;color:#4b4b4b} .btnBc.bg a, .btnBc.bg button, .btnBc.bg input{background-color:#1652a2} .btnBc.bg2 a, .btnBc.bg2 button, .btnBc.bg2 input{color:#6e6e6e;background-color:#fff;border:1px solid #a5a5a5} .btnBc.w a, .btnBc.w button, .btnBc.w input{min-width:260px} .btnBc.dot a, .btnBc.dot button, .btnBc.dot input{padding-right:110px} .btnBc.dot a::after, .btnBc.dot button::after, .btnBc.dot input::after{position:absolute;top:0;right:20px;content:'>';font-weight:normal} .btnBc.smal a, .btnBc.smal button, .btnBc.smal input{font-size:14px;line-height:35px;border-radius:3px} .btnBc.smal.w a, .btnBc.smal.w button, .btnBc.smal.w input{min-width:140px} .btnBc.inBc a {display:inline-block; width: auto;} .btnBc a:hover, .btnBc button:hover, .btnBc input:hover, .btnBc.bg a:hover, .btnBc.bg button:hover, .btnBc.bg input:hover{background-color:rgba(0,0,0,0.8)} .btnBc.bg2 a:hover, .btnBc.bg2 button:hover, .btnBc.bg2 input:hover{color:#fff;background-color:rgba(0,0,0,0.8);border:1px solid rgba(0,0,0,0.8)} .h_btn::after{display:block;clear:both;content:''} .h_btn h2.title{display:inline-block;margin-right:20px} .t_typel{border-collapse: collapse;background:#fff;border-top:1px solid #777;} .t_typel tr{text-align:center;} .t_typel thead th{padding:15px;color:#333;font-weight:500;background:#f8f8f8;border:1px solid #bbb; border-width:0 0 1px 1px} .t_typel thead th:first-child{border-left:0} .t_typel tbody th{position: relative; padding:10px 30px; width: 26%; color:#444;font-weight: 500; background:#F9F9F9; border:1px solid #bbb; border-left: 0; border-width:0 1px 1px 0; text-align: left;} .t_typel tbody th::before {content: '•'; position: absolute; top: 50%; margin-left: -15px; color: #1E2C56; transform: translateY(-50%); } .t_typel tbody td{padding:10px 15px; height:37px; color:#444; word-break: keep-all; border:1px solid #bbb; border-width:0 1px 1px 1px} .t_typel tbody td:first-child{border-left:0} .t_typel tbody td:last-child{border-right:0} .t_typel.examresult tbody th {padding:.4em;} .t_typel.examresult tbody td {padding:.4em;} .td_left td{text-align:left} .td_left2 th + td{text-align:left} .td_left3 td{text-align:left} .td_left3 th + td{text-align:center} .th_left th{text-align:left} .th_bg tbody th{color:#333;background:#f8f8f8;} .td_line tbody td{border-left:0} .t_typel + ul,.t_typel + ol,.t_typel + p,.mb_scroll + ul,.mb_scroll + ol,.mb_scroll + p{margin-top:20px} /* 일반게시판 목록 */ .listTypeA{table-layout: fixed;} .listTypeA tr{text-align:center;} .listTypeA thead th{padding:10px 15px; background:#f8f8f8; border-bottom:1px solid #959595; color:#2f2f2f; font-size: 13px;} .listTypeA tbody th,.listTypeA tbody td{border:1px solid #959595; border-width:1px 0} .listTypeA tbody th{padding:15px 10px;line-height:20px;} .listTypeA tbody td{padding:15px 10px; color:#333; word-break:break-all} .listTypeA tbody td .noTxt{display:inline-block;width:38px;color:#fff;line-height:20px;background:#f8941d} .listTypeA tbody td:first-child{border-left:0} .listTypeA tbody td.subject{text-align:left;} .listTypeA tbody td .nt{display:inline-block;width:35px;font-size:13px;color:#fff;line-height:20px;text-align:center;background:#d67c34;border-radius:2px} .listTypeA tr.noticeBg td{background:#f6f7f9} /* 매그진형 목록 */ .listTypeB{border-top:2px solid #333} .listTypeB ul li{position:relative;padding:30px 180px 30px 150px;color:#848484;border-bottom:1px solid #dfdfdf} .listTypeB ul li a{display:block} .listTypeB ul li .photo{position:absolute;top:30px;left:20px;width:100px} .listTypeB ul li span{display:block} .listTypeB ul li .tit{margin-bottom:10px;font-size:17px;color:#033333;font-weight:bold} .listTypeB ul li .price{margin-bottom:15px;font-size:17px;color:#1E2C56;font-weight:bold} .listTypeB ul li .date{margin-bottom:5px;} .listTypeB ul li .btn{position:absolute;top:40px;right:20px; width:148px; text-align:center} .listTypeB ul li .btn span{margin-bottom:10px;border-radius:5px} .listTypeB ul li .btn span a{display:block; font-size:14px; color:#fff; line-height:38px;} .listTypeB ul li .btn span a img {margin-right: 20px; margin-left: -30px; vertical-align: sub;} .listTypeB ul li .btn .btnBasket{background:#fa6767} .listTypeB ul li .btn .btnBuy{background:#5c5c5c} .topCateg{margin-bottom:20px;font-size:14px} .topCateg .selForm{margin-left:10px} .topCateg .selForm select{min-width:200px;height:30px} .topCateg .innerCateg button {margin-right: 10px; padding: 6px 20px; border: 1px solid #dcdcdc; border-radius: 2px;} .topCateg .innerCateg button:hover, .topCateg .innerCateg button.on {background: #1e2c56; color: #fff;} /* 페이지표시 */ .page{text-align:center;margin:50px 0;} .page a{position:relative;display:inline-block;margin:2px 1px;width:30px;height:30px;font-size:14px;color:#959595;text-align:center;vertical-align:middle;line-height:26px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #e5e5e5} .page a.on{color:#fff;background:#414141;border:1px solid #414141;z-index:2} .page a img{vertical-align:middle;} /* 일반게시판 검색 */ .boadSearchA{padding:40px;background:#f5f5f5;} .boadSearchA .searchForm{position:relative;text-align:center} .boadSearchA .searchForm .selForm{margin-right:5px;min-width:145px} .boadSearchA .searchForm .inpTxt{margin:0 5px 0 0;width:35%} .boadSearchA .searchForm .btn{width:50px;height:40px;text-indent:-999px;overflow:hidden;background:#00367d url('../img/ic_bbs_search.png') no-repeat center center;border-radius:2px} /* 게시글 내용 */ .viewTypeA{border-bottom:1px solid #dfdfdf} .viewTypeA .infor{padding: 20px 0 24px; margin-top: -50px; border-bottom: 1px solid #d5d5d5;} .viewTypeA .infor dt{margin-bottom:15px;font-size:25px;color:#222; font-weight: 500; line-height:30px} .viewTypeA .infor dd ul li{position:relative;display:inline-block;padding-left:10px;margin-left:6px;color:#8e8e8e} .viewTypeA .infor dd ul li::after{position:absolute;top:50%;left:0;margin-top:-5px;width:1px;height:13px;content:'';background:#b0b0b0} .viewTypeA .infor dd ul li:first-child{margin-left:0;padding-left:0} .viewTypeA .infor dd ul li:first-child::after{display:none} .viewTypeA .file{padding:20px;color:#1854b7;background:#f6f7f9;border-bottom:1px solid #d5d5d5} .viewTypeA .file .fileDown{display:inline-block;} .viewTypeA .file .fileDown a{display:block;padding-left:20px;color:#1854b7;background:url('../img/ic_file.png') no-repeat left center;} .viewTypeA .contents{padding:50px 20px;min-height:300px} .btnBbs{display:inline-block} .btnBbs a, .btnBbs input, .btnBbs button{display:block; width: 65px; line-height: 34px; text-align:center;border:1px solid #a7a7a7;border-radius:3px} .btnBbc{display:inline-block} .btnBbc a, .btnBbc input, .btnBbc button{color:#fff;background-color: #122771;display:block;width:80px;line-height:40px;text-align:center;border:1px solid #122771;border-radius:3px} .myPageCon{margin-top:-35px} .myPageCon .myInfor{position:relative;padding:35px 45px;background:#f6f7f9;border:1px solid #dfdfdf;} .myPageCon .myInfor .myProfile{position:relative;padding:25px 0 0 185px;min-height:150px;color:#333;} .myPageCon .myInfor .myProfile .photo{position:absolute;top:0;left:0;width:150px;height:150px;overflow:hidden;border-radius:50%} .myPageCon .myInfor .myProfile .name{display:block;margin-bottom:25px;font-size:30px;font-weight:bold} .myPageCon .myInfor .myProfile .name .btnSetting{display:inline-block;vertical-align:middle;} .myPageCon .myInfor .myProfile .name .btnSetting a{display:block;width:30px;height:30px;text-indent:-999px;overflow:hidden;background:#fff url('../img/ic_seting.png') no-repeat center center;background-size:16px;border:1px solid #d4d2d2;border-radius:50%} .myPageCon .myInfor .myProfile ul li{margin-bottom:10px;font-size:16px} .myPageCon .myInfor .myProfile ul li .state{display:inline-block;width:80px;font-size:14px;color:#fff;font-weight:bold;line-height:25px;text-align:center;background:#ed1c24;border-radius:2px} .myPageCon .myInfor .myProfile ul li .state2{position:relative;margin-left:10px;padding-left:10px;font-size:15px;color:#00367d} .myPageCon .myInfor .myProfile ul li .state2::before{position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;content:'';background:#c5c5c6} .myPageCon .myInfor .myProfile ul li .data{color:#757575} .myPageCon .myInfor .memBtn{position:absolute;top:50px;right:55px} .myPageCon .myInfor .memBtn li{margin-bottom:10px} .myPageCon .myInfor .memBtn li a{position:relative;display:block;padding:0 20px;width:200px;color:#838383;line-height:50px;border:1px solid #c9c7c7} .myPageCon .myInfor .memBtn li a::after{position:absolute;top:0;right:18px;content:'>';font-size:15px} .myPageCon .myBtn{margin-bottom:20px;padding:30px 0;background:#fff;border:1px solid #dfdfdf;border-width:0 1px 1px} .myPageCon .myBtn ul::after{display:block;clear:both;content:''} .myPageCon .myBtn ul li{position:relative;float:left;width:16.5%;text-align:center;background-repeat:no-repeat;background-position:center top} .myPageCon .myBtn ul li > a{display:block;padding-top:90px;color:#848484} .myPageCon .myBtn ul li.ic1{background-image:url('../img/my_ic1.png') } .myPageCon .myBtn ul li.ic2{background-image:url('../img/my_ic2.png') } .myPageCon .myBtn ul li.ic3{background-image:url('../img/my_ic3.png') } .myPageCon .myBtn ul li.ic4{background-image:url('../img/my_ic4.png') } .myPageCon .myBtn ul li.ic5{background-image:url('../img/my_ic5.png') } .myPageCon .myBtn ul li.ic6{background-image:url('../img/my_ic6.png') } .myPageCon .myBtn ul li .txt{opacity:0;position:absolute;top:-55px;left:50%;padding:10px;margin-left:-115px;width:230px;height:70px;font-size:12px;color:#838383;line-height:16px;text-align:center;background:#fffdd5;border:1px solid #f0f2f5;border-radius:5px;transition:all 0.2s ease} .myPageCon .myBtn ul li .txt::after{position:absolute;bottom:-10px;left:50%;margin-left:-7px;width:14px;height:14px;content:'';background:#fffdd5;border:1px solid #f0f2f5;border-width:0 1px 1px 0;transform:rotate(45deg)} .myPageCon .myBtn ul li .txt a{color:#2571d6} .myPageCon .myBtn ul li > a:hover + .txt, .myPageCon .myBtn ul li .txt:hover{opacity:1;top:-65px;} .myPageCon .myBtn ul li .num{position:absolute;top:0;left:50%;margin-left:10px;width:25px;height:25px;font-size:13px;color:#fff;font-weight:bold;;text-align:center;line-height:25px;background:#ed1c24;border-radius:50%} .myPageCon div.myList:nth-child(even) {clear:right;float:right;} .myPageCon .myList{clear:left; float:left;width:49%; padding-bottom: 25px; margin-bottom: 20px; min-height:280px;border:1px solid #dfdfdf;} .myPageCon .myList h2{position:relative; margin-bottom: 25px;} .myPageCon .myList h2 a{display:block;padding:0 20px;font-size:20px;color:#333;line-height:60px;border-bottom:1px solid #ededed} .myPageCon .myList h2 a::after{position:absolute;top:0;right:20px;content:'>';font-size:15px;color:#838383} .myPageCon .myList h2 span{display:block;padding:0 20px;font-size:20px;color:#333;line-height:60px;border-bottom:1px solid #ededed} .myPageCon .myList h5 {margin: 0 25px 0px; padding: 10px 15px; color:#1652a2; font-size: 0.9em; font-weight: bold; background-color:#edf4fa; border-top: 1px solid #333;} .myPageCon .myList p {margin: 0 25px !important; padding: 10px 15px !important; line-height: 1.2em ; color:#555; border-top: 1px solid #dfdfdf; } .myPageCon .myList p:after {content:""; display: block; clear:both;} .myPageCon .myList ul{padding:20px 25px} /*.myPageCon .myList ul li{position:relative;margin-bottom:10px;padding-right:90px}*/ .myPageCon .myList ul li{position:relative;margin-bottom:10px;} .myPageCon .myList.buyList ul li{padding-right:170px;} .myPageCon .myList ul li a{display:block;color:#838383;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .myPageCon .myList ul li .state{position:absolute;top:0;right:0;width:80px;font-size:12px;color:#fff;line-height:25px;text-align:center;background:#a5a5a5;border-radius:3px} .myPageCon .myList ul li .state.wait{background:#1E2C56} .myPageCon .myList ul li .state.ing{background:#fa6767} .myPageCon .myList ul li .price{position:absolute;top:0;right:95px;color:#333} .myPageCon .myList .myQual{padding:15px 25px} .myPageCon .myList .myQual p{padding:15px;font-size:20px;color:#033474;font-weight:bold;line-height:30px;text-align:center;background:#dae5f3} .myPageCon .myList .myQual.cancel p{color:#af2929;background:#faf5f4} .myPageCon .myList .myQual ul{padding:10px 20px;} .myPageCon .myList .myQual ul li{position:relative;margin-bottom:4px;padding-left:115px;} .myPageCon .myList .myQual ul li.pl15{padding-left:15px;} .myPageCon .myList .myQual ul li .name{position:absolute;top:0;left:0;color:#333} .myPageCon .myList .myQual ul li .name2{color:#333;padding-right:20px;} .myPageCon .myList .myQual .btnBc{width:48%} .myPageCon .myList.buyList{/*clear:right; float:right;*/} .myPageCon .myList.rightList{clear:right; float:right !important;} .myPageCon .myList .list{padding:20px 25px} .myPageCon .myList .list li{position:relative;margin-bottom:10px;padding:0 170px 0 10px} .myPageCon .myList .list li::before{position:absolute;top:0;left:-4px;content:'ㆍ';} .myPageCon .myList .list li > a{display:block;color:#838383;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .myPageCon .myList .list li .state{position:absolute;top:0;right:0;width:80px;font-size:12px;color:#fff;line-height:25px;text-align:center;background:#a5a5a5;border-radius:3px} .myPageCon .myList .list li .state.ing{background:#fa6767} .myPageCon .myList .list li .price{position:absolute;top:0;right:95px;color:#333} .myPageCon .myList .list li .print{position:absolute;top:0;right:0;} .myPageCon .myList .list li .print a{display:block;width:80px;font-size:12px;color:#6e6e6e;line-height:25px;text-align:center;border:1px solid #a5a5a5;border-radius:3px} .myPageCon .myList .submit p {border-bottom:none !important;} .myUl01 {} .myUl01 li:first-child {padding-top: 15px; border-top: 1px solid #ededed;} .myUl01 li {font-size: 0.9em; padding-right: 0 !important;} .myUl01 li a {display: inline !important; font-weight: bold; color:#c62f2f !important; text-decoration: underline; margin:0; padding:0;} .myHome {} .myHome p {} .myHome p span {display: inline-block; min-width: 85px; color:#333; font-weight: bold; font-size: 0.9em;} .myHome p input[type="text"] { width: 50%; font-size: 0.95em; color:#555;} .myHome p textarea {width: 69.5%; max-width: 390px; padding: 10px; border: 1px solid #c7c7c7;} /* myHome 클래스 마이페이지에서 겹치는 부분 없음 확인. .myHome table {max-width: 403px; margin: 25px; border: 1px solid #ccc; border-left: 0; border-right: 0; text-align: center;} .myHome table tr th, .myHome table tr td {padding: 4px; border-right: 1px solid #ddd;} .myHome table tr th {background: #f3f6f9; border-bottom: 2px solid #ddd;} .myHome table tr tr:last-child td {color: red;} .myHome table tr td:first-child {background #f3f6f9;} .myHome table tr th:first-child, .myHome table tr td:first-child {border-left: 0;} */ .myHome .info {display:inline-block; padding: 0 7px; background-color:#b6b6b6; font-size: 0.8em; color:#fff; border-radius: 3px;} .myHome .confirm {font-size: 0.9em; background-color:#f9f9f9;} .myHome .confirm strong {color: red;} .myHomeBtn {text-align: right; ;display: inline-block;padding: 2px 10px; color:#333; font-weight: bold; font-size: 0.8em; border: 1px solid #ddd; background-color: #efefef; border-radius: 3px; vertical-align: middle;} .myHomeBtn:hover {background-color:#fff; border-radius: 3px;} .myHomeBtn.blue {font-size: 0.9em; color:#fff; line-height: 30px; background-color:#1652a2; margin-top: 3px; padding: 0px 20px; border:none;} .myHomeBtn.blue:hover {background-color:#333;} /*.qnaTab{padding:25px 0;text-align:center;border-top:1px solid #dcdcdc}*/ .qnaTab{text-align:center; border-bottom: 1px solid #959595;} .qnaTab ul {display: flex; justify-content: space-between;} .qnaTab ul li{position:relative; display:flex; align-items: center; justify-content: center; max-height: 50px; width: 25%; background: #f1f1f1;} /* .qnaTab ul li::after{position:absolute;top:50%;right:0;margin-top:-8px;width:1px;height:15px;content:'';background:#d2d2d2} */ .qnaTab ul li:last-child::after{display:none} .qnaTab ul li:hover, .qnaTab ul li.on {background: #fff; border-top: 3px solid #1e2c56; } .qnaTab ul li a{display:block; width: 100%; padding: 15px; font-size:14px; color:#555; text-align: center;} .qnaTab ul li:hover a, .qnaTab ul li.on a{color:#2f2f2f; font-weight: 500; text-decoration:underline; text-underline-position: under;} .qnaList dl dt{position:relative;border-bottom:1px solid #959595;} .qnaList dl dt::before{position:absolute; top:13px; left:15px; content:'Q'; font-weight:bold; font-size: 16px; color:#1E2C56;} .qnaList dl dt a{display:block; padding:14px 20px 14px 53px; font-size:15px;color:#333; } .qnaList dl dt.selected a{text-decoration: underline; text-underline-position: under;} .qnaList dl dd{display:none; position:relative; padding: 40px 28px 40px 54px; background:#f6f7f9;border-bottom:1px solid #dfdfdf; font-size: 14px;} .qnaList dl dd::before{position:absolute; top: 50%; left:25px;content:'A';font-weight:bold;font-size:20px;color:#333; transform: translate(0, -50%);} .pdsList dl dt{position:relative;border-bottom:1px solid #959595; } /*.pdsList dl dt::before{position:absolute;top:18px;left:25px;content:'Q';font-weight:bold;font-size:20px;color:#1E2C56}*/ .pdsList dl dt a{display:block; padding: 15px; font-size: 15px; color:#333;} .pdsList dl dt.selected a{color: #222; text-decoration: underline; text-underline-position: under;} .pdsList dl dd{display:none;position:relative;padding:10px 10px 10px 20px; background:#fafbff; border-bottom:1px solid #959595; color: #333; } .pdsList dl dd.attached {background: #f6f7f9; color: #444; font-size: 13px; font-weight: bold;} .pdsList dl dd.attached ul li {position: relative; margin-bottom: 4px;} .pdsList dl dd.attached ul li::before{content: ''; position: absolute; width: 14px; height: 20px; background: url('../img/arrow_down.png') 0px 4px no-repeat; background-size: 13px;} .pdsList dl dd.attached ul li a {margin-left: 20px;} /*.pdsList dl dd::before{position:absolute;top:20px;left:25px;content:'A';font-weight:bold;font-size:20px;color:#333}*/ .edu_banner::after{display:block;clear:both;content:''} .edu_banner li{float:left;margin-bottom:10px;padding:0 5px;width:33.33%} .btnBlank{display:inline-block} .btnBlank a{display:block;padding:0 38px 0 55px;color:#0c5bc3;line-height:38px;background:#fff url('../img/ic_blank.png') no-repeat 30px center;background-size:16px;border:1px solid #1E2C56} .careerTopTxt{margin-bottom:60px;padding:60px 70px;background:url('../img/career_top_bg.jpg') no-repeat center center;background-size:cover} .careerTopTxt p{color:#fff;text-align:center} .careerTopTxt .txt1{margin-bottom:30px;padding-bottom:40px;font-size:25px;font-weight:bold;border-bottom:1px solid #fff} .careerTopTxt .txt2{padding:0 55px;font-size:16px} .downList::after{display:block;clear:both;content:''} .downList li{float:left;margin-bottom:10px;padding:0 10px;width:50%} .downList li a{position:relative;display:block;padding:0 85px 0 20px;color:#848484;line-height:48px;border:1px solid #dadada} .downList li .down{position:absolute;top:15px;right:20px;padding-left:20px;width:46px;font-size:11px;color:#fff;line-height:20px;background:#d92f36 url('../img/ic_down.png') no-repeat 6px center;background-size:12px;border-radius:2px} .adList ul::after{display:block;clear:both;content:''} .adList > ul > li{float:left;margin-bottom:35px;padding:0 5px;width:50%;} .adList ul li .box{position:relative;margin:0 auto;max-width:450px;min-height:385px;border:1px solid #dadada;} .adList ul li .box .ad_img{display:block;margin:-1px -1px 0;height:250px;text-align:center;vertical-align:middle;background:#f2f2f2} .adList ul li .box .ad_img img{max-height:100%;vertical-align:middle} .adList ul li .box .con{padding:20px 30px;} .adList ul li .box .con .tit{display:block;margin-bottom:25px;font-size:18px;color:#333;font-weight:bold} .adList ul li .box .con .btn{display:inline-block;width:100%} .adList ul li .box .con .btn a{display:block;text-align:center;line-height:35px;border:1px solid #a7a7a7;border-radius:3px} .adList ul li .box .con.radio .tit{padding-bottom:20px;border-bottom:1px solid #e8e8e8} .adList ul li .box .con.radio dl{padding-bottom:50px;color:#848484} .adList ul li .box .con.radio dl dt{color:#333} .adList ul li .box .con.radio dl dd ul li{float:left;width:50%} .adList ul li .box .con.radio dl dd ul li:first-child{width:100%} .adList ul li .box .con.radio .radBtn{position:absolute;left:0;bottom:0;padding:30px;width:100%} .adList ul li .box .con.radio .radBtn .btn{width:49%} .movList dl{border:1px solid #d6d6d6;border-width:0 1px;border-top:1px solid #333;} .movList dl dt{padding:15px 25px;font-size:16px;color:#333;font-weight:bold;background:#f4f7fa} .movList dl dd{position:relative;padding:15px 190px 15px 25px;border-bottom:1px solid #d6d6d6;} .movList dl dd p{margin-bottom:15px;color:#1652a2} .movList dl dd .btn{position:absolute;top:10px;right:20px} .movList dl dd .btn a{display:block;margin-bottom:10px;padding:0 25px;font-size:14px;text-align:center;line-height:30px;border:1px solid #a7a7a7;border-radius:3px} .cfpInfor{padding:20px;font-size:20px;color:#333;text-align:center;background:#f6f7f9;border:1px solid #dcdcdc;border-width:1px 1px 0} .mySelBox{padding:30px;text-align:center} .mySelBox .selForm{min-width:240px} .mySelBox .btnBc.smal input{line-height:40px} .sitemapCon > ul::after{display:block;clear:both;content:''} .sitemapCon > ul > li{float:left;margin-bottom:70px;padding:0 20px;width:25%;} .sitemapCon > ul > li:nth-child(5){clear:left} .sitemapCon > ul > li .box .tit{display:block} .sitemapCon > ul > li .box .tit a{display:block;font-size:18px;color:#fff;font-weight:bold;line-height:47px;text-align:center;background:#1E2C56;border-bottom:3px solid #1E2C56} .sitemapCon > ul > li .box > ul{padding:20px;font-size:14px;border:1px solid #dadada} .sitemapCon > ul > li .box > ul > li{margin-bottom:8px} .sitemapCon > ul > li .box > ul > li > a{position:relative;display:block;padding-left:10px} .sitemapCon > ul > li .box > ul > li > a::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#1E2C56} .sitemapCon > ul > li .box > ul > li > ul{margin-top:5px;padding-left:10px} .sitemapCon > ul > li .box > ul > li > ul > li{margin-bottom:3px} .sitemapCon > ul > li .box > ul > li > ul > li > a{position:relative;display:block;padding-left:9px;color:#919191} .sitemapCon > ul > li .box > ul > li > ul > li > a::before{position:absolute;top:0;left:0;content:'-';} .scrollWrap {overflow: auto;} .scrollWrap table tr td {white-space: nowrap;} /* 2019-07-11 추가*/ #footer dl.CFP {width: 44%; margin-right: 28px;} #footer dl.AFPK {width: 50%;} .visit_stat {position:absolute; top:18px; right:0px; font-size:13px;} .markWrap {display:inline-block; width: 58%;} .main_sup {font-family:'Arial';} #gnb > ul > li > a > sup { font-size: 25px; line-height:41px; vertical-align: unset;} .mCon1 .con > li .box dl dt > sup {line-height:46px;} /* applForm3.jsp 자격인증신청 페이지 조정 */ .cfpApplForm h3 {font-size: 18px;} .cfpApplForm h5 {margin-top: 2rem; margin-bottom: .25rem; font-size: 16px; } .cfpApplForm div.section {margin-top: 1rem;} .cfpApplForm div.section.wrking p {margin-top: .5rem;} .cfpApplForm div.section.wrking p label {cursor: default;} .cfpApplForm div.section.wrking p label span {display: inline-block; width: 100px;} .cfpApplForm div.section.wrking p label select {height: 28px; cursor: pointer; border-color: #c2c2c2;} .cfpApplForm div.section.wrking p label select, .cfpApplForm div.section.wrking p label input {margin-left: .5rem; margin-right: .25rem;} .cfpApplForm dl dd ul li {margin-left: 1.5rem; margin-top: .25rem; list-style: disc;} .cfpApplForm .submit p input {padding: .25rem .5rem; border: 1px solid #C2C2C2; border-radius: 4px; background-color: #FFF; color: #727272 ; font-size: 15px; cursor: pointer;} .cfpApplForm button {padding: 2px 6px; border: 1px solid #333;} .cfpApplForm .submit p input[type="submit"] {margin-right: .25rem; border: 1px solid #fa6767; background-color: #fa6767; color: #fff;} /* 사이트 검색 리스트 */ .searchList tr td:first-child {font-weight: 600;} /* ================================================================================ 반응형 서브 콘텐츠 ================================================================================ */ /* 서브 PC Device */ @media all and (min-width:1001px){ } /* 서브 TABLET Device */ @media all and (max-width:1000px){ input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{font-size:0.9615rem} .inpTxt{padding:0 0.5769rem;height:2.308rem;} .selForm select{padding-right:1.154rem;height:2.231rem;font-size:0.9615rem;text-indent:0.3846rem;} .selForm::after{right: 0.4615rem;border-left:0.4231rem solid transparent; border-right:0.4231rem solid transparent; border-top:0.4231rem solid #4b4b4b;} .checkBtn label{padding-left:2.308rem;line-height:1.808rem;height:1.808rem} .checkBtn input + label::before{margin-top:-0.9231rem;width:1.808rem;height:1.808rem;} .checkBtn input + label::after{left:0.4615rem;margin-top:-0.4615rem;width:0.9615rem;height:0.5385rem;border-width:0 0 0.1154rem 0.1154rem} .checkBtn input:checked + label::after{border-width:0 0 0.1154rem 0.1154rem} .layPop{padding:40px 1.538rem} .layPop .popWrap .popCon .btnPopClose{top:0.7692rem;right:0.7692rem;width:1.923rem;height:1.923rem} .basCon{max-width:800px} .basCon .tit{padding:1.346rem 1.538rem;} .basCon .tit h2{margin-right:15px;font-size:1.538rem;} .scroTable{height:23.08rem;overflow:auto} .basCon .basSearch{margin:0 auto 2.308rem;padding-right:3.077rem;max-width:18.85rem} .basCon .basSearch .inpTxt{width:100%} .basCon .basSearch .btn{width:2.692rem;height:2.308rem;background-size:1.154rem} .basCon .con{padding:1.154rem} /* .loginCon{max-width:670px} .loginCon .tab li a{font-size:1.231rem;line-height:4.038rem} 221130 .loginCon .ptabCon{padding:1.923rem 2.885rem;min-height:22.31rem} .loginCon .ptabCon .loginForm li{margin-bottom:0.7692rem} .loginCon .ptabCon .loginForm li .inpTxt{padding:0 0.9615rem;height:3.462rem} .loginCon .btnLogin{font-size: 1rem;height:3.846rem} .loginCon .etc{margin-top:1.538rem} .loginCon .sns{margin-top: 0.9615rem;padding-top: 1.538rem;} .loginCon .sns li{margin:0 0.5769rem} .loginCon .sns li a{width:3.846rem;height:3.846rem;} */ .idSearchCon .tit{padding:1.154rem 1.538rem;} .idSearchCon .tit h2{margin:0 0.7692rem 0.3846rem 0;font-size:1.538rem; line-height:1.2;} .idSearchCon .tit p{font-size:0.9615rem;} .idSearchCon .con{padding:1.538rem} .idSearchCon .con .certLink{margin-bottom:1.346rem} .idSearchCon .con .certLink li{float:none;margin-bottom:0.7692rem;padding:0;width:100%;} .idSearchCon .con .certLink li a span{display:inline-block;padding:0 0 0 3.654rem;height:auto;font-size:1.346rem;line-height:5.385rem;background-position:center left;background-size:2.5rem} .idSearchCon .con .txt{font-size:0.9615rem} .idSearchCon .con .etcCon{margin-top:1.731rem;padding-top:1.231rem;} .idSearchCon .con .etcCon .btn a{width:8.846rem;line-height:2.692rem;} h1.title{margin-bottom:1.923rem;padding-bottom:0;font-size:1.5rem;line-height:2.115rem;border-bottom:0} h2.title{margin: 2.115rem 0 0.9615rem;padding-left:1.769rem;font-size:1.25rem;line-height: 1.923rem;} h2.title::before{top:0.3846rem;width:0.6154rem;height:0.6154rem;border-width:0.2692rem !important} h2.title2{margin: 2.115rem 0 0.7615rem;font-size:1.431rem;line-height: 1.723rem;} h3.title{margin:3.462rem 0 0.7692rem;font-size:1.25rem;line-height: 1.731rem;} h4.title{margin:3.846rem 0 0.7692rem;font-size:1.346rem;line-height:1.731rem} h4.title02{margin:2.308rem 0 0.7692rem 0; font-size:1rem; line-height:1.538rem} h4.title03{margin-bottom:0.9615rem;padding-top:0.7692rem;font-size:1.346rem;line-height:1.538rem} h4.title03::before{width:2.308rem} h2.title + h3.title{margin-top:1.538rem} p{font-size: 1rem; line-height: 1.2rem} .tabMenu{margin-bottom: 2.115rem;} .tabMenu ul li a{line-height:3.462rem} .tabMenu ul li a span{font-size: 1rem;line-height:1.346rem} .li_num{margin-bottom: 3.846rem;padding:0.5769rem 1.154rem;} .li_num li{margin:0.9615rem 0 0.9615rem 1.154rem;} .li_num li .tit{font-size:1.154rem} .li_num li p{margin: 0.3846rem 0 0 -1.154rem;} .li_num2{margin-bottom:3.846rem;padding-left:1.346rem} .li_num2 li{margin:0.3846rem 0;font-size: 1rem;line-height:1.538rem} .li_list > li{padding:0.7692rem 1.154rem;font-size: 1rem;line-height:1.731rem} .li_list2{margin-bottom:0.7692rem} .li_list2 li{margin:0 0 0.9615rem;padding:0;font-size: 1rem;line-height:1.538rem} .li_list2 li .name{position:relative;display:block;margin-bottom:0.7692rem;width:11.54rem;line-height:2.308rem;border-radius:1.154rem} .li_dot{margin-bottom: 3.846rem;padding: 0.7692rem 1.538rem;} /* .li_dot li{margin-bottom: 3.846rem;} */ .li_dot li{margin:0.5769rem 0;padding-left: 0.9615rem; font-size:1rem; line-height:1.538rem} .li_dot li::before{top:0.3846rem;width:0.4615rem;height:0.4615rem;border-width:0 0.1538rem 0.1538rem 0 !important;} .li_dot2{margin-bottom:3.846rem;} .li_dot2 li{margin:0.3846rem 0;font-size: 1rem;line-height:1.538rem} .btnBig{display:block;margin-bottom:3.846rem} .btnBig a{padding:1.346rem 3.846rem 1.346rem 1.346rem;font-size:1.538rem;line-height:1.731rem} .btnBig a span{font-size:0.9615rem} .btnBig a::after{font-size: 1rem;line-height:5.769rem} .mb_scroll{position:relative;padding-top:1.538rem;width:100%;overflow:auto} .mb_scroll::before {position: absolute;top: 0;left: 0;content: '◀ 좌우Scroll ▶';font-size:0.9615rem;text-align:center;opacity:0.5} .mb_scroll table{width:38.46rem} .t_typel thead th{padding: 1.154rem 0.3846rem;font-size: 1rem;line-height:1.538rem} .t_typel tbody th{padding: 1.154rem 1.7692rem;font-size: 1rem;line-height:1.538rem} .t_typel tbody td{padding: 1.154rem 0.7692rem;height:1.538rem;font-size: 1rem;line-height:1.538rem} .t_typel + ul,.t_typel + ol,.t_typel + p,.mb_scroll + ul,.mb_scroll + ol,.mb_scroll + p{margin-top:1.154rem} .eduList dt{padding: 0.7692rem; font-size:1rem; line-height: 2rem;} .eduList dt span{font-size:1.154rem} .eduList dd{margin-bottom: 1.154rem;padding: 1.154rem 0.7692rem; font-size:1rem; line-height:1.346rem} .eduList dd ul li{margin:1rem 0; padding-left:0.8462rem} .eduList dd ul li::before{top:0.3846rem;width:0.3846rem;height:0.3846rem;border-width:0 0.1538rem 0.1538rem 0 !important;} .btnBc{display:block;margin-bottom:0.3846rem} .btnBc.dot a, .btnBc.dot button, .btnBc.dot input{padding-right: 4.231rem;} .btnBc a, .btnBc button, .btnBc input{padding:0 1.538rem; font-size:1rem; line-height:3.615rem;text-align:left} .btnBc.dot a::after, .btnBc.dot button::after, .btnBc.dot input::after{right:1.538rem} .mbTb{border-top:2px solid #333} .mbTb colgroup, .mbTb thead{display:none} .mbTb tbody tr{position:relative;display:block;padding:0.7692rem;border:1px solid #d5d5d5;border-width:0 0 1px 0} .mbTb tbody tr::after{display:block;clear:both;content:''} .mbTb tbody td{display:block;float:left;padding:0;font-size:0.9615rem;line-height:1.154rem;box-sizing:border-box;border:0} .mbTb tbody td.none{display:none} .mbTb tbody td.day{position:relative;margin-right:0.3846rem;padding-right:0.3846rem;} .mbTb tbody td.day::after{position:absolute;top:0.1923rem;right:0;width:1px;height:0.6923rem;content:'';background:#d5d5d5} .mbTb tbody td.part{display:block;float:left;width:10%;line-height:100%;text-align:left} .mbTb tbody td.subject{display:block;float:left;margin-bottom:0.3846rem;width:90%;font-size: 1rem;} .mbTb tbody td.subject a{display:block;line-height:1.154rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mbTb tbody td.subject:first-child{width:100%} .mbTb tbody tr.noticeBg{background:#f6f7f9;} .mbTb tbody td .nt{width:2.115rem;font-size:0.8462rem;line-height:1.154rem;} .mbTb tbody td.none + td.subject{width:100%} .qnaTab + .listTypeA.mbTb {border-top: 0;} .listTypeB ul li{padding:1.154rem 0 1.154rem 5.769rem;} .listTypeB ul li .photo{top:1.154rem;left:0.7692rem;width:3.846rem} .listTypeB ul li .tit{margin-bottom:0.5769rem;font-size: 1rem;} .listTypeB ul li .tit img {margin-top: .5rem;} .listTypeB ul li .price{margin-bottom:0.5769rem;font-size: 1rem;} .listTypeB ul li .date{margin-bottom:0.7692rem;} .listTypeB ul li .txt{margin-bottom:0.7692rem;line-height:1.346rem} .listTypeB ul li .btn{position:relative;top:0;right:0;width:auto} .listTypeB ul li .btn span{display:inline-block;margin-bottom:0;width:48%;border-radius:0.1923rem} .listTypeB ul li .btn span a{display:block;font-size: 1.077rem;line-height:2.308rem} .listTypeB ul li .btn .btnBasket {float: left;} .topCateg{margin-bottom:1.154rem;font-size:1.154rem} .topCateg .selForm{margin-left:0.9615rem} .topCateg .selForm select{min-width:13.08rem;height:2.308rem} /* 페이지표시 */ .page{margin:2.308rem 0;} .page a{width:1.923rem;height:1.923rem;font-size:0.7692rem;line-height:1.846rem;} .page a img{width:0.6923rem} /* 일반게시판 검색 */ .boadSearchA{padding:1.923rem 1.692rem} .boadSearchA .searchForm .selForm{position:absolute;top:0;left:0;margin:0; min-width: 6rem;} .boadSearchA .searchForm .inpTxt{margin:0;width:100%} .boadSearchA .searchForm .btn{position:absolute;bottom:0;right:0;width:2.692rem;height:2.308rem;background-size:0.8846rem} .viewTypeA .infor{padding:0.9615rem;} .viewTypeA .infor dt{margin-bottom:0.7692rem;font-size:1.346rem;line-height:1.538rem} .viewTypeA .infor dd ul li{padding-left:0.5769rem;margin-left:0.3846rem} .viewTypeA .infor dd ul li::after{margin-top:-0.3077rem;height:0.7692rem;} .viewTypeA .infor dd ul li:nth-child(2){display:none} .viewTypeA .file{padding:1.154rem;} .viewTypeA .file .fileDown a{padding-left:1.154rem;background-size:auto 100%} .viewTypeA .contents{padding:1.538rem 1.154rem;min-height:220px;line-height:1.462rem} .btnList{padding:1.154rem 0} .btnBbs a, .btnBbs input, .btnBbs button{width:4.615rem;line-height:2.308rem;} .btnBc.smal a, .btnBc.smal button, .btnBc.smal input{padding:0 0.3846rem;font-size:0.85rem;line-height:2.308rem;text-align:center;white-space: nowrap;} .btnBc.smal.w a, .btnBc.smal.w button, .btnBc.smal.w input{min-width:3rem} .myPageCon{margin-top:0} .myPageCon .myInfor{padding:1.346rem 0.7692rem;border-width:1px} .myPageCon .myInfor .myProfile{margin-bottom:1.346rem;padding:0.5769rem 0 0 8.077rem;min-height:6.154rem;} .myPageCon .myInfor .myProfile .photo{left:1.154rem;width:5.769rem;height:5.769rem;} .myPageCon .myInfor .myProfile .name{margin-bottom:0.5769rem;font-size:1.538rem;} .myPageCon .myInfor .myProfile .name .btnSetting a{width:1.731rem;height:1.731rem;background-size:0.8846rem;} .myPageCon .myInfor .myProfile ul li{margin-bottom:0.3846rem;font-size:1.077rem} .myPageCon .myInfor .myProfile ul li .state{width:3.077rem;font-size:0.8846rem;line-height:1.346rem; white-space: nowrap;} .myPageCon .myInfor .myProfile ul li .state2{margin-left:0.3846rem;padding-left:0.3846rem;font-size:1.077rem;} .myPageCon .myInfor .myProfile ul li .state2::before{margin-top:-0.4231rem;height:0.9615rem;} .myPageCon .myInfor .memBtn{position:relative;top:0;right:0} .myPageCon .myInfor .memBtn::after{display:block;clear:both;content:''} .myPageCon .myInfor .memBtn li{float:left;margin:0;padding:0 0.3846rem;width:50%} .myPageCon .myInfor .memBtn li a{padding:0 1.154rem;width:auto;line-height:2.692rem;} .myPageCon .myInfor .memBtn li a::after{right:0.7692rem;font-size:0.9615rem} .myPageCon .myBtn{margin-bottom:1.154rem;padding:0;background:#f6f7f9;} .myPageCon .myBtn ul li{width:50%;text-align:left;background-color:#fff;background-repeat:no-repeat;background-position:1.462rem center;background-size:2.885rem;border:1px solid #dfdfdf;border-width:0 1px 1px 0} .myPageCon .myBtn ul li:nth-child(2n){border-right:0;} .myPageCon .myBtn ul li.ic5{border-bottom:0} .myPageCon .myBtn ul li > a{padding:0 0 0 5.385rem;line-height:4.538rem;} .myPageCon .myBtn ul li .txt{display:none} .myPageCon .myBtn ul li .num{position:absolute;top:0.7692rem;left:3.462rem;margin-left:0;width:1.154rem;height:1.154rem;font-size:0.7692rem;line-height:1.154rem;} .myPageCon div.myList:nth-child(even) {float:none;} .myPageCon .myList{float:none;margin-bottom:1.154rem;width:100%;min-height:50px} .myPageCon .myList.buyList{float:none;} .myPageCon .myList h2 a{padding:0 1.423rem;font-size:1.538rem;line-height:3.462rem;} .myPageCon .myList h2 a::after{right:0.9615rem;font-size:0.9615rem;} .myPageCon .myList h2 span{padding:0 1.423rem;font-size:1.538rem;line-height:3.462rem;} .myPageCon .myList ul{padding:1.154rem 1.346rem} /*.myPageCon .myList ul li{margin-bottom:0.7692rem;padding-right:5.385rem}*/ .myPageCon .myList ul li{margin-bottom:0.7692rem;} .myPageCon .myList.buyList ul li{padding-right:5.385rem;} .myPageCon .myList ul li .state{width:4.615rem;font-size:0.9231rem;line-height:1.538rem;} .myPageCon .myList ul li .price{position:relative;top:0;right:0;display:block;margin-top:0.5769rem} .myPageCon .myList .myQual{padding:1.154rem 1.346rem} .myPageCon .myList .myQual p{padding:1.154rem;font-size:1.138rem;line-height:1.538rem} .myPageCon .myList .myQual ul{padding:1.154rem 1.346rem} .myPageCon .myList .myQual ul li{position:relative;margin-bottom:0.7692rem;padding-left:7.715rem;} .myPageCon .myList .myQual ul li .name{position:absolute;top:0;left:0;color:#333} .myPageCon .myList .list{padding:1.154rem 1.346rem} .myPageCon .myList .list li{margin-bottom:0.7692rem;padding-right:5.385rem} .myPageCon .myList .list li .state{width:4.815rem;font-size:0.8231rem;line-height:1.538rem;} .myPageCon .myList .list li .price{position:relative;top:0;right:0;display:block;margin-top:0.5769rem} .myPageCon .myList .list li .print a{display:block;width:4.815rem;font-size:0.8231rem;line-height:1.538rem;} .myPageCon .myList .myQual .btnBc{display:inline-block} .cfpInfor{padding:1.138rem;font-size:1.3rem;line-height:1.738rem;} /* .qnaTab{padding:0.9615rem 0;text-align:left;} */ .qnaTab ul li::after{margin-top:-0.5rem;height:1.154rem;} .qnaList dl dt::before, .qnaList dl dd::before {top:50%; left:0.9rem; font-size: 1rem; transform: translate(0, -50%); } .qnaList dl dt a{font-size: .9rem; line-height:1.2rem;} .qnaList dl dd{padding:0.7692rem 0.7692rem 0.7692rem 2.692rem;line-height:1.346rem} .pdsList dl dt::before{top:0.7692rem;left:0.7692rem;font-size:1.538rem;} .pdsList dl dt a{padding:0.7692rem 0.7692rem 0.7692rem 0.7692rem;font-size: 1rem;line-height:1.346rem} .pdsList dl dd{padding:0.7692rem 0.7692rem 0.7692rem 0.7692rem;line-height:1.346rem} .pdsList dl dd::before{top:0.7692rem;left:0.7692rem;font-size:1.538rem;} .pdsList dl dd.attached ul li {margin-bottom: .8rem;} .pdsList dl dd.attached ul li:last-child {margin-bottom: 0;} .edu_banner li{margin-bottom:0.7692rem;padding:0 0.3846rem;width:50%} .edu_banner li img{width:100%} .h_btn h2.title{margin-right:1.154rem} .btnBlank a{padding:0 1.538rem 0 3.538rem;font-size: 1rem;line-height:2.692rem;background-size:1.154rem;background-position:1.808rem center} .careerTopTxt{margin-bottom:1.538rem;padding:2.308rem 1.154rem;} .careerTopTxt .txt1{margin-bottom:0.7692rem;padding-bottom:0.7692rem;font-size:1.346rem;} .careerTopTxt .txt2{padding:0;font-size:0.9615rem} .downList li{float:none;margin-bottom:0.3846rem;padding:0;width:100%} .downList li a{padding:0 5.385rem 0 0.7692rem;line-height:3rem;} .downList li .down{top:0.6538rem;right:0.7692rem;padding-left:1.923rem;width:4.038rem;font-size:0.9615rem;line-height:1.731rem;background-position:0.5rem center;background-size:1.077rem;} .adList > ul > li{float:none;margin-bottom:1.538rem;width:100%;} .adList ul li .box{max-width:100%;min-height:21.15rem;} .adList ul li .box .ad_img{height:auto;} .adList ul li .box .ad_img img{width:100%} .adList ul li .box .con{padding:1.154rem;} .adList ul li .box .con .tit{margin-bottom:0.9615rem;font-size: 1rem;} .adList ul li .box .con .btn a{line-height:2.308rem;} .adList ul li .box .con.radio .tit{padding-bottom:1.154rem;} .adList ul li .box .con.radio .radBtn{padding:1.154rem;} .adList ul li .box .con.radio .radBtn .btn{width:49%} .adList ul li .box .con.radio dl{font-size: 1rem;line-height:1.154rem} .adList ul li .box .con.radio dl dt{margin-bottom:0.3846rem} .adList ul li .box .con.radio dl dd ul li{margin-bottom:0.3846rem;} .movList dl dt{padding:0.7692rem 1.154rem;font-size: 1rem;line-height:1.538rem} .movList dl dd{padding:0.7692rem 1.154rem;font-size: 1rem;line-height:1.538rem} .movList dl dd p{margin-bottom:0.7692rem;} .movList dl dd .btn{position:relative;top:0;right:0;margin-top:0.7692rem} .movList dl dd .btn a{display:inline-block;margin-bottom:0;padding:0 1.5rem;font-size:0.9615rem;line-height:2.308rem;} .mySelBox{padding:1.538rem} .mySelBox .btnBc{display:inline-block;margin:0} .mySelBox .btnBc.smal input{line-height:2.231rem} .mySelBox .selForm{min-width: 9.231rem} .sitemapCon > ul > li{margin-bottom:2.692rem;padding:0 0.3846rem;width:50%;} .sitemapCon > ul > li:nth-child(5){clear:none} .sitemapCon > ul > li:nth-child(2n+1){clear:left} .sitemapCon > ul > li .box .tit a{font-size: 1.354rem;line-height:3rem;} .sitemapCon > ul > li .box > ul{padding:1.154rem;font-size: 1.1rem;line-height: 1.538rem;} .sitemapCon > ul > li .box > ul > li{margin-bottom:0.3846rem} .sitemapCon > ul > li .box > ul > li > a{padding-left:0.5769rem} .sitemapCon > ul > li .box > ul > li > a::before{top:0.5769rem;width:3px;height:3px;} .sitemapCon > ul > li .box > ul > li > ul{margin-top:0.1923rem;padding-left:0.5769rem} .sitemapCon > ul > li .box > ul > li > ul > li{margin-bottom:0.1923rem} .sitemapCon > ul > li .box > ul > li > ul > li > a{padding-left:0.5769rem;} .testRegister input[type="number"] { width: 30%; border: 1px solid #c3c3c3; box-shadow: none; } #examinationAnalysisTablePopup p {font-size:1.0em;line-height:1.0em} /* 2019-07-11 추가*/ .visit_stat {display:none;} .step1 h4:first-child {margin-top: -.5rem;} .topCateg .innerCateg button {margin-right: .5rem; margin-bottom: .5rem;} .listTypeB ul li .btn span a img {vertical-align: text-top; padding-top:4px;} .listTypeB ul li .btn .btnBasket a img {padding-top: 3px;} .searchForm table tr td ul li {width: 50%;} .searchList tr td:first-child {position: absolute;} .searchList tr td.name {margin-left: 4rem; text-align: left;} } /* 서브 TABLET Device 1000 End */ /* 서브 TABLET Device */ @media all and (max-width:640px){ .memJoinBtn a, .memJoinBtn input[type="submit"], .memJoinBtn input[type="reset"], .memJoinBtn button {min-width: 40%;} .qnaTab ul {flex-wrap: wrap; justify-content: flex-start;} .qnaTab ul li {width: 33.33%; height: 3.15rem; padding: .8rem;} .qnaTab ul li a {font-size: 13px;} .qnaList dl dd p span {font-size: .95rem !important;} .searchForm table tr:nth-child(2) li, .searchForm table tr:last-child li {width: 100%;} } /* 서브 Mobile Device */ @media all and (max-width:400px){ .location {margin: 0. -1.7692rem 2.692rem;} .listTypeB ul li .btn span a img {display: none;} } /* 반응형 서브 끝 */ /* 추가 2019.03.07 */ .mgAuto{display: block; ;margin: 0 auto;} .mb0 {margin-bottom:0;} .t_typel tbody td select {padding: 8px; border: 1px solid #b6b6b6;} .t_typel tbody td textarea {width: 94%; padding: 3%; border: 1px solid #b6b6b6;} .t_typel tbody td input {padding: 8px;} .t_typel tbody td input.inputAddText {width: 80%; margin-top:8px;} .t_typel tbody td button {margin: 0 10px; display: inline-block; width: 110px; text-align: center; line-height: 35px; background-color:#333; color: #fff; border-radius: 2px;} .searchForm table li{float:left; width: 25%;} .searchForm table ul:after{display: block; content:""; clear: both;} .memList {width: 100%:} .memList li {float:left; width: 48%; margin-right: 2%; margin-bottom: 35px;} .memList .memInfo {border: 1px solid #d6d6d6; border-radius: 12px; overflow:hidden;} .memList .memInfo>div {padding: 25px; } .memList .memInfo>div .memPhoto {float:left; margin-right: 25px;} .memInfo>div .memPhoto+p {float:left; margin-top: 10px; } .memList .memInfo>div span {display: block;} .memList .memInfo>div span.memName {font-size: 1.6em; font-weight: bold; line-height: 1.6em;} .memList .memInfo>div span.memBank {} .memList .memInfo>div span.memNum {color:#e1a11f;} .memList .memInfo>div:after {display: block; content:""; clear:both;} .memList .memInfo .memLevel {display: block; width: 100%; padding: 8px 25px; background-color:#e1a11f; color: #fff; font-weight: bold; } .memList:after {display:block; content:""; clear:both;} .shopProduct {width: 100%; padding: 30px; border: 1px solid #dadada;} .shopProduct h2 {margin: 0 0 25px !important; font-size: 26px;} .shopProduct>div p {float:left; width: 40%; } .shopProduct>div ul {float:left; width: 60%;} .shopProduct>div ul>li { line-height: 2.8em; border-top:1px dotted #dadada;} .shopProduct>div ul>li span { float: right; } .shopProduct>div ul>li input {text-align: right;} .shopProduct>div ul>li:first-child {border-top: none;} .shopProduct>div:after, .shopProduct>div ul>li:after {display: block; content: ""; clear: both;} .shopBtn {} .shopBtn a, .shopBtn input {display: inline-block; width: 150px; margin: 20px 10px 0px 0; line-height: 36px; font-size: 14px; font-weight: 500; ;text-align: center; border-radius: 5px; background-color:#1E2C56; border: 1px solid #1E2C56; color:#fff;} .shopBtn a.btnRed, .shopBtn input.btnRed {color:#fff; border: 1px solid #fa6767; background-color:#fa6767;} .shopBtn a.shopWhite, .shopBtn input.shopWhite {border: 1px solid #c2c2c2; background-color:#FFF; color:#333;} .shopBtn a:hover, .shopBtn input:hover {background-color:#333; border: 1px solid #333; color: #fff;} .cartList {width: 100%; margin-top: 25px;} .cartList ul { margin-bottom:0px;} .cartList ul li {float: right; display: block; width: 100%; max-width: 450px; } .cartList ul li span {float: right;} .cartList ul li strong {color: #333;} .cartList .shopBtn {float: right;} .cartList:after, .cartList ul:after {display:block; content:""; clear: both;} .myInfoBox01 {position:relative;width: 100%;} .myInfoBox01 label { position: absolute; top:0; right:0;} .eduList.payList dd{ padding: 10px;} .eduList.payList dd li {line-height: 35px;} .eduList.payList dd li strong { color: #333;} .eduList.payList dd li:before {top: 15px; } .eduList input[type="text"] {margin-left: 20px; font-weight: bold; background-color: #f7f7f7;} .eduList a.info {display: inline-block; padding: 0 10px; margin-left:10px; line-height: 1.5em; color:#fff; font-size:0.8em; background-color:#949494;border-radius: 5px;} .payNotice { padding: 25px; border: 1px solid #d6d6d6;} .payNotice p {color:#333; font-weight: bold;} .payNotice p strong {color:#fa6767;} .payNotice ul { margin: 15px;} .payNotice>div.payBtn {background-color:#F7F7F7; border-radius: 12px; padding: 12px 15px;} .memJoinTxt {width: 100%; height: 320px; overflow-y: scroll; border: 1px solid #d6d6d6; padding: 3%; text-indent: 0; line-height: 1.5em;} .memJoinTxt h5+p {margin-top:10px; padding-left: 2%;} .memJoinTxt h6 {margin: 10px 0;} .memJoinTxt div {margin-top:10px; padding-left: 2%;} .memJoinTxt ul {margin-top: 10px; padding-left: 25px;} .memJoinTxt ul li {list-style-type: decimal; padding: 3px 0;} .memJoinTxt ul.square li {list-style-type: square;} .memJoinTxt ul.circle li {list-style-type: circle;} .memJoinTxt ul dl {border: 1px solid #d6d6d6; margin: 3px 0;padding: 10px 15px;} .memJoinTxt ul dl dt {font-weight: bold;} .memJoinBtn {width: 100%; padding: 25px 0; border-top: 1px solid #bbb;border-bottom: 1px solid #d6d6d6;} .memJoinBtn.gray {border:none; background-color:#f7f7f7;} .memJoinBtn p {font-weight: bold;} .memJoinBtn div.payBtn {width: 100%; max-width:420px; margin: 0 auto; background-color:#F7F7F7; border-radius: 12px; padding: 12px 15px;} .memJoinBtn a, .memJoinBtn input[type="submit"], .memJoinBtn input[type="reset"], .memJoinBtn button{ display: inline-block; min-width: 156px; margin: 0px 5px; padding: 0 15px; font-size: 14px; line-height: 36px; text-align: center; border-radius: 4px; background-color:#1E2C56; border: 1px solid #1E2C56; color:#fff;} .memJoinBtn .btnRed {color:#fff; border: 1px solid #fa6767; background-color:#fa6767;} .memJoinBtn .btnWhite {border: 1px solid #C2C2C2 !important; background-color:#FFF !important; color:#727272 !important; cursor: pointer;} .myCredit .t_typel tbody th {padding: 5px 15px;} .myCredit .t_typel tbody td {padding: 5px 15px; background-color: none;} .myCredit>p{position:relative;padding-left:14px;color:#848484; line-height: 1.7em;} .myCredit>p::before{position:absolute;top:9px;left:-2px;width:4px;height:4px;content:'';border:1px solid #1E2C56;border-width:0 2px 2px 0;transform:rotate(-45deg)} .myCredit>p span{display:inline-block; min-width: 60px; margin-right:15px; font-weight: bold; color: #656565;} .t_typel tbody th.type02{padding:15px;color:#333;font-weight:500; border:1px solid #e5e5e5;border-width:0 0 1px 1px} .myPhoto {padding: 10px !important; text-align: center !important;} .myPhoto img {display: blcok; width: 110px !important; margin: 0 auto 5px; text-align: center;} .myPhoto a {display: blcok; } .inputBorder {border:1px solid #ddd !important; background-color:#f5f5f5 !important; color:#666;} .smallBtn { display: inline-block; padding: 0 5px; margin-left: 10px; line-height: 1.5em; color: #fff !important; font-size: 0.8em; background-color: #949494; border-radius: 5px;} .passPopup p{font-size: 0.9em; line-height: 1.6em;} .passPopup table ol { margin: 25px 0; padding: 10px 25px; background-color:#dfdfdf;} .passPopup table ol li {position: relative; padding: 15px 0; padding-left: 6%; border-top: 1px solid #fff;} .passPopup table ol li:first-child {border-top: none;} .passPopup table input[type="checkbox"] {position: absolute; left:0; top: 15px; width: 16px; height: 16px;} .t_typel.t_type_sm thead th {font-size:12px; padding:2px;} .t_typel.t_type_sm tbody td {font-size:12px; padding:2px 13px; height:22px;} .goldSearch {position:relative;display:block; margin:0 auto; margin-bottom:20px; width:260px; height:37px; background-color:#fff; border:1px solid #cbcbcb; border-radius:18px;} .goldSearch .searchTxt {padding:0px; margin:8px 10px; width:80%; height:100%; border:0;} .goldSearch .btn {position:absolute; top:0px; right:0px; width:45px; height:100%; text-indent:-999px; overflow:hidden; opacity:0.7; background:url('../img/ic_search.png') no-repeat center center; background-size:18px; border:0;} #examinationSitePopup dt a { float: right; } #examinationAnalysisTablePopup th { width: 4em; } #examinationAnalysisTablePopup td.graph { text-align: left; width: 26.4em; padding: 1em .4em .6em .4em; } #examinationAnalysisTablePopup td img { height: .8em; margin: .2em 0; display: block; border: none; margin-left:-1px;} #examinationAnalysisTablePopup td img.user { background-color: #437AC2; } #examinationAnalysisTablePopup td img.average { background-color: #CCC; height: .64em; } #cheatingListTable td { min-width: 10em; } #examinationAnalysisTablePopup p.guide { background: url(/assets/png/analysisRulerGuide.png) 100% 50% no-repeat; } #examinationAnalysisTablePopup td.graph { background: url(/assets/png/analysisRuler.png) .4em 20% no-repeat; } #examinationAnalysisTablePopup table { } .dList::after {clear:both; display:block; content:'';} .dList dl::after {clear:both; display:block; content:'';} .dList dl dt { display:block; border-bottom:1px solid #ddd; padding:8px 0px; font-weight:bold; color:#1E2C56;} .dList dl dd { display:block; margin-bottom:20px; padding:8px 0px;} .btnBc.btnSm a {line-height:30px;font-size:15px;} .btnBc.btnR {float:right;margin-top:-10px;} .basCon .con::after {clear:both; display:block; content:'';} #examinationSitePopup > .layCloseBtn {margin-top:-20px;} #educationValidQualificationPopup > .layCloseBtn {margin-top:-2px;} dl.memJoinTxt dt {font-weight:bold; padding:3px 0px;} dl.memJoinTxt dd {padding:3px 0px; margin-bottom:10px;} dl.memJoinTxt dd > ul {margin-top:0px;} .sectionBox.li_dot { border-radius:0px; margin:5px 0px;} .subColorA .sectionBox.li_dot {background-color:#f4f7fa;} .subColorB .sectionBox.li_dot {background-color:#faeded;} .subColorC .sectionBox.li_dot {background-color:#f9f5ee;} #examApplctHallLst > li > a.info {display:inline-block;width:50px;color:#fff;font-weight:bold;line-height:22px;text-align:center;background:#333;border-radius:16px;} /* 2019-08-12 */ dl.dlList {width:100%; padding-top:20px;} dl.dlList dt {float:left; width:100px; height:auto; margin-bottom:10px; padding-left:20px;} dl.dlList dd {float:left; width:calc(100% - 120px); padding-left:20px; height:auto; margin-bottom:10px;} dl.dlList dd::after {clear:both; display:block;} .idSearchCon.hallInfo .btnBlank a{font-size:14px; line-height:30px;} .idSearchCon.hallInfo .tit h2{line-height:30px;} .idSearchCon.hallInfo .layCloseBtn {margin-top:0px !important;} .idSearchCon.hallInfo .memJoinBtn button {background-color:#999;} .idSearchCon.examCancel .layCloseBtn {margin-top:0px !important;} .idSearchCon.examCancel .memJoinBtn button, .idSearchCon.examCancel .memJoinBtn input[type="reset"] {background-color:#999;} /* 추가 190311 */ .myWork {width: 100%;} .btnBc.inBc a {display:inline-block; width: auto; margin: 0 0 10px;} .t_typel strong {color: red !important;} /* campaingn */ .btnbox { position: relative; top: 680px; text-align: center;} .btnbox li {display: inline-block; width: 300px; height: 80px; margin: 0 10px; text-align: center; background-color:#1652a2; border-radius: 80px;} .btnbox li:first-child+li {background-color:#333;} .btnbox li a {line-height: 80px; font-size: 1.5em; color:#fff;} .t_typel tbody td input[name="age"] {width:100px;} /* 회원가입 221130 */ .step1 .memJoinBtn {padding: 0; padding-top: 30px; border-bottom: 0;} .step1 .memJoinBtn p {font-weight: 400;} .step3 .t_typel tbody td input {width: 100%;} /* Mobile Device */ @media all and (max-width:640px){ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, form, fieldset, p, button, address, table, tbody, tfoot, thead, th, tr, tdvideo, tt {word-break:break-all;} p {font-size: 1rem; line-height: 1.3rem;} .t_typel thead th{padding: 0.7rem 0.3rem;font-size:1rem;line-height:1.4rem} .t_typel tbody th{padding: 0.7rem 1.45rem;font-size:1rem;line-height:1.4rem} .t_typel tbody td{padding: 0.7rem 0.45rem;font-size:1rem;line-height:1.4rem} /* 추가 2019.03.07 */ .shopProduct>div p {float: none; width: 100%; text-align: center;} .shopProduct>div ul {float: none; width: 100%; margin-top:20px;} .myHome p span {width:100%;} .myHome p input[type="text"] {width: 65%;} .myCredit .t_typel tbody th, .myCredit .t_typel tbody td {padding:1px 5px;} .t_typel tbody td select {padding:2px; font-size:1.1rem;} .t_typel tbody td button { font-size:1.1em; line-height:30px; margin-bottom:1px; margin-top:1px;} #subContainer {padding-top: 19px;} .contents.bbs_con img {height:auto !important;} .newPopup .pop_logo{padding:15px 20px;width:150px} .newPopup .btnPopClose{top:15px;right:15px;width:30px;height:30px;background-size:80%} .newPopup .popCon .applicationForm{padding:20px;} .newPopup .popCon .applicationForm > ul{margin:0 -5px} .newPopup .popCon .applicationForm > ul > li{margin-bottom:5px;padding:0 5px;} .newPopup .popCon .applicationForm > ul > li .name{margin-bottom:2px;font-size:14px;} .newPopup .popCon .applicationForm > ul > li .txt{padding:8px 5px;} .newPopup .btnList .btn{margin:0 5px} .newPopup .btnList .btn a{width:110px;line-height:35px;} .loginCon .loginLogo img {width: 30%;} .loginCon .ptabCon {padding: 2.5rem 2rem;} .loginCon .tab li {margin: 0 0.1rem; width: 26%;} .idSearchCon2 .tit{padding:1.154rem 1.538rem;} .idSearchCon2 .tit h2{margin:0 0.7692rem 0.3846rem 0;font-size:1.538rem;} .idSearchCon2 .tit p{font-size:0.9615rem;} .idSearchCon2 .con{padding:1.538rem} .idSearchCon2 .con .certLink{margin-bottom:1.346rem} /* .idSearchCon2 .con .certLink li{float:none;margin-bottom:0.7692rem;padding:0;width:100%;} */ .idSearchCon2 .con .certLink li a {width: auto;} /* .idSearchCon2 .con .certLink li a span{display:inline-block;padding:0 0 0 3.654rem;height:auto;font-size:1.346rem;line-height:5.385rem;background-position:center left;background-size:2.5rem} */ .idSearchCon2 .con .txt{font-size:0.9615rem} .idSearchCon2 .con .etcCon{margin-top:1.731rem;padding-top:1.231rem;} .idSearchCon2 .con .etcCon .btn a{width:8.846rem;line-height:2.692rem;} .layPop .btnPopClose2 {font-size: 1rem;height:2.08rem} .layPop .idSearchCon2 .btnPopClose2 {margin-top: 2rem; width: 100%;} }