/*content: 1200*/ @media screen and (max-width : 1200px){ #headMain{float:left; height:89.11vmin; background-size:100% 89.11vmin; } #headMain .headMain_in{margin-top:24.7525vmin; width:64.8334%;}/*pw:1200; cw:778*/ #headMain .headMain_in .m_txt{padding-bottom:6.1881vmin;}/*pw:1200; cw:748px;*/ #headMain .headMain_in .m_txt p{font-size:2vw; line-height: 4.16vmin;} #headMain .headMain_in .m_txt h3{font-size:2.6vw; line-height: 6.1vmin;} #level{padding-bottom:6.1881vmin; } /*padding-bottom:50px;*/ #level .level_in{width:100%; height:auto; } /*pw:1200px; cw:1200px;*/ #level .level_in .level_area{position: relative; margin-top:-12.8713vmin;/*top:-104px;*/ } #l_info{padding:3.7129vmin 0 3.7129vmin 0; /*height:276px; padding:30px 0 30px 0;*/} #l_info .info_1{width:33.3334%; }/*pw:1200; cw:400;*/ #l_info .info_1 h4{font-size:1.9vw; line-height:4.5vmin;} /*font-size:2.3em; line-height:2.3rem;*/ #l_info .info_1 p{font-size:1.5vw; line-height:3.5vmin; /* font-size:1.8em; line-height: 1.8rem;*/} #l_info .info_1 span{font-size:1.5vw; line-height:2.6vmin;} #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{padding:3.7129vmin 0 3.7129vmin 0; }/*padding:30 0 30 0*/ #l_pro .l_pro_in .m_txt h3{font-size:2.9vw; line-height:7vmin;} #l_pro .l_pro_in .level{float:left; width:100%;} #l_pro .l_pro_in .level .l_test{float:left; position:relative; width:25%; height:34.654vmin; border-right:1px solid #fff; /*background-color:#ff4312;*/} /*pw:1200 cw:300*/ #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:5%; position:absolute; top:6.4356vmin; left:calc(50% - 23.6667%); /*top:52px; left:calc(50% - 71px);*/ width:47.492%; height:10.644vmin; /*height:151px;*/} /*pw:300px; cw:142px m-left:15 height:86px;*/ #l_pro .l_pro_in .level .l_test .l_img2{position:absolute; top:2.9703vmin; /*top:24px;*/ left:calc(50% - 18.6667%); /*left:calc(50% - 56px);*/ width:37.46%; /*width:112px;*/ height:15.595vmin; /*height:151px;*/} /*pw:300; cw:112; height:126px;*/ #l_pro .l_pro_in .level .l_test .l_img3{position:absolute; top:4.5792vmin; /*top:37px;*/ left:calc(50% - 17.6667%); /*left:calc(50% - 53px);*/ width:35.452%; /*width:106px;*/ height:13.243vmin;/*height:151;*/} /*pw:300; cw:106;*/ #l_pro .l_pro_in .level .l_test .l_img4{position:absolute; top:6.4356vmin; /*top:52px;*/ left:calc(50% - 17%); /*left:calc(50% - 51px);*/ width:35.452%; /*width:102px;*/ height:13.243vmin;/*height:151px;*/} /*pw:300; cw:102;*/ #l_pro .l_pro_in .level .l_test .pattern5{position:absolute; top:calc(50% - 4%); right:-3.6667%; /*right:-11px;*/ width:8%;} /*pw:300 cw:-11px; width:24px;*/ #l_pro .l_pro_in .level .l_test img{display:block; width:100%; height:auto;} #l_pro .l_pro_in .level .l_test .txt{position:inherit; top:19.1832vmin; text-align:center;} #l_pro .l_pro_in .level .txt span{font-size:1.74vw; line-height:4.1vmin;} #l_pro .l_pro_in .level .txt h4{font-size:1.74vw; line-height:4.1vmin; /*font-size:2.1em; line-height:2.1rem;*/} #l_txt{float:left; width:100%;} #l_txt p{font-size:1.7vw; line-height:4vmin; color:#fff;} /*font-size:1.8em; line-height: 1.8rem;*/ #l_txt p.indent{text-indent:0.75%;} /*text-indent:9px;*/ #system{float:left; width:100%; padding-bottom:13.8631vmin; background-color:#FF6535;} #system .system_in{margin:0 auto; width:86.3334%; height:auto; /*width:1036px;*/ /*height:1021px;*/ margin-bottom:9.24211vmin;} /*pw:1200; cw:1036px; margin-bottom:100;*/ #system .system_in .m_txt{text-align:center; padding:3.7129vmin 0 3.7129vmin 0;} #system .system_in .m_txt h3{font-size:2.95vw; line-height:7vmin;} #l_system{float:left; width:100%; /*height:854px;*/ /*background-color:#ff233f;*/ } #l_system .l_system_in{float:left; display:block; width:100%; /*height:854px;*/} #l_system .l_system_in .sys_in{width:100%; /*height:181px;*/ /*background-color:#56ff1f;*/} #l_system .l_system_in .sys_in .pos{position:relative; display:block; width:62.0657%; /*width:643px; height:127px*/ height:15.718vmin; /*background-color:#ff0011;*/} /*pw:1036; cw:643px;*/ #l_system .l_system_in .sys_in .pos .s_txt{text-align:right; padding:3.7129vmin 2.333% 0 0; /*padding:30px 15px 0 0;*/ float:left; width:53.655%; /*width:345px; padding-left:15px;*/ height:15.718vmin; /*background-color:#ff3300;*/} /*pw:643; cw:345px; padding-left:15: / 643*/ #l_system .l_system_in .sys_in .pos .s_txt p{font-size:1.7vw; line-height:1.5; /*font-size:1.8em; line-height:1.8rem;*/} #l_system .l_system_in .sys_in .pos .level{position:relative; float:left; width:46.346%; /*width:298px;*/ } /*pw:648 cw:298*/ #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; /*left:calc(50% - 25px); line-height:127px;*/ font-size:1.95vw; font-weight:bold; color:#FF6535} /*font-size:2.3em;*/ #l_system .l_system_in .sys_in .pos .level .s_char1{top:5.5693vmin; left:10.067%;} /*left :30; top:45px; pw:298*/ #l_system .l_system_in .sys_in .pos .level .s_char2{top:2.5878vmin; left:-5.034%;} /*left :-15; pw:298*/ #l_system .l_system_in .sys_in .pos .level .s_char3{top:2.7726vmin; left:6.712%;} /*left :20; pw:298*/ #l_system .l_system_in .sys_in .pos .level .s_char4{top:2.5878vmin; left:-5.034%} /*left :15; pw:298*/ #l_system .l_system_in .sys_in .pos .level .s_char5{top:2.7726vmin; left:10.067%} /*left :30; pw:298*/ #l_system .l_system_in .sys_in .pos .level .s_img1{z-index:100; position:absolute; float:left; width:100%; height:auto; /*width:298px; height:128px;*/ /*background-color:#ff3300;*/} #l_system .l_system_in .sys_in .pos .level img{width:100%; height:auto;} #l_system .l_system_in .s_r{margin-left:37.452%;} /*m-left:388px; pw:1036*/ #l_system .l_system_in .sys_in .pos .txt_r{float:right; text-align:left; padding:2.7726vmin 0 0 2.333%;} /*2.7726vmin 2.333% 0 0 padding:30px 0 0 15px;*/ #l_system .l_system_in .sys_in .pos .st1{padding:3.69682vmin 0 0 2.333%;} /*padding:40px 0 0 15px;*/ #l_system .l_system_in .sys_in .l_top{margin:0 auto; display:block; position: relative; top:-9px; padding:0.9242vmin 0 0.9242vmin 0; width:3.379%; height:5.084vmin;} /*pw:1036 cw:35px;*/ #request{float:left; width:100%; /*height:1176px;*/ /*background-color:#fff123;*/} #request .request_in{margin:0 auto; width:61.667%;} /*pw:1200; cw:740;*/ #request .request_in .m_txt{padding:10px 0 0 0; /*padding:2.7726vmin 0 0px;*/ /*padding:30px 0 0px; */ margin:0 auto; width:67.568%; /*width:82.703%;*/ /*width:500px*/ /*height:88px;*/ border-radius: 3.834vw; /*border-radius:44px;*/ border:1px solid #000; position:relative; /*top:-44px;*/ text-align:center; background-color:#fff; border:0px solid #fff; margin-top:-4.06651vmin;} /*pw:740 cw:500; margin-top:-44px*/ #request .request_in .m_txt h3{margin-bottom:2.4752vmin; font-size:2.9vw; line-height:7vmin; } /*font-size:5.2em; line-height:5.2rem; font-size:4.28vw; line-height:7.7vmin;*/ #request .request_in .m_txt p{margin-bottom:4.3317vmin; font-size:1.19vw; line-height:2.65vmin; /*font-size:1.35vw; line-height:1.6rem;*/} /*margin-bottom:35px; font-size:1.6em; line-height:1.6rem;*/ #request .request_in .m_txt p span{padding-right:1%; line-height:2.65vmin;} /*5px*/ #request .request_in .quest{float:left; margin-bottom:100px; width:100%;} #request .request_in .frm{float:left; width:100%; /*height:793px;*/ /*background-color:#3ff111;*/} #request .request_in .frm .fr_quest{margin-bottom:3.69682vmin; height:7.856vmin; /*background-color:#567111;*/} /*maring-bottom:40 height:85px*/ #request .request_in .frm .inq{height:28.713vmin;} /*height:232px;*/ #request .request_in .frm .fr_quest label{ font-size:1.5vw; line-height:3.5vmin; /* font-size:1.8em; line-height:1.8rem; */} #request .request_in .frm .fr_quest label span{ line-height:3.5vmin; vertical-align: middle;} #request .request_in .frm .fr_quest label span{padding-left:1%; line-height:3.5vmin;} #request .request_in .frm .fr_quest input{text-indent: 10px; width:inherit; height:5.57vmin; border:1px solid #D4D4D4;} /*height:45px;*/ #request .request_in .frm .fr_quest textarea{width:100%; height:24.753vmin; border:1px solid #D4D4D4; /*200px*/ resize:none;} #request .request_in .frm .assent{margin-bottom:3.69682vmin; float:left; width:100%;} /*m-bottom:40*/ #request .request_in .frm .assent input[type=checkbox]{margin:5px 5px 0 0px; float:left; width:16px; height:16px; }/**/ #request .request_in .frm .submit{float:left; display:block; width:100%;} #request .request_in .frm .submit a{margin:0 auto; padding:1.8564vmin 0 1.8564vmin 0; width:32.433%; font-size:1.5vw; line-height:2.6vmin;} /*padding:15px 0 15px 0 pw:740; 240 font-size:1.8em; line-height:1.8rem; */ } @media screen and (max-width : 980px){ /*#headMain{height:80.809vmin; background-size:100% 80.809vmin;}*/ #headMain .headMain_in .m_txt p{font-size:2.5vw; line-height:4.3vmin;} /*font-size:2.2em; line-height:2.2rem;*/ #headMain .headMain_in .m_txt h3{font-size:3.26vw; line-height:5.5vmin;} /*font-size:2.8em; line-height:2.8rem;*/ #headMain .headMain_in .m_txt h3 span{line-height:5.5vmin;} #l_info .info_1 h4{font-size:2.4vw; line-height:4.1vmin;} /*font-size:2.3em; line-height:2.3rem;*/ #l_info .info_1 p{font-size:1.9vw; line-height:3.2vmin;} /*font-size:1.8em; line-height:1.8rem;*/ #l_pro .l_pro_in .m_txt h3{font-size:3.165vw; line-height:5.0vmin;} /*font-size:3.1em; line-height:3.1rem;*/ #l_pro .l_pro_in .level .txt h4{font-size:2.15vw; line-height:3.45vmin;} /*font-size:2.1em; line-height:2.1rem;*/ #l_txt p{font-size:1.6vw; line-height:3.2vmin;} /*font-size:1.6em; line-height:1.6rem;*/ #system .system_in .m_txt h3{font-size:3.6vw; line-height:6.3vmin;} /*font-size:3.1em; line-height:3.1rem;*/ #l_pro .l_pro_in .level .l_test {height:31.426vmin;} #l_pro .l_pro_in .level .l_test .l_img1{top:5.6117vmin; height:9.653vmin} #l_pro .l_pro_in .level .l_test .l_img2{top:2.6936vmin; height:14.142vmin} #l_pro .l_pro_in .level .l_test .l_img3{top:4.1526vmin; height:12.01vmin} #l_pro .l_pro_in .level .l_test .l_img4{top:5.8361vmin; height:9.54vmin} #l_pro .l_pro_in .level .l_test .txt{top:17.3962vmin;} #l_pro .l_pro_in .level .txt span{font-size:2.15vw; line-height: 3.45vmin;} #l_system .l_system_in .sys_in .l_top{top:-20px;} #l_system .l_system_in .sys_in .pos{height:14.254vmin} #l_system .l_system_in .sys_in .pos .s_txt{height:14.254vmin} #l_system .l_system_in .sys_in .pos .s_txt p{font-size:1.6vw; line-height:3.2vmin;} /*font-size:1.8em; line-height:1.8rem;*/ #l_system .l_system_in .sys_in .pos .level .s_char1{top:3.7855vmin;} /*top:36*/ #l_system .l_system_in .sys_in .pos .level .s_char2{top:2.5237vmin;} /*top:24*/ #l_system .l_system_in .sys_in .pos .level .s_char3{top:2.5237vmin;} /*top:24*/ #l_system .l_system_in .sys_in .pos .level .s_char4{top:2.5237vmin;} /*top:24*/ #l_system .l_system_in .sys_in .pos .level .s_char5{top:2.5237vmin;} /*top:24*/ #l_system .l_system_in .sys_in .pos .s_txt{padding-top:2.103vmin;} /*padding-top:20px;*/ #l_system .l_system_in .sys_in .pos .txt_r{padding-top:1.0515vmin;} /*p-top:10px;*/ #l_system .l_system_in .sys_in .pos .st1{padding-top:2.9181vmin;} /*p-top:10px;*/ #request .request_in .m_txt h3{font-size:3.6vw; line-height:6.3vmin; margin-bottom:0px;} /*font-size:3.1em; line-height:3.1rem;*/ #request .request_in .m_txt p{font-size:1.2vw; line-height: 3.2vmin; /*line-height:1.4rem;*/} /*font-size:1.4em; line-height:1.4em;*/ #request .request_in .m_txt p span{line-height: 2.65vmin;} #request .request_in .frm .fr_quest{height:9.54vmin} #request .request_in .frm .inq{height:28.713vmin;} #request .request_in .frm .fr_quest label{font-size:1.9vw; line-height:3.2vmin;} /*font-size:1.8em; line-height:1.8rem;*/ #request .request_in .frm .fr_quest label span{padding-left:1%; line-height:3.2vmin; vertical-align: middle;} #request .request_in .frm .assent input[type=checkbox]{margin: 0 5px 0 0; width:2.981%; height:3.2vmin;} /*width:18px; height:18px;*/ #request .request_in .frm .assent p{font-size:1.9vw;} #request .request_in .frm .assent p a{margin-right:5px; color:#333; } #request .request_in .frm .assent a.p_link{ font-size:1.9vw; line-height: 3.2vmin;} #request .request_in .frm .submit a{font-size:1.9vw; line-height: 3.2vmin;} /*#request .request_in .frm .submit a{font-size:1.8em; line-height: 1.8rem;}*/ } @media screen and (max-width : 850px){ #l_txt p{font-size:1.5em;} #l_system .l_system_in .sys_in .pos .s_txt p{font-size:1.5em;} } @media screen and (max-width : 700px){ #l_txt p{font-size:1.3em;} #l_system .l_system_in .sys_in .pos .s_txt p{font-size:1.3em;} } /*메인 레이아웃 변경*/ @media screen and (max-width : 580px){ #headMain{margin-top:-80px; background: none; background-color:#4d4c52;} #headMain .headMain_in{width:100%; margin-top:40.5172vmin;} #headMain .headMain_in img{display:none;} #headMain .headMain_in .m_txt{margin:0 auto; width:68.966%; /*width:324px;*/ padding-bottom:30px;} /*pw:580 cw:324*/ #headMain .headMain_in .m_txt p{font-size:3.8vw; line-height:6.6vmin;} /*font-size:2.0em; line-height:2.0rem*/ #headMain .headMain_in .m_txt h3{font-size:6vw; line-height:9.7vmin;} /*font-size:3.2em; line-height:3.2rem;*/ #headMain .headMain_in .m_txt h3 span{line-height:9.7vmin; font-weight: normal; display: block;} #level{margin-top:-10.3448vmin; } /*margin-top:-60px;*/ #level .level_in .level_area{margin:0px;} #l_info{ position: relative; padding:0; width:100%; background: #EE673A; padding:0 10.345% 0px 10.345%; background: url("http://ccei.co.kr/theme/ccei/images/common/bg.jpg")no-repeat center center; background-size:cover; } #l_info .info_1{display:block; float:none; border:0px; width:100%; } #l_info .info_1 h4{display:none;} /*font-size:2.3em; line-height:2.3rem;*/ /**/ /* #l_info .info_1 p.pc{display:none;} #l_info .info_1 span.pc{display:none;} #l_info .info_1 p.mobile{display:block;} */ #l_info .info_1 p.pc{display:none;} #l_info .info_1 span.pc{display:none;} #l_info .info_1 p.mobile{display:block;} #l_info .info_1 p{padding:0 16px 0 16px; font-size:1.8em; line-height:1.5; word-break: break-all; text-align: left;} #l_info .m_info1{float:left; margin-top:60px; padding-top:16px; padding-bottom:16px; /*width:57.593%;*/ /*width:299px;*/ max-width:300px; /*width:65%;*/ width:100%; margin-right:35%; height:140px; background:url("http://ccei.co.kr/theme/ccei/images/mobile/lvl/m_speak1.png") no-repeat center center; background-size:100% 140px;} /*pw:520; cw:290px; 30.345vmin*/ #l_info .m_info1 p.pc{display:none;} #l_info .m_info2{float:right; padding-top:16px; padding-bottom:16px; margin-left:37.826%; max-width:286px; /*width:62.174%;*/ width:100%; /*height:20.69vmin;*/ height:115px; background:url("http://ccei.co.kr/theme/ccei/images/mobile/lvl/m_speak2.png") no-repeat center center; background-size:100% 115px;} /*pw:520 cw:310*/ /* #l_info .m_info2 p.mobile{display:block;} */ #l_info .m_info2 p{padding:0 16px 0 16px; font-size:1.8em; line-height:1.5; word-break: break-all; text-align: left;} #l_info .m_info3{float:left; padding-top:16px; padding-bottom:16px; /*width:65.385%;*/ /*width:386px;*/ max-width:354px; /*width:83.914%;*/ width:100%; margin-right:16.086%; height:140px; background:url("http://ccei.co.kr/theme/ccei/images/mobile/lvl/m_speak3.png") no-repeat center center; background-size:100% 140px;} /*pw:520 cw:340 28.45vmin*/ #l_info .mobile{display:block; /*width:240px;*/} /*pw:520; cw:240 184*/ #l_info .mobile h3{text-align:right; font-size:6.9vw; color:#fff;} /*font-size:3.8em;*/ #l_info .mobile h3.wg{font-weight: bold; line-height: 11.1vmin;} /*line-height: 3.8rem;*/ #l_pro{padding: 30px 30px 0 30px;} #l_pro .l_pro_in{width:100%; height:auto;} #l_pro .l_pro_in .m_txt{border-top:3px solid #fff; border-left:3px solid #fff; border-right:3px solid #fff; padding:0; padding-top:10px; margin-bottom:20px;} #l_pro .l_pro_in .m_txt h3{font-size:2.4em; line-height:2.4rem;} /*2.4em; 2.4rem; font-size:4.1vw; line-height:6.6vmin;*/ #l_pro .l_pro_in .level .l_test{padding-bottom:20px; width:50%; /*height:36.207vmin;*/ float: none;} /*height:780px;*/ #l_pro .l_pro_in .level .pos_r{margin-left:49.808%; border-right:0px solid #fff; border-left:1px solid #fff;} /*pw:520; margin-left:259px;*/ #l_pro .l_pro_in .level > DIV:last-child{border-right: 0px solid #fff;} #l_pro .l_pro_in .level .l_test .l_img1{height:auto; top:0px; width:62.308%; height:auto; left:calc(50% - 29.231%); }/*pw:260; cw;162; left:calc(50% - 76px);*/ #l_pro .l_pro_in .level .l_test .m_txt1{top:18.6207vmin; } /*top:108*/ #l_pro .l_pro_in .level .l_test .l_img2{height:auto; top:-6px; width:52.693%; height:auto; left:calc(50% - 26.154%);} /*pw:260; cw;137 left:calc(50% - 68px);*/ #l_pro .l_pro_in .level .l_test .m_txt2{top:23.9655vmin} /*top:139px*/ #l_pro .l_pro_in .level .l_test .l_img3{height:auto; top:-3px; width:49.616%; height:auto; left:calc(50% - 26.154%); }/*pw:260; cw;129; left:calc(50% - 68px);*/ #l_pro .l_pro_in .level .l_test .m_txt3{top:19.99999vmin;} /*top:119px;*/ #l_pro .l_pro_in .level .l_test .l_img4{height:auto; top:-6px; /*max-width:49.231%;*/ width:49.231%; height:auto; left:calc(50% - 24.616%);} /*pw:260; cw;128; calc(50% - 64px)*/ #l_pro .l_pro_in .level .l_test .m_txt4{top:17.7586vmin;} /*top:103px*/ #l_pro .l_pro_in .level > DIV:last-child .mobile{right:auto; left:-12px;} #l_pro .l_pro_in .level .l_test .pc{display:none;} #l_pro .l_pro_in .level .l_test .mobile{display:block; width: 24px;} #l_pro .l_pro_in .level .l_test .pattern_r{right:auto; left:-12px;} #l_pro .l_pro_in .level .l_test .pattern5{right:-12px;} #l_pro .l_pro_in .level .txt span{display:inline-block; font-size:3.3vw; line-height:5.2vmin;} /*font-size:1.9em; line-height:1.9rem;*/ #l_pro .l_pro_in .level .txt h4.m{display:inline-block;} #l_pro .l_pro_in .level .txt h4{display:block; font-size:3.3vw; line-height:5.2vmin; font-weight: normal;} /*font-size:1.9em; line-height:1.9rem;*/ #l_txt{padding:0 30px 0 30px; text-indent: -8px;} #l_txt p{margin-top:3.4482vmin; padding-left: 0px; font-size:2.65vw; line-height:4.55vmin; text-align:justify; word-break: break-all;} /*mar-top:20 font-size:1.6em; line-height:1.6rem;*/ #l_txt .m_lvl{display:inline;} #l_txt p.indent{display:inline; text-indent:0;} /*레벨시스템*/ #system{padding-top:30px; padding-bottom:30px;} #system .system_in{padding:0 30px 0 30px; width: 100%;} #system .system_in .m_txt{border-top:4px solid #fff; border-left:4px solid #fff; border-right:4px solid #fff; padding:0; padding-top:10px; margin-bottom:30px;} #system .system_in .m_txt h3{font-size:2.4em; line-height:2.4rem;} #l_system .l_system_in .sys_in .pos{width:100%; height:15.518vmin;} #l_system .l_system_in .s_r{margin-left:0;} #l_system .l_system_in .sys_in .pos .s_txt{width:60%;} #l_system .l_system_in .sys_in .pos .s_txt{float:left; text-align:left; padding:0; margin-left: 5.770%;} /* margin-left: 30px; */ #l_system .l_system_in .sys_in .pos .s_txt p.pc{display:none;} #l_system .l_system_in .sys_in .pos .s_txt p.mobile{display:block;} #l_system .l_system_in .sys_in .pos .s_txt p{font-size:2.65vw; line-height:4.55vmin;} /*font-size:1.6em; line-height: 1.6rem;*/ #l_system .l_system_in .sys_in .pos .s_txt .m_hd{display:block; font-size:2.65vw; line-height:4.55vmin; font-weight: bold;} /*font-size:1.6em; line-height: 1.6rem;*/ #l_system .l_system_in .sys_in .pos .level{width:30.770%; height:13.794vmin; background:#fff; border-radius: 6.897vw;} /*width:160px; height:80px; border-radius:40px;*/ #l_system .l_system_in .sys_in .s_l .level{float:left;} #l_system .l_system_in .sys_in .pos .level .s_char1{left:auto; top:4.8275vmin; } /*top:28px;*/ #l_system .l_system_in .sys_in .pos .level .s_char2{left:auto; top:2.5862vmin; } /*top:15*/ #l_system .l_system_in .sys_in .pos .level .s_char3{left:auto; top:2.5862vmin; } /*top:15*/ #l_system .l_system_in .sys_in .pos .level .s_char4{left:auto; top:2.5862vmin; } #l_system .l_system_in .sys_in .pos .level .s_char5{left:auto; top:2.5862vmin; } /*#l_system .l_system_in .sys_in .m_lvl .l_top{float: left;}*/ #l_system .l_system_in .sys_in .pos .level p{font-size:2.65vw; line-height:4.55vmin; font-weight: bold; text-align: center;} /*font-size:1.6em; line-height: 1.6rem;*/ #l_system .l_system_in .sys_in .pos .level .s_img1{display:none;} #l_system .l_system_in .sys_in .l_top{margin:0; margin-left: 13.462%; top:-0.8992vmin;} /*margin-left: 70px*/ /*레벨테스트신청*/ #request{padding: 30px 0 30px 0; background: #FF6535;} #request .request_in{margin: 0 auto; padding:0 20px 0 20px; width:89.656%; border-radius: 20px; background: #fff;} /*pw:580px; cww520px;*/ #request .request_in .m_txt{margin-top:0; width:100%; background: #fff;} #request .request_in:after{clear:both; display:block; content:'';} #request .request_in .quest{margin-bottom:30px;} #request .request_in .m_txt h3{font-size:2.4em; line-height:2.4rem;} #request .request_in .m_txt .pc{display:none;} #request .request_in .m_txt .mobile{display:block; text-align: right;} #request .request_in .m_txt p{font-size:1.4em; line-height:1.4rem;} #request .request_in .frm .fr_quest{float:left; height:76px; margin-bottom:20px} #request .request_in .frm .fr_quest label{font-size:1.6em; line-height: 1.6rem; font-weight: bold} #request .request_in .frm .fr_quest input{width:100%; height:40px; border: 1px solid #000;} #request .request_in .frm .inq{float:left; height:157px;} #request .request_in .frm .fr_quest textarea{height:120px; margin-bottom: 20px; text-indent: 10px; border:1px solid #000;} #request .request_in .frm .assent{margin-bottom:20px;} #request .request_in .frm .assent p{font-size:1.6em; font-weight: bold;} #request .request_in .frm .assent a.p_link{font-size:1.6em; line-height:1.6rem;} #request .request_in .frm .assent input[type=checkbox]{margin:4px 4px 0 0; width:17px; height:17px;} #request .request_in .frm .submit a{padding:10px 0 10px 0;font-size:1.6em; line-height:1.6rem; width:200px;} } @media screen and (max-width : 418px){ #l_info{padding:0 20px 20px 20px;} #l_info .m_info1{margin-top:30px; padding-top:16px; padding-bottom:16px;} #l_system .l_system_in .sys_in .pos .level{width:34.079%;} #l_info .info_1 p{padding:0 10px 0 10px; font-size:1.4em;} #l_info .m_info1{max-width:230px; height:116px; background-size:100% 116px;} /*pw:520; cw:290px; 30.345vmin*/ #l_info .m_info2{max-width:214px; margin-left:44.493%; height:100px; background-size:100% 100px;} /*pw:520 cw:310 / 180 / */ #l_info .m_info2 p{padding:0 10px 0 10px; font-size:1.4em; text-align: center;} #l_info .m_info3{max-width:290px; height:114px; background-size:100% 114px;} /*pw:520 cw:340 28.45vmin*/ #l_pro .l_pro_in .level .txt h4{font-size:1.5em; line-height:1.5rem;} /*font-size:1.9em; line-height:1.9rem;*/ #l_pro .l_pro_in .level .txt span{font-size:1.5em; line-height:1.5rem;} /*font-size:1.9em; line-height:1.9rem;*/ #l_txt p{font-size:1.3em; line-height:1.3rem;} #l_system .l_system_in .sys_in .pos .s_txt{width:64%;} #l_system .l_system_in .sys_in .pos .s_txt .m_hd{font-size:1.3em; line-height:1.3rem;} #l_system .l_system_in .sys_in .pos .level{width:30.23%; } #l_system .l_system_in .sys_in .pos .level p{font-size:1.2em; line-height: 1.2; } #l_system .l_system_in .sys_in .pos .s_txt p{font-size:1.3em; line-height:1.3rem;} } @media screen and (max-width : 375px){ } @media screen and (max-width : 360px){ } @media screen and (max-width : 320px){ #l_info{padding:0 10px 10px 10px;} #l_info .m_info1{margin-top:30px;} #l_system .l_system_in .sys_in .pos .level{width:34.079%;} #l_info .m_info1 {padding:10px 0 10px 0;} #l_info .info_1 p{padding:0 10px 0 10px; font-size:1.2em;} #l_info .m_info2 p{padding:0 10px 0 10px; font-size:1.2em; text-align: left;} #l_info .m_info1{max-width:200px; height:90px; background-size:100% 90px;} /*pw:520; cw:290px; 30.345vmin*/ #l_info .m_info2{max-width:180px; padding-top:10px; padding-right:10px; height:80px; background-size:100% 80px;} /*pw:520 cw:310 / 180 / */ #l_info .m_info3{max-width:193px; padding-top:10px; padding-right:10px; height:110px; background-size:100% 110px;} /*pw:520 cw:340 28.45vmin*/ #l_system .l_system_in .sys_in .pos .level{width:30%; height:45px; } #l_system .l_system_in .sys_in .pos .s_txt .m_hd{font-size:1.0em; line-height:1.3;} #l_system .l_system_in .sys_in .pos .level p{font-size:1.0em; line-height: 1.2; } #l_system .l_system_in .sys_in .pos .s_txt p{font-size:1.0em; line-height:1.2;} #system .system_in{padding:0 10px 0 10px;} #l_system .l_system_in .sys_in .pos .level .s_char1{font-size:1.0em; line-height:1.1} #l_system .l_system_in .sys_in .pos .level .s_char2{font-size:1.0em; line-height:1.1} #l_system .l_system_in .sys_in .pos .level .s_char3{font-size:1.0em; line-height:1.1} #l_system .l_system_in .sys_in .pos .level .s_char4{font-size:1.0em; line-height:1.1} #l_system .l_system_in .sys_in .pos .level .s_char5{font-size:1.0em; line-height:1.1} }