@_Tabletcharset "utf-8"; /*================================================================================================= // 명 칭 :서브화면 스타일쉬트 - 1200px 이상 // 처리내용 : // 작 성 자 :2018-11-07 김진후 //=================================================================================================*/ #diHeader{position:absolute; top:0px; left:0px; width:100%;} .dcAllMenuWrap #diBtnAllMenu .Navibar{background-color:#fff;} .dcAllMenuWrap #diBtnAllMenu .Navibar:before{background-color:#fff;} .dcAllMenuWrap #diBtnAllMenu .Navibar:after{background-color:#fff;} .dcAllMenuWrap.onBg #diBtnAllMenu .Navibar{background-color:#000;} .dcAllMenuWrap.onBg #diBtnAllMenu .Navibar:before{background-color:#000;} .dcAllMenuWrap.onBg #diBtnAllMenu .Navibar:after{background-color:#000;} .dcAllMenuWrap #diBtnAllMenu .trans{background-color:transparent;} .dcAllMenuWrap #diBtnAllMenu .trans:before{background-color:#000;} .dcAllMenuWrap #diBtnAllMenu .trans:after{background-color:#000;} #diContainer{} #diContents{position:relative; width:100%; margin:0 auto; } #diCon{padding:0 0 200px 0;} #diCon #bbsWrap{width:1400px;} h3.h3SubTitle{position:relative; text-align:center; font-size:48px; line-height:55px; font-weight:700; color:#333; padding:100px 0 50px 0; margin:0 0 100px 0;} h3.h3SubTitle:after{content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-1px; width:2px; height:50px; background-color:#666;} .basicWrapCenter{width:90%; margin:0 auto;} #diHeader .dcHDTopWrap > div{border-bottom:0;} .dcHDTopWrap h1#diLogo a{background:url(../img/common/logo_hover.png) no-repeat 50% 50%; background-size: 100%;} nav.dcTopMenuWrap ol > li > a{color:#fff;} nav.dcTopMenuWrap ol > li.selected > a{color:#fff !important; font-weight:600 !important;} .dcSubContentWrap{text-align:center; padding:0;} .dcSubContentWrap p img{} .pagingBox{text-align:center;} .pagingBox .innerDiv{display:inline-block; font-size:0;} .pagingBox a, .pagingBox span{float:left; display:block; text-align:Center; font-size:16px; font-weight:300; width:30px; height:30px; line-height:30px; color:#c8c8c8; margin:0 2px;} .pagingBox a:hover{border:solid 1px #ddd;} .pagingBox span.select{color:#6f6259; border:solid 1px #6f6259; font-weight:600;} .pagingBox a.first{border:solid 1px #ddd; background:url(../img/common/paging_first.png) no-repeat 50% 50%; text-indent:-9999px;} .pagingBox a.prev{border:solid 1px #ddd; background:url(../img/common/paging_prev.png) no-repeat 50% 50%; text-indent:-9999px;} .pagingBox a.next{border:solid 1px #ddd; background:url(../img/common/paging_next.png) no-repeat 50% 50%; text-indent:-9999px;} .pagingBox a.last{border:solid 1px #ddd; background:url(../img/common/paging_last.png) no-repeat 50% 50%; text-indent:-9999px;} .dcBtnWrap{text-align:center;} .dcBtnWrap .innerDiV{display:inline-block;} .dcBtnWrap .innerDiV a, .dcBtnWrap .innerDiV button{margin:0 5px;} .dcSubConTitle{margin:0 0 100px 0;} .dcSubConTitle > h3{text-align:center; font-size:48px; color:#222; line-height:53px; font-weight:600; margin:0 0 30px 0;} .dcSubConTitle > p{text-align:center; font-size:20px; color:#666; line-height:25px; font-weight:300;} .tabDiv{font-size:0; text-align:center; margin:0 0 50px 0;} .tabDiv a{display:inline-block; width:300px; height:50px; text-align:center; font-size:22px; color:#1E79AE; line-height:48px; font-weight:300; background-color:#fff; border:solid 1px #1E79AE; border-radius:10px; margin:0 10px;} .tabDiv a.on{color:#fff; font-weight:600; background-color:#1E79AE; border:solid 1px #1E79AE;} .divTable{display:table; width:100%;} .divTableRow{display:table-row;} .divTableHeading{display:table-header-group;} .divTableCell, .divTableHead{display:table-cell; vertical-align:middle; padding:20px 10px; font-size:20px; line-height:30px; color:#333; font-weight:300;} .divTableCell.thcell{background-color:#fafafa; text-align:center; font-weight:600;} .divTableFoot{display:table-footer-group;} .divTableBody{display:table-row-group;} #INQUIRE{padding:200px 0;} #INQUIRE .inner{} #INQUIRE .section01{margin:0 0 50px 0;} #INQUIRE .section01 .box{border:solid 1px #ddd; padding:2%; margin:0 0 10px 0; height:300px; overflow-y:scroll; background-color:#fff;} #INQUIRE .section01 .box > div{margin:0 0 20px 0;} #INQUIRE .section01 .box > div:last-child{margin:0;} #INQUIRE .section01 .box h3{font-size:23px; color:#333; line-height:28px; font-weight:600; margin:0 0 20px 0;} #INQUIRE .section01 .box p{font-size:18px; color:#333; line-height:23px; font-weight:300; margin:0 0 10px 0;} #INQUIRE .section01 .box ul{} #INQUIRE .section01 .box ul li{position:relative; font-size:16px; color:#333; line-height:21px; font-weight:300; padding:0 0 0 15px;} #INQUIRE .section01 .box ul li:before{content:''; display:block; position:absolute; top:11px; left:3px; width:5px; height:1px; background-color:#666;} #INQUIRE .section01 .agreeChk{} #INQUIRE .section01 .agreeChk input{width:20px; height:20px; margin:0 5px 5px 0;} #INQUIRE .section01 .agreeChk label{font-size:18px; color:#333; line-height:23px; font-weight:300;} #INQUIRE .section02{margin:0 0 50px 0; border-top:solid 2px #000;} #INQUIRE .section02 .divTable{border-bottom:solid 1px #333;} #INQUIRE .section02 .thcell{width:20%; font-size:18px; color:#333; line-height:23px; font-weight:600; padding:20px 10px;} #INQUIRE .section02 .tdcell{width:80%;} #INQUIRE .section02 .divTableCell{border-bottom:solid 1px #ddd;} #INQUIRE .section02 .divTableCell input{border:solid 1px #ccc; padding:10px; font-size:18px; color:#333; line-height:23px; font-weight:300;} #INQUIRE .section02 .divTableCell input[type="radio"]{width:20px; height:20px; margin:0 3px 4px 0;} #INQUIRE .section02 .divTableCell label{float:left; margin:0 5% 0 0; font-size:18px; color:#333; line-height:23px; font-weight:300;} #INQUIRE .section02 .divTableCell textarea{border:solid 1px #ccc; padding:10px; font-size:18px; color:#333; line-height:23px; font-weight:300; height:200px;} #INQUIRE .section02 .divTableCell span.btnSearchCom{border:solid 1px #333; background-color:#333; padding:0 10px; font-size:16px; color:#fff; line-height:23px; font-weight:300; margin:0 0 0 20px; cursor:pointer;} #INQUIRE .section02 .divTableCell p{float:left; font-size:18px; color:#333; line-height:23px; font-weight:300;} #INQUIRE .section02 .divTableCell p.pc_company_nm_wrap{font-weight:600; color:#ff0000;} #FAQ{padding:200px 0;} #FAQ ul.faq_tab{text-align:center; font-size:0; margin:0 0 30px 0;} #FAQ ul.faq_tab li{display:inline-block; border:solid 1px #ddd; background-color:#fff; padding:0 20px; margin:0 5px;} #FAQ ul.faq_tab li a{text-align:center; font-size:18px; line-height:40px; font-weight:400; color:#999; } #FAQ ul.faq_tab li:hover, #FAQ ul.faq_tab li.active{border:solid 1px #1F79AE; background-color:#1F79AE;} #FAQ ul.faq_tab li:hover a, #FAQ ul.faq_tab li.active a{font-weight:700; color:#fff;} #FAQ ul.accordion{border-top:solid 2px #333;} #FAQ ul.accordion li.accordion__section{} #FAQ ul.accordion li.accordion__section .accordion__titlebox{padding:10px 2%; border-bottom:solid 1px #ddd; background: url(../img/sub/faqArrow.png) 98% 50% no-repeat; cursor:pointer;} #FAQ ul.accordion li.accordion__section .accordion__titlebox h3{overflow:hidden; } #FAQ ul.accordion li.accordion__section .accordion__titlebox h3 span.faq_type_mo{float:left; font-size:18px; line-height:30px; font-weight:400; color:#1F79AE; margin:0 10px 0 0;} #FAQ ul.accordion li.accordion__section .accordion__titlebox h3 p{float:left; font-size:18px; line-height:30px; font-weight:400; color:#333;} #FAQ ul.accordion li.accordion__section .accordion__titlebox.accordion__titlebox_active{background: url(../img/sub/faqArrow_up.png) 98% 50% no-repeat; } #FAQ ul.accordion li.accordion__section .accordion__titlebox.accordion__titlebox_active h3 p{font-weight:600;} #FAQ ul.accordion li.accordion__section .accordion__content{display:none; background-color:#fafafa; padding:20px 5%; border-bottom:solid 1px #aaa;} #FAQ ul.accordion li.accordion__section .accordion__content .answer{} #FAQ ul.accordion li.accordion__section .accordion__content .answer p{font-size:18px; line-height:30px; font-weight:400; color:#333;} #diCLAUSE_PRIVATE, #diEMAIL_WRAP, #diCLAUSE_AGREE{width:1400px; margin:0 auto;} p.commingsoon{width:70%; max-width:436px; margin:0 auto; padding:20px 0; text-align:center;} p.commingsoon img{width:100%;} p.scrollTxt{display:none;} .overhidden{overflow:hidden;} #diTopGOWrap{display:none; position:fixed; bottom:40px; right:5%;z-index:999;} #diTopGOWrap button.dcBtnTop{width:60px; height:60px; background:url(../img/common/btnTop.png) 50% 50% no-repeat #008A3E; text-indent:-99999px; border-radius:50%;} #ALUMNI_REG{} #ALUMNI_REG .innerDiv{width:1000px; margin:0 auto;} #ALUMNI_REG .section01{margin:0 0 50px 0;} #ALUMNI_REG .section01 .box{border:solid 1px #ddd; padding:2%; margin:0 0 10px 0; height:300px; overflow-y:scroll; background-color:#fff;} #ALUMNI_REG .section01 .box > div{margin:0 0 20px 0;} #ALUMNI_REG .section01 .box > div:last-child{margin:0;} #ALUMNI_REG .section01 .box h3{font-size:26px; color:#333; line-height:30px; font-weight:800; margin:0 0 20px 0;} #ALUMNI_REG .section01 .box p{font-size:22px; color:#333; line-height:27px; font-weight:600; margin:0 0 5px 0;} #ALUMNI_REG .section01 .box ul{} #ALUMNI_REG .section01 .box ul li{position:relative; font-size:20px; color:#333; line-height:25px; font-weight:300; padding:0 0 0 15px; margin:0 0 5px 0;} #ALUMNI_REG .section01 .box ul li:last-child{margin:0;} #ALUMNI_REG .section01 .box ul li:before{content:''; display:block; position:absolute; top:11px; left:3px; width:5px; height:1px; background-color:#666;} #ALUMNI_REG .section01 .agreeChk{} #ALUMNI_REG .section01 .agreeChk input{width:20px; height:20px; margin:0 5px 5px 0;} #ALUMNI_REG .section01 .agreeChk label{font-size:20px; color:#333; line-height:25px; font-weight:300;} #ALUMNI_REG .section02{border-top:solid 2px #000;} #ALUMNI_REG .section02 .divTable{border-bottom:solid 1px #333; margin:0 0 50px 0; } #ALUMNI_REG .section02 .thcell{width:30%; font-size:20px; color:#333; line-height:25px; font-weight:600; padding:20px 10px;} #ALUMNI_REG .section02 .tdcell{width:70%;} #ALUMNI_REG .section02 .divTableCell{border-bottom:solid 1px #ddd;} #ALUMNI_REG .section02 .divTableCell input{width:49%; border:solid 1px #ccc; text-align:center; padding:10px; font-size:20px; color:#333; line-height:25px; font-weight:300;} #ALUMNI_REG .section02 .divTableCell input[type="radio"]{width:20px; height:20px; margin:0 3px 4px 0;} #ALUMNI_REG .section02 .divTableCell input::placeholder{font-size:18px; color:#555; font-weight:300;} #ALUMNI_REG .section02 .divTableCell span{margin:0 0 0 10px;} #ALUMNI_REG .section02 .divTableCell label{float:left; margin:0 5% 0 0; font-size:20px; color:#333; line-height:25px; font-weight:300;} #ALUMNI_REG .section02 .divTableCell textarea{border:solid 1px #ccc; padding:10px; font-size:20px; color:#333; line-height:25px; font-weight:300; height:200px;} #ALUMNI_REG .section02 .divTableCell span.btnSearchCom{border:solid 1px #333; background-color:#333; padding:0 10px; font-size:16px; color:#fff; line-height:23px; font-weight:300; margin:0 0 0 20px; cursor:pointer;} #ALUMNI_REG .section02 .divTableCell p{float:left; font-size:20px; color:#333; line-height:25px; font-weight:300;} #ALUMNI_REG .section02 .divTableCell p.pc_company_nm_wrap{font-weight:600; color:#ff0000;} #ALUMNI_REG .section02 .divTableCell select{float:left; width:calc(99%/2); margin:0 1% 0 0; border:solid 1px #ccc; padding:10px; font-size:20px; color:#333; line-height:25px; font-weight:300;} #ALUMNI_REG .section02 .divTableCell select:last-child{margin:0;} #ALUMNI_REG .section02 .divTableCell select.selectOdd{width:calc(98%/3);} #ALUMNI_CONTACT{} #ALUMNI_CONTACT .innerDiv{width:1400px; margin:0 auto;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth01{width:5%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth02{width:10%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth03{width:10%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth04{width:25%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth05{width:auto;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth06{width:14%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth07{width:14%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable td span.new{color:red;} #ALUMNI_CONTACT .innerDiv .dcBasicTable td span.no{color:blue;} #ALUMNI_CONTACT .innerDiv .etcTop{padding:2%; margin:0 0 20px 0; background-color:#f1f1f1;} #ALUMNI_CONTACT .innerDiv .etcTop p.etcPtxt{position:relative; text-align:center; font-size:22px; line-height:27px; color:#333; font-weight:500; margin:20px 0 ; padding:0 0 0 15px;} #ALUMNI_CONTACT .innerDiv .etcTop .dcBtnWrap a{line-height:40px;} #SUB1010{} #SUB1010 .innerDiv{width:1400px; margin:0 auto;} #SUB1010 .greetingTop{height:350px; background:url(../img/sub/img1010_01.png) 50% 50% no-repeat; margin:0 0 50px 0; padding: 143px 0 0 5%;} #SUB1010 .greetingTop p{font-size:26px; line-height:31px; font-weight:700; color:#fff;} #SUB1010 .greetingTop p span{font-size:35px; line-height:45px; font-weight:700;} #SUB1010 .greeting{} #SUB1010 .greeting p{text-align:center; font-size:22px; line-height:40px; font-weight:300; color:#000; word-break: keep-all;} #SUB1010 .greeting p span{font-family: 'Noto Sans SC', sans-serif; font-weight:400;} #SUB1010 .greeting p b{font-weight:700;} #SUB1020{} #SUB1020 .innerDiv{width:1400px; margin:0 auto;} #SUB1020 .ruleBox{margin:0 0 70px 0;} #SUB1020 .ruleBox:last-child{margin:0;} #SUB1020 .ruleBox h3{font-size:30px; line-height:35px; font-weight:800; color:#000; margin:0 0 20px 0;} #SUB1020 .ruleBox .ruleDiv{margin:0 0 50px 0; padding:0 0 0 30px;} #SUB1020 .ruleBox .ruleDiv:last-child{margin:0;} #SUB1020 .ruleBox .ruleDiv h4{font-size:24px; line-height:30px; font-weight:400; color:#000; margin:0 0 10px 0; word-break: keep-all;} #SUB1020 .ruleBox .ruleDiv h4 span{font-weight:700; margin:0 10px 0 0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01{padding:0 0 0 30px; margin:0 0 10px 0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li{position:relative; font-size:22px; line-height:27px; font-weight:200; color:#000; margin:0 0 10px 0; padding:0 0 0 20px; word-break: keep-all;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li:last-child{margin:0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li:before{display:block; position:absolute; top:0px; left:0; font-size:22px; font-weight:200; color:#000;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li01:before{content:'1.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li02:before{content:'2.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li03:before{content:'3.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li04:before{content:'4.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li05:before{content:'5.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li06:before{content:'6.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li07:before{content:'7.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li08:before{content:'8.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li09:before{content:'9.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li.li10:before{content:'10.';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02{padding: 10px 0 0 0; margin: 0 0 15px 0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li{position:relative; font-size:20px; line-height:25px; font-weight:200; color:#000; margin:0 0 5px 0; padding:0 0 0 20px; word-break: keep-all;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li:last-child{margin:0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li:before{display:block; position:absolute; top:0px; left:0; font-size:20px; font-weight:200; color:#000;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li01:before{content:'①';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li02:before{content:'②';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li03:before{content:'③';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li04:before{content:'④';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li05:before{content:'⑤';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li06:before{content:'⑥';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li07:before{content:'⑦';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li08:before{content:'⑧';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li09:before{content:'⑨';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li.li10:before{content:'⑩';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv{padding: 10px 0 0 0; margin: 0 0 15px 0; overflow:hidden;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl{position:relative; font-size:20px; line-height:25px; font-weight:200; color:#000; margin:0 0 5px 0; padding:0 8% 0 20px; word-break: keep-all; overflow:hidden; float:left; width:calc(100%/3);} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl:last-child{margin:0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl:before{display:block; position:absolute; top:0px; left:0; font-size:20px; font-weight:200; color:#000;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl01:before{content:'①';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl02:before{content:'②';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl03:before{content:'③';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl04:before{content:'④';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl05:before{content:'⑤';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl06:before{content:'⑥';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl07:before{content:'⑦';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl08:before{content:'⑧';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl09:before{content:'⑨';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl.dl10:before{content:'⑩';} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl > dt{float:left; width:50%; font-size:20px; line-height:25px; font-weight:200; color:#000;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl > dd{float:left; width:50%; font-size:20px; line-height:25px; font-weight:200; color:#000; text-align:right;} #SUB1030{} #SUB1030 .innerDiv{width:1400px; margin:0 auto;} #SUB1030 .tabs{margin:0 0 100px 0; overflow:hidden;} #SUB1030 .tabs li{float:left; width:calc(100%/6); text-align:center; font-size:20px; line-height:50px; color:#333; font-weight:300; background-color:#ddd; border-left:0; cursor:pointer;} #SUB1030 .tabs li.active{background-color:#008A3E; color:#fff; font-weight:700;} #SUB1030 .tab_container{} #SUB1030 .tab_container .tab_content{} #SUB1030 .tab_container .tab_content .historyList{padding:0 5%;} #SUB1030 .tab_container .tab_content .historyList > ul{} #SUB1030 .tab_container .tab_content .historyList > ul > li{margin:0 0 50px 0; padding:0 0 50px 0; overflow:hidden; border-bottom:solid 1px #ddd;} #SUB1030 .tab_container .tab_content .historyList > ul > li:last-child{margin:0;} #SUB1030 .tab_container .tab_content .historyList > ul > li > p.years{float:left; width:20%; font-size:40px; line-height:45px; color:#008A3E; font-weight:300; font-family: 'Jeju Myeongjo', serif;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList{float:left; width:80%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl{overflow:hidden; margin:0 0 20px 0;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl:last-child{margin:0;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dt{float:left; width:20%; font-size:20px; line-height:25px; color:#333; font-weight:600; } #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd{float:left; width:80%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul{} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li{position:relative; font-size:20px; line-height:25px; color:#333; font-weight:300; margin:0 0 5px 0; padding:0 0 0 15px;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li:last-chlid{margin:0;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li:before{content:'-'; display:block; position:absolute; top:0px; left:0px; font-size:20px; line-height:25px; color:#333; font-weight:300;} #SUB1040{} #SUB1040 .innerDiv{width:1400px; margin:0 auto;} #SUB1040 .innerDiv .dcBasicTable col.colWidth01{width:15%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth02{width:25%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth03{width:15%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth04{width:45%;} #SUB1040 .innerDiv .dcBasicTable tbody tr td.note{text-align:left; white-space:unset;} #SUB1050{} #SUB1050 .innerDiv{width:1400px; margin:0 auto;} #SUB1050 .innerDiv .dcBasicTable col.colWidth01{width:10%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth02{width:15%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth03{width:10%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth04{width:10%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth05{width:35%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth06{width:20%;} #SUB1060{} #SUB1060 .innerDiv{width:1400px; margin:0 auto;} #SUB1060 .innerDiv .dcBasicTable col.colWidth01{width:30%;} #SUB1060 .innerDiv .dcBasicTable col.colWidth02{width:auto;} #SUB5010{} #SUB5010 .innerDiv{width:1400px; margin:0 auto;} #SUB5010 .innerDiv .dcBasicTable{} #SUB5010 .innerDiv .dcBasicTable col.colWidth01{width:20%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth02{width:20%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth03{width:20%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth04{width:40%;} #SUB5010 .innerDiv .etc{padding:5%; background-color:#f1f1f1; border-bottom:solid 1px #000;} #SUB5010 .innerDiv .etc p{position:relative; font-size:20px; line-height:25px; color:#333; font-weight:500; margin:0 0 5px 0; padding:0 0 0 15px;} #SUB5010 .innerDiv .etc p:last-chlid{margin:0;} #SUB5010 .innerDiv .etc p:before{content:'※'; display:block; position:absolute; top:0px; left:0px; font-size:20px; line-height:25px; color:#333; font-weight:300;} .clubHeader{margin:0 0 50px 0;} .clubHeader .inner{position:relative; width:1400px; height:300px; margin:0 auto;} .clubHeader .inner.golf{background: url(../img/sub/club_golf_top.jpg) 50% 50% no-repeat; background-size:cover; padding: 0 0 0 4%;} .clubHeader .inner.mountains{background: url(../img/sub/club_mountains_top.jpg) 50% 50% no-repeat; background-size:cover; padding: 0 0 0 37%;} .clubHeader .inner.culture{background: url(../img/sub/club_culture_top.jpg) 50% 50% no-repeat; background-size:cover; padding: 0 0 0 4%;} .clubHeader .inner.woman{background: url(../img/sub/club_woman_top.jpg) 50% 50% no-repeat; background-size:cover; padding: 0 0 0 37%;} .clubHeader .inner.scholarship{background: url(../img/sub/scholarship_top.jpg) 50% 50% no-repeat; background-size:cover; padding: 0 0 0 4%;} .clubHeader .textBox{position:absolute; top:50%; transform:translateY(-50%); background: rgba(255,255,255,0.7); padding:3%; border-radius: 20px; box-shadow: 10px 10px 10px rgb(0 0 0 / 50%);} .clubHeader .textBox h3.clubH3{font-size:30px; line-height:35px; color:#333; font-weight:700; margin:0 0 10px 0;} .clubHeader .textBox ul{padding:0 0 0 10px;} .clubHeader .textBox ul li{position:relative; font-size:20px; line-height:25px; color:#333; font-weight:500; margin:0 0 5px 0; padding:0 0 0 15px; white-space: pre-line;} .clubHeader .textBox ul li:before{content:'※'; display:block; position:absolute; top:0px; left:0px; font-size:20px; line-height:25px; color:#333; font-weight:300;} .clubHeader .textBox ul li:last-child{margin:0;} /*태블릿 css*/ @media(max-width:1399px){ #diCon{padding:0 3% 100px;} #diCon #bbsWrap{width:100%;} h3.h3SubTitle{font-size:35px; line-height:40px; padding:100px 0 30px 0; margin:0 0 100px 0;} h3.h3SubTitle:after{height:30px;} .tabDiv a{width:200px; height:40px; font-size:16px; line-height:38px;} .basicWrapCenter{width:100%;} .divTableCell, .divTableHead{font-size:18px; line-height:23px;} #INQUIRE{padding:100px 5%;} #FAQ{padding:100px 5%;} #diCLAUSE_PRIVATE, #diEMAIL_WRAP, #diCLAUSE_AGREE{width:100%;} p.commingsoon{width:50%; font-size:16px;} p.scrollTxt{display:block; font-size:20px; line-height:25px; font-weight:600; color:red; margin:0 0 10px 0;} .scrollDiv{overflow-x:scroll;} #diTopGOWrap{bottom:60px; right:5%; width:60px; height:60px;} #diTopGOWrap button.dcBtnTop{width:60px; height:60px; background-size:25px;} #ALUMNI_REG .innerDiv{width:100%;} #ALUMNI_REG .section01 .box h3{font-size:22px; line-height:27px;} #ALUMNI_REG .section01 .box p{font-size:18px; line-height:23px;} #ALUMNI_REG .section01 .box ul li{font-size:16px; line-height:21px;} #ALUMNI_REG .section01 .box ul li:before{top:10px; left:3px;} #ALUMNI_REG .section01 .agreeChk input{width:15px; height:15px;} #ALUMNI_REG .section01 .agreeChk label{font-size:18px; line-height:23px;} #ALUMNI_REG .section02 .thcell{width:20%; font-size:18px; line-height:23px; padding:10px;} #ALUMNI_REG .section02 .tdcell{width:80%;} #ALUMNI_REG .section02 .divTableCell input{font-size:18px; line-height:23px;} #ALUMNI_REG .section02 .divTableCell input[type="radio"]{width:15px; height:15px; margin:0 3px 2px 0;} #ALUMNI_REG .section02 .divTableCell input::placeholder{font-size:16px;} #ALUMNI_REG .section02 .divTableCell label{margin:0 5% 0 0; font-size:18px; line-height:23px;} #ALUMNI_REG .section02 .divTableCell textarea{font-size:18px; line-height:23px;} #ALUMNI_REG .section02 .divTableCell p{font-size:18px; line-height:23px;} #ALUMNI_REG .section02 .divTableCell select{font-size:18px; line-height:23px;} #ALUMNI_CONTACT .innerDiv{width:100%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth01{width:5%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth02{width:10%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth03{width:10%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth04{width:25%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth05{width:auto;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth06{width:15%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth07{width:15%;} #ALUMNI_CONTACT .innerDiv .scrollDiv .dcBasicTable{width:1400px;} #SUB1010 .innerDiv{width:100%;} #SUB1010 .greetingTop{height:350px; background:url(../img/sub/img1010_01.png) 50% 50% no-repeat; margin:0 0 50px 0; padding: 143px 2% 5%;} #SUB1010 .greetingTop p{text-align:center; font-size:24px; line-height:30px;} #SUB1010 .greeting p{font-size:20px; line-height:35px;} #SUB1020 .innerDiv{width:100%;} #SUB1020 .ruleBox h3{font-size:25px; line-height:30px;} #SUB1020 .ruleBox .ruleDiv h4{font-size:22px; line-height:27px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li{font-size:20px; line-height:25px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li:before{font-size:20px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li{font-size:18px; line-height:23px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li:before{font-size:18px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl{font-size:18px; line-height:23px; width:calc(100%/2);} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl:before{font-size:18px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl > dt{width:55%; font-size:18px; line-height:23px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl > dd{width:45%; font-size:18px; line-height:23px;} #SUB1030 .innerDiv{width:100%;} #SUB1030 .tab_container .tab_content .historyList{padding:0 2%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > p.years{width:25%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList{width:75%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dt{width:30%; font-size:18px; line-height:23px;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd{width:70%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li{font-size:18px; line-height:23px;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li:before{font-size:18px; line-height:23px;} #SUB1040 .innerDiv{width:100%;} #SUB1040 .innerDiv p.scrollTxt{display:none;} #SUB1040 .innerDiv .dcBasicTable col.colWidth01{width:20%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth02{width:30%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth03{width:15%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth04{width:35%;} #SUB1040 .innerDiv .dcBasicTable tbody tr td.note{text-align:center; white-space:pre-line;} #SUB1050 .innerDiv{width:100%;} #SUB1050 .innerDiv .scrollDiv .dcBasicTable{width:1400px;} #SUB1060 .innerDiv{width:100%;} #SUB5010 .innerDiv{width:100%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth01{width:10%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth02{width:15%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth03{width:20%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth04{width:55%;} #SUB5010 .innerDiv .etc{padding:3%;} #SUB5010 .innerDiv .etc p{font-size:18px; line-height:23px;} #SUB5010 .innerDiv .etc p:before{font-size:18px; line-height:23px;} .clubHeader .inner{width:100%; max-width:1400px; height:250px;} .clubHeader .inner.golf{background: url(../img/sub/club_golf_top.jpg) 100% 50% no-repeat; padding: 0;} .clubHeader .inner.mountains{background: url(../img/sub/club_mountains_top.jpg) 100% 50% no-repeat; padding: 0;} .clubHeader .inner.culture{background: url(../img/sub/club_culture_top.jpg) 50% 50% no-repeat; padding: 0;} .clubHeader .inner.woman{background: url(../img/sub/club_woman_top.jpg) 50% 50% no-repeat; padding: 0;} .clubHeader .inner.scholarship{background: url(../img/sub/scholarship_top.jpg) 50% 50% no-repeat; padding: 0;} .clubHeader .textBox{left:50%; transform:translate(-50%,-50%); padding:3%; width:90%;} .clubHeader .textBox h3.clubH3{font-size:20px; line-height:25px; margin:0 0 10px 0;} .clubHeader .textBox ul{padding:0 0 0 5px;} .clubHeader .textBox ul li{font-size:18px; line-height:23px; margin:0 0 5px 0; padding:0 0 0 15px;} .clubHeader .textBox ul li:before{font-size:18px; line-height:23px;} } /*모바일 css*/ @media(max-width:767px){ #diCon{padding:0 5% 100px;} #diCon #bbsWrap{width:100%;} h3.h3SubTitle{font-size:30px; line-height:35px; padding:70px 0 30px 0; margin:0 0 50px 0;} h3.h3SubTitle:after{height:30px;} .tabDiv a{width:45%; height:40px; font-size:14px; line-height:38px; margin:0 1%;} .basicWrapCenter{width:100%;} .divTableCell, .divTableHead{font-size:16px; line-height:21px;} #INQUIRE{padding:100px 5%;} #FAQ{padding:100px 5%;} #diCLAUSE_PRIVATE, #diEMAIL_WRAP, #diCLAUSE_AGREE{width:100%;} .loginWrap_m a{width:calc(100%/2);} p.commingsoon{width:70%; font-size:14px;} p.scrollTxt{font-size:16px; line-height:21px;} #diTopGOWrap{bottom:60px; right:5%; width:40px; height:40px;} #diTopGOWrap button.dcBtnTop{width:40px; height:40px; background-size:15px;} #ALUMNI_REG .section01 .box{padding:5%;} #ALUMNI_REG .section01 .box h3{font-size:20px; line-height:25px;} #ALUMNI_REG .section01 .box p{font-size:16px; line-height:21px;} #ALUMNI_REG .section01 .box ul li{font-size:14px; line-height:19px;} #ALUMNI_REG .section01 .box ul li:before{top:10px; left:3px;} #ALUMNI_REG .section01 .agreeChk input{width:12px; height:12px; margin: 0 5px 3px 0;} #ALUMNI_REG .section01 .agreeChk label{font-size:16px; line-height:21px;} #ALUMNI_REG .section02 .thcell{width:40%; font-size:16px; line-height:21px; padding:5px;} #ALUMNI_REG .section02 .tdcell{width:60%;} #ALUMNI_REG .section02 .divTableCell input{width:100%; font-size:16px; line-height:21px;} #ALUMNI_REG .section02 .divTableCell input[type="radio"]{width:12px; height:12px; margin:0 3px 2px 0;} #ALUMNI_REG .section02 .divTableCell input::placeholder{font-size:14px;} #ALUMNI_REG .section02 .divTableCell label{font-size:16px; line-height:21px;} #ALUMNI_REG .section02 .divTableCell textarea{font-size:16px; line-height:21px;} #ALUMNI_REG .section02 .divTableCell p{font-size:16px; line-height:21px;} #ALUMNI_REG .section02 .divTableCell select{width:100%; font-size:16px; line-height:21px;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth01{width:5%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth02{width:10%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth03{width:8%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth04{width:25%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth05{width:auto;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth06{width:15%;} #ALUMNI_CONTACT .innerDiv .dcBasicTable col.colWidth07{width:15%;} #ALUMNI_CONTACT .innerDiv .scrollDiv .dcBasicTable{width:1000px;} #SUB1010 .greetingTop{height:350px; background:url(../img/sub/img1010_01.png) 50% 50% no-repeat; margin:0 0 50px 0; padding:100px 2% 5%;} #SUB1010 .greetingTop p{font-size:20px; line-height:30px;} #SUB1010 .greetingTop p span{font-size:25px; line-height:35px;} #SUB1010 .greeting p{font-size:16px; line-height:25px;} #SUB1020 .ruleBox h3{font-size:20px; line-height:25px;} #SUB1020 .ruleBox .ruleDiv{margin:0 0 30px 0; padding:0 0 0 10px;} #SUB1020 .ruleBox .ruleDiv h4{font-size:18px; line-height:23px; word-break: break-all;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01{padding:0 0 0 10px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li{font-size:16px; line-height:21px; margin: 0 0 5px 0; word-break: break-all;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li:before{font-size:16px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02{margin: 0 0 10px 0;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li{font-size:14px; line-height:19px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > ul.ruleUL02 > li:before{font-size:14px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl{font-size:14px; line-height:19px; float:none; width:100%;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl:before{font-size:14px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl > dt{width:55%; font-size:14px; line-height:19px;} #SUB1020 .ruleBox .ruleDiv ul.ruleUL01 > li > .ruleLiDiv > dl > dd{width:45%; font-size:14px; line-height:19px;} #SUB1030 .tabs{margin:0 0 50px 0;} #SUB1030 .tabs li{width:calc(100%/3); font-size:16px; line-height:21px; padding:10px 0;} #SUB1030 .tab_container .tab_content .historyList{padding:0;} #SUB1030 .tab_container .tab_content .historyList > ul > li{margin:0 0 30px 0; padding:0 0 30px 0;} #SUB1030 .tab_container .tab_content .historyList > ul > li > p.years{float:none; width:100%; font-size:30px; line-height:35px; margin:0 0 10px 0;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList{float:none; width:100%;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dt{font-size:18px; line-height:22px;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li{font-size:16px; line-height:21px; padding:0 0 0 15px;} #SUB1030 .tab_container .tab_content .historyList > ul > li > .conList > dl > dd > ul > li:before{font-size:16px; line-height:21px;} #SUB1040 .innerDiv p.scrollTxt{display:block;} #SUB1040 .innerDiv .scrollDiv{overflow-x:scroll;} #SUB1040 .innerDiv .scrollDiv .dcBasicTable{width:600px;} #SUB1040 .innerDiv .dcBasicTable col.colWidth01{width:15%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth02{width:30%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth03{width:20%;} #SUB1040 .innerDiv .dcBasicTable col.colWidth04{width:35%;} #SUB1050 .innerDiv .scrollDiv .dcBasicTable{width:900px;} #SUB1050 .innerDiv .dcBasicTable col.colWidth01{width:15%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth02{width:15%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth03{width:15%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth04{width:10%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth05{width:25%;} #SUB1050 .innerDiv .dcBasicTable col.colWidth06{width:20%;} #SUB1060 .innerDiv{width:100%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth01{width:15%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth02{width:26%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth03{width:33%;} #SUB5010 .innerDiv .dcBasicTable col.colWidth04{width:26%;} #SUB5010 .innerDiv .etc{padding:5%;} #SUB5010 .innerDiv .etc p{font-size:16px; line-height:23px;} #SUB5010 .innerDiv .etc p:before{font-size:16px; line-height:23px;} .clubHeader{margin:0 0 20px 0;} .clubHeader .inner{max-width:100%; height:auto;} .clubHeader .inner.golf{background:none;} .clubHeader .inner.mountains{background:none;} .clubHeader .inner.culture{background:none;} .clubHeader .inner.woman{background:none;} .clubHeader .inner.scholarship{background:none;} .clubHeader .textBox{position:relative; top:unset; left:unset; transform:unset; background:#f1f1f1; padding:5%; border-radius: 0; box-shadow:unset; width:100%;} .clubHeader .textBox h3.clubH3{display:none;} .clubHeader .textBox ul{padding:0;} .clubHeader .textBox ul li{font-size:16px; line-height:21px; margin:0 0 5px 0; padding:0 0 0 15px; word-break: break-word;} .clubHeader .textBox ul li:before{font-size:16px; line-height:21px;} }