/*추가 퀵메뉴*/ #m_event{display:none;} #m_kakao{display:none;} #btn_box{z-index:10006; float:left; position:fixed; top:350px; left:1700px; width:174px; height:338px; } #btn_box img{width:100%; height:auto;} #g_btn{z-index:10008; position:absolute; left:26px; top:19px; width:100px; height:100px; margin-bottom:20px; cursor:pointer; } #g_btn .talk{float:left; display:block; cursor:pointer;} #e_btn {z-index:10008; margin-bottom:20px; position:absolute; top:135px; left:0px; width:154px; height:128px;} #e_btn .event{cursor:pointer; } #btn_box .t_btn{display:block; cursor:pointer; z-index:10008; position:absolute; top:283px; left:10px; width:144px; height:54px; background:#929292; border-top-left-radius:27px; border-bottom-left-radius:27px; } #btn_box .t_btn h6{margin-left:20px; font-size:16px; line-height:54px; color:#fff;} #btn_box .t_btn h6 span{line-height:54px; color:#fff; padding-right:10px;} #barrier{display:none; z-index:10009; position:fixed; top:0px; width:100%; height:100%; background-color:rgba(25,25,25, 0);} #barrier .m_ka{position: relative; width: 400px; height:640px; left:calc(50% - 200px); top:calc(50% - 320px);} #barrier .m_ka .kakao{position:relative; display:block; width:100%; height:auto;} #barrier .m_ka .close_btn{z-index:10002; position: absolute; top:0px; right:0px; width:32px; height:32px; cursor:pointer;} #menu li p > a{color:#fff !important;} #headMain{float:left; display:block; width:100%; height:720px; background:url("http://ccei.co.kr/theme/ccei/images/lvl/subMain.jpg")no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-bkackground-size:cover; background-size:100% 720px;} #headMain .headMain_in{margin:0 auto; margin-top:200px; position:relative; width:778px; } #headMain .headMain_in .m_txt{width:100%; padding-bottom:50px; text-align:center;} #headMain .headMain_in .m_txt p{font-size:2.4em; line-height: 2.4rem; color:#fff;} #headMain .headMain_in .m_txt h3{font-size:3.1em; line-height: 3.1rem; font-weight:bold; color:#fff;} #headMain .headMain_in .m_txt h3 span{line-height: 3.1rem; color:#fff;} #headMain .headMain_in img{display:block; width:100%; } #level{float:left; padding-bottom:100px; width:100%; background-color:#4d4c52;} #level .level_in{position:relative; margin:0 auto; width:1200px; height:671px; } #level .level_in .level_area{float:left; position:absolute; margin-top: -104px; width:100%; } #l_info{float:left; padding:30px 0 30px 0; text-align:center; width:100%; background-color:#fff;} #l_info .info_1{float:left; width:400px; border-right:1px solid #EE673A; background-color:#fff;} #l_info .info_1 h4{font-size:2.3em; font-weight:bold; line-height:2.3rem; color:#FE7B5D;} #l_info .info_1 p.pc{display:block;} #l_info .info_1 span.pc{display:block} #l_info .info_1 p.mobile{display:none;} #l_info .m_info2 p.mobile{display:none;} #l_info .info_1 p{font-size:1.8em; line-height: 1.8rem;} #l_info .info_1 span{display:block; font-size:1.8em; line-height: 1.8rem;} #l_info .mobile{display:none;} #l_info div:last-child{border-right:0px solid #EE673A;} #l_pro{margin-bottom:30px; float:left; width:100%; } #l_pro .l_pro_in{width:100%; height:inherit; } #l_pro .l_pro_in .m_txt{text-align:center; padding:30px 0 30px 0; } #l_pro .l_pro_in .m_txt h3{font-size:3.5em; line-height:3.5rem; font-weight:bold; color:#fff;} #l_pro .l_pro_in .level{float:left; width:100%; } #l_pro .l_pro_in .level .l_test{float:left; position:relative; border-right:1px solid #fff; width:300px; height:280px;} #l_pro .l_pro_in .level DIV:last-child{border-right:0px solid #fff;} #l_pro .l_pro_in .level .l_test .l_img1{margin-left:15px; position:absolute; top:52px; left:calc(50% - 71px); width:142px; height:86px;} #l_pro .l_pro_in .level .l_test .l_img2{position:absolute; top:24px; left:calc(50% - 56px); width:112px; height:126px;} #l_pro .l_pro_in .level .l_test .l_img3{position:absolute; top:37px; left:calc(50% - 53px); width:106px; height:107px;} #l_pro .l_pro_in .level .l_test .l_img4{position:absolute; top:52px; left:calc(50% - 51px); width:102px; height:85px;} /*모바일 / PC 이미지 변경*/ #l_pro .l_pro_in .level .l_test .pc{display:block;} #l_pro .l_pro_in .level .l_test .mobile{display:none;} #l_pro .l_pro_in .level .l_test .pattern5{position:absolute; top:calc(50% - 12px); right:-11px; width:24px;} #l_pro .l_pro_in .level .l_test img{display:block; max-width:100%; height:auto;} #l_pro .l_pro_in .level .l_test .txt{position:inherit; top:155px; text-align:center;} #l_pro .l_pro_in .level .txt span{display:block; font-size:2.1em; line-height:2.1rem; color:#fff;} #l_pro .l_pro_in .level .txt h4{font-size:2.1em; line-height:2.1rem; font-weight:bold; color:#fff;} #l_txt{float:left; width:100%;} #l_txt p{padding-left:10px; text-indent:-10px; font-size:2.0em; line-height: 2.0rem; color:#fff;} #l_txt p.indent{padding-left:0px; text-indent:9px;} #system{padding-bottom:13.8631vmin; float:left; width:100%; background-color:#FF6535;} #system .system_in{margin:0 auto; width:1036px; margin-bottom:100px;} #system .system_in .m_txt{text-align:center; padding:30px 0 30px 0; } #system .system_in .m_txt h3{font-size:3.5em; line-height:3.5rem; font-weight:bold; color:#fff;} #l_system{width:100%; /*background-color:#ff233f;*/ } #l_system .l_system_in{float:left; display:block; width:100%; } #l_system .l_system_in .sys_in{width:100%; } #l_system .l_system_in .sys_in .pos{ position:relative; display:block; width:643px; height:127px; } #l_system .l_system_in .sys_in .pos .s_txt{text-align:right; padding:30px 15px 0 0; float:left; width:345px; height:127px;} #l_system .l_system_in .sys_in .pos .s_txt p.pc{display:block;} #l_system .l_system_in .sys_in .pos .s_txt p.mobile{display:none;} #l_system .l_system_in .sys_in .pos .s_txt p{font-size:2.0em; line-height:2.0rem; color:#fff;} #l_system .l_system_in .sys_in .pos .level{position:relative; float:left; width:298px; } #l_system .l_system_in .sys_in .s_l .level{float:right;} #l_system .l_system_in .sys_in .pos .level p{z-index:1000; text-align:center; position:inherit; font-size:23px; font-weight:bold; color:#FF6535} #l_system .l_system_in .sys_in .pos .level .s_char1{top:45px; left:30px;} #l_system .l_system_in .sys_in .pos .level .s_char2{top:28px; left:-15px;} #l_system .l_system_in .sys_in .pos .level .s_char3{top:30px; left:20px;} #l_system .l_system_in .sys_in .pos .level .s_char4{top:28px; left:-15px} #l_system .l_system_in .sys_in .pos .level .s_char5{top:30px; left:30px} #l_system .l_system_in .sys_in .pos .level .s_img1{z-index:100; position:absolute; float:left; width:298px; height:128px;} #l_system .l_system_in .sys_in .pos .level img{width:100%; height:auto;} #l_system .l_system_in .s_r{margin-left:388px;} #l_system .l_system_in .sys_in .pos .txt_r{float:right; text-align:left; padding:30px 0 0 15px;} #l_system .l_system_in .sys_in .pos .st1{padding:40px 0 0 15px;} #l_system .l_system_in .sys_in .l_top{margin:0 auto; display:block; padding:10px 0 10px 0; width:35px; height:55px;} /*모바일*/ #l_system .l_system_in .sys_in .pos .s_txt .m_hd{display:none;} #request{float:left; width:100%;} #request .request_in{margin:0 auto; width:500px;} #request .request_in .m_txt{padding:10px 0 0px; margin:0 auto; width:500px; border-radius:44px; border:1px solid #000; position:relative; text-align:center; background-color:#fff; border:1px solid #fff; margin-top:-44px;} #request .request_in .m_txt h3{margin-bottom:20px; font-size:3.5em; line-height:3.5rem; font-weight:bold;} #request .request_in .m_txt p{text-align:center; margin-bottom:35px; font-size:1.4em; } #request .request_in .m_txt p span{padding-right:5px; line-height:1.4rem; color:#FF6535;} #request .request_in .m_txt .pc{display:block;} #request .request_in .m_txt .mobile{display:none;} #request .request_in .quest{float:left; margin-bottom:100px; width:100%;} #request .request_in .frm{float:left; width:100%;} #request .request_in .frm .fr_quest{margin-bottom:40px; display:block; width:100%; height:85px;} #request .request_in .frm .inq{height:232px;} #request .request_in .frm .fr_quest label{padding:6px 0 6px 0; display:block; font-size:1.8em; line-height:1.8rem;} #request .request_in .frm .fr_quest label span{color:#FF6535; line-height:1.8rem; vertical-align: middle;} #request .request_in .frm .fr_quest input{text-indent: 10px; width:inherit; height:45px; border:1px solid #D4D4D4;} #request .request_in .frm .fr_quest textarea{width:100%; height:200px; border:1px solid #D4D4D4; resize:none;} #request .request_in .frm .assent{margin-bottom:40px; float:left; width:100%;} #request .request_in .frm .assent input[type=checkbox]{margin:5px 5px 0 0px; float:left; width:16px; height:16px; } #request .request_in .frm .assent p{float:left; font-size:1.8em; color:#333;} #request .request_in .frm .assent p a{margin-right:5px; color:#333; } #request .request_in .frm .assent a.p_link{color:#EE673A; font-size:1.6em; line-height:1.6rem;} #request .request_in .frm .submit{float: left; display:block; width:100%;} #request .request_in .frm .submit input.request_ok{margin:0 auto; background-color:#FF6535; text-align:center; display:block; padding:15px 0 15px 0; width:240px; font-size:1.8em; line-height:1.8rem; color:#fff;}