@charset "UTF-8";
@import url("reset.css");
@import url("board.css");
body {margin:0px; padding:0px;}

table {border-collapse:collapse;}

/* 배송주소 */
.popFrame {width:100%;}
.popFrame .popHeader {border:2px solid #3e3e3e; padding:0 0 9px 0; border-bottom:0px; background:url('/Images/Popup/bg_popTop.gif') repeat-x left top;}
.popFrame h1 {width:auto; height:15px; color:#FFFFFF; font-size:1.2em; font-weight:bold; margin:0px; padding:7px 0 0 24px; background:url('/Images/Common/Bul/bl_popup.gif') no-repeat 10px 7px;}
.popFrame .popCon {border:2px solid #7c7c7c; border-top:0px; margin:0; background:#FFFFFF url('/Images/Popup/bg_popCon.gif') repeat-x left top;}
.popFrame .popCon div {padding:14px 20px 20px 21px;}
.popFrame .popCon div p {font-size:0.9em; padding:0 0 0 26px; background:url('/Images/Common/Bul/bl_arrow_white.gif') no-repeat 4px top;}
.popFrame .popCon div table {margin:10px 0 0 0; background:url('/Images/Popup/bg_th_delivery.gif') no-repeat right top;}
.popFrame .popCon div table th {text-align:center; padding:8px 0 9px 0; background:none;}
.popFrame .popCon div table th.first {background:url('/Images/Popup/bg_th_delivery2.gif') no-repeat left top;}
.popFrame .popCon div table td {text-align:center; padding:6px 0 5px 0; border-bottom:1px solid #e4e4e4;}
.popFrame .popCon div table tbody tr {background:#FFFFFF;}
.popFrame .popCon div table tbody tr.current {background:#f7f7f7 ! important;}
.popFrame .popCon div table td.tdleft {text-align:left; padding:6px 0 5px 10px;}
.popFrame .popCon div table td p {width:auto; text-align:left; padding:0 0 0 16px; background:url('/Images/Common/Icon/num1.gif') no-repeat left 2px;}
.popFrame .popCon div table td p.phone {background:url('/Images/Common/Icon/num2.gif') no-repeat left 2px;}
.popFrame .close {position:absolute; top:8px; right:12px;}

.popFrame .popCon div .paging {width:100%; padding:0; margin:15px 0 0 0;}

.btnCen {width:100%; text-align:center; position:static; padding:20px 0 0 0;}


/* 테이블 타입 01 */
.popBoard {padding:0px; margin:8px 0 0 0;}
.popBoard th {color:#848484; font-weight:normal; font-size:0.9em; text-align:center; letter-spacing:-0.1em; padding:10px 15px 7px 15px; vertical-align:top;border-top:1px solid #d9d9d9; border-bottom:1px solid #dadada; background:#f9f9f9;}
.popBoard td {font-size:1.0em; text-align:center; line-height:18px; padding:7px 0 6px 0; border-bottom:1px solid #dfdcdc; border-left:1px solid #dfdcdc;}
.popBoard td div {margin:5px 0 0 0;}
.popBoard td p {margin:3px 0 0 0;}
.popBoard td span {margin:0 0 0 10px;}
.popBoard td a:hover {color:#1b72af;}
.popBoard td.tdleft {text-align:left; padding:7px 0 6px 10px;}
.popBoard td.first {border-left:0px; text-align:left; padding:7px 0 6px 10px;}
.popBoard td.noLine {border-left:0px;}
.popBoard ul li {width:116px; float:left; margin:5px 0 0 0;}


/* 테이블 리스트 타입 02 */
.popBoardList {width:auto; padding:0px; margin:8px 0 0 0;border-top:1px solid #d9d9d9;}
.popBoardList th {color:#848484; font-weight:normal; font-size:0.9em; text-align:center; letter-spacing:-0.1em; padding:8px 15px 6px 15px; vertical-align:top; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#f7f7f7; text-align:center;}
.popBoardList td {font-size:1.0em; text-align:left; padding:7px 0 6px 20px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:none; text-align:center;}
.popBoardList td strong {color:#f96f00;}
.popBoardList .first {border-left:0px;}

/* 테이블 타입 03 */
.popTitle {width:auto; padding:0px; margin:8px 0 20px 0;}
.popTitle td {background:url('/Images/Popup/popTitle_center.gif') repeat-x left 0px;font-size:1.0em; color:#ffffff; text-align:left;padding:3px 15px 2px 12px; height:32px;}
.popTitle td a, a:hover {color:#c4ff5e;}
.popTitle td span {color:#c4ff5e;}
.popTitle td.first {background:url('/Images/Popup/popTitle_left.gif') no-repeat left 0px; text-align:left; padding:3px 0 2px 2px;}
.popTitle td.last  {background:url('/Images/Popup/popTitle_right.gif') no-repeat left 0px; text-align:right; padding:3px 16px 2px 10px;}

.btnAling { width:100%; margin:0 auto; text-align:center;padding:15px 0  20px 0;}
.brightGreen { color:#c4ff5e;}
#delivery {width:665px;}

/*==================================  button & link  ==============================*/

/* -- Button Reset -- */
span.button,
span.button a,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; text-decoration:none; border:0;font:normal 12px Dotum; white-space:nowrap; background:url('/Images/Popup/buttonWhite.gif') no-repeat; vertical-align:middle; overflow:visible;}
span.button { height:23px;; padding:0; margin-right:2px; background-position:left top; overflow:visible;}
span.button a,
span.button button,
span.button input{ left:2px;}
span.button.large { height:30px;; background-position:left -30px;margin-top:3px; }
span.button.small { height:20px;; background-position:left -65px; vertical-align:top;margin-top:3px;}

/* Anchor */
span.button a 		{ padding:5px 10px 5px 8px; color:#000;font:normal 12px Dotum; background-position:right top; font-weight:bold;}
span.button.large a { padding:8px 10px 6px 8px;font:normal 14px Dotum; background-position:right -30px;font-weight:bold;}
span.button.small a { padding:4px 6px 3px 4px;font:normal 11px Dotum; background-position:right -65px;}

/* Button & Input */
span.button button,
span.button input {height:23px;; padding:5px 10px 5px 8px; line-height:23px; background-position:right; cursor:pointer;}
span.button.large button,
span.button.large input {height:30px;; padding:8px 10px 6px 8px;font:normal 14px Dotum; background-position:right -30px;margin-top:3px;}
span.button.small button,
span.button.small input {height:20px;; padding:4px 6px 3px 4px;font:normal 11px Dotum; background-position:right -65px;margin-top:3px;}

/* Color */
span.button.blue,
span.button.blue a,
span.button.blue button,
span.button.blue input { background-image:url('/Images/Popup/buttonBlue.gif'); color:#A5DFFF;}


/* Color orange */
span.button.orange,
span.button.orange a,
span.button.orange button,
span.button.orange input { background-image:url('/Images/Popup/buttonRed.gif'); color:#ffe6d5;}


/* Color green */
span.button.green,
span.button.green a,
span.button.green button,
span.button.green input { background-image:url('/Images/Popup/buttonGreen.gif'); color:#f0f8df; }

/* Color black */
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input { background-image:url('/Images/Popup/buttonBlack.gif'); color:#e2e3e1;}

/* Color purple */
span.button.purple,
span.button.purple a,
span.button.purple button,
span.button.purple input { background-image:url('/Images/Popup/buttonPurple.gif'); color:#edebff;}

/* button link */
span.button.blue a:hover {text-decoration:none; color:#fff;}
span.button.orange a:hover {text-decoration:none; color:#fff;}
span.button.green a:hover {text-decoration:none; color:#fff;}
span.button.black a:hover {text-decoration:none; color:#fff;}
span.button.purple a:hover {text-decoration:none; color:#fff;}


/** txt link ***/
a		{text-decoration:none; color:#333333; }
a:hover {text-decoration:none; color:#388FC8; }

/* 자녀회원 가입동의 
.popFrame .popAgree {width:700px; margin:0; padding: 10px 10px 30px 10px; background:none;}
.popAgree div {width:649px; padding:27px 0 0 8px; margin:0px; background:none;}
.popAgree div p {padding:0 0 0 9px; background:url('/Images/Common/Bul/bl_blue.gif') no-repeat left 5px;}
.popAgree div h5 {margin:30px 0 0 0;}
.popAgree div div {width:633px; padding:13px 0 13px 16px; margin:8px 0 0 0; background:#eef7ea;}
.popAgree div div p {padding:0px; background:none;} 
.popAgree div div ul {width:612px; height:220px; padding:0 10px 0 0; overflow-y:scroll; overflow-x:hidden;}
.popAgree div .agree2 {text-align:center; padding:0px; margin:12px 0 0 0; background:#FFFFFF none;}
.popAgree div .board01 {width:100%; margin:20px 0 0 0;}
.popAgree div .popBtn {text-align:center; padding:0px; margin:12px 0 0 0; background:#FFFFFF none;}*/

/* 단과과정 상세보기 */
.popDetail .short_detail {width:708px; padding:10px;}

.short_detail .short_course {width:700px; margin:0;}
.short_detail .short_course h6 {color:#565656; font-weight:bold; margin:40px 0 0 0; padding:0 0 0 16px; background:url('/Images/Common/Bul/bl_h5.gif') no-repeat left 2px;}
.short_detail .short_course h6.etc {color:#3762af; font-weight:bold; margin:30px 0 0 0; padding:0 0 0 16px; background:url('/Images/Common/Bul/bl_h6.gif') no-repeat 7px 4px;}
.short_course .teaching_list {width:700px; overflow:hidden; clear:both; margin:10px 0 0 0; padding:0px; border-top:1px solid #e8e8e8;}
.short_course .course_guide {width:700px; padding:18px 0 0 0; margin:10px 0 0 0; background:url('/Images/Common/bg_course_guide1.gif') no-repeat 8px top;}

.short_course .cus_tab {width:700px; overflow:hidden; margin:40px 0 25px 0; padding:0px; background:url('/Images/Common/bg_tab.gif') no-repeat left top;}
.short_course h5 {margin:20px 0 8px 0;}

.popDetail .rbtn {margin:10px 0 0 0; text-align:right;}

/* 영수증 */
.popFrame .popCon2 {border:2px solid #7c7c7c; overflow:hidden; border-top:0px; margin:0; padding:0 0 20px 0; background:#FFFFFF url('/Images/Popup/bg_popCon.gif') repeat-x left top;}
.popCon2 .receipt {color:#000000;  font-size:0.9em; padding:35px 25px 0 25px;}
.receipt .receiptBody {width:672px; height:456px; position:relative; padding:0px; margin:0; background:url('/Images/Popup/bg_receipt.gif') no-repeat left top;}
.receiptBody h2 { visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em;}
.receipt .supplier {width:254px; position:absolute; left:83px; top:65px;}
.receipt div table {width:100%; color:#000000; margin:2px 0 0 0; padding:0px; border:none;}
.receipt div table th {font-size:0; line-height:0; text-indent:-3000em;}
.receipt div table td {height:36px; text-align:center; letter-spacing:-0.1em; margin:0px; padding:0px; border:none;}
.receipt div table td.tdleft {text-align:left; padding:0 0 0 5px;}

.receipt .bookNum {width:127px; color:#000000; position:absolute; right:0px; top:12px;}
.receipt .bookNum table th {width:0px; font-size:0; line-height:0; text-indent:-3000em;}
.receipt .bookNum table td {height:27px; text-align:center; letter-spacing:-0.1em; margin:0px; padding:0px; border:none;}
.receipt .bookNum table td.tdright {text-align:right; padding:0 20px 0 0;}

.receipt .consumer {width:254px; color:#000000; position:absolute; right:0px; top:65px;}

.receipt .money {width:672px; position:absolute; left:0px ! important; top:203px;}
.receipt .money table th {height:18px}
.receipt .money table td {height:25px; text-align:center; letter-spacing:-0.1em; margin:0px; padding:0px; border:none;}

.receipt .money table td.note02 {height:43px; text-align:left; vertical-align:top; padding:0 0 0 5px;}

.receipt .product {width:672px; position :absolute; left:0px; top:270px;}
.receipt .product table th {height:19px; font-size:0; line-height:0; text-indent:-3000em;}
.receipt .product table td {height:26px; text-align:center; letter-spacing:-0.1em; margin:0px; padding:0px; border:none;}
.receipt .product table td.unit {text-align:right; padding:0 5px 0 0;}

.receipt .sum {width:525px; position :absolute; left:0px; bottom:18px;}
.receipt .sum table th {height:19px; font-size:0; line-height:0; text-indent:-3000em;}
.receipt .sum table td {height:24px; text-align:right; letter-spacing:-0.1em; margin:0px; padding:0 5px 0 0; border:none;}

.receipt .check01 {position:absolute; top:35px; left:334px;}
.receipt .check02 {position:absolute; bottom:21px; right:24px;}


/* 발행쿠폰 */
.popCon2 .coupon02 {width:413px; padding:23px 0 0 47px; margin:0;}
.coupon02 p {margin:0 0 9px 0;}
.coupon02 div {width:252px; height:165px; position:relative; padding:26px 0 0 138px; margin:0; background:url('/Images/Popup/bg_coupon.gif') no-repeat left top;}
.coupon02 div p {font-size:0.9em; margin:0 0 10px 0; padding:0px; background:none;}
.coupon02 div div {width:198px; height:29px; text-align:center; padding:15px 0 0 0; background:url('/Images/Popup/bg_saleBtn.gif') no-repeat left top;}
.coupon02 div div strong {color:#f7f400;}
.popCon2 .couponTxt {font-size:0.9em; word-spacing:-0.2em; margin:10px 0 0 0; padding:0 0 0 56px; background:url('/Images/Common/Bul/bl_txt.gif') no-repeat 47px 5px;}
.popCon2 .couponTxt span {color:#f96f00;}


/* 이메일무단수집거부 */
.popup_refuse {float:left;width:405px;background:#e7e7e7 url('/Images/Popup/refuse_bg.gif') no-repeat left top;padding:0 25px;}
.popup_refuse h1 {float:left;width:400px;height:60px;text-align:right;padding:0 5px 0 0;}
.popup_refuse .content_area {background:#c30303;float:left;width:385px;height:175px;padding:10px;}
.popup_refuse .content_area h2{float:left;width:385px;height:35px;text-align:center;}
.popup_refuse .content_area .content{background:#fff;float:left;width:365px;padding:10px 10px;}
.popup_refuse .content_area .content p.img{float:left;width:120px;}
.popup_refuse .content_area .content p.txt1{float:right;width:225px;height:120px;line-height:17px;background:url('/Images/Popup/refuse_line.gif') repeat-y left top;padding:0 0 0 10px;}
.popup_refuse .content_area .content p.txt1 em.blue{color:#0397a9;font-style:normal;}
.popup_refuse .content_area .content p.txt1 em.red{color:#c30303;font-style:normal;}
.popup_refuse .content_area .content p.txt1 span{float:left;width:225px;text-align:right;padding:10px 0;}
.popup_refuse .btn {float:left;width:425px;height:45px;text-align:center;padding:20px 30px 0 0;}


/* 적립금 사용 */
.bg_cash {background:url(/Images/Popup/bg_cash.jpg) no-repeat; width:331px; height:153px; padding:25px 0 0 46px; margin:5px 0 0 5px }
.bg_cash .info {float:left; }
.bg_cash .name {font-weight:bold; color:#3d69b4;   }
.bg_cash .info_02 {padding:40px 0 0 0} 
.bg_cash .info_02 ul li {background:url(/Images/Popup/icon_cash.jpg) no-repeat 0 4px; padding:0 0 5px 9px; line-height:16px; } 
.bg_cash .info_02 ul li.plus {background:url(/Images/Popup/icon_cash.jpg) no-repeat 0 5px; padding:0 0 5px 9px; line-height:16px; }
.bg_cash .info_02 ul li.plus .intxt03 {width:65px; height:10px; border:1px solid #bebebe; vertical-align:middle; clear:both; margin:2px 0 0 0 }
.bg_cash .cash_btn {float:left; padding:2px 0 0 85px  }