@charset "utf-8";
/* CSS Document */


/* layout */

/* 공통 */
.boardIcon {background:url(../../image/ko/user/admin_icon1.png) no-repeat;}

/* basic input size는 추가해서 쓰세요. */
.board_input {border:1px solid #dfdfdf; height:23px; line-height:23px; padding:4px 2px; margin:0; font-size:9pt; color:#333;}
.input_size80 {width:80px;}
.input_size100 {width:100px;}
.input_size180 {width:180px;}
.input_size200 {width:200px;}
.input_size250 {width:250px;}
.input_size70p {width:70%;}
.input_size100p {width:100%;}

/* basic select */
.board_select {border:1px solid #dfdfdf; padding:7px; font-size:9pt; color:#333;}
.select_size50 {width:50px;}
.select_size80 {width:80px;}
.select_size100 {width:100px;}
.select_size150 {width:150px;}

.suvery_textarea {width:95%; height:50px;}

/* basic button */
.board_button {height:32px; line-height:21px; padding:0 10px; font-size:10pt; margin-left:7px; cursor:pointer; font-weight:500;}
.small {height:20px;}

.button_black {background:#424242; color:#fff;}
.button_black:hover {background:#000; color:#fff;}
.button_blue {background:#3967c3; color:#fff;}
.button_blue:hover {background:#234ea4;}
.button_gray {background:#636363; color:#fff;}
.button_gray:hover {background:#3a3a3a;}
.button_sky {background:#3598db; color:#fff;}
.button_sky:hover {background:#2583c2;}
.button_violet {background:#335284; color:#fff;}
.button_violet:hover {background:#152d54;}
.button_green {background:#2ca865; color:#fff;}
.button_green:hover {background:#1e8c50;}
.button_red {background:#df6262; color:#fff;}
.button_red:hover {background:#c34c4c;}
.button_white {background:#ffffff; color:#777777;border:1px #a5a5a5 solid}
.button_white:hover {background:#ffffff;color:#333333;border:1px #a5a5a5 solid}


/* etc input */
.board_checkbox {width:15px; height:15px; border:none; margin:0; padding:0; vertical-align:-3px; float:none;}
.board_radio {border:none; margin:0; padding:0; width:15px; height:15px; vertical-align:-3px; float:none;}
.hidden_input {border:none; background:none; resize:none; float:none; display:inline; margin:0; padding:0; font-size:9pt;}
.hidden_input:focus {border:1px solid #dfdfdf; height:20px; line-height:20px; padding:4px 2px; margin:0; font-size:9pt;}

.board_textarea {width:100%; border:1px solid #dfdfdf; height:200px;}




.formTable{clear:both; border-top:2px solid #4a79a9; width:100%; margin-bottom:10px;border-left:1px #dddddd solid;border-right:1px #dddddd solid;}
.formTable tbody th{border-collapse:collapse;border-bottom:1px #dddddd solid;background-color:#f3f3f3;padding:10px 0;text-align:center;font-size:10pt;color:#666666;font-weight:600}
.formTable tbody td{border-collapse:collapse;border-bottom:1px #dddddd solid;padding:10px;font-size:10pt;color:#747474;font-family:dotum;}

.tableTop_list{overflow:hidden;margin-bottom:5px;width:100%;}
.tableTop_list div.tableTop_left{font-size:10pt;float:left;padding-top:7px;width:80%;}
.tableTop_list div.tableTop_left span{font-weight:600;color:#4274d9}
.tableTop_list div.tableTop_right{font-size:10pt;float:left;width:20%;}
.tableTop_list div.tableTop_right ul li{float:right;}
.tableTop_list div.tableTop_right ul li.txt{padding-top:7px;font-size:10pt;color:#666666;padding-right:10px}










.BasicTable_list tbody td .course_title a:link{color:#0c2639}
.BasicTable_list tbody td .course_title a:hover{color:#0c2639;text-decoration:underline}
.BasicTable_list tbody td .course_title a:visited{color:#0c2639}
.BasicTable_list tbody td.contentLeft a:link{color:#0c2639}
.BasicTable_list tbody td.contentLeft a:hover{color:#0c2639;text-decoration:underline}
.BasicTable_list tbody td.contentLeft a:visited{color:#0c2639}

/* basic board bottom */
.brd_counter {float:left; font-size:9pt;}
.brd_counter strong {color:#333; font-size:10pt; padding:0 2px;}




/* table header */
.adTableHead {background:#f4f4f4; height:50px; overflow:hidden; position:relative; clear:both; }
.adTableHead select,input {float:left; margin-right:5px;}
.adTopLeft {position:absolute; left:15px; top:8px;}
.adTopRight {position:absolute; right:15px; top:8px;}

/* table button*/
.deleteIcon {display:inline-block; background-position:-19px -79px; width:23px; height:20px; vertical-align:-5px;}
.addIcon {display:inline-block; background-position:-38px -79px; width:23px; height:20px; vertical-align:-5px;}
.saveIcon {display:inline-block; background-position:-61px -80px; width:23px; height:20px; vertical-align:-5px;}
.listIcon {display:inline-block; background-position:-81px -80px; width:23px; height:20px; vertical-align:-5px;}

.viewIcon {display:inline-block; background-position:-82px -55px; width:23px; height:20px; text-indent:-999px; overflow:hidden;}

/* table Content */
.boardTable_wrap .tableRightBtn {float:right; padding:0 0 10px 0;}
.boardTable_wrap {clear:both; padding-top:20px;}

/* basic board bottom */
.brd_counter {float:left; font-size:9pt;}
.brd_counter strong {color:#333; font-size:10pt; padding:0 2px;}

/* table page */
.brd_bottom {clear:both; padding:10px 0; width:100%; position:relative; text-align:center; overflow:hidden;}
.brd_bottom strong {display:inline-block; width:34px; line-height:2.0; height:34px; font-size:11pt; border:1px solid #041624; vertical-align:middle; background:#041624; color:#fff;}
.brd_bottom a {font-size:11pt; display:inline-block; line-height:2.0; width:34px; height:34px; vertical-align:middle;  border:1px solid #cccccc;background:#ffffff; color:#797979; cursor:pointer; text-indent:hanging; overflow:hidden;}
.brd_bottom a:hover {background:#041624; color:#fff; cursor:pointer; border:1px solid #041624; }
.brd_bottom a.pagemenu{border:none}

.BasicTable_edit {clear:both; width:100%; border-top:2px solid #333333; padding-bottom:20px;}
.BasicTable_edit tbody th {padding:10px 0;background:#e8e8e8; font-size:13pt; vertical-align:middle;border-bottom:1px solid #d0d0d0;font-weight:600}
.BasicTable_edit tbody td {line-height:1.6; font-size:11pt; padding:5px; vertical-align:middle; border-bottom:1px solid #d0d0d0;}
.BasicTable_edit tbody td label {padding-left:5px; display:inline-block;}
.BasicTable_edit tbody td input {float:none;}

.popTemList {clear:both;}
.popTemList li {float:left; padding-right:5px;}
.popTemList li span, .popTemList li label {display:block; text-align:center; width:62px;}







/* movie page */
.movie_bottom {clear:both; padding:10px 0; width:100%; position:relative; text-align:center; overflow:hidden;}
.movie_bottom strong {display:inline-block; width:34px; line-height:2.0; height:34px; font-size:11pt; border:1px solid #424242; vertical-align:middle; background:#424242; color:#fff;}
.movie_bottom a {font-size:11pt; display:inline-block; line-height:2.0; width:34px; height:34px; vertical-align:middle;  border:1px solid #cccccc;background:#ffffff; color:#797979; cursor:pointer; text-indent:hanging; overflow:hidden;}
.movie_bottom a:hover {background:#041624; color:#fff; cursor:pointer; border:1px solid #041624; }
.movie_bottom a.pagemenu{border:none}


.sphoto_list{overflow:hidden;border-top:3px #0c2639 solid;}
.sphoto_list li{overflow:hidden;padding:15px;border-bottom:1px #d9d9d9 solid;}
.sphoto_list li div.sphoto_img{padding-top:40px;background-color:#d6d6d6;width:15%;text-align:center;float:left;margin-right:20px;}
.sphoto_list li div.sphoto_txt{width:80%;float:left}
.sphoto_list li div.sphoto_txt div.p_title{padding:0px 0px 20px 0;font-size:19pt;font-weight:600;color:#0c2639;line-height:1.4}
.sphoto_list li div.sphoto_txt div.p_title a:link{color:#0c2639}
.sphoto_list li div.sphoto_txt div.p_title a:hover{color:#0c2639;text-decoration:underline}
.sphoto_list li div.sphoto_txt div.p_title a:visited{color:#0c2639}

.sphoto_list li div.sphoto_txt div.p_list ul.sphoto_list_txt li{background:url(../../image/ko/user/arrow2.png)0px 7px no-repeat;font-size:11pt;color:#999999;border-bottom:none;padding:0px 0px 0px 18px;line-height:1.6}

.sphoto_list1{overflow:hidden;border-top:3px #0c2639 solid;}
.sphoto_list1 li{overflow:hidden;padding:15px;border-bottom:1px #d9d9d9 solid;}
.sphoto_list1 li div.sphoto_txt1 div.p_title1{padding:0px 0px 20px 0;font-size:19pt;font-weight:600;color:#0c2639;line-height:1.4}
.sphoto_list1 li div.p_txt1{border-top:1px #d9d9d9 dotted;padding:10px 0px 10px 0;line-height:1.4;font-size:13pt;color:#555555}

.sphoto_list1 li div.sphoto_txt1 div.p_list1 ul.sphoto_list_txt1{padding-bottom:15px}
.sphoto_list1 li div.sphoto_txt1 div.p_list1 ul.sphoto_list_txt1 li{background:url(../../image/ko/user/arrow2.png)0px 7px no-repeat;font-size:11pt;color:#999999;border-bottom:none;padding:0px 0px 10px 18px;line-height:1.6}
.sphoto_list1 li div.sphoto_txt1 div.p_list1 ul.sphoto_list_txt1 li div.graphTilte{float:left;}
.sphoto_list1 li div.sphoto_txt1 div.p_list1 ul.sphoto_list_txt1 li div.graph{width:200px; height:20px;border:1px #19acdb solid;float:left;margin-left:10px;margin-top:2px}
.sphoto_list1 li div.sphoto_txt1 div.p_list1 ul.sphoto_list_txt1 li div.graph div{background-color:#19acdb;color:#ffffff;font-size:9pt;height:100%;width:20%;text-align:center}

.brdIcon {background:url(../../image/brdIcon.png) no-repeat;}

/* reply  */
.board_replyWrap {border-top:2px solid #dbdbdb; border-bottom:3px solid #dbdbdb; clear:both; margin:20px 0;}
.board_replyWrap .reply_write {clear:both; background:#fafafa; display:block; position:relative;}
.replyModify {width:25px; height:19px; display:inline-block; overflow:hidden; text-indent:-9999em; background-position:-150px -3px;}
.replyModify:hover {width:25px; height:19px; display:inline-block; overflow:hidden;  text-indent:-9999em; background-position:-150px -28px;}
.replyDelete {width:19px; height:19px; display:inline-block; overflow:hidden; text-indent:-9999em; background-position:-128px -3px;}
.replyDelete:hover {width:19px; height:19px; display:inline-block; overflow:hidden; text-indent:-9999em; background-position:-128px -3px;}

.reply_starWrap {padding:10px 0; clear:both; overflow:hidden;}
.reply_starWrap .reply_starList {float:left; padding:0 0 0 10px;}
.reply_starWrap .reply_starList li {float:left; padding-right:5px;}
.board_replyWrap .star5 {background:url(../../image/en/user/star5.png) no-repeat; width:70px; height:13px; text-indent:-999em; display:inline-block; overflow:hidden; vertical-align:-2px; margin-left:6px;}
.board_replyWrap .star4 {background:url(../../image/en/user/star4.png) no-repeat; width:70px; height:13px; text-indent:-999em; display:inline-block; overflow:hidden; vertical-align:-2px; margin-left:6px;}
.board_replyWrap .star3 {background:url(../../image/en/user/star3.png) no-repeat; width:70px; height:13px; text-indent:-999em; display:inline-block; overflow:hidden; vertical-align:-2px; margin-left:6px;}
.board_replyWrap .star2 {background:url(../../image/en/user/star2.png) no-repeat; width:70px; height:13px; text-indent:-999em; display:inline-block; overflow:hidden; vertical-align:-2px; margin-left:6px;}
.board_replyWrap .star1 {background:url(../../image/en/user/star1.png) no-repeat; width:70px; height:13px; text-indent:-999em; display:inline-block; overflow:hidden; vertical-align:-2px; margin-left:6px;}
 
.reply_form {clear:both; padding:5px 0 15px 20px;}
.reply_list { clear:both; overflow:hidden;}
.replyVeiw {border-top:1px solid #dbdbdb;}
.replyVeiw_list {}
.replyVeiw_list li {border-bottom:2px dotted #dfdfdf; font-size:10pt; color:#333333; padding:10px 5px; clear:both; overflow:hidden;}
.replyInfo {float:right; font-size:9pt; color:#969696; font-family:Verdana, Geneva, sans-serif;}
.replyText {float:left;}
.replyMore a {background:#efefef; border-top:1px solid #dbdbdb; display:block; padding:5px; text-align:center; font-size:10pt; color:#333333;}
.replyMore a:hover {font-weight:bold; background:#e6e6e6;}
.replyMore a strong {font-weight:bold; color:#ff0000;}
.replyMore a .MoreIcon {display:inline-block; width:15px; height:15px; background-position:-153px -53px;}