itgo@charset "utf-8"; @font-face{ font-family: 'Nanum Gothic'; font-style: normal; font-weight: normal; src: url('../css/font/NanumGothic.eot'); src: local('?'), url('../css/font/NanumGothic.woff') format('woff'), url('../css/font/NanumGothic.ttf') format('truetype'); } html, body, div, span, applet, object, iframe,popt_tt h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: 400; font-style: inherit; font-size: 14px; font-family: 'Nanum Gothic', sans-serif; color:#333; vertical-align: baseline; } a{color:333; text-decoration:none} ::-moz-selection { background-color:#feab02; color:#fff;} ::selection { background-color:#feab02; color:#fff;} /* remember to define focus styles! */ :focus {outline: 0;} input:focus{background:#feffcc} textarea:focus{background:#feffcc} body { line-height: 1; color: black; background: white; overflow-y:scroll; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; border:0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } button{cursor: pointer} /* basic */ #wrap{width:100%} #wrap .wrap_cen{width:940px; margin:0 auto} #wrap .radius{ -webkit-border-radius: 20px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 20px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .hide{display:none} .hide2{display:none !important} .mobile_cha{width:153px; height:169px; background: url(https://codinggo.co.kr/images/mobile_cha.png) no-repeat; display: block; position:absolute; right:0; top:400px; } .mobile_cha .mobile_cha_tt{font-size: 11px; color: #fff; text-align: center; display: block; position: absolute; margin:33px 0 0 2px; line-height: 14px} /* layer */ #code_login{height:38px; background:#ecf0f1} #code_login .login_wrap{width:940px; margin: 0 auto; display: block; position: relative} #code_login .login_set{float: right} #code_login .login_set .log_info{padding:0 30px 0 0} #code_login .login_set li{line-height:38px; float: left} #code_login .login_set li a{padding:0 6px; background: url(https://codinggo.co.kr/images/menu_sec.gif) 100% 50% no-repeat; letter-spacing:-1px} #code_login .login_set li:last-child a{background: none} /* #code_login .code_ser{display: block; margin:2px 0 0 0; position: absolute} #code_login .code_ser input{width:150px; height:30px; border-top-left-radius:20px; border-bottom-left-radius:10px; border: solid 1px #bdc3c7; box-sizing: border-box; padding:0 20px;} #code_login .code_ser button{height:30px; border: 0; background:#bdc3c7; border-top-right-radius:10px; border-bottom-right-radius:20px; padding:0 20px 0 10px} */ #code_menu{padding:10px 0 20px 0} #code_menu .menu_wrap{width:940px; height:100px; margin: 0 auto; display: block; position: relative} #code_menu dd{float:left} #code_menu dd>span>a{display: block; padding:14px 5px; margin:1px 10px 0 10px; font-size: 18px; font-weight:800; letter-spacing:-2px} #code_menu dd>span>a:hover{color:#e74c3c} #code_menu dd>ul{position: absolute; margin:5px 0 0 0; padding:0 10px; left:0; background:#e74c3c; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px} #code_menu dd>ul>li{float:left} #code_menu dd>ul>li>a{display: block; padding:14px; font-size:14px; font-weight:400; color: #fff; letter-spacing:-1px} #code_menu dd>ul>li>a:hover{color:#fff000} #code_menu .on>span>a{color:#e74c3c !important} #code_menu .cmenu01{display:block} #code_menu .cmenu02{display:none} #code_menu .cmenu03{display:none} #code_menu .cmenu04{display:none} #code_menu .cmenu05{display:none} #code_menu .cmenu06{display:none} #code_top{height:314px} #code_top .visual{width:940px; height:314px; background:url(https://codinggo.co.kr/images/visual.png) no-repeat; margin:0 auto} #code_top .visual .logo{width:196px; height:81px; position:absolute; margin:150px 0 0 360px; color:#fff; font-weight:700; overflow:hidden; text-indent:-9999px; background:url(https://codinggo.co.kr/images/logo.png) no-repeat;} #code_top .code_top_bg_right{width:100%; height:314px; background:url(https://codinggo.co.kr/images/saw.png) 0 100% repeat-x #ed4a2d; display:block; position:absolute; top:0; z-index:-1} #code_top .code_top_bg_left{width:50%; height:314px; background:url(https://codinggo.co.kr/images/saw.png) 0 100% repeat-x #080f2d; display:block; position:absolute; top:0; z-index:-1} #code_top .mcode_top_bg_right{width:100%; height:389px; background:url(https://codinggo.co.kr/images/saw.png) 0 100% repeat-x #ed4a2d; display:block; position:absolute; top:0; z-index:-1} #code_top .mcode_top_bg_left{width:50%; height:389px; background:url(https://codinggo.co.kr/images/saw.png) 0 100% repeat-x #080f2d; display:block; position:absolute; top:0; z-index:-1} #code_mid{padding:20px 0 0 0; background:#b9d8ed; clear: both} /* notice */ #code_mid .notice{width:458px; height:107px; background:url(https://codinggo.co.kr/images/more.png) 100% 0 no-repeat #e74c3c; float:left} #code_mid .notice .notice_st{font-weight:800; color:#fff; padding:17px 0 0 18px} #code_mid .notice .notice_dd{background:url(https://codinggo.co.kr/images/bell.gif) 18px 50% no-repeat #fff; margin:14px 0 0 18px; overflow:hidden;} #code_mid .notice .notice_dd li{line-height:47px; padding:0 0 0 50px;} #code_mid .notice .notice_dd .notice_dd_tt{width:252px; height:47px; overflow:hidden; display:block; float:left} #code_mid .notice .notice_dd .notice_dd_date{width:100px; height:47px; overflow:hidden; display:block; margin:0 0 0 20px; float:left; color:#999} #code_mid .notice .notice_more{position:absolute; width:38px; height:38px; overflow:hidden; text-indent:-9999px; margin:-92px 0 0 420px} #code_mid .notice .notice_more a{width:100%; height:100%; display:block} /* m2m_qna */ #code_mid .m2m{width:204px; height:107px; background:url(https://codinggo.co.kr/images/m2m_bg.png) 100% 0 no-repeat #3498db; float:left; margin:0 0 0 11px} #code_mid .m2m a{width:100%; height:100%; display:block} #code_mid .m2m .m2m_st{font-weight:800; color:#fff; padding:17px 0 0 18px} #code_mid .m2m .m2m_dd{font-size:12px; line-height:14px; color:#fff; margin:14px 0 0 18px; display:block; letter-spacing:-1px} /* login */ #code_mid .login{width:256px; height:107px; background:#2c3e50; float:left; margin:0 0 0 11px} #code_mid .login .login_inp{width:220px; height:55px; margin:17px 0 0 18px; display:block} #code_mid .login .login_inp .inp001{ width:154px; height:25px; border:0; text-indent:17px; font-size:12px; border-bottom:solid 1px #c9cac9 !important; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; } #code_mid .login .login_inp .inp002{ width:154px; height:25px; border:0; text-indent:17px; font-size:12px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } #code_mid .login .login_inp .login_inp{ width:65px; height:51px; border:0; position:absolute; margin:-51px 0 0 154px; cursor:pointer; font-size:12px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 10px; border-bottom-right-radius: 20px; } #code_mid .login .login_tt{width:120px; height:13px; margin:9px 0 0 13px; padding:0 0 0 18px; background:url(https://codinggo.co.kr/images/id_ser.png) 0 50% no-repeat; display:block; float:left} #code_mid .login .login_tt a{width:100%; height:100%; display:block; color:#fff; font-size:12px;} #code_mid .login .login_join{width:50px; height:13px; margin:9px 0 0 18px; padding:0 0 0 18px; background:url(https://codinggo.co.kr/images/id_ser.png) 0 50% no-repeat; display:block; float:left} #code_mid .login .login_join a{width:100%; height:100%; display:block; color:#fddf59; font-size:12px;} #code_mid .login .login_after{padding:20px 18px; display:block; color:#fff} #code_mid .login .login_after .login_btn{display:block; margin:10px 0 0 0} #code_mid .login .login_after .login_btn button{width:105px; height:40px; line-height:40px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #code_mid .login .login_after .login_btn button:nth-of-type(2){margin:0 0 0 10px; background:#e74c3c;} #code_mid .login .login_after .login_tx1{color:#fff} #code_mid .login .login_after .login_tx2{height:13px; margin:9px 0 0 0; padding:0 0 0 18px; background:url(https://codinggo.co.kr/images/id_ser.png) 0 50% no-repeat; display:block} #code_mid .login .login_after .login_tx2 a{width:100%; height:100%; display:block; color:#fff; font-size:12px;} #code_mid .login .login_after .login_tx3{color:#fff; display:block; margin:9px 0 0 0; font-size:12px;} /* intro */ #code_mid .intro{line-height:20px; padding:20px 0 25px 0; clear:both; display:block; background: url(https://codinggo.co.kr/images/mobile_cha.png) 100% 100% no-repeat} #code_mid .intro .intro_tt{padding:10px 0 0 0; display:block; clear:both; letter-spacing: -1px} #code_mid .intro .intro_tt a{border-bottom:solid 2px #5a8cae; letter-spacing:normal} #code_mid .intro .intro_tt a:hover{color:#e74c3c; border-bottom:solid 2px #e74c3c} #code_mid .intro .btn_st{font-weight:800; color:#333; padding:21px 0 0 92px} #code_mid .intro .btn_dd{font-size:12px; color:#999; margin:2px 0 0 92px; letter-spacing:-1px; display:inline-block} #code_mid .intro .btn_guide{width:306px; height:87px; background:url(https://codinggo.co.kr/images/btn_guide_bg.png) 35px 50% no-repeat #fff; float:left; margin:0 0 0 0px} #code_mid .intro .btn_guide a{width:100%; height:100%; display:block} #code_mid .intro .btn_sale{width:306px; height:87px; background:url(https://codinggo.co.kr/images/btn_sale_bg.png) 32px 50% no-repeat #fff; float:left; margin:0 0 0 11px} #code_mid .intro .btn_sale a{width:100%; height:100%; display:block} #code_mid .intro .btn_myclass{width:306px; height:87px; background:url(https://codinggo.co.kr/images/btn_myclass_bg.png) 32px 50% no-repeat #fff; float:left; margin:0 0 0 11px} #code_mid .intro .btn_myclass a{width:100%; height:100%; display:block} #code_mid .intro .btn_m2m{width:306px; height:87px; background:url(https://codinggo.co.kr/images/btn_myclass_bg.png) 32px 50% no-repeat #fff; float:left; margin:0 0 0 11px} #code_mid .intro .btn_m2m a{width:100%; height:100%; display:block} #code_mid .intro .mobile_cha{width:173px; height:109; display: block; position: absolute; background: url(https://codinggo.co.kr/images/mobile_cha.png) no-repeat; overflow: hidden; text-indent: -9999px; float: left} #code_notice{ background:#ecf0f1; padding:10px 0 0 0; } #code_notice .code_notice_wrap{width:940px; height:60px; margin: 0 auto; background: #fff; border-radius: 20px; border-top-right-radius:10px; border-bottom-left-radius:10px} #code_notice .notice{width:100%; height:100%; position: relative; display:flex; box-sizing: border-box; overflow: hidden} #code_notice .notice .notice_st{width:100px; text-align: center; color:#fff; display: block; line-height: 48px; background: #080f2d; border-top-left-radius:20px; border-bottom-left-radius:10px; box-sizing: border-box; padding:6px} #code_notice .notice .notice_dd{width:100%; height:47px; background:url(https://codinggo.co.kr/images/bell.gif) 30px 50% no-repeat #fff; padding:6px} #code_notice .notice .notice_dd li{line-height:47px; padding:0 0 0 70px} #code_notice .notice .notice_dd .notice_dd_tt{width:650px; height:47px; overflow:hidden; display:block; float:left} #code_notice .notice .notice_dd .notice_dd_date{width:100px; height:47px; overflow:hidden; display:block; margin:0 0 0 20px; float:left; color:#999} #code_notice .notice .notice_more{position:absolute; width:38px; height:38px; overflow:hidden; text-indent:-9999px; margin:-92px 0 0 420px} #code_notice .notice .notice_more a{width:100%; height:100%; display:block} #code_bottom{padding:20px 0 26px 0; background: #fddf59; position: relative;} /* schedule */ #code_bottom .schedule{width:940px; background:#393a3c; padding:0 0 3px 0; margin:10px 0 0 0} #code_bottom .schedule .schedule_st{height:83px} #code_bottom .schedule .schedule_st .off{color:#777 !important; background:url(https://codinggo.co.kr/images/arrow2.gif) 100% 0 no-repeat !important;} #code_bottom .schedule .schedule_st .off:last-child{background:none !important;} #code_bottom .schedule .schedule_st .off h2{color:#777 !important} #code_bottom .schedule .schedule_st .point{width:38px; height:51px; display:block; background:url(https://codinggo.co.kr/images/point.png) no-repeat; position:absolute; margin:-5px 0 0 -50px;} #code_bottom .schedule .schedule_st li{height:64px; float:left; color:#fff; font-weight:800; cursor:pointer} #code_bottom .schedule .schedule_st li h2{font-weight:400; margin:12px 0 0 0;} #code_bottom .schedule .schedule_st .step01{width:203px; padding:19px 0 0 37px; background:url(https://codinggo.co.kr/images/arrow.gif) 100% 0 no-repeat;} #code_bottom .schedule .schedule_st .step01 h2{color:#f1c40f} #code_bottom .schedule .schedule_st .step01 .tea_pop{width:131px; height:63px; display:block; position:absolute; background:url(https://codinggo.co.kr/images/tea_pop01.png) no-repeat; margin:-67px 0 0 0} #code_bottom .schedule .schedule_st .step02{width:190px; padding:19px 0 0 30px; background:url(https://codinggo.co.kr/images/arrow.gif) 100% 0 no-repeat;} #code_bottom .schedule .schedule_st .step02 h2{color:#1abc9c} #code_bottom .schedule .schedule_st .step02 .tea_pop{width:199px; height:63px; display:block; position:absolute; background:url(https://codinggo.co.kr/images/tea_pop02.png) no-repeat; margin:-67px 0 0 -50px} #code_bottom .schedule .schedule_st .step03{width:245px; padding:19px 0 0 30px; background:url(https://codinggo.co.kr/images/arrow.gif) 100% 0 no-repeat;} #code_bottom .schedule .schedule_st .step03 h2{color:#2ecc71} #code_bottom .schedule .schedule_st .step03 .tea_pop{width:131px; height:63px; display:block; position:absolute; background:url(https://codinggo.co.kr/images/tea_pop03.png) no-repeat; margin:-67px 0 0 0} #code_bottom .schedule .schedule_st .step04{width:175px; padding:19px 0 0 30px;} #code_bottom .schedule .schedule_st .step04 h2{color:#e74c3c} #code_bottom .schedule .schedule_st .step04 .tea_pop{width:64px; height:63px; display:block; position:absolute; background:url(https://codinggo.co.kr/images/tea_pop04.png) no-repeat; margin:-67px 0 0 0} #code_bottom .schedule .schedule_dd{ width:934px; background:#fff; margin:0 0 0 3px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 20px; border-bottom-left-radius: 10px; } #code_bottom .schedule .schedule_dd .schedule_dd_wrap{padding:15px 20px; display:inline-block} #code_bottom .schedule .schedule_dd dd{width:442px; height:66px; overflow:hidden; text-indent:-9999px; background:url(https://codinggo.co.kr/images/banner01.jpg) no-repeat; margin-top:10px; cursor:pointer; float:left} #code_bottom .schedule .schedule_dd dd:nth-of-type(1){margin-top:0} #code_bottom .schedule .schedule_dd dd:nth-of-type(2){margin-top:0} #code_bottom .schedule .schedule_dd dd:nth-of-type(even){margin-left:10px} #code_bottom .schedule .schedule_dd .cont1_0{ width:934px; height:66px; margin-left:0 !important; margin-bottom:10px; display:block; cursor:pointer; overflow:hidden; text-indent:-9999px; background:url(https://codinggo.co.kr/images/banner01.jpg) no-repeat; background-position:0 -924px; } #code_bottom .schedule .schedule_dd .cont1_1{background-position:0 0} #code_bottom .schedule .schedule_dd .cont1_2{background-position:0 -66px} #code_bottom .schedule .schedule_dd .cont1_3{background-position:0 -132px} #code_bottom .schedule .schedule_dd .cont1_4{background-position:0 -198px} #code_bottom .schedule .schedule_dd .cont2_1{background-position:0 -264px} #code_bottom .schedule .schedule_dd .cont2_2{background-position:0 -330px} #code_bottom .schedule .schedule_dd .cont2_3{background-position:0 -396px} #code_bottom .schedule .schedule_dd .cont2_4{background-position:0 -462px} #code_bottom .schedule .schedule_dd .cont2_5{background-position:0 -528px} #code_bottom .schedule .schedule_dd .cont2_6{background-position:0 -594px} #code_bottom .schedule .schedule_dd .cont2_7{background-position:0 -660px} #code_bottom .schedule .schedule_dd .cont2_8{background-position:0 -726px} #code_bottom .schedule .schedule_dd .cont3_1{background-position:-442px 0} #code_bottom .schedule .schedule_dd .cont3_2{background-position:-442px -66px} #code_bottom .schedule .schedule_dd .cont3_3{background-position:-442px -132px} #code_bottom .schedule .schedule_dd .cont3_4{background-position:-442px -198px} #code_bottom .schedule .schedule_dd .cont3_5{background-position:-442px -264px} #code_bottom .schedule .schedule_dd .cont3_6{background-position:-442px -330px} #code_bottom .schedule .schedule_dd .cont3_7{background-position:-442px -396px} #code_bottom .schedule .schedule_dd .cont3_8{background-position:-442px -462px} #code_bottom .schedule .schedule_dd .cont4_1{background-position:-442px -528px} #code_bottom .schedule .schedule_dd .cont4_2{background-position:-442px -594px} #code_bottom .schedule .schedule_dd .cont4_3{background-position:-442px -726px} #code_bottom .schedule .schedule_dd .cont4_4{background-position:-442px -660px} #code_bottom .schedule .schedule_dd .cont4_5{background-position:-442px -726px} #code_bottom .schedule .schedule_dd .cont4_6{background-position:-442px -792px} #code_bottom .cos_book{width:110px; position: absolute; display: block; top:20px; right:20px; background: #fff; text-align: center; border: solid 1px #333} #code_bottom .cos_book .cos_book001{width:100%; padding:5px 0; display: block; color: #fff; background: #333; font-size:12px} #code_bottom .cos_book .cos_book002{} #code_bottom .cos_book .cos_book003{border-top:solid 1px #333; display: block} /*list*/ #sub_code_list{padding:20px 0 50px 0; background:#fff;} #sub_code_list .sc_list_st{width:100%; display: block; font-size: 36px; font-weight: 800; text-align: center; padding:50px 0 0 0} #sub_code_list .sc_list_dd{display: inline-block; padding:50px 0;} #sub_code_list .sc_list_dd li{float:left} #sub_code_list .sc_list_dd li:nth-child(3n+2){margin:0 20px;} #sub_code_list .sc_list_dd .sc_list_dd_img{widht:300px; display: block} #sub_code_list .sc_list_dd .sc_list_dd_img img{width:300px; height:143px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px} #sub_code_list .sc_list_dd .sc_list_dd_tt{width:300px; height:80px; display: block; line-height:20px; padding:10px 0} /*subnm*/ #subnm{padding:20px 0 50px 0} #subnm .subnm_st{width:100%; display: block; font-size: 36px; font-weight: 800; text-align: center; padding:50px 0 0 0; letter-spacing: -3px;} #subnm .subnm_wrap{background:#ecf0f1; padding:30px; margin:30px 0 0 0; text-align: center} #subnm .subnm_wrap .subnm_box{width:35%; display: block; margin: 0 auto} #subnm .subnm_wrap input{} #subnm .subnm_wrap .subnm_box .idnp_basic{width:100%; height:50px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:0 20px; box-sizing: border-box} #subnm .subnm_wrap .subnm_box .idnp_t10{ width:100%; height:50px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:0 20px; box-sizing: border-box; margin:10px 0 0 0; } #subnm .subnm_wrap .subnm_box .idnp_bn{ width:100%; height:45px; background:#3498db; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; border: 0; color:#fff; margin:10px 0 0 0 } #subnm .subnm_wrap .subnm_box .idnp_inp_set{} #subnm .subnm_wrap .subnm_box .idnp_inp_set li{display: flex} #subnm .subnm_wrap .subnm_box .idnp_inp_set .idnp_tt01{width:30%; display: block; line-height: 50px;} #subnm .subnm_wrap .subnm_box .idnp_inp_set .idnp_tt02{width:30%; display: block; line-height: 50px; margin: 10px 0 0 0} #subnm .subnm_wrap .subnm_box .idnp_inp_set .idnp_inp01{width:70%; height:50px; background:#fff; display: block; line-height: 50px; text-align: left; box-sizing: border-box; padding:0 20px;} #subnm .subnm_wrap .subnm_box .idnp_inp_set .idnp_inp02{ width:70%; height:50px; background:#fff; display: block; line-height: 50px; margin: 10px 0 0 0; text-align: left; box-sizing: border-box; padding:0 20px;} #subnm .idnp_btn{width:150px; height:50px; display: block; line-height: 50px; background:#3498db; margin:30px auto; color: #fff; text-align: center; cursor: pointer} #subnm .idnp_tt{width:100%; display: block; line-height: 30px; text-align: center; color:#ff0000; letter-spacing:-1px} #subnm .code_join{text-align: left} #subnm .code_join input{width:26px; height:26px; overflow:hidden; position:absolute; -webkit-appearance:none; right:0; top:0; opacity:0} #subnm .code_join label{ display:block; text-indent:35px; width:100%; height:26px; line-height: 26px; background:url(https://codinggo.co.kr/images/code_chk.png) 0 50% no-repeat; } #subnm .code_join input:checked + label{background:url(https://codinggo.co.kr/images/code_chked.png) 0 50% no-repeat;} #subnm .code_join .code_term_chk label{font-weight:800} #subnm .code_join .code_term01{margin:30px 0 0 0} #subnm .code_join .code_term01 .code_term01_st{} #subnm .code_join .code_term01 .code_term01_dd{padding:20px; background:#fff; display: block; margin:10px 0 0 0} #subnm .code_join .code_term02{margin:30px 0 0 0} #subnm .code_join .code_term02 .code_term02_st{} #subnm .code_join .code_term02 .code_term02_dd{padding:20px; background:#fff; display: block; margin:10px 0 0 0} #subnm .code_join .code_term_bn{width:100%; display: block; text-align: center; margin:50px 0 0 0} #subnm .code_join .code_term_bn button{width:80px; height:40px;border:none; color: #fff; background:#bdc3c7; margin:0 5px} #subnm .code_join .code_term_bn .btn_agree{ background:#3498db;} #subnm .code_join_bn{width:100%; display: block; text-align: center; margin:50px 0 0 0} #subnm .code_join_bn button{width:80px; height:40px;border:none; color: #fff; background:#bdc3c7; margin:0 5px} #subnm .code_join_bn .btn_agree{ background:#3498db;} #subnm .code_guide{text-align: left; line-height: 30px;} #subnm .code_guide h2{display: block; font-weight: 800} #subnm .code_chk{text-align: left; display: block; margin: 10px 0 0 0} #subnm .code_chk input{width:26px; height:26px; overflow:hidden; position:absolute; -webkit-appearance:none; right:0; top:0; opacity:0} #subnm .code_chk label{ display:block; text-indent:35px; width:100%; height:26px; line-height: 26px; background:url(https://codinggo.co.kr/images/code_chk.png) 0 50% no-repeat; } #subnm .code_chk input:checked + label{background:url(https://codinggo.co.kr/images/code_chked.png) 0 50% no-repeat;} #subnm .code_freepass{} #subnm .code_freepass .cfpass_menu{display: flex} #subnm .code_freepass .cfpass_menu li a{ height:50px; line-height: 50px; padding:0 40px; box-sizing: border-box; display: block; background:#bdc3c7; margin:0 10px 0 0; border-top-left-radius: 20px; border-top-right-radius: 10px; } #subnm .code_freepass .cfpass_menu .on{background:#fff !important} #subnm .code_freepass .cfpass_box{ width:100%; background:#fff; display: block; border-radius:10px; border-top-right-radius: 20px; border-top-left-radius: 0; padding:35px; box-sizing: border-box; text-align: left } #subnm .code_freepass .cfpass_box .cfpass_pt{width:100%; text-align: center; display: block; letter-spacing:-1px; padding:30px 0} #subnm .code_freepass .cfpass_box ul{display:flex} #subnm .code_freepass .cfpass_box .cfpass001{width:254px; height:236px; background:url(https://codinggo.co.kr/images/freepass001.gif) no-repeat; overflow: hidden; text-indent: -9999px; cursor: pointer} #subnm .code_freepass .cfpass_box .cfpass002{width:254px; height:236px; background:url(https://codinggo.co.kr/images/freepass002.gif) no-repeat; overflow: hidden; text-indent: -9999px; margin:0 23px; cursor: pointer} #subnm .code_freepass .cfpass_box .cfpass003{width:254px; height:236px; background:url(https://codinggo.co.kr/images/freepass003.gif) no-repeat; overflow: hidden; text-indent: -9999px; cursor: pointer} #subnm .code_freepass .cfpass_tt{padding:20px 0; display: block; line-height:20px; letter-spacing: -1px} #subnm .code_freepass .cfpass_form{text-align: center; display: block} #subnm .code_freepass .cfpass_form .cfpass_form_inp{ width:300px; height:50px; background:#ecf0f1; border-top-left-radius: 20px; border-bottom-left-radius: 10px; box-sizing: border-box; padding:0 20px; } #subnm .code_freepass .cfpass_form .cfpass_form_bn{width:80px; height:50px; border: 0; background:#3498db; border-top-right-radius: 10px; border-bottom-right-radius: 20px; color:#fff} #subnm .code_mypage{} #subnm .code_mypage .code_menu{display: flex} #subnm .code_mypage .code_menu li a{ height:50px; line-height: 50px; padding:0 40px; box-sizing: border-box; display: block; background:#bdc3c7; margin:0 10px 0 0; border-top-left-radius: 20px; border-top-right-radius: 10px; } #subnm .code_mypage .code_menu .on{background:#fff !important} #subnm .code_mypage .cmp_box{ width:100%; background:#fff; display: block; border-radius:10px; border-top-right-radius: 20px; border-top-left-radius: 0; padding:50px 35px; box-sizing: border-box; text-align: left } #subnm .code_mypage .cmp_box .cmp_menu{display: flex} #subnm .code_mypage .cmp_box .cmp_menu li a{padding:0 20px; height:40px; line-height: 40px; background: #ecf0f1; color: #000; display: block} #subnm .code_mypage .cmp_box .cmp_menu li:nth-child(2) a{margin:0 10px;} #subnm .code_mypage .cmp_box .cmp_menu .on{background: #2c3e50 !important; color: #fff !important} #subnm .code_mypage .cmp_fav{} #subnm .code_mypage .cmp_fav ul{position: relative} #subnm .code_mypage .cmp_fav li{width:100%; height:45px; line-height: 45px; background:url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_fav .code_bndel a{ width:100px; height:35px; line-height: 35px; border: 0; background: url(https://codinggo.co.kr/images/fav_ico.png) 15px 50% #e74c3c no-repeat; text-indent:35px; letter-spacing: -1px; position: absolute; right:0; margin:4px 0 0 0; color:#fff; padding:0 5px 0 0} #subnm .code_mypage .cmp_fav .cmp_tt{width:100%; display:block; text-align: center; line-height:25px} #subnm .code_mypage .cmp_fav .cmp_btn{width:100%; display: block; text-align: center; padding:30px 0 0 0} #subnm .code_mypage .cmp_fav .cmp_btn button{border:0; height:40px; padding:0 20px; color:#fff} #subnm .code_mypage .cmp_fav .cmp_btn .cmp_bn01{background:#3498db} #subnm .code_mypage .cmp_fav .cmp_btn .cmp_bn02{background:#e74c3c} #subnm .code_mypage .cmp_list{width:100%; border-spacing: 0; border-collapse: 0;} #subnm .code_mypage .cmp_list tr{height:50px; line-height: 50px; background: url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_list th{padding:0 0 0 20px} #subnm .code_mypage .cmp_list .w15{width:15%; text-align: center} #subnm .code_mypage .cmp_list button{height:40px; padding:0 15px; background: #e74c3c; border:0; color: #fff; margin:0 0 6px 0} #subnm .code_mypage .cmp_list .cmp_bn{height:40px; line-height: 40px; padding:0 15px; background: #e74c3c; border:0; color: #fff; display:inline-block; margin:0 0 6px 0} #subnm .code_mypage .cmp_tt{width:100%; display: block; text-align: center; padding:50px 0; line-height: 24px;} #subnm .code_mypage .t50{margin:50px 0 0 0} #subnm .code_mypage .cmp_att{width:100%; display: block} #subnm .code_mypage .cmp_att .cmp_att_st{width:100%; display: flex; border-top:solid 1px #e0e3e5; margin:20px 0 0 0; box-sizing: border-box} #subnm .code_mypage .cmp_att .cmp_att_st li{ text-align: center; border-right:solid 1px #e0e3e5; border-bottom:solid 1px #e0e3e5; background:#ecf0f1; padding:5px 0; box-sizing: border-box} #subnm .code_mypage .cmp_att .cmp_att_st .cmp_att_st01{width:15%} #subnm .code_mypage .cmp_att .cmp_att_st .cmp_att_st02{width:14%} #subnm .code_mypage .cmp_att .cmp_att_dd{width:100%; display: grid; grid-template-columns: 15% 14% 14% 14% 14% 14% 15%; border-left: solid 1px #e0e3e5; box-sizing: border-box} #subnm .code_mypage .cmp_att .cmp_att_dd li{ height:80px; display: block; box-sizing: border-box; border-right: solid 1px #e0e3e5; border-bottom: solid 1px #e0e3e5; padding:5px; position: relative} #subnm .code_mypage .cmp_att .cmp_att_dd .cmp_att_chk{ width: 70px; height:70px; position: absolute; display: block; background: url(https://codinggo.co.kr/images/stamp.png) no-repeat; overflow: hidden; text-indent: -9999px; top:5px; left:20px; } #subnm .code_mypage .cmp_att .cmp_att_dd .today{background: #fff5c7} #subnm .code_mypage .cmp_att .cmp_att_date{width:100%; display: block; text-align: center; font-size: 24px; font-weight: 800; line-height: 24px;} #subnm .code_mypage .cmp_att .cmp_att_date span {font-size: 24px;font-weight: 800;} #subnm .code_mypage .cmp_att .cmp_att_date button{height:40px; margin:0 10px; border: 0; padding:0 20px} #subnm .code_pay{padding:0 200px;} #subnm .code_pay li{width:100%; display: flex; margin:10px 0 0 0} #subnm .code_pay .code_pay_st{width:30%; height:50px; line-height:50px; display: block} #subnm .code_pay .code_pay_dd{width:70%; display: block; background:#fff; padding:18px 20px; text-align: left} #subnm .code_pay label{margin:0 10px 0 0; line-height: 30px;} #subnm .code_pay input[type=radio]{width:20px; vertical-align: middle} #subnm .code_pay_btn{display: block; margin:50px 0 0 0} #subnm .code_pay_btn button{border:0; height:40px; padding:0 20px; color:#fff; margin:0 5px} #subnm .code_pay_btn .code_pay_bn01{background: #3498db} #subnm .code_pay_btn .code_pay_bn02{background: #bdc3c7} /* notice */ #sub_code_mid{padding:20px 0 20px 0; background:url(https://codinggo.co.kr/images/blue.png) repeat-x #fddf59; background-size:127px} #sub_code_mid .sub_notice{width:934px; background:#393a3c; padding:3px;} #sub_code_mid .sub_notice_wrap{width:898px; background:#fff; display:block; padding:30px 18px 30px 18px;} #sub_code_mid .sub_notice .sub_notice_st{font-size:24px; font-weight:800; margin:0 0 0 18px} #sub_code_mid .sub_notice .cate{display: flex; margin:20px 0} #sub_code_mid .sub_notice .cate dd{border-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; background: #ecf0f1; padding:10px 20px; cursor: pointer; margin-right:5px; color: #333} #sub_code_mid .sub_notice .cate dd:hover{background: #e74c3c; color: #fff} #sub_code_mid .sub_notice .cate dd.on{background: #e74c3c; color: #fff} #sub_code_mid .sub_notice .sub_notice_dd{width:100%; margin:10px 0 0 0} #sub_code_mid .sub_notice .sub_notice_dd .li-center{text-align: center; display: block; cursor: default} #sub_code_mid .sub_notice .sub_notice_dd .li-center:hover{color:#fff} #sub_code_mid .sub_notice .sub_notice_dd li{width:100%; height:47px; line-height:47px; background:#ecf0f1; margin:3px 0 0 0; cursor:pointer; font-size:14px; display: flex} #sub_code_mid .sub_notice .sub_notice_dd li:first-of-type{margin-top:0} #sub_code_mid .sub_notice .sub_notice_dd li:hover{background:#e74c3c} #sub_code_mid .sub_notice .sub_notice_dd li:hover .num{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd li:hover .part{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd li:hover .tt_wrap{color:#fff} #sub_code_mid .sub_notice .sub_notice_dd li:hover .date{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd li:hover .site{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd .on{background:#e74c3c} #sub_code_mid .sub_notice .sub_notice_dd .on .num{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd .on .part{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd .on .tt_wrap{color:#fff} #sub_code_mid .sub_notice .sub_notice_dd .on .date{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd .on .site{color:#ffa9a0} #sub_code_mid .sub_notice .sub_notice_dd .num{width:50px; text-align: center} #sub_code_mid .sub_notice .sub_notice_dd .part{width:80px; text-align: center} #sub_code_mid .sub_notice .sub_notice_dd .tt{width:calc(100% - 50px - 90px); overflow: hidden; text-indent: 10px} #sub_code_mid .sub_notice .sub_notice_dd .tt .tt_wrap{height:47px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #sub_code_mid .sub_notice .sub_notice_dd .adm_st{width:calc(100% - 80px - 50px - 90px - 100px); overflow: hidden; text-indent: 10px} #sub_code_mid .sub_notice .sub_notice_dd .date{width:90px} #sub_code_mid .sub_notice .sub_notice_dd .tt_cen{text-align: center} #sub_code_mid .sub_notice .sub_notice_dd .site{width:100px; text-align: center} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt{min-height:80px; padding:18px 45px 18px 45px; display:none; line-height:20px;} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt .answer{display:block; margin:20px 0 0 0} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt .answer em{background:#e74c3c; font-size:11px; padding:3px 10px 3px 10px; font-weight:800; color:#fff; margin:0 3px 0 0} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt .answer .answer_em{background:#bdc3c7; font-size:11px; padding:3px 10px 3px 10px; margin:0 5px 0 0; color:#fff} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt .mody{display:block; margin:20px 0 0 0} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt .mody em{background:#e74c3c; font-size:11px; padding:3px 10px 3px 10px; font-weight:800; color:#fff; margin:0 3px 0 0} #sub_code_mid .sub_notice .sub_notice_dd .sub_notice_dd_tt .mody .mody_em{background:#bdc3c7; font-size:11px; padding:3px 10px 3px 10px; margin:0 5px 0 0; color:#fff} #sub_code_mid .sub_notice .sub_notice_dd .title{height:47px; line-height:47px; background:#ecf0f1; font-size:14px; display:block;} #sub_code_mid .sub_notice .sub_notice_dd .title input{width:100%; height:100%; border:0; text-indent:20px; font-size:14px; background:#ecf0f1} #sub_code_mid .sub_notice .sub_notice_dd .question{line-height:14px; background:#ecf0f1; font-size:14px; display:block; margin:10px 0 0 0;} #sub_code_mid .sub_notice .sub_notice_dd .question textarea{width:844px; height:200px; border:0; font-size:14px; background:#ecf0f1; padding:20px} #sub_code_mid .sub_notice .sub_notice_th{display: flex; background:#080f2d; margin:10px 0 0 0} #sub_code_mid .sub_notice .sub_notice_th li{text-align: center; height:47px; line-height: 47px; font-size:14px; color: #fff} #sub_code_mid .sub_notice .sub_notice_th li.th_num{width:50px} #sub_code_mid .sub_notice .sub_notice_th li.th_part{width:80px} #sub_code_mid .sub_notice .sub_notice_th li.th_tt{width:calc(100% - 80px - 50px - 90px - 60px);} #sub_code_mid .sub_notice .sub_notice_th li.th_date{width:90px} #sub_code_mid .sub_notice .sub_notice_th li.th_site{width:100px} #sub_code_mid .sub_notice .sub_notice_th li.th_site select{width:80px; height:30px; border:0; border-radius: 10px; text-align: center} #sub_code_mid .sub_pay{width:934px; background:#393a3c; padding:3px;} #sub_code_mid .sub_pay_wrap{width:898px; background:#fff; display:block; padding:30px 18px 30px 18px;} #sub_code_mid .sub_pay .sub_pay_st{font-size:24px; font-weight:800; margin:0 0 0 18px} #sub_code_mid .sub_pay .sub_pay_notice{font-size:16px; font-weight:400; margin:10px 0; display: block; text-align: center; line-height: 24px} #sub_code_mid .sub_pay .pay_memo{width:100%; border-bottom:solid 1px #d3ecfe; border-right:solid 1px #d3ecfe} #sub_code_mid .sub_pay .pay_memo th{height:30px; line-height: 30px; border-top:solid 1px #d3ecfe; border-left:solid 1px #d3ecfe; background: #e6fafe; text-align: center} #sub_code_mid .sub_pay .pay_memo td{height:30px; line-height: 30px; border-top:solid 1px #d3ecfe; border-left:solid 1px #d3ecfe; text-align: center} #sub_code_mid .sub_pay .btn_set{width:100%; text-align:center; display:block; margin:50px 0 0 0} #sub_code_mid .sub_pay .btn_set button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #sub_code_mid .sub_pay .btn_set .point{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #sub_code_mid .sub_pay .btn_set button:nth-of-type(2){margin:0 0 0 10px} #sub_code_mid .sub_pay .btn_set2{width:100%; text-align:right; display:block; margin:-27px 0 0 0} #sub_code_mid .sub_pay .btn_set2 button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #sub_code_mid .sub_sec{width:934px; background:#393a3c; padding:3px;} #sub_code_mid .sub_sec_wrap{width:898px; background:#fff; display:block; padding:30px 18px 30px 18px;} #sub_code_mid .sub_sec .sub_sec_st{font-size:24px; font-weight:800; margin:0 0 0 18px} #sub_code_mid .sub_sec .sub_sec_st{font-size:24px; font-weight:800; margin:0 0 0 18px} #sub_code_mid .sub_sec .partner{display: block; padding:30px 0px 0px 20px} #sub_code_mid .sub_sec .partner_cont{padding:20px 0 0 20px; display: block} #sub_code_mid .sub_notice .sub_notice_dd2{width:100%; margin:10px 0 0 0; display:block} #sub_code_mid .sub_notice .btn_set{width:100%; text-align:center; display:block; margin:50px 0 0 0} #sub_code_mid .sub_notice .btn_set button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #sub_code_mid .sub_notice .btn_set .point{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #sub_code_mid .sub_notice .btn_set button:nth-of-type(2){margin:0 0 0 10px} #sub_code_mid .sub_notice .btn_set2{width:100%; text-align:center; display:block; margin:50px 0 0 0} #sub_code_mid .sub_notice .btn_set2 button{width:105px; height:27px; line-height:27px; border:0; background:#3498db; cursor:pointer; color:#fff; font-size:12px;} /* classroom */ #sub_code_mid .sub_classroom{width:934px; background:#393a3c; padding:3px;} #sub_code_mid .sub_classroom_wrap{width:898px; background:#fff; display:block; padding:30px 18px 30px 18px;} #sub_code_mid .sub_classroom .sub_classroom_st{font-size:24px; font-weight:800; margin:0 0 0 18px; line-height:32px; letter-spacing: -1px} #sub_code_mid .sub_classroom .sub_classroom_dd{width:100%; margin:10px 0 0 0; display:table} #sub_code_mid .sub_classroom .sub_classroom_dd li{width:100%; height:47px; line-height:47px; background:#ecf0f1; margin:3px 0 0 0; cursor:pointer; font-size:14px;} #sub_code_mid .sub_classroom .sub_classroom_dd li:first-of-type{margin-top:0} #sub_code_mid .sub_classroom .sub_classroom_dd li:hover{background:#e74c3c} #sub_code_mid .sub_classroom .sub_classroom_dd li:hover .num{color:#ffa9a0} #sub_code_mid .sub_classroom .sub_classroom_dd li:hover .tt_wrap{color:#fff} #sub_code_mid .sub_classroom .sub_classroom_dd li:hover .tt_wrap span{color:#fff} #sub_code_mid .sub_classroom .sub_classroom_dd li:hover .date{color:#ffa9a0} #sub_code_mid .sub_classroom .sub_classroom_dd .num{width:50px; display:table-cell; padding:0 0 0 45px; color:#999} #sub_code_mid .sub_classroom .sub_classroom_dd .tt{width:675px; display:table-cell} #sub_code_mid .sub_classroom .sub_classroom_dd .tt .tt_wrap{width:600px; height:47px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #sub_code_mid .sub_classroom .sub_classroom_dd .date{width:80px; display:table-cell; color:#999; text-align:center} #sub_code_mid .sub_classroom .sub_classroom_info{display:inline-block; padding:10px 0;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box{width:504px; height:120px; padding:18px 20px 18px 20px; float:left; margin:0 0 0 18px; border:solid 3px #ecf0f1; position:relative} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box .pop_tea{width:364px; min-height:142px; position:absolute; background:#fddf59; top:-150px; left:85px; padding:10px; display:none} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box .pop_tea .popt_img{width:120px; height:140px; overflow:hidden; float:left} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box .pop_tea .popt_tt{width:224px; overflow-y:hidden; float:left; margin:0 0 0 20px;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box .pop_tea .popt_tt dt{font-size:14px; padding:10px 0; font-weight:800} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box .pop_tea .popt_tt dd{line-height:20px; font-size:12px; letter-spacing: -1px} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_box .pop_tea .arrow{width:15px; height:10px; background:url(https://codinggo.co.kr/images/pop_arrow.png) no-repeat; position:absolute; top:100%; left:145px} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab{width:100%; height:100%; border-spacing:5px; border-collapse:0;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab th{width:100px; vertical-align:middle; text-align:right;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab td{width:132px; vertical-align:middle; text-align:center;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab .down_on{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px; text-align:center; margin:0 0 0 10px;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab .add_on{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px; text-align:center; margin:0 0 0 10px;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab .add_off{width:105px; height:27px; line-height:27px; border:0; background:#515658; cursor:pointer; color:#fff; font-size:12px; text-align:center; margin:0 0 0 10px;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab .down_off{ width:105px; height:27px; line-height:27px; border:0; text-indent:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px; display:block; text-align:center; margin:0 0 0 10px; } #sub_code_mid .sub_classroom .sub_classroom_info .classroom_tab .document{width:105px; height:27px; line-height:27px; border:0; background:#515658; cursor:pointer; color:#fff; font-size:12px; text-align:center; margin:0 0 0 10px;} #sub_code_mid .sub_classroom .sub_classroom_info .ico_profile{vertical-align:middle; position:absolute; margin:-3px 0 0 7px; cursor:pointer} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_img{width:330px; height:162px; display:block; float:left;} #sub_code_mid .sub_classroom .sub_classroom_info .classroom_img img{ -webkit-border-radius: 20px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 20px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } #sub_code_mid .sub_classroom .class_intro{background:#ddd; padding:20px;} #sub_code_mid .sub_classroom .class_intro h3{display:block;} #sub_code_mid .sub_classroom .class_intro span{display:block; font-weight:normal; line-height:20px;} #sub_code_mid .sub_classroom .class_intro .class_intor01{} #sub_code_mid .sub_classroom .class_intro .class_intor02{margin:20px 0 0 0} #sub_code_mid .sub_classroom .class_intro .class_intor03{margin:20px 0 0 0} #sub_code_mid .sub_classroom .part_set{width:100%; margin:20px 0 0 0; display:inline-block} #sub_code_mid .sub_classroom .part_set li{width:120px; height:47px; line-height:47px; background:#f1c40f; float:left; margin:0 5px 0 0; text-align:center; color:#fff; cursor:pointer} #sub_code_mid .sub_classroom .part_set .menu_on{background:url(https://codinggo.co.kr/images/arrow_pot.png) 90px 50% no-repeat #1abc9c !important} /* id,password_search */ .pwser{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .pwser_wrap{width:220px; margin:20% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 15px;} .pwser .pwser_st{color:#ffcf09; font-weight:800; margin:0 0 0 10px} .pwser .pwser_dd001{width:220px; height:27px; margin:11px 0 0 0; font-size:12px; text-indent:17px;} .pwser .pwser_dd002{width:220px; height:27px; margin:10px 0 0 0; font-size:12px; text-indent:17px;} .pwser .pw_btn{width:100%; margin:10px 0 0 0; display:block; text-align:center} .pwser .pw_btn button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} .pwser .pw_btn button:nth-of-type(2){margin:0 0 0 10px; background:#7f8c8d;} .pwser .pwser_ddok001{width:220px; height:27px; margin:11px 0 0 0; font-size:12px; text-indent:17px; display:block; background:#fff; line-height:27px} .pwser .pwser_ddok002{width:220px; height:27px; margin:10px 0 0 0; font-size:12px; text-indent:17px; display:block; background:#fff; line-height:27px} /* join */ .join{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .join_wrap{width:220px; margin:10% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 15px;} .join .join_st{color:#ffcf09; font-weight:800; margin:0 0 0 10px} .join .join_dd001{width:220px; height:27px; margin:11px 0 0 0; font-size:12px; text-indent:17px;} .join .join_dd002{width:220px; height:27px; margin:10px 0 0 0; font-size:12px; text-indent:17px;} .join .join_btn{width:100%; margin:15px 0 0 0; display:block; text-align:center} .join .join_btn button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} .join .join_btn button:nth-of-type(2){margin:0 0 0 10px; background:#7f8c8d;} .join .join_ddok001{width:220px; height:27px; margin:11px 0 0 0; font-size:12px; text-indent:17px; display:block; background:#fff; line-height:27px} .join .join_ddok002{width:220px; height:27px; margin:10px 0 0 0; font-size:12px; text-indent:17px; display:block; background:#fff; line-height:27px} .join .chk_tt{display:block; margin:5px 0 0 0;} .join .chk_tt1{display:block; margin:10px 0 0 0;} .join .chk_tt input[type=checkbox]{vertical-align:middle; margin:0 5px 0 0} .join .chk_tt label{color:#fff; font-size:12px;} /* term */ .term{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .term_wrap{width:515px; margin:10% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 15px;} .term hr{border:0; border-bottom:solid 1px #7f8c8d; margin:20px 0 0 0} .term .term_allchk{height:20px; display:block; position:relative; line-height:20px;} .term .term_allchk input{width:20px; height:20px; overflow:hidden; position:absolute; -webkit-appearance:none; right:0; top:0; opacity:0} .term .term_allchk label{ display:block;position:absolute;top:-2px;left:0;z-index:10;width:100%;height:24px; color:#fff; background:url(https://codinggo.co.kr/images/term_chk.png) 100% 50% no-repeat; } .term .term_allchk input:checked + label{background:url(https://codinggo.co.kr/images/term_chked.png) 100% 50% no-repeat;} .term .term01{margin:20px 0 0 0; display:block} .term .term01 .term01_st{height:20px; position:relative; color:#ffcf09; font-weight:800; margin:0 0 10px 0} .term .term01 .term01_st input{width:20px; height:20px; overflow:hidden; position:absolute; -webkit-appearance:none; right:0; top:0; opacity:0} .term .term01 .term01_st label{ display:block;position:absolute;top:-2px;left:0;z-index:10;width:100%;height:24px; color:#fff; background:url(https://codinggo.co.kr/images/term_chk.png) 100% 50% no-repeat; } .term .term01 .term01_st input:checked + label{background:url(https://codinggo.co.kr/images/term_chked.png) 100% 50% no-repeat;} .term .term01 .term01_dd{height:68px; overflow-y:scroll; display:block; background:#fff; font-size:12px; padding:10px; line-height:20px;} .term .term02{margin:30px 0 0 0} .term .term02 .term02_st{height:20px; position:relative; color:#ffcf09; font-weight:800; margin:0 0 10px 0} .term .term02 .term02_st input{width:20px; height:20px; overflow:hidden; position:absolute; -webkit-appearance:none; right:0; top:0; opacity:0} .term .term02 .term02_st label{ display:block;position:absolute;top:-2px;left:0;z-index:10;width:100%;height:24px; color:#fff; background:url(https://codinggo.co.kr/images/term_chk.png) 100% 50% no-repeat; } .term .term02 .term02_st input:checked + label{background:url(https://codinggo.co.kr/images/term_chked.png) 100% 50% no-repeat;} .term .term02 .term02_dd{height:68px; overflow-y:scroll; display:block; background:#fff; font-size:12px; padding:10px; line-height:20px;} .term .term_btn{width:100%; margin:20px 0 0 0; text-align:center; display:inline-block} .term .term_btn button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} .term .term_btn button:nth-of-type(2){margin:0 0 0 10px; background:#7f8c8d;} /* my_info */ .myinfo{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .myinfo_wrap{width:280px; margin:20% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 15px;} .myinfo .myinfo_st{color:#ffcf09; font-weight:800; margin:0 0 0 10px} .myinfo .myinfo_dd{width:100%; display:block; margin:10px 0 0 0} .myinfo .myinfo_dd dt{width:60px; height:27px; line-height:27px; margin:10px 0 0 0; float:left; color:#fff; font-size:12px; text-align:center} .myinfo .myinfo_dd dd{width:220px; height:27px; float:left; margin:10px 0 0 0} .myinfo .myinfo_dd dd input{width:100%; height:100%; font-size:12px; text-indent:17px;} .myinfo .my_btn{width:100%; margin:20px 0 0 0; text-align:center; display:inline-block} .myinfo .my_btn button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} .myinfo .my_btn button:nth-of-type(2){margin:0 0 0 10px; background:#7f8c8d;} /* guide */ .guide{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .guide_wrap{width:515px; margin:15% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 15px;} .guide .guide_st{color:#ffcf09; font-weight:800; margin:0 0 0 10px} .guide .guide_dd{padding:10px; font-size:12px; color:#fff; display:block; line-height:20px;} .guide .guide_btn{width:100%; margin:20px 0 0 0; text-align:center; display:inline-block} .guide .guide_btn button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} .guide .guide_btn button:nth-of-type(2){margin:0 0 0 10px; background:#7f8c8d;} /* free_pass */ .freepass{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .freepass_wrap{width:300px; margin:15% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 15px; position: relative} .freepass .freepass_st{color:#ffcf09; font-weight:800; margin:0 0 0 10px} .freepass .freepass_tt{color:#fff; font-weight:normal; font-size:12px; margin:10px 0 0 0; display:block; line-height:16px;} .freepass .freepass_tt2{color:#ffcf09; font-weight:normal; font-size:12px; margin:10px 0 0 0; display:block; line-height:16px;} .freepass .fp_menu{margin:14px 0 0 0; display: inline-block} .freepass .fp_menu .on{background:#1abc9c !important; cursor:default !important; color:#fff !important} .freepass .fp_menu li{ width:85px; height:27px; line-height:27px; font-size:12px; text-align:center; background:#ecf0f1; color:#777; float:left; margin:0 5px 0 0; cursor:pointer; padding:0 10px; letter-spacing: -1px} .freepass .fp_tt{width:100%; text-align: center; color:#fff; display: block; padding:25px 0; line-height: 20px;} .freepass .coupon_form{width:80%; height:35px; border: 0; text-indent:20px; border-top-left-radius: 20px; border-bottom-left-radius: 10px;} .freepass .coupon_bn{width:20%; height:35px; position: absolute; right:15px; border: 0; background:#3498db; color:#fff; border-top-right-radius: 10px; border-bottom-right-radius: 20px; cursor: pointer} .freepass .y2_freepass{color:#fff; display:block; background:url(https://codinggo.co.kr/images/btn_arrow.png) 100% 50% no-repeat #e74c3c} .freepass .y2_freepass .y2_freepass_wrap{background:url(https://codinggo.co.kr/images/cha01.png) 80% 100% no-repeat; display: block; padding:10px 20px;} .freepass .y2_freepass .y2_freepass_st{color:#fff; padding:0 0 0 10px;} .freepass .y2_freepass .y2_freepass_dd{height:20px; background:#fff; line-height:20px; padding:0 10px; margin:5px 0 0 0; font-size:12px; display:inline-block} .freepass .y2_freepass .y2_freepass_dd strike{font-size:12px} .freepass .y2_freepass .y2_freepass_dd strong{font-size:12px; font-weight:800; color:#e74c3c; padding:0 0 0 0; margin:0 0 0 0;} .freepass .y1_freepass{color:#fff; display:block; margin:10px 0 0 0; background:url(https://codinggo.co.kr/images/btn_arrow.png) 100% 50% no-repeat #3498db} .freepass .y1_freepass .y1_freepass_wrap{background:url(https://codinggo.co.kr/images/cha02.png) 80% 100% no-repeat; display: block; padding:10px 20px;} .freepass .y1_freepass .y1_freepass_st{color:#fff; padding:0 0 0 10px;} .freepass .y1_freepass .y1_freepass_dd{height:20px; background:#fff; line-height:20px; padding:0 10px; margin:5px 0 0 0; font-size:12px; display:inline-block} .freepass .y1_freepass .y1_freepass_dd strike{font-size:12px} .freepass .y1_freepass .y1_freepass_dd strong{font-size:12px; font-weight:800; color:#3498db; padding:0 0 0 0; margin:0 0 0 0;} .freepass .y06_freepass{color:#fff; display:block; margin:10px 0 0 0; background:url(https://codinggo.co.kr/images/btn_arrow.png) 100% 50% no-repeat #2ecc71} .freepass .y06_freepass .y06_freepass_wrap{background:url(https://codinggo.co.kr/images/cha03.png) 80% 100% no-repeat; display: block; padding:10px 20px;} .freepass .y06_freepass .y06_freepass_st{color:#fff; padding:0 0 0 10px;} .freepass .y06_freepass .y06_freepass_dd{height:20px; background:#fff; line-height:20px; padding:0 10px; margin:5px 0 0 0; font-size:12px; display:inline-block} .freepass .y06_freepass .y06_freepass_dd strike{font-size:12px} .freepass .y06_freepass .y06_freepass_dd strong{font-size:12px; font-weight:800; color:#27ae60; padding:0 0 0 0; margin:0 0 0 0;} .freepass .freepass_btn{width:100%; margin:20px 0 0 0; text-align:center; display:inline-block} .freepass .freepass_btn button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} /* my page */ .mp{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index:999} .mp_wrap{width:594px; margin:3% auto; background:#2c3e50; border:solid 3px #fff; padding:20px 25px;} .mp .mp_st{color:#ffcf09; font-weight:800;} .mp .mp_menu{margin:14px 0 0 0} .mp .mp_menu .on{background:#e74c3c !important; cursor:default !important} .mp .mp_menu li{ width:99px; height:35px; line-height:35px; text-align:center; color:#fff; float:left; background:#7f8c8d; font-size:12px; cursor:pointer; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 10px; border-top-left-radius: 20px; border-top-right-radius: 10px; } .mp .mp_info{width:100%; color:#fff; text-align:center; display:block; clear:both; padding:25px 0 25px 0; line-height:20px;} .mp .mp_info strong{color:#ffcf09} .mp .mp_step{width:100%; height:27px; display:block; margin:0 0 10px 0} .mp .mp_step .on{background:#3498db !important; cursor:default !important; color:#fff !important} .mp .mp_step li{width:85px; height:27px; line-height:27px; font-size:12px; text-align:center; background:#ecf0f1; color:#777; float:left; margin:0 5px 0 0; cursor:pointer;} .mp .mp_step2{width:100%; height:27px; display:none; margin:70px 0 10px 0} .mp .mp_step2 .on{background:#3498db !important; cursor:default !important; color:#fff !important} .mp .mp_step2 li{width:85px; height:27px; line-height:27px; font-size:12px; text-align:center; background:#ecf0f1; color:#777; float:left; margin:0 5px 0 0; cursor:pointer;} .mp .mp_tab{width:594px; clear:both;} .mp .mp_tab td{color:#fff} .mp .mp_tab tr:last-child td{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab .tab001{width:80%; text-align:left; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab .tab001 .tab001_st{width:360px; height:35px; line-height:35px; color:#fff; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;} .mp .mp_tab .tab001 a{color:#fff} .mp .mp_tab .tab001 a:hover{color:#ffcf09} .mp .mp_tab .tab002{width:10%; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab .tab003{width:10%; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab .tab003 button{width:45px; height:27px; background:url(https://codinggo.co.kr/images/star.png) 50% no-repeat #3f5871; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer} .mp .mp_tab .tab003 .on{background:url(https://codinggo.co.kr/images/star.png) 50% no-repeat #e74c3c !important} .mp .mp_tab2{width:594px; clear:both;} .mp .mp_tab2 td{color:#fff} .mp .mp_tab2 tr:last-child td{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab2 .tab001{width:90%; text-align:left; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab2 .tab001 .tab001_st{width:360px; height:35px; line-height:35px; color:#fff; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;} .mp .mp_tab2 .tab001 a{color:#fff} .mp .mp_tab2 .tab001 a:hover{color:#ffcf09} .mp .mp_tab2 .tab003{width:10%; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab2 .tab003 button{width:45px; height:27px; background:url(https://codinggo.co.kr/images/star.png) 50% no-repeat #3f5871; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer} .mp .mp_tab2 .tab003 .on{background:url(https://codinggo.co.kr/images/star.png) 50% no-repeat #e74c3c !important} .mp .mp_tab3{width:594px; clear:both;} .mp .mp_tab3 td{color:#fff} .mp .mp_tab3 tr:last-child td{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab3 .tab001{width:78%; text-align:left; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab3 .tab001 .tab001_st{width:360px; height:35px; line-height:35px; color:#fff; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;} .mp .mp_tab3 .tab001 a{color:#fff} .mp .mp_tab3 .tab001 a:hover{color:#ffcf09} .mp .mp_tab3 .tab003{width:22%; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x; letter-spacing:-1px;} .mp .mp_tab3 .tab003 button{width:45px; height:27px; background:url(https://codinggo.co.kr/images/star.png) 50% no-repeat #3f5871; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer} .mp .mp_tab3 .tab003 .on{background:url(https://codinggo.co.kr/images/star.png) 50% no-repeat #e74c3c !important} .mp .mp_tab4{width:295px; clear:both; margin:0 auto;} .mp .mp_tab4 th{color:#fff; height:35px; line-height:35px; text-align:center; background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x; border-top:solid 1px #7f8c8d} .mp .mp_tab4 td{color:#fff; height:35px; line-height:35px; text-align:center;} .mp .mp_tab4 tr:last-child td{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab4 .tab001{width:20%; color:#fff; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x} .mp .mp_tab4 .tab002{width:40%; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x;} .mp .mp_tab4 .tab003{width:40%; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x;} .mp .mp_tab5{width:495px; clear:both; margin:0 auto; border-top:solid 1px #7f8c8d} .mp .mp_tab5 th{width:100px; color:#fff; height:35px; line-height:35px; text-align:center; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x; font-size:12px; border-right:solid 1px #7f8c8d; border-left:solid 1px #7f8c8d} .mp .mp_tab5 td{color:#fff; height:35px; line-height:35px; text-align:center; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x; font-size:12px;} .mp .mp_tab5 th:first-child{border-left:0 !important} .mp .mp_tab5 tr:last-child th{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab5 tr:last-child td{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab5 .tab001{width:100%; text-align:left; color:#fff; font-size:12px; display:block; font-weight:normal; text-indent:15px} .mp .mp_tab6{width:495px; clear:both; border-top:solid 1px #7f8c8d; margin:14px 0 0 0} .mp .mp_tab6 th{width:100px; color:#fff; height:35px; line-height:35px; text-align:center; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x; font-size:12px; border-right:solid 1px #7f8c8d; border-left:solid 1px #7f8c8d} .mp .mp_tab6 td{color:#fff; height:35px; line-height:35px; text-align:left; background:url(https://codinggo.co.kr/images/dot_line.png) 0 100% repeat-x; font-size:12px; text-indent:15px;} .mp .mp_tab6 th:first-child{border-left:0 !important} .mp .mp_tab6 tr:last-child th{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab6 tr:last-child td{background:url(https://codinggo.co.kr/images/dot.png) 0 100% repeat-x !important} .mp .mp_tab6 .tab001{} .mp .mp_tab6 .tab001 label{color:#fff; font-size:12px; font-weight:normal; margin:0 10px 0 0; cursor:pointer} .mp .mp_tab6 .tab001 input[type=radio]{vertical-align:middle; margin:0 3px 0 0; cursor:pointer} .mp .m_date{width:100%; height:80px; line-height:80px; text-align:center; display:block; clear:both;} .mp .m_date .arrow_left a{color:#fff; border:solid 1px #fff; padding:5px; background:#415b73} .mp .m_date .date_tt{color:#fff; font-size:26px; padding:0 20px} .mp .m_date .arrow_right a{color:#fff; border:solid 1px #fff; padding:5px; background:#415b73} .mp .mp_scah{width:100%; border-top:solid 1px #fff; border-right:solid 1px #fff; border-bottom:solid 1px #fff;} .mp .mp_scah th{height:25px; color:#fff; border-left:solid 1px #fff; text-align:center; line-height:25px; font-size:12px;} .mp .mp_scah td{height:70px; color:#fff; border-top:solid 1px #fff; border-left:solid 1px #fff; font-size:12px; padding:5px; position:relative} .mp .mp_scah .today{background:#415b73} .mp .mp_scah .stamp{width:70px; height:70px; position:absolute; display:block; background:url(https://codinggo.co.kr/images/stamp.png) no-repeat; overflow:hidden; text-indent:-9999px; top:5px; left:10px} .mp .mp_btn{width:100%; margin:50px 0 0 0; text-align:center; display:inline-block} .mp .mp_btn button{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} .mp .mp_btn button:nth-of-type(2){margin:0 0 0 10px; background:#7f8c8d;} .cos_banner{margin:10px 0 0 0; position:relative; background:url(https://codinggo.co.kr/images/cos.gif) 40px 45% no-repeat #fff; border:solid 3px #393a3c; border-radius:15px; padding:0 0 0 300px;} .cos_banner_wrap{display:block; background:#393a3c; border-top-right-radius:10px; border-bottom-right-radius:10px; padding:20px} .cos_st{display:block} .cos_st .cos_st1{color:#82cfff; display:block; font-size:16px} .cos_st .cos_st2{color:#fff; display:block; line-height:20px; margin:7px 0 0 0} .cos_btn{display:inline-block; clear:both; padding:20px 0 0 0} .cos_btn dt{color:#fff;} .cos_btn dd{float:left; margin:10px 10px 0 0} .cos_btn dd a{display:inline-block; color:#fff; padding:5px 20px; background:#569cc8; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} .oclass{width:100%; margin:10px 0 0 0; border:solid 3px #031835; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background:#fff; box-sizing: border-box} .oclass .oclass_wrap{ background:#031835; border-top-left-radius:10px; border-top-right-radius:5px; padding:20px 20px 10px 20px;} .oclass .oclass_st{color:#fff} .oclass .oclass_menu{margin:10px 0 0 0} .oclass .oclass_menu li{padding:13px 20px; background:#bdc3c7; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; display: inline-block; color:#fff; cursor:pointer; margin:5px 0 0 0} .oclass .oclass_menu li.on{background:#e74c3c; cursor:default} .oclass .oclass_dd2{padding:10px 20px 15px 20px; display:inline-block} .oclass .oclass_dd2 dd{width:442px; height:66px; overflow:hidden; text-indent:-9999px; background:url(https://codinggo.co.kr/images/banner02.jpg) no-repeat; margin-top:10px; float:left} .oclass .oclass_dd2 dd:nth-of-type(even){margin-left:10px} .oclass .oclass_dd2 dd a{width:100%; height:100%; display: block} /*과정외 강좌*/ .oclass .oclass_dd2 .oclass1{background-position: 0 0;} .oclass .oclass_dd2 .oclass2{background-position: -442px 0px;} .oclass .oclass_dd2 .oclass3{background-position: 0 -66px;} .oclass .oclass_dd2 .oclass4{background-position: -442px -66px;} .oclass .oclass_dd2 .oclass5{background-position: -442px -192px;} .oclass .oclass_dd2 .oclass6{background-position: -442px -792px;} .oclass .oclass_dd2 .oclass7{background-position: 0 -858px;} .oclass .oclass_dd2 .oclass8{background-position: -442px -858px;} .oclass .oclass_dd2 .oclass9{background-position: 0 -132px;} .oclass .oclass_dd2 .oclass10{background-position: -442px -132px;} .oclass .oclass_dd2 .oclass11{background-position: -442px -726px;} .oclass .oclass_dd2 .oclass12{background-position: 0 -792px;} .oclass .oclass_dd2 .oclass13{background-position: 0 -330px;} .oclass .oclass_dd2 .oclass14{background-position: -442px -330px;} .oclass .oclass_dd2 .oclass15{background-position: 0 -396px;} .oclass .oclass_dd2 .oclass16{background-position: -442px -396px;} .oclass .oclass_dd2 .oclass17{background-position: 0 -462px;} .oclass .oclass_dd2 .oclass18{background-position: -442px -462px;} .oclass .oclass_dd2 .oclass19{background-position: 0 -528px;} .oclass .oclass_dd2 .oclass20{background-position: -442px -528px;} .oclass .oclass_dd2 .oclass21{background-position: 0 -594px;} .oclass .oclass_dd2 .oclass22{background-position: -442px -594px;} .oclass .oclass_dd2 .oclass23{background-position: 0 -660px;} .oclass .oclass_dd2 .oclass24{background-position: -442px -660px;} .oclass .oclass_dd2 .oclass25{background-position: 0 -990px;} .oclass .oclass_dd2 .oclass26{background-position: -442px -990px;} .oclass .oclass_dd2 .oclass27{background-position: 0 -264px;} .oclass .oclass_dd2 .oclass28{background-position: -442px -264px;} .oclass .oclass_dd2 .oclass29{background-position: 0 -198px;} .oclass .oclass_dd2 .oclass30{background-position: 0 -1188px;} .oclass .oclass_dd2 .oclass31{background-position: -442px -1188px;} .oclass .oclass_dd2 .oclass32{background-position: 0 -1254px;} .oclass .oclass_dd2 .oclass33{background-position: -442px -1254px;} .oclass .oclass_dd2 .oclass34{background-position: 0 -1320px;} .oclass .oclass_dd2 .oclass35{background-position: -442px -1320px;} .oclass .oclass_dd2 .oclass36{background-position: 0 -1386px;} .oclass .oclass_dd2 .oclass37{background-position: -442px -1386px;} .oclass .oclass_dd2 .oclass38{background-position: 0 -1452px;} .oclass .oclass_dd2 .oclass39{background-position: -442px -1452px;} .oclass .oclass_dd2 .oclass40{background-position: 0 -726px;} .oclass .oclass_dd2 .oclass41{background-position: 0 -1518px;} .oclass .oclass_dd2 .oclass42{background-position: 0 -924px;} .oclass .oclass_dd2 .oclass43{background-position: -442px -924px;} .oclass .oclass_dd2 .oclass44{background-position: 0 -1056px;} .oclass .oclass_dd2 .oclass45{background-position: -442px -1056px;} .oclass .oclass_dd2 .oclass46{background-position: 0 -1122px;} .oclass .oclass_dd2 .oclass47{background-position: -442px -1122px;} .oclass .oclass_dd2 .oclass48{background-position: -442px -1518px;} .oclass .oclass_dd2 .oclass49{background-position: 0 -1584px;} .oclass .oclass_dd2 .oclass50{background-position: -442px -1584px;} .oclass .oclass_dd2 .oclass51{background-position: 0 -1650px;} .oclass .oclass_dd2 .oclass52{background-position: -442px -1650px;} .oclass .oclass_dd2 .oclass53{background-position: 0 -1716px;} .oclass .oclass_dd2 .oclass54{background-position: -442px -1716px;} .oclass .oclass_dd2 .oclass55{background-position: 0 -1782px;} .oclass .oclass_dd2 .oclass56{background-position: 0 -1848px;} .oclass .oclass_dd2 .oclass57{background-position: -442px -1782px;} .oclass .oclass_dd2 .oclass58{background-position: -442px -1848px;} .oclass .oclass_dd2 .oclass59{background-position: 0 -1914px;} .oclass .oclass_dd2 .oclass60{background-position: -442px -1914px;} .oclass .oclass_dd2 .oclass61{background-position: 0 -1980px;} .oclass .oclass_dd2 .oclass62{background-position: -442px -1980px;} .oclass .oclass_dd2 .oclass63{background-position: 0px -2046px;} .oclass .oclass_dd2 .oclass64{background-position: -442px -2046px;} .oclass .oclass_dd2 .oclass65{background-position: 0 -2112px;} .oclass .oclass_dd2 .oclass66{background-position: -442px -2112px;} .oclass .oclass_dd2 .oclass67{background-position: 0 -2178px;} .oclass .oclass_dd2 .oclass68{background-position: -442px -2178px;} .oclass .oclass_dd2 .oclass69{background-position: 0px -2244px;} .oclass .oclass_dd2 .oclass70{background-position: -442px -2244px;} .oclass .oclass_dd2 .oclass71{background-position: 0px -2310px;} .oclass .oclass_dd2 .oclass72{background-position: -442px -2310px;} .oclass .oclass_dd2 .oclass73{background-position: 0px -2376px;} .oclass .oclass_dd2 .oclass74{background-position: -442px -2376px;} /*지문인식*/ .oclass .oclass_dd2 .oclass75{background-position: 0px -2442px;}/*음주측정*/ .oclass .oclass_dd2 .oclass76{background-position: -442px -2442px;}/*일산화탄소감지*/ .oclass .oclass_dd2 .oclass78{background-position: 0 -2508px;}/*음성인식*/ .oclass .oclass_dd2 .oclass79{background-position: -442px -2508px;}/*RC카*/ .oclass .oclass_dd2 .oclass80{background-position: 0 -2574px;}/*집게로봇팔*/ .oclass .oclass_dd2 .oclass81{background-position: -442px -2574px;} /*밸런싱로봇*/ .cos_banner2{margin:10px 0 0 0; position:relative; background:url(https://codinggo.co.kr/images/swcode.gif) 40px 50% no-repeat #fff; border:solid 3px #393a3c; border-radius:15px; padding:0 0 0 300px;} .cos_banner_wrap2{display:block; background:#393a3c; border-top-right-radius:10px; border-bottom-right-radius:10px; padding:20px} .cos_btn2{width:100%; display:inline-block; clear:both} .cos_btn2 dt{color:#fff;} .cos_btn2 dd{float:left; margin:10px 10px 0 0} .cos_btn2 dd a{display:inline-block; color:#fff; padding:5px 20px; background:#569cc8; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} .cos_btn3{width:100%; display:inline-block; clear:both; margin-top:20px} .cos_btn3 dt{color:#fff;} .cos_btn3 dd{float:left; margin:10px 10px 0 0} .cos_btn3 dd a{display:inline-block; color:#fff; padding:5px 20px; background:#569cc8; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} .tb20{margin-top:20px !important} #cer_set{background:#080f2d; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; margin:10px 0 0 0; padding:20px;} #cer_set .cer_st{color:#fff} #cer_set .cer_dd{} #cer_set .cer_dd .cer_menu{margin:15px 0 0 0} #cer_set .cer_dd .cer_menu ul{height:60px} #cer_set .cer_dd .cer_menu li{ height:60px; line-height:60px; padding:0 20px; background:#bdc3c7; border-top-left-radius:20px; border-top-right-radius:10px; margin:0 5px 0 0; display: inline-block; overflow: hidden; text-indent: -9999px } #cer_set .cer_dd .cer_menu li.cer_menu1{min-width:114px; background:url(https://codinggo.co.kr/images/cer_menu_cos.png) 50% #bdc3c7 no-repeat; cursor:pointer} #cer_set .cer_dd .cer_menu li.cer_menu1.on{background:url(https://codinggo.co.kr/images/cer_menu_cos.png) 50% #fff no-repeat; cursor: default} #cer_set .cer_dd .cer_menu li.cer_menu2{min-width:138px; background:url(https://codinggo.co.kr/images/cer_menu_sw.png) 50% #bdc3c7 no-repeat; cursor:pointer} #cer_set .cer_dd .cer_menu li.cer_menu2.on{background:url(https://codinggo.co.kr/images/cer_menu_sw.png) 50% #fff no-repeat; cursor: default} #cer_set .cer_dd .cer_menu li.cer_menu3{min-width:114px; background:url(https://codinggo.co.kr/images/ser_menu_itq.png) 50% #bdc3c7 no-repeat; cursor:pointer} #cer_set .cer_dd .cer_menu li.cer_menu3.on{background:url(https://codinggo.co.kr/images/ser_menu_itq.png) 50% #fff no-repeat; cursor: default} #cer_set .cer_dd .cer_menu li.cer_menu4{min-width:138px; background:url(https://codinggo.co.kr/images/ser_menu_gtq.png) 50% #bdc3c7 no-repeat; cursor:pointer} #cer_set .cer_dd .cer_menu li.cer_menu4.on{background:url(https://codinggo.co.kr/images/ser_menu_gtq.png) 50% #fff no-repeat; cursor: default} #cer_set .cer_dd .cer_cont{background:#fff; display:block; padding:20px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-top-left-radius:0} #cer_set .cer_dd .cer_cont ul{display: inline-block} #cer_set .cer_dd .cer_cont li{vertical-align:top; padding:0; background:none; float: left; margin:0 10px 0 0} #cer_set .cer_dd .cer_cont .cer_bn1_1{width:200px;} #cer_set .cer_dd .cer_cont .cer_bn1_2{width:200px;} #cer_set .cer_dd .cer_cont .cer_bn1_3{width:270px;} #cer_set .cer_dd .cer_cont .cer_bn1_3 dt{background:url(https://codinggo.co.kr/images/cer_arrow.png) 100% 50% #2c3e50 no-repeat} #cer_set .cer_dd .cer_cont .cer_bn1_3 dd a{background:#b7be39} #cer_set .cer_dd .cer_cont .cer_bn2_1{width:210px;} #cer_set .cer_dd .cer_cont .cer_bn2_2{width:200px;} #cer_set .cer_dd .cer_cont .cer_bn3_1{width:200px;} #cer_set .cer_dd .cer_cont .cer_bn3_1.cer_mg{padding-top:5px} #cer_set .cer_dd .cer_cont .cer_bn3_1.cer_mg dt{background:url(https://codinggo.co.kr/images/cer_arrow.png) 100% 50% #2c3e50 no-repeat} #cer_set .cer_dd .cer_cont .cer_bn3_1.cer_mg a{background:#b7be39} #cer_set .cer_dd .cer_cont .cer_bn4_1{width:210px;} #cer_set .cer_dd .cer_cont.cont1{display:block} #cer_set .cer_dd .cer_cont dl{} #cer_set .cer_dd .cer_cont dt{ background:url(https://codinggo.co.kr/images/cer_arrow.png) 100% 50% #e74c3c no-repeat; padding:15px 20px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; color:#fff;} #cer_set .cer_dd .cer_cont dd{margin:5px 0 0 0;} #cer_set .cer_dd .cer_cont dd a{display:block; color:#fff; padding:5px 20px; background:#569cc8; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; line-height:normal} #partner{background: #eee; display: block; padding:10px 0} #partner .partner_wrap{width:940px; margin:0 auto; display: block;} #partner .partner_st{background: #999; display:inline-block; padding:2px 10px 5px 10px; color: #fff; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} #partner .partner_dd{display: block} #partner .partner_dd img{border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:0 5px; background: #fff; margin:10px 10px 0 0} #code_footer{margin:20px 0 20px 0} #code_footer .copyright{font-size:11px; display:block} #code_footer .add{font-size:11px; display:block; line-height:16px; margin:10px 0 0 0} #code_footer .btn_partner{ background: #f9f9f9; color: #999; font-size:11px; font-weight: 800; padding:5px 10px; margin:0 0 0 5px; border:solid 1px #ddd} #code_footer .btn_partner:nth-of-type(1){margin:0 0 0 20px} #code_footer .btn_partner:hover{background:#eee; color:#3c3d3e} #code_footer .cooperation{font-size:11px; display:block; line-height:16px; margin:30px 0 0 0} #code_footer .cooperation .coop_st{font-size:11px; background: #999; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; color: #fff; font-size:11px; font-weight: 800; padding:5px 10px} #code_footer .cooperation .coop_dd{font-size:11px; display: block; margin:10px 0 0 0} #site_menu{width:100%; height:75px; background: #dbdbdb; box-sizing: border-box; position: relative; padding:15px 0 0 0} #site_menu ul{display: table; margin: 0 auto} #site_menu li{display: table-cell; vertical-align: bottom; padding-right:1px} #site_menu li.sm001{width:233px} #site_menu li.sm002{width:233px} #site_menu li.sm003{width:233px} #site_menu li.sm004{width:233px} #site_menu li span{height:50px; display: block; overflow: hidden; text-indent:-9999px} #site_menu li.on span{height:60px !important; display: block} #site_menu li span a{width:100%; height:100%; display: block} #site_menu li.on span a{display:none; cursor: default} #site_menu li.sm001 span{width:233px; background:url(https://codinggo.co.kr/images/sm001.png) no-repeat center #e9e9e9} #site_menu li.sm002 span{width:233px; background:url(https://codinggo.co.kr/images/sm002.png) no-repeat center #e9e9e9} #site_menu li.sm003 span{width:233px; background:url(https://codinggo.co.kr/images/sm003.png) no-repeat center #e9e9e9} #site_menu li.sm004 span{width:233px; background:url(https://codinggo.co.kr/images/sm004.png) no-repeat center #e9e9e9} #site_menu li.sm001.on span{width:273px; background:url(https://codinggo.co.kr/images/sm001on.png) no-repeat center #fff} #site_menu li.sm002.on span{width:273px; background:url(https://codinggo.co.kr/images/sm002on.png) no-repeat center #080f2d} #site_menu li.sm003.on span{width:273px; background:url(https://codinggo.co.kr/images/sm003on.png) no-repeat center #fff} #site_menu li.sm004.on span{width:273px; background:url(https://codinggo.co.kr/images/sm004on.png) no-repeat center #fff} #mid_sch{position: relative; margin:40px 0 35px 0; clear: both} #mid_sch .ready{width:85px; height:52px; background: url(https://codinggo.co.kr/images/main/ready.png) no-repeat; position: absolute; overflow: hidden; text-indent:-9999px; top:-20px; left:150px; display: none} #mid_sch .msch_menu{display: flex; top:10px; background: #032c35; border-top-left-radius:20px; border-top-right-radius:10px; padding-top:10px} #mid_sch .msch_menu dt{width:236px; color:#fff; box-sizing: border-box; padding:15px 0 0 23px; letter-spacing:-1px} #mid_sch .msch_menu dd{ width:218px; height:46px; background:#626262; color:#fff; cursor: pointer; border-top-left-radius:20px; border-top-right-radius:10px; text-align: center; margin:0 10px 0 0; padding:15px 0 0 0; box-sizing: border-box } #mid_sch .msch_menu .on{background:#fff !important; color:#000 !important} #mid_sch .msch_dd_wrap{width:100%; background:#032c35; border-bottom-left-radius:10px; border-bottom-right-radius:20px; padding:0 0 3px 0} #mid_sch .msch_dd{ width:934px; background:#fff; margin:0 0 0 3px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; padding:20px; box-sizing: border-box; display: inline-block } #mid_sch .msch_dd .msch_dd1{width:442px; float:left; background:#ededed; box-sizing: border-box; padding:10px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} #mid_sch .msch_dd .msch_dd2{width:442px; float:right; background:#ededed; box-sizing: border-box; padding:10px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} #mid_sch .msch_dd .msch_sp{width:100%; background:#ededed; box-sizing: border-box; display:inline-block; margin:10px 0 0 0; padding:10px; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px;} #mid_sch .msch_dd .msch1{display: block} #mid_sch .msch_dd .msch2{display: none} #mid_sch .msch_dd .msch3{display: none} #mid_sch .msch_dd .msch_bn dt{width:100%; display: block; padding:5px 0 10px 20px} #mid_sch .msch_dd .msch_bn dd{width:206px; height:105px; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer} #mid_sch .msch_dd .msch_bn dd:nth-of-type(1){margin-right:10px} #mid_sch .msch_dd .msch_sp dt{width:100%; display: block; padding:5px 0 10px 20px} #mid_sch .msch_dd .msch_sp dd{width:206px; height:105px; float: left; overflow: hidden; text-indent: -9999px; cursor: pointer} #mid_sch .msch_dd .msch_sp dd:nth-of-type(1){margin-right:10px} #mid_sch .msch_dd .msch_bn .msch_bn11a{background:url(https://codinggo.co.kr/images/main/msch11a.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn11b{background:url(https://codinggo.co.kr/images/main/msch11b.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn12a{background:url(https://codinggo.co.kr/images/main/msch12a.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn12b{background:url(https://codinggo.co.kr/images/main/msch12b.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn21a{background:url(https://codinggo.co.kr/images/main/msch21a.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn21b{background:url(https://codinggo.co.kr/images/main/msch21b.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn22a{background:url(https://codinggo.co.kr/images/main/msch22a.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn22b{background:url(https://codinggo.co.kr/images/main/msch22b.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn31a{background:url(https://codinggo.co.kr/images/main/msch31a.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn31b{background:url(https://codinggo.co.kr/images/main/msch31b.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn32a{background:url(https://codinggo.co.kr/images/main/msch32a.jpg) no-repeat} #mid_sch .msch_dd .msch_bn .msch_bn32b{background:url(https://codinggo.co.kr/images/main/msch32b.jpg) no-repeat} #mid_sch .msch_dd .msch_sp .msch_sp001{background:url(https://codinggo.co.kr/images/main/msch_sp1.jpg) no-repeat} #mid_sch .msch_dd .msch_sp .msch_sp002{background:url(https://codinggo.co.kr/images/main/msch_sp2.jpg) no-repeat} #mid_sch .msch_dd .msch_sp .msch_sp003{background:url(https://codinggo.co.kr/images/main/msch_sp3.jpg) no-repeat; margin:0 0 0 10px;} #mid_sch .msch_dd .msch_tt{display:inline-block; margin:10px 0 0 0} #class_tea_wrap{ width:100%; height: 255px; overflow: hidden; padding: 20px; box-sizing: border-box; background:#fff; border-radius:20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } #class_tea_wrap .class_tea{ width:100%; height:255px; clear:both; overflow:hidden; position:relative; } #class_tea_wrap .class_tea ul{width:3000px; padding:0; margin:0; list-style:none;} #class_tea_wrap .class_tea li{ position:relative; float:left; width:142px; height:214px; margin-right:9px; background: #ecf0f1; border-radius: 20px; border-top-right-radius: 10px; box-sizing: border-box } #class_tea_wrap .class_tea .class_tea_bg001{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea001.png) 50% 100% no-repeat; display: block} /* 유선주 */ #class_tea_wrap .class_tea .class_tea_bg002{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea002.png) 50% 100% no-repeat; display: block} /* 문혜영 */ #class_tea_wrap .class_tea .class_tea_bg003{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea003.png) 50% 100% no-repeat; display: block} /* 조교연 */ #class_tea_wrap .class_tea .class_tea_bg004{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea004.png) 50% 100% no-repeat; display: block} /* 윤영혜 */ #class_tea_wrap .class_tea .class_tea_bg005{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea005.png) 50% 100% no-repeat; display: block} /* 오미란 */ #class_tea_wrap .class_tea .class_tea_bg006{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea006.png) 50% 100% no-repeat; display: block} /* 윤희원 */ #class_tea_wrap .class_tea .class_tea_bg007{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea007.png) 50% 100% no-repeat; display: block} /* 김태연 */ #class_tea_wrap .class_tea .class_tea_bg008{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea008.png) 50% 100% no-repeat; display: block} /* 강태안 */ #class_tea_wrap .class_tea .class_tea_bg009{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea009.png) 50% 100% no-repeat; display: block} /* 신경진 */ #class_tea_wrap .class_tea .class_tea_bg010{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea010.png) 50% 100% no-repeat; display: block} /* 김기민 */ #class_tea_wrap .class_tea .class_tea_bg011{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea011.png) 50% 100% no-repeat; display: block} /* 강다빈 */ #class_tea_wrap .class_tea .class_tea_bg012{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea012.png) 50% 100% no-repeat; display: block} /* 권오성 */ #class_tea_wrap .class_tea .class_tea_bg013{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea013.png) 50% 100% no-repeat; display: block} /* 김보경 */ #class_tea_wrap .class_tea .class_tea_bg014{width:142px; height:162px; background: url(https://codinggo.co.kr/images/class_tea014.png) 50% 100% no-repeat; display: block} /* 윤재영 */ #class_tea_wrap .class_tea .class_tea_tt{width:142; height:50px; border-bottom-left-radius: 10px; border-bottom-right-radius: 20px; background: #320f54; display: block} #class_tea_wrap .class_tea .class_tea_tt .class_tea_sub{color:#e6cdff; display: block; font-size:11px; text-align: center; padding: 10px 0 0 0} #class_tea_wrap .class_tea .class_tea_tt .class_tea_main{color:#fff; display:block; font-size: 14px; text-align: center; margin:3px 0 0 0; font-weight:800} /* 메인_고객센터 */ #info{width:100%; background: #fff; padding:50px 0; display:inline-block} #info .info_wrap{width:940px; margin:0 auto} #info .customer{width:40%; display: flex; letter-spacing: -1px; float:left} #info .customer .cus_part1{} #info .customer .cus_part1 h2{font-size: 150%; font-weight: 800} #info .customer .cus_part1 .tel{font-size: 220%; font-weight: 800; letter-spacing: -2px; display: block; margin:10px 0 0 0} #info .customer .cus_part2{margin:-6px 0 0 10%; display: block} #info .customer .cus_part2 span:first-of-type{} #info .customer .cus_part2 span{display: block; margin-top:8px} #info .bank{width:60%; display: flex; letter-spacing: -1px; float:right} #info .bank .bank_part1{margin-left:10%; padding-left:10%; background: url(https://itgo.co.kr/images/customer_line.png) 0 50% no-repeat} #info .bank .bank_part1 h2{font-size: 150%; font-weight: 800} #info .bank .bank_part1 .bank_num{font-size: 220%; font-weight: 800; letter-spacing: -2px; display: block; margin:10px 0 0 0} #info .bank .bank_part2{margin:7px 0 0 10%; display: block} #info .bank .bank_part2 span:first-of-type{} #info .bank .bank_part2 span{display: block; margin-top:8px} #itgo_rule{padding:20px; font-size: 16px} #itgo_rule .logo{width:105px; height:38px; background: url(https://itgo.co.kr/images/logo.png) no-repeat; overflow: hidden; text-indent: -9999px; margin-bottom:35px} #itgo_rule .rule_box{line-height: 18px} #itgo_rule h2{margin-bottom:20px} #itgo_rule .pb1{display: block; font-size: 18px; padding:50px 0 20px 0; font-weight: 800} #itgo_rule .pb2{font-weight: 800; display: block; font-size: 16px; padding-bottom:10px} footer{width:940px; margin:0 auto; position: relative} footer .family_site{position: absolute; right:0; margin-top:38px} footer .family_site ul.family_list{position: absolute; margin-top:-183px; display: none} footer .family_site ul.family_list li{width:242px; height:42px; margin-bottom:5px} footer .family_site ul.family_list li:nth-child(1){background: url(https://itgo.co.kr/images/family_bn004.png) 120px 50% no-repeat #f3f6f8} footer .family_site ul.family_list li:nth-child(2){background: url(https://itgo.co.kr/images/family_bn002.png) 120px 50% no-repeat #f3f6f8} footer .family_site ul.family_list li:nth-child(3){background: url(https://itgo.co.kr/images/family_bn003.png) 120px 50% no-repeat #f3f6f8} footer .family_site ul.family_list li em{width:121px; height:42px; font-size: 12px; line-height: 42px; text-align: center; display: block} footer .family_basic{width:242px; height:42px; background: url(https://codinggo.co.kr/images/footer_arrow.png) 200px 50% #f3f6f8 no-repeat; display: block; line-height: 42px; text-align: center; font-size: 14px; cursor: pointer} footer .condition{display: flex; font-size:18px; padding:50px 250px 50px 0; justify-content: center} footer .condition dd{} footer .condition dd a{padding:5px 30px} footer .copyright{font-size: 12px; padding-bottom:50px; line-height: 16px; text-align: center} footer .copyright a{font-size: 12px} .cooperation_wrap{width:100%; background: #eee; padding:10px 0} .cooperation{width:940px; font-size:12px; display:block; line-height:16px; padding:10px 0 0 0; margin:0 auto} .cooperation .coop_st{font-size:12px; background: #999; border-radius:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; color: #fff; font-weight: 800; padding:5px 10px} .cooperation .coop_dd{font-size:12px; display: block; margin:10px 0 0 0} .sub_notice_dd .ico_itgo{width:16px; height:16px; display: inline-block; background: #3badff; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px} .sub_notice_dd .ico_code{width:16px; height:16px; display: inline-block; background: #ae3bff; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px} .sub_notice_dd .ico_stat{width:16px; height:16px; display: inline-block; background: #ff3b9c; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px} .sub_notice_dd .ico_mac{width:16px; height:16px; display: inline-block; background: #ffd33b; border-radius: 20px; color: #333; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px} #subnm .code_mypage .cmp_present{} #subnm .code_mypage .cmp_present ul{position: relative} #subnm .code_mypage .cmp_present li{width:100%; height:45px; line-height: 45px; background:url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_present table{width:100%;border:0} #subnm .code_mypage .cmp_present table thead tr{height:45px; line-height: 45px; background:url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_present table th{text-align:center} #subnm .code_mypage .cmp_present table th.num{width:100px;} #subnm .code_mypage .cmp_present table th.name{width:400px;} #subnm .code_mypage .cmp_present table th.total{width:100px;} #subnm .code_mypage .cmp_present table th.sugang{width:100px;} #subnm .code_mypage .cmp_present table th.date{width:240px;} #subnm .code_mypage .cmp_present table tbody tr{height:45px; line-height: 45px; background:url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_present table td{text-align:center} #subnm .code_mypage .cmp_present table td.num{width:100px;} #subnm .code_mypage .cmp_present table td.name{text-align:left;width:400px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;} #subnm .code_mypage .cmp_present table td.total{width:100px;} #subnm .code_mypage .cmp_present table td.sugang{width:100px;} #subnm .code_mypage .cmp_present table td.date{width:240px;} #subnm .code_mypage .cmp_present .btn_set{width:100%; text-align:center; display:block; margin:50px 0 0 0} #subnm .code_mypage .cmp_present .btn_set button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_present .btn_set .point{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_present .btn_set button:nth-of-type(2){margin:0 0 0 10px} #subnm .code_mypage .cmp_log{} #subnm .code_mypage .cmp_log table{width:100%;border:0;position: relative;table-layout : fixed} #subnm .code_mypage .cmp_log table thead tr{height:45px; line-height: 45px; background:url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_log table th{text-align:center} #subnm .code_mypage .cmp_log table th.date{width:150px;} #subnm .code_mypage .cmp_log table th.name{width:330px;} #subnm .code_mypage .cmp_log table th.subject{width:330px;} #subnm .code_mypage .cmp_log table tbody tr{height:45px; line-height: 45px; background:url(https://codinggo.co.kr/images/code_dot.gif) 0 100% repeat-x} #subnm .code_mypage .cmp_log table tbody td{text-align:center;} #subnm .code_mypage .cmp_log table tbody td.date{width:150px;} #subnm .code_mypage .cmp_log table tbody td.name{text-align:left;width:320px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left:10px;} #subnm .code_mypage .cmp_log table tbody td.subject{width:310px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;;padding-left:20px;} #subnm .code_mypage .cmp_log .btn_set{width:100%; text-align:center; display:block; margin:50px 0 0 0} #subnm .code_mypage .cmp_log .btn_set button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_log .btn_set .point{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_log .btn_set button:nth-of-type(2){margin:0 0 0 10px} #subnm .code_mypage .cmp_status{} #subnm .code_mypage .cmp_status table{width:100%;border:0;position: relative;border-top:0.21428rem dotted #dde0e2;margin-top:10px} #subnm .code_mypage .cmp_status table tbody td{height:45px; line-height: 45px;text-align:center;border-bottom:0.21428rem dotted #dde0e2;} #subnm .code_mypage .cmp_status table tbody th{text-align:center;width:20%;border-right:0.21428rem dotted #dde0e2;border-bottom:0.21428rem dotted #dde0e2;} #subnm .code_mypage .cmp_status table tbody tr:nth-child(0) th{border-top:0.21428rem dotted #dde0e2;} #subnm .code_mypage .cmp_status .btn_set{width:100%; text-align:center; display:block; margin:50px 0 0 0} #subnm .code_mypage .cmp_status .btn_set button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_status .btn_set .point{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_status .btn_set button:nth-of-type(2){margin:0 0 0 10px} #subnm .code_mypage .cmp_st_status{} #subnm .code_mypage .cmp_st_status table{width:100%;border:0;position: relative;table-layout : fixed;margin-top:20px;} #subnm .code_mypage .cmp_st_status table th{height:27px;text-align:center;border-bottom:0.21428rem dotted #dde0e2;vertical-align:middle} #subnm .code_mypage .cmp_st_status table th.date{width:150px;} #subnm .code_mypage .cmp_st_status table th.name{width:330px;} #subnm .code_mypage .cmp_st_status table th.subject{width:330px;} #subnm .code_mypage .cmp_st_status table tbody td{height:27px;line-height:27px;text-align:center;} #subnm .code_mypage .cmp_st_status table tbody td.date{width:150px;} #subnm .code_mypage .cmp_st_status table tbody td.name{text-align:left;width:320px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left:10px;} #subnm .code_mypage .cmp_st_status table tbody td.subject{width:310px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;;padding-left:20px;} #subnm .code_mypage .cmp_st_status .btn_set{width:100%; text-align:center; display:block; margin:50px 0 0 0} #subnm .code_mypage .cmp_st_status .btn_set button{width:105px; height:27px; line-height:27px; border:0; background:#7f8c8d; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_st_status .btn_set .point{width:105px; height:27px; line-height:27px; border:0; background:#e74c3c; cursor:pointer; color:#fff; font-size:12px;} #subnm .code_mypage .cmp_st_status .btn_set button:nth-of-type(2){margin:0 0 0 10px} .log_submit{width: 65px;height: 27px;line-height: 27px;border: 0;background: #e74c3c;cursor: pointer;color: #fff;font-size: 12px;} .today{width: 65px;height: 27px;line-height: 27px;border: 0;background: #e74c3c;cursor: pointer;color: #fff;font-size: 12px;} .xlsbtn1,.xlsbtn2,.xlsbtn3,.xlsbtn4{height: 27px;line-height: 27px;border: 0;background: #e74c3c;cursor: pointer;color: #fff;font-size: 12px;padding:0 15px 0 15px} .xlsbtn2,.xlsbtn3,.xlsbtn4{margin-left:5px;} .codingdate{ -webkit-border-radius: 20px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 20px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 20px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; background:#dde0e2;height:27px;line-height: 27px;text-align:center }