@charset "utf-8";

#wrap{width:100%;}
#sub_container{width:100%; height:auto;}

/*///////////////////// 입력 페이지 /////////////////////*/
.sub_con_inner{width:1100px; margin:0 auto;}
.sub_con_inner.content_wrap{padding-bottom:100px;}

.sub_con_inner .top_logo{width:100%; height:103px;}
.sub_con_inner .top_logo h2{line-height:103px; padding-left:30px;}
.sub_con_inner .top_logo h2 img{vertical-align:middle;}
.sub_con_inner .top_logo h2.logo{display:block;}
.sub_con_inner .top_logo h2.m_logo{display:none;}

.visual_area{width:100%; margin-bottom:30px;}
.visual_area img{width:100%;}
.visual_area img.visual{display:block;}
.visual_area img.m_visual{display:none;}

.sub_con_inner .sub_con{width:100%;}
/* .sub_con_inner .sub_con h2{font-size:15px; color:#333; font-weight:bold; line-height:46px;} */

.sub_con_inner .sub_con .chk_area{width:100%; /*height:104px;*/ border:3px solid #b7d8ec; box-sizing:border-box; padding:15px 27px; margin-bottom:20px;}
.sub_con_inner .sub_con .chk_area p label{font-size:12px; color:#333; font-family:'dot um'; line-height:22px;}
.sub_con_inner .sub_con .chk_area p label input{width:12px; height:12px; margin-right:10px;}
.sub_con_inner .sub_con .chk_area p span{font-size:12px; color:#333; font-family:'dot um'; line-height:22px;}
.sub_con_inner .sub_con .chk_area p i{font-size:12px; color:#ddd; margin:0 10px;}
.sub_con_inner .sub_con .chk_area p br{display:none;}

.sub_con_inner .sub_con .table_wrap{width:100%; margin-bottom:30px;}
.sub_con_inner .sub_con .table_wrap h3{font-size:15px; color:#333; font-weight:bold; line-height:36px; background:url('../img/sub/title_bg.png') no-repeat 5px center; padding-left:30px;}
.sub_con_inner .sub_con .table_wrap h3 span{font-size:14px; color:#666; font-weight:normal;}
.sub_con_inner .sub_con .table_wrap table{width:100%;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{border:1px solid #ddd; font-size:13px; color:#666; font-weight:bold; text-align:left; padding-left:30px; background:#f5fafd;}
.sub_con_inner .sub_con .table_wrap table tbody tr th span{color:#0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{border:1px solid #ddd; padding:5px 15px;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr td select{height:28px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input{height:28px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_01{width:204px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_02{width:92px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_03{width:124px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_04{width:146px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td i{font-size:12px; color:#666; line-height:30px; float:left; margin:0 5px;}

.sub_con_inner .sub_con .text_wrap{width:100%; padding:12px 28px; border:3px solid #f5f5f5; box-sizing:border-box; margin-bottom:30px;}
.sub_con_inner .sub_con .text_wrap h4{font-size:15px; color:#333; font-weight:bold; padding-left:25px; background:url('../img/sub/title_bg.png') no-repeat left center; line-height:30px;}
.sub_con_inner .sub_con .text_wrap p{font-size:12px; color:#333; line-height:22px; font-family:'dot um'; padding-left:22px;}
.sub_con_inner .sub_con .text_wrap p.last{padding-left:35px;}
.sub_con_inner .sub_con .text_wrap p label{margin-left:10px;}
.sub_con_inner .sub_con .text_wrap p label input{width:12px; height:12px; margin-right:5px;}

.sub_con_inner .sub_con .btn_wrap{width:100%; text-align:center; margin-top:20px;}
.sub_con_inner .sub_con .btn_wrap button{width:130px; height:45px; border-radius:5px; font-size:15px; color:#fff; font-weight:bold; text-align:center; line-height:45px; margin:0 10px;}
.sub_con_inner .sub_con .btn_wrap button.request{background:#0f7dc1;}
.sub_con_inner .sub_con .btn_wrap button.cancel{background:#666;}

/*///// 반응형 전환 추가 작업 2016-06-22 /////*/
/* 테블릿 */
@media screen and (min-width: 769px) and (max-width: 1200px) {

#wrap{min-width:auto;}
#sub_container{width:100%; height:auto;}

.sub_con_inner{width:100%;}

.sub_con_inner .top_logo{width:100%; height:70px;}
.sub_con_inner .top_logo h2{line-height:70px; padding-left:0; text-align:center;}
.sub_con_inner .top_logo h2 img{vertical-align:middle; width:8%;}
.sub_con_inner .top_logo h2.logo{display:block;}
.sub_con_inner .top_logo h2.m_logo{display:none;}

.visual_area{width:100%; margin-bottom:15px;}
.visual_area img{width:100%;}
.visual_area img.visual{display:block;}
.visual_area img.m_visual{display:none;}

.sub_con_inner.content_wrap{width:100%; box-sizing:border-box; padding:0 3.125%;}
.sub_con_inner .sub_con{width:100%; box-sizing:border-box;}
.sub_con_inner .sub_con form fieldset{width:100%; display:block; box-sizing:border-box;}
.sub_con_inner .sub_con .chk_area{width:auto; height:auto; padding:10px 15px; margin-bottom:10px; box-sizing:border-box;}
.sub_con_inner .sub_con .chk_area p label{width:auto;}
.sub_con_inner .sub_con .chk_area p label input{width:12px; height:12px; margin-right:10px;}
.sub_con_inner .sub_con .chk_area p span{font-size:11px;}
.sub_con_inner .sub_con .chk_area p i{display:none;}
.sub_con_inner .sub_con .chk_area p br{display:none;}

.sub_con_inner .sub_con .table_wrap{width:100%; margin-bottom:15px;}
.sub_con_inner .sub_con .table_wrap h3{font-size:13px; background-size:3%; background-position:5px 5px; padding-left:5%; line-height:16px; margin-bottom:5px;}
.sub_con_inner .sub_con .table_wrap h3 span{font-size:12px; display:block;}
.sub_con_inner .sub_con .table_wrap table{width:100%; display:block;}
.sub_con_inner .sub_con .table_wrap table tbody{display:block; width:100%;}
.sub_con_inner .sub_con .table_wrap table tbody tr{display:block; position:relative;}
.sub_con_inner .sub_con .table_wrap table tbody tr:after{content:""; display:block; clear:both;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{display:block; width:30%; float:left; box-sizing:border-box;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{display:block; width:70%; float:left; box-sizing:border-box;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{padding-left:10px; background:#f5fafd; line-height:30px}
.sub_con_inner .sub_con .table_wrap table tbody tr th span{color:#0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{border:1px solid #ddd; padding:3px 10px;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th.m_none{border-top:1px solid #ddd;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td.m_none{border-top:1px solid #ddd;}
.sub_con_inner .sub_con .table_wrap table tbody tr td select{height:24px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input{height:22px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_01{width:96%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_02{width:29.2%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_03{width:40.5%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_04{width:50%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td i{line-height:24px; float:left; margin:0 1%;}

.sub_con_inner .sub_con .text_wrap{width:100%; padding:3px 10px; margin-bottom:15px;}
.sub_con_inner .sub_con .text_wrap h4{font-size:13px; background-size:3%; background-position:0px 5px; padding-left:5%; line-height:16px; margin-bottom:5px;}
.sub_con_inner .sub_con .text_wrap p{font-size:11px; line-height:16px; padding-left:5px;}
.sub_con_inner .sub_con .text_wrap p.last{padding-left:5px;}
.sub_con_inner .sub_con .text_wrap p label{margin-left:5px;}
.sub_con_inner .sub_con .text_wrap p label input{width:12px; height:12px; margin-right:5px;}

.sub_con_inner .sub_con .btn_wrap{width:100%; padding-bottom:20px;}
.sub_con_inner .sub_con .btn_wrap button{width:30%; height:35px; font-size:13px; line-height:35px; margin:0 10px;}

}
/* 테블릿2 & 모바일 */
@media screen and (min-width: 601px) and (max-width: 768px) {

#wrap{min-width:auto;}
#sub_container{width:100%; height:auto;}

.sub_con_inner{width:100%;}

.sub_con_inner .top_logo{width:100%; height:55px;}
.sub_con_inner .top_logo h2{line-height:55px; padding-left:0; text-align:center;}
.sub_con_inner .top_logo h2 img{vertical-align:middle; width:29.375%;}
.sub_con_inner .top_logo h2.logo{display:none;}
.sub_con_inner .top_logo h2.m_logo{display:block;}

.visual_area{width:100%; margin-bottom:15px;}
.visual_area img{width:100%;}
.visual_area img.visual{display:none;}
.visual_area img.m_visual{display:block;}

.sub_con_inner.content_wrap{width:100%; box-sizing:border-box; padding:0 3.125%;}
.sub_con_inner .sub_con{width:100%; box-sizing:border-box;}
.sub_con_inner .sub_con form fieldset{width:100%; display:block; box-sizing:border-box;}
.sub_con_inner .sub_con .chk_area{width:auto; height:auto; padding:10px 15px; margin-bottom:10px; box-sizing:border-box;}
.sub_con_inner .sub_con .chk_area p label{width:auto; display:block;}
.sub_con_inner .sub_con .chk_area p label input{width:12px; height:12px; margin-right:10px;}
.sub_con_inner .sub_con .chk_area p span{font-size:11px;}
.sub_con_inner .sub_con .chk_area p i{display:none;}
.sub_con_inner .sub_con .chk_area p br{display:none;}

.sub_con_inner .sub_con .table_wrap{width:100%; margin-bottom:15px;}
.sub_con_inner .sub_con .table_wrap h3{font-size:13px; background-size:3%; background-position:5px 5px; padding-left:5%; line-height:16px; margin-bottom:5px;}
.sub_con_inner .sub_con .table_wrap h3 span{font-size:12px; display:block;}
.sub_con_inner .sub_con .table_wrap table{width:100%; display:block;}
.sub_con_inner .sub_con .table_wrap table tbody{display:block; width:100%;}
.sub_con_inner .sub_con .table_wrap table tbody tr{display:block; position:relative;}
.sub_con_inner .sub_con .table_wrap table tbody tr:after{content:""; display:block; clear:both;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{display:block; width:30%; float:left; box-sizing:border-box;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{display:block; width:70%; float:left; box-sizing:border-box;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{padding-left:10px; background:#f5fafd; line-height:30px}
.sub_con_inner .sub_con .table_wrap table tbody tr th span{color:#0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{border:1px solid #ddd; padding:3px 10px;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th.m_none{border-top:1px solid #ddd;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td.m_none{border-top:1px solid #ddd;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input{height:22px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_01{width:96%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_02{width:27%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_03{width:35%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_04{width:50%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td i{line-height:24px; float:left; margin:0 1%;}

.sub_con_inner .sub_con .text_wrap{width:100%; padding:3px 10px; margin-bottom:15px;}
.sub_con_inner .sub_con .text_wrap h4{font-size:13px; background-size:3%; background-position:0px 5px; padding-left:5%; line-height:16px; margin-bottom:5px;}
.sub_con_inner .sub_con .text_wrap p{font-size:11px; line-height:16px; padding-left:5px;}
.sub_con_inner .sub_con .text_wrap p.last{padding-left:5px;}
.sub_con_inner .sub_con .text_wrap p label{margin-left:5px;}
.sub_con_inner .sub_con .text_wrap p label input{width:12px; height:12px; margin-right:5px;}

.sub_con_inner .sub_con .btn_wrap{width:100%; padding-bottom:20px;}
.sub_con_inner .sub_con .btn_wrap button{width:30%; height:35px; font-size:13px; line-height:35px; margin:0 10px;}

}

/* 모바일 */
@media screen and (min-width: 320px) and (max-width: 600px) {

#wrap{min-width:auto;}
#sub_container{width:100%; height:auto;}

.sub_con_inner{width:100%;}

.sub_con_inner .top_logo{width:100%; height:45px;}
.sub_con_inner .top_logo h2{line-height:45px; padding-left:0; text-align:center;}
.sub_con_inner .top_logo h2 img{vertical-align:middle; width:15%;}
.sub_con_inner .top_logo h2.logo{display:none;}
.sub_con_inner .top_logo h2.m_logo{display:block;}

.visual_area{width:100%; margin-bottom:15px; overflow:hidden;}
.visual_area img{width:100%;}
.visual_area img.visual{display:none;}
.visual_area img.m_visual{display:block;}

.sub_con_inner.content_wrap{width:100%; box-sizing:border-box; padding:0 3.125%;}
.sub_con_inner .sub_con{width:100%; box-sizing:border-box;}
.sub_con_inner .sub_con form fieldset{width:100%; display:block; box-sizing:border-box;}
.sub_con_inner .sub_con .chk_area{width:auto; height:auto; padding:10px 15px; margin-bottom:10px; box-sizing:border-box;}
.sub_con_inner .sub_con .chk_area p label{width:auto; display:block;}
.sub_con_inner .sub_con .chk_area p label input{width:12px; height:12px; margin-right:10px;}
.sub_con_inner .sub_con .chk_area p span{font-size:11px;}
.sub_con_inner .sub_con .chk_area p i{display:none;}
.sub_con_inner .sub_con .chk_area p br{display:block;}

.sub_con_inner .sub_con .table_wrap{width:100%; margin-bottom:15px;}
.sub_con_inner .sub_con .table_wrap h3{font-size:13px; background-size:3%; background-position:5px 5px; padding-left:5%; line-height:16px; margin-bottom:5px;}
.sub_con_inner .sub_con .table_wrap h3 span{font-size:12px; display:block;}
.sub_con_inner .sub_con .table_wrap table{width:100%; display:block;}
.sub_con_inner .sub_con .table_wrap table tbody{display:block; width:100%;}
.sub_con_inner .sub_con .table_wrap table tbody tr{display:block; position:relative;}
.sub_con_inner .sub_con .table_wrap table tbody tr:after{content:""; display:block; clear:both;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{display:block; width:30%; float:left; box-sizing:border-box;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{display:block; width:70%; float:left; box-sizing:border-box;}
.sub_con_inner .sub_con .table_wrap table tbody tr th{padding-left:10px; background:#f5fafd; line-height:30px}
.sub_con_inner .sub_con .table_wrap table tbody tr th span{color:#0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr td{border:1px solid #ddd; padding:3px 10px;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td{border-top:2px solid #0f7dc1;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line th.m_none{border-top:1px solid #ddd;}
.sub_con_inner .sub_con .table_wrap table tbody tr.top_line td.m_none{border-top:1px solid #ddd;}
.sub_con_inner .sub_con .table_wrap table tbody tr td select{height:24px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input{height:22px; float:left; border:1px solid #e6e6e6; padding-left:4px;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_01{width:96%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_02{width:27%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_03{width:35%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td input.ip_04{width:50%;}
.sub_con_inner .sub_con .table_wrap table tbody tr td i{line-height:24px; float:left; margin:0 1%;}

.sub_con_inner .sub_con .text_wrap{width:100%; padding:3px 10px; margin-bottom:15px;}
.sub_con_inner .sub_con .text_wrap h4{font-size:13px; background-size:3%; background-position:0px 5px; padding-left:5%; line-height:16px; margin-bottom:5px;}
.sub_con_inner .sub_con .text_wrap p{font-size:10px; line-height:16px; padding-left:5px;}
.sub_con_inner .sub_con .text_wrap p.last{padding-left:5px;}
.sub_con_inner .sub_con .text_wrap p label{margin-left:5px;}
.sub_con_inner .sub_con .text_wrap p label input{width:12px; height:12px; margin-right:5px;}

.sub_con_inner .sub_con .btn_wrap{width:100%; padding-bottom:20px;}
.sub_con_inner .sub_con .btn_wrap button{width:30%; height:35px; font-size:13px; line-height:35px; margin:0 10px;}

}

/*///////////////////// 로그인 페이지 /////////////////////*/
.login_wrap{width:100%; background:url('../img/sub/login_bg.jpg') no-repeat center top; padding:202px 0 206px; background-size:100% 100%;}
.login_wrap .login_inner{width:600px; height:484px; margin:0 auto; text-align:center; box-sizing:border-box; background:url('../img/sub/login_inner_bg.png') no-repeat center top; padding-top:175px;}
.login_wrap .login_inner h2{font-size:18px; color:#fff; text-align:center; line-height:30px;}
.login_wrap .login_inner input{width:354px; height:42px; border:1px solid #dfdfdf; background:#fff; padding-left:4px;}
.login_wrap .login_inner button{width:360px; height:55px; background:#0f7dc1; font-size:24px; color:#fff; font-weight:bold; text-align:center; border-radius:8px; margin-top:40px;}

/* 테블릿 */
@media screen and (min-width: 769px) and (max-width: 1200px) {}

/* 테블릿2 & 모바일 */
@media screen and (min-width: 601px) and (max-width: 768px) {
.login_wrap{width:100%; padding:10% 3.125%; box-sizing:border-box;}
.login_wrap .login_inner{width:90%; height:600px; padding-top:175px;}
.login_wrap .login_inner h2{font-size:0.9em;}
.login_wrap .login_inner input{width:80%; box-sizing::border-box;}
.login_wrap .login_inner button{width:80%; height:55px; background:#0f7dc1; font-size:24px; color:#fff; font-weight:bold; text-align:center; border-radius:8px; margin-top:40px;}

}

/* 모바일 */
@media screen and (min-width: 320px) and (max-width: 600px) {
.login_wrap{width:100%; padding:10% 3.125%; box-sizing:border-box;}
.login_wrap .login_inner{width:90%; height:484px; padding-top:175px;}
.login_wrap .login_inner h2{font-size:0.9em;}
.login_wrap .login_inner input{width:80%; box-sizing::border-box;}
.login_wrap .login_inner button{width:80%; height:55px; background:#0f7dc1; font-size:24px; color:#fff; font-weight:bold; text-align:center; border-radius:8px; margin-top:40px;}

}


/*///////////////////// live_qna 수정 /////////////////////*/

.live_wrap{width:100%; position:relative; padding-bottom:80px;}
.live_wrap .gray_line{width:100%; height:1px; background:#ddd; position:absolute; top:0; left:0; right:0;}
.live_wrap .live_wrap_inner{width:1100px; margin:0 auto;}
.live_wrap .live_wrap_inner .top_area{width:100%;}
//.live_wrap .live_wrap_inner .top_area .video_box{width:65%; float:left; padding-top:37.274%; position:relative;}
.live_wrap .live_wrap_inner .top_area .video_box{width:65%; float:left; position:relative;}
.live_wrap .live_wrap_inner .top_area .video_box iframe{position:absolute; top:0; left:0;}

.live_wrap .live_wrap_inner .top_area .additional{width:35%; float:left; padding-top:37.274%; position:relative;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner{width:100%; height:98%; position:absolute; top:0; bottom:0; left:0; right:0; background:#efefef;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box{padding:2% 5%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add{width:100%; box-sizing:border-box; padding:17px 13px 22px; border-bottom:1px dashed #d4d4d4;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add h5{font-size:15px; color:#000; font-weight:bold; line-height:25px; margin-bottom:2px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add h5 img{vertical-align:middle; margin-right:10px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add p{font-size:13px; color:#000; line-height:20px;}

.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add{width:100%; box-sizing:border-box; padding:17px 13px 22px; border-bottom:1px dashed #d4d4d4;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add h5{font-size:15px; color:#000; font-weight:bold; line-height:25px; margin-bottom:2px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add h5 img{vertical-align:middle; margin-right:10px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add p{font-size:13px; color:#000; line-height:20px;}

.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research{width:100%; box-sizing:border-box; padding:17px 13px; background:#fff;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research a{width:100%; text-align:left; display:block;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div{width:90%; border:1px solid #d4d4d4; margin-top:16px; padding:10px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div ul li {float:left; width:100%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div img{float:left;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div p{float:left; font-size:15px; color:#0062bf; font-weight:bold; width:66%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div span{float:left; display:block; width:100%; font-size:13px; color:#000; font-weight:bold;}

.live_wrap .live_wrap_inner .chat_list{width:100%; margin-top:38px; margin-bottom:30px;}
.live_wrap .live_wrap_inner .chat_list h4{font-size:17px; color:#000; font-weight:bold; line-height:40px;}
.live_wrap .live_wrap_inner .chat_list .question_form{width:100%; padding:1px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset{width:100%; box-sizing:border-box; display:block; padding:10px 1.3%; background:#e7e7e7;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset textarea{width:90%; height:82px; border:1px solid #d8d8d8; float:left;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset button{width:8%; height:42px; border:1px solid #d8d8d8; background:#fff; display:block; float:left; margin-left:1.8%; font-size:13px; color:#333; font-weight:bold;}

.live_wrap .live_wrap_inner .chat_list .question_list{width:100%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list{margin-top:30px;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li{width:100%; border-bottom:1px solid #f2f2f2; padding:10px 1%; position:relative; box-sizing:border-box;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > p{font-size:14px; color:#029fc5; font-weight:bold; line-height:22px;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > p i{font-size:12px; color:#888; font-weight:normal; margin-left:1%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > p a{line-height:22px; margin-left:1%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > p a img{vertical-align:middle;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > button{display:inline-block; position:absolute; top:10px; right:1%; font-size:12px; color:#878787; line-height:14px; font-weight:bold; border-bottom:1px solid #fff; outline:none;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > button:hover{border-bottom:1px solid #333; color:#333;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > span{font-size:14px; color:#333; font-weight:bold; width:100%; display:block; line-height:20px; word-break:break-all; /* text-overflow:ellipsis; white-space:nowrap; */ overflow:hidden;}

.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > .answer_form{width:100%; background:#e7e7e7; padding:10px 1.3%; box-sizing:border-box; display:none;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > .answer_form textarea{width:90%; height:82px; border:1px solid #d8d8d8; float:left;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > .answer_form button{width:8%; height:42px; border:1px solid #d8d8d8; background:#fff; display:block; float:left; margin-left:1.8%; font-size:13px; color:#333; font-weight:bold;}

.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply{width:100%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply li{background:url('../img/sub/reply_bg.png') no-repeat 1% 10px; padding:5px 2.5%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply li p{font-size:14px; color:#029fc5; font-weight:bold; line-height:22px;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply li p i{font-size:12px; color:#888; font-weight:normal; margin-left:1%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply li p a{line-height:22px; margin-left:1%;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply li p a img{vertical-align:middle;}
.live_wrap .live_wrap_inner .chat_list .question_list ul.qna_list > li > ul.reply li span{font-size:14px; color:#333; font-weight:bold; width:100%; display:block; line-height:20px; word-break:break-all; /* text-overflow:ellipsis; white-space:nowrap; */ overflow:hidden;}

.live_wrap .live_wrap_inner .research{margin-top:30px;}
.live_wrap .live_wrap_inner .research > h3{font-size:15px; color:#333; font-weight:bold; padding-left:2.6%; background:url('../img/sub/title_bg.png') no-repeat left center; line-height:38px;}
.live_wrap .live_wrap_inner .research .research_inner{width:100%; box-sizing:border-box; border:1px solid #ddd; border-top:1px solid #0f7dc1; padding:0 2.7%;}
.live_wrap .live_wrap_inner .research .research_inner div{padding:12px 0; border-bottom:1px solid #ddd; text-align:center;}
.live_wrap .live_wrap_inner .research .research_inner div h4{font-size:13px; color:#0f7dc1; font-weight:bold; line-height:28px; margin-bottom:3px; width:100%; float:left; text-align:left;}
.live_wrap .live_wrap_inner .research .research_inner div label{display:block; font-size:12px; color:#333; font-family:'dot um'; line-height:24px; float:left; box-sizing:border-box; padding-left:3%; text-align:left;}
.live_wrap .live_wrap_inner .research .research_inner div label input[type="radio"]{margin-right:5px;}
.live_wrap .live_wrap_inner .research .research_inner div label input[type="text"]{width:195px; height:24px; border:1px solid #ddd; margin-left:7px; padding-left:5px;}
.live_wrap .live_wrap_inner .research .research_inner div.label50 label{width:50%;}
.live_wrap .live_wrap_inner .research .research_inner div.label30 label{width:30%;}
.live_wrap .live_wrap_inner .research .research_inner div textarea{width:89%; height:48px; padding:1%; border:1px solid #ddd;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap{border:none;  padding:20px 0;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button{width:11.9%; height:45px; display:inline-block; margin:0 1%; font-size:16px; color:#fff; font-weight:bold; text-align:center; border-radius:5px;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button.check{background:#0f7dc1;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button.cancel{background:#666;}

/* 테블릿 */
@media screen and (min-width: 769px) and (max-width: 1200px) {

}


/* 테블릿2 & 모바일 */
@media screen and (min-width: 601px) and (max-width: 768px) {
.live_wrap .live_wrap_inner{width:100%;}
.live_wrap .live_wrap_inner .top_area{width:100%;}
.live_wrap .live_wrap_inner .top_area .video_box{width:100%; float:left; padding-top:50%; position:relative;}
.live_wrap .live_wrap_inner .top_area .video_box iframe{position:absolute; top:0; left:0;}

.live_wrap .live_wrap_inner .top_area .additional{width:100%; float:left; padding-top:82%; position:relative;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; background:#efefef;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box{padding:0 3.125%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add{padding:5px 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add h5{font-size:0.95em; line-height:20px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add p{font-size:0.75em; line-height:18px;}

.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add{padding:5px 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add h5{font-size:0.95em; line-height:20px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add p{font-size:0.75em; line-height:18px;}

.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research{padding:5px 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research h5{font-size:0.95em; line-height:20px; padding:0 2%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research a{font-size:0.75em; line-height:18px; padding:0 2%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div{width:96%; margin:8px auto 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div img{width:30%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div p{font-size:0.8em; margin:10px 0 3px; width:70%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div span{width:70%; font-size:0.7em;}

.live_wrap .live_wrap_inner .chat_list{margin-top:20px; margin-bottom:15px;}
.live_wrap .live_wrap_inner .chat_list h4{font-size:1em; line-height:30px;}

.live_wrap .live_wrap_inner .chat_list .question_form form fieldset{width:100%; box-sizing:border-box; display:block; padding:5px 3.125%;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset textarea{width:100%; box-sizing:border-box;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset button{width:49%; height:42px; margin:5px 2% 0 0; font-size:0.7em; box-sizing:border-box;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset button:last-child{margin-right:0;}

.live_wrap .live_wrap_inner .chat_list{width:100%; margin-top:20px; margin-bottom:15px; padding:0 3.125%; box-sizing:border-box;}

.live_wrap .live_wrap_inner .research{margin-top:15px; padding:0 3.125%;}
.live_wrap .live_wrap_inner .research > h3{font-size:0.95em; padding:0 3.125% 0 5%; background-size:3%;}

.live_wrap .live_wrap_inner .research .research_inner div{padding:6px 0;}
.live_wrap .live_wrap_inner .research .research_inner div h4{font-size:0.8em;}
.live_wrap .live_wrap_inner .research .research_inner div label{display:block; font-size:0.7em; letter-spacing:-0.8px;}
.live_wrap .live_wrap_inner .research .research_inner div label input[type="radio"]{margin-right:5px;}
.live_wrap .live_wrap_inner .research .research_inner div label input[type="text"]{width:100%; height:24px; border:1px solid #ddd; margin-left:7px; padding-left:5px;}
.live_wrap .live_wrap_inner .research .research_inner div.label50 label{width:100%;}
.live_wrap .live_wrap_inner .research .research_inner div.label30 label{width:100%;}
.live_wrap .live_wrap_inner .research .research_inner div textarea{width:100%;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap{border:none;  padding:20px 0;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button{width:11.9%; height:45px; display:inline-block; margin:0 1%; font-size:16px; color:#fff; font-weight:bold; text-align:center; border-radius:5px;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button.check{background:#0f7dc1;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button.cancel{background:#666;}


}

/* 모바일 */
@media screen and (min-width: 320px) and (max-width: 600px) {
.live_wrap .live_wrap_inner{width:100%;}
.live_wrap .live_wrap_inner .top_area{width:100%;}
.live_wrap .live_wrap_inner .top_area .video_box{width:100%; float:left; padding-top:50%; position:relative;}
.live_wrap .live_wrap_inner .top_area .video_box iframe{position:absolute; top:0; left:0;}

.live_wrap .live_wrap_inner .top_area .additional{width:100%; float:left; padding-top:82%; position:relative;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; background:#efefef;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box{padding:0 3.125%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add{padding:5px 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add h5{font-size:0.95em; line-height:20px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .player_add p{font-size:0.75em; line-height:18px;}

.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add{padding:5px 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add h5{font-size:0.95em; line-height:20px;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .text_add p{font-size:0.75em; line-height:18px;}

.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research{padding:5px 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research h5{font-size:0.95em; line-height:20px; padding:0 2%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research a{font-size:0.75em; line-height:18px; padding:0 2%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div{width:96%; margin:8px auto 0;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div img{width:30%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div p{font-size:0.8em; margin:10px 0 3px; width:70%;}
.live_wrap .live_wrap_inner .top_area .additional .additional_inner .additional_text_box .go_research div span{width:70%; font-size:0.7em;}

.live_wrap .live_wrap_inner .chat_list{margin-top:20px; margin-bottom:15px;}
.live_wrap .live_wrap_inner .chat_list h4{font-size:1em; line-height:30px;}

.live_wrap .live_wrap_inner .chat_list .question_form form fieldset{width:100%; box-sizing:border-box; display:block; padding:5px 3.125%;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset textarea{width:100%; box-sizing:border-box;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset button{width:49%; height:42px; margin:5px 2% 0 0; font-size:0.7em; box-sizing:border-box;}
.live_wrap .live_wrap_inner .chat_list .question_form form fieldset button:last-child{margin-right:0;}

.live_wrap .live_wrap_inner .chat_list{width:100%; margin-top:20px; margin-bottom:15px; padding:0 3.125%; box-sizing:border-box;}

.live_wrap .live_wrap_inner .research{margin-top:15px; padding:0 3.125%;}
.live_wrap .live_wrap_inner .research > h3{font-size:0.95em; padding:0 3.125% 0 5%; background-size:3%;}

.live_wrap .live_wrap_inner .research .research_inner div{padding:6px 0;}
.live_wrap .live_wrap_inner .research .research_inner div h4{font-size:0.8em;}
.live_wrap .live_wrap_inner .research .research_inner div label{display:block; font-size:0.7em; letter-spacing:-0.8px;}
.live_wrap .live_wrap_inner .research .research_inner div label input[type="radio"]{margin-right:5px;}
.live_wrap .live_wrap_inner .research .research_inner div label input[type="text"]{width:100%; height:24px; border:1px solid #ddd; margin-left:7px; padding-left:5px;}
.live_wrap .live_wrap_inner .research .research_inner div.label50 label{width:100%;}
.live_wrap .live_wrap_inner .research .research_inner div.label30 label{width:100%;}
.live_wrap .live_wrap_inner .research .research_inner div textarea{width:100%;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap{border:none;  padding:20px 0;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button{width:11.9%; height:45px; display:inline-block; margin:0 1%; font-size:16px; color:#fff; font-weight:bold; text-align:center; border-radius:5px;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button.check{background:#0f7dc1;}
.live_wrap .live_wrap_inner .research .research_inner div.btn_wrap button.cancel{background:#666;}

}


.curriculum{width:100%; text-align:center; padding-bottom:30px;}
.curriculum img.main_img{width:96%;}
.curriculum img.mo_img{display:none;}

.intervention_btn{width:100%; padding-bottom:50px;}
.intervention_btn a{display:block; width:12%; margin:0 auto;}
.intervention_btn a img{width:100%;}


/* 테블릿 */
@media screen and (min-width: 769px) and (max-width: 1200px) {
.curriculum{width:100%; text-align:center; padding-bottom:80px;}
.curriculum img.main_img{width:100%;}
.curriculum img.mo_img{display:none;}

.intervention_btn{width:100%; padding-bottom:50px;}
.intervention_btn a{display:block; width:12%; margin:0 auto;}
.intervention_btn a img{width:100%;}

}

/* 테블릿2 & 모바일 */
@media screen and (min-width: 601px) and (max-width: 768px) {
.curriculum{width:100%; text-align:center; padding-bottom:50px;}
.curriculum img.main_img{display:none;}
.curriculum img.mo_img{display:block; width:100%;}

.intervention_btn{width:100%; padding-bottom:50px;}
.intervention_btn a{width:25%;}

}

/* 모바일 */
@media screen and (min-width: 320px) and (max-width: 600px) {
.curriculum{width:100%; text-align:center; padding-bottom:30px;}
.curriculum img.main_img{display:none;}
.curriculum img.mo_img{display:block; width:100%;}

.intervention_btn{padding-bottom:30px;}
.intervention_btn a{width:40%;}

}