@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean" rel="stylesheet");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap');
body,input,button,select {font-family: 'Noto Sans KR', sans-serif; font-size:14px;font-weight:700;}
body {min-width:1500px; padding: 0px; margin : 0px; }

a {text-decoration: none; color: inherit;}
br {font-family:"돋움", "돋움체", dotum; }


/*login*/


.top_member { display:inline-block; float:right; padding-top:36px;}
.top_member li { float:left; font-size:13px; font-weight:700; padding:0 5px; }
.top_member li:last-child {padding-right:0;}
.top_member li a {color:#717171;}
.top_member li a.login {color:#da381f; font-weight:800;}

/*member*/


.signup_box{height: 480px;width: 670px; margin: 0 auto;}
.signup_title{border-bottom: 2px solid red; padding: 65px 0 45px 0; color: #000000; font-size:16px;font-weight:700}
.signup_title b {display:inline-block; color:red; font-size:16px; font-weight:700; margin:0 0 0 0;}
.signup_img_center{ width: 670px; height: 260px; margin: 0 auto; border: 0px solid red;}
.signup_img_center li{float: left; width: 333px;padding-top: 40px; border-left:1px solid gray; border-right: 0px solid gray; border-bottom: 1px solid gray;}
.top_member li:last-child {border-right: 0px solid gray;}
.signup_img_input{ float: left; width: 670px; padding-bottom: 5px;}
.signup_img_input input {height: 40px;width: 200px;}
.singup_img_btn{width: 670px; height:50px; padding-bottom: 5px; text-align: right;}


.signup_img_email{float: left;}
.signup_img_email input {height: 40px;width: 200px;}
.signup_img_email select {display:inline-block;  height: 40px;width: 200px;}


.signup_agree_box{height: 50px;width: 670px; margin: 0 auto; font-size:16px;font-weight:700;padding-top: 45px; border: 0px solid red;}
.signup_agree_box_red{float : left; height:50px;  width: 33%;border-bottom: 2px solid red;}
.signup_agree_box_gray{float : left; height:50px;  width: 33%;border-bottom: 2px solid gray;}


/*이용약관*/
.signup_agree_box1{width: 670px; margin: 0 auto; height: 50px; border-bottom: 1px solid gray; padding-top: 20px;}
.view_box{width: 670px; display: none; font-size:14px; font-weight:500; margin:0 0 0 0; text-align: left; margin: 0 auto;}












/*list_ad*/
.list_ad { width: 880px; height:270px;  margin: 0 auto;}

/*ad*/
.list_ad .ad {width: 856px; height:348px;}
.list_ad .ad > ul > li {float: left; list-style: none;}

.list_ad .ad .left_list li {margin-right: 10px;}
.list_ad .ad .left_list li:nth-child(1) {width:561px; height: 263px; margin-bottom: 10px; background: #d1d1d1;}
.list_ad .ad .left_list li:nth-child(2) {width:561px; height: 75px; background: #a1a1a1;}

.list_ad .ad .right_list li {width: 285px; height: 81px; margin-bottom: 10px; background: #515151;}
.list_ad .ad .right_list li:nth-child(4) {height: 75px; margin-bottom:0;}

/*list*/
/*middle_gnb*/
.middle_gnb { width:860px;  border-bottom:1px solid #dedfe0;}
.middle_gnb .mgnb { width:860px; margin:0 auto; margin-bottom: 10px; padding-top: 30px;}

/*table_header*/
.table_header { width: 880px; height: 30px; margin: 0 auto; background: #f3f1f2; border-top:1px solid #000}
.table_header ul li{float: left; list-style: none; text-align: center; line-height: 30px; font-size: 12px; font-weight: 400;}
.table_header ul li:nth-child(1){width: 75px;}
.table_header ul li:nth-child(2){width: 351px;}
.table_header ul li:nth-child(3){width: 123px;}
.table_header ul li:nth-child(4){width: 44px;}
.table_header ul li:nth-child(5){width: 76px;}
.table_header ul li:nth-child(6){width: 60px;}
.table_header ul li:nth-child(7){width: 131px;}

/*table_content*/
.table_content { width: 855; height: 120px; margin: 0 auto; border-bottom: 1px solid #e1e1e1;}
.table_content .table_row { display:inline-table; }
.table_content .table_row > li { display:table-cell; height:120px; vertical-align:middle; list-style: none;  }
.table_content .table_row > li > ul {display: table; margin : 0 auto;}
.table_content .table_row > li:nth-child(1) {width: 75px; height: 70px; text-align:center;}
.table_content .table_row > li:nth-child(2) {width: 346px; text-align: left;}
.table_content .table_row > li:nth-child(2) > ul {width: 100%;}
.table_content .table_row > li:nth-child(2) > ul > li:nth-child(1) {font-size: 10px; width: 100%;}
.table_content .table_row > li:nth-child(2) > ul > li > a {color: #000;}
.table_content .table_row > li:nth-child(2) > ul > li:nth-child(3) {font-size: 12px; font-weight: 400; color: #818181;}
.table_content .table_row > li:nth-child(3) {width: 123px;  text-align: center; vertical-align: middle;}
.table_content .table_row > li:nth-child(3) > ul > li:nth-child(2) {margin-top:5px;}
.table_content .table_row > li:nth-child(4) {width: 44px;  text-align: center;}
.table_content .table_row > li:nth-child(5) {width: 76px;  text-align: center;}
.table_content .table_row > li:nth-child(5) > input { width: 54px; padding: 0; margin: 0;}
.table_content .table_row > li:nth-child(6) {width: 60px; text-align: center;}
.table_content .table_row > li:nth-child(6) > input { width: 36px; height: 36px; padding: 0; margin: 0; background: url( "../images/main/table_content_play.png" ) no-repeat; border: none;}
.table_content .table_row > li:nth-child(7) {width: 131px; text-align: center;}
.table_content .table_row > li:nth-child(7) > ul > li {font-size: 12px; margin-top: 2px;}
.table_content .table_row > li:nth-child(7) > ul > li #bag { width: 50px; padding: 0; margin: 0; background: url( "../images/main/table_content_bag.png" ) no-repeat; border: none;}
.table_content .table_row > li:nth-child(7) > ul > li #purchase { width: 50px; padding: 0; margin: 0; background: url( "../images/main/table_content_purchase.png" ) no-repeat; border: none;}
.table_content .table_row > li:nth-child(7) > ul > li input { margin:0; vertical-align: -3px;}
.table_content .table_row > li:nth-child(7) > ul > li input[type="button"] {vertical-align: middle;}




.lecture_content { width: 855px; margin: 0 auto; border-bottom: 1px solid #e1e1e1;}
.lecture_content > div:first-child { height: 30px; line-height: 30px; margin-bottom: 10px; background: #ddd;}
.lecture_content > div:nth-child(2) {display: flex; margin: 0 20px;}
.lecture_content > div:nth-child(2) > div:first-child { width: 100px; margin-right: 30px;}
.lecture_content > div > div:nth-child(2) > ul {list-style: none;}
.lecture_content > div > div:nth-child(2) > ul > li { display: flex;}
.lecture_content > div > div:nth-child(2) > ul > li > div:first-child { width: 70px;}
.lecture_content > div > div:nth-child(2) > ul > li > div:nth-child(2) {font-weight: 400;}



.book_content { width: 855px; margin: 0 auto; border-bottom: 1px solid #e1e1e1;}
.book_content > div:first-child { height: 30px; line-height: 30px; margin-bottom: 10px; background: #ddd;}
.book_content > div:nth-child(2) {display: flex; margin: 0 20px;}
.book_content > div:nth-child(2) > div:first-child { width: 100px; margin-right: 30px;}
.book_content > div > div:nth-child(2) > ul {list-style: none;}
.book_content > div > div:nth-child(2) > ul > li { display: flex;}
.book_content > div > div:nth-child(2) > ul > li > div:first-child { width: 70px;}
.book_content > div > div:nth-child(2) > ul > li > div:nth-child(2) {font-weight: 400;}

/*----------------------------------------------*/












/*publish*/
/*side_menu*/
.side_menu { width: 203px; min-height: 519px; margin-right: 21px; margin-bottom: 10px; border: 0px solid #e1e1e1;}
.side_menu .upper_side > div { height: auto; margin: 2px 2px; background: #6c4af2; color: #fff; text-align: center; line-height: 70px; font-size: 20px; text-shadow: 4px 2px 2px #000;}
/*.side_menu .upper_side > li { width: 194px; height: 42px; margin: 2px 1px; box-shadow: 2px 2px 3px #c1c1c1; border-radius: 5px; border: 1px solid #e1e1e1; line-height: 42px;}*/
.side_menu .upper_side > li { width: 203px; height: 42px; margin: 0px; line-height: 42px;}
.side_menu .upper_side > li > a > div { display: flex; color: #000; justify-content: space-between;}
.side_menu .upper_side > li > a > div > div:nth-child(1) {min-width: 78px; padding-left: 15px; font-weight: 400;}
.side_menu .upper_side > li > a > div > div:nth-child(2) {width: 50px; color: blue;}
.side_menu .upper_side > li > a > div > div:nth-child(3) {display: flex; justify-content: center; align-items: center;}
/*.side_menu .upper_side > li:nth-child(4) > a > div > div:nth-child(1){ line-height: 21px; }*/


.side_menu .upper_side a {color: #FFF;}
.side_menu .upper_side > li > ul {display: none;}
.side_menu .upper_side > li > ul li { height: 30px; padding-left: 20px; font-weight: 400; line-height: 30px; color: #818181}
.side_menu .upper_side > li > ul > a:first-child li { font-weight: 700; line-height: 30px; border-top : 1px dotted #e1e1e1;}
.side_menu .upper_side > li:hover { height: auto; }
.side_menu .upper_side > li:hover > a > div{ color: blue;}
.side_menu .upper_side > li:hover > a > div > div:nth-child(2) { opacity: 0;}
.side_menu .upper_side > li:hover > ul {display: block; height: auto;}

/*lower_side*/
.lower_side ul li { width:202px; height: 49px; background: #e1e1e1; margin-bottom: 4px;}













.book_look_content { width: 855px; height: 330px; margin: 0 auto; border: 0px solid red;}
.book_look_content .title_text{width: 855px; height: 30px; border: 0px solid red; background-color: #97DDA6;}
.book_look_content .pohto_view{width: 855px; height:300PX; display: flex; justify-content: center;}
.book_look_content .pohto_view .index_pohto{width: 150px; height: 300px; text-align: center; }
.book_look_content .pohto_view .index_text{width: 705px; height: 300px; text-align: left;}



.class_look_content { width: 855px; min-height: 400px; margin: 0 auto; border: 0px solid red;}
.class_look_content .class_title_text{width: 855px; height: 30px; border: 0px solid red; background-color: #97DDA6;}
.class_look_content .class_pohto_view{width: 855px; height:300PX; display: flex; justify-content: center;}
.class_look_content .class_pohto_view .class_index_pohto{width: 150px; height: 300px; text-align: center; }
.class_look_content .class_pohto_view .class_index_text{width: 705px; height: 300px; text-align: left;}





/*중등 특목*/
.side_menu .upper_side_middle {font-weight: 300; }
.side_menu .upper_side_middle ul { margin: 0 5px; box-shadow: 1px 1px 2px #c1c1c1; margin-bottom: 10px;}
.side_menu .upper_side_middle ul > div { width: 110px; height: 40px; line-height: 40px; font-weight: 700; font-size: 15px;margin:0 10px; color: #23A88E; border-bottom: 1px dashed #c1c1c1;;}
.side_menu .upper_side_middle ul li a { display: flex; justify-content: space-between; height: 30px; line-height: 30px; padding:0 10px; font-size: 13px; color:#000}
.side_menu .upper_side_middle ul li a:hover { color: #23A88E;}
.side_menu .upper_side_middle ul li:nth-child(2) { margin-top: 7px;}
.side_menu .upper_side_middle ul li:last-child { padding-bottom: 7px;}
.side_menu .upper_side_middle ul li a div:last-child { font-weight: 700; color: #23A88E}


.middle_packs {width: 860px; margin-top: 20px;}
.middle_packs .top_button { display: flex;}
.middle_packs .packs img { margin-bottom: 15px;}
.middle_packs .packs div { background: #eee; margin-top: 50px; margin-bottom: 15px; padding-left: 10px; height: 30px; line-height: 30px;}




/*마이페이지 사이드메뉴*/
/*side*/
/*side_menu*/
.body_center {display: flex; font-family: 'Noto Sans KR', sans-serif; font-size: 14px;}

.body_center .side_menu { width: 200px; min-height: 519px; margin-right: 21px; margin-bottom: 10px; border: 1px solid #e1e1e1;}
.body_center .side_menu .upper_side > div { height: auto; margin: 2px 2px; background: #da381f; color: #fff; text-align: center; line-height: 70px; font-size: 20px; text-shadow: 4px 2px 2px #000;}
.body_center .side_menu .upper_side > li { width: 194px; height: 42px; margin: 2px 1px; box-shadow: 2px 2px 3px #c1c1c1; border-radius: 5px; border: 1px solid #e1e1e1; line-height: 42px; text-align: left;}
.body_center .side_menu .upper_side > li > a > div { display: flex; color: #000; }
.body_center .side_menu .upper_side > li > a > div > div:nth-child(1) {min-width: 78px; padding-left: 15px; font-weight: 400;}
.body_center .side_menu .upper_side > li > a > div > div:nth-child(2) {width: 65px; color: blue;}
.body_center .side_menu .upper_side > li > a > div > div:nth-child(3) {display: flex; justify-content: center; align-items: center;}
/*.side_menu .upper_side > li:nth-child(4) > a > div > div:nth-child(1){ line-height: 21px; }*/

.body_center .side_menu .upper_side a {color: #FFF;}
.body_center .side_menu .upper_side > li > ul {display: none;}
.body_center .side_menu .upper_side > li > ul li { height: 30px; padding-left: 20px; font-weight: 400; line-height: 30px; color: #818181}
.body_center .side_menu .upper_side > li > ul > a:first-child li { font-weight: 700; line-height: 30px; border-top : 1px dotted #e1e1e1;}
.body_center .side_menu .upper_side > li:hover { height: auto; }
.body_center .side_menu .upper_side > li:hover > a > div{ color: blue;}
.body_center .side_menu .upper_side > li:hover > a > div > div:nth-child(2) { opacity: 0;}
.body_center .side_menu .upper_side > li:hover > ul {display: block; height: auto;}

.body_center .lower_side ul li { width:202px; height: 49px; background: #e1e1e1; margin-bottom: 4px;}

/*마이페이지 main.jsp*/
.page_title {font-size: 20px; font-weight: 700; margin-bottom: 15px;}
.member_sentence { height: 30px; line-height: 30px; padding-left: 10px; background: #E4F0EF; margin-bottom: 15px; text-align: left;}

/*study_info*/
.study_info {width: 857px; background: #F1FAF9; border-radius: 10px; border: 1px solid #B8B9B9; margin-bottom: 50px;}
.study_info > div:first-child { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex; }
.study_info > div:first-child > div:nth-child(2) {font-size: 15px; }
.study_info > div:first-child > div:nth-child(2) > img { line-height: 30px; }
.study_info > div:last-child {display: flex; padding-bottom: 11.75px;}
.study_info > div:last-child > div {background: #fff; width: 270px; border: 1px solid #B8B9B9; margin-left: 11.75px;}
.study_info > div:last-child > div > div { margin: 10px 10px;}
.study_info > div:last-child > div > div > ul > li { height: 30px; line-height: 30px; display: flex; justify-content: space-between; border-bottom: 1px dotted #ddd;}
.study_info > div:last-child > div > div > ul > li > div:first-child { font-weight: 400; }

/*study_question*/
.study_question {margin-bottom: 50px;}
.study_question > div:nth-child(1) { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex;}
.study_question > div:nth-child(1) >div:nth-child(2) {font-size: 15px;}

.study_question > div:nth-child(2) { height: 30px; border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.study_question > div:nth-child(2) > div { text-align: center; line-height: 30px;}
.study_question > div:nth-child(2) > div:nth-child(1) {width: 100px;}
.study_question > div:nth-child(2) > div:nth-child(2) {width: 400px;}
.study_question > div:nth-child(2) > div:nth-child(3) {width: 200px;}
.study_question > div:nth-child(2) > div:nth-child(4) {width: 157px;}

.study_question > div:nth-child(3) > ul > li {height: 25px; line-height: 25px; list-style: none; display: flex; text-align: center;}
.study_question > div:nth-child(3) > ul > li > div {color: #666}
.study_question > div:nth-child(3) > ul > li > div:nth-child(1) {width: 100px;}
.study_question > div:nth-child(3) > ul > li > div:nth-child(2) {width: 400px;}
.study_question > div:nth-child(3) > ul > li > div:nth-child(3) {width: 200px;}
.study_question > div:nth-child(3) > ul > li > div:nth-child(4) {width: 157px;}
.study_question > div:nth-child(3) > ul > li:last-child { border-bottom: 2px solid #ddd;}



/*study_review*/
.study_review {margin-bottom: 50px;}
.study_review > div:nth-child(1) { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex; }
.study_review > div:nth-child(1) >div:nth-child(2) {font-size: 15px;}

.study_review > div:nth-child(2) { height: 30px; border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.study_review > div:nth-child(2) > div { text-align: center; line-height: 30px;}
.study_review > div:nth-child(2) > div:nth-child(1) {width: 100px;}
.study_review > div:nth-child(2) > div:nth-child(2) {width: 307px;}
.study_review > div:nth-child(2) > div:nth-child(3) {width: 112.5px;}
.study_review > div:nth-child(2) > div:nth-child(4) {width: 112.5px;}
.study_review > div:nth-child(2) > div:nth-child(5) {width: 112.5px;}
.study_review > div:nth-child(2) > div:nth-child(6) {width: 112.5px;}

.study_review > div:nth-child(3) > ul > li {height: 25px; line-height: 25px; list-style: none; display: flex; text-align: center;}
.study_review > div:nth-child(3) > ul > li > div {color: #666}
.study_review > div:nth-child(3) > ul > li > div:nth-child(1) {width: 100px;}
.study_review > div:nth-child(3) > ul > li > div:nth-child(2) {width: 307px;}
.study_review > div:nth-child(3) > ul > li > div:nth-child(3) {width: 112.5px;}
.study_review > div:nth-child(3) > ul > li > div:nth-child(4) {width: 112.5px;}
.study_review > div:nth-child(3) > ul > li > div:nth-child(5) {width: 112.5px;}
.study_review > div:nth-child(3) > ul > li > div:nth-child(6) {width: 112.5px;}
.study_review > div:nth-child(3) > ul > li:last-child { border-bottom: 2px solid #ddd;}

/*pause_list*/
.pause_list{width:860px; margin-bottom: 50px;}
.pause_list >div:nth-child(1){height:30px;padding-top: 5px; border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between; }
.pause_list >div:nth-child(1)>div{text-align: center; line-height: 30px;}
.pause_list >div:nth-child(1)>div:nth-child(1){width: 70px;}
.pause_list >div:nth-child(1)>div:nth-child(2){width: 400px;}
.pause_list >div:nth-child(1)>div:nth-child(3){width: 100px;}
.pause_list >div:nth-child(1)>div:nth-child(4){width: 85px;}
.pause_list >div:nth-child(1)>div:nth-child(5){width: 100px;}



.pause_list > div:nth-child(2) > ul > li { width:860px; height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.pause_list > div:nth-child(2) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.pause_list > div:nth-child(2) > ul > li > div:nth-child(1) {width: 70px; }
.pause_list > div:nth-child(2) > ul > li > div:nth-child(2) {width: 400px; }
.pause_list > div:nth-child(2) > ul > li > div:nth-child(3) {width: 100px; }
.pause_list > div:nth-child(2) > ul > li > div:nth-child(4) {width: 85px;}
.pause_list > div:nth-child(2) > ul > li > div:nth-child(5) {width: 100px;}
.pause_list > div:nth-child(2) > ul > li:last-child { border-bottom: 2px solid #ddd;}




/*study_course*/
.study_course {margin-bottom: 50px; width: 860px; }
.study_course > div:nth-child(1) { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex;}
.study_course > div:nth-child(1) >div:nth-child(2) {font-size: 15px;}

.study_course > div:nth-child(2) { height: 30px; border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.study_course > div:nth-child(2) > div { text-align: center; line-height: 30px;}
.study_course > div:nth-child(2) > div:nth-child(1) {width: 75px;}
.study_course > div:nth-child(2) > div:nth-child(2) {width: 75px;}
.study_course > div:nth-child(2) > div:nth-child(3) {width: 307px;}
.study_course > div:nth-child(2) > div:nth-child(4) {width: 100px;}
.study_course > div:nth-child(2) > div:nth-child(5) {width: 100px;}
.study_course > div:nth-child(2) > div:nth-child(6) {width: 100px;}
.study_course > div:nth-child(2) > div:nth-child(7) {width: 100px;}


.study_course > div:nth-child(3) > ul > li {height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.study_course > div:nth-child(3) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(1) {width: 75px;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(2) {width: 75px;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(3) {width: 307px;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(4) {width: 100px;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(5) {width: 100px;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(6) {width: 100px;}
.study_course > div:nth-child(3) > ul > li > div:nth-child(7) {width: 100px;}
.study_course > div:nth-child(3) > ul > li:last-child { border-bottom: 2px solid #ddd;}


/*연장신청*/
.renewal_list{ width: 700px; height: 40px; border: 0px solid; display: flex;}
.renewal_list >div:nth-child(1){ width: 100px; height: 40px; }
.renewal_list >div:nth-child(2){ width: 600px; height: 40px; }
.renewal_list >div:nth-child(2)> select{width: 100px;}
.renewal_list >div:nth-child(2)> textarea{width: 550px; height: 40px;}
.renewal_list_btn{text-align: center; padding-top: 10px;}
.renewal_list_btn > button {width:100px; height:40px; border:1px solid #e1e1e1; font-size:16px; color:#000; font-weight:400; padding:0 18px; margin-bottom:8px;}


/*mypay결재내용*/
.mypay_course {margin-bottom: 50px; width: 860px;}
.mypay_course > div:nth-child(1) { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex;}
.mypay_course > div:nth-child(1) >div:nth-child(2) {font-size: 15px;}

.mypay_course > div:nth-child(2) { height: 30px; border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.mypay_course > div:nth-child(2) > div { text-align: center; line-height: 30px;}
.mypay_course > div:nth-child(2) > div:nth-child(1) {width: 100px; }
.mypay_course > div:nth-child(2) > div:nth-child(2) {width: 100px;}
.mypay_course > div:nth-child(2) > div:nth-child(3) {width: 100px;}
.mypay_course > div:nth-child(2) > div:nth-child(4) {width: 460px;}
.mypay_course > div:nth-child(2) > div:nth-child(5) {width: 100px;}

.mypay_course > div:nth-child(3) > ul > li {height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.mypay_course > div:nth-child(3) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(1) {width: 100px;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(2) {width: 100px;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(3) {width: 100px;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(4) {width: 460px; display: flex;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(4)> div:nth-child(1) {width: 300px; margin-top: 15px;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(4)> div:nth-child(2) {width: 100px; margin-top: 15px;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(4)> div:nth-child(3) {width: 60px;}
.mypay_course > div:nth-child(3) > ul > li > div:nth-child(5) {width: 100px;}
.mypay_course > div:nth-child(3) > ul > li:last-child { border-bottom: 2px solid #ddd;}

.mypay_exchange{width: 500px; height: 40px; border: 0px solid; display: flex;};
.mypay_exchange >div:nth-child(1){ width: 100px; height: 40px; }
.mypay_exchange >div:nth-child(2){ width: 400px; height: 40px; }
.mypay_exchange >div:nth-child(2)> textarea{width: 400px; height: 40px;}

/*cart장바구니*/
.cart_list {margin-bottom: 50px; width: 860px;}
.cart_list > div:nth-child(1) { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex;}
.cart_list > div:nth-child(1) >div:nth-child(2) {font-size: 15px;}
.cart_list > div:nth-child(2) { height: 30px; border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.cart_list > div:nth-child(2) > div { text-align: center; line-height: 30px;}
.cart_list > div:nth-child(2) > div:nth-child(1) {width: 100px; }
.cart_list > div:nth-child(2) > div:nth-child(2) {width: 100px;}
.cart_list > div:nth-child(2) > div:nth-child(3) {width: 560px;}
.cart_list > div:nth-child(2) > div:nth-child(4) {width: 100px;}

.cart_list > div:nth-child(3) > ul > li {height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.cart_list > div:nth-child(3) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.cart_list > div:nth-child(3) > ul > li > div:nth-child(1) {width: 100px;}
.cart_list > div:nth-child(3) > ul > li > div:nth-child(2) {width: 100px;}
.cart_list > div:nth-child(3) > ul > li > div:nth-child(3) {width: 560px;}
.cart_list > div:nth-child(3) > ul > li > div:nth-child(4) {width: 100px}
.cart_list > div:nth-child(4){width: 860px; text-align: right;}
.cart_list > div:nth-child(4) > input {height:52px; border:none; background-color:#ef7600; color:#ffffff; width:80px; cursor: pointer;}

/*qna 질문하기list*/
.qna_search{width: 860px; height: 50px;}
.qna_search > select {border:1px solid #e1e1e1; width:100px; height:50px; color:#6a6a6a; padding:0 18px;}
.qna_search > input {width:600px; height:50px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400; padding:0 18px; margin-bottom:8px;}
.qna_search > button {width:100px; height:50px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400; padding:0 18px; margin-bottom:8px;}



.qna_title {margin-bottom: 50px; width: 860px;}
.qna_title > div:nth-child(1) { padding: 15px 0; font-size: 20px; margin: 0 11.75px; justify-content: space-between; display: flex;}
.qna_list {margin-bottom: 50px; width: 860px; padding-top :10px;}
.qna_list > div:nth-child(1) { height: 30px;  border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.qna_list > div:nth-child(1) > div { text-align: center; line-height: 30px;}
.qna_list > div:nth-child(1) > div:nth-child(1) {width: 100px; }
.qna_list > div:nth-child(1) > div:nth-child(2) {width: 100px;}
.qna_list > div:nth-child(1) > div:nth-child(3) {width: 560px;}
.qna_list > div:nth-child(1) > div:nth-child(4) {width: 100px;}

.qna_list > div:nth-child(2) > ul > li {height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.qna_list > div:nth-child(2) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.qna_list > div:nth-child(2) > ul > li > div:nth-child(1) {width: 100px;}
.qna_list > div:nth-child(2) > ul > li > div:nth-child(2) {width: 100px;}
.qna_list > div:nth-child(2) > ul > li > div:nth-child(3) {width: 560px;}
.qna_list > div:nth-child(2) > ul > li > div:nth-child(4) {width: 100px}

.qna_page{margin-bottom: 50px; width: 860px; margin: 0 auto;text-align: center;}
.qna_page >div:nth-child(1) {width: 860px; text-align: right;}
.qna_page >div:nth-child(1) > button {width:100px; height:50px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400;  margin-bottom:8px;}
.qna_page >div:nth-child(2) {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; ; width: 860px;}

.qna_view{width: 860px; }
.qna_view >div:nth-child(1){width: 860px; height:30px; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.qna_view >div:nth-child(2){width: 860px; border:1px solid #e1e1e1;}

.qna_write{width: 860px; }
.qna_write>div:nth-child(1){font-size: 20px;}
.qna_write>div:nth-child(2) >textarea {width: 860px; height: 300px;}
.qna_write>div:nth-child(3){width: 860px; margin-top: 20px;}
.qna_write>div:nth-child(4)>input{width:299px; height:30px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400; padding:0 18px; margin-bottom:8px;}
.qna_write>div:nth-child(5){text-align: right;}
.qna_write>div:nth-child(5)>button{width:100px; height:50px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400;  margin-bottom:8px;}






.qna_study {margin-bottom: 50px; width: 860px; padding-top :10px;}
.qna_study > div:nth-child(1) { height: 30px;  border-top: 2px solid #0083FF; border-bottom: 2px solid #0083FF; display: flex; justify-content: space-between;}
.qna_study > div:nth-child(1) > div { text-align: center; line-height: 30px;}
.qna_study > div:nth-child(1) > div:nth-child(1) {width: 200px; }
.qna_study > div:nth-child(1) > div:nth-child(2) {width: 460px;}
.qna_study > div:nth-child(1) > div:nth-child(3) {width: 100px;}
.qna_study > div:nth-child(1) > div:nth-child(4) {width: 100px;}

.qna_study > div:nth-child(2) > ul > li {height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.qna_study > div:nth-child(2) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.qna_study > div:nth-child(2) > ul > li > div:nth-child(1) {width: 200px;}
.qna_study > div:nth-child(2) > ul > li > div:nth-child(2) {width: 460px; text-align: left;}
.qna_study > div:nth-child(2) > ul > li > div:nth-child(3) {width: 100px;}
.qna_study > div:nth-child(2) > ul > li > div:nth-child(4) {width: 100px}




/*마이페이지 - 회원정보수정 account.form.jsp*/


.page_title_account_form {padding-bottom: 10px; margin-bottom: 50px; }

.info_form {text-align: left;}
.info_form ul { list-style: none;}
.info_form ul li { width: 857px; height: 40px; display: inline-table; border-bottom: 1px solid #ddd;}
.info_form ul li:first-child {border-top: 2px solid #aaa;}
.info_form ul li:last-child {border-bottom: 2px solid #aaa;}
.info_form > ul > li > div {display: table-cell; vertical-align: middle;}
.info_form > ul > li > div:first-child {width: 85px; padding: 0 32.5px; border-right: 1px dotted #aaa; text-align: justify; text-align-last: justify; }
.info_form > ul > li > div:last-child { padding-left : 30px; align-items: flex-start; }
.info_form > ul > li > div:last-child input { margin-right: 10px;}

.info_form > ul > li:nth-child(6) {height: 75px;}
.info_form > ul > li:nth-child(6) > div:last-child > div:nth-child(2) input { width: auto}
.info_form > ul > li:nth-child(6) > div:last-child > div > input { width: 100px;}
.info_form > ul > li:nth-child(6) > div:last-child > div > input:last-child { display: none;}
.info_form > ul > li:nth-child(6) > div:last-child > div > select { width: 150px; margin-left: 10px;}

.info_form > ul > li:nth-child(7) {height: 120px;}
.info_form > ul > li:nth-child(7) input {margin-bottom: 5px;}
.info_form > ul > li:nth-child(7) input:last-child {margin-bottom: 0;}

.info_form > ul > li:nth-child(8) > div:last-child select {margin-right: 10px;}
.info_form > ul > li:nth-child(8) > div:last-child > div > input {width: 70px;}

.info_form > ul > li:nth-child(9) {height: 55px;}
.info_form > ul > li:nth-child(9) > div:last-child select {margin-right: 10px;}

.info_form > ul > li:nth-child(10) > div:last-child {display: flex; flex-direction: row; flex-wrap: wrap;}
.info_form > ul > li:nth-child(10) > div:last-child > div { width: 150px;}


/* 마이페이지 결재하기 /mypage/payment  */

.my_paymont_top {margin-bottom: 50px; width: 860px; padding-top :10px;}
.my_paymont_top > div:nth-child(1) { height: 30px;  border-top: 2px solid #666666; border-bottom: 2px solid #666666; display: flex; justify-content: space-between;}
.my_paymont_top > div:nth-child(1) > div { text-align: center; line-height: 30px;}
.my_paymont_top > div:nth-child(1) > div:nth-child(1) {width: 100px; }
.my_paymont_top > div:nth-child(1) > div:nth-child(2) {width: 660px;}
.my_paymont_top > div:nth-child(1) > div:nth-child(3) {width: 100px;}

.my_paymont_top > div:nth-child(2) > ul > li {height: 50px;  list-style: none; display: inline-table; text-align: center; border-bottom: 1px dotted #ddd;}
.my_paymont_top > div:nth-child(2) > ul > li > div {color: #666; display: table-cell; vertical-align: middle;}
.my_paymont_top > div:nth-child(2) > ul > li > div:nth-child(1) {width: 100px;}
.my_paymont_top > div:nth-child(2) > ul > li > div:nth-child(2) {width: 660px;}
.my_paymont_top > div:nth-child(2) > ul > li > div:nth-child(3) {width: 100px;}
.my_paymont_top > div:nth-child(3) {padding-left:300px;padding-top:5px; height: 30px;  border-top: 1px solid #666666; border-bottom: 1px solid #666666; display: flex; justify-content: space-between;}

.my_paymont_middle {margin-bottom: 50px; width: 860px; padding-top :10px; height: 300px;}
.my_paymont_middle >div:nth-child(1){ height: 30px;   border-bottom: 2px solid #666666; display: flex; }
.my_paymont_middle >div:nth-child(2){height: 150px;width: 860px; display: flex;}
.my_paymont_middle >div:nth-child(2) > div:nth-child(1){height: 30px;width: 100px;}
.my_paymont_middle >div:nth-child(3){height: 30px;width: 860px; display: flex; }
.my_paymont_middle >div:nth-child(3) > div:nth-child(1){width: 100px;}
.my_paymont_middle >div:nth-child(4){height: 30px;width: 860px; display: flex; }
.my_paymont_middle >div:nth-child(4) > div:nth-child(1){width: 100px;}

.my_paymont_bottom {margin-bottom: 50px; width: 860px; padding-top :10px;}
.my_paymont_bottom > div{height: 30px;}
.my_paymont_bottom > div:nth-child(1) { height: 30px;   border-bottom: 2px solid #666666; display: flex; justify-content: space-between;}

.my_paymont_bottom >div:nth-child(2){width: 860px; display: flex;}
.my_paymont_bottom >div:nth-child(2) > div:nth-child(1){height: 30px;width: 100px;}
.my_paymont_bottom >div:nth-child(3){width: 860px; display: flex;}
.my_paymont_bottom >div:nth-child(3) > div:nth-child(1){height: 30px;width: 100px;}
.my_paymont_bottom >div:nth-child(4){width: 860px; display: flex;}
.my_paymont_bottom >div:nth-child(4) > div:nth-child(1){height: 30px;width: 100px;}
.my_paymont_bottom >div:nth-child(5){width: 860px; display: flex;}
.my_paymont_bottom >div:nth-child(5) > div:nth-child(1){height: 30px;width: 100px;}
.my_paymont_bottom >div:nth-child(6){width: 860px; display: flex;}
.my_paymont_bottom >div:nth-child(6) > div:nth-child(1){height: 30px;width: 100px;}
.my_paymont_bottom >div:nth-child(7){width: 860px; text-align: center;}
.my_paymont_bottom >div:nth-child(7)> input{width:200px; height:50px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400; padding:0 18px; margin-bottom:8px;}


.dialog_qna_write1{width: 870px; }
.dialog_qna_write1 > div{display: flex; height: 30px;}
.dialog_qna_write1 > div > div:nth-child(1){width: 100px; border-bottom: 0px solid; text-align: center;vertical-align: middle;}
.dialog_qna_write1 > div > div:nth-child(2){width: 770px; border: 0px solid; text-align: center;}

.dialog_qna_write1 > div > div:nth-child(2) >input{width: 770px; height: 30px;}
.dialog_qna_write1 > div > div:nth-child(2) > pre{width: 770px; height: 300px;}
.dialog_qna_write1 > div > div:nth-child(2) > button{width:100px; height:50px; border:1px solid #e1e1e1; font-size:16px; color:#6a6a6a; font-weight:400;  margin-bottom:8px;}