/* 버튼 */ a.btn{display: inline-block; text-align: center; height: 38px; line-height: 38px; width: 160px; font-size: 16px;} a.w-line-btn{border: 1px solid #fff; color: #fff;} a.plus-btn{display: inline-block; text-align: center; width: 30px; height: 30px;} a.w-plus-btn{background: url('/images/common/plus_btn_w.png') 0 0 no-repeat;} a.b-fill-btn{background: #525252; color: #fff; transition:0.3s ease-in-out; margin-top: 28px;} a.b-fill-btn:hover{background: #746661;} /* --------------------layout-------------------------- */ /* Left-menu */ #snb{float: left; width: 220px; padding-bottom: 60px; margin-left:350px;} #snb h2{font-size: 28px; color:#222; line-height: 1;} #snb .main-menu{margin-top: 40px;} #snb .main-menu li{width: 200px;} #snb .main-menu > li:first-child{border-top: 2px solid #888;} #snb .main-menu li a{display: block; width: 100%; text-indent: 20px; border-bottom: 1px solid #ddd; font-size: 16px;} #snb .main-menu > li.on{} #snb .main-menu > li.on > a{color: #F5A600; font-weight:300;} #snb .main-menu > li.one{border-bottom: 1px solid #4b5e6c;} #snb .main-menu > li:hover > a{color: #6c8aa0;} #snb .main-menu > li{} #snb .main-menu > li > a{padding: 15px 0; color: #333;} #snb .main-menu > li ul{display: none;} #snb .main-menu > li ul li{} #snb .main-menu > li ul li a{padding: 12px 0; background: #f9f9f9; text-indent: 20px; color:#888; font-size: 14px;} #snb .main-menu > li ul li.on{} #snb .main-menu > li ul li.on > a{color: #333;} /*교육과정*/ .cooking-img {width: 100%;} .cooking-img li {float: left;width: 222.75px;overflow: hidden;} .cooking-img li img {width: 100%; vertical-align: top; height: 145px;} .cf:after { content: ""; display: block; clear: both; } .choux-ad { margin-bottom: 0; border-right: 0; } .choux-ad>li:nth-child(1) { float: none; width: 100%; height: 40px; line-height: 40px; border-right: 0; border-left: 0; background: #b9ab92; } ul.gateau-ad>li { height: 156px; } .choux-ad>li:nth-child(1) { float: none; width: 100%; height: 40px; line-height: 40px; border-right: 0; border-left: 0; background: #b9ab92; } .choux-ad>li { border-right: 1px solid #dee1e7; } .cooking-special-recipe>li { float: left; width: 222.75px; } .sub-con .content .choux-ad>li h4 { margin: 0 0; font-size: 16px; font-weight: 200; color: #fff; text-align:center; } .cooking-special-recipe>li h4:after, .cooking-special-recipe>li h4:before { display: inline-block; content: ""; clear: both; width: 14px; height: 1px; margin: 6px 10px; background: #d2d2d3; } .choux-ad>li h4 { margin: 0 0; color: #fff; } .cooking-special-recipe>li h4 { margin: 20px 0; font-size: 16px; font-weight: 200; color: #444; } .choux-ad>li:nth-child(4n) { border-right: 1px solid #dee1e7; } .cooking-special-recipe>li:nth-child(even) span.num { background: #dee1e7; } .choux-ad>li:nth-child(5n) { border-right: 0; } .choux-ad>li:nth-child(6) { width: 100%; height: 2px; line-height: 2px; border-right: 0; border-left: 0; background: #b9ab92; } .choux-ad>li ul { padding: 20px 15px 0; } .cooking-special-recipe>li:nth-child(even) span.num { background: #dee1e7; } .cooking-special-recipe>li span.num { text-align:center; display: block; width: 100%; height: 40px; background: #e9ebf0; line-height: 40px; font-size: 14px; font-weight: 400; } .cooking-special-recipe>li ul li { margin-bottom: 5px; font-size: 14px; } ul.gateau-ad>li { height: 156px; } .choux-ad>li:nth-child(5n) { border-right: 0; } .choux-ad>li:nth-child(1) { float: none; width: 100%; height: 40px; line-height: 40px; border-right: 0; border-left: 0; background: #9faf63;} .cooking-img li img { width: 100%; vertical-align: top; height: 145px; } .cooking-img li img { width: 100%; vertical-align: top; height: 145px; } .cooking-special-recipe { margin-bottom: 75px; background: rgba(249, 249, 251, .5); border: 1px solid rgba(233, 235, 240, .5); border-top: 0; border-bottom: 1px solid #dee1e7; } .choux-ad { margin-bottom: 0; border-right: 0; } /* 타이틀바 */ #subContent .title-bar{width: 100%; position: relative; margin-bottom: 40px;} #subContent .title-bar h3{font-size: 22px; color:#333; margin:36px 0 36px 700px;} #subContent .title-bar .location{position: absolute; right: 521px; bottom: -6px;} #subContent .title-bar .location li{float: left;} #subContent .title-bar .location li:after{display: inline-block; content:""; width: 7px; height: 11px; margin: 0 6px; background: url('/images/common/location_arrow.png');} #subContent .title-bar .location li:first-child:after{margin-bottom: 4px;} #subContent .title-bar .location li:last-child:after{display: none;} #subContent .title-bar .location li a{color:#aaaaaa; font-size: 14px;} #subContent .title-bar .location li a img{} #subContent .title-bar .location li.on{} #subContent .title-bar .location li.on a{color:#555;} /*재발급신청*/ .con-body .text-type > ul.ico-box{margin-top: 20px;padding: 20px 0px 0px 10px; background: #f5f5f5; border: 1px solid #ddd;} .con-body .text-type > ul.ico-box > li{float: left; width: 23.5%; padding: 0 2% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 25px no-repeat;} .con-body .text-type > ul.ico-box-new > li{width: 31.3%; padding: 0 2% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 25px no-repeat;} .con-body .text-type > ul.ico-box > li:last-child{background: none; padding-right: 0 !important;} .con-body .text-type > ul.ico-box > li span{font-size: 14px; color: #888; text-align: center; padding: 10px 10px 15px; display: block; padding-top: 70px !important;} .con-body .text-type > ul.ico-box > li.step-01 span{background: url('/images/sub/license_ico01.png') 50% 0 no-repeat;} .con-body .text-type > ul.ico-box > li.step-02 span{background: url('/images/sub/license_ico02.png') 50% 0 no-repeat;} .con-body .text-type > ul.ico-box > li.step-03 span{background: url('/images/sub/license_ico03.png') 50% 0 no-repeat;} .con-body .text-type > ul.ico-box > li.step-04 span{background: url('/images/sub/license_ico04.png') 50% 0 no-repeat;} /*재발급신청*/ .con-body .text-type > ul.ico-box{padding: 20px 0px 0px 0px;} .con-body .text-type > ul.ico-box > li{width: 21%; padding: 0 5% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 15px no-repeat; background-size:15px;} .con-body .text-type > ul.ico-box-new > li{width: 30%; padding: 0 5% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 15px no-repeat; background-size:15px;} .con-body .text-type > ul.ico-box > li span{/*background-size:40px !important; */ padding: 10px 0; padding-top: 50px !important; font-size: 12px;} .con-body .text-type > ul.ico-box-new > li{background: url(../images/content/system_arrow.png) 100% 10px no-repeat;} /*재발급신청*/ .con-body .text-type > ul.ico-box{margin-top: 20px;margin-bottom: 20px;padding: 20px 0px 0px 10px; background: #f5f5f5; border: 1px solid #ddd;} .con-body .text-type > ul.ico-box > li{float: left; width: 23.5%; padding: 0 2% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 25px no-repeat;} .con-body .text-type > ul.ico-box-new > li{width: 31.3%; padding: 0 2% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 25px no-repeat;} .con-body .text-type > ul.ico-box > li:last-child{background: none; padding-right: 0 !important;} .con-body .text-type > ul.ico-box > li span{font-size: 14px; color: #888; text-align: center; padding: 10px 10px 15px; display: block; padding-top: 70px !important;} .con-body .text-type > ul.ico-box > li.step-01 span{background: url('/images/content/license_ico01.png') 50% 0 no-repeat;} .con-body .text-type > ul.ico-box > li.step-02 span{background: url('/images/content/license_ico02.png') 50% 0 no-repeat;} .con-body .text-type > ul.ico-box > li.step-03 span{background: url('/images/content/license_ico03.png') 50% 0 no-repeat;} .con-body .text-type > ul.ico-box > li.step-04 span{background: url('/images/content/license_ico04.png') 50% 0 no-repeat;} /*시험접수신청*/ .con-body #acceptForm table.profile-table{border-bottom: 0;} .con-body #acceptForm table.profile-table td .td-in-ul{margin-left: -20px;border: 0; padding: 0; width: 120%; height: auto;} .con-body #acceptForm table.profile-table td .td-in-ul li{font-weight:700;text-indent: 10px; width:326px; padding: 20px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0;display:inline-block;} .con-body #acceptForm table.profile-table td .td-in-ul .title-li{width: 100px; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 10px;font-weight: 700; color: #888; border-bottom: 1px solid #ddd;} .con-body #acceptForm table.profile-table td .td-in-ul .title-li:nth-of-type(3){width: 100px; border-left: 1px solid #ddd;display:inline-block;} .con-body #acceptForm table.profile-table td .td-in-ul li:nth-of-type(4){width:365px;} .con-body #acceptForm table.profile-table td .td-in-ul:nth-of-type(n+3) li:nth-of-type(2){width:800px;} .con-body .inner-675 .note-box ul li {font-size: 14px; margin-bottom: 10px;color: #999;} /*시험접수신청 로그인시*/ .con-body #infoLicense{} .con-body #infoLicense h5{font-size: 16px; color: #4b5e6c; margin-top: 30px; margin-left: 10px; padding: 0 3px 3px; border-bottom: 1px solid #4b5e6c; display: inline-block;} .con-body #infoLicense h5.noline{border: 0;} .con-body #infoLicense p{font-size: 14px; color: #666; margin-left: 10px; margin-top: 10px; line-height: 1.8;} .con-body #infoLicense p .note{font-size: 12px; color: #aaa; font-weight: 200; display: block; margin-bottom: 15px;} .con-body #infoLicense .terms ul{margin-top: 10px;} .con-body #infoLicense .terms ul li{font-size: 14px; background: url('/images/common/dot.png') 10px 50% no-repeat; padding-left: 20px;} .con-body #infoLicense .price{} .con-body #infoLicense .price table:last-child{margin-top: 30px;} .con-body #infoLicense .price table:nth-of-type(1) tbody tr:nth-of-type(4) td{text-align:left; padding-left: 15px; } .con-body #infoLicense .price table{margin: 10px auto; width: 655px;border-top: 1px solid #ddd;} .con-body #infoLicense .price table tr{} .con-body #infoLicense .price table tr th{font-size: 14px; font-weight: 200; text-align: center; border-bottom: 1px solid #dcdcdc; height: 30px; line-height: 30px;} .con-body #infoLicense .price table tr th{background: #f5f5f5; color: #888;} .con-body #infoLicense .price table tr th:nth-child(2){border-left: 1px solid #dcdcdc;} .con-body #infoLicense .price table tr th.title{background: #aaa; color: #fff; text-align: center; height: 30px; line-height: 30px; font-size: 16px; font-weight: 200; border-bottom: 0;} .con-body #infoLicense .price table tr th.bigtitle{background: #4b5e6c; color: #fff; text-align: left; text-indent:10px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 200; border-bottom: 0;} .con-body #infoLicense .price table tr td{padding: 10px; padding-left: 20px; font-size: 14px; font-weight: 200; text-align: left; border-bottom: 1px solid #dcdcdc; line-height: 1.6; color: #888;} .con-body #infoLicense .price table tr td.point{color: #4b5e6c;} .con-body #infoLicense .price table tr td h4{color: #666;} .con-body #infoLicense .price table tr td:nth-child(2){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .con-body #infoLicense .price table tr td:nth-child(3){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .con-body #infoLicense .price table tr th:nth-child(2){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .con-body #infoLicense .price table tr th:nth-child(3){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .con-body #infoLicense .price table tr td:nth-of-type(2) ul li{text-align: center;} .con-body #infoLicense .price table tr td ul li:last-child{border-bottom: 0;} .con-body #regulation{} .con-body #regulation > ul{} .con-body #regulation > ul > li{margin-bottom: 30px;} .con-body #regulation > ul > li h5{font-size: 18px; padding-left: 40px; background:url('/images/common/note_ico_w.png') 10px 50% no-repeat, url('/images/sub/info_title_tag.png') 0 100% no-repeat; border: 0; color: #fff;} .con-body #regulation > ul > li h6{font-size: 18px; color: #4b5e6c; margin-left: 10px;} .con-body #regulation > ul > li > p{margin-top: 10px; margin-left: 10px;} .con-body #regulation > ul > li table{margin: 10px auto; width: 655px; border-top: 1px solid #ddd;} .con-body #regulation > ul > li table tr th.bigtitle{background: #888; color: #fff; text-align: center; height: 30px; line-height: 30px; font-size: 16px; font-weight: 200; border-bottom: 0; padding: 0;} .con-body #regulation > ul > li table tr th{background: #f5f5f5; color: #888; font-size: 14px; font-weight: 200; text-align: center; border-bottom: 1px solid #dcdcdc; padding: 10px 0; border-left: 1px solid #dcdcdc;} .con-body #regulation > ul > li table tr td{border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; padding: 10px; font-size: 12px;} .con-body #regulation > ul > li table tr td ul{margin-top: -3px;} .con-body #regulation > ul > li table tr td ul li{padding: 3px 0; margin-bottom: 0;} .con-body #regulation > ul > li table tr td ul li strong{border-radius:5px; font-size: 15px; background: #eee; padding: 2px 5px; display: block; width: 60px; margin: auto; text-align: center; margin-bottom: 8px;} .con-body #regulation > ul > li > ul{padding: 30px 10px 30px 10px; margin-top: 0;} .con-body #regulation > ul > li > ul > li{font-size: 14px; color: #333; font-weight: 200; padding: 5px 0;} .con-body #regulation > ul > li > ul > li:first-child{padding-top: 0;} .con-body #regulation > ul > li > ul > li > ul > li{font-size: 14px; color: #888;} .con-body #regulation > ul > li > ul > li > p{margin-top: 10px; color: #888; font-size: 14px;} .con-body #regulation > ul > li > ul > li > p strong{display: block; color: #4b5e6c; margin-top: 20px;} .con-body #regulation > ul > li table tr th:first-child{border-left: 0;} .con-body #regulation > ul > li table tr td:last-child{border-right: 0;} .con-body #regulation > ul > li table tr td.tac{text-align: center;} .con-body #regulation > ul > li table tr td.tac li{margin-bottom: 20px;} .con-body #regulation > ul > li table tr td.tac li:last-child{margin-bottom: 0;} .con-body #acceptForm{padding: 20px 0px; width: 100%; border: 0;} .con-body #acceptForm h5{padding: 0 0 10px 0; text-align: left; text-indent: 10px; vertical-align: top; font-size: 16px; color: #333;font-weight:600;} .con-body #acceptForm table{margin-bottom: 30px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;} .con-body #acceptForm table th{width: 100px; text-align:left; font-size: 14px; font-weight: 200; background: #f5f5f5; color: #888; text-indent: 10px; height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .con-body #acceptForm table tr:last-child th{border-bottom: 0;} .con-body #acceptForm table tr:last-child td{border-bottom: 0;} .con-body #acceptForm table tr:last-child td span.note{display: block; margin-top: 10px; font-size: 14px; line-height: 1.4; color: #999; width: 450px; padding-bottom: 15px;} .con-body #acceptForm table td{width: 554px; font-size: 14px; font-weight: 200; color: #666; padding-left: 20px; border-bottom: 1px solid #dcdcdc;} .con-body #acceptForm table td input[type=radio]{margin-right: 5px;} .con-body #acceptForm table td input[type=text]{height: 32px; padding: 0 5px; border: 1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; color: #999; box-sizing: border-box; background: #fff; width: 240px; margin-top: 15px;} .con-body #acceptForm table td label{margin-right: 10px;} .con-body #acceptForm table td label.dpn-label{display: none;} .con-body #acceptForm.selec-section ul li label{margin-right: 10px;} .con-body #acceptForm.selec-section ul li{margin-right: 10px; margin-bottom: 0;} .con-body #acceptForm.selec-section a{font-size: 14px;} .con-body #acceptForm.selec-section a{font-size: 14px;} .con-body #acceptForm table.profile-table td.profile-img{padding: 20px 0; border-bottom: 1px solid #ddd; width: 188px;} .con-body #acceptForm table.profile-table td{width: 150px;} .con-body #acceptForm table.profile-table td.profile-img figure{width: 90%; margin: 0; border: 1px solid #ddd; box-sizing: border-box;} .con-body #acceptForm table.profile-table td.profile-img figure img{width: 100%;} .con-body #acceptForm .cart-flow{border: 1px solid #dcdcdc; background: #f5f5f5; width: 100%; padding: 0; height: auto !important; margin-bottom: 30px; margin-top: -15px; border-left: 0; border-right: 0;} .con-body #acceptForm .cart-flow li{width: 30%; float: left; padding: 5px 0 0; text-align: center; margin: 0 !important;} .con-body #acceptForm .cart-flow li:nth-of-type(2){width: 40%; background: url('/images/sublayout/flow_arrow.png') 0% 50% no-repeat,url('/images/sublayout/flow_arrow.png') 100% 50% no-repeat;} .con-body #acceptForm .cart-flow li em{color: #aaa; font-size: 28px; font-weight: 700; margin-right: 10px; font-family: 'Roboto',sans-serif;} .con-body #acceptForm .cart-flow li span{font-size: 18px; color: #aaa; position: relative; top: -3px;font-weight: 700;} .con-body #acceptForm .cart-flow li.on em{color: #413C39;} .con-body #acceptForm .cart-flow li.on span{color: #413C39;} .con-body #acceptForm .accept-agbox{width: 100%; font-size: 15px;} .con-body #acceptForm .accept-agbox em{font-size: 16px; color: #333; font-weight: 300;} .con-body #acceptForm .accept-agbox em span{color: #4b5e6c; font-weight: 300;} .con-body #acceptForm .accept-agbox .agree-box{float: right;} .con-body #acceptForm .accept-agbox .agree-box span{display: inline-block; padding-right: 20px; background: url('/images/sub/agree_box_arrow.png') no-repeat 90% 50%; font-size: 15px; cursor: pointer;} .con-body #acceptForm .accept-agbox .agree-box input{margin-right: 10px;} .con-body #acceptForm .accept-agbox .agree-box label{display: none;} .con-body #acceptForm .clause-txt{display: none; margin-top: 15px;} .con-body #acceptForm .clause-txt textarea{width: 100%; box-sizing: border-box; height: 180px;} #acceptAgree{padding: 25px 20px 20px; border: 1px solid #ddd; box-sizing: border-box;} p.acceptAgreetxt{text-align: right; font-size: 14px; font-weight: 200; color: #666; margin-top: 10px; margin-bottom: 10px;} .paymentok{clear: both; padding-top: 10px;} .paymentno{clear: both; padding-top: 10px;} .paymentok p{text-align: center; font-size: 22px; font-weight: 300; color: #666; padding:140px 0 20px; background: url('/images/sub/paymentok_icon.png') no-repeat 50% 0; } .paymentno p{text-align: center; font-size: 22px; font-weight: 300; color: #666; padding:140px 0 20px; background: url('/images/sub/paymentno_icon.png') no-repeat 50% 0; } .con-body-maintain #myPayment table.maintain-table-cont tr td:nth-child(1){} .con-body-maintain #myPayment table.maintain-table-cont tr td:nth-child(2){width: 170px;} .con-body-maintain #myPayment table.maintain-table-cont tr td:nth-child(3){width: 100px; line-height: 40px;} .con-body-maintain #myPayment table.maintain-table-cont tr td:nth-child(4){width: 150px;} .con-body-maintain #myPayment table.maintain-table-cont tr td:nth-child(5){width: 100px;} .con-body-maintain #myPayment table.maintain-table-cont tr td:nth-child(6){width: 100px;} .con-body-maintain #myPayment table.maintain-table-title tr td:nth-child(2){width: 170px;} .con-body-maintain #myPayment table.maintain-table-title tr td:nth-child(3){width: 100px;} .con-body-maintain #myPayment table.maintain-table-title tr td:nth-child(4){width: 150px;} .con-body-maintain #myPayment table.maintain-table-title tr td:nth-child(5){width: 100px;} .con-body-maintain #myPayment table.maintain-table-title tr td:nth-child(6){width: 100px;} .con-body-maintain #mpApplylist ul.maintain-table-cont li a{background: #bbb; color: #fff; display: inline-block; line-height: 2; padding: 2px 10px;} .con-body-maintain #mpApplylist ul.maintain-table-title li:nth-child(8){width: 75px !important;} .con-body-maintain #mpApplylist ul.maintain-table-title li:nth-child(4){width: 65px !important;} .con-body-maintain #mpApplylist ul.maintain-table-cont li:nth-child(4){width: 65px !important;} .con-body-maintain #mpApplylist ul.maintain-table-cont li:nth-child(8){width: 75px !important;} .con-body .schedule{border: 0;} .con-body .schedule .schedule-table{border-top: 1px solid #dcdcdc;} .schedule .schedule-table th{padding: 10px 0; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align: center; background: #4b5e6c; color: #fff; font-size: 16px; font-weight: 200;} .con-body .schedule .schedule-table td{padding: 20px 0; text-align: center; font-size: 14px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; font-weight: 200; color: #666;} .con-body .schedule .schedule-table th:first-child{border-left: 0;} .con-body .schedule .schedule-table td:first-child{border-left: 0;} .con-body .schedule .schedule-table td a{display: inline-block; width: 100px; height: 32px; margin-top: -5px; background: #bbb; text-align: center; color: #fff; line-height: 32px; position: relative; top: 5px;} .con-body .schedule .schedule-table td:last-child{color: #aaa;} .popupmap table{} .popupmap table th{height: 40px; line-height: 1.4; font-size: 14px; border-bottom: 1px solid #dcdcdc; font-weight: 300; background: #f5f5f5; padding: 5px 10px;} .popupmap table td{height: 40px; line-height: 1.4; font-size: 14px; border-bottom: 1px solid #dcdcdc; padding: 5px; padding-left: 20px; } .con-body .selec-section{padding: 0; border-bottom: 0;} .con-body .selec-section ul{padding: 0 10px ; border-bottom: 1px solid #ddd; width: 100%; height: 60px; line-height: 60px; box-sizing: border-box;} .con-body .selec-section ul a{margin-top: 8px;} .con-body .selec-section ul.choice-location li label span{color: #ff5656; font-size: 14px; font-weight: 200; position: relative; top: 3px; margin-left: 5px;} .con-body .selec-section ul li label{display: inline-block; min-width: 35px;} #supervisorForm.form-table{margin-top: 30px;} #supervisorForm.form-table table tbody tr th{} #supervisorForm.form-table table tbody tr td{} #supervisorForm.form-table table tbody tr td #address1{margin-bottom: 10px;} #supervisorForm.form-table table tbody tr td span{display: inline-block; background: none; margin-right: 5px; padding-left: 5px;} #supervisorForm.form-table table tbody tr td em{display: block; line-height: 1.5; font-size: 14px; color: #aaa; font-weight: 200; margin-top: 5px; font-weight: 200;} #supervisorForm.form-table table tbody tr td .w70{width: 70px;} #supervisorForm.form-table table tbody tr td .w240{width: 240px;} #supervisorForm.form-table table tbody tr td a.join-address-btn{display: inline-block; width: 100px; height: 32px; background: #bbb; text-align: center; color: #fff; line-height: 32px;} #supervisorForm.form-table table tbody tr td input[type=checkbox]{margin-right: 5px;} #supervisorForm.form-table table tbody tr td label{margin-right: 20px;} #educationForm.form-table{margin-top: 30px;} #educationForm.form-table table tbody tr th{} #educationForm.form-table table tbody tr td{} #educationForm.form-table table tbody tr td span{display: inline-block; background: none; margin-right: 5px; padding-left: 5px;} #educationForm.form-table table tbody tr td em{display: block; line-height: 1.5; font-size: 14px; color: #aaa; font-weight: 200; margin-top: 5px; font-weight: 200;} #educationForm.form-table table tbody tr td .w70{width: 70px;} #educationForm.form-table table tbody tr td .w240{width: 240px;} #educationForm.form-table table tbody tr td a.join-address-btn{display: inline-block; width: 100px; height: 32px; background: #bbb; text-align: center; color: #fff; line-height: 32px;} #educationForm.form-table table tbody tr td input[type=checkbox]{margin-right: 5px;} #educationForm.form-table table tbody tr td label{margin-right: 20px;} .con-body #educationForm table td .td-in-ul li .join-address-btn{margin-left: 10px; text-indent: 0;} /*시험접수안내*/ .con-body .area-choice table tr td ul li label{min-width:50px; display:inline-block; margin-right: 10px;} /* 시험접수내역 */ .drag-ux {display: none;} .con-body-maintain{} .con-body-maintain .education-info{} .con-body-maintain .education-info h4{font-size: 18px; background: #4b5e6c; color: #fff; padding: 5px 10px;} .con-body-maintain .education-info ul{margin-top: 0;} .con-body-maintain .education-info ul li{margin-bottom: 10px; padding: 5px 0; font-size: 14px; color: #333; font-weight: 600;} .con-body-maintain .education-info ul li:first-child{padding-top: 0;} .con-body-maintain .maintain-table-box{margin-bottom: 60px;} .con-body-maintain .maintain-table-box ul.maintain-table-title{margin-top: 30px; border-top: 1px solid #dcdcdc;} .con-body-maintain .maintain-table-box ul.maintain-table-title li{background: #f5f5f5; color: #888; font-size: 14px; font-weight: 600; text-align: center; border-bottom: 1px solid #dcdcdc; padding: 10px 0; border-left: 1px solid #dcdcdc; float: left; width:95.5px;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(1){width: 50px; border-left: 0;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(2){width: 88px;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(3){width: 147px;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(4){width: 80px;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(5){width: 60px;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(6){width: 98px;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(7){width: 82px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont{} .con-body-maintain .maintain-table-box ul.maintain-table-cont li{color: #666; height:51px; line-height:30px;font-size: 14px; font-weight: 600; text-align: center; border-bottom: 1px solid #dcdcdc; padding: 10px 0; border-left: 1px solid #dcdcdc; float: left; width:95.5px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(1){width: 50px; border-left: 0;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(2){width: 88px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(3){width: 147px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(4){width: 80px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(5){width: 60px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(6){width: 98px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(7){width: 82px;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li input{} .con-body-maintain .maintain-table-box ul.maintain-table-cont li a.location-btn{display: block; width: 118px; height: 36px; margin: auto; background: #bbb; color:#fff; line-height: 36px;} .con-body-maintain .maintain-table-box a.app-btn{float: none; display: block; margin: 30px auto 0; background: #333; color: #fff; transition:0.3s ease-in-out;} .con-body-maintain .maintain-table-box a.app-btn:hover{background: #4b5e6c;} .con-body-maintain .maintain-app{display: none;} .con-body-maintain .maintain-app .maintain-app-table{width: 500px; margin: auto; border: 1px solid #ddd;} .con-body-maintain .maintain-app .maintain-app-table tr{} .con-body-maintain .maintain-app .maintain-app-table tr th{padding: 15px; border-bottom: 1px solid #ddd; background: #f5f5f5; font-size: 16px; color:#888; font-weight: 300;} .con-body-maintain .maintain-app .maintain-app-table tr td{padding: 0 20px; border-bottom: 1px solid #ddd;} .con-body-maintain .maintain-app .maintain-app-table tr:last-child th,.con-body-maintain .maintain-app .maintain-app-table tr:last-child td{border-bottom: 0;} .con-body-maintain .maintain-app .maintain-app-table tr td input{width: 100%; height: 32px; padding: 0 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-maintain .maintain-app .btn-box{width: 246px; margin: 20px auto 0;} .con-body-maintain .maintain-app .btn-box li{float: left; width: 118px;} .con-body-maintain .maintain-app .btn-box li a{display: block; width: 100%; height: 32px; font-size: 14px; text-align: center; color:#fff; line-height: 30px;} .con-body-maintain .maintain-app .btn-box li:nth-child(1){background: #4b5e6c; margin-right: 10px;} .con-body-maintain .maintain-app .btn-box li:nth-child(2){background: #bbb;} .con-body-maintain .maintain-table-box{} .con-body-maintain .maintain-table-box .maintain-table{border-top: 1px solid #dcdcdc;} .con-body-maintain .maintain-table-box .maintain-table thead{} .con-body-maintain .maintain-table-box .maintain-table thead th{padding: 10px 0; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align: center; background: #f5f5f5; color:#888; font-size: 14px;} .con-body-maintain .maintain-table-box .maintain-table thead th:first-child{border-left: 0;} .con-body-maintain .maintain-table-box .maintain-table tbody{} .con-body-maintain .maintain-table-box .maintain-table tbody td{padding: 20px 0; text-align: center; font-size: 14px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; color:#666;} .con-body-maintain .maintain-table-box .maintain-table tbody td input{} .con-body-maintain .maintain-table-box .maintain-table tbody td .location-btn{display: inline-block; margin-top: 8px; padding: 1px 4px; background: #aaa; color:#fff; font-weight: 300;} .con-body-maintain .maintain-table-box .maintain-table tbody td .location-btn:after{} .con-body-maintain .maintain-table-box .maintain-table tbody td:first-child{border-left: 0;} /* .con-body-maintain .maintain-table-box .maintain-table tbody td:last-child{padding-left: 10px; text-align: left;} */ .con-body-maintain .maintain-table-box .maintain-table tbody td a.objection-btn{display: block; width: 118px; height: 36px; background: #bbb; color:#fff; line-height: 36px; text-align: center;} /* 개인정보수정 - 탈퇴 */ .info-withdrawal{} .info-withdrawal > strong{display: block; font-size: 16px; color:#333; font-weight: 600; text-indent: 30px; background: url("/images/common/note_ico.png") no-repeat 0 52%;} .info-withdrawal .care-box{width: 100%; margin: 20px 0 30px; padding: 30px; background: #f9f9f9; box-sizing:border-box;} .info-withdrawal .care-box dl{} .info-withdrawal .care-box dl dt{margin-bottom: 6px; font-size: 16px; color:#444; font-weight: 600;} .info-withdrawal .care-box dl dd{font-weight: 600;padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.6;} .info-withdrawal .care-box p{margin: 30px 0 10px; font-size: 16px;font-weight: 600;} .info-withdrawal .care-box textarea{width: 100%; height: 80px; padding: 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .check-box{} .education-info .check-box p{margin-bottom: 25px; font-size: 14px; line-height: 1.6; color:#555;font-weight: 600;margin-left:0;} .check-box p input{margin-right: 5px;} .check-box .pw-input-box{float: left; margin: 8px 0; box-sizing:border-box;} .check-box .pw-input-box label{padding-right: 20px; font-size: 16px;font-weight: 600;} .check-box .pw-input-box input{width: 162px; height: 32px; padding: 0 10px 0 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .check-box .btn-box{float: right;} .education-info .check-box ul.btn-box li{float: left; width: 146px; height: 48px; margin-left: 10px;padding:0;} .check-box .btn-box li a{display: block; width: 100%; text-align: center; font-size: 18px; line-height: 50px; color: #fff;} .check-box .btn-box li:nth-child(1) a{background: #e93e27;} .check-box .btn-box li:nth-child(2) a{background: #aaa;} /*일반 게시판*/ #pagingDiv{margin-top: 30px;} #pagingDiv ul.pagination{width: 130px; margin: auto;} #pagingDiv ul.pagination li{float: left; margin: 3px;} #pagingDiv ul.pagination li a{display: block; width: 20px; height: 20px; text-align: center; color:#666;} #pagingDiv ul.pagination li a.on{color:#333;} #pagingDiv ul.pagination li a.navi{text-indent: -9999em; overflow: hidden; background: #bbb; background-position:50% 50%; background-size: 80%; background-repeat: no-repeat;} #pagingDiv ul.pagination li a.first{background-image: url("/images/common/paging_first.png");} #pagingDiv ul.pagination li a.prev{background-image: url("/images/common/paging_prev.png");} #pagingDiv ul.pagination li a.next{background-image: url("/images/common/paging_next.png");} #pagingDiv ul.pagination li a.last{background-image: url("/images/common/paging_last.png");} /*마이페이지-자격취득현황표*/ .con-body-maintain ul.maintain-table-cont li a{min-width: 30px; padding: 0 5px; display: inline-block; height: 30px; margin: auto; background: #bbb; color: #fff; line-height: 30px; border-radius: 3px; transition:0.3s ease-in-out;} .con-body-maintain ul.maintain-table-cont li a:hover{background: #413C39;} .con-body-maintain #myAcquisition ul.maintain-table-cont{} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(2){width: 100px;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(3){width: 100px;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(4){width: 174px;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(5){width:174px;} /* .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-title li:nth-child(7){width: 100px;} */ .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-title li:nth-child(7){width: 196px;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(2){width: 100px;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(3){width: 100px; line-height:2;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(4){width:174px;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(5){width:174px;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(8){width:95.5px; } /* .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(3){width: 80px;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(4){width:104px;} */ .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-cont li:nth-child(7){width: 100px;} /* 문의 내역 */ .con-body-qnalist{} .con-body-qnalist .qnalist-board{position: relative; padding-top: 45px;} .con-body-qnalist .qnalist-board a.qna-btn{display: block; width: 120px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; text-align: center; background: #413C39; position: absolute; right: 0; top:0;} .con-body-qnalist .qnalist-board .qnalist-table-view{} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont{} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont .inquiry-q-box{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa;} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont .inquiry-q-box h5{margin-bottom: 5px; font-size: 16px; color:#0353bc; font-weight: 300; padding-left: 10px; background: url('/images/common/dot.png') no-repeat 0 50%;} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont .inquiry-q-box p{font-size: 14px; text-align: justify;} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont .inquiry-a-box{} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont .inquiry-a-box h5{margin-bottom: 5px; color:#e20000; font-size: 16px; font-weight: 300; padding-left: 10px; background: url('/images/common/dot.png') no-repeat 0 50%;} .con-body-qnalist .qnalist-board .qnalist-table-view tbody td.board-cont .inquiry-a-box p{font-size: 14px; text-align: justify;} /*감독관 자격신청*/ #supervisorInfo{margin-bottom:24px;} #fmSupervisor #form_tb{border-collapse: separate;border-spacing:0;} .con-body .text-type > ul > li {font-size: 14px; padding: 10px 0; color: #333;} .form-table table {border-top: 1px solid #dcdcdc;} caption, legend {width: 0; height: 0; font-size: 0; text-indent: -9999px; overflow: hidden;} .form-table table {border-top: 1px solid #dcdcdc;} .form-table table thead tr th {padding: 15px 0;background: #eee;font-size: 16px;border-bottom: 1px solid #dcdcdc;color: #444;} .form-table table tbody tr th {padding: 15px;background: #f5f5f5;border-bottom: 1px solid #dcdcdc;font-size: 15px;} .form-table table tbody tr td {padding: 15px 20px; border-bottom: 1px solid #dcdcdc; font-size: 15px; font-weight: 200;} .form-table table tbody tr td input[type=text] {height: 32px; background: #fff; border: 1px solid #ddd; box-sizing: border-box;} .form-table table tbody tr td select {height: 32px; padding: 0 5px; border: 1px solid #ddd; font-family: 'Noto Sans KR', sans-serif;color: #999;box-sizing: border-box;} #supervisorForm.form-table table tbody tr td span {display: inline-block; background: none; margin-right: 5px; padding-left: 5px;} #supervisorForm.form-table table tbody tr td label {margin-right: 20px;} /*검정장 교육장신청*/ .con-body .text-type > ul {padding: 0px 0px 30px 10px;} .con-body .text-type > ul > li {font-size: 14px;padding: 10px 0;color: #333;} .con-body #educationForm table td .td-in-ul .title-li {width: 100px; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 10px; color: #888; border-bottom: 1px solid #ddd;} .con-body #educationForm table td .td-in-ul li {text-indent: 10px; width: 237px; padding: 15px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; float: left; height: 32px;} .form-table table tbody tr td input[type=text] {height: 32px; font-size:14px;font-weight:200;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} #educationForm.form-table table tbody tr td input[type=checkbox] {margin-right: 5px;} #educationForm.form-table table tbody tr td label {margin-right: 20px;} .con-body #educationForm table td .td-in-ul li .join-address-btn {margin-left: 10px;text-indent: 0;} #educationForm.form-table table tbody tr td a.join-address-btn {display: inline-block; width: 100px; height: 32px;background: #bbb;text-align: center;color: #fff;line-height: 32px;} /*협약기관 신청*/ .con-body .form-table .educationForm_info li {font-size: 14px; font-weight: 600; padding: 6px 0; color: #333;} /*고사장*/ /* .con-body #educationForm{} .con-body #educationForm table{border-bottom: 0;} .con-body #educationForm table td{padding: 0; border-bottom: 0;} .con-body #educationForm table td .td-in-ul{border: 0; padding: 0; width: 115%; height: auto;} .con-body #educationForm table td .td-in-ul li{text-indent: 10px; width:237px; padding: 15px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; float: left; height: 32px;} .con-body #educationForm table td .td-in-ul li input{} .con-body #educationForm table td .td-in-ul .title-li{width: 100px; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 10px; color: #888; border-bottom: 1px solid #ddd;} .con-body #educationForm table td .td-in-ul .title-li:nth-of-type(3){width: 100px; border-left: 1px solid #ddd;} .con-body #educationForm table td .td-in-ul li:nth-of-type(4){width:235px;} .con-body #educationForm table td .td-in-ul:nth-of-type(1) li:nth-of-type(2){width:575px;} .con-body #educationForm table td .td-in-ul:nth-of-type(3) li:nth-of-type(2){width:575px;} .con-body #educationForm table td .td-in-ul:nth-of-type(4) li:nth-of-type(2){width:575px;} .con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(2){width:575px; padding-bottom: 30px;} .con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(1){padding-bottom: 30px;} */ .con-body #educationForm{} .con-body #educationForm table{border-bottom: 0;} .con-body #educationForm table td{padding: 0; border-bottom: 0;} .con-body #educationForm table td .td-in-ul{border: 0; padding: 0; width: 115%; height: auto;} .con-body #educationForm table td .td-in-ul li{text-indent: 10px; width:237px; padding: 25px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; float: left; height: 80px;} .con-body #educationForm table td .td-in-ul li input{} .con-body #educationForm table td .td-in-ul .title-li:nth-of-type(3){width: 100px; border-left: 1px solid #ddd;} .con-body #educationForm table td .td-in-ul li:nth-of-type(4){width:455px;} .con-body #educationForm table td .td-in-ul li:nth-of-type(2){width:792px;} .con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(2){padding-bottom: 30px;} .con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(1){padding-bottom: 30px;} /*테이블 내역없을때*/ .table-none{padding: 22px 0;text-align: center; font-size: 14px; border-bottom: 1px solid #dcdcdc; color: #666;} /* 회원가입 */ .con-body-join{} .con-body-join .inner-675{} .con-body-join .clause-box{width: 100%; padding: 25px 20px; border: 1px solid #ddd; box-sizing:border-box;} .con-body-join .clause-box strong{display: block; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 16px; color:#444; font-weight: 300;} .con-body-join .clause-box .clause-list{width: 100%;} .con-body-join .clause-box .clause-list li{width: 100%;} .con-body-join .clause-box .clause-list li .agree-txt{margin-bottom: 10px;} .con-body-join .clause-box .clause-list li .agree-txt em{float: left; font-size: 15px;} .con-body-join .clause-box .clause-list li .agree-txt em span{color:#4b5e6c; font-weight: 300;} .con-body-join .clause-box .clause-list li .agree-txt .agree-box{} .con-body-join .clause-box .clause-list li .agree-txt .agree-box{float: right;} .con-body-join .clause-box .clause-list li .agree-txt .agree-box span{display: inline-block; padding-right: 20px; background: url('/images/sub/agree_box_arrow.png') no-repeat 90% 50%; font-size: 15px; cursor: pointer;} .con-body-join .clause-box .clause-list li .agree-txt .agree-box input{} .con-body-join .clause-box .clause-list li .agree-txt .agree-box label{display: none;} .con-body-join .clause-box .clause-list li .clause-txt{width: 100%; display: none;} .con-body-join .clause-box .clause-list li .clause-txt textarea{width: 100%; height: 180px; box-sizing:border-box;} .con-body-join .join-box{} .con-body-join .join-box form{} .con-body-join .join-box .join-table{width: 100%; margin-top: 30px; border-top: 1px solid #ddd;} .con-body-join .join-box .join-table tbody{} .con-body-join .join-box .join-table tbody tr{} .con-body-join .join-box .join-table tbody tr th{padding: 24px 0; text-align: left; text-indent: 26px; font-size: 15px; border-bottom: 1px solid #ddd; color:#666; vertical-align: top;} .con-body-join .join-box .join-table tbody tr th>span{text-indent: 0;} .con-body-join .join-box .join-table tbody tr td{padding: 20px 0; border-bottom: 1px solid #ddd;} .con-body-join .join-box .join-table tbody tr td input{height: 32px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-join .join-box .join-table tbody tr td label{font-size: 14px; padding: 0 5px; position: relative; top: 3px;} .con-body-join .join-box .join-table tbody tr td input.join-radio{height: auto; position: relative; top: 5px;} .con-body-join .join-box .join-table tbody tr td input.join-id{float: left;} .con-body-join .join-box .join-table tbody tr td input.join-pic{float: left;} .con-body-join .join-box .join-table tbody tr td input.join-pic-inupt{width: 214px; height: 32px;} .con-body-join .join-box .join-table tbody tr td div.pic-btn{width: 100px; height: 32px; position: relative; left: 6px; overflow: hidden;} .con-body-join .join-box .join-table tbody tr td input.pic-view-btn{width: 100%; background: #bbb; font-family: 'Noto Sans KR', sans-serif; color:#fff; font-size: 14px; font-weight: 200;} .con-body-join .join-box .join-table tbody tr td input.join-pic-btn{width: 100%; border: 0; position: absolute; right: 0; top: 0; opacity:0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;} .con-body-join .join-box .join-table tbody tr td input.join-address{float: left;} .con-body-join .join-box .join-table tbody tr td input.join-address2{margin-top: 10px;} .con-body-join .join-box .join-table tbody tr td a.join-btn{display: inline-block; width: 100px; height: 32px; font-size: 14px;margin-top: -5px; background: #bbb; text-align: center; color:#fff; line-height: 32px; position: relative; top: 5px; left: 6px;} .con-body-join .join-box .join-table tbody tr td a.join-address-btn{display: inline-block; width: 100px; height: 32px; font-size: 14px;margin-top: -5px; background: #bbb; text-align: center; color:#fff; line-height: 32px; position: relative; top: -48px; left: 6px} .con-body-join .join-box .join-table tbody tr td a.join-certify-btn{position: relative; top: 3px;} .con-body-join .join-box .join-table tbody tr td a.join-ok-btn{position: relative; top: -1px;} .con-body-join .join-box .join-table tbody tr td .w180{width: 180px;} .con-body-join .join-box .join-table tbody tr td .w240{width: 240px;} .con-body-join .join-box .join-table tbody tr td .w360{width: 375px;} .con-body-join .join-box .join-table tbody tr td .w80{width: 80px;} .con-body-join .join-box .join-table tbody tr td .w60{width: 60px;} .con-body-join .join-box .join-table tbody tr td .w70{width: 70px;} .con-body-join .join-box .join-table tbody tr td select{height: 32px; padding: 0 5px; border: 1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; color:#999; box-sizing:border-box;} .con-body-join .join-box .join-table tbody tr td p{margin-top: 10px; font-size: 14px; line-height: 1.7; color:#999;} .con-body-join .join-box .join-table tbody tr td span{margin: 0 5px;font-size: 16px; color:#999;} .con-body-join .join-box .btn-box{float: right; margin-top: 30px;} .con-body-join .join-box .btn-box li{float: left; width: 146px; height: 48px;} .con-body-join .join-box .btn-box li a{display: block; width: 100%; text-align: center; font-size: 16px; line-height: 50px; color:#fff;} .con-body-join .join-box .btn-box li:nth-child(1){margin-right: 10px;} .con-body-join .join-box .btn-box li:nth-child(1) a{background: #686868;} .con-body-join .join-box .btn-box li:nth-child(2) a{background: #aaa;} /* 이용약관 */ #personalInfo{background: #f9f9f9; margin-top: 30px; padding-bottom: 30px;} #personalInfo.personal-email{background: #f9f9f9; margin-top: 30px; padding-bottom: 30px;padding-top: 20px;} #personalInfo h4{height: 40px; line-height: 40px; text-indent: 40px; background:#bbb; color: #fff; margin-top: 25px; margin-bottom: 20px;} #personalInfo h5{padding: 0 40px; font-size: 14px; margin-top: 20px; font-size: 16px; color: #555; margin-bottom: 10px;} #personalInfo p{padding: 0px 40px 10px; font-size: 13px; color: #777;font-weight: 600;} #personalInfo ul{margin-top: 10px;} #personalInfo ul li{padding: 0 40px; color: #777;} #personalInfo ul li ul li{padding: 0; color: #777;} #personalInfo span{display: block; padding: 0px 51px; font-size: 13px;font-weight: 600;} .con-body-clause .inner-675 p{font-size: 14px;} .con-body-clause .inner-675 .personal-email{padding-top: 25px;} /* 협회소개 */ .con-body-introduction{} .con-body-introduction .introduction-box{} .con-body-introduction .introduction-box h4{padding-top: 5px; padding-left: 12px; padding-bottom: 10px; margin-bottom: 26px; font-size: 18px; position: relative; font-weight: 300; border-bottom: 1px solid #ddd; letter-spacing: -0.5px;} .con-body-introduction .introduction-box h4:before{display: block; content:""; clear: both; width: 6px; height: 6px; border-radius:50%; background: #4b5e6c; position: absolute; left: 0; top: 0;} .con-body-introduction .introduction-box p{margin-bottom: 12px; font-size: 14px; line-height: 1.7; text-align: justify;} /*원래있던자리*/ .con-body .text-type > h4{font-size: 18px; background: url('/images/sub/info_title_tag.png'); color: #fff; padding: 5px 10px; position: relative;} .con-body .text-type > ul{padding:25px 0px 0px 10px;} .con-body .text-type > ul > li{font-size: 14px;} .con-body .text-type > ul > li:first-child{padding-top: 0px;} .con-body .inner-675 .text-type > ul > li .subsection{margin-top: 10px;} .con-body .inner-675 .text-type > ul > li .subsection li{font-size: 14px; margin-bottom: 10px; color: #999;} .con-body .inner-675 .note-box{margin-bottom: 60px;} .con-body .inner-675 .note-box h5{background: url('/images/common/note_ico.png') 0 50% no-repeat; padding-left: 30px; line-height: 39px; height: 40px; font-size: 16px; color: #333; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;} .con-body .inner-675 .note-box ul{margin-top: 10px;} .con-body .inner-675 .note-box ul li{font-size: 14px; margin-bottom: 10px; color: #999;font-weight:600;} .con-body .inner-675 .btn{float: right;} .con-body .inner-675:after{content: ''; display: block; clear:both;} .con-body-join .join-box .join-table tbody tr th > span{color: #ff5656; line-height: 1; position: relative; top: 3px;} .con-body .area-choice{} .con-body .area-choice table{width: 100%; margin-top: 30px; border-top: 1px solid #ddd;} .con-body .area-choice table tbody{} .con-body .area-choice table tr{} .con-body .area-choice table tr th{padding: 24px 0; text-align: left; text-indent: 26px; font-size: 16px; font-weight: 300; border-bottom: 1px solid #ddd; color: #666; vertical-align: top;} .con-body .area-choice table tr td{padding: 20px 0; border-bottom: 1px solid #ddd;} .con-body .area-choice table tr td .search-btn{display: inline-block; width: 100px; height: 32px; margin-top: -5px; background: #bbb; text-align: center; color: #fff; line-height: 32px; float: left; position: relative; top:5px;} .con-body .area-choice table tr td ul{display: inline-block;} .con-body .area-choice table tr td ul li{float: left; margin-right: 30px; margin-bottom: 0px;} .con-body .area-choice table tr td ul li label{font-size: 16px; margin-right: 10px; display: inline-block; min-width: 50px; } .con-body .area-choice table tr td ul li select{height: 32px; padding: 0 5px; border: 1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; color: #999; box-sizing: border-box;} .con-body .area-choice table tr td ul li select{} .con-body .map{margin-top:30px;} .con-body .map table{width: 100%; border-top: 1px solid #ddd; margin-bottom: 20px;} .con-body .map table tr{} .con-body .map table tr th{height: 40px; font-size: 16px; font-weight: 300; border-bottom: 1px solid #ddd; color: #666; background: #f5f5f5;} .con-body .map table tr td{padding-left: 20px; height: 40px; font-size: 16px; font-weight: 200; border-bottom: 1px solid #ddd; color: #666;} .con-body .map table tr td ul{margin-left: -20px;} .con-body .map table tr td ul li:after{content: ''; clear:both; display: block;} .con-body .map table tr td ul li{width: 50%; float: left;} .con-body .map table tr td ul li strong{float: left; display: inline-block; width: 147px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: 300; color: #666; background: #f5f5f5;} .con-body .map table tr td ul li span{padding-left: 22px; width: 163px; float: left; display: inline-block; height: 40px; line-height: 40px; font-size: 16px; font-weight: 200; color: #666;} .con-body .schedule{margin-top: 20px; width: 100%; border: 1px solid #ddd;} .con-body .schedule dl.exam-date{width: 148px; float: left;} .con-body .schedule dl.exam-date dt{font-size: 16px; background: #4b5e6c; color: #fff; height: 60px; line-height: 60px; text-align: center;} .con-body .schedule dl.exam-date dd{background: #f5f5f5; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #ddd; font-size: 14px;} .con-body .schedule dl.exam-date dd:last-child{border-bottom: 0;} .con-body .schedule div.exam-time{width: 527px; float: right;} .con-body .schedule div.exam-time h4{background: #888; color: #fff; text-align: center; height: 30px; line-height: 30px; font-size: 16px;} .con-body .schedule div.exam-time .scroll-hide{} .con-body .schedule div.exam-time .scroll-hide ul.timer{width: 100%;} .con-body .schedule div.exam-time .scroll-hide ul.timer li{width: 20%; box-sizing:border-box; float: left; display: block; font-size: 14px; height: 30px; line-height: 30px; background: #aaa; color: #fff; text-align: center; border-right: 1px solid #888} .con-body .schedule div.exam-time .scroll-hide ul.time-schedule li{border-right: 1px solid #ddd; box-sizing:border-box; width: 20%; float: left; height: 61px; line-height: 1.8; text-align: center; border-bottom: 1px solid #ddd; font-size: 14px;} .con-body .schedule div.exam-time .scroll-hide ul.time-schedule li:last-child{border-right: 0;} .con-body .schedule div.exam-time .scroll-hide ul.time-schedule:last-of-type li{border-bottom: 0;} .con-body .schedule div.exam-time .scroll-hide ul.time-schedule a{margin: auto; display: block; height: 25px; border-radius:25px; width: 60%; line-height: 25px; font-size: 12px; padding: 0 5px; color:#ff5656; border: 1px solid #ff5656;} .con-body .schedule div.exam-time .scroll-hide ul.time-schedule span.out{height: 60px; line-height: 60px; background: #eee; display: block; color: #aaa;} /* 로그인 */ .con-body-login .login-box{border: 1px solid #ddd;} .con-body-login .login-box .member-type-btn{width: 100%; border-bottom: 1px solid #ddd;} .con-body-login .login-box .member-type-btn li{float: left; width: 337px; height: 42px;} .con-body-login .login-box .member-type-btn li:first-child{border-right: 1px solid #ddd;} .con-body-login .login-box .member-type-btn li a{display: block; width: 100%; height: 42px; background: #eee; font-size: 14px; text-align: center; line-height: 40px; color:#888;} .con-body-login .login-box .member-type-btn li.on{} .con-body-login .login-box .member-type-btn li.on a{background: #fff; color:#444;} .con-body-login .login-box .user-login{padding: 65px 200px 52px 197px; box-sizing:border-box;} .con-body-login .login-box .user-login .login-list{} .con-body-login .login-box .user-login .login-list > li{} .con-body-login .login-box .user-login .login-list > .individual-login{} .con-body-login .login-box .user-login .login-list > .group-login{display: none;} .con-body-login .login-box .user-login .login-list > li .title-box{margin-bottom: 30px;} .con-body-login .login-box .user-login .login-list > li .title-box h4{margin-bottom: 8px; font-size: 20px; color:#333;} .con-body-login .login-box .user-login .login-list > li .title-box p{font-size: 15px; color:#666;} .con-body-login .login-box .user-login .login-list > li .login-form{} .con-body-login .login-box .user-login .login-list > li .login-form .input-list{float: left;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list li{margin-bottom: 10px; display: block;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list li label{display: inline-block; width: 77px; font-size: 16px; color:#666;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list li input{width: 264px; height: 32px; padding: 0 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-login .login-box .user-login .login-list > li .login-form .login-btn{display: block; float: left; width: 124px; height: 74px; margin-left: 10px; text-align: center; font-size: 16px; background: #686868; color:#fff; line-height: 74px;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list{width:100%; float: left; margin-top: 10px;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:first-child{float: left; margin-left: 0px;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li{float: left; margin-left: 30px;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li a{display: block; padding: 5px 0 5px 38px; font-size: 16px; color:#666; background-position: 0 50%; background-repeat: no-repeat;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(1) a{background-image: url("/images/common/join_btn_icon_01.png");} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(2) a{background-image: url("/images/common/join_btn_icon_02.png");} /* 아이디,비밀번호 찾기 */ .con-body-find{} .con-body-find .inner-675{} .con-body-find .find-box{border: 1px solid #ddd;} .con-body-find .find-box .find-tap{width: 100%;} .con-body-find .find-box .find-tap li{float: left; width: 445px; border-bottom: 1px solid #ddd;} .con-body-find .find-box .find-tap li a{display: block; width: 100%; height: 42px; font-size: 14px; text-align: center; line-height: 40px; background: #eee; color:#888;} .con-body-find .find-box .find-tap li.on{} .con-body-find .find-box .find-tap li.on a{background: #fff; color:#444;} .con-body-find .find-box .find-tap li:first-child{border-right: 1px solid #ddd;} .con-body-find .find-box .find-input{padding: 60px 207px;} .con-body-find .find-box .find-input .find-list{} .con-body-find .find-box .find-input .find-list > li{margin-bottom: 10px;} .con-body-find .find-box .find-input .find-list > li .certify-type{float: left;} .con-body-find .find-box .find-input .find-list > li .certify-type li{float: left;} .con-body-find .find-box .find-input .find-list > li .certify-email-box{display: none;} .con-body-find .find-box .find-input .find-list > li h4{float: left; width: 92px; font-size: 16px; color:#666;} .con-body-find .find-box .find-input .find-list > li input.find-text-input{height: 32px; padding-left: 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-find .find-box .find-input .find-list > li input.w383{width: 383px;} .con-body-find .find-box .find-input .find-list > li input.w245{width: 245px;} .con-body-find .find-box .find-input .find-list > li label{display: inline-block; width: 92px; font-size: 16px; color:#666;} .con-body-find .find-box .find-input .find-list > li label.certify-text{width: 90px; padding-left: 8px; font-size: 15px; color:#888; box-sizing:border-box;} .con-body-find .find-box .find-input .find-list > li a{display: inline-block; width: 128px; height: 32px; margin-left: 10px; font-size: 14px; text-align: center; line-height: 32px; color:#fff; position: relative; top: 1px; background: #bbb;} .con-body-find .find-box .find-input .find-list > li .send-btn{height: 40px; line-height: 40px; border-radius:3px;} .con-body-find .find-box .find-input .find-list > li .certify-btn{height: 40px; line-height: 40px; border-radius:3px;} .con-body-find .find-box .find-input .ok-btn{display: block; width: 128px; height: 32px; margin: 25px auto 0; font-size: 14px; text-align: center; line-height: 32px; color:#fff; background: #686868;} /* 아이디,비밀번호 찾기 리스트 */ .con-body-find .find-box .find-id-pw-box{width: 100%; padding: 60px 99px; box-sizing:border-box;} .con-body-find .find-box .find-id-box{} .con-body-find .find-box .find-id-box > p{font-size: 15px; color:#333;} .con-body-find .find-box .find-id-box .find-id-list{width: 100%; margin-top: 20px; margin-bottom: 15px; padding: 30px; background: #f4f4f4; box-sizing:border-box;} .con-body-find .find-box .find-id-box .find-id-list p{font-size: 15px; color:#666;} .con-body-find .find-box .find-id-box .find-id-list p:before{display: inline-block; content:""; width: 8px; height: 2px; margin-right: 8px; background: #4b5e6c; position: relative; top: -5px;} .con-body-find .find-box .find-id-box .find-id-list p span{color:#aaa;} .con-body-find .find-box .find-id-box .btn-box{float: right;} .con-body-find .find-box .find-id-box .btn-box li{float: left; width: 118px; margin-left: 10px;} .con-body-find .find-box .find-id-box .btn-box li a{display: block; width: 100%; height: 32px; font-size: 14px; text-align: center; color:#fff; line-height: 30px;} .con-body-find .find-box .find-id-box .btn-box li:nth-child(1) a{background: #686868;} .con-body-find .find-box .find-id-box .btn-box li:nth-child(2) a{background: #bbb;} .con-body-find .find-box .find-pw-box{} .con-body-find .find-box .find-pw-box .find-pw-list{} .con-body-find .find-box .find-pw-box .find-pw-list li{margin-bottom: 10px;} .con-body-find .find-box .find-pw-box .find-pw-list li label{display: inline-block; width: 126px; font-size: 16px;} .con-body-find .find-box .find-pw-box .find-pw-list li input{width: 350px; height: 32px; padding-left: 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-find .find-box .find-pw-box span{font-size: 14px; color:#999;} .con-body-find .find-box .find-pw-box .ok-btn{display: block; float: right; width: 118px; height: 32px; margin-top: 40px; padding-left: 10px; background: #4b5e6c; text-align: center; font-size: 14px; line-height: 30px; color:#fff; letter-spacing:10px; box-sizing:border-box;} /* 회원가입 완료 페이지 */ .con-body-welcome{} .con-body-welcome .welcome-box{padding: 60px 0; text-align: center; border: 1px solid #ddd; width:99%;} .con-body-welcome .welcome-box h4{font-size: 24px;} .con-body-welcome .welcome-box p{margin: 10px 0 26px;font-size: 16px;} .con-body-welcome .welcome-box .btn-box{width: 246px; margin: auto;} .con-body-welcome .welcome-box .btn-box li{float: left; width: 118px;} .con-body-welcome .welcome-box .btn-box li a{display: block; width: 100%; height: 32px; font-size: 14px; text-align: center; color:#fff; line-height: 30px;} .con-body-welcome .welcome-box .btn-box li:nth-child(1){margin-right: 10px;} .con-body-welcome .welcome-box .btn-box li:nth-child(1) a{background: #686868;} .con-body-welcome .welcome-box .btn-box li:nth-child(2) a{background: #bbb;} /* 개인정보수정 */ .con-body-edit .join-box .join-table tbody tr td{font-size: 14px;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul{} .con-body-edit .join-box .join-table tbody tr td .td-in-ul li{padding-bottom: 10px;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul .title-li{padding-top: 10px; text-align: left; text-indent: 26px; font-size: 15px; font-weight: 300; color: #666;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul .title-li span{color: #ff5656; line-height: 1; position: relative; top: 3px;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul .input-li{text-indent: 26px; border-bottom: 1px solid #ddd; color:#888; font-size: 14px;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul li:last-of-type{border-bottom: 0;} .con-body-edit .join-box .join-table tbody tr td figure{width: 168px; height: 224px; margin: 0; border: 1px solid #ddd; box-sizing:border-box; overflow: hidden;} .con-body-edit .join-box .join-table tbody tr td figure img{height: 100%;} .con-body-edit .join-box .btn-box{} .con-body-edit .join-box .btn-box li{} .con-body-edit .join-box .btn-box li a{} .con-body-edit .join-box .btn-box li:nth-child(1) a{background: #36a562;} .con-body-edit .join-box .btn-box li:nth-child(2) a{background: #bbb;} .con-body-edit .login-box .user-login .login-list > li .title-box span{display: block; font-size: 14px; color:#999; line-height: 1.6;} .con-body-edit .login-box .user-login .login-list > li .title-box span:nth-child(1){margin-bottom: 5px;} .con-body-edit .login-box .user-login .login-list > li .login-form .input-list li strong{display: inline-block; width: 77px; height: 32px; font-size: 16px; color: #666;} .con-body-edit .login-box .user-login .login-list > li .login-form .input-list li em{font-size: 15px;} /* 개인정보수정 - 탈퇴 */ .con-body-withdrawal{} .con-body-withdrawal .info-withdrawal{} .con-body-withdrawal .info-withdrawal > strong{display: block; font-size: 18px; color:#333; font-weight: 300; text-indent: 30px; background: url("/images/common/note_ico.png") no-repeat 0 52%;} .con-body-withdrawal .info-withdrawal .care-box{width: 100%; margin: 20px 0 30px; padding: 30px; background: #f9f9f9; box-sizing:border-box;} .con-body-withdrawal .info-withdrawal .care-box dl{} .con-body-withdrawal .info-withdrawal .care-box dl dt{margin-bottom: 6px; font-size: 16px; color:#444; font-weight: 300;} .con-body-withdrawal .info-withdrawal .care-box dl dd{padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.6;} .con-body-withdrawal .info-withdrawal .care-box p{margin: 30px 0 10px; font-size: 16px;} .con-body-withdrawal .info-withdrawal .care-box textarea{width: 100%; height: 80px; padding: 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-withdrawal .check-box{} .con-body-withdrawal .check-box p{margin-bottom: 25px; font-size: 14px; line-height: 1.6; color:#555;} .con-body-withdrawal .check-box p input{margin-right: 5px;} .con-body-withdrawal .check-box .pw-input-box{float: left; margin: 8px 0; box-sizing:border-box;} .con-body-withdrawal .check-box .pw-input-box label{padding-right: 20px; font-size: 16px;} .con-body-withdrawal .check-box .pw-input-box input{width: 162px; height: 32px; padding: 0 10px 0 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-withdrawal .check-box .btn-box{float: right;} .con-body-withdrawal .check-box .btn-box li{float: left; width: 146px; height: 48px; margin-left: 10px;} .con-body-withdrawal .check-box .btn-box li a{display: block; width: 100%; text-align: center; font-size: 18px; line-height: 50px; color: #fff;} .con-body-withdrawal .check-box .btn-box li:nth-child(1) a{background: #e93e27;} .con-body-withdrawal .check-box .btn-box li:nth-child(2) a{background: #aaa;} /*시험장안내*/ #locationArea{width: 100%; background: #fff; border: 1px solid #ddd; margin-top: 30px; margin-bottom: 60px;} #locationArea ul{width: 225px; float: left; overflow: auto; position: relative; height: 450px;} #locationArea ul li{padding: 20px 15px; border-bottom: 1px solid #dcdcdc; width: 223px; overflow-x: hidden;} #locationArea ul li a{} #locationArea ul li a:after{clear:both; content: ''; display: block;} #locationArea ul li > a .num{font-size:13px;color: #fff; text-align: center; line-height: 30px; width:30px; height: 40px; margin: 0px 0px 10px 0; background-image: url('/images/common/bg_maplistnum.png');background-repeat: no-repeat; background-position: 50% 100%; background-size:100%; display: inline-block; float: left;} #locationArea ul li.on > a .num{background-position: 50% 0%;} #locationArea ul li > a strong{font-size: 14px; color: #333; height: 50px; float: right; width: 155px;} #locationArea ul li > a em{font-size: 12px; color: #666; display: block; padding-left: 20px; float: left;} #locationArea ul li > a em:before{content: 'A'; font-size: 12px; font-weight: 600; color: #aaa; position: relative; left: -8px; margin-left: -8px;} #locationArea ul li > a .call{font-size: 12px; color: #666; display: block; padding-left: 20px; float: left; margin-top: 5px; width: 100%;} #locationArea ul li > a .call:before{content: 'T'; font-size: 12px; font-weight: 600; color: #aaa; position: relative; left: -8px; margin-left: -8px;} #locationArea ul li > a .fax{font-size: 12px; color: #666; display: block; padding-left: 20px; float: left; margin-top: 5px; width: 100%;} #locationArea ul li > a .fax:before{content: 'F'; font-size: 12px; font-weight: 600; color: #aaa; position: relative; left: -8px; margin-left: -8px;} #locationArea .lo-map{width: 667px; height: 450px; float: right;} #locationArea .mCustomScrollBox{ overflow-x: hidden;} .mCSB_inside > .mCSB_container{margin-right: 10px !important;} .mCSB_scrollTools .mCSB_draggerContainer{right: -13px !important;} .mCSB_scrollTools .mCSB_draggerRail{background-color: #ccc;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #666 !important; margin-right: -1px;} /*베이킹디플로마*/ .content .dp_m{display:none;} /*민간자격소개*/ .content{} .content h5.noline{border: 0;} .content p{color: #888; margin-left: 0px; margin-top: 10px; line-height: 1.8;text-align:left;} .content p .note{font-size: 14px; color: #aaa; display: block; margin-bottom: 15px;} .content .terms ul{margin-top: 10px;} .content .terms ul li{font-size: 14px; background: url('/images/common/dot.png') 10px 50% no-repeat; padding-left: 20px;} .content .price{} .content .price table:last-child{margin-top: 30px;width:100%;} /*.content .price table:nth-of-type(1) tbody tr:nth-of-type(4) td{text-align:center; padding-left: 0;}*/ .content .price table{margin: 10px auto; width: 100%;border-top: 1px solid #ddd;} .content .price table tr{} .content .price table tr th{font-size: 14px; text-align: center; border-bottom: 1px solid #dcdcdc; height: 30px; line-height: 30px;} .content .price table tr th{background: #f5f5f5; color: #888;} .content .price table tr th:nth-child(2){border-left: 1px solid #dcdcdc;} .content .price table tr th.title{background: #aaa; color: #fff; text-align: center; height: 40px; line-height: 30px; font-size: 16px;} .content .price table tr th.bigtitle{background: #413C39; color: #fff; text-align: center; text-indent:10px; height: 40px; line-height: 40px; font-size: 16px; border-bottom: 0;} .content .price table tr td{padding: 10px; font-size: 14px; text-align: center; border-bottom: 1px solid #dcdcdc; line-height: 1.6; color: #888;border-left: 1px solid #dcdcdc;} .content .price table tr td.point{color: #4b5e6c;} .content .price table tr td h4{color: #666;} .content .price table tr td:nth-child(2){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(3){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(4){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(5){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr td:nth-of-type(2) ul li{text-align: center;} .content .price table tr td ul li:last-child{border-bottom: 0;} /*응시자 유의사항*/ #regulation{} #regulation > ul > li h5 {width:auto;font-size: 18px; padding-left:40px;background: url('/images/common/note_ico.png') 10px 50% no-repeat; border: 0;color: #746661; } #regulation > ul{} #regulation > ul > li{margin-bottom: 30px;} #regulation > ul > li h6{font-size: 18px; color: #413C39; margin-left: 10px;font-weight:600;margin-top:14px;} #regulation > ul > li > p{margin-top: 7px; margin-left: 10px;} #regulation > ul > li table{margin: 10px auto 0px; width: 100%; border-top: 1px solid #ddd;} #regulation > ul > li table tr th.bigtitle{background: #888; color: #fff; text-align: center; height: 42px; line-height: 42px; font-size: 16px; font-weight: 600; border-bottom: 0; padding: 0;} #regulation > ul > li table tr th{background: #f5f5f5; color: #888; font-size: 16px; font-weight: 600; text-align: center; border-bottom: 1px solid #dcdcdc; padding: 10px 0; border-left: 1px solid #dcdcdc;} #regulation > ul > li table tr td{border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; padding: 10px; font-size: 14px;font-weight:600; color:#999;} #regulation > ul > li table tr td ul{margin-top: -3px;} #regulation > ul > li table tr td ul li{padding: 3px 0; margin-bottom: 0;font-size:14px;font-weight:600;color:#999;} #regulation > ul > li table tr td ul li strong{border-radius:5px; font-size: 15px; background: #eee; padding: 2px 5px; display: block; width: 60px; margin: auto; text-align: center; margin-bottom: 8px;} #regulation > ul > li > ul{padding: 10px 10px 0px 10px; margin-top: 0;} #regulation > ul > li > ul > li{font-size: 14px; color: #333; font-weight: 600; padding: 18px 0 5px;} #regulation > ul > li > ul > li:first-child{padding-top: 0;} #regulation > ul > li > ul > li > ul > li{font-size: 14px; color: #888;margin-top:10px;} #regulation > ul > li > ul > li > p{margin-top: 10px; color: #888; font-size: 14px;} #regulation > ul > li > ul > li > p strong{display: block; color: #4b5e6c; margin-top: 20px;} #regulation > ul > li table tr th:first-child{border-left: 0;} #regulation > ul > li table tr td:last-child{border-right: 0;} #regulation > ul > li table tr td.tac{text-align: center;} #regulation > ul > li table tr td.tac li{margin-bottom: 20px;} #regulation > ul > li table tr td.tac li:last-child{margin-bottom: 0;} #regulation p{font-weight:600;margin-left:0;} /* 시험일정 */ /* #examTable-01 .exam-table-title{border-bottom: 1px solid #dcdcdc;} #examTable-01 .exam-table-title thead{} #examTable-01 .exam-table-title thead th{padding: 10px; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-size: 16px; font-weight: 200; background: #f4f4f4;} #examTable-01 .exam-table-title thead th:first-child{border-left: 0;} #examTable-01 .exam-table-title tbody{} #examTable-01 .exam-table-title tbody td{text-align: center; font-size: 12px;} */ #examTable-01 ul.exam-table-title li{box-sizing:border-box;} #examTable-01 ul.exam-table-cont li{height: 60px; box-sizing:border-box; line-height: 1.5; font-size: 12px !important;} #examTable-01 p{margin-top: 10px;} #examSchedule.selec-section{border: 0;} #examSchedule.selec-section ul{margin-top: 0px;} #examSchedule.selec-section ul.mt-0{margin-top: 0px;} #examSchedule.selec-section ul li select{width: 167px;height: 32px; padding: 0px; border: 1px solid #ddd;font-family: 'Noto Sans KR', sans-serif;color: #999;box-sizing: border-box;font-size: 14px; margin-right:19px;} #examSchedule.selec-section ul li .search-ico-btn{font-weight: 600;color:#fff;background: #888 url('/images/common/search_ico.png') 100% 50% no-repeat; width: 50px; padding: 0px 37px 0px 0px; height: 33px; border-radius:3px; transition:0.3s ease-in-out;} #examSchedule.selec-section ul li .search-ico-btn:hover{background: #4b5e6c url('/images/common/search_ico.png') 100% 50% no-repeat;} #examSchedule.selec-section ul li select#sido{margin-left: -5px; width: 230px;} #examSchedule.selec-section ul li select#center_idx{margin-left: -5px; width: 230px;} #tapTitle{margin-top: 30px;} #tapTitle > ul{border-bottom: 1px solid #ccc; } #tapTitle > ul > li{width: 150px; float: left;font-size: 14px; text-align: center; height: 40px; line-height: 40px; background: #413C39; color: #eee; border: 1px solid #ccc; border-bottom: 0; position: relative; bottom: -1px;} #tapTitle > ul > li.on{background: #fff; } #tapTitle > ul > li a{color: #8595a0;font-weight: 600;} #tapTitle > ul > li.on a{color: #333;} #tapTitle dl{padding: 20px 0;} #tapTitle dl dt{font-size: 14px;} #tapTitle dl dt > span{font-size: 12px; font-weight: 200; color: #aaa; margin-left: 10px;} .selec-section{padding: 0; border-bottom: 0;} .selec-section ul{padding: 0 10px ; border-bottom: 1px solid #ddd; width: 100%; height: 60px; line-height: 60px; box-sizing: border-box;} .selec-section ul a{margin-top: 8px;font-weight: 600;} .selec-section ul.choice-location li label span{color: #ff5656; font-size: 14px; font-weight: 200; position: relative; top: 3px; margin-left: 5px;} .selec-section ul li label{display: inline-block; min-width: 35px;font-size: 14px;margin-right: 20px;font-weight: 600;} /* 1:1문의하기 */ .con-body-qna{} .con-body-qna .question-box{width: 100%;} .con-body-qna .question-box form{} .con-body-qna .question-box form table{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .con-body-qna .question-box form table tbody{} .con-body-qna .question-box form table tbody tr{} .con-body-qna .question-box form table tbody tr th{padding: 20px 0;} .con-body-qna .question-box form table tbody tr th label{font-size: 16px;} .con-body-qna .question-box form table tbody tr td{padding: 20px 0;} .con-body-qna .question-box form table tbody tr:nth-child(1) th{border-bottom: 1px solid #ddd;} .con-body-qna .question-box form table tbody tr:nth-child(1) td{border-bottom: 1px solid #ddd;} .con-body-qna .question-box form table tbody tr td input{width: 100%; height: 32px; padding: 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-qna .question-box form table tbody tr td textarea{width: 100%; height: 200px; padding: 10px; background: #fff; border: 1px solid #ddd; box-sizing:border-box;} .con-body-qna .question-box form .btn-box{float: right; margin-top: 30px;} .con-body-qna .question-box form .btn-box li{float: left; width: 146px; height: 48px;} .con-body-qna .question-box form .btn-box li a{display: block; width: 100%; line-height: 48px; text-align: center; color:#fff; font-size: 16px;} .con-body-qna .question-box form .btn-box li:nth-child(1){margin-right: 10px;} .con-body-qna .question-box form .btn-box li:nth-child(1) a{background: #413C39;} .con-body-qna .question-box form .btn-box li:nth-child(2) a{background: #bbb;} /* FAQ */ .con-body-faq{} .con-body-faq .faq-list-box{width: 100%;} .con-body-faq .faq-list-box .faq-search-box{width: 100%; background: #f4f4f4; position: relative; border: 1px solid #ddd; margin-top: 20px;} .con-body-faq .faq-list-box .faq-search-box ul{} .con-body-faq .faq-list-box .faq-search-box ul li{float: left; width: 20%; height: 49px; border-right: 1px solid #ddd; box-sizing:border-box;} .con-body-faq .faq-list-box .faq-search-box ul li:last-child{border-right: 0;} .con-body-faq .faq-list-box .faq-search-box ul li a{display: block; width: 100%; font-size: 15px; text-align: center; color:#666; line-height: 50px;} .con-body-faq .faq-list-box .faq-search-box ul li.on{} .con-body-faq .faq-list-box .faq-search-box ul li.on a{background: #413C39; color:#fff;} .con-body-faq .faq-list-box .faq-tab-box{width: 100%; margin-top: 30px;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt{display: none; width: 100%; border: 1px solid #ddd;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dt{background: #fff;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dt a{display: block; height: 50px; text-indent: 50px; font-size: 15px; border-top: 1px solid #ddd; line-height: 50px; color:#444; background: url("/images/common/faq_ico.png") no-repeat 18px 50%;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dt:first-child a{border-top: 0;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dd{display: none; padding: 20px 38px; border-top: 1px solid #ddd; text-align: justify; line-height: 1.7; color:#666; overflow: hidden; background: #f9f9f9; font-size: 14px;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dd strong{font-weight: 300; color:#444;} .con-body-faq .faq-list-box .faq-tab-box .info-tab{display: block;} /*모바일*/ @media screen and (max-width: 480px){ select{background: #fff !important; height: 40px !important;} label{height: 40px !important;line-height: 40px !important;} #container{width: 100%; padding:0;} #container .sub-inner{width: 100%; margin: auto;} #subContent{float: inherit; width: 100%; padding-top: 0px;} #snb{float:inherit; width: 100%; position: relative; z-index: 10; display: none;} #snb h2{padding: 15px 0; width: 105%; line-height: 1.5; font-size: 14px; padding-left: 5%; position: absolute; top: 0px; left: -5%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;} #snb .main-menu{position: absolute; right: -5%; top: 0; margin-top: 0; padding: 0; width: 75%; background: url('/images/common/arrow_mob.png') 0 18px no-repeat;} #snb .main-menu:after{content: ""; display: block; clear: both;} #snb .main-menu > li{display: block; width: 100%; background: #f9f9f9; border-bottom: 1px solid #dcdcdc;} #snb .main-menu > li:first-child{background: rgba(0,0,0,0.0); margin-bottom: 1px; border-bottom: 0;} #snb .main-menu > li > a{padding: 16px 0 15px; border: 0; font-size: 14px; text-indent: 20px;} #snb .main-menu li a{font-size: 14px; line-height: 1.5;} #snb .main-menu > li ul{width: 105%; margin-bottom: -1px;} #snb .main-menu > li ul li{width: 100%;} #snb .main-menu > li ul li:first-child a{border-top:1px solid #ddd;} #snb .main-menu > li ul li a{padding: 10px 0; background: #efefef;} #snb .main-menu > li ul li.on > a{color: #4b5e6c; font-size: 14px;} #subContent .title-bar .location{display: none;} #subContent .title-bar{margin-bottom: 30px;} #content .sub-con .content .con-body {width:100%;} #subContent .title-bar{position: relative; height: 85px;} #subContent .title-bar .location{display: block; position: absolute; top: 0; left: -5%; width: 110%; display: block; background: #f5f5f5; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height: 40px; ; line-height: 40px; } #subContent .title-bar .location li:first-child{padding-left: 10px; padding-right: 5px;} #subContent .title-bar .location li a img{position: relative; top: 3px;} #subContent .title-bar h3{position: absolute; top: 65px; left: 0; margin:0; font-weight:revert;} #subContent .title-bar .location li:after{margin: 0 10px;} .con-body #examTable-01.exam-table-sec{} input[type=text]{height: 40px !important;} input[type=password]{height: 40px !important;} .con-body .inner-675 .btn{width: 100% !important; height: 50px !important; line-height: 50px !important; border-radius:3px;} #subContent .title-bar .location li:first-child:after{margin-bottom: 0;} #container #content .sub-con .content-info {width: 100%;padding: 0 20px;} /*재발급신청*/ .con-body .text-type > ul.ico-box{padding: 20px 0px 0px 0px; } .con-body .text-type > ul.ico-box > li{/*width: 21%;*/ padding: 0 5% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 15px no-repeat; background-size:15px;} .con-body .text-type > ul.ico-box-new > li{width: 33%; padding: 0 5% 0 0 !important; background: url('/images/content/system_arrow.png') 100% 15px no-repeat; background-size:15px;} .con-body .text-type > ul.ico-box > li span{background-size:40px !important; *padding: 10px 0; padding-top: 50px !important; font-size: 12px;} /*시험접수신청*/ .con-body #acceptForm table th{padding-right: 5px;} .con-body #acceptForm table:nth-of-type(2) td{padding-left: 10px;} .con-body #acceptForm table:nth-of-type(3) td{padding-left: 10px;} .con-body #acceptForm table:nth-of-type(4) td{padding-left: 10px;} .con-body #acceptForm table td input[type=text]{width: 100% !important;} .con-body #acceptForm table.profile-table{border-bottom: 0;} .con-body #acceptForm table.profile-table td .td-in-ul{margin-left: -20px;border: 0; padding: 0; width: 109%; height: auto;margin-top:0;} .con-body #acceptForm table.profile-table td .td-in-ul li{text-indent: 10px; width:69%; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; text-indent: 0px; padding-left: 10px; box-sizing:border-box;} .con-body #acceptForm table.profile-table td .td-in-ul .title-li{width: 30%; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 0px; padding-left: 10px; box-sizing:border-box; color: #888; border-bottom: 1px solid #ddd;} .con-body #acceptForm table.profile-table td .td-in-ul .address-h{padding:41px 10px 20px; height:auto !important;} .con-body #acceptForm table.profile-table td .td-in-ul .title-li:nth-of-type(3){width: 30%;border-left: 0px;} .con-body #acceptForm table.profile-table td .td-in-ul li:nth-of-type(4){width:69%;} .con-body #acceptForm table.profile-table td .td-in-ul:nth-of-type(n+3) li:nth-of-type(2){width:69%; height:auto; padding:20px 10px;} .con-body #acceptForm.selec-section table select{width: 100%;} .con-body #acceptForm table td{} /*시험접수신청 로그인시*/ .con-body #acceptForm{width: 100%;} .con-body #acceptForm table{table-layout: auto;} .con-body #acceptForm table tr:last-child td span.note{width: 100%;} .con-body #acceptForm .accept-agbox{margin-bottom: 5px;} .con-body #acceptForm .accept-agbox .agree-box{display: block; float: left;} .con-body #acceptForm .accept-agbox em{float: left; width: 61%; margin-bottom: 5px; font-size:14px; font-weight:600;} .con-body #acceptForm .accept-agbox .agree-box span{font-size:14px; font-weight:600;} .con-body #acceptForm .accept-agbox em span{display: block; float: left;} .con-body #acceptForm .clause-txt textarea{height: 100px;} .con-body #acceptForm .cart-flow{width: 110%; margin-left: -5%; margin-top: -25px;} .con-body #acceptForm .cart-flow li{width: 27.5%; padding: 0; line-height: 25px;} .con-body #acceptForm .cart-flow li:nth-of-type(2){width: 45%; background-size: 40px;} .con-body #acceptForm .cart-flow li em{display: block; font-size: 18px; line-height: 35px; width: 35px; height: 35px; margin: auto; border: 2px solid #dcdcdc; margin-top: 10px; margin-bottom: 5px; border-radius:35px;} .con-body #acceptForm .cart-flow li span{font-size: 15px; line-height: 20px; font-weight: 600;} .con-body #acceptForm .cart-flow li.on em{border: 2px solid #413C39; color: #413C39;} .con-body #acceptForm .cart-flow li.on span{color: #413C39;} /*감독관신청*/ #supervisorForm.form-table table tbody tr td{padding: 15px 10px 15px 10px;} #supervisorForm.form-table table tbody tr td .w240{width: 100% !important;} /*시험장안내*/ .con-body .area-choice table tr th{padding: 15px 0; text-indent: 0;} .con-body .area-choice table tr td{padding: 10px 0;} .con-body .area-choice table tr td ul{float: left; width: 123%; margin-left: -23%; margin-top: 40px;} .con-body .area-choice table tr td ul li{width: 100%; padding: 5px 0;} .con-body .area-choice table tr td ul li label{width: 25%; float: left; margin-right: 0px;} .con-body .area-choice table tr td ul li select{display: inline-block; width: 75%; float: right;} #locationArea .lo-map{width: 100%; height: 200px;} #locationArea ul{width: 100%; height: 300px;} #locationArea ul li{width: 100%; padding: 10px;} #locationArea ul li > a em{width: 100%;} #locationArea ul li > a .num{width: 25px; height: 34px;} #locationArea ul li > a .call{width: auto; display: inline-block;} #locationArea ul li > a .fax{width: auto; display: inline-block; margin-left: 20px;} #locationArea ul li > a strong{float: left; margin-left: 10px; width: auto; padding-top: 5px; box-sizing:border-box; height: 40px; font-size: 15px;} /*시험일정*/ #exam_list{margin-top: 20px;} #examTable-02 .drag-ux{top: 40%;} .drag-ux{display: block; background: rgba(176,155,113,0.8); box-sizing:border-box; position: absolute; top: 50%; left: 50%; width: 260px; height: 100px; border-radius:115px; margin-top: -50px; margin-left: -130px; } .drag-ux img{width:50px; position: absolute; top: 50%; left: 50%; margin-left: 30px; margin-top: -45px; animation:drag 3s infinite; animation-delay: 1s; transform:scale(1);} .drag-ux span{font-size: 16px; color: #fff; position: absolute; top: 70%; display: block; text-align: center; width: 100%; font-weight: 300;} @keyframes drag{ 0%{transform:scale(1);} 5%{transform:scale(0.8);} 60%{transform:scale(0.8);} 65%{margin-left: -90px; transform:scale(1);} 100%{} } /* 시험접수내역 */ .con-body .inner-675 .note-box{margin-bottom: 40px;} .con-body-maintain .maintain-table-box{margin-bottom: 20px; width: 100%; overflow-x: scroll; position: relative; } .con-body-maintain .maintain-table-box ul.maintain-table-title{width: 230%; margin-top: 0;} .con-body-maintain .maintain-table-box ul.maintain-table-title li:nth-child(1){width: 6%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li{background: #f5f5f5; color: #888; font-size: 14px; font-weight: 600; text-align: center; border-bottom: 1px solid #dcdcdc; padding: 10px 0; border-left: 1px solid #dcdcdc; float: left;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(2){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(3){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(4){width: 12%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(5){width: 12%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(6){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(7){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(8){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(9){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-title li:nth-child(10){width: 8.7%;} .con-body-maintain .maintain-table-box ul.maintain-table-cont{width: 230%;} .con-body-maintain .maintain-table-box ul.maintain-table-cont li:nth-child(1){width: 6%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(2){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(3){width: 6%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(4){width: 12%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(5){width: 12%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(6){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(7){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(8){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(9){width: 10%;} .con-body-maintain #mpAcceptlist.maintain-table-box ul.maintain-table-cont li:nth-child(10){width: 8.7%;} /* 자격취득현황 */ .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(2){width: 15%;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(3){width: 15%;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(4){width: 14%;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(5){width: 14%;} .con-body-maintain #myAcquisition ul.maintain-table-title li:nth-child(6){width: 12%;} .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-title li:nth-child(7){width: 12%;} .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-title li:nth-child(8){width: 11.9%;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(2){width: 11%; line-height: 32px;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(3){width: 15%;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(4){width: 14%;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(5){width: 14%;} .con-body-maintain #myAcquisition ul.maintain-table-cont li:nth-child(6){width: 12%;} .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-cont li:nth-child(7){width: 12%;} .con-body-maintain #myAcquisition.maintain-table-box ul.maintain-table-cont li:nth-child(8){width: 10.9%;} .con-body-maintain .maintain-table-box .maintain-table{height:100px;} .con-body-maintain .maintain-table-box .maintain-table thead th{width:100px;} .con-body-maintain .maintain-table-box .maintain-table thead td{width:100px;} /* 게시판 */ #basicBoard colgroup col:nth-of-type(2){width: 28%;} #basicBoard tbody.bb-tb tr .al-le{text-indent: 0; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;} #basicBoardView colgroup col:nth-of-type(1),#basicBoardView colgroup col:nth-of-type(3){width: 20%;} #basicBoardView tbody tr th.tb-tt{height: auto; padding: 10px 0; font-size: 12px;} #basicBoardView tbody tr td.tb-td{text-indent: 0; padding: 10px 8px;} #basicBoardView tbody tr td.board-cont{padding: 15px;} #basicBoardPN colgroup col:nth-of-type(1){width: 18.5%;} #basicBoardPN tbody tr th.tb-tt{height: auto; padding: 15px 0; font-size: 12px;} #basicBoardPN tbody tr td.tb-td{text-indent: 0; padding: 15px 8px;} .notice-board a.list-btn{margin: 25px auto;} /* FAQ */ .con-body-faq .faq-list-box .faq-search-box ul li{width: 33.3333%; height: auto; padding: 12px 0;} .con-body-faq .faq-list-box .faq-search-box ul li.on{background: #413C39;} .con-body-faq .faq-list-box .faq-search-box ul li a{line-height: 1.5;} .con-body-faq .faq-list-box .faq-search-box ul li:nth-of-type(3){border-right: 0;} .con-body-faq .faq-list-box .faq-search-box ul li:nth-of-type(4),.con-body-faq .faq-list-box .faq-search-box ul li:nth-of-type(5){width: 50%; border-top: 1px solid #ddd;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dt a{height: auto; font-size: 14px; padding: 15px 10px 15px 50px; line-height: 1.6; text-indent: 0;} .con-body-faq .faq-list-box .faq-tab-box .faq-con-txt dd{padding: 15px 20px;} /* 1:1문의하기 */ .con-body-qna .question-box form table tbody tr th label{font-size: 12px;} .con-body-qna .question-box form .btn-box{width: 100%; margin-top: 18px;} .con-body-qna .question-box form .btn-box li{height: 40px; width: 48%;} .con-body-qna .question-box form .btn-box li:first-of-type{float: left; margin-right: 7px;} .con-body-qna .question-box form .btn-box li:last-of-type{float: right;} .con-body-qna .question-box form .btn-box li a{font-size: 14px; line-height: 50px; border-radius: 3px;} /*고사장*/ .con-body #educationForm table th{padding-right: 5px;} .con-body #educationForm table:nth-of-type(2) td{padding-left: 10px;} .con-body #educationForm table:nth-of-type(3) td{padding-left: 10px;} .con-body #educationForm table:nth-of-type(4) td{padding-left: 10px;} .con-body #educationForm table{border-bottom: 0;} #educationForm.form-table table tbody tr td .w70{width: 22%;} .con-body #educationForm table td .td-in-ul{border: 0; padding: 0; width: 100%; height: auto;} .con-body #educationForm table td .td-in-ul li{height: 70px; text-indent: 10px; width:69%; padding: 15px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; text-indent: 0px; padding-left: 10px; box-sizing:border-box;} .con-body #educationForm table td .td-in-ul .title-li{width: 30%; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 0px; padding-left: 10px; box-sizing:border-box; color: #888; border-bottom: 1px solid #ddd;} .con-body #educationForm table td .td-in-ul .title-li:nth-of-type(3){width: 30%;border-left: 0px;} .con-body #educationForm table td .td-in-ul li:nth-of-type(4){width:69%;} .con-body #educationForm table td .td-in-ul:nth-of-type(1) li:nth-of-type(2){width:69%;} .con-body #educationForm table td .td-in-ul:nth-of-type(3) li:nth-of-type(2){width:69%; height: auto;} .con-body #educationForm table td .td-in-ul:nth-of-type(3) li:nth-of-type(2) input#company_address1{width: 100%; margin-bottom: 10px;} .con-body #educationForm table td .td-in-ul:nth-of-type(3) li:nth-of-type(2) input#company_address2{width: 40%;} .con-body #educationForm table td .td-in-ul:nth-of-type(3) li:nth-of-type(2) a{height: 40px; line-height: 40px; border-radius: 3px;} .con-body #educationForm table td .td-in-ul:nth-of-type(4) li:nth-of-type(2){width:69%;} .con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(2){width:69%; padding-bottom: 30px; height: 180px;} .con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(1){padding-bottom: 30px; height: 180px;} .con-body #educationForm table td .td-in-ul:nth-of-type(n+3) li:nth-of-type(2){width:69%;} .con-body #educationForm table table select{width: 100%;} .con-body #acceptForm table td{} /* 회원가입 */ #fmJoin .join-table{} #fmJoin .join-table colgroup{} #fmJoin .join-table colgroup col:first-of-type{width:25%;} .con-body-join .clause-box{padding: 15px 5% 10px;} .con-body-join .clause-box strong{margin-bottom: 10px; font-size: 15px;} .con-body-join .clause-box .clause-list li .agree-txt em{font-size: 14px;} .con-body-join .clause-box .clause-list li .agree-txt .agree-box span{font-size: 14px;} .con-body-join .join-box .join-table tbody tr th{p adding: 15px 0;font-size: 14px; text-indent: 0; letter-spacing: -0.5px;} .con-body-join .join-box .join-table tbody tr td{padding: 15px 0;} .con-body-join .join-box .join-table tbody tr td .join-id{width: 52%;} .con-body-join .join-box .join-table tbody tr td input.join-pic-inupt{width: 52%;} .con-body-join .join-box .join-table tbody tr td input.join-address{width: 96%;} .con-body-join .join-box .join-table tbody tr td input.join-address2{width: 52%;} .con-body-join .join-box .join-table tbody tr td .join-year{width: 28%;} .con-body-join .join-box .join-table tbody tr td .join-month{width: 22%;} .con-body-join .join-box .join-table tbody tr td .join-day{width: 22%;} .con-body-join .join-box .join-table tbody tr td a{height: 40px !important; line-height: 40px !important; border-radius:3px;} .con-body-join .join-box .join-table tbody tr td a.join-address-btn{top: -1px;} .con-body-join .join-box .join-table tbody tr:last-of-type td input{width: 52%;} .con-body-join .join-box .join-table tbody tr td input{} .con-body-join .join-box .join-table tbody tr td span{font-size: 13px;} .con-body-join .join-box .join-table tbody tr td p{font-size: 12px;} .con-body-join .join-box .join-table tbody tr:nth-of-type(12) th{padding-top: 26px;} .con-body-join .join-box .join-table tbody tr:nth-of-type(4) th,.con-body-join .join-box .join-table tbody tr:nth-of-type(13) th{letter-spacing: 2px;} .con-body-join .join-box .join-table tbody tr td div.pic-btn{height: 40px;} .con-body-join .join-box .join-table tbody tr td input.join-pic-btn{line-height: 40px;} .con-body-join .join-box .join-table tbody tr td input.pic-view-btn{height: 40px; border-radius:3px;} .con-body-join .join-box .btn-box{width: 100%; padding: 0; margin: 0; margin-top: 15px;} .con-body-join .join-box .btn-box li{height: 40px; width: 48%; float: right;} .con-body-join .join-box .btn-box li:nth-child(1){margin-right: 7px; float: left;} .con-body-join .join-box .btn-box li a{font-size: 14px; line-height:50px; border-radius:3px;} .con-body-join .join-box .join-table tbody tr td .w70{width:27%;} .con-body-join .join-box .join-table tbody tr td .w240{width: 96%;} .con-body-join .clause-box .clause-list li .clause-txt textarea{height: 100px;} /* 로그인 */ .con-body-login .login-box .user-login{padding: 20px 6% 24px;} .con-body-login .login-box .user-login .login-list > li .title-box{display: none; margin-bottom: 15px;} .con-body-login .login-box .user-login .login-list > li .title-box h4{font-size: 18px; margin-bottom: 5px;} .con-body-login .login-box .user-login .login-list > li .title-box p{font-size: 14px;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list{float: none;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list li{width: 100%; margin-bottom: 0;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list li label{width: 26%; font-size: 14px;} .con-body-login .login-box .user-login .login-list > li .login-form .input-list li input{width: 100%; height: 34px;} .con-body-login .login-box .user-login .login-list > li .login-form .login-btn{float: right; height: 50px; margin-top: 15px; font-size: 14px; line-height: 50px; width: 100%; border-radius:3px;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list{float: left; width: 100%; margin-top: 15px;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li{margin: 0;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(1){width: 48%;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(2){width: 52%;} .con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li a{padding: 6px 0 6px 38px; font-size: 13px;} /* 아이디/비밀번호 찾기 */ .con-body-find .find-box .find-tap{} .con-body-find .find-box .find-tap li{width: 50%; box-sizing:border-box;} .con-body-find .find-box .find-input{padding: 20px 6% 28px;} .con-body-find .find-box .find-input .find-list > li{margin-bottom: 0;} .con-body-find .find-box .find-input .find-list > li h4{font-size: 14px;} .con-body-find .find-box .find-input .find-list > li label.certify-text{font-size: 14px;} .con-body-find .find-box .find-input .find-list > li label{width: 100%; font-size: 14px;} .con-body-find .find-box .find-input .find-list > li input.find-text-input{width: 100%; height: 35px;} .con-body-find .find-box .find-input .find-list > li a{float: right; margin-left: 0;} .con-body-find .find-box .find-input .find-list > li .certify-phone-box input.find-text-input{} .con-body-find .find-box .find-input .find-list > li a{float: right; width:33%;} .con-body-find .find-box .find-input .find-list > li input.w245{width:65%;} .con-body-find .find-box .find-input .ok-btn{/* clear: both; float: right; */ margin-top: 20px; width: 100%; border-radius:3px; height: 50px; line-height: 50px;} /* 개인정보수정 */ .con-body-edit .login-box .user-login .login-list > li .login-form .input-list li strong{width: 26%; font-size: 14px;} .con-body-edit .login-box .user-login .login-list > li .login-form .input-list li em{font-size: 14px;} #fmPwConfirm .login-form .input-list li input{width: 74%;} #fmMemberModify colgroup col:nth-child(1){width: 25%;} #fmMemberModify colgroup col:nth-child(2){width: 25%;} #fmMemberModify colgroup col:nth-child(3){width: 50%;} .con-body-edit .join-box .join-table tbody tr td figure{width: 95%; height: 220px;} .con-body-edit .join-box .join-table tbody tr td figure img{} .con-body-edit .join-box .join-table tbody tr td .td-in-ul .title-li{text-indent: 15px;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul .input-li{text-indent: 15px;} .con-body-edit .join-box .join-table tbody tr td .td-in-ul .input-li input{width: 86%;} .con-body-edit .join-box .btn-box li{width: 100%;} /* 개인정보수정 - 탈퇴 */ .info-withdrawal > strong{padding-left: 30px;text-indent: 0;font-size: 16px;} .info-withdrawal .care-box{margin-bottom: 15px; padding: 20px 6%;} .info-withdrawal .care-box p{margin-top: 10px; margin-bottom: 15px;} .info-withdrawal .care-box dl dt{font-size: 15px;} .education-info .check-box p{margin-bottom: 10px; font-size: 13px;} .education-info .check-box .pw-input-box{float: none; width: 100%;} .education-info .check-box .pw-input-box label{width: 25%; padding-right: 4%;} .education-info .check-box .pw-input-box input{width: 66%;} .education-info .check-box .btn-box{float: none; width: 100%; margin-top: 18px;} .education-info .check-box ul.btn-box li{margin-left: 0; height: 40px; width: 48%;} .education-info .check-box .btn-box li:first-of-type{float: left; margin-right: 7px;} .education-info .check-box .btn-box li:last-of-type{float: right;} .education-info .check-box .btn-box li a{font-size: 14px; line-height: 50px; border-radius: 3px;} /* 회원가입-완료페이지 */ .con-body-welcome .welcome-box{padding: 20px 6%; box-sizing:border-box; margin:0;} .con-body-welcome .welcome-box h4{font-size: 18px; font-weight:revert;} .con-body-welcome .welcome-box p{margin-bottom: 18px; font-size: 14px;} .con-body-welcome .welcome-box .btn-box{width: 100%;} .con-body-welcome .welcome-box .btn-box li{margin-left: 0; height: 40px; width: 48%;} .con-body-welcome .welcome-box .btn-box li:first-of-type{float: left;} .con-body-welcome .welcome-box .btn-box li:last-of-type{float: right;} .con-body-welcome .welcome-box .btn-box li a{width: 100%; height: auto; font-size: 14px; line-height: 40px; border-radius: 3px;} /* 이용약관 */ #personalInfo{margin-top: 20px; padding-bottom: 20px;} #personalInfo.personal-email{margin-top: 20px; padding-bottom: 20px;padding-top: 20px;} #personalInfo h4{text-indent: 20px; margin-top: 20px; margin-bottom: 15px;} #personalInfo h5{padding: 0 20px; font-size: 14px; margin-top: 15px; margin-bottom: 8px;} #personalInfo p{padding: 0 20px;} #personalInfo ul li{padding: 0 20px;} #personalInfo span{padding: 8px 20px;} .con-body-clause .inner-675 p{font-size: 12px;} .con-body-clause .inner-675 .personal-email{} } } /*----------------------------------------- sublayout 복사---------------------------------------------------*/ /* -------------- 아래부터 들어온코드 -----------------*/ /* sub */ .sub-nav { height:48px; border-bottom:1px solid #E4E8EB; } .sub-nav .inner { margin: 0 auto; width:1200px;} .sub-nav ul { overflow:hidden; border-left:1px solid #E4E8EB; } .sub-nav ul li { display:inline-block; float:left; height:48px; border-right:1px solid #E4E8EB; } .sub-nav ul li:first-child { padding-top:10px; width:48px; text-align:center; } .sub-con { overflow:hidden; margin:57px auto; width:1200px;} .sub-con .lnb { float:left; display:inline-block; width:252px; } .sub-con .lnb h2 { padding:19px 24px; height:71px; background-color:#626d46; font-size:22px; color:#fff; } .sub-con .lnb ul { padding:16px 24px; background-color:#F4F3F3;} .sub-con .lnb .license-dep-2{padding:0 0 13px; text-indent:7px;} .sub-con .lnb .license-dep-2 li{border-bottom:1px solid #eee;} .sub-con .lnb .license-dep-2 li:nth-child(4){border-bottom:1px dotted #9faf63;} .sub-con .lnb .license-dep-2 li:nth-child(8){border-bottom:1px dotted #9faf63;} .sub-con .lnb .license-dep-2 li a{font-size:15px;color:#666;} .sub-con .lnb ul li a { position:relative; display:block; width:100%; height:48px; font-size:16px; line-height:48px; color:#413C39; letter-spacing:-0.02em; } .sub-con .lnb ul li a:hover, .sub-con .lnb ul li.on a { font-weight:700; color:#F5A600; } .sub-con .lnb ul li a:hover::after, .sub-con .lnb ul li.on a::after { content:''; position:absolute; margin-top:-2px; top:50%; transform:translateY(-50%); right:0; display:inline-block; width:20px; height:9px; background:url("/images/common/icon-arrow-2.svg") 0 0 no-repeat; } .sub-con .content { float:left; display:inline-block; padding:0 0 0 56px; width:calc(100% - 252px); } .sub-con .content h3 { margin:0 0 56px -56px; padding:19px 56px; height:71px; background-color:#9faf63; color:#fff; font-size:22px; letter-spacing: -0.04em; } .sub-con .content h4 { margin-bottom: 0px; font-size:20px; color:#746661; font-weight:700; } /* .sub-con .content h4 { margin:56px 0 24px; font-size:20px; color:#746661; font-weight:700; } */ .sub-con .content h5 { position:relative; margin:30px 0 15px; /*margin-bottom: 12px; */font-size:20px; color:#746661; font-weight:700; } .sub-con .content h5.line::before { content:''; position:absolute; bottom:-12px; display:block; width:100%; height:1px; background-color:#746661; } .sub-con .content .tabs-item h5 {margin:56px 0 24px;} .sub-txt { margin:24px 0; font-size:16px; line-height:30px; } .diagram-list { overflow:hidden; } .diagram-list li { display:inline-block; float:left; margin-right:23px; margin-top:5px; padding-top:32px; height:160px; background-color:#FDF7EA; color:#746661; font-size:16px; text-align:center;margin-bottom: 29px; } .diagram-list li .num { display:block; margin-bottom:10px; font-weight:700; color:#F5A600; } .diagram-list li:nth-child(5) { margin-right:0; } .diagram-list.col-5 li { width:160px; border-radius:160px; } .sub-list { margin:24px 0; font-size:16px; line-height:30px; } .sub-list li { position:relative; padding-left:30px; } .sub-list.sub-list-check li { background:url("/images/common/icon-arrow.svg") top 11px left 8px no-repeat; } .sub-list.sub-list-dot li::before { content:''; position:absolute; top:13px; left:14px; width:5px; height:5px; background-color:#746661; } .stxt { font-size:13px; color:#999; } .sub-txt.process li {} /* table */ .tbl th, .tbl td { padding:10px 5px; text-align:center; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6; } .tbl th:first-child, .tbl td:first-child { border-left:0; } .tbl thead th { color:#fff; font-weight:700; background-color:#746661; } .cf li{/*margin-bottom:10px;*/display:inline-block;} .tbl th.td.price-date, td.price-date { padding:40px 5px; } .tbl tbody tr .skills {text-align: left; line-height: 1.5;padding-left: 15px;} .tbl tbody tr .skills span{ font-size:14px; color:#888;margin-left:20px;} .label-list { overflow:hidden; } .label-list li { position:relative; display:inline-block; float:left; padding:32px; width:calc((100% / 2) - 8px); height:207px; background-position: 0 0; background: no-repeat; color:#fff; } .label-macaron {} .label-macaron li:first-child {background-image: url('/images/content/label-macaron.jpg');} .label-macaron li:last-child {background-image: url('/images/content/label-macaron1.jpg');} .label-tart {} .label-tart li:first-child {background-image: url('/images/content/label-tart1.jpg');} .label-tart li:last-child {background-image: url('/images/content/label-tart2.jpg');} .label-gateau {} .label-gateau li:first-child {background-image: url('/images/content/label-gateau1.jpg');} .label-gateau li:last-child {background-image: url('/images/content/label-gateau2.jpg');} .label-cake {} .label-cake li:first-child {background-image: url('/images/content/label-cake1.jpg');} .label-cake li:last-child {background-image: url('/images/content/label-cake2.jpg');} .label-chocolate {} .label-chocolate li:first-child {background-image: url('/images/sublayout/label-chocolate.jpg');width:100%} .label-blanche {} .label-blanche li:first-child {background-image: url('/images/content/label-blanche1.jpg');} .label-blanche li:last-child {background-image: url('/images/content/label-blanche2.jpg');} .label-diploma {} .label-diploma li:first-child {background-image: url('/images/sublayout/sub-vis_diploma.jpg');} .label-conf li:first-child {background-image: url('/images/sublayout/sub-vis_conf.jpg');} .label-breads li:first-child {background-image: url('/images/sublayout/sub-vis_breads.jpg');} .label-level1 li:first-child {background-image: url('/images/sublayout/sub-vis_level1.jpg');} .label-master li:first-child {background-image: url('/images/sublayout/sub-vis_pet_master.jpg');} .label-style1 li:first-child {background-image: url('/images/sublayout/sub-vis_style1.jpg');} .label-style2 li:first-child {background-image: url('/images/sublayout/sub-vis_style2.jpg');} .label-style3 li:first-child {background-image: url('/images/sublayout/sub-vis_style3.jpg');} .label-style4 li:first-child {background-image: url('/images/sublayout/sub-vis_style4.jpg');} .label-bm li:first-child {background-image: url('/images/sublayout/sub-vis_bm.jpg');} .label-label-baking-director {} /* .label-baking-director li:first-child {background-image: url('/images/content/lable-baking-director.jpg');} */ .label-baking-director li:last-child {background-image: url('/images/content/lable-baking-director.jpg'); width: 100%;} /* .label-diploma li:last-child {background-image: url('/images/content/label-blanche2.jpg');} */ .label-list li .label { display:block; position:absolute; top:24px; left:0; width:200px; height:32px; line-height:32px; font-size:14px; text-align:center; font-weight:700; background-color:#A19091; } .label-list li .label.conf_label, .label-list li .label.breads_label{ display:block; position:absolute; top:24px; left:0; width:171px; height:32px; line-height:32px; font-size:14px; text-align:center; font-weight:700; background-color:#A19091; } .label-list li + li { margin-left:16px; } .label-list dl { margin-top:49px; letter-spacing:-0.03em; } .label-list dt { font-size:20px; font-weight:700; } .label-list dd { margin-top:13px; font-size:16px; line-height:26px; } @media all and (max-width:767px) { .sub-nav .inner { width:100%; } .sub-nav ul li { width:calc((100% / 3) - 0.2%); } .sub-nav ul li:first-child { display:none; } .sub-nav ul li:nth-child(4) { border-right:0; } .sub-nav .select { width:100%; } .sub-con { margin-top:0; width:100%; } .sub-con .content { padding:0 16px; width:100%; } .sub-con .lnb { display:none; } .sub-con .content h3 { margin:0 -16px 56px; padding:16px 21px; height:64px; line-height:34px; font-size:18px; } .sub-con .content h4, .sub-con .content h5 { margin: 0px 0 16px; font-size:18px; } .sub-vis { margin:0 -16px; } .sub-vis img { width:100%; } .sub-txt { font-size:15px; line-height:24px; } .sub-list li { padding-left:24px; font-size:15px; line-height:24px; } .sub-list.sub-list-check li { background-size:9px auto; } .sub-list.sub-list-dot li::before { width:3px; height:3px; } .diagram-list li { display:block; float:none; margin-top:8px; padding:0; width:100% !important; height:56px; text-align:left; line-height:56px; margin-bottom: 0;} .diagram-list li br { display:none; } .diagram-list li .num { display:inline-block; margin:0 40px; } .label-list li { padding:16px; height:238px; background-size:auto 100%; background-position:center; } .label-list li .label { top:16px; } .label-list dl { margin-top:50px; } .label-list dt { line-height:25px; } .label-list dd { margin-top:9px; font-size:15px; line-height:21px; } .tbl th, .tbl td { font-size:14px; } .con-body #educationForm table td .td-in-ul {width: 100%;} .con-body #educationForm table td .td-in-ul li:nth-of-type(2) {width: calc(100% - 100px);} .con-body #educationForm table td .td-in-ul:nth-child(1) li input, .con-body #educationForm table td .td-in-ul:nth-child(2) li input, .con-body #educationForm table td .td-in-ul:nth-child(5) li input {width: calc(100% - 12px);} .con-body #educationForm table td .td-in-ul:nth-child(3) li {height: 80px;} } @media screen and (max-width: 750px){ .form-table table {table-layout: fixed;} .con-body .inner-675 .btn {width: 100% !important;height: 50px !important;line-height: 50px !important;border-radius: 3px;} select {background: #fff !important;height: 40px !important;} .form-table table tbody tr td input[type=text].join-name {width: 100%;} #supervisorForm.form-table table tbody tr td label {width: 85%;display: inline-block;} #supervisorForm.form-table table tbody tr td {padding: 15px 10px 15px 10px;} .join-address.w360{width: 243px;} .join-address2.w360{width: 243px;} #supervisorForm.form-table table tbody tr td a.join-address-btn {height: 40px;line-height: 40px;border-radius: 3px;} #supervisorForm.form-table table tbody tr td a.join-address-btn {display: inline-block;width: 100px;height: 32px;background: #bbb;text-align: center;color: #fff;line-height: 32px;} .tbl tbody tr .skills span{ margin-left:0px;} /*베이킹디플로마*/ .content .dp_m{display:block;} .content .dp_pc{display:none;} .label-diploma li:last-child {background-image: url(/images/content/label_diploma_m.jpg);} /*민간자격소개*/ .content p{font-size: 14px; color: #666; margin-left: 0px; margin-top: 10px; line-height: 1.8;text-align:left;} .content p .note{font-size: 12px; color: #aaa; display: block; margin-bottom: 15px;} .content .terms ul{margin-top: 10px;} .content .terms ul li{font-size: 14px; background: url('/images/common/dot.png') 10px 50% no-repeat; padding-left: 20px;} .content .price{} .content .price table:last-child{margin-top: 30px;width:100%;} .content .price table:nth-of-type(1) tbody tr:nth-of-type(4) td{text-align:center; padding-left: 0;} .content .price table{margin: 10px auto; width: 100%;border-top: 1px solid #ddd;} .content .price table tr{} .content .price table tr th{font-size: 14px; text-align: center; border-bottom: 1px solid #dcdcdc; height: 30px; line-height: 30px;} .content .price table tr th{background: #f5f5f5; color: #888;} .content .price table tr th:nth-child(2){border-left: 1px solid #dcdcdc;} .content .price table tr th.title{height: 30px; line-height: 21px; font-size: 13px;} .content .price table tr th.bigtitle{text-indent:0px; height: 59px; line-height: 19px; font-size: 14px; letter-spacing:-2px;} .content .price table tr td{padding: 0 5px; font-size: 12px; line-height: 1.3;} .content .price table tr td.point{color: #4b5e6c;} .content .price table tr td h4{color: #666;} .content .price table tr td:nth-child(2){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(3){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(4){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(5){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr td:nth-of-type(2) ul li{text-align: center;} .content .price table tr td ul li:last-child{border-bottom: 0;} /*시험안내- 시험일정*/ #exam_list{position: relative;} #examTable-01.exam-table-sec{padding-top: 40px; padding-bottom: 40px;} #examTable-02.exam-table-sec{padding-top: 40px;} #examTable-01.exam-table-sec ul.exam-table-cont li a{border-radius:3px; line-height: 40px;} #examTable-02.exam-table-sec ul.exam-table-cont li a{border-radius:3px; line-height: 40px;} .exam-table-sec > h5{position: absolute; top: 15px; left: 10px; margin-top: 0;} #tapTitle > ul li{width: 50%; box-sizing:border-box;} .selec-section ul{height: auto;} #examSchedule.selec-section ul{margin-top: 23px;} #examSchedule.selec-section ul li{width: 100%; height: auto;} #examSchedule.selec-section ul li:after{clear:both; content: ''; display: block;} #examSchedule.selec-section ul li label{display: inline-block; width: 25%; float: left; margin: 0; } #examSchedule.selec-section ul li select{display: inline-block; width: 75%; float: right; background: #fff;margin-right:0;} #examSchedule.selec-section ul li select#center_idx{display: inline-block; width: 75%; float: right; background: #fff;} #examSchedule.selec-section ul li .search-ico-btn{width: 100%; height: 35px; line-height: 35px; padding: 0;float:right; text-align:center;} .exam-table-sec{width: 100%; overflow-x:scroll;} .exam-table-sec ul{width: 200%;} #examTable-01.exam-table-sec ul.exam-table-title li:nth-child(1){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-title li:nth-child(n+2){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-title li:nth-child(n+5){width: 17%;} #examTable-01.exam-table-sec ul.exam-table-cont li:nth-child(1){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-cont li:nth-child(n+2){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-cont li:nth-child(n+5){width: 17%;} #examTable-02.exam-table-sec ul.exam-table-title li:nth-child(1){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-title li:nth-child(n+2){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-title li:nth-child(n+5){width: 17%;} #examTable-02.exam-table-sec ul.exam-table-cont li:nth-child(1){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-cont li:nth-child(n+2){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-cont li:nth-child(n+5){width: 17%;} .con-body #educationForm table td .td-in-ul:nth-child(3) li {height: 125px;} .con-body #educationForm table td .td-in-ul:nth-child(3) li input:nth-child(1) {width: calc(100% - 12px); margin-bottom: 10px;} .con-body #educationForm table td .td-in-ul:nth-child(3) li input:nth-child(2) {margin-left: 10px;} .label-conf li:first-child {background-image: url('/images/sublayout/sub-vis_conf.jpg'); background-position-x: 86%;} .label-breads li:first-child {background-image: url('/images/sublayout/sub-vis_breads.jpg');background-position-x: 66%;} .label-level1 li:first-child {background-image: url('/images/sublayout/sub-vis_level1.jpg');background-position-x: 70%;} .label-master li:first-child {background-image: url('/images/sublayout/sub-vis_pet_master.jpg');background-position-x: 66%;} } @media screen and (max-width: 480px){ .form-table table {table-layout: fixed;} .con-body .inner-675 .btn {width: 100% !important;height: 50px !important;line-height: 50px !important;border-radius: 3px;} select {background: #fff !important;height: 40px !important;} .form-table table tbody tr td input[type=text].join-name {width: 100%;} #supervisorForm.form-table table tbody tr td label {width: 85%;display: inline-block;} #supervisorForm.form-table table tbody tr td {padding: 15px 10px 15px 10px;} .join-address.w360{width: 243px;} .join-address2.w360{width: 243px;} #supervisorForm.form-table table tbody tr td a.join-address-btn {height: 40px;line-height: 40px;border-radius: 3px;} #supervisorForm.form-table table tbody tr td a.join-address-btn {display: inline-block;width: 100px;height: 32px;background: #bbb;text-align: center;color: #fff;line-height: 32px;} .tbl tbody tr .skills span{ margin-left:0px;} /*베이킹디플로마*/ .content .dp_m{display:block;} .content .dp_pc{display:none;} .label-diploma li:last-child {background-image: url(/images/content/label_diploma_m.jpg);} /*민간자격소개*/ .content p{font-size: 14px; color: #666; margin-left: 0px; margin-top: 10px; line-height: 1.8;text-align:left;} .content p .note{font-size: 12px; color: #aaa; display: block; margin-bottom: 15px;} .content .terms ul{margin-top: 10px;} .content .terms ul li{font-size: 14px; background: url('/images/common/dot.png') 10px 50% no-repeat; padding-left: 20px;} .content .price{} .content .price table:last-child{margin-top: 30px;width:100%;} .content .price table:nth-of-type(1) tbody tr:nth-of-type(4) td{text-align:center; padding-left: 0;} .content .price table{margin: 10px auto; width: 100%;border-top: 1px solid #ddd;} .content .price table tr{} .content .price table tr th{font-size: 14px; text-align: center; border-bottom: 1px solid #dcdcdc; height: 30px; line-height: 30px;} .content .price table tr th{background: #f5f5f5; color: #888;} .content .price table tr th:nth-child(2){border-left: 1px solid #dcdcdc;} .content .price table tr th.title{height: 30px; line-height: 21px; font-size: 13px;} .content .price table tr th.bigtitle{text-indent:0px; height: 59px; line-height: 19px; font-size: 14px; letter-spacing:-2px;} .content .price table tr td{padding: 0 5px; font-size: 12px; line-height: 1.3;} .content .price table tr td.point{color: #4b5e6c;} .content .price table tr td h4{color: #666;} .content .price table tr td:nth-child(2){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(3){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(4){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr th:nth-child(5){border-left: 1px solid #dcdcdc; text-align: center; padding-left: 0; padding-right: 0;} .content .price table tr td:nth-of-type(2) ul li{text-align: center;} .content .price table tr td ul li:last-child{border-bottom: 0;} /*시험안내- 시험일정*/ #exam_list{position: relative;} #examTable-01.exam-table-sec{padding-top: 40px; padding-bottom: 40px;} #examTable-02.exam-table-sec{padding-top: 40px;} #examTable-01.exam-table-sec ul.exam-table-cont li a{border-radius:3px; line-height: 40px;} #examTable-02.exam-table-sec ul.exam-table-cont li a{border-radius:3px; line-height: 40px;} .exam-table-sec > h5{position: absolute; top: 15px; left: 10px; margin-top: 0;} #tapTitle > ul li{width: 50%; box-sizing:border-box;} .selec-section ul{height: auto;} #examSchedule.selec-section ul{margin-top: 23px;} #examSchedule.selec-section ul li{width: 100%; height: auto;} #examSchedule.selec-section ul li:after{clear:both; content: ''; display: block;} #examSchedule.selec-section ul li label{display: inline-block; width: 25%; float: left; margin: 0; } #examSchedule.selec-section ul li select{display: inline-block; width: 75%; float: right; background: #fff;margin-right:0;} #examSchedule.selec-section ul li select#center_idx{display: inline-block; width: 75%; float: right; background: #fff;} #examSchedule.selec-section ul li .search-ico-btn{width: 100%; height: 35px; line-height: 35px; padding: 0;float:right; text-align:center;} .exam-table-sec{width: 100%; overflow-x:scroll;} .exam-table-sec ul{width: 200%;} #examTable-01.exam-table-sec ul.exam-table-title li:nth-child(1){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-title li:nth-child(n+2){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-title li:nth-child(n+5){width: 17%;} #examTable-01.exam-table-sec ul.exam-table-cont li:nth-child(1){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-cont li:nth-child(n+2){width: 8%;} #examTable-01.exam-table-sec ul.exam-table-cont li:nth-child(n+5){width: 17%;} #examTable-02.exam-table-sec ul.exam-table-title li:nth-child(1){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-title li:nth-child(n+2){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-title li:nth-child(n+5){width: 17%;} #examTable-02.exam-table-sec ul.exam-table-cont li:nth-child(1){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-cont li:nth-child(n+2){width: 8%;} #examTable-02.exam-table-sec ul.exam-table-cont li:nth-child(n+5){width: 17%;} .con-body #educationForm table td .td-in-ul li:nth-of-type(2) {width: 69%;} .con-body #educationForm table td .td-in-ul:nth-child(1) li input, .con-body #educationForm table td .td-in-ul:nth-child(2) li input, .con-body #educationForm table td .td-in-ul:nth-child(5) li input {width: 100%;} .con-body #educationForm table td .td-in-ul:nth-child(3) li input:nth-child(2) {margin-left: 0;} .con-body #educationForm table td .td-in-ul:nth-child(6) li label {display: inline-block; width: 81%;} } @media all and (max-width:480px) { .cooking-img li { float: left; width: 50%; height: auto; overflow: hidden; } .cooking-img li img { width: 100%; vertical-align: top; height: auto; } ul.gateau-ad>li { height: 156px; width: 50%; } } /* 새로작성 20.08.05 */ /* 컨텐츠 구조 <내부 변경 금지> */ #container {} #content {} #content .sub-nav {} #content .sub-nav .inner {} #content .sub-con {} #content .sub-con .content {} #content .sub-con .content h4 {} #content .sub-con .content .con-body {} #content .sub-con .content .con-body /* con-body에 페이지별 클래스 추가사용 */{} #content .sub-con .content .con-body .inner-675 {} /* ------------------------------------------------ 세부내용 ------------------------------------------*/ #content .sub-con .content-info {width:100%; padding: 0 120px;} #content .sub-con .content-info > h4 {margin-top: 0;} /* 협회소개 */ #content .sub-con .content-intro {} #content .sub-con .content-intro > h4 {margin: 24px 0;} #content .sub-con .inner-675 {padding-bottom: 0px;} /* 개인정보 및 약관 공통 */ #personalInfo {} #personalInfo h4 {font-size: 16px;} #personalInfo h5 {font-size: 15px;} #personalInfo p {font-size: 14px;} #personalInfo ul {} #personalInfo ul li {font-size: 13px;} /* 검정장신청서 */ .con-body #educationForm table td .td-in-ul:nth-of-type(2) li:nth-of-type(4) input[type=text] {text-indent:5px;}