body {width:100%;}
body, ul, li, form{margin:0; padding:0; }
li{list-style:none}
a{margin:0; text-decoration:none; color:inherit; }
.header{ position:relative; width:100%; height:auto; }

.no_data {font-size:16px; padding:200px 0; letter-spacing:-0.1em; color:#ccc;}
.org {color:orangered;}





/* HEADER */

#header {position: relative; margin: 0; width:100%; overflow: hidden; height: 168px; box-sizing: border-box; padding:0;}
#header::after { content:""; position:absolute; bottom:0; left:0;  z-index:0; display:block; clear:both; width:100%; overflow:hidden; height:48px; background:#580000;}
#header .head {position:relative;overflow: hidden; max-width:815px;  height: 168px; margin:0 auto; padding:0;z-index: 1;}
#header h1 { overflow:hidden; display:block; width:225px; height:43px; margin: 43px auto 34px;}
#header h1 a {display:block; width:225px; height:43px; text-indent:-99999px;  background:url("../image/main/logo.png") no-repeat left top;}
#header .go_menu {position: absolute; top:2px; right:0;}

#header .log_out_btn { position:relative;width:58px;height:22px;left:10px;top:0px; background:gray;line-height:23px;text-align:center;font-family:굴림;font-size:12px;color:#fff;cursor:pointer;display:inline-block;} /*-webkit-margin-before:45px;*/
#header .pw_adj_btn { position:relative;width:88px;height:22px;left:10px;top:0px; background:gray;line-height:23px;text-align:center;font-family:굴림;font-size:12px;color:#fff;cursor:pointer;display:inline-block;} /*-webkit-margin-before:45px;*/

#header .go_my_class {position: absolute; bottom:0; right:0; display: block; width:134px; height:48px; text-align: center; font-size:18px; line-height: 48px; color:#fff; font-weight: 300;background:#350000;}
#header .go_my_class2 {position: absolute; bottom:0; right:140px; display: block; width:134px; height:48px; text-align: center; font-size:18px; line-height: 48px; color:#fff; font-weight: 300;background:#350000;}
#header .head p {text-align: left; font-size:16px; line-height: 48px; color:#fff; font-weight: 100;}
#header .head p strong {color:#fec03a;font-weight: 300;}

/* HEADER FIN */


/* LOGIN */

#header_login {position: relative; margin-top: 60px; width:100%;  box-sizing: border-box; padding:0;}
#header_login .head {position:relative;overflow: hidden; max-width:680px;  height: 153px; margin:0 auto; padding-bottom:80px; z-index: 1; border-bottom:1px solid #b2b2b2;}
#header_login h1 { overflow:hidden; display:block; width:357px; height:86px; margin: 37px auto 0;}
#header_login h1 a {display:block; text-indent:-99999px; width:357px; height:86px;  background:url("../image/login/logo.png") no-repeat center top;}

/*
#body_login .content_main {position: relative; max-width:680px; margin: 0 auto; padding:40px 334px 20px 15px; box-sizing: border-box; background:url("../image/login/bg_login.png") no-repeat right 12px top 27px;}
*/
#body_login .content_main {box-sizing:border-box; position:relative; max-width:680px; margin:0 auto; padding:40px 0; text-align:center;}
#body_login .content_main h2 {display:block; margin:0 0 24px;font-size:30px; line-height:32px; color:#000; font-weight:600;}
#body_login .content_main h2 span {display:block; margin:8px 0 0; font-size:13px; line-height:14px; color:#97999b; font-weight:300;}
#body_login .content_main input {height:39px; width:94%; margin:0 0 8px; padding:0 8px; box-sizing: border-box; font-size:14px; line-height:39px; color:#000; border:1px solid #d7d7d7; background:#fff;}
#body_login .bt_login {display:block; margin:30px auto; width:94%; height:40px; font-size:16px; line-height:40px; color:#fff; text-align:center; background:#0d1d4e;}
#body_login .bot_txt {display: block;max-width:648px; margin:26px auto 50px;  height:auto; padding:48px 0; text-align: center; font-size:13px; line-height: 18px; color:#747474; font-weight: 300; border-top:1px solid #b2b2b2; background:#fff;}
#body_login .bot_txt span {display: block;}
#body_login .bot_txt strong {color:#ef3d42;}

/* LOGIN FIN */


/* MAIN */

#main .content_main {max-width:825px; height:500px; margin:60px auto 0;}
#main .content_main ul {overflow: hidden;}
#main .content_main li {float: left; width: 50%; box-sizing: border-box; padding:0 2.5px 10px;}
#main .content_main li a {display: inline-block;}
#main .content_main li img {max-width: 100%;}
#main .bot_txt {display:block; margin:0; width:100%; height:42px; text-align: center; font-size:13px; line-height: 42px; color:#000; font-weight: 500; border-top:1px solid #dfdfdf; background:#f7f7f7;}

@media all and (max-width:420px) {
	#main .log_out_btn { position:absolute;margin-left:300px;margin-top:8px; width:58px;height:22px;background:gray;;line-height:23px;text-align:center;font-family:굴림;font-size:12px;color:#fff;cursor:pointer;display:block;} /*-webkit-margin-before:45px;*/
	#main .go_my_class2 {display:none;}
}

/* MAIN FIN*/


/* PW_change */

#pw_chn .content_main {max-width:825px; height:500px; margin:50px auto 0;}
#pw_chn .bot_txt {display:block; margin:0; width:100%; height:42px; text-align: center; font-size:13px; line-height: 42px; color:#000; font-weight: 500; border-top:1px solid #dfdfdf; background:#f7f7f7;}
#pw_chn .pw_form { float:left; margin:0; padding:0; width:421px; height:500px; }
#pw_chn #userForm { position:relative; top:80px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#pw_chn .info_box { display:border-box; padding:10px; width:421px; margin-bottom:10px;}
#pw_chn .sub_title { padding:10px; }
#pw_chn .inputer_class { width:400px; height:40px; border:1px solid #ccc;}
#pw_chn .btn_pwchk { position:absolute; top:55px; right:14px; padding:8px; border:0; background-color:#732019; color:white; cursor:pointer; }
#pw_chn #pwchk { position:absolute; }
#pw_chn .btn_join { display:border-box; width:400px; height:40px; line-height:40px; margin:0 auto 10px auto; text-align:center; background-color:#732019; color:white; cursor:pointer; }

#pw_chn .pw_change_img { float:left; margin:0; padding:0; width:400px; height:500px; background:url("/images/bg_login.png") no-repeat center center; }

@media all and (max-width:420px) {
	#pw_chn .log_out_btn { position:absolute;margin-left:300px;margin-top:8px; width:58px;height:22px;background:gray;;line-height:23px;text-align:center;font-family:굴림;font-size:12px;color:#fff;cursor:pointer;display:block;} /*-webkit-margin-before:45px;*/
	#pw_chn .go_my_class2 {display:none;}
}

/* PW_change FIN */


/* 하단 COPYRIGHT 레이어 팝업 */

#div_popup { width:640px; height:800px; margin:0 auto; border:2px solid #000; padding: 0; position:relative; background-color:#fff;}
#div_popup .ajax-popup-close {font-size:20px; position:absolute; top:-15px; right:-35px; color:#fff; font-weight:bold; cursor:pointer;}
#div_popup .contents { width:100%; height:790px; font-size:14px; padding:30px 20px; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}

/* 하단 COPYRIGHT 레이어 팝업 FIN */

/* 아이디 비번 찾기 */

._layer {z-index:520; border-radius:4px; box-shadow:0 2px 8px rgba(0, 0, 0, .33); position:fixed; width:25%; left:47%; top:50%; margin-left:-180px; margin-top:-240px; display: none;}
.modal-wrapper{margin:0; padding:0}
.modal-container {position:relative; top:0; margin:0 auto; background-color: #fff;}
.btn_close_layer { position: absolute; display: block; top: 16px; right: 12px; width: 30px; height: 30px; text-align: center; padding-top: 4px; }
.btn_close_layer img { width: 23px; height: 23px; }

.modal-header { border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: 0; color: #fff; background: #1d1d1d; font-size: 20px; line-height: 64px; text-align: center; }
.modal-header h3 { height: 64px; }
.modal-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.clfix {width:100%; padding:0}

#findIdPwdTabs { height: 45px; line-height: 45px; text-align: center; background: #1d1d1d; }
#findIdPwdTabs li { float: left; width: 50%; }
#findIdPwdTabs li a { display: block; width: 100%; height: 100%; }
#findIdPwdTabs li .on span { border-bottom: 3px solid #fff; font-weight: bold; }
#findIdPwdTabs li span { display: inline-block; box-sizing: border-box; height: 100%; margin-top: -3px; font-size: 15px; color: #fff; }

#findIdFormViewWrap, #findPwdFormViewWrap { padding: 0 14px 16px; }
#findIdFormViewWrap p, #findPwdFormViewWrap p { line-height: 1.75; margin: 30px auto; text-align: center; font-size: 16px; color: #000; }
#findIdFormViewWrap .input, #findPwdFormViewWrap .input { box-sizing: border-box; width: 100%; height: 48px; border: 1px solid #dedede; border-radius: 2px; padding-left: 14px; font-size: 15px; margin-bottom: 8px; }
#findIdFormViewWrap .bir1, #findPwdFormViewWrap .bir1 { box-sizing: border-box; display: block; float: left; width: 17%; height: 48px; padding-left: 14px; font-size: 15px; border-radius: 2px; border: 1px solid #dedede; margin-bottom: 8px; }
#findIdFormViewWrap .bir2, #findPwdFormViewWrap .bir2 { box-sizing: border-box; display: block; float: left; width: 15%; height: 48px; padding-left: 14px; font-size: 15px; border-radius: 2px; border: 1px solid #dedede; margin-bottom: 8px; }
#findIdFormViewWrap .bir_txt, #findPwdFormViewWrap .bir_txt { float: left; padding: 19px 19px 0 5px; }


._popup_btn {display:block; box-sizing: border-box; float: left; height:50px; line-height:50px; font-size:15px; text-align: center; background: none; border: none; cursor: pointer; }
._btn_cancel {width:50%; border-top: 1px solid #dedede; background:white; border-bottom-left-radius: 4px; }
._btn_accept {width:50%; background:#084EAE; color: #fff; border-bottom-right-radius: 4px; }

._dimm {display: none; position: fixed; left: 0; top: 0; width: 100%; height:100%; background: url(/images/_dimm.png); background-size:cover; z-index: 510; opacity: .8;}

/* 아이디 비번 찾기 FIN */



/* 라이센스인증서 */
#license_container {position:relative; margin:50px auto 50px auto; padding:0; width:830px; height:1174px; background-color:#fff;}
#license_container ul {list-style:none; padding:0;}
#license_container li {position:absolute; font-family: 'NanumSquare', sans-serif; }

.license_body {position:relative; margin:0; width:830px; height:1174px;}
.license_bg {background:url("/images/_dimm.png") no-repeat center center; background-size:cover; width:100%; height:100%; opacity:.3; position:fixed; top:0; left:0;}
.license_img {background:url("/images/license/license_untectfolder.png") no-repeat center center; background-size:contain; width:100%; height:100%;}
.license_body > ul {position:absolute; top:0; left:0; width:100%; height:100%;}

.license_body > ul > li:nth-child(1) {top:36px; left:34px; font-weight:400; font-size:17px}

.license_body > ul > li:nth-child(2) {top:90px; left:calc(50% - 200px); width:400px; height:60px;}
.license_body > ul > li:nth-child(2) > ul {width:100%; height:100%; text-align:center;}
.license_body > ul > li:nth-child(2) > ul li {width:100%;}

.license_body > ul > li:nth-child(3) {top:220px; right:74px; width:340px; height:240px;}
.license_body > ul > li:nth-child(3) > ul {display:block; width:100%; height:100%; text-align:center;}
.license_body > ul > li:nth-child(3) > ul li {width:100%; height:40px; font-size:17px;}

.license_body > ul > li:nth-child(4) {top:368px; left:140px; width:200px; height:80px;}
.license_body > ul > li:nth-child(4) > ul {width:100%; height:100%; text-align:center;}
.license_body > ul > li:nth-child(4) > ul li {width:100%; height:30px;}

.license_body > ul > li:nth-child(5) {top:486px; left:calc(50% - 365px); width:730px; height:114px;}
.license_body > ul > li:nth-child(5) > ul {width:100%; height:100%; text-align:center;}
.license_body > ul > li:nth-child(5) > ul li {width:50%; height:50%; line-height:57px;}

.license_body > ul > li:nth-child(6) {top:600px; left:calc(50% - 365px); width:730px; height:218px;}
.license_body > ul > li:nth-child(6) > ul {position:relative; display:block; margin:0 auto; top:65px; width:500px; height:100px; text-align:center;}
.license_body > ul > li:nth-child(6) > ul li {font-weight:700; font-size:22px; width:100%; height:30px;}

.license_body > ul > li:nth-child(7) {bottom:258px; left:calc(50% - 330px); width:660px; height:72px; font-size:12px; font-weight:700;}

.license_body > ul > li:nth-child(8) {bottom:228px; left:calc(50% - 330px); width:660px; height:72px;}
.license_body > ul > li:nth-child(8) > ul {width:100%; height:100%; text-align:center; line-height:36px; color:#454545;}
.license_body > ul > li:nth-child(8) > ul li {height:36px; font-size:12px;}

.license_body > ul > li:nth-child(9) {bottom:100px; left:calc(50% - 330px); width:660px; height:100px;}
.license_body > ul > li:nth-child(9) > div {position:relative; top:20px; left:0; font-size:12px;}
.license_body > ul > li:nth-child(9) > div p {width:100%; height:15px; margin:0; color:#454545; text-align:left;}
/* 라이센스인증서 FIN */



/* 컨텐츠피드백 */

#con_feed_container {width:100%;}
#con_feed_container input {display:block; padding:0 30px; width:100%; height:40px; border:0; box-sizing:border-box;}
#con_feed_container .topbanner_area {background:url("/images/manuscript_title.png") no-repeat center center; padding:80px 0; width:100%; background-size:cover; text-align:center; color:white; font-weight:bold;}
#con_feed_container .document {position:relative; margin:40px auto; width:1000px; margin-bottom:50px;}
#con_feed_container .document .step1 {widh:100%}
#con_feed_container .document .step2 {widh:100%}
#con_feed_container .title {font-size:13px; color:#32A085; border-bottom:2px solid #32A085; padding:10px 0;}
#con_feed_container .title .title_L {font-size:19px; font-weight:bold}
#con_feed_container .title .title_pc {color:#E58888}

#con_feed_container .step1 .contentbox {padding:30px 0 50px 0; width:100%;}
#con_feed_container .step1 .contentbox ul {border-bottom:1px solid #EBEBEB; padding:10px 0;}
#con_feed_container .step1 .contentbox li {display:inline-block;}
#con_feed_container .step1 .contentbox li .subtitle {display:inline-block; width:120px; height:30px}
#con_feed_container .step1 .contentbox li .info {display:inline-block; width:360px; height:30px}

#con_feed_container .step2 .contentbox {padding:30px 0; width:100%;}
#con_feed_container .step2 .guide{width:100%; padding:30px; background:#F5F5F5; margin-top:20px; box-sizing:border-box;}
#con_feed_container .step2 .guide li div {width:100%; padding:10px 0;}
#con_feed_container .step2 .guide li div {display:inline-block; width:120px;}

#con_feed_container .step3 .contentbox {padding:30px 0 50px 0; width:100%;}
#con_feed_container .step3 .contentbox ul {border-bottom:1px solid #EBEBEB; padding:10px 0;}
#con_feed_container .step3 .contentbox li{text-align:center;}
#con_feed_container .step3 .contentbox li .subtitle {display:inline-block; width:120px; height:30px;}
#con_feed_container .step3 .contentbox li .info1 {display:inline-block; width:620px; height:30px; padding:6px 0; cursor:pointer; text-align:left;}
#con_feed_container .step3 .contentbox li .info1 :hover {color:#32A085; font-weight:bold;}
#con_feed_container .step3 .contentbox li .info2 {display:inline-block; width:120px; height:30px; padding:6px 0;}
#con_feed_container .answer_title {position:relative; left:40px; text-align:left;}
#con_feed_container .answer_click {color:#32A085;}
#con_feed_container .Q_input{display:block; padding:10px 10px; width:100%; min-height:200px; border:0; box-sizing:border-box; row="8"}

#con_feed_container .Q_clic{width:140px; padding:10px 0; margin:40px auto 0 auto; text-align:center; font-size:18px; background-color:#32A085; color:#fff; cursor:pointer;}

/* 컨텐츠피드백 FIN */

/* 컨텐츠피드백 에디트 */

#con_feed_edit {width:100%;}
#con_feed_edit input {display:block; padding:0 30px; width:100%; height:40px; border:0; box-sizing:border-box; background-color:transparent}
#con_feed_edit .topbanner_area {background:url("/images/manuscript_title.png") no-repeat center center; padding:80px 0; width:100%; background-size:cover; text-align:center; color:white; font-weight:bold;}
#con_feed_edit .document {position:relative; margin:40px auto; width:1000px; margin-bottom:50px;}
#con_feed_edit .document .step2 {widh:100%}
#con_feed_edit .title {font-size:13px; color:#32A085; border-bottom:2px solid #32A085; padding:10px 0;}
#con_feed_edit .title .title_L {font-size:19px; font-weight:bold}
#con_feed_edit .title .title_pc {color:#E58888}

#con_feed_edit .step2 .guide{width:100%; padding:30px; background:#F5F5F5; margin-top:20px; box-sizing:border-box;}
#con_feed_edit .step2 .guide li div {width:100%; padding:4px 0;}
#con_feed_edit .step2 .guide li div {display:inline-block; width:120px;}

#con_feed_edit .answer_title {font-size:16px; font-weight:bold;}

#con_feed_edit .Q_input{display:block; padding:10px 10px; width:100%; min-height:200px; border:0; box-sizing:border-box; row="8"}
#con_feed_edit .Q_clic{width:140px; padding:10px 0; margin:40px auto 0 auto; text-align:center; font-size:18px; background-color:#32A085; color:#fff; cursor:pointer;}

/* 컨텐츠피드백 에디트 FIN */




/******************************** 콘텐츠피드백 에듀튜브에서 가져온 css */

.feedback_container {width:100%; font-family:'Noto Sans KR',sans-serif;}
.feedback_container input {display:block; padding:0 30px; width:100%; height:40px; border:0; box-sizing:border-box;}
.feedback_topbanner_area {background:url("/images/manuscript_title.png") no-repeat center center; background-size:cover; padding:80px 0; width:100%; text-align:center; color:white;}
.feedback_document {position:relative; margin:40px auto; width:1000px; margin-bottom:50px;}
.feedback_document .step1 {widh:100%}
.feedback_document .step2 {widh:100%}
.feedback_title {font-size:13px; color:#32A085; border-bottom:2px solid #32A085; padding:10px 0;}
.feedback_title .title_L {font-size:19px; font-weight:bold}
.feedback_title .title_pc {color:#E58888}

.feedback_document .step1 .contentbox {padding:30px 0 50px 0; width:100%;}
.feedback_document .step1 .contentbox ul {border-bottom:1px solid #EBEBEB; padding:10px 0;}
.feedback_document .step1 .contentbox li {display:inline-block;}
.feedback_document .step1 .contentbox li .subtitle {display:inline-block; width:120px; height:30px}
.feedback_document .step1 .contentbox li .info {display:inline-block; width:360px; height:30px; margin:0;}

.feedback_document .step2 .contentbox {padding:30px 0; width:100%;}
.feedback_document .step2 .guide{width:100%; padding:30px; background:#F5F5F5; margin-top:20px; box-sizing:border-box;}
.feedback_document .step2 .guide li div {width:100%; padding:10px 0;}
.feedback_document .step2 .guide li div {display:inline-block; width:120px;}

.feedback_document .step3 .contentbox {padding:30px 0 50px 0; width:100%;}
.feedback_document .step3 .contentbox ul {border-bottom:1px solid #EBEBEB; padding:10px 0;}
.feedback_document .step3 .contentbox li{text-align:center;}
.feedback_document .step3 .contentbox li .subtitle {display:inline-block; width:120px; height:30px;}
.feedback_document .step3 .contentbox li .info1 {display:inline-block; width:620px; height:30px; padding:6px 0; cursor:pointer; text-align:left;}
.feedback_document .step3 .contentbox li .info1 :hover {color:#32A085;}
.feedback_document .step3 .contentbox li .info2 {display:inline-block; width:120px; height:30px; padding:6px 0;}

.feedback_document .answer_click {color:#32A085;}
.feedback_document .Q_input{display:block; padding:10px 10px; width:100%; min-height:200px; border:0; box-sizing:border-box; row="8"}

.feedback_document .Q_clic{width:140px; padding:10px 0; margin:40px auto 0 auto; text-align:center; font-size:18px; background-color:#32A085; color:#fff; border-radius:4px; cursor:pointer;}

	/******** feedback_pager 페이저 */
.feedback_pager {margin:10px 0 0 0; padding-left: 0; margin:20px 0; list-style: none; text-align: center;}

.feedback_pager li {display: inline;}
.feedback_pager li > a, .pager li > span {display:inline-block; padding:5px 14px; background-color: #fff; border: 1px solid #ddd;}

.feedback_pager .pagination2 {display:inline-block; padding-left:0; margin:20px 0; border-radius:4px;}
.feedback_pager .pagination2 > li {display:inline;}
.feedback_pager .pagination2 > li > a {background:#fafafa; color:#666;}
.feedback_pager .pagination2 > li > a, .pagination2 > li > span {position:relative; float:left; padding:2px 12px; line-height:1.42857143; text-decoration:none; color:#fff; background-color: #32A085; border:1px solid #ddd; margin-left: -1px;}
.hidden {display:none!important; visibility:hidden!important;}

.feedback_pager .pagination2 .next a, .qna_pager .pagination2 .previous a, .qna_pager .pagination2 .last a, .qna_pager .pagination2 .first a{border-radius:0; font-size: 12px; line-height: 22px; width:35px;}
	/******** contents_feedback 페이저 */

/******************************** 콘텐츠피드백 에듀튜브에서 가져온 css FIN */





/* 스튜디오 대여 */
.studio_container {position:relative; left:50%; margin-left:-500px; width:1000px;}
/* 컨텐츠피드백 FIN */

/******************************** 스튜디오 렌탈 신청페이지 */

.studio_find_map {position:relative; width:1000px;}
.studio_user_info {position:relative; width:1000px;}
.studio_user_date {position:relative; width:1000px;}
.service_date {display:table; width:100%; min-height:33.25rem; border:#555 solid 1px;}
.service_date h4 {height:3.85rem; background:#555; color:#fff; font-size:1.2rem; text-align:center; font-weight:400; line-height:3.3;}
.service_date:first-child h4 {border:none;}
.service_date h4 i {font-size:0;}
.service_date h4 i:before {content:"*"; display:inline-block; width:1rem; padding-left:0.2rem; font-weight:400; font-size:1.1rem; text-align:center; vertical-align:top;}

.studio_user_date .sv_date, .sv_time, .sv_engineer, .sv_massage {display:table-cell; position:relative; background:#fff;}
.studio_user_date .sv_date > p.t_error, .sv_time > p.t_error{position:absolute; width:100%; top:4rem; left:0; text-align:center;}

/* 날짜 선택 */

.studio_user_date .sv_date {width:80.5%;}
.studio_user_date .sv_date > div {padding:0 1.3rem;}
.cal_wrap {position:relative; }
.cal_wrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.cal_wrap > button {position:absolute; z-index:1; top:2.8rem; width:0.4rem; height:0.7rem; background:url(../images/common/splite_common.png) no-repeat; background-size:25rem auto; font-size:0;}
.cal_wrap > button.prev {display:none; left:0; background-position:-15rem -12.5rem;}
.cal_wrap > button.next {right:0; background-position:-17.5rem -12.5rem;}
.cal_wrap > button.prev:hover, .cal_wrap > button.prev:focus {background-position:-15rem -15rem;}
.cal_wrap > button.next:hover, .cal_wrap > button.next:focus {background-position:-17.5rem -15rem;}

/******************************** 스튜디오 렌탈 신청페이지 FIN */



/* 마이페이지 */

.con_title01 {width:60px;}
.con_title02 {width:240px;}
.con_title04 {width:120px;}

.my_page_banner {width:100%; height:200px; background:url(/images/my_page/sub_title.png) no-repeat center center; }

.my_page {width:100%; padding:0; margin:0;}
.my_page .contents {width:1000px; margin:0 auto; padding:20px 0; position:relative;}
.my_page .contents:after{content:''; display:block; clear:both;}

.my_page .contents .left_div {width:200px; padding:0; position:absolute; top:10px; left:0;}

/*
.my_page .contents .left_div .leftbox_title{color:#770b0b; font-size:16px; font-weight:bold; padding:15px 0; border-bottom:1px solid #770b0b; font-family:'Noto Sans KR',sans-serif;}
*/

.my_page .contents .left_div .leftbox_title{color:#000; font-size:24px; font-weight:bold; border-bottom:1px solid #770b0b; font-family:'Noto Sans KR',sans-serif; text-align:center; border:5px solid #c00000; padding:30px 0; margin:0 0 5px 0; position:relative;}

/*
.my_page .contents .left_div .left_subtitle{font-size:18px; font-weight:bold; padding:15px 0 15px 10px; border-bottom:1px solid #ccc; background-color:#f0cec9; text-align:left; font-family:'Noto Sans KR',sans-serif;}
*/

.my_page .contents .left_div .left_subtitle{font-size:17px; padding:15px 0; border-bottom:1px solid #ccc; background-color:#c00000; text-align:left; font-family:'Noto Sans KR',sans-serif; text-align:center; color:#fff; letter-spacing:2px;}

.my_page .contents .left_div .left_con{text-indent:10px; padding:0; border-bottom:1px solid #ccc; font-family: 'Nanum Gothic', sans-serif;}
.my_page .contents .left_div .left_con li {font-size:14px; padding:10px 0 10px 28px; border-bottom:1px solid #ccc; letter-spacing:-0.1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; cursor:pointer; background:url(/images/icon/left-bar.png) no-repeat left 18px center; }

.my_page .contents .left_div .left_con li:hover, .my_page .contents .left_div .left_con li.on {background:url(/images/icon/left-plus-bar.png) no-repeat left 18px center; background-color:#feeae9; }

.my_page .contents .left_div .left_con li:last-child {border-bottom:none;}
.my_page .contents .left_div .left_subtitle, .left_con: hover{cursor:pointer}

.my_page .contents .right_div {width:100%; padding:0 0 10px 0;}

.my_page .contents .right_div .right_con_div {width:100%; min-height:1000px; margin:0; padding:0; }

.my_page .contents .right_div .right_con_div .top_img {width:100%; text-align:center; position:absolute; top:0;}
.my_page .contents .right_div .right_con_div .top_img img {text-align:center;}

.my_page .contents .right_div .right_con_div .sub_div_menu {width:990px; padding:0 0 0 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.my_page .contents .right_div .right_con_div .sub_div_menu ul {width:100%;}
.my_page .contents .right_div .right_con_div .sub_div_menu li {width:calc(20% - 1px); float:left; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; padding:15px 10px; text-align:center; font-size:14px; letter-spacing:-0.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; display:table-cell; vertical-align:middle; font-family: 'Nanum Gothic', sans-serif;}
.my_page .contents .right_div .right_con_div .sub_div_menu li.on, .my_page .contents .right_div .sub_div_menu li:hover {background-color:#cf1c1c; color:#fff; cursor:pointer;}
.my_page .contents .right_div .right_con_div .sub_div_menu li:last-child { border-right:1px solid #000;}
.my_page .contents .right_div .right_con_div .sub_div_menu ul:after {content:''; display:block; clear:both;}

.my_page .contents .right_div .right_con_div .sub_class_area {width:100%;}

/*
.my_page .contents .right_div .right_con_div .movelogin{position:relative; left:calc(50% - 120px); margin-top:50px; margin-bottom:50px; width:240px; height:50px; font-size:18px; font-weight:bold}
*/
.my_page .contents .right_div .right_con_div .movietable{position:relative; margin:0 0 0 220px; width:770px; height:auto; text-align:center; border-collapse:collapse}
.my_page .contents .right_div .right_con_div .movietable thead{height:40px; border-bottom:3px solid #ba0000;}
.my_page .contents .right_div .right_con_div .movietable th, td{padding:4px; height:40px; line-height:40px; font-size:15px; font-family: 'Nanum Gothic', sans-serif; border-bottom:1px solid black;}
.my_page .contents .right_div .right_con_div .movietable_title{text-align:left;}
.my_page .contents .right_div .right_con_div .movietable_date {text-align:right;}
.my_page .contents .right_div .right_con_div .movietable td.line_center {text-align:center;}

/*
.my_page .contents .right_div .right_con_div .start_icon{ width:100px; height:36px; line-height:36px; border-radius:18px; background:rgb(255,192,72); color:white; margin:0 auto; cursor:pointer;}

.my_page .contents .right_div .right_con_div .no_icon{ width:100px; height:36px; line-height:36px; border-radius:18px; background:#ccc; color:white; margin:0 auto; cursor:pointer;}
*/
.my_page .contents .right_div .right_con_div .hand img{ cursor:pointer;}

.my_page .contents .right_div .right_con_div .con_txt {text-align:left; letter-spacing:-0.1em;}
.my_page .contents .right_div .right_con_div .gray_font {color:#ccc;}





/******************************************************************/

.clear_box {clear:both; content:""; display:block;}