@charset "utf-8"; @font-face{ font-family:NSR; src:url("../fonts/NanumSquareR.eot"); src:local("※"), url("../fonts/NanumSquareR.woff") format("woff"), url("../fonts/NanumSquareR.ttf") format("truetype") } @font-face{ font-family:NSB; src:url("../fonts/NanumSquareB.eot"); src:local("※"), url("../fonts/NanumSquareB.woff") format("woff"), url("../fonts/NanumSquareB.ttf") format("truetype") } @font-face{ font-family:NSEB; src:url("../fonts/NanumSquareEB.eot"); src:local("※"), url("../fonts/NanumSquareEB.woff") format("woff"), url("../fonts/NanumSquareEB.ttf") format("truetype") } @font-face{ font-family:GSL; src:url("../fonts/GmarketSansTTFLight.eot"); src:local("※"), url("../fonts/GmarketSansTTFLight.woff") format("woff"), url("../fonts/GmarketSansTTFLight.ttf") format("truetype") } @font-face{ font-family:GSM; src:url("../fonts/GmarketSansTTFMedium.eot"); src:local("※"), url("../fonts/GmarketSansTTFMedium.woff") format("woff"), url("../fonts/GmarketSansTTFMedium.ttf") format("truetype") } @font-face{ font-family:GSB; src:url("../fonts/GmarketSansTTFBold.eot"); src:local("※"), url("../fonts/GmarketSansTTFBold.woff") format("woff"), url("../fonts/GmarketSansTTFBold.ttf") format("truetype") } body {/*font-size:12px;*/font-family:'Noto Sans KR', NSR, NSB, sans-serif;color:#282828} body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0} h1:not(.write_area h1), h2:not(.write_area h2), h3:not(.write_area h3), h4:not(.write_area h4), h5:not(.write_area h5), h6:not(.write_area h6), p:not(.write_area p) { font-size: inherit; font-weight: normal; font-family: inherit } ul{list-style:none} a{text-decoration:none} a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none} button{border:0px;background:none;cursor:pointer;font-family:inherit} img{border:0px;vertical-align:top} address{font-style:normal} header, nav, section, article, footer{display:block} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select{vertical-align:middle} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} table{border-spacing:0px;border-collapse:collapse} em{font-style:normal} fieldset{border:0} select::-ms-expand {display:none} .clear:after{display:block;content:"";clear:both} .area{width:1280px;margin:0 auto} .area2{width:1780px;margin:0 auto} #black{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;filter:Alpha(opacity=30);z-index:2} #ceccReqPu{display:none;position:fixed;top:50%;left:50%;width:550px;height:782px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3} #ceccReqPu .close_btn{position:absolute;top:-30px;right:0} #ceccReqPu .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px} #ceccReqPu .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px} #ceccReqPu .box .ul_wrap{width:490px;margin:0 auto;border-top:3px solid #0c0f81} #ceccReqPu .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4} #ceccReqPu .box .ul_wrap > ul > li > *{float:left} #ceccReqPu .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px} #ceccReqPu .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px} #ceccReqPu .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555} #ceccReqPu .box .ul_wrap > ul > li > .ip_box input:focus{outline:0} #ceccReqPu .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li{float:left;width:50%} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > *{float:left} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box input:focus{outline:0} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555} #ceccReqPu .box .ul_wrap > ul > li.li_nb h4{width:118px} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 130px)} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li{float:left;width:31%;margin-left:3.4%} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li:first-child{margin-left:0} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{position:relative;width:100%;height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box input:focus{outline:0} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box label{position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555} #ceccReqPu .box .ul_wrap strong{display:block;font-size:16px;font-weight:300;color:#b00000;letter-spacing:-1.5px;line-height:20px;padding-top:16px;padding-bottom:23px} #ceccReqPu .box .agr_wrap{margin-left:42px;width:478px} #ceccReqPu .box .agr_wrap .top h4{float:left;font-size:16px;font-weight:500;color:#555} #ceccReqPu .box .agr_wrap .top .chk_wrap{float:right} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;padding-left:15px;font-size:12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;color:#555} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:5px;width:10px;height:10px;text-align:center;border:1px solid #b9b9b9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{content: '';position:absolute;top:5px;left:0;width:10px;height:10px;text-align:center;background:#282828;border:0} #ceccReqPu .box .agr_wrap .btm{width:466px;height:83px;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;overflow:auto} #ceccReqPu .box .agr_wrap .btm p{font-size:14px;color:#555;line-height:20px;padding-left:12px;padding-top:10px;word-break:keep-all} #ceccReqPu .box .inq_btn{display:block;width:490px;height:40px;background:#0c0f81;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0} #ceccReqIqPu{display:none;position:fixed;top:50%;left:50%;width:450px;height:323px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3} #ceccReqIqPu .close_btn{position:absolute;top:-30px;right:0} #ceccReqIqPu .box{width:100%;height:100%;background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px} #ceccReqIqPu .box h3{font-size:30px;text-align:center;font-weight:700;color:#000;padding-top:39px;padding-bottom:24px} #ceccReqIqPu .box .ul_wrap{width:390px;margin:0 auto;border-top:3px solid #0c0f81} #ceccReqIqPu .box .ul_wrap > ul > li{height:50px;overflow:hidden;border-bottom:1px solid #d4d4d4} #ceccReqIqPu .box .ul_wrap > ul > li > *{float:left} #ceccReqIqPu .box .ul_wrap > ul > li h4{font-size:16px;color:#555;font-weight:500;padding-left:12px;width:56px;line-height:50px} #ceccReqIqPu .box .ul_wrap > ul > li > .ip_box{position:relative;width:calc(100% - 68px);height:25px;background-color:#fff;border:1px solid #d4d4d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-top:12px} #ceccReqIqPu .box .ul_wrap > ul > li > .ip_box input{width:95%;padding-left:5%;height:98%;background-color:#fff;border:0;font-family:'Noto Sans KR', NSR, NSB, sans-serif;font-size:16px;color:#555} #ceccReqIqPu .box .ul_wrap > ul > li > .ip_box input:focus{outline:0} #ceccReqIqPu .box .ul_wrap > ul > li > .ip_box label{position:absolute;top:50%;left:5%;-webkit-transform:translate(0, -45%);transform:translate(0, -45%);cursor:text;font-size:16px;color:#555} #ceccReqIqPu .box .inq_btn{display:block;width:390px;height:40px;background:#0c0f81;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:20px;font-weight:700;color:#fff;margin:30px auto 0} #header{border-bottom:1px solid #e0e0e0} #header .area2{height:100%} #header .area2 .top{padding-top:4px} #header .area2 .top ul{float:right} #header .area2 .top ul li{float:left;padding-left:16px;margin-left:14px;background:url("../images/main/cecc_hd_util_bar.jpg") no-repeat left 4px} #header .area2 .top ul li:first-child{padding-left:0;margin-left:0;background:none} #header .area2 .top ul li a{font-family:NSB, NSR, 'Noto Sans KR', sans-serif;color:#8e8e8e} #header .area2 .btm{position:relative;height:75px;margin-top:13px} #header .area2 .btm .hd_logo{position:absolute;top:8px;left:0;width:287px} #header .area2 .btm .hd_logo a{display:block} #header .area2 .btm .hd_logo a img{width:100%;height:auto} #header .area2 .btm .btm_wrap{float:right;height:75px} #header .area2 .btm .btm_wrap > *{float:left} #header .area2 .btm .btm_wrap #gnb{height:100%;line-height:75px} #header .area2 .btm .btm_wrap #gnb > ul{height:100%} #header .area2 .btm .btm_wrap #gnb > ul > li{position:relative;display:inline-block;margin-left:47px;height:100%} #header .area2 .btm .btm_wrap #gnb > ul > li:first-child{margin-left:0} #header .area2 .btm .btm_wrap #gnb > ul > li > a{font-size:20px;font-weight:700} #header .area2 .btm .btm_wrap #gnb > ul > li > ul{display:none;position:absolute;top:75px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);background:#fff;border:1px solid #d2d2d2;border-top:2px solid #0c0f81;z-index:2;padding:11px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #header .area2 .btm .btm_wrap #gnb > ul > li.gnb1 > ul{width:120px} #header .area2 .btm .btm_wrap #gnb > ul > li.gnb2 > ul{width:172px} #header .area2 .btm .btm_wrap #gnb > ul > li.gnb3 > ul{width:179px} #header .area2 .btm .btm_wrap #gnb > ul > li.gnb4 > ul{width:162px} #header .area2 .btm .btm_wrap #gnb > ul > li.gnb5 > ul{width:133px} #header .area2 .btm .btm_wrap #gnb > ul > li > ul li a{display:block;font-size:16px;color:#807f7f;line-height:1;padding:8px 0;text-align:center} #header .area2 .btm .btm_wrap .alarm{width:127px;height:23px;background:#0c0f81;-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;font-size:16px;color:#fff;text-align:center;line-height:23px;overflow:hidden;margin-top:26px;margin-left:28px} #header .area2 .btm .btm_wrap .ham_btn{line-height:1;margin-top:27px;margin-left:10px} #header .area2 .btm .btm_wrap .ham_btn button{float:left} #header .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn{display:none;margin-right:10px} #header .area2 .me_fullview{display:none;position:fixed;top:50%;left:50%;width:1280px;height:800px;background:#fff;border:2px solid #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2} #header .area2 .me_fullview .close_btn{position:absolute;top:20px;right:20px} #header .area2 .me_fullview .tit{padding-left:79px;margin-top:68px;margin-bottom:26px} #header .area2 .me_fullview .tit > *{float:left;color:#0c0f81} #header .area2 .me_fullview .tit h2{font-size:36px;font-weight:700} #header .area2 .me_fullview .tit h3{font-size:30px;opacity:0.25;filter:Alpha(opacity=25);padding-top:10px;padding-left:5px} #header .area2 .me_fullview .txt{padding-left:79px} #header .area2 .me_fullview .txt > div{margin-top:22px} #header .area2 .me_fullview .txt .txt1{margin-top:0} #header .area2 .me_fullview .txt > div h3{font-size:24px;font-weight:500;line-height:1;margin-bottom:9px;padding-left:2.5px} #header .area2 .me_fullview .txt > div h3 img{margin-top:11px;margin-right:9px} #header .area2 .me_fullview .txt > div ul li{float:left;width:155px;height:50px;background:#f2f2f2;margin:0 2.5px 5px} #header .area2 .me_fullview .txt > div ul li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;line-height:48px} #header .full_menu{display:none;position:absolute;top:110px;left:0;width:100%;height:468px;background:#fff;z-index:2;border-bottom:1px solid #e0e0e0} #header .full_menu > ul{margin:0 70px;padding-top:56px} #header .full_menu > ul > li{float:left;width:19.36%;margin-left:0.8%} #header .full_menu > ul > li.mb_dn{display:none} #header .full_menu > ul > li.mb_dn h3 a{display:block;width:100%;height:100%} #header .full_menu > ul > li:first-child{margin-left:0} #header .full_menu > ul > li h3{position:relative;font-size:20px;font-weight:700;text-align:center;border-bottom:2px solid #0c0f81;padding-bottom:7px} #header .full_menu > ul > li h3 .plus_btn{display:none;width:21px;height:21px;position:absolute;top:50%;right:4%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)} #header .full_menu > ul > li h3 .plus_btn img{-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s} #header .full_menu > ul > li ul{padding-top:15px} #header .full_menu > ul > li ul li a{display:block;font-size:16px;color:#807f7f;line-height:1;padding:8px 0;text-align:center} #main .cnt1{padding-bottom:129px} #main .cnt1 .area2{height:100%;padding-top:29px} #main .cnt1 .area2 > div{float:left;height:800px} #main .cnt1 .area2 .left{width:27.9%} #main .cnt1 .area2 .mid{width:41%;margin:0 1.6%} #main .cnt1 .area2 .mid li{height:100%} #main .cnt1 .area2 .mid li img{width:100%;height:auto} #main .cnt1 .area2 .right{width:27.9%} #main .cnt1 .area2 .left ul{height:100%;width:100%} #main .cnt1 .area2 .left ul li{float:left;width:calc(50% - 8px);height:calc(50% - 8px);background:#f3f3f3;margin-left:16px;border:2px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} #main .cnt1 .area2 .left ul li:nth-child(1), #main .cnt1 .area2 .left ul li:nth-child(3){margin-left:0} #main .cnt1 .area2 .left ul li:nth-child(3), #main .cnt1 .area2 .left ul li:nth-child(4){margin-top:16px} #main .cnt1 .area2 .left ul li a{position:relative;display:block;width:100%;height:100%} #main .cnt1 .area2 .left ul li a h2{font-size:26px;font-weight:500;line-height:32px;padding-left:27px;padding-top:34px} #main .cnt1 .area2 .left ul li a .icon{display:block;margin-left:27px;margin-top:15px} #main .cnt1 .area2 .left ul li a p{position:absolute;bottom:30px;right:30px;font-size:18px;line-height:1} #main .cnt1 .area2 .left ul li a p img{margin-top:6px;margin-left:9px} #main .cnt1 .area2 .mid .bx-wrapper{box-shadow:none;border:0;background:none;margin-bottom:0;height:100%} #main .cnt1 .area2 .mid .bx-wrapper .bx-viewport{height:100% !important} #main .cnt1 .area2 .mid .bx-wrapper .bx-viewport ul{height:100%} #main .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager{padding-top:0;bottom:20px} #main .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager > div a{width:74px;height:4px;background:#fff;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px} #main .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager > div a.active{background:#0b29c3} #main .cnt1 .area2 .right ul{height:100%} #main .cnt1 .area2 .right ul li{float:left;width:calc(50% - 8px);height:calc(50% - 8px);background:#f3f3f3;margin-left:16px;border:2px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} #main .cnt1 .area2 .right ul li:nth-child(1), #main .cnt1 .area2 .right ul li:nth-child(3){margin-left:0} #main .cnt1 .area2 .right ul li:nth-child(3), #main .cnt1 .area2 .right ul li:nth-child(4){margin-top:16px} #main .cnt1 .area2 .right ul li a{position:relative;display:block;width:100%;height:100%} #main .cnt1 .area2 .right ul li a h2{font-size:26px;font-weight:500;line-height:32px;padding-left:27px;padding-top:34px} #main .cnt1 .area2 .right ul li a .icon{display:block;margin-left:27px;margin-top:15px} #main .cnt1 .area2 .right ul li a p{position:absolute;bottom:30px;right:30px;font-size:18px;line-height:1} #main .cnt1 .area2 .right ul li a p img{margin-top:6px;margin-left:9px} /* 22.04.05 추가 시작 */ #main .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction a { width: 50px; height: 50px; margin-top: -25px; z-index: 1; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } #main .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction .bx-prev { background-image: url("../images/main/prev_btn.png"); } #main .cnt1 .area2 .mid .bx-wrapper .bx-controls-direction .bx-next { background-image: url("../images/main/next_btn.png"); } /* 22.04.05 추가 끝 */ #ceccS11 .cnt1{padding-bottom:100px} #ceccS11 .cnt1 .area > h2{font-size:40px;text-align:center;color:#202020;line-height:1;padding:100px 0 35px} #ceccS11 .cnt1 .area .txt .map{width:1200px;height:596px;margin:0 auto;border-top:2px solid #0c0f81;border-bottom:2px solid #0c0f81} #ceccS11 .cnt1 .area .txt ul{width:1200px;margin:0 auto} #ceccS11 .cnt1 .area .txt ul li{height:90px;border-bottom:2px solid #e0e0e0} #ceccS11 .cnt1 .area .txt ul li > *{float:left} #ceccS11 .cnt1 .area .txt ul li .icon{margin:20px 29px 0 40px} #ceccS11 .cnt1 .area .txt ul li .p_wrap p{float:left;font-size:20px;font-weight:300;line-height:90px;padding-left:22px;margin-left:20px;background:url("../images/sub/cecc_s4_bar.jpg") no-repeat left center;word-wrap:normal} #ceccS11 .cnt1 .area .txt ul li .p_wrap p strong{font-weight:500} #ceccS11 .cnt1 .area .txt ul li .p_wrap p.first{padding-left:0;margin-left:0;background:none} #ceccS21 .cnt1{padding-bottom:0px} #ceccS21 .cnt1 .area .tit{padding-top:79px} #ceccS21 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS21 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS21 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS21 .cnt1 .txt{margin-top:40px} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li{float:left;width:49%;margin-left:1.1%;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li:first-child{margin-left:0} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;font-weight:500;color:#202020;text-align:center} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li.on{background:#0c0f81;border:2px solid #0c0f81} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li.on a{color:#fff} #ceccS21 .cnt1 .txt .tab_split .tab_cnt{background:#e6eaf3;margin-top:60px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div{display:none} #ceccS21 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1{display:block} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .sub_tit{padding-top:49px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .sub_tit h3{font-size:36px;text-align:center;color:#0c0f81;padding-bottom:4px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .sub_tit p{font-size:20px;text-align:center;line-height:28px;width:550px;margin:0 auto;word-break:keep-all} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2{margin-top:36px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li{float:left;width:15.8%;height:39px;line-height:35px;margin-left:1.04%;background:#fff;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:13px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li:nth-child(6n+1){margin-left:0} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li a{display:block;width:100%;height:100%;text-align:center;font-size:20px;color:#202020} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li.on{border:2px solid #0c0f81;background:#0c0f81} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li.on a{color:#fff} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div{position:relative;display:none;padding-bottom:60px;padding-top:58px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt .sub_tab_cnt1{display:block} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left{float:left;width:700px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit p{font-size:24px;font-weight:300;color:#202020} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit p span{font-weight:400;color:#0c0f81} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit h4{font-size:20px;font-weight:300;color:#202020} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit h4 strong{font-size:40px;font-weight:700;color:#0c0f81} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info{margin-top:82px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p{font-size:24px;font-weight:300;color:#202020;padding-bottom:3px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p > *{float:left} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p1{width:50px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p2{width:calc(100% - 50px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right{position:absolute;right:0;bottom:0;width:calc(100% - 700px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .img{text-align:right} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .mb_img{display:none} #ceccS31 .cnt1 .area .tit{padding-top:79px} #ceccS31 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS31 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS31 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS31 .cnt1 .txt{margin-top:40px} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li{float:left;width:32.6%;margin-left:1.1%;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li:first-child{margin-left:0} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;font-weight:500;color:#202020;text-align:center} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li.on{background:#0c0f81;border:2px solid #0c0f81} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li.on a{color:#fff} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div{display:none} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1{display:block} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area .sub_tit{padding-top:48px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area .sub_tit h3{font-size:36px;text-align:center;color:#0c0f81} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area .sub_tit p{font-size:20px;text-align:center;line-height:28px;padding-top:6px;width:750px;word-break:keep-all;margin:0 auto} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul{margin-top:56px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li{position:relative;float:left;width:49.45%;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.1%;height:392px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li:first-child{margin-left:0} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner .icon{display:block;text-align:center} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner p{font-size:20px;font-weight:300;line-height:25px;text-align:center;padding-top:45px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner p span{font-weight:500;color:#0c0f81} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm{background:#f2f2f2;margin-top:100px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_tit{padding-top:88px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_tit h3{font-size:36px;text-align:center;color:#0c0f81} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt{position:relative;margin-top:94px;height:1006px;padding-bottom:63px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt .pillar{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:776px;background:#0c0f81} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul{width:100%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li{position:absolute;width:50%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_li2{top:189px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_li3{top:378px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_li4{top:567px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_li5{top:756px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_li6{top:945px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap > *{float:left} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box{width:555px;height:250px;background:#fff;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-41px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box h4{font-size:26px;font-weight:500;text-align:center;padding-top:38px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box h4 span{color:#0c0f81} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box .bar{display:block;width:90%;height:2px;background:url("../images/sub/cecc_s3_dot.jpg") repeat center;margin:35px auto 33px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box p{font-size:20px;text-align:center;line-height:28px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .mb_cc{display:none;position:absolute;top:0;left:50%;margin-left:-10px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_left .wrap{margin-right:-10px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_left .wrap .box{margin-left:40px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_right .wrap{margin-left:-10px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_right{left:50%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li{width:32.6%;height:auto} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li:after{content:"";display:block;padding-bottom:100%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt .pillar{height:965px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt{height:1195px} #ceccS32 .cnt1 .area .tit{padding-top:79px} #ceccS32 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS32 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS32 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS32 .cnt1 .area .tit p{font-size:20px;text-align:center;line-height:28px;width:750px;margin:0 auto;word-break:keep-all;padding:33px 10px 0 10px} #ceccS32 .cnt1 .txt .top .area > ul{margin-top:56px} #ceccS32 .cnt1 .txt .top .area > ul li{position:relative;float:left;width:49.45%;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.1%;height:392px} #ceccS32 .cnt1 .txt .top .area > ul li:first-child{margin-left:0} #ceccS32 .cnt1 .txt .top .area > ul li .inner{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon{display:block;text-align:center} #ceccS32 .cnt1 .txt .top .area > ul li .inner p{font-size:20px;font-weight:300;line-height:25px;text-align:center;padding-top:45px} #ceccS32 .cnt1 .txt .top .area > ul li .inner p span{font-weight:500;color:#0c0f81} #ceccS32 .cnt1 .txt .btm{background:#f2f2f2;margin-top:100px} #ceccS32 .cnt1 .txt .btm .area .sub_tit{padding-top:88px} #ceccS32 .cnt1 .txt .btm .area .sub_tit h3{font-size:36px;text-align:center;color:#0c0f81} #ceccS32 .cnt1 .txt .btm .area .sub_txt{position:relative;margin-top:94px;height:1006px;padding-bottom:63px} #ceccS32 .cnt1 .txt .btm .area .sub_txt .pillar{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:776px;background:#0c0f81} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul{width:100%} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li{position:absolute;width:50%} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_li2{top:189px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_li3{top:378px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_li4{top:567px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_li5{top:756px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_li6{top:945px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap > *{float:left} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box{width:555px;height:250px;background:#fff;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-41px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:26px;font-weight:500;text-align:center;padding-top:38px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4 span{color:#0c0f81} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{display:block;width:90%;height:2px;background:url("../images/sub/cecc_s3_dot.jpg") repeat center;margin:35px auto 33px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:20px;text-align:center;line-height:28px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .mb_cc{display:none;position:absolute;top:0;left:50%;margin-left:-10px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap{margin-right:-10px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap .box{margin-left:40px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_right .wrap{margin-left:-10px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_right{left:50%} #ceccS33 .cnt1 .area .tit{padding-top:79px} #ceccS33 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS33 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS33 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS33 .cnt1 .area .tit p{font-size:20px;text-align:center;line-height:28px;width:750px;margin:0 auto;word-break:keep-all;padding:33px 10px 0 10px} #ceccS33 .cnt1 .txt .top .area > ul{margin-top:56px} #ceccS33 .cnt1 .txt .top .area > ul li{position:relative;float:left;width:49.45%;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.1%;height:392px} #ceccS33 .cnt1 .txt .top .area > ul li:first-child{margin-left:0} #ceccS33 .cnt1 .txt .top .area > ul li .inner{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon{display:block;text-align:center} #ceccS33 .cnt1 .txt .top .area > ul li .inner p{font-size:20px;font-weight:300;line-height:25px;text-align:center;padding-top:45px;word-break:keep-all} #ceccS33 .cnt1 .txt .top .area > ul li .inner p span{font-weight:500;color:#0c0f81} #ceccS33 .cnt1 .txt .btm{background:#f2f2f2;margin-top:100px} #ceccS33 .cnt1 .txt .btm .area .sub_tit{padding-top:88px} #ceccS33 .cnt1 .txt .btm .area .sub_tit h3{font-size:36px;text-align:center;color:#0c0f81} #ceccS33 .cnt1 .txt .btm .area .sub_txt{position:relative;margin-top:94px;height:1006px;padding-bottom:63px} #ceccS33 .cnt1 .txt .btm .area .sub_txt .pillar{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:776px;background:#0c0f81} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul{width:100%} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li{position:absolute;width:50%} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_li2{top:189px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_li3{top:378px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_li4{top:567px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_li5{top:756px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_li6{top:945px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap > *{float:left} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box{width:555px;height:250px;background:#fff;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-41px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:26px;font-weight:500;text-align:center;padding-top:55px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4 span{color:#0c0f81} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{display:block;width:90%;height:2px;background:url("../images/sub/cecc_s3_dot.jpg") repeat center;margin:35px auto 33px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:20px;text-align:center;line-height:28px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .mb_cc{display:none;position:absolute;top:0;left:50%;margin-left:-10px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap{margin-right:-10px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap .box{margin-left:40px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_right .wrap{margin-left:-10px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_right{left:50%} #ceccS34 .cnt1 .area .tit{padding-top:79px} #ceccS34 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS34 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS34 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS34 .cnt1 .area .tit p{font-size:20px;text-align:center;line-height:28px;width:750px;margin:0 auto;word-break:keep-all;padding:33px 10px 0 10px} #ceccS34 .cnt1 .txt .top .area > ul{margin-top:56px} #ceccS34 .cnt1 .txt .top .area > ul li{position:relative;float:left;width:49.45%;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1.1%;height:392px} #ceccS34 .cnt1 .txt .top .area > ul li:first-child{margin-left:0} #ceccS34 .cnt1 .txt .top .area > ul li .inner{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon{display:block;text-align:center} #ceccS34 .cnt1 .txt .top .area > ul li .inner p{font-size:20px;font-weight:300;line-height:25px;text-align:center;padding-top:45px;word-break:keep-all} #ceccS34 .cnt1 .txt .top .area > ul li .inner p span{font-weight:500;color:#0c0f81} #ceccS34 .cnt1 .txt .btm{background:#f2f2f2;margin-top:100px} #ceccS34 .cnt1 .txt .btm .area .sub_tit{padding-top:88px} #ceccS34 .cnt1 .txt .btm .area .sub_tit h3{font-size:36px;text-align:center;color:#0c0f81} #ceccS34 .cnt1 .txt .btm .area .sub_txt{position:relative;margin-top:94px;height:1006px;padding-bottom:63px} #ceccS34 .cnt1 .txt .btm .area .sub_txt .pillar{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:776px;background:#0c0f81} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul{width:100%} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li{position:absolute;width:50%} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_li2{top:189px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_li3{top:378px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_li4{top:567px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_li5{top:756px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_li6{top:945px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap > *{float:left} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box{width:555px;height:250px;background:#fff;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-41px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:26px;font-weight:500;text-align:center;padding-top:55px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4 span{color:#0c0f81} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{display:block;width:90%;height:2px;background:url("../images/sub/cecc_s3_dot.jpg") repeat center;margin:35px auto 33px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:20px;text-align:center;line-height:28px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .mb_cc{display:none;position:absolute;top:0;left:50%;margin-left:-10px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap{margin-right:-10px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap .box{margin-left:40px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_right .wrap{margin-left:-10px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_right{left:50%} #ceccS41 .cnt1{padding-bottom:100px} #ceccS41 .cnt1 .area .tit{padding-top:79px} #ceccS41 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS41 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS41 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:37px auto 0} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:590px;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:20px} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt{width:1200px;margin:21px auto 0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2{border-bottom:2px solid #282828} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li{float:left;width:33.333333%} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{display:block;width:100%;font-size:22px;font-weight:500;text-align:center;padding-bottom:14px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li.on{border-bottom:2px solid #0c0f81} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div{display:none} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > .sub_tab_cnt1{display:block} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{width:1200px;height:140px;background:#fff;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);margin:17px auto 0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li:first-child{margin-top:30px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{float:left} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{font-size:24px;font-weight:500;line-height:35px;padding:16px 0 26px 19px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left p{font-size:18px;font-weight:300;padding-left:19px;line-height:1;padding-bottom:8px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right{float:right;margin-top:48px;margin-right:30px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn{display:block;width:170px;height:50px;background:#0c0f81;font-size:20px;color:#fff;line-height:50px;padding-left:20px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn > *{float:left} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn img{width:17px;height:auto;margin-top:20px;margin-left:12px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging{width:376px;margin:60px auto 0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.prev, #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.next{border:0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li:first-child{margin-left:0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.on{border:0;background:#0c0f81} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li.on a{color:#fff} #ceccS42 .cnt1{padding-bottom:100px} #ceccS42 .cnt1 .area .tit{padding-top:79px} #ceccS42 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS42 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS42 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn{width:1200px;margin:37px auto 0} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li{float:left;width:590px;height:60px;line-height:58px;background:#f3f3f3;border:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:20px} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li:first-child{margin-left:0} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li a{display:block;width:100%;height:100%;font-size:20px;text-align:center;font-weight:500} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li.on{border:0;background:#0c0f81} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li.on a{color:#fff} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt{width:1200px;margin:21px auto 0} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div{display:none} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt .tab_cnt1{display:block} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2{border-bottom:2px solid #282828} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li{float:left;width:33.333333%} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{display:block;width:100%;font-size:22px;font-weight:500;text-align:center;padding-bottom:16px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li.on{border-bottom:2px solid #0c0f81} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div{display:none} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > .sub_tab_cnt1{display:block} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding:40px 0;margin-top:30px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box > div{width:1120px;margin:0 auto} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit{height:84px;background:#f1f1f1;border-top:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding-left:22px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit h3{font-size:24px;line-height:78px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util{height:66px;line-height:64px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{float:left;font-size:20px;color:#808080;font-weight:300;padding-left:23px;margin-left:21px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 22px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p:first-child{padding-left:23px;margin-left:0;background:none} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_area{height:710px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:40px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{float:left;width:591px;height:50px;text-align:center;line-height:48px;font-size:20px;font-weight:500;color:#fff} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_brf{background:#0c0f81} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{background:#282828;margin-left:18px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{display:block;width:100%;height:50px;background:#282828;color:#fff;font-size:20px;text-align:center;line-height:48px;font-weight:500;margin-top:20px} #ceccS51 .cnt1{padding-bottom:137px} #ceccS51 .cnt1 .area .tit{padding-top:79px} #ceccS51 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS51 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS51 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS51 .cnt1 .area .txt{width:1200px;margin:39px auto 0} #ceccS51 .cnt1 .area .txt > ul{border-bottom:4px solid #0c0f81} #ceccS51 .cnt1 .area .txt ul li.tb_tit{width:100%;height:56px;border-top:4px solid #0c0f81;border-bottom:2px solid #b5b5b5;background:#e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS51 .cnt1 .area .txt ul li > *{float:left} #ceccS51 .cnt1 .area .txt ul li h4{height:100%;font-size:20px;font-weight:500;text-align:center;line-height:50px} #ceccS51 .cnt1 .area .txt ul li.tb_tit .th1{width:9%} #ceccS51 .cnt1 .area .txt ul li.tb_tit .th2{width:66%} #ceccS51 .cnt1 .area .txt ul li.tb_tit .th3{width:7%} #ceccS51 .cnt1 .area .txt ul li.tb_tit .th4{width:12%} #ceccS51 .cnt1 .area .txt ul li.tb_tit .th5{width:6%} #ceccS51 .cnt1 .area .txt ul li.tb_txt{height:50px;line-height:48px;border-bottom:1px solid #e0e0e0} #ceccS51 .cnt1 .area .txt ul li.tb_txt:last-child{border-bottom:0} #ceccS51 .cnt1 .area .txt ul li.tb_txt a{display:block;width:100%;height:100%} #ceccS51 .cnt1 .area .txt ul li.tb_txt a > *{float:left} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td1{width:9%} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2{width:66%} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td3{width:7%} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td4{width:12%} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td5{width:6%} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2 > *{float:left} #ceccS51 .cnt1 .area .txt ul li a > div p{font-size:16px;text-align:center;color:#333} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2 p{text-align:left} #ceccS51 .cnt1 .area .txt .paging{width:376px;margin:60px auto 0} #ceccS51 .cnt1 .area .txt .paging ul li{float:left;width:24px;height:24px;line-height:22px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8px} #ceccS51 .cnt1 .area .txt .paging ul li.prev, #ceccS51 .cnt1 .area .txt .paging ul li.next{border:0} #ceccS51 .cnt1 .area .txt .paging ul li:first-child{margin-left:0} #ceccS51 .cnt1 .area .txt .paging ul li a{display:block;width:100%;height:100%;font-size:14px;color:#b5b5b5;text-align:center} #ceccS51 .cnt1 .area .txt .paging ul li.on{border:0;background:#0c0f81} #ceccS51 .cnt1 .area .txt .paging ul li.on a{color:#fff} #ceccS52 .cnt1{padding-bottom:100px} #ceccS52 .cnt1 .area .tit{padding-top:79px} #ceccS52 .cnt1 .area .tit > *{font-size:40px;text-align:center;line-height:1} #ceccS52 .cnt1 .area .tit h2{color:#202020;padding-bottom:11px} #ceccS52 .cnt1 .area .tit h3{color:#0c0f81;opacity:0.3;filter:Alpha(opacity=30)} #ceccS52 .cnt1 .area .txt{width:1200px;margin:36px auto 0} #ceccS52 .cnt1 .area .txt .box{width:100%;box-shadow:0px 0px 32px rgba(0, 0, 0, .14);padding:40px 0;border-bottom:4px solid #0c0f7c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS52 .cnt1 .area .txt .box > div{width:1120px;margin:0 auto} #ceccS52 .cnt1 .area .txt .box .write_tit{background:#f1f1f1;border-top:2px solid #0c0f81;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #e0e0e0;overflow:hidden;padding:11px 0} #ceccS52 .cnt1 .area .txt .box .write_tit h3{padding-left:22px;font-size:20px;line-height:1.3;word-wrap:normal;word-break:keep-all} #ceccS52 .cnt1 .area .txt .box .write_util{height:44px;line-height:40px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS52 .cnt1 .area .txt .box .write_util > p{float:left;font-size:18px;color:#808080;font-weight:300;margin-left:50px} #ceccS52 .cnt1 .area .txt .box .write_util > p:first-child{margin-left:24px} #ceccS52 .cnt1 .area .txt .box .write_area{height:389px;border-bottom:2px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #ceccS52 .cnt1 .area .txt .ctr a{display:flex;margin-top:16px} #ceccS52 .cnt1 .area .txt .ctr a > *{float:left;font-size:18px;color:#333;line-height:1.5;word-break:keep-all} #ceccS52 .cnt1 .area .txt .ctr a .arrow img{margin-top:8px;margin-right:10px} #ceccS52 .cnt1 .area .txt .view_list{display:block;width:200px;height:40px;background:#282828;font-size:20px;color:#fff;text-align:center;line-height:40px;font-weight:300;margin-top:36px} #footer{border-top:2px solid #e0e0e0;height:211px} #footer .ft_util{height:52px;line-height:52px;overflow:hidden} #footer .ft_util .area ul li{float:left;padding-left:20px;margin-left:18px;background:url("../images/main/cecc_ft_util_bar.jpg") no-repeat left center} #footer .ft_util .area ul li:first-child{padding-left:0;margin-left:0;background:none} #footer .ft_util .area ul li a{font-size:14px} #footer .ft_btm .area > div{float:left} #footer .ft_btm .area .btm_left{margin-top:7px} #footer .ft_btm .area .btm_left h2 a{display:block;width:100%;height:100%} #footer .ft_btm .area .btm_left > div{margin-top:10px} #footer .ft_btm .area .btm_left > div a{float:left;width:178px;height:28px;line-height:24px;background:#e0e0e0;border:1px solid #282828;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:18px;margin-left:3px} #footer .ft_btm .area .btm_left > div a:first-child{margin-left:0} #footer .ft_btm .area .btm_right{margin-top:19px;margin-left:44px} #footer .ft_btm .area .btm_right ul li.mid p{float:left;padding-left:13px;margin-left:11px;background:url("../images/main/cecc_ft_bar.jpg") no-repeat left center} #footer .ft_btm .area .btm_right ul li.mid p:first-child{padding-left:0;margin-left:0;background:none} #footer .ft_btm .area .btm_right ul li address{padding-top:19px} /* 1820 시작 */ @media all and (max-width:1820px) { .area2{width:96%} #main .cnt1{padding-bottom:80px} #main .cnt1 .area2 .left ul li a h2{font-size:24px;line-height:1.3;padding-top:20px;padding-left:22px} #main .cnt1 .area2 .left ul li a .icon{margin-left:22px} #main .cnt1 .area2 .left ul li a p{font-size:14px;bottom:20px;right:20px} #main .cnt1 .area2 .left ul li a p img{width:10px;height:auto;margin-top:5px} #main .cnt1 .area2 .right ul li a h2{font-size:24px;line-height:1.3;padding-top:20px;padding-left:22px} #main .cnt1 .area2 .right ul li a .icon{margin-left:22px} #main .cnt1 .area2 .right ul li a .icon img{height:auto} #main .cnt1 .area2 .right ul li a p{font-size:14px;right:20px;bottom:20px} #main .cnt1 .area2 .right ul li a p img{width:10px;height:auto;margin-top:5px} } /* 1820 끝 */ /* 1500 시작 */ @media all and (max-width:1500px) { #header .area2 .me_fullview{width:90%;height:auto;padding-bottom:79px} #main .cnt1 .area2 .left ul li a .icon{width:34px} #main .cnt1 .area2 .left ul li a .icon img{width:100%;height:auto} #main .cnt1 .area2 .right ul li a .icon{width:30px} #main .cnt1 .area2 .right ul li a .icon img{width:100%;height:auto} } /* 1500 끝 */ /* 1280 시작 */ @media all and (max-width:1280px) { .area{width:96%} #header{position:relative;height:181px} #header .area2{width:100%} #header .area2 .top{width:96%;margin:0 auto} #header .area2 .btm{margin-top:0;height:160px;padding:0 2%} #header .area2 .btm .hd_logo{top:22px;left:2%} #header .area2 .btm .btm_wrap #gnb{height:70px;width:100%;position:absolute;left:0;bottom:0;border-top:1px solid #e0e0e0;line-height:70px} #header .area2 .btm .btm_wrap #gnb ul{text-align:center} #header .area2 .btm .btm_wrap #gnb > ul > li > ul{opacity:0;filter:Alpha(opacity=0)} #header .area2 .btm .btm_wrap .alarm{margin-top:34px;margin-left:0;margin-right:10px} #header .area2 .btm .btm_wrap .ham_btn{margin-top:24px} #header .area2 .btm .btm_wrap .ham_btn button{width:40px;height:40px} #header .area2 .btm .btm_wrap .ham_btn button img{width:100%;height:auto;margin:0} #header .area2 .me_fullview{padding-bottom:40px} #header .area2 .me_fullview .tit{padding-left:40px;margin-top:40px} #header .area2 .me_fullview .tit h2{font-size:30px} #header .area2 .me_fullview .tit h3{font-size:24px} #header .area2 .me_fullview .txt{padding-left:40px} #header .area2 .me_fullview .txt > div h3{font-size:22px} #header .area2 .me_fullview .txt > div h3 img{margin-top:11px;width:4px;height:auto} #header .area2 .me_fullview .txt > div ul{margin-right:40px} #header .area2 .me_fullview .txt > div ul li{width:calc(20% - 5px);height:40px} #header .area2 .me_fullview .txt > div ul li a{font-size:18px;line-height:38px} #header .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn{display: block; } #header .full_menu{height:auto;top:111px} #header .full_menu > ul{width:90%;margin:0 auto;padding-top:30px} #header .full_menu > ul > li h3{font-size:18px} #header .full_menu > ul > li ul{padding-top:10px} #header .full_menu > ul > li ul li a{font-size:15px} #main .cnt1 .area2{position:relative;width:100%} #main .cnt1 .area2 > div{float:none} #main .cnt1 .area2 .mid{width:100%;position:absolute;top:0;left:0;margin:0} #main .cnt1 .area2 .left, #main .cnt1 .area2 .right{width:96%;margin:16px auto 0} #ceccS11 .cnt1 .area .txt .map{width:100%} #ceccS11 .cnt1 .area .txt ul{width:100%} #ceccS11 .cnt1 .area .txt ul li{height:auto;padding:20px 0} #ceccS11 .cnt1 .area .txt ul li .icon{margin:0px;width:80px} #ceccS11 .cnt1 .area .txt ul li .icon img{display:block;margin-left:auto;margin-right:auto;margin-top:5px} #ceccS11 .cnt1 .area .txt ul li .p_wrap{width:calc(100% - 80px)} #ceccS11 .cnt1 .area .txt ul li .p_wrap p{float:none;padding-left:0;margin-left:0;background:none;line-height:1.5} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li{width:50%;margin-left:0;border:1px solid #e0e0e0} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li.on{border:1px solid #0c0f81} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left{width:calc(100% - 350px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit p{font-size:18px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit h4{font-size:18px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit h4 strong{font-size:34px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info{margin-top:50px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p{font-size:20px;word-break:keep-all;padding-right:20px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p1{width:41px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p2{width:calc(100% - 41px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right{position:static;float:left;width:350px} /* #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .img{display:none} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .mb_img{display:block} */ /* 추가 */ #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .img{width: 70%; margin: 0 auto;} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right img{width: 150%; height: auto;} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li{width:33.333333%;margin-left:0;border:1px solid #e0e0e0} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li.on{border:1px solid #0c0f81} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li{height:300px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner .icon img{height:auto} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner p{font-size:18px;line-height:1.3;padding-top:20px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li .inner .icon img{width:70px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt2 .top .area > ul li .inner .icon img{width:110px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt3 .top .area > ul li .inner .icon img{width:80px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt{margin-top:50px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt, #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt{height:100%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt .pillar, #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt .pillar{height:100%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li{position:static;width:100%;margin-bottom:50px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li:last-child{margin-bottom:0} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap{position:relative;z-index:1;padding-top:70px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap > *{float:none} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_left .wrap{margin-right:0} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_right .wrap{margin-left:0} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box, #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li.csul_left .wrap .box{margin:0 auto} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .cc{display:none} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .mb_cc{display:block} #ceccS32 .cnt1 .txt .top .area > ul li{height:300px} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon img{height:auto} #ceccS32 .cnt1 .txt .top .area > ul li .inner p{font-size:18px;line-height:1.3;padding-top:20px} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon img{width:70px} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon img{width:110px} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon img{width:80px} #ceccS32 .cnt1 .txt .btm .area .sub_txt{margin-top:50px} #ceccS32 .cnt1 .txt .btm .area .sub_txt, #ceccS32 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt{height:100%} #ceccS32 .cnt1 .txt .btm .area .sub_txt .pillar, #ceccS32 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt .pillar{height:100%} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li{position:static;width:100%;margin-bottom:50px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li:last-child{margin-bottom:0} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap{position:relative;z-index:1;padding-top:70px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap > *{float:none} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap{margin-right:0} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_right .wrap{margin-left:0} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box, #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap .box{margin:0 auto} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .cc{display:none} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .mb_cc{display:block} #ceccS33 .cnt1 .txt .top .area > ul li{height:300px} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon img{height:auto} #ceccS33 .cnt1 .txt .top .area > ul li .inner p{font-size:18px;line-height:1.3;padding-top:20px} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon img{width:70px} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon img{width:110px} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon img{width:80px} #ceccS33 .cnt1 .txt .btm .area .sub_txt{margin-top:50px} #ceccS33 .cnt1 .txt .btm .area .sub_txt, #ceccS33 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt{height:100%} #ceccS33 .cnt1 .txt .btm .area .sub_txt .pillar, #ceccS33 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt .pillar{height:100%} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li{position:static;width:100%;margin-bottom:50px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li:last-child{margin-bottom:0} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap{position:relative;z-index:1;padding-top:70px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap > *{float:none} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap{margin-right:0} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_right .wrap{margin-left:0} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box, #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap .box{margin:0 auto} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .cc{display:none} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .mb_cc{display:block} #ceccS34 .cnt1 .txt .top .area > ul li{height:300px} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon img{height:auto} #ceccS34 .cnt1 .txt .top .area > ul li .inner p{font-size:18px;line-height:1.3;padding-top:20px} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon img{width:70px} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon img{width:110px} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon img{width:80px} #ceccS34 .cnt1 .txt .btm .area .sub_txt{margin-top:50px} #ceccS34 .cnt1 .txt .btm .area .sub_txt, #ceccS34 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt{height:100%} #ceccS34 .cnt1 .txt .btm .area .sub_txt .pillar, #ceccS34 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .btm .area .sub_txt .pillar{height:100%} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li{position:static;width:100%;margin-bottom:50px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li:last-child{margin-bottom:0} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap{position:relative;z-index:1;padding-top:70px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap > *{float:none} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap{margin-right:0} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_right .wrap{margin-left:0} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box, #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li.csul_left .wrap .box{margin:0 auto} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .cc{display:none} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .mb_cc{display:block} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn{width:100%} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li{width:50%;margin-left:0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt{width:100%} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{width:100%} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{position:relative;width:100%;height:auto;padding-bottom:30px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:60%} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{padding-top:25px;line-height:1.3;word-break:keep-all} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right{float:none;margin:0;position:absolute;right:30px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn{width:100%} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li{width:50%;margin-left:0} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt{width:100%} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box > div{width:96%} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{width:100%} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{width:49.25%} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap .req_inq{margin-left:1.5%} #ceccS51 .cnt1 .area .txt{width:100%} #ceccS52 .cnt1 .area .txt{width:100%} #ceccS52 .cnt1 .area .txt .box > div{width:96%} #footer{border-top:0;height:auto;padding-bottom:50px} #footer .ft_util{height:auto} #footer .ft_util .area{width:100%} #footer .ft_util .area ul li{float:none;padding-left:0;margin-left:0;background:none;background-color:#e0e0e0;border-bottom:1px solid #282828} #footer .ft_util .area ul li:first-child{background-color:#e0e0e0;border-top:1px solid #282828} #footer .ft_util .area ul li a{display:block;text-align:center;font-size:18px} #footer .ft_btm .area > div{float:none} #footer .ft_btm .area .btm_left{padding-top:30px} #footer .ft_btm .area .btm_left h2{width:359px;margin:0 auto} #footer .ft_btm .area .btm_left h2 a img{width:100%;height:auto} #footer .ft_btm .area .btm_left > div{width:381px;margin:21px auto 0} #footer .ft_btm .area .btm_left > div a{font-size:24px;width:188px;height:37px;line-height:36px;margin-left:5px} #footer .ft_btm .area .btm_right{margin-top:30px;margin-left:0} #footer .ft_btm .area .btm_right ul li p{text-align:center;font-size:18px} #footer .ft_btm .area .btm_right ul li.mid{text-align:center;margin-top:15px} #footer .ft_btm .area .btm_right ul li.mid p{display:inline-block;float:none;background-position:left 9px} #footer .ft_btm .area .btm_right ul li address{text-align:center;font-size:18px} } /* 1280 끝 */ /* 1000 시작 */ @media all and (max-width:1000px) { #ceccS32 .cnt1 .area .tit p{width:550px} #ceccS33 .cnt1 .area .tit p{width:550px} #ceccS34 .cnt1 .area .tit p{width:550px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util{height:auto;padding:20px 0} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p:first-child{padding-top:0} #ceccS51 .cnt1 .area .txt > ul{border-top:4px solid #0c0f81;border-bottom:4px solid #0c0f81} #ceccS51 .cnt1 .area .txt ul li.tb_tit{display:none} #ceccS51 .cnt1 .area .txt ul li.tb_txt{height:auto;line-height:1;padding-bottom:23px} #ceccS51 .cnt1 .area .txt > ul > li:last-child{border-bottom:0} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td1{display:none} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2{float:none;display:flex;width:100%;margin-bottom:30px;padding-top:17px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2 p{line-height:1.3;padding-right:2%;padding-top:2px;padding:2px 2% 0 24px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td3, #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td4, #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td5{width:auto;padding-left:22px;margin-left:20px;background:url("../images/sub/gate_s3_bar.jpg") no-repeat left 3px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td3 p, #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td4 p, #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td5 p{color:#808080;font-weight:300;text-align:left} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td3{margin-left:24px;background:none;padding-left:0} #ceccS52 .cnt1 .area .txt .box .write_util{height:auto;padding:20px 0} #ceccS52 .cnt1 .area .txt .box .write_util > p{float:none;padding-left:23px;margin-left:0;background:none;line-height:1;padding-top:15px} #ceccS52 .cnt1 .area .txt .box .write_util > p:first-child{padding-top:0;margin-left:0} } /* 1000 끝 */ /* 830 시작 */ @media all and (max-width:830px) { #header .area2 .me_fullview .tit{padding-left:0} #header .area2 .me_fullview .tit h2{font-size:26px} #header .area2 .me_fullview .tit h3{font-size:20px;padding-top:0} #header .area2 .me_fullview .tit > *{float:none;text-align:center} #header .area2 .me_fullview .txt > div ul li{width:calc(25% - 5px);height:40px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:55%} } /* 830 끝 */ /* 720 시작 */ @media all and (max-width:720px) { #ceccReqPu{width:90%;height:auto} #ceccReqPu .box{padding-bottom:30px} #ceccReqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px} #ceccReqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81} #ceccReqPu .box .ul_wrap > ul > li{height:44px} #ceccReqPu .box .ul_wrap > ul > li .ip_box, #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:9px} #ceccReqPu .box .ul_wrap > ul > li h4{line-height:44px} #ceccReqPu .box .agr_wrap{width:85%;margin:0 auto} #ceccReqPu .box .agr_wrap .btm{width:100%} #ceccReqPu .box .inq_btn{width:85%;margin-top:20px} #ceccReqIqPu{width:90%;height:auto} #ceccReqIqPu .box{padding-bottom:30px} #ceccReqIqPu .box h3{font-size:22px;padding-top:25px;padding-bottom:10px} #ceccReqIqPu .box .ul_wrap{width:85%;border-top:2px solid #0c0f81} #ceccReqIqPu .box .ul_wrap > ul > li{height:44px} #ceccReqIqPu .box .ul_wrap > ul > li .ip_box{margin-top:9px} #ceccReqIqPu .box .ul_wrap > ul > li h4{line-height:42px} #ceccReqIqPu .box .inq_btn{width:85%;margin-top:20px} #header{height:160px} #header .area2 .top{display:none} #header .area2 .btm{height:100%} #header .area2 .btm .btm_wrap #gnb > ul > li{margin-left:25px} #header .area2 .me_fullview .txt{padding-left:0;width:96%;margin:0 auto} #header .area2 .me_fullview .txt > div h3{font-size:18px} #header .area2 .me_fullview .txt > div h3 img{margin-top:8px} #header .area2 .me_fullview .txt > div ul{margin-right:0;width:100%} #header .area2 .me_fullview .txt > div ul li{height:34px} #header .area2 .me_fullview .txt .txt3 ul li{width:calc(50% - 5px)} #header .area2 .me_fullview .txt > div ul li a{font-size:14px;line-height:32px} #header .full_menu{padding-bottom:0;top:90px} #header .full_menu > ul{width:100%;padding-top:0} #header .full_menu > ul > li{float:none;width:100%;margin-left:0} #header .full_menu > ul > li.mb_dn{display:block} #header .full_menu > ul > li h3{padding-bottom:0;height:63px;line-height:63px;border-bottom:1px solid #e0e0e0} #header .full_menu > ul > li h3 .plus_btn{display:block} #header .full_menu > ul > li ul{display:none;padding-top:0;padding-bottom:20px} #header .full_menu > ul > li ul li{height:50px} #header .full_menu > ul > li ul li a{padding:0;text-align:center;line-height:50px} #ceccS11 .cnt1 .area > h2{font-size:26px;padding:50px 0 30px} #ceccS11 .cnt1 .area .txt ul li .icon{width:50px} #ceccS11 .cnt1 .area .txt ul li .icon img{width:30px;height:auto} #ceccS11 .cnt1 .area .txt ul li .p_wrap p{font-size:16px} #ceccS11 .cnt1 .area .txt .map{height:400px} #ceccS21 .cnt1 .area .tit{padding-top:50px} #ceccS21 .cnt1 .area .tit > *{font-size:30px} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li{height:50px;line-height:48px} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li a{font-size:18px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .sub_tit{padding-top:40px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .sub_tit h3{font-size:24px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .sub_tit p{font-size:15px;line-height:1.5;width:90%} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li{width:32.64%;margin-bottom:5px;height:32px;line-height:28px;border:1px solid #e0e0e0} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li:nth-child(6n+1){margin-left:1.04%} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li:nth-child(3n+1){margin-left:0} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li.on{border:1px solid #0c0f81} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2 li a{font-size:16px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left{width:calc(100% - 300px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info{margin-top:30px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p{font-size:16px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p1{width:35px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p2{width:calc(100% - 35px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right{width:300px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .mb_img{width:100%} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right .mb_img img{width:100%;height:auto} #ceccS31 .cnt1 .area .tit{padding-top:50px} #ceccS31 .cnt1 .area .tit > *{font-size:30px} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li{height:50px;line-height:48px} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li a{font-size:18px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area .sub_tit{padding-top:40px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area .sub_tit h3{font-size:24px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area .sub_tit p{font-size:15px;line-height:1.5;width:90%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul{margin-top:40px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li{width:50%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:150px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li:first-child{border-left:0} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner p{font-size:14px;padding-top:10px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li{width:33.333333%;height:150px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li:after{padding-bottom:0} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li .inner .icon img{width:50px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt2 .top .area > ul li .inner .icon img{width:80px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt3 .top .area > ul li .inner .icon img{width:60px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm{margin-top:50px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_tit{padding-top:40px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_tit h3{font-size:24px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt{margin-top:30px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box{height:100%;width:90%} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box h4{font-size:22px;padding:30px 10px 0 10px;word-break:keep-all} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box .bar{margin:25px auto 23px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box p{font-size:16px;padding:0 10px 34px 10px;word-break:keep-all;line-height:1.5} #ceccS32 .cnt1 .area .tit{padding-top:50px} #ceccS32 .cnt1 .area .tit > *{font-size:30px} #ceccS32 .cnt1 .area .tit p{font-size:16px;line-height:1.5;padding-top:15px;width:90%} #ceccS32 .cnt1 .txt .btm .area .sub_tit{padding-top:40px} #ceccS32 .cnt1 .txt .btm .area .sub_tit h3{font-size:24px} #ceccS32 .cnt1 .txt .btm .area .sub_tit p{font-size:15px;line-height:1.5;width:90%} #ceccS32 .cnt1 .txt .top .area > ul{margin-top:40px} #ceccS32 .cnt1 .txt .top .area > ul li{width:50%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:150px} #ceccS32 .cnt1 .txt .top .area > ul li:first-child{border-left:0} #ceccS32 .cnt1 .txt .top .area > ul li .inner p{font-size:14px;padding-top:10px} #ceccS32 .cnt1 .txt .top .area > ul li{width:50%;height:150px} #ceccS32 .cnt1 .txt .top .area > ul li:after{padding-bottom:0} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon img{width:60px} #ceccS32 .cnt1 .txt .btm{margin-top:50px} #ceccS32 .cnt1 .txt .btm .area .sub_tit{padding-top:40px} #ceccS32 .cnt1 .txt .btm .area .sub_tit h3{font-size:24px} #ceccS32 .cnt1 .txt .btm .area .sub_txt{margin-top:30px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box{height:100%;width:90%} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:22px;padding:30px 10px 0 10px;word-break:keep-all} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{margin:25px auto 23px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:16px;padding:0 10px 34px 10px;word-break:keep-all;line-height:1.5} #ceccS33 .cnt1 .area .tit{padding-top:50px} #ceccS33 .cnt1 .area .tit > *{font-size:30px} #ceccS33 .cnt1 .area .tit p{font-size:16px;line-height:1.5;padding-top:15px;width:90%} #ceccS33 .cnt1 .txt .btm .area .sub_tit{padding-top:40px} #ceccS33 .cnt1 .txt .btm .area .sub_tit h3{font-size:24px} #ceccS33 .cnt1 .txt .btm .area .sub_tit p{font-size:15px;line-height:1.5;width:90%} #ceccS33 .cnt1 .txt .top .area > ul{margin-top:40px} #ceccS33 .cnt1 .txt .top .area > ul li{width:50%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:150px} #ceccS33 .cnt1 .txt .top .area > ul li:first-child{border-left:0} #ceccS33 .cnt1 .txt .top .area > ul li .inner p{font-size:14px;padding-top:10px} #ceccS33 .cnt1 .txt .top .area > ul li{width:50%;height:150px} #ceccS33 .cnt1 .txt .top .area > ul li:after{padding-bottom:0} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon img{width:60px} #ceccS33 .cnt1 .txt .btm{margin-top:50px} #ceccS33 .cnt1 .txt .btm .area .sub_tit{padding-top:40px} #ceccS33 .cnt1 .txt .btm .area .sub_tit h3{font-size:24px} #ceccS33 .cnt1 .txt .btm .area .sub_txt{margin-top:30px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box{height:100%;width:90%} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:22px;padding:30px 10px 0 10px;word-break:keep-all} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{margin:25px auto 23px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:16px;padding:0 10px 34px 10px;word-break:keep-all;line-height:1.5} #ceccS34 .cnt1 .area .tit{padding-top:50px} #ceccS34 .cnt1 .area .tit > *{font-size:30px} #ceccS34 .cnt1 .area .tit p{font-size:16px;line-height:1.5;padding-top:15px;width:90%} #ceccS34 .cnt1 .txt .btm .area .sub_tit{padding-top:40px} #ceccS34 .cnt1 .txt .btm .area .sub_tit h3{font-size:24px} #ceccS34 .cnt1 .txt .btm .area .sub_tit p{font-size:15px;line-height:1.5;width:90%} #ceccS34 .cnt1 .txt .top .area > ul{margin-top:40px} #ceccS34 .cnt1 .txt .top .area > ul li{width:50%;margin-left:0;border:0;border-left:1px solid #e0e0e0;height:150px} #ceccS34 .cnt1 .txt .top .area > ul li:first-child{border-left:0} #ceccS34 .cnt1 .txt .top .area > ul li .inner p{font-size:14px;padding-top:10px} #ceccS34 .cnt1 .txt .top .area > ul li{width:50%;height:150px} #ceccS34 .cnt1 .txt .top .area > ul li:after{padding-bottom:0} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon img{width:60px} #ceccS34 .cnt1 .txt .btm{margin-top:50px} #ceccS34 .cnt1 .txt .btm .area .sub_tit{padding-top:40px} #ceccS34 .cnt1 .txt .btm .area .sub_tit h3{font-size:24px} #ceccS34 .cnt1 .txt .btm .area .sub_txt{margin-top:30px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box{height:100%;width:90%} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:22px;padding:30px 10px 0 10px;word-break:keep-all} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{margin:25px auto 23px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:16px;padding:0 10px 34px 10px;word-break:keep-all;line-height:1.5} #ceccS41 .cnt1 .area .tit{padding-top:50px} #ceccS41 .cnt1 .area .tit > *{font-size:30px} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn{margin:25px auto 0} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px;border:2px solid #e0e0e0;background:#f3f3f3} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:18px;padding-bottom:5px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li{padding-bottom:20px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li:first-child{margin-top:20px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:65%} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{padding-top:20px;padding-bottom:20px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3 span{display:block} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left p{font-size:16px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn{width:110px;height:65px;font-size:18px;line-height:1.3;padding-left:15px;text-align:center} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn span{display:block;padding-top:8px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn img{margin-top:28px;width:15px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging{width:328px;margin:50px auto 0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li{width:20px;height:20px;line-height:18px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li a{font-size:13px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .paging ul li a img{width:100%;height:auto} #ceccS42 .cnt1 .area .tit{padding-top:50px} #ceccS42 .cnt1 .area .tit > *{font-size:30px} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn{margin-top:25px} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:48px;border:2px solid #e0e0e0;background:#f3f3f3} #ceccS42 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:16px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:16px;padding-bottom:10px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{font-size:18px;padding-top:10px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_area{height:500px} #ceccS51 .cnt1{padding-bottom:100px} #ceccS51 .cnt1 .area .tit{padding-top:50px} #ceccS51 .cnt1 .area .tit > *{font-size:30px} #ceccS51 .cnt1 .area .txt{margin-top:20px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2{margin-bottom:20px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td4, #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td5{padding-left:18px;margin-left:16px} #ceccS51 .cnt1 .area .txt .paging{width:328px;margin:40px auto 0} #ceccS51 .cnt1 .area .txt .paging ul li{width:20px;height:20px;line-height:18px} #ceccS51 .cnt1 .area .txt .paging ul li a{font-size:13px} #ceccS51 .cnt1 .area .txt .paging ul li a img{width:100%;height:auto} #ceccS52 .cnt1 .area .tit{padding-top:50px} #ceccS52 .cnt1 .area .tit > *{font-size:30px} #ceccS52 .cnt1 .area .txt{margin-top:25px} #ceccS52 .cnt1 .area .txt .view_list{width:190px;height:40px;font-size:18px;line-height:38px} #footer .ft_util .area ul li{height:35px;line-height:35px} #footer .ft_util .area ul li a{font-size:14px} #footer .ft_btm .area .btm_left h2{width:303px} #footer .ft_btm .area .btm_left > div{width:303px} #footer .ft_btm .area .btm_left > div a{font-size:18px;width:150px;height:32px;line-height:31px;margin-left:3px} #footer .ft_btm .area .btm_right ul li p{font-size:14px} #footer .ft_btm .area .btm_right ul li.mid p{background-position:left 5px;padding-left:10px;margin-left:8px} #footer .ft_btm .area .btm_right ul li address{font-size:14px} } /* 720 끝 */ /* 560 시작 */ @media all and (max-width:560px) { #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:60%} } /* 560 끝 */ /* 500 시작 */ @media all and (max-width:500px) { #ceccReqPu .close_btn{top:-20px;right:5px} #ceccReqPu .close_btn img{width:15px;height:auto} #ceccReqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} #ceccReqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px} #ceccReqPu .box .ul_wrap > ul > li{height:38px} #ceccReqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px} #ceccReqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px)} #ceccReqPu .box .ul_wrap > ul > li .ip_box, #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box, #ceccReqPu .box .ul_wrap > ul > li.li_nb ul li .ip_box{margin-top:7px} #ceccReqPu .box .ul_wrap > ul > li.li_grd ul li > .ip_box{width:calc(100% - 55px)} #ceccReqPu .box .ul_wrap > ul > li.li_nb h4{width:96px} #ceccReqPu .box .ul_wrap > ul > li.li_nb ul{width:calc(100% - 106px)} #ceccReqPu .box .ul_wrap strong{font-size:12px;line-height:1.3;padding-top:5px;padding-bottom:15px} #ceccReqPu .box .agr_wrap .top h4{font-size:13px} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label{margin-top:-3px} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"] + label:before{top:3px} #ceccReqPu .box .agr_wrap .top .chk_wrap input[type="checkbox"]:checked + label:after{top:3px} #ceccReqPu .box .agr_wrap .btm{height:60px;margin-top:5px} #ceccReqPu .box .agr_wrap .btm p{font-size:12px;line-height:1.5} #ceccReqPu .box .inq_btn{font-size:15px;height:30px;margin-top:15px} #ceccReqIqPu .close_btn{top:-20px;right:5px} #ceccReqIqPu .close_btn img{width:15px;height:auto} #ceccReqIqPu .box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} #ceccReqIqPu .box h3{font-size:18px;padding-top:20px;padding-bottom:5px} #ceccReqIqPu .box .ul_wrap > ul > li{height:38px} #ceccReqIqPu .box .ul_wrap > ul > li h4{font-size:13px;padding-left:10px;width:45px;line-height:38px} #ceccReqIqPu .box .ul_wrap > ul > li > .ip_box{width:calc(100% - 55px);margin-top:7px} #ceccReqIqPu .box .inq_btn{font-size:15px;height:30px;margin-top:15px} #header{height:120px} #header .area2 .btm .hd_logo{top:22px;width:150px} #header .area2 .btm .btm_wrap{height:70px} #header .area2 .btm .btm_wrap .alarm{width:90px;height:20px;line-height:19px;font-size:12px;margin-top:26px;margin-right:0;letter-spacing:-2px} #header .area2 .btm .btm_wrap .ham_btn button{width:26px;height:auto} #header .area2 .btm .btm_wrap #gnb{height:50px;line-height:50px} #header .area2 .btm .btm_wrap #gnb > ul > li{margin-left:10px} #header .area2 .btm .btm_wrap #gnb > ul > li > a{font-size:16px} #header .area2 .btm .btm_wrap .ham_btn .mb_me_fv_btn img{margin-top:2px} #header .area2 .me_fullview .tit{margin-top:20px} #header .area2 .me_fullview .tit h2{font-size:20px} #header .area2 .me_fullview .tit h3{font-size:14px} #header .area2 .me_fullview .close_btn{width:20px;height:20px;top:10px;right:10px} #header .area2 .me_fullview .close_btn img{width:100%;height:auto} #header .area2 .me_fullview .txt > div h3{font-size:14px} #header .area2 .me_fullview .txt > div h3 img{margin-top:6px;width:2px} #header .area2 .me_fullview .txt > div ul li{height:28px} #header .area2 .me_fullview .txt > div ul li a{font-size:13px;line-height:26px} #header .full_menu{top:71px} #header .full_menu > ul > li ul{padding-top:10px} #header .full_menu > ul > li ul li{height:35px} #header .full_menu > ul > li ul li a{line-height:35px} #header .full_menu > ul > li h3{height:50px;line-height:50px;font-size:16px} #header .full_menu > ul > li h3 .plus_btn{width:14px;height:14px} #header .full_menu > ul > li h3 .plus_btn img{width:14px;height:auto} #main .cnt1{padding-bottom:50px} #main .cnt1 .area2 .left, #main .cnt1 .area2 .right{margin:8px auto 0} #main .cnt1 .area2 .left ul li{width:calc(50% - 4px);height:calc(50% - 4px);margin-left:8px} #main .cnt1 .area2 .left ul li:nth-child(3), #main .cnt1 .area2 .left ul li:nth-child(4){margin-top:8px} #main .cnt1 .area2 .left ul li a h2{font-size:20px;padding-top:15px;padding-left:17px} #main .cnt1 .area2 .left ul li a p{font-size:13px;letter-spacing:-1px;right:15px;bottom:15px} #main .cnt1 .area2 .left ul li a p img{width:8px} #main .cnt1 .area2 .left ul li a .icon{margin-top:8px;margin-left:17px;width:24px} #main .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager{bottom:10px} #main .cnt1 .area2 .mid .bx-wrapper .bx-controls .bx-pager > div a{width:45px} #main .cnt1 .area2 .right ul li{width:calc(50% - 4px);height:calc(50% - 4px);margin-left:8px} #main .cnt1 .area2 .right ul li:nth-child(3), #main .cnt1 .area2 .right ul li:nth-child(4){margin-top:8px} #main .cnt1 .area2 .right ul li a h2{font-size:20px;padding-top:15px;padding-left:17px} #main .cnt1 .area2 .right ul li a p{font-size:13px;letter-spacing:-1px;right:15px;bottom:15px} #main .cnt1 .area2 .right ul li a p img{width:8px} #main .cnt1 .area2 .right ul li a .icon{margin-top:8px;margin-left:17px;width:22px} #ceccS21 .cnt1 .txt{margin-top:20px} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li{height:40px;line-height:38px} #ceccS21 .cnt1 .txt .tab_split .area .tab_btn li a{font-size:14px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt{margin-top:30px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .tab_btn2{margin-top:26px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div{padding-top:40px;padding-bottom:0px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left{width:calc(100%)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit p{font-size:14px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit h4{font-size:14px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_tit h4 strong{font-size:26px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info{margin-top:15px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p{font-size:12px;padding-bottom:2px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p1{width:26px} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .left .tc_info p .p2{width:calc(100% - 26px)} #ceccS21 .cnt1 .txt .tab_split .tab_cnt > div .area .tab_split2 .sub_tab_cnt > div .right{width:100%} #ceccS31 .cnt1 .txt{margin-top:20px} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li{height:40px;line-height:38px} #ceccS31 .cnt1 .txt .tab_split .area .tab_btn li a{font-size:14px;letter-spacing:-1px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li{height:120px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .top .area > ul li .inner p{font-size:12px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li{height:120px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt1 .top .area > ul li .inner .icon img{width:35px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt2 .top .area > ul li .inner .icon img{width:50px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt .tab_cnt3 .top .area > ul li .inner .icon img{width:35px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li{margin-bottom:30px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap{padding-top:50px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box h4{font-size:18px;padding-top:20px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box .bar{margin:15px auto 13px} #ceccS31 .cnt1 .txt .tab_split .tab_cnt > div .btm .area .sub_txt ul li .wrap .box p{font-size:14px;padding-bottom:24px} #ceccS32 .cnt1 .area .tit p{font-size:15px} #ceccS32 .cnt1 .txt{margin-top:20px} #ceccS32 .cnt1 .txt .top .area > ul li{height:120px} #ceccS32 .cnt1 .txt .top .area > ul li .inner p{font-size:12px} #ceccS32 .cnt1 .txt .top .area > ul li .inner .icon img{width:35px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li{margin-bottom:30px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap{padding-top:50px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:18px;padding-top:20px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{margin:15px auto 13px} #ceccS32 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:14px;padding-bottom:24px} #ceccS33 .cnt1 .area .tit p{font-size:15px} #ceccS33 .cnt1 .txt{margin-top:20px} #ceccS33 .cnt1 .txt .top .area > ul li{height:120px} #ceccS33 .cnt1 .txt .top .area > ul li .inner p{font-size:12px;padding-left:5px;padding-right:5px} #ceccS33 .cnt1 .txt .top .area > ul li .inner .icon img{width:35px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li{margin-bottom:30px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap{padding-top:50px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:18px;padding-top:20px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{margin:15px auto 13px} #ceccS33 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:14px;padding-bottom:24px} #ceccS34 .cnt1 .area .tit p{font-size:15px} #ceccS34 .cnt1 .txt{margin-top:20px} #ceccS34 .cnt1 .txt .top .area > ul li{height:120px} #ceccS34 .cnt1 .txt .top .area > ul li .inner p{font-size:12px;padding-left:5px;padding-right:5px} #ceccS34 .cnt1 .txt .top .area > ul li .inner .icon img{width:35px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li{margin-bottom:30px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap{padding-top:50px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box h4{font-size:18px;padding-top:20px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box .bar{margin:15px auto 13px} #ceccS34 .cnt1 .txt .btm .area .sub_txt ul li .wrap .box p{font-size:14px;padding-bottom:24px} #ceccS41 .cnt1{padding-bottom:50px} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li{height:50px;line-height:50px} #ceccS41 .cnt1 .area .txt .tab_split .tab_btn li a{font-size:18px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt{margin-top:30px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .tab_split2 .tab_btn2 li a{font-size:16px;padding-bottom:10px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left{width:70%} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left h3{font-size:20px;padding-left:20px;padding-bottom:15px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .left p{padding-left:20px;font-size:14px;line-height:1.3;word-break:keep-all;padding-bottom:0} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right{right:20px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn{width:75px;height:50px;font-size:13px;padding-left:12px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn span{padding-top:10px} #ceccS41 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div > ul > li .right .reserv_btn img{margin-top:22px;margin-left:8px;width:12px} #ceccS42 .cnt1{padding-bottom:50px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit{height:63px;padding-left:10px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_tit h3{font-size:20px;line-height:58px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util{padding:15px 0} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_util > p{font-size:16px;padding-top:8px;padding-left:10px !important} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .sub_tab_cnt > div .box .write_area{height:300px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap{margin-top:30px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .btn_wrap a{font-size:16px;height:40px;line-height:36px} #ceccS42 .cnt1 .area .txt .tab_split .tab_cnt > div .list_view_btn{height:40px;line-height:36px;font-size:16px;margin-top:10px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td2 p{padding-top:0;padding-left:10px} #ceccS51 .cnt1 .area .txt ul li.tb_txt a .td3{margin-left:10px} #ceccS52 .cnt1 .area .txt .box .write_util{padding:15px 0} #ceccS52 .cnt1 .area .txt .box .write_util> p{padding-top:8px;font-size:16px} #ceccS52 .cnt1 .area .txt .box .write_area{height:300px} #ceccS52 .cnt1 .area .txt .ctr a p{font-size:15px} #ceccS52 .cnt1 .area .txt .ctr a .arrow img{width:10px;height:auto} #ceccS52 .cnt1 .area .txt .view_list{width:150px;height:36px;font-size:15px;line-height:34px;margin-top:25px} #footer .ft_btm .area .btm_left h2{width:223px} #footer .ft_btm .area .btm_left > div{width:223px;margin-top:15px} #footer .ft_btm .area .btm_left > div a{font-size:14px;width:110px;height:28px;line-height:26px} #footer .ft_btm .area .btm_right ul li p{font-size:12px} #footer .ft_btm .area .btm_right ul li.mid p{-webkit-background-size:1px 8px;-moz-background-size:1px 8px;background-size:1px 8px;background-position:left 4px;padding-left:8px;margin-left:6px} #footer .ft_btm .area .btm_right ul li address{font-size:12px} } /* 500 끝 */