@charset "utf-8";

.gjnight_01_wrap .gjnight_01_top {padding:60px; border-bottom:1px #ededed solid;}
.gjnight_01_wrap .gjnight_01_top .col_box{display:table; width:100%; table-layout:fixed;}
.gjnight_01_wrap .gjnight_01_top .col_box .col{display:table-cell; vertical-align:middle;}
.gjnight_01_wrap .gjnight_01_top .col_box .col.photo{padding-right:120px;}
.gjnight_01_wrap .gjnight_01_top .col_box .col.photo img {max-width:100%; vertical-align:middle;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t1{font-size:30px; color:#000; font-weight:bold;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t2{font-size:16px; color:#000; margin-top:20px;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t3{margin-top:20px;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t3 a{display:inline-block; background:#000; padding:0 30px; color:#fff; font-size:14px; line-height:45px; border-radius:45px;}

.gjnight_01_wrap .gjnight_01_list {margin-top:60px;}
.gjnight_01_wrap .gjnight_01_list ul {overflow:hidden;}
.gjnight_01_wrap .gjnight_01_list ul li {float:left; margin-bottom:30px; width:377px; margin-right:30px;}
.gjnight_01_wrap .gjnight_01_list ul li:nth-child(4n) {margin-right:0px;}
.gjnight_01_wrap .gjnight_01_list ul li .box {background:#f9f9f9; padding:60px; text-align:center; border-radius:10px;}
.gjnight_01_wrap .gjnight_01_list ul li .box .t1 {font-size:22px; font-weight:bold; color:#000;}
.gjnight_01_wrap .gjnight_01_list ul li .box .t2 {font-size:17px; margin-top:10px; color:#000;}


.gjnight_02_01 {display:table; width:100%; table-layout:fixed;}
.gjnight_02_01 .col  {display:table-cell; vertical-align:middle; }
.gjnight_02_01 .col.photo {width:40%; }
.gjnight_02_01 .col.photo img {vertical-align:middle; max-width:100%; border-radius:20px;}
.gjnight_02_01 .col.info {vertical-align:middle;}
.gjnight_02_01 .col.info .title {line-height:40px; color:#000; margin-top:80px;}
.gjnight_02_01 .col.info .title .t1 {font-size:30px; line-height:30px; letter-spacing:-2px;}
.gjnight_02_01 .col.info .title .t2 {font-size:55px; font-weight:bold;  letter-spacing:-2px; margin-top:10px; line-height:60px;}
.gjnight_02_01 .col.info .title .t3 {font-size:25px; line-height:30px; letter-spacing:-2px;}
.gjnight_02_01 .col.info .text_info {margin-top:40px; font-size:18px; color:#000;}
.gjnight_02_01 .col.info .text_info .text_info_list {color:#000; margin-bottom:10px;}
.gjnight_02_01 .col.info .text_info .text_info_list span {color:#acacac; display:inline-block; margin-left:10px; background:#ddd; color:#fff; border-radius:5px; padding:0 10px; font-size:15px;}
.gjnight_02_01 .col.info .text_info ul {margin-top:60px; }
.gjnight_02_01 .col.info .text_info ul li {position:relative; padding-left:100px; font-size:17px; line-height:40px; color:#000;}
.gjnight_02_01 .col.info .text_info ul li .s_title{position:absolute; left:0px;top:0px; color:#000; font-weight:bold;}


.gjnight_02_01 .col.info .poster_down {margin-top:20px; text-align:right;}
.gjnight_02_01 .col.info .poster_down a{display:inline-block; background:#151f42; color:#fff; font-size:16px; border-radius:45px; padding:0 35px; line-height:45px;}


.gjnight_02_02 {margin-top:160px;}
.gjnight_02_02 h3 {border-top:1px #ddd solid;}
.gjnight_02_02 h3 .text{font-size:40px; color:#000; line-height:40px; letter-spacing:-1px; margin-bottom:30px;  font-weight:normal; display:inline-block;  position:relative; background:#fff; padding:0 10px; top:-20px;}
.gjnight_02_02 h3 span{color:#777;display:block; font-size:18px;}


.gjnight_02_02 .utube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; margin-bottom:20px;}
.gjnight_02_02 .utube_box iframe, 
.gjnight_02_02 .utube_box object, 
.gjnight_02_02 .utube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.gjnight_02_02 .utube_box_etc {width:100%;; background:#f8f8f8; min-height: 400px;    text-align: center;    line-height: 400px;    font-size: 30px;    font-weight: bold;    color: #000;}




.gjnight_06_wrap {overflow:hidden;}
.gjnight_06_wrap .col {float:left; width:513px;}
.gjnight_06_wrap .col .box {border:1px #ddd solid; border-radius:15px; overflow:hidden; }
.gjnight_06_wrap .col.m2 {margin:0 30px;}
.gjnight_06_wrap .col .info  {margin-top:10px; padding:30px; padding-left:90px; background:url(../../../images/defail_info_01.png) 30px 49% no-repeat;}
.gjnight_06_wrap .col .info .t1 {color:#000; font-weight:bold; font-size:22px; line-height:22px;}
.gjnight_06_wrap .col .info .t2 {color:#000;  font-size:16px; margin-top:0px;}
.gjnight_06_wrap .col .daum_map_wrap {height:250px;}

.gjnight_06 .tit {font-size:19px; font-weight:600; color:#000; letter-spacing:-1px; padding-bottom:10px; border-bottom:1px solid #bbb;}
.gjnight_06 .tit .ic {float:left; margin-right:10px;}
.gjnight_06 .tit .ic img {vertical-align:top;}


.gjnight_06 .car_box {position:relative; display:table; width:100%; box-sizing:border-box; vertical-align:top;}
.gjnight_06 .car_box ul {display:table-row; border-bottom:1px solid #ddd; display:block;}
.gjnight_06 .car_box li {display:table-cell; vertical-align:middle; padding:15px 0;}
.gjnight_06 .car_box .th {color:#000; width:190px; text-align:center; font-size:16px; background:#f7f7f7;}
.gjnight_06 .car_box .td {padding:15px 15px; line-height:20px; font-size:16px; border-left:1px solid #ddd; color:#000;}
.gjnight_06 .car_box .td .col_td {margin:20px 0px 40px; border-bottom:1px #ddd solid; padding-bottom:40px; border-bottom:1px #ddd solid;}
.gjnight_06 .car_box .td .col_td .col_td_title {font-size:20px; font-weight:bold; color:#000; margin-bottom:10px;}
.gjnight_06 .car_box .td .col_td .col_td_title span {font-weight:normal;}

.gjnight_06 .car_box .td .col_td .ic {display:inline-block;; margin-right:10px; padding:3px 10px; border-radius:10px; color:#fff; font-size:14px;}
.gjnight_06 .car_box .td .col_td .ic.red {background:#e25a5a;}
.gjnight_06 .car_box .td .col_td .ic.yell {background:#f0bb19;}
.gjnight_06 .car_box .td .col_td .ic.green {background:#379524;}
.gjnight_06 .car_box .td .col_td .ic.bora {background:#6666b5;}






/*프로그램*/
.receipt_list_wrap li{position:relative; border-bottom:1px #ddd dashed; padding-bottom:50px; margin-bottom:50px; overflow:hidden;}
.receipt_list_wrap li .photo {float:left;}
.receipt_list_wrap li .photo img {vertical-align:middle; width:600px; border-radius:30px;}
.receipt_list_wrap li .info {margin-left:700px;position:relative;}
.receipt_list_wrap li .info .title {font-size:27px; font-weight:bold; letter-spacing:-1px; color:#000; line-height:28px;}
.receipt_list_wrap li .info .title_small {font-size:17px;color:#000;  border-bottom:1px #f2f2f2 solid;; padding-bottom:30px; margin-bottom:0px; margin-top:20px;}
.receipt_list_wrap li .info .info_box {margin-top:30px; font-size:16px;}
.receipt_list_wrap li .info .info_box .list {position:relative; padding:5px 0px; min-height:25px;}
.receipt_list_wrap li .info .info_box .list .s_title{position:absolute; padding-left:10px;; color:#000; background:url(../images/sub/recruit_01_list_dot.jpg) left 12px no-repeat; font-weight:bold;}
.receipt_list_wrap li .info .info_box .list .s_list{padding-left:120px; color:#000; overflow:hidden;}
.receipt_list_wrap li .info .info_box .list .s_list .cont{color:#ffa800;}
.receipt_list_wrap li .info .info_box .list .s_list div{float:left; width:50%;}

.receipt_list_wrap li .info .btns {margin-top:40px;  border-top:1px #ddd solid;; padding-top:40px; display:table; width:100%; text-align:center;}
.receipt_list_wrap li .info .btns  a{display:table-cell; line-height:80px; text-align:center; background:#000; color:#fff; font-size:20px; border-radius:80px;}
.receipt_list_wrap li .info .btns  a.out{background:#ddd; color:#333;}

.receipt_list_wrap li.program_list_end  {text-align:Center; font-size:20px; color:#999;}
.receipt_list_wrap li.program_list_end .fonti {vertical-align:middle; font-size:30px;}



.receipt_list_wrap .icon_list {position:relative; right:5px; margin-top:25px;}
.receipt_list_wrap .icon_list .icon{display:inline-block; margin-left:5px;}
.receipt_list_wrap .icon_list .icon img {vertical-align:middle;}




/*프로그램 상세*/
.receipt_write_wrap .top_info_box .info {margin-left:0px; border-bottom:1px #f2f2f2 solid;; padding-bottom:20px; margin-bottom:0px;}
.receipt_write_wrap .top_info_box .info .title {font-size:27px; font-weight:bold; letter-spacing:-1px; color:#000;}
.receipt_write_wrap .top_info_box .info .title_small {font-size:17px;color:#888; margin-top:4px; border-bottom:1px #f2f2f2 solid;; padding-bottom:20px; margin-bottom:0px;}
.receipt_write_wrap .top_info_box .info .info_box {margin-top:20px; font-size:16px;}
.receipt_write_wrap .top_info_box .info .info_box .list {position:relative; padding:5px 0px;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_title{position:absolute; padding-left:10px;; color:#999; background:url(../images/sub/recruit_01_list_dot.jpg) left 12px no-repeat; }
.receipt_write_wrap .top_info_box .info .info_box .list .s_list{padding-left:120px; color:#666; overflow:hidden;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap {display:table; width:100%; table-layout:fixed;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap .col {display:table-cell;vertical-align:top;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap .col dl dt {font-size:18px; color:#e86005; margin-bottom:10px; }
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap .col dl dd .cont{color:#e86005;}

.receipt_write_wrap .agree {margin-top:30px;}
.receipt_write_wrap .agree_box {height:150px; overflow:hidden; overflow-y:auto; border:1px #ddd solid; padding:15px;}

.receipt_write_wrap .title_text {color:#000; font-size:18px; font-weight:normal;}
.receipt_write_wrap .time_div_body {margin:4px 0px; line-height:25px; font-size:13px; }
.receipt_write_wrap .time_div_body .cont {color:#e86005}
.receipt_write_wrap .time_div_body input[type="checkbox"] {margin-right:5px; margin-top:-2px;}
.receipt_write_wrap .time_div_body input,
.receipt_write_wrap .time_div_body select {vertical-align:middle; }
.receipt_write_wrap .time_div_body select {border:1px #ddd solid; height:30px; line-height:30px; }
.receipt_write_wrap_btn {margin-top:40px; padding:0 30px; line-height:50px; background:#ffa800; color:#fff; border:0px; font-size:16px; display:inline-block;}




/*프로그램 상세*/
.receipt_search_wrap {position:relative;}
.receipt_search_wrap h3 {text-align:center;font-size:30px; color:#000;}
.receipt_search_wrap h3 span {display:block; font-size:18px; color:#888; font-weight:normal; padding-top:10px;}
.receipt_search_wrap .box {padding:30px; text-align:center; background:#f8f8f8; border:1px #ddd solid; margin-top:40px;}
.receipt_search_wrap .box input {border:1px #dddddd solid; height:44px; line-height:44px; padding:0 10px; font-size:14px;   vertical-align:middle;}
.receipt_search_wrap .box input.name_text {margin-right:10px;}
.receipt_search_wrap .box input.tell {width:60px;}
.receipt_search_wrap .box input::placeholder { color:#ddd; font-size:12px;}
.receipt_search_wrap .box .btn {height:46px; line-height:46px; background:#444; border-color:#444; padding:0 30px; color:#fff;  vertical-align:middle; margin-left:10px; }
.receipt_search_wrap .help{ margin-top:10px;    font-size:13px;    color: #a1a1a1; text-align:center;} 


.receipt_search_wrap .table_box {margin-top:60px;}
.receipt_search_wrap ul {display:table; width:100%; table-layout:fixed;  }
.receipt_search_wrap ul.header_list {border-top:2px solid #092c6f; background:#f2f6f9;   }
.receipt_search_wrap ul.header_list li{  font-weight:bold;}
.receipt_search_wrap ul li{display:table-cell; font-size:16px;vertical-align:middle; padding:20px;  border-bottom:1px solid #ddd;  text-align:center; position:relative;}
.receipt_search_wrap ul li.last {border-right:0px;}
.receipt_search_wrap ul.body_list li .s_title {display:none;}
.receipt_search_wrap ul li  input {border:1px #dddddd solid; height:44px; line-height:44px; padding:0 10px; font-size:14px;   vertical-align:middle;}


.join_human .list {border-bottom:1px #ddd dashed; margin-bottom:10px; padding-bottom:10px;}
.join_human input {border:1px #dddddd solid; height:30px; line-height:30px; padding:0 10px; font-size:14px;   vertical-align:middle;}
.join_human input::placeholder {color:#cdcdcd;}
.join_human .help_box {margin:10px 0px; background:#f8f8f8; padding:15px;}


.no_title_photo_wrap {margin-top:60px;}
.no_title_photo_wrap img {vertical-align:middle; max-width:100%;}



/*퀴즈*/
.quiz_list_wrap ul li {padding:30px 0px; border-bottom:1px #ddd solid; position:relative;}
.quiz_list_wrap ul li .hidden_text {display:none;}
.quiz_list_wrap ul li.date_disabled .wrap_quiz_box {opacity:0.3; padding:30px; border:1px #ddd solid; background:#f8f8f8;}
.quiz_list_wrap ul li.date_disabled .hidden_text {display:block; position:Absolute; left:0px; top:40%; width:100%; ; text-align:center; }
.quiz_list_wrap ul li.date_disabled .hidden_text span {display:inline-block; vertical-align:middle;  background:#444; color:#fff;  line-height:60px; padding:0 30px; border-radius:30px; font-size:25px;}

.quiz_list_wrap ul li dl dt {font-size:22px; color:#000;}
.quiz_list_wrap ul li dl dt.question_box {margin:15px 0px; border:1px #ddd solid; padding:20px; font-size:18px; color:#666; }
.quiz_list_wrap ul li dl dt.question_box img  {max-width:300px; vertical-align:middle;}
.quiz_list_wrap ul li dl dd {margin:5px 0px;font-size:16px; color:#000;}
.quiz_list_wrap ul li dl dd input[type="radio"]{vertical-align:middle; margin-right:6px; display:inline-block; margin-top:-2px;}
.quiz_list_wrap ul li dl dd label {vertical-align:middle;}



.common_tip_wrap {margin:40px 0px;  background:#; border:1px #ddd solid; }
.common_tip_wrap .info {padding:30px;}
.common_tip_wrap .info dt {font-size:22px; color:#000; margin-bottom:20px; background:url(../images/sub/quiz_list_wrap_dot01.png) left 50% no-repeat; padding-left:40px; line-height:30px;}
.common_tip_wrap .info dd {font-size:14px; color:#666; padding:3px 0px; padding-left:15px; line-height:18px; background:url(../images/sub/dt_dot.jpg) 3px 10px no-repeat;}




/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


.daum_map_wrap {width:100%; height:450px;}


table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left;}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 




/*집콕야학*/
.main_zib_kok {padding:60px 0px;}
.main_zib_kok .title {text-align:center;}

.main_zib_kok .zib_kok_icon {position:absolute; left:140px; top:20px;}
.main_zib_kok .zib_kok_icon img{vertical-align:middle;}


.main_zib_kok_wrap {border:5px #101010 solid; background:url(../images/main/main_schedule_bg.jpg) center top repeat; margin:25px 80px; border-radius:60px; padding:60px 50px 30px; box-shadow:5px 8px 0px rgb(0 0 0 / 100%); position:relative;}
.main_zib_kok_wrap .zib_kok_day {position:absolute;  border:3px #101010 solid; top:-26px; background:#fff; right:324px; width:255px; line-height:42px; height:42px; border-radius:42px; box-shadow:4px 4px 0px rgb(0 0 0 / 100%); text-align:center; }
.main_zib_kok_wrap .zib_kok_day a {color:#000; font-size:21px; letter-spacing:-1px; font-weight:bold;}
.main_zib_kok_wrap .info_text  {position:absolute; top:15px; right:30px;  color:#000; font-size:16px; line-height:18px; }

.main_zib_kok_wrap .first_photo {text-align:center;}
.main_zib_kok_wrap img{vertical-align:middle;}
.main_zib_kok_wrap ul {text-align:center; margin-top:30px;}
.main_zib_kok_wrap ul li{display:inline-block; font-size:18px; color:#000000; margin:0 3px;}
.main_zib_kok_wrap ul li .text{margin-top:6px;}



.main_zib_kok_wrap ul.btn {text-align:center; margin-top:40px;}
.main_zib_kok_wrap ul.btn li{display:inline-block;  font-size:18px; color:#000000; margin:0 20px; width:300px;  border:3px #101010 solid;  border-radius:15px; box-shadow:4px 4px 0px rgb(0 0 0 / 100%); text-align:center; font-size:28px;; color:#000000; padding:19px 0px; line-height:28px;}
.main_zib_kok_wrap ul.btn li .text{margin-top:6px;}
.main_zib_kok_wrap ul.btn li.m1 {background-color:#fff}
.main_zib_kok_wrap ul.btn li.m2 {background-color:#ffe100}
.main_zib_kok_wrap ul.btn li.m3 {background-color:#e60012}
.main_zib_kok_wrap ul.btn li.m3 a{color:#fff;}



/*댄스챌린지*/

.online_01_02_wrap {border:5px #ddd solid; border-radius:30px; margin-top:40px; overflow:hidden; margin-bottom:80px;}
.online_01_02_wrap.etc {padding:30px;}
.online_01_02_wrap .col_box {display:table; width:100%; table-layout:fixed; }
.online_01_02_wrap .col_box .col {display:table-cell; vertical-align:middle; }
.online_01_02_wrap .col_box .col img {vertical-align:top; max-width:100%;}
.online_01_02_wrap .col_box .col.text_info {padding-right:30px; text-align:left;}
.online_01_02_wrap .col_box .col.text_info ul.list li{position:relative; padding-left:150px; line-height:35px; margin:7px 0px; font-size:17px; color:#000;}
.online_01_02_wrap .col_box .col.text_info ul.list li span{position:absolute; left:0px; top:0px; background:#d99378; color:#fff;  width:130px; text-align:center; border-radius:35px; font-size:15px;}
.online_01_02_wrap .col_box .col.text_info .goods_wrap {margin-top:20px; background:#f8f8f8 url(../images/contents/online/goods_wrap_bg.png) 25px 6px no-repeat;  padding:10px 30px; padding-left:70px; border-radius:35px; font-size:16px; color:#000;}
.online_01_02_wrap .col_box .col.text_info .goods_wrap strong {color:#e8a40d; display:inline-block; margin-right:20px;}
.online_01_02_wrap .col_box .col.text_info .help_text {padding:20px 0px 0px; color:#e8a40d; font-size:16px;  background:url(../images/contents/online/help_text_bg.png) 35px 13px no-repeat;  padding-left:60px;}


.online_01_02_wrap .btn_wrap {margin-top:20px; padding-top:20px;  border-top:1px #ddd solid; }
.online_01_02_wrap .btn_wrap.center {text-align:center;}
.online_01_02_wrap .btn_wrap a {display:inline-block;  font-size:17px; color:#000000; margin:0 10px; width:200px;  border:2px #101010 solid;  border-radius:15px; box-shadow:2px 2px 0px rgb(0 0 0 / 100%); text-align:center;  color:#000000; padding:13px 0px; line-height:28px;}
.online_01_02_wrap .btn_wrap a.m1 {background-color: #ffe100;}
.online_01_02_wrap .btn_wrap a.m2 {background-color: #e60012; color:#fff;}


.online_01_02_wrap.etc  .col_box .col.text_info ul li span{background-color:#8211c1}
.online_01_02_wrap.etc1  .col_box .col.text_info ul li span{background-color:#394f67}
.online_01_02_wrap.etc2  .col_box .col.text_info ul li span{background-color:#111a39}
.online_01_02_wrap.etc3  .col_box .col.text_info ul li span{background-color:#5d528a}



.online_06_01_wrap {margin-top:60px; text-align:center;}
.online_06_01_wrap .question_title {text-align:center;}
.online_06_01_wrap .question_title span{display:inline-block; font-size:60px; line-height:100px; width:100px; border:1px #8211c1 solid; color:#8211c1; font-weight:bold;}
.online_06_01_wrap .question_input_box {display:inline-block; margin-top:30px; border-top:1px #ddd dashed; padding-top:30px }
.online_06_01_wrap .question_input_box ul li{position:relative; line-height:40px; margin:10px 0px;;}
.online_06_01_wrap .question_input_box ul li span {color:#000; font-size:20px; display:inline-block;  border:1px #8211c1 solid;background:#8211c1;  color:#fff; padding:0px 30px; text-align:center; vertical-align:top; border-radius:30px 0px 0px 30px }
.online_06_01_wrap .question_input_box ul li .text {position:relative; z-index:1; ; display:inline-block; vertical-align:top;}
.online_06_01_wrap .question_input_box ul li input[type="text"] { border:0px #000 solid; line-height:40px; height:40px; font-size:16px;  border:1px #8211c1 solid;   border-left:0px; padding:0 20px; width:600px;  border-radius:0px 30px 30px 0px }



.quiz_cate_list ul{overflow:hidden;padding-left:1px; padding-bottom:1px; }
.quiz_cate_list ul li{float:left; width:20%; vertical-align:middle; text-align:center;}
.quiz_cate_list ul li a{display:block; text-align:center; border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px; background:#f8f8f8; color:#ddd;  padding:20px 0px; font-size:16px;}
.quiz_cate_list ul li.on a{background:#ffa800; border-color:#ffa800; color:#fff; }
.quiz_cate_list ul li.after a{color:#ddd; background:#fff; }
.quiz_cate_list ul li.on a{color:#fff;}
.quiz_cate_list ul li.after a{color:#333;}


.online_06_01_no_time_event {text-align:center;  font-size:20px; color:#666; padding:60px 0px;  border-top:1px #ddd solid; border-bottom:1px #ddd solid;}


.online_06_04_cate {text-align:center; margin-bottom:60px; overflow:hidden;}
.online_06_04_cate ul {padding-left:1px;}
.online_06_04_cate li{float:left; width:50%; }
.online_06_04_cate li a{display:block; text-align:center; margin-left:-1px; background:#fff; border:1px #ddd solid; color:#999;  line-height:60px; font-size:16px; }
.online_06_04_cate li a.on{background:#444; border-color:#444; color:#fff;}


.online_06_01_tube {padding:30px 30px 10px;; box-shadow:5px 8px 0px rgb(0 0 0 / 100%); border:5px #101010 solid; margin-bottom:20px;}
.online_06_01_tube .utube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; margin-bottom:20px;}
.online_06_01_tube .utube_box iframe, 
.online_06_01_tube .utube_box object, 
.online_06_01_tube .utube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;}





.recruit_help_box_ {margin:30px 0px; background:#f8f8f8 url(../images/contents/recruit/recruit_01_02_tip.png) 50px 50% no-repeat;; padding:50px; border-radius:20px; display:none;}
.recruit_help_box_ .recruit_help_text  {position:relative; margin-left:400px;}
.recruit_help_box_ h4 {font-size:30px; color:#fe4963; margin-bottom:20px;}
.recruit_help_box_ dl dt{font-size:16px; font-weight:bold; color:#000; margin:5px 0px;; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat; padding-left:10px;}
.recruit_help_box_ dl dd{font-size:14px; color:#000; padding-left:20px; background:url(../images/sub/dd_dot.jpg) 8px 10px no-repeat;}








.program_01_list .title {position:relative;}
.program_01_list .title .text{font-size:35px; line-height:35px; coloR:#000; font-weight:bold; display:inline-block; background:#fff; position:relative; z-index:1; padding-right:30px;}
.program_01_list .title .text span {font-size:20px; coloR:#666; vertical-align:middle; line-height:20px; font-weight:normal; display:inline-block;; margin-left:10px;}
.program_01_list .title .line {position:absolute; left:0px; top:15px; height:1px; background:#000; width:100%; z-index:0;}


.program_01_cate ul {text-align:center; margin-bottom:60px; display:table; width:100%; table-layout:fixed;}
.program_01_cate ul.on {position: fixed;    left: 10;    top: 0;    margin-left: auto;    margin-right: auto;    max-width: 1600px;    margin-top:110px; z-index:100}
.program_01_cate ul li {display:table-cell; vertical-align:middle; color:#000; background:#f9f9f9; padding:15px 0px; text-align:center; }
.program_01_cate ul li a{displaY:block; line-height:25px; font-size:16px; border-right:1px #ddd solid; color:#000;}
.program_01_cate ul li a .etc{font-size:12px; color:#888; display:block;}
.program_01_cate ul li.on {background:#000; color:#fff;}
.program_01_cate ul li.on a{color:#fff; border-right:0px;}
.program_01_cate ul li.on a .etc {color:#fff;}




.program_01_list ul.list_ul {margin:50px 0px 120px; overflow:hidden;}
.program_01_list ul.list_ul li {float:left; width:377px; margin-right:30px; margin-bottom:30px; position:relative; min-height:650px;}
.program_01_list ul.list_ul li:nth-child(4n) {margin-right:0px;}
.program_01_list ul.list_ul li .photo {position:relative; z-index:0; background:#000; border-radius:30px 30px 0px 0px; overflow:hidden;}
.program_01_list ul.list_ul li .photo img {vertical-align:middle; width:100%;}

.program_01_list ul.list_ul li .info {border:1px #ddd solid; border-top:0px; padding:30px; border-radius:0px 0px 30px 30px;}
.program_01_list ul.list_ul li .info .subject {font-size:26px; letter-spacing:-2px; color:#000; font-weight:bold; line-height:22px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid;} 
.program_01_list ul.list_ul li .info .subject span {display:block; font-size:16px; color:#666;}
.program_01_list ul.list_ul li .info .list {position:relative; font-size:15px; margin:20px 0px;  line-height:20px; min-height:20px;}
.program_01_list ul.list_ul li .info .list .s_title{position:absolute; left:0px; top:0px;  color:#000; font-size:16px; font-weight:bold;}
.program_01_list ul.list_ul li .info .list .s_info{padding-left:80px; color:#666;}
.program_01_list ul.list_ul li .info .list .s_info .type span{displaY:inline-block; margin-right:5px; width:46px; height:45px; border-radius:50px;}
.program_01_list ul.list_ul li .info .list .s_info .type span.type10_01{background:url(../../../images/eight_type_icon01.png) center top no-repeat;}
.program_01_list ul.list_ul li .info .list .s_info .type span.type10_02{background:url(../../../images/eight_type_icon02.png) center top no-repeat;}







@media all and (max-width:1024px) {




.gjnight_01_wrap .gjnight_01_top {padding:0px; padding-bottom:40px;}
.gjnight_01_wrap .gjnight_01_top .col_box{display:block;  }
.gjnight_01_wrap .gjnight_01_top .col_box .col{display:block; vertical-align:middle;}
.gjnight_01_wrap .gjnight_01_top .col_box .col.photo{padding:0px 40px;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t1{font-size:25px;  margin-top:40px; text-align:center;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t2{font-size:16px;  margin-top:20px;  text-align:center;}
.gjnight_01_wrap .gjnight_01_top .col_box .col .t3{margin-top:20px;  text-align:center;}


.gjnight_01_wrap .gjnight_01_list {margin-top:60px; }

.gjnight_01_wrap .gjnight_01_list ul li {float:left; margin-bottom:30px; width:49%; margin-right:0px;}
.gjnight_01_wrap .gjnight_01_list ul li:nth-child(4n) {margin-right:0px;}
.gjnight_01_wrap .gjnight_01_list ul li:nth-child(2n) {float:right;}
.gjnight_01_wrap .gjnight_01_list ul li .box { padding:30px 0px;; border-radius:10px;}
.gjnight_01_wrap .gjnight_01_list ul li .box .t1 {font-size:20px;}
.gjnight_01_wrap .gjnight_01_list ul li .box .t2 {font-size:14px;}




.gjnight_02_01 {display:block; }
.gjnight_02_01 .col  {display:block;}
.gjnight_02_01 .col.photo {width:auto; }
.gjnight_02_01 .col.info .title { margin-top:40px;}
.gjnight_02_01 .col.info .title .t1 {font-size:30px;line-height:40px; letter-spacing:-2px; font-weight:bold;}
.gjnight_02_01 .col.info .title .t2 {font-size:20px;margin-top:0px; letter-spacing:-2px; line-height:22px;}
.gjnight_02_01 .col.info .title .t2 div {display:inline; margin-left:6px;}
.gjnight_02_01 .col.info .title .t3 {font-size:18px;margin-top:0px;}
.gjnight_02_01 .col.info .text_info {margin-top:20px; font-size:16px;}
.gjnight_02_01 .col.info .text_info ul {margin-top:30px;background:#f9f9f9; padding:20px; border-radius:10px; }
.gjnight_02_01 .col.info .text_info ul li { padding-left:80px; font-size:15px; line-height:20px; margin:15px 0px; }


.gjnight_02_01 .col.info .text_info .text_info_list {font-size:15px; margin-bottom:20px; letter-spacing:-1px;}
.gjnight_02_01 .col.info .text_info .text_info_list span{display:block; margin-left:0px;}



.gjnight_02_02 {margin-top:100px;}
.gjnight_02_02 h3 .text{font-size:25px; line-height:30px; margin-bottom:30px;  top:-20px;}
.gjnight_02_02 h3 span{ font-size:16px;}





.gjnight_06_wrap {overflow:hidden;}
.gjnight_06_wrap .col {float:none; width:auto;margin-bottom:10px !important}
.gjnight_06_wrap .col.m2 {margin:0;}
.gjnight_06_wrap .col .info  {margin-top:10px; padding:20px; padding-left:60px; background:url(../../../images/defail_info_01.png) 20px 49% no-repeat;}
.gjnight_06_wrap .col .info .t1 {font-size:20px; line-height:20px;}
.gjnight_06_wrap .col .daum_map_wrap {height:200px;}

.gjnight_06 .tit {font-size:19px; font-weight:600; color:#000; letter-spacing:-1px; padding-bottom:10px; border-bottom:1px solid #bbb;}
.gjnight_06 .tit .ic {float:left; margin-right:10px;}
.gjnight_06 .tit .ic img {vertical-align:top;}


.gjnight_06 .car_box .th {width:100px; font-size:14px; }
.gjnight_06 .car_box .td {padding:15px 5px; line-height:20px; font-size:14px; }
.gjnight_06 .car_box .td .col_td {margin:20px 0px 40px; }
.gjnight_06 .car_box .td .col_td .col_td_title {font-size:18px;  margin-bottom:10px;}
.gjnight_06 .car_box .td .col_td .col_td_title span {display:block; font-size:16px;}

.gjnight_06 .car_box .td .col_td .ic { margin-right:5px; margin-bottom:5px; padding:3px 10px; border-radius:5px;  font-size:13px;}









/*프로그램*/
.receipt_list_wrap li {padding-bottom:50px; margin-bottom:50px; overflow:hidden;}
.receipt_list_wrap li .photo {float:none;}
.receipt_list_wrap li .photo img { width:100%; border-radius:20px;}
.receipt_list_wrap li .info {margin-left:0px; margin-top:30px; border:1px #ddd solid; padding:25px; border-radius:20px;}
.receipt_list_wrap li .info .title {font-size:20px; }
.receipt_list_wrap li .info .title_small {font-size:16px; padding-bottom:20px; margin-bottom:0px;}
.receipt_list_wrap li .info .info_box {font-size:13px;}
.receipt_list_wrap li .info .info_box .list { padding:3px 0px; line-height:18px;}
.receipt_list_wrap li .info .info_box .list .s_title{background-position:left 7px; }
.receipt_list_wrap li .info .info_box .list .s_list{padding-left:100px;}



/*프로그램 상세*/

.receipt_write_wrap .top_info_box .info .title {font-size:23px; }
.receipt_write_wrap .top_info_box .info .title_small {font-size:15px;}
.receipt_write_wrap .top_info_box .info .info_box { font-size:14px;}
.receipt_write_wrap .top_info_box .info .info_box .list { padding:2px 0px; line-height:20px;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list{padding-left:100px;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap {display:block;; width:100%; table-layout:fixed;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap .col {display:block;vertical-align:top;}
.receipt_write_wrap .top_info_box .info .info_box .list .s_list .s_list_wrap .col dl dt {margin-top:5px; }




/*프로그램 상세*/

.receipt_search_wrap .box {padding:20px;}
.receipt_search_wrap .box input {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.receipt_search_wrap .box input.name_text {margin-right:0px; width:100%;}
.receipt_search_wrap .box input.tell {width:100%;}
.receipt_search_wrap .box input::placeholder { color:#ddd; font-size:12px;}
.receipt_search_wrap .box span.list{margin-top:5px; display:inline-block; width:32.7777%;}
.receipt_search_wrap .box span.list span{display:none;}
.receipt_search_wrap .box .btn {width:100%; margin-top:8px;  margin-left:0px; }



.receipt_search_wrap ul {display:block; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.receipt_search_wrap ul.header_list {display:none;  }
.receipt_search_wrap ul.body_list {padding:15px 0px;}
.receipt_search_wrap ul li{display:block; font-size:16px;vertical-align:middle; padding:0px;  border-bottom:0px solid #ddd;  text-align:left; }
.receipt_search_wrap ul li.last {border-right:0px;}


.receipt_search_wrap ul.body_list li.body_list_title,
.receipt_search_wrap ul.body_list li.body_list_title a{font-size:18px; color:#ffa800; margin-bottom:10px;}
.receipt_search_wrap ul.body_list li {font-size:13px;}
.receipt_search_wrap ul.body_list li .s_title { display:block; position:absolute; lefT:0px; top:0px; color:#000;}
.receipt_search_wrap ul.body_list li .s_info {padding-left:100px; color:#666;}






.recruit_help_box_ {margin:30px 0px; background-position:30px 25px; background-size:40px; padding:30px; border-radius:0px;}
.recruit_help_box_ .recruit_help_text  {position:relative; margin-left:0px;}
.recruit_help_box_ h4 {font-size:25px;padding-left:50px;}
.recruit_help_box_ dl dt{font-size:16px; font-weight:normal;  margin:3px 0px;;}
.recruit_help_box_ dl dd{font-size:14px; }






/*퀴즈*/

.quiz_list_wrap ul li dl dt.question_box { padding:10px; font-size:14px; line-height:18px;}

.common_tip_wrap {margin:40px 0px;  background:#; border:1px #ddd solid; }
.common_tip_wrap .info {padding:30px;}
.common_tip_wrap .info dt {font-size:22px; color:#000; margin-bottom:20px; background:url(../images/sub/quiz_list_wrap_dot01.png) left 50% no-repeat; padding-left:40px; line-height:30px;}
.common_tip_wrap .info dd {font-size:14px; color:#666; padding:3px 0px; padding-left:15px; line-height:18px; background:url(../images/sub/dt_dot.jpg) 3px 10px no-repeat;}









.online_01_02_wrap {border:5px #ddd solid; border-radius:30px; margin-top:40px; overflow:hidden; margin-bottom:20px;}
.online_01_02_wrap.etc {padding:20px;}
.online_01_02_wrap .col_box {display:block; width:100%; table-layout:fixed; }
.online_01_02_wrap .col_box .col {display:block; vertical-align:middle; }
.online_01_02_wrap .col_box .col img {vertical-align:top; max-width:100%;}
.online_01_02_wrap .col_box .col.text_info {padding:20px;}



.online_01_02_wrap .col_box .col.text_info ul.list li{padding-left:105px; line-height:25px; margin:10px 0px; font-size:15px;}
.online_01_02_wrap .col_box .col.text_info ul.list li span{ width:95px;border-radius:35px; line-height:30px;font-size:13px;}
.online_01_02_wrap .col_box .col.text_info .goods_wrap {margin-top:20px; background:#f8f8f8 url(../images/contents/online/goods_wrap_bg.png) 25px 6px no-repeat;  padding:10px 30px; padding-left:70px; border-radius:35px; font-size:16px; color:#000; line-height:20px;}
.online_01_02_wrap .col_box .col.text_info .goods_wrap strong {display:block; margin-right:20px;  margin-bottom:10px;}


.online_01_02_wrap .btn_wrap {text-align:center;}
.online_01_02_wrap .btn_wrap a {font-size:15px;  margin:0 5px; width:150px; line-height:28px;}



.online_06_01_wrap .question_title span{ font-size:30px; line-height:50px; width:auto; padding:5px 10px;}

.online_06_01_wrap .question_input_box {display:block;}
.online_06_01_wrap .question_input_box ul li {position:relative;}
.online_06_01_wrap .question_input_box ul li span {font-size:18px; display:block;  padding:0px;  width:40px; text-align:center; position:absolute; left:0px; top:0px;}

.online_06_01_wrap .question_input_box ul li .text {margin-left:40px; display:block;}
.online_06_01_wrap .question_input_box ul li input[type="text"] { padding:0 10px; width:100%;;; height:42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.quiz_cate_list ul li {width:33.33333333%;}
.quiz_cate_list ul li a {font-size:12px;}





table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}




/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
.daum_map_wrap {height:200px;}






	.main_zib_kok .title {text-align:center;}
	.main_zib_kok .title img {width:90%;}

	.main_zib_kok .zib_kok_icon {position:absolute; left:40px; top:60px;}
	.main_zib_kok .zib_kok_icon img{vertical-align:middle; width:80px;}
	.main_zib_kok_wrap {border:3px #101010 solid; margin:25px 10px; border-radius:30px; padding:60px 20px 30px;}


	.main_zib_kok_wrap .first_photo {display:block;}
	.main_zib_kok_wrap img{width:100%;}
	.main_zib_kok_wrap .second_list {display:block; padding-left:0px; margin-top:20px;}
	.main_zib_kok_wrap .second_list ul li{ font-size:16px;  margin-bottom:5px;}

	.main_zib_kok_wrap ul.btn {text-align:center; margin-top:20px;}
	.main_zib_kok_wrap ul.btn li{display:inline-block;  font-size:15px; margin:0px 6px; width:auto;  border:2px #101010 solid;  border-radius:10px;;  padding:10px;}





	.main_dance_challenge_wrap .title img {width:90%;}
	.main_dance_challenge_wrap .main_dance_challenge_icon{position:absolute; right:30px; top:-30px;}
	.main_dance_challenge_wrap .main_dance_challenge_icon img{width:100px;}

	.main_dance_challenge_wrap .con_box {border:3px #101010 solid;  margin:25px 10px; border-radius:30px; padding:60px 20px 30px;}
	.main_dance_challenge_wrap .con_box img {width:100%;}

	.main_dance_challenge_wrap .first_photo {text-align:center;}
	.main_dance_challenge_wrap img{vertical-align:middle;}

	.main_dance_challenge_wrap ul {text-align:center; margin-top:20px;}
	.main_dance_challenge_wrap ul li{display:inline-block;  font-size:15px; margin:0px 6px; width:auto;  border:2px #101010 solid;  border-radius:10px;;  padding:10px;}

	.main_dance_challenge_wrap .info_text {font-size:16px; line-height:18px;}





	.online_06_01_tube {padding:15px 15px 5px;; box-shadow:5px 8px 0px rgb(0 0 0 / 100%); border:3px #101010 solid;}



	
	.program_01_list .title {position:relative;}
	.program_01_list .title .text{font-size:27px; line-height:27px;   padding-right:20px;}
	.program_01_list .title .text span {font-size:16px; margin-left:10px;}
	.program_01_list .title .line {position:absolute; left:0px; top:15px; height:1px; background:#000; width:100%; z-index:0;}


	.program_01_cate ul {text-align:center; display:block; overflow:hidden;}
	.program_01_cate ul.on {left:0;  margin-right: auto;    max-width:100%;;    margin-top:95px; border-bottom:1px #000 solid;}
	.program_01_cate ul li {display:block; float:left; width:25%; padding:10px 0px;}
	.program_01_cate ul li a{font-size:13px;}
	.program_01_cate ul li a .etc{ display:none;}
	.program_01_cate ul li:nth-child(4n) a{border-right:0px;}

	.program_01_list ul.list_ul {margin:50px 0px 120px; }
	.program_01_list ul.list_ul li {float:none; width:auto; margin-right:0px; margin-bottom:30px; position:relative; height:auto !important;}
	.program_01_list ul.list_ul li:nth-child(4n) {margin-right:0px;}
	.program_01_list ul.list_ul li .info .subject {font-size:23px; line-height:23px;letter-spacing: -1px;}

}



@media all and (min-width:1025px) and (max-width:1440px) {

.gjnight_01_wrap .gjnight_01_list ul li {width:48%; margin:0px 0px 4%; }
.gjnight_01_wrap .gjnight_01_list ul li:nth-child(even) {float:right;}


.gjnight_02_01 .col.info {padding-left:60px;}
.gjnight_02_01 .col.info .title .t1 {font-size:25px;}
.gjnight_02_01 .col.info .title .t2 {font-size:45px; line-height:50px;}
.gjnight_02_01 .col.info .text_info {font-size:17px;}



.gjnight_06_wrap .col {width:32%;}
.gjnight_06_wrap .col.m2 {margin:0 1%;}

.gjnight_06_wrap .col .info {padding:25px; padding-left:80px;}
.gjnight_06_wrap .col .info .t2 {font-size:14px;}


.receipt_list_wrap li .photo {width:40%;}
.receipt_list_wrap li .photo img {width:100%; vertical-align:middle;}

.receipt_list_wrap li .info {width:50%; margin-left:45%;}

}