/************* contents *************/
/* introduction */
.introduction {position:relative; width:100%; margin:30px 0 0 0; overflow:hidden;}
.introduction h3 {margin:10px 0 13px 0; font-size:50px; color:#c1272c; font-weight:600; line-height:1.2; letter-spacing:-0.8px;}
.introduction .introductionTit {font-size:25px; color:#333; line-height:1.2;}
.introduction .introductionConf {margin:64px 0 0 0; font-size:13px; color:#666; line-height:1.8;}
.introduction .introductionConf .span01 {font-size:20px; color:#333; font-weight:600;}
.introduction .introductionConf .span02 {font-size:13px; color:#333; font-weight:600;}
.introduction .introductionConf .span03 {font-size:13px; color:#666; font-weight:600;}
.introduction .introductionImg {position:absolute; right:0; top:5px;}
.introduction .introductionImg2 {position:absolute; right:0; top:30px;}
.introduction .btn {margin:25px 0 0 0;}



/* study */
.study {width:100%; background:url('../images/bg/bg_study_mid.gif') left top repeat-y; overflow:hidden;}
.study .explan {width:100%; padding:72px 0 0 0; background:url('../images/bg/bg_study_head.gif') left top no-repeat; overflow:hidden;}
.study .explan ul {width:896px; margin:0 auto;}
.study .explan ul li {font-size:13px; color:#666; font-weight:600; line-height:1.4; padding:8px 0 10px 18px; background:url('../images/bg/bg_study_line.gif') left bottom no-repeat;}
.study .explan ul li span {font-size:13px; color:#c1272c; font-weight:600;}

.tabLevel {width:100%; margin:20px auto 0; background:url('../images/bg/bg_tablevel_line.gif') left top repeat; overflow:hidden;}
.tabLevel ul li {float:left; margin:10px 4px 3px 0;}
.tabLevel ul li a {display:block; width:110px; height:40px; line-height:42px; font-size:15px; color:#a7a6a6; text-align:center;  background:url('../images/bg/bg_tablevel_off.gif') left top no-repeat;}
.tabLevel ul li a.on {color:#fff; background:url('../images/bg/bg_tablevel_on.gif') left top no-repeat;}
.tabLevel.ty ul li a {width:130px; height:40px; background:url('../images/bg/bg_tablevel02_off.gif') left top no-repeat;}
.tabLevel.ty ul li a.on {background:url('../images/bg/bg_tablevel02_on.gif') left top no-repeat;}

.study .tabTitle {font-size:30px; color:#75511d; font-weight:600; line-height:1.2; padding:40px 0; text-align:center;}
.study .studySearch {width:860px; height:70px; margin:0 auto 17px; background:url('../images/bg/bg_study_search.gif') left top no-repeat; overflow:hidden;}
.study .studySearch ul {width:100%; margin:19px 0 0 0; overflow:hidden;}
.study .studySearch ul li {float:left; line-height:30px; margin:0 5px 0 0;}
.study .studySearch ul li.txt {width:198px; font-size:15px; color:#333; padding:0 0 0 30px;}
.study .studySearch ul li .sinput {width:514px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px;}

.studyfooter {width:100%; height:41px; background:url('../images/bg/bg_study_footer.gif') left top no-repeat; overflow:hidden;}

/* home work */
.homework {width:100%; overflow:hidden;}
.homework .tabLevel {margin:0 0 32px 0;}





/* quiz */
.quiz {width:100%; overflow:hidden;}
.quiz .quizHead {width:100%; margin:35px 0 0 0;}
.quiz .quizHead .tit {font-size:23px; color:#000; font-weight:600; text-align:center; letter-spacing:-1px; padding:0 0 8px 0;}
.quiz .quizHead .tit span {font-size:23px; color:#75511e; font-weight:600; letter-spacing:-1px;}
.quiz .quizHead .txt {font-size:16px; color:#666; font-weight:600; text-align:center; letter-spacing:-1px;}
.quiz .quizHead .img {text-align:center; padding:20px 0 0 0;}
.quiz .btn {padding:60px 0 0 0; text-align:center;}
.quiz .solve {width:705px; margin:15px auto 0; overflow:hidden;}
.quiz .solve .up {height:40px; padding:24px 0 0 30px; font-size:13px; color:#fff; font-weight:600; background:url('../images/bg/bg_solve_up.gif') left top no-repeat;}
.quiz .solve .mid {position:relative; width:100%; background:url('../images/bg/bg_solve_mid.gif') left top repeat-y;}
.quiz .solve .mid:after {content:""; display:block; clear:both;}
.quiz .solve .mid .qbox {float:left; width:456px; padding:18px 30px;}
.quiz .solve .mid .qbox .q {font-size:13px; color:#333; font-weight:600; line-height:1.6;}
.quiz .solve .mid .qbox .a {margin:16px 0 0 0;} 
.quiz .solve .mid .qbox .a ul li {padding:10px 0;}
.quiz .solve .mid .qbox .a ul li input {vertical-align:middle;}
.quiz .solve .mid .qbox .a ul li label {font-size:13px; color:#333; padding:3px 0 0 5px; line-height:1.2;}
.quiz .solve .mid .sbox {float:left; width:160px; padding:0 0 0 10px; overflow:hidden;}
.quiz .solve .mid .sbox .txt {font-size:13px; color:#333; font-weight:600; padding:40px 0 10px 0; text-align:center;}
.quiz .solve .mid .sbox .count {text-align:center;}
.quiz .solve .mid .start {position:absolute; right:10px; bottom:-3px;}
.quiz .solve .down {width:100%; height:14px; background:url('../images/bg/bg_solve_down.gif') left top no-repeat;}
.quizDiv {width:706px; margin:75px auto 0; border-top:2px #75511e solid; border-bottom:2px #aeaeae solid; overflow:hidden;}




/* reply */
.replyWrap {width:100%; margin:120px 0 0 0; overflow:hidden;}
.replyBox {width:920px; margin:0 auto 10px; overflow:hidden;}
.replyBox .rBase {position:relative; width:100%; background:#f5f5f5;}
.replyBox .rDown {position:absolute; left:0; bottom:0; width:100%; height:8px; background:url('../images/bg/bg_reply_down.gif') left top no-repeat;}
.replyBox .rContents {width:100%; padding:0 0 8px 0; background:url('../images/bg/bg_reply_up.gif') left top no-repeat;}
.replyBox .rContents ul {width:100%; padding:20px 0 0 0; overflow:hidden;}
.replyBox .rContents ul li {float:left; font-size:13px; color:#999; padding:0 0 0 23px; margin:0 0 0 22px; background:url('../images/bg/bg_reply_line.gif') left 2px no-repeat;}
.replyBox .rContents ul li.name {font-size:13px; color:#75511f; font-weight:600; padding:0 0 0 40px; margin:0; background:url('../images/bg/bg_reply_arrow.gif') 20px top no-repeat;}
.replyBox .rContents p {font-size:13px; color:#333; line-height:1.4; margin:12px 0 8px 40px;}
.replyBox .rContents .writeBox {position:relative; width:900px; padding:10px 0 40px 20px; overflow:hidden;}
.replyBox .rContents .writeBox textarea {width:857px; height:34px; font-size:13px; color:#333; line-height:1.3; border:1px #dedede solid; padding:5px 10px;}
.replyBox .rContents .writeBox .btn {position:absolute; right:20px; bottom:5px;}

.replyWrap.admin {margin:90px 0 0 0; border-bottom:2px #aeaeae solid;}
.replyWrap.admin .replyBox {margin:0 auto 20px;}
.replyBox .rAdmin {width:100%; padding:0 0 8px 0; background:url('../images/bg/bg_reply_up.gif') left top no-repeat;}
.replyBox .rAdmin ul {width:100%; padding:20px 0 0 0; background:url('../images/ico/ico_a.gif') 16px 14px no-repeat;}
.replyBox .rAdmin ul:after {content:""; display:block; clear:both;}
.replyBox .rAdmin ul li {float:left; font-size:13px; color:#999; padding:0 0 0 23px; margin:0 0 12px 22px; background:url('../images/bg/bg_reply_line.gif') left 2px no-repeat;}
.replyBox .rAdmin ul li.name {font-size:13px; color:#75511f; font-weight:600; padding:0 0 0 50px; margin:0; background:url(none);}
.replyBox .rAdmin p {font-size:13px; color:#333; line-height:1.4; margin:0 0 8px 50px;}




/* reference */
.reference {width:100%; margin:30px 0 0 0; overflow:hidden;}
.reference .referenceHead {position:relative; width:100%; height:304px; background:url('../images/bg/bg_reference_up.gif') left top no-repeat; overflow:hidden;}
.reference .referenceHead .tit {position:absolute; left:90px; top:90px; font-size:30px; color:#fff; line-height:1.2; letter-spacing:-1px;}
.reference .referenceHead .tit span {display:block; font-size:35px; color:#fff; font-weight:600; line-height:1.2; letter-spacing:-1px;}
.reference .referenceHead .btn {position:absolute; left:90px; top:190px;}
.reference .referenceConf {width:100%; padding:20px 0 0 0; background:url('../images/bg/bg_reference_mid.gif') left top repeat-y;}
.reference .referenceConf p {font-size:15px; color:#fff; line-height:2; padding:0 0 24px 0; margin:0 90px; word-break:break-all; word-break:keep-all;}
.reference .referenceConf p strong {font-size:15px; color:#fff; line-height:2;}
.reference .referenceFooter {width:100%; height:97px; background:url('../images/bg/bg_reference_down.gif') left top repeat-y;}




/* english */
.english {width:100%; height:1522px; margin:30px 0 0 0; background:url('../images/bg/bg_english.gif') left top no-repeat; overflow:hidden;}
.english ul {width:100%; margin:28px 0 0 0; overflow:hidden;}
.english ul li {position:relative; float:left; width:480px; height:370px;}
.english ul li p {letter-spacing:-0.8px;}
.english ul li .tit {font-size:30px; color:#000; font-weight:600; line-height:1.2; padding:36px 0 8px 0;}
.english ul li .terms {font-size:14px; color:#ab7932; font-weight:600; line-height:1.2; padding:0 0 25px 0;}
.english ul li .txt {font-size:13px; color:#666; line-height:1.6;}
.english ul li .txt strong {font-size:13px; color:#555; line-height:1.6; font-weight:600;}

.english ul li.l {width:382px; padding:0 30px 0 68px;}
.english ul li.r {width:382px; padding:0 68px 0 30px;}
.english ul li.l .btn {position:absolute; left:66px; top:287px;}
.english ul li.r .btn {position:absolute; left:28px; top:287px;}

.english ul li.f {height:348px;}
.english ul li.f .btn {top:266px;}




/* point */
.point {width:100%; margin:30px 0 0 0; overflow:hidden;}
.point h3 {font-size:30px; color:#75511e; font-weight:600; padding:95px 0 20px 0;}
.point ul.alert {width:100%; margin:0 0 20px 0; overflow:hidden;}
.point ul.alert li {font-size:13px; color:#666; line-height:1.2; padding:3px 0 3px 10px; background:url('../images/bg/bg_point_dot.gif') left 10px no-repeat;}

.pointDiv {width:100%; border-top:2px #75511e solid; border-bottom:1px #aeaeae solid; overflow:hidden;}
.pointTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.pointTable th {border-bottom:1px #adadad solid; border-left:1px #eaeaea solid; color:#000; text-align:center; padding:8px 0 7px 0; font-size:13px; font-weight:600; vertical-align:top; background:#f9f9f9;}
.pointTable th.f {border-left:0;}
.pointTable td {border-bottom:1px #eaeaea solid; border-left:1px #eaeaea solid; color:#333; text-align:center; padding:8px 0 7px 0; font-size:13px; line-height:1.2; vertical-align:middle;}
.pointTable td.f {border-left:0;}
.pointTable td.b {border-bottom:1px #adadad solid;}

.cumulative {width:100%; overflow:hidden;}
.cumulative ul li {position:relative; float:left; width:210px; height:310px;list-style:none;}
.cumulative ul li p {position:absolute; left:0; bottom:38px; width:100%; text-align:center; font-size:15px; color:#454239; font-weight:600;}
.cumulative ul li p span {font-size:15px; color:#c1272c; line-height:1.4;}
.cumulative ul li p strong {display:block; font-size:17px; color:#454239; font-weight:600; line-height:1.4;}




/* espace */
.espace {position:relative; width:100%; margin:30px 0 0 0; overflow:hidden;}
.espace h3 {font-size:30px; color:#000; font-weight:600; line-height:1.2; letter-spacing:-0.5px;}
.espace h3 span {font-size:30px; color:#c1272c; line-height:1.2; letter-spacing:-0.5px;}
.espace h3 u {display:block; font-size:15px; color:#666; font-weight:normal; line-height:1.1; text-decoration:none; padding:4px 0 45px 0;}
.espace h4 {font-size:20px; color:#75511e; padding:4px 0 0 0;}
.espace .tele {position:absolute; right:0; top:80px;}
.espace .intro01 {width:100%; padding:0 0 80px 0; background:url('../images/bg/bg_intro01.gif') left bottom repeat-x; overflow:hidden;}
.espace .intro02 {width:100%; margin:60px 0 0 0; overflow:hidden;}
.espace .intro03 {width:100%; margin:60px 0 0 0; overflow:hidden;}
.espace .introConf {font-size:15px; color:#666; line-height:1.3; padding:20px 0 0 0;}
.espace .introList ul {float:left; margin:20px 0 0 10px; }
.espace .introList ul li {background: url('../images/bg/bg_espace_dot.gif') left 9px no-repeat ; line-height:20px; padding:0 0 0 10px;}
.espace .introList span {background-color:#f8eac7; padding:1px;}
.espace .introBox {margin:20px 0 0 0; width:100%; overflow:hidden; }
.espace .introBox .box01 {float:left; width:142px; padding:0 60px 0 0;}
.espace .introBox .box02 {float:left; width:142px;}
.espace .boxImg {margin:0 0 22px 0;}
.espace .boxConf {margin:17px 0 0 0; padding:7px 0 0 0; line-height:20px; background: url('../images/bg/bg_espace_box_dot.gif') left top no-repeat;}
.espace .introImg {position:absolute; right:0; top:40px;}

.espace .join {width:100%; margin:33px 0 0 0; background:url('../images/bg/bg_espace_join.gif') left top no-repeat; overflow:hidden;}
.espace .join ul {margin:0 -94px 0 0;}
.espace .join ul li {float:left; padding:0 94px 0 0;}
.espace .join ul li .img {text-align:center; padding:0 0 12px 0;}
.espace .join ul li a {display:block; width:80px; margin:0 auto;}




/* partnership */
.partnershipImg {position:absolute; right:0; top:226px;}
.partnershipList {margin:40px 0 0 0; }
.partnershipList ul li {font-size:20px; color:#333; line-height:50px;}
.partnershipList ul li span {font-size:30px; color:#75511e; font-weight:600; padding:0 10px 0 0;}




/* faq */
.faqList {width:100%; border-top:2px #75511d solid; border-bottom:2px #aeaead solid; overflow:hidden;}
.faqList ul li{position:relative; width:100%; overflow:hidden;}
.faqList ul li .question{width:100%; padding:14px 0; line-height:1.2; border-bottom:1px #eaeaea solid; overflow:hidden;}
.faqList ul li .question .blet{position:absolute; left:10px; top:8px; width:25px; height:25px; line-height:25px; font-size:14px; font-weight:600; color:#fff; text-align:center; background:url('../images/bg/bg_faq_num.png') left top no-repeat;}
.faqList ul li .question .title{font-size:14px; font-weight:600; color:#333; margin:0 0 0 50px;}
.faqList ul li.hover .question{background:#f9f9f9; border-bottom:0;}
/* answer */
.faqanswer{display:none; width:100%; background:#f9f9f9; overflow:hidden; clear:both;}
.faqanswer .faqbox{position:relative; border-bottom:1px #eaeaea solid;}
.faqanswer .faqbox:after {content:""; display:block; clear:both;}
.faqanswer .faqbox .text{font-size:13px; color:#333; line-height:2; padding:14px 0; margin:0 50px; background:url('../images/bg/bg_faq_line.gif') left top repeat-x;}



/* sitemap */
.sitemap {width:100%; margin:40px 0 0 0; overflow:hidden;}
.sitemap .listWrap {margin:0 -40px 0 0;}
.sitemap .listWrap .list {float:left; width:210px; margin:0 40px 40px 0; background:url('../images/bg/bg_sitemap_h3.gif') left top no-repeat;}
.sitemap .listWrap .list h3 {height:45px; line-height:45px; font-size:20px; color:#fff; font-weight:600; text-align:center;}
.sitemap .listWrap .list ul {width:100%; background:url('../images/bg/bg_sitemap_line.gif') left top repeat-y; overflow:hidden;}
.sitemap .listWrap .list ul li {padding:0 9px;}
.sitemap .listWrap .list ul li a {display:block; width:100%; height:40px; font-size:16px; color:#666; text-align:center; line-height:40px; border-bottom:1px #ccc solid;}
.sitemap .listWrap .list ul li.last {background:url('../images/bg/bg_sitemap_last_line.gif') left bottom no-repeat;}
.sitemap .listWrap .list ul li.last a {border-bottom:0;}



/* pop login */
.pop {width:500px; background:#fff; overflow:hidden;}
.pop .phead {width:100%; height:45px; background:#c1272d; overflow:hidden;}
.pop .ploginBox {width:440px; height:180px; margin:20px 0 0 30px; background:url('../images/pop/pop_login_body.gif') left top no-repeat; overflow:hidden;}
.pop .ploginBox .ment {font-size:18px; color:#333; font-weight:600; padding:30px 0 30px 114px;}
.pop .ploginBox .plogin {position:relative; width:100%;}
.pop .ploginBox .plogin ul li {padding:0 0 4px 0;}
.pop .ploginBox .plogin ul li label {display:inline-block; width:70px; font-size:15px; color:#333; font-weight:600; line-height:30px; padding:0 0 0 30px;}
.pop .ploginBox .plogin ul li input {width:188px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px;}
.pop .ploginBox .plogin .btn {position:absolute; right:30px; top:0; }
.pop .ploginBox .plogin .idSave {position:absolute; left:96px; top:70px;}
.pop .ploginBox .plogin .idSave input {vertical-align:middle;}
.pop .ploginBox .plogin .idSave label {color:#666; line-height:16px;}
.pop .ploginBox.teacher {margin:42px 0 0 30px; padding:0 0 42px 0;}
.pop .ploginBox.teacher .ment {padding:30px 0 40px 114px;}
.pop .pjoin {position:relative; margin:15px 30px 30px 30px; background:url('../images/pop/bg_pjoin_line.gif') left 10px repeat-x;}
.pop .pjoin span {font-size:13px; color:#666; line-height:20px; background:#fff; padding:0 5px 0 0;}
.pop .pjoin .jbtn {position:absolute; right:0; top:0; background:#fff;}
.pop .pjoin .jbtn ul li {float:left; padding:0 0 0 5px;}
/* pop children */
.pop .mpop {padding:48px 50px;}
.pop .mpop .tit {font-size:18px; color:#333; font-weight:600; line-height:1.2;}
.pop .mpop .tit span {font-size:18px; color:#c1272c; font-weight:600; line-height:1.2;}
.pop .mpop .childForm {width:100%; margin:28px 0 0 0; overflow:hidden;}
.pop .mpop .childForm ul li label {display:block; font-size:13px; color:#333; font-weight:600; padding:20px 0 10px 0;}
.pop .mpop .childForm ul li span {padding:0 0 0 6px;}
.pop .mpop .childForm .result {width:400px; height:70px; margin:30px 0 0 0; background:url('../images/bg/bg_child_form_result.gif') left top no-repeat; overflow:hidden;}
.pop .mpop .childForm .result p {font-size:18px; color:#333; font-weight:600; padding:27px 0 0 18px;}
.pop .mpop .childForm .result p span {font-size:18px; color:#c1272c; font-weight:600;}
/* pop id check */
.pop .mpop .txtArea {width:100%; height:90px; font-size:18px; color:#333; font-weight:600; line-height:1.4;}
.pop .mpop .txtArea span {font-size:18px; color:#c1272c; font-weight:600; line-height:1.4;}
.pop .mpop .txtArea .use {padding:10px 0 0 0;}
.pop .mpop .idsearch {width:100%; overflow:hidden;}
.pop .mpop .idsearch p {font-size:13px; color:#333; font-weight:600; padding:0 0 10px 0;}
.pop .mpop .idsearch ul li {float:left;}
.pop .mpop .idsearch ul li.btn {padding:0 0 0 10px;}
.pop .mpop .idsearch ul li .idform {width:308px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px; background:url('../images/bg/bg_idform.gif') left top no-repeat;}
.pop .mpop .idsearch ul li .idform_no {width:308px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px; background:url(none);}
/* pop address */
.pop .mpop .adrTxt {width:100%; font-size:18px; color:#333; font-weight:600; line-height:1.4;}
.pop .mpop .adrTxt span {display:block; font-size:13px; color:#999; line-height:1.4; padding:4px 0 28px 0;}
.pop .mpop .adrForm {width:100%; margin:0 0 20px 0; overflow:hidden;}
.pop .mpop .adrForm ul li {float:left;}
.pop .mpop .adrForm ul li.btn {padding:0 0 0 10px;}
.pop .mpop .adrBox {width:378px; height:182px; padding:10px; border:1px #dedede solid; overflow-y:auto;}
.pop .mpop .adrBox ul li {padding:4px 0;}
.pop .mpop .adrBox ul li.alert {font-size:13px; color:#c1272c; padding:0 0 12px 0;}
.pop .mpop .adrBox ul li.none {font-size:13px; color:#c1272c; line-height:165px; text-align:center;}
.pop .mpop .adrBox ul li a {font-size:13px; color:#333; line-height:1.2;}
/* pop cashreceipt */
.pop .mpop .cashreceipt {width:100%; margin:23px 0 0 0; overflow:hidden;}
.pop .mpop .cashreceipt ul li label {display:inline-block; width:100%; font-size:13px; color:#333; font-weight:600; line-height:30px; padding:12px 0 1px 0;}
.pop .mpop .cashreceipt ul li input {vertical-align:top;}
.pop .mpop .cashreceipt .btnCash {width:100%; text-align:center; margin:42px 0 27px 0; clear:both;}
/* pop id pw info */
.pop .mpop .idpwInfo {width:400px; height:70px; background:url('../images/bg/bg_child_form_result.gif') left top no-repeat; overflow:hidden;}
.pop .mpop .idpwInfo p {font-size:18px; color:#333; font-weight:600; padding:27px 0 0 18px;}
.pop .mpop .idpwInfo p span {font-size:18px; color:#c1272c; font-weight:600;}
.pop .mpop .idpwok {width:100%; margin:48px 0 0 0; text-align:center; overflow:hidden;}




/* member */
.member {width:100%; overflow:hidden;}
.member h3 {font-size:30px; color:#75511e; font-weight:600; padding:50px 0 18px 0; letter-spacing:-0.5px;}
.member h3.f {padding:25px 0 18px 0;}
.member h3.g {padding:38px 0 15px 0;}
.member h4 {font-size:18px; color:#333; font-weight:600; padding:28px 0 10px 0;}
.member h4.g {padding:0 0 10px 0;}

.member .ntxt {width:100%; margin:16px 0; overflow:hidden;}
.member .ntxt ul li {font-size:13px; color:#666; padding:4px 0 4px 10px; background:url('../images/bg/bg_member_ntxt.gif') left 10px no-repeat;}
.member .ntxt ul li span {font-size:13px; color:#75511e;}
.member .ntxt ul li span strong {font-size:13px; font-weight:600;}
.member .ntxt ul li.ndot {background:url(none);}

.member .agreeWrap {width:100%; overflow:hidden;}
.member .agreeWrap .agreeBox {width:918px; height:120px; padding:20px; color:#000; line-height:2; border:1px #e5e5e5 solid; overflow-y:auto;}
.member .agreeWrap .agreeChk {padding:8px 0 0 0;}
.member .agreeWrap .agreeChk ul {list-style: none;}
.member .agreeWrap .agreeChk ul li {float:left;}
.member .agreeWrap .agreeChk ul li input {vertical-align:middle;}
.member .agreeWrap .agreeChk ul li label {line-height:20px; color:#000; padding:0 0 0 5px;}
.member .agreeBtn {list-style: none; width:120px; margin:40px auto 0; overflow:hidden;}

.panel-grid .methodBox {width:100%px; margin:0 auto;}
.panel-grid .methodBox .method {float:left; width:100%; margin:0 20px;}
.panel-grid .methodBox .method .tit {width:100%; height:40px; line-height:40px; font-size:15px; color:#fff; font-weight:600; text-align:center; background:#959595;}
.panel-grid .methodBox .method .mbody {width:100%; padding:30px 10px; border:1px #e5e5e5 solid; overflow:hidden;}
.panel-grid .methodBox .method .mbody .logo {padding:0 0 22px 0; text-align:center;}
.panel-grid .methodBox .method .mbody .txt {font-size:12px; color:#666; text-align:center; line-height:1.6; padding:0 0 22px 0;}
.panel-grid .methodBox .method .mbody .btn {display: block; margin-left: auto; margin-right: auto; }

.member .celebration {width:958px; height:408px; border:1px #e5e5e5 solid; overflow:hidden;}
.member .celebration p {text-align:center;}
.member .celebration p.tit {font-size:25px; color:#333; font-weight:600; padding:48px 0 22px 0; letter-spacing:-0.5px;}
.member .celebration p.tit span {font-size:25px; color:#c1272c; font-weight:600;}
.member .celebration div.img {text-align:center; padding:0 0 55px 0;}
.member .celebration p.txt {font-size:20px; color:#666;}
.member .celebration p.txt span {display:block; font-size:13px; color:#666; line-height:1.4;padding:14px 0 0 0;}
 
 
 /* idsearch */
.member .idsearch {float:left; width:460px; overflow:hidden;}
.member .idsearch h3 {padding:30px 0 0 0;}
.member .idsearch .tabchk {margin:20px 0 0 0; background:url('../images/bg/bg_tablevel_line.gif') left top repeat; overflow:hidden;}
.member .idsearch .tabchk ul li {float:left; margin:10px 4px 3px 0;}
.member .idsearch .tabchk ul li a {display:block; width:170px; height:40px; line-height:42px; font-size:15px; color:#a76a6; text-align:center; background:url('../images/bg/bg_tabs03_off.gif') left top no-repeat;}
.member .idsearch .tabchk ul li a.on {color:#fff; background:url('../images/bg/bg_tabs03_on.gif') left top no-repeat;}

.member .idsearch .tabBody {position:relative; height:260px; border:1px solid #e5e5e5;}
.member .idsearch .tabBody .tabContent {font-size:15px; font-weight:600; color:#666; margin:39px 0 0 13px;}
.member .idsearch .tabBody .tabContent li {padding:0 0 10px 0;}.
.member .idsearch .tabBody .tabContent li input {vertical-align:middle;}
.member .idsearch .tabBody .tabContent li label {display:inline-block; width:70px; font-size:15px; color:#333; font-weight:600; line-height:30px; padding:0 0 0 30px;}
.member .idsearch .tabBody .tabContent li span.valign {font-size:15px; line-height:30px; color:#333;}

.member .idsearch .tabBody .tabId {width:100%; margin:79px 0 0 0; overflow:hidden;}
.member .idsearch .tabBody .tabId li label {text-align:center; font-size:15px; font-weight:600; color:#666; line-height:30px; padding:0 17px 0 116px;}

.member .idsearch .tabBody .btn  {position:absolute; left:50%; bottom:32px; margin:0 0 0 -60px;}
.member .idsearch .tabBody .btnIpin  {text-align:center; margin:108px 0 0 0;}
.member .idsearch .tabBody .btnIpin2  {margin:25px 0 0 174px;}

.member .idsearch.left {margin:0 40px 0 0;}
.idtnone, .pwtnon {display:none;}


.mtDiv {width:100%; border-top:2px #75511e solid; border-bottom:2px #aeaeae solid; overflow:hidden;}
.mTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.mTable th {border-color:#e7e7e7; border-width:0 1px 1px 0; color:#333; border-style:none solid solid none; text-align:center; padding:14px 0 13px 0; font-size:13px; font-weight:600; vertical-align:middle; background:#f9f9f9;}
.mTable th.e {background:url('../images/bg/bg_mtable_th.gif') 10px 50% #f9f9f9 no-repeat;}
.mTable th.n {border-left:1px #e7e7e7 solid;}
.mTable td {border-color:#eaeaea; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; padding:5px 0 4px 10px; font-size:13px; line-height:1.2; vertical-align:middle;} 
.mTable td ul li {float:left; padding:0 6px 0 0;}
.mTable td ul li.valign {line-height:30px; font-size:13px; color:#333;}
.mTable td ul li.valign2 {line-height:30px; font-size:13px; color:#c9c9c9;}
.mTable td ul li input {vertical-align:middle;}
.mTable td ul li label {line-height:30px; font-size:13px; color:#333; padding:0 20px 0 4px;}
.mTable td ul li.adr {padding:0 20px 0 8px;}
.mTable td ul li.pt {clear:both; padding:10px 6px 0 0;}
.mTable td ul li.pl20 {padding:0 6px 0 20px;}
.mTable td p.alert {clear:both; font-size:13px; color:#c1272c; padding:20px 0 10px 0;}







/************* inform type *************/
/* list table */
.listDiv {width:100%; border-top:2px #75511e solid; border-bottom:2px #aeaeae solid; overflow:hidden;}
.listTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.listTable th {border-color:#adadad; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:center; padding:13px 0 12px 0; font-size:13px; font-weight:600; vertical-align:top; background:#f9f9f9;}
.listTable th.s {padding:5px 0 4px 0;}
.listTable td {border-color:#eaeaea; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:center; padding:13px 0 12px 0; font-size:13px; line-height:1.2; vertical-align:middle;}
.listTable td.left {text-align:left; padding:13px 0 12px 45px;}
.listTable td.left2 {text-align:left; padding:13px 0 12px 10px;}
.listTable td a {color:#333;}
.listTable td a:hover {text-decoration:underline;} 
.listTable td.none {height:414px; font-size:18px; color:#666; text-align:center;}
.listTable td.none img {padding:0 0 5px 0;}
.studyDiv {width:860px; margin:0 auto; border-top:2px #75511e solid; border-bottom:2px #aeaeae solid; overflow:hidden;}
.listTable.studyTable td {padding:5px 0 4px 0;}
.listTable.studyTable td.left {text-align:left; padding:5px 0 4px 10px;}


/* view type */
.viewDiv {width:100%; border-top:2px #75511e solid; overflow:hidden;}
.viewHead {position:relative; padding:15px 0 14px 20px; background:#f9f9f9; border-bottom:1px #adadad solid;}
.viewHead.question {padding:15px 0 14px 55px; background:url('../images/ico/ico_q.gif') 20px 11px no-repeat;}
.viewHead .tit {font-size:14px; color:#333; font-weight:600; line-height:1.3; padding:0 108px 0 0;}
.viewHead .tit.short {padding:0 280px 0 0;}
.viewHead .days {position:absolute; right:18px; top:17px; font-size:13px; color:#333;}
.viewHead .days span {padding:0 0 0 22px; margin:0 0 0 20px; background:url('../images/bg/bg_viewhead_days.gif') left 3px no-repeat;}
.viewContent {color:#858585; padding:20px; font-size:13px;}



/* write table */
.writeDiv {width:100%; border-top:2px #75511e solid; border-bottom:2px #aeaeae solid; overflow:hidden;}
.writeTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.writeTable th {border-color:#eaeaea; border-width:0 1px 1px 0; color:#333; border-style:none solid solid none; text-align:center; padding:13px 0 12px 0; font-size:13px; font-weight:600; vertical-align:top; background:#f9f9f9;}
.writeTable th.q {border-width:0 0 1px 0; border-style:none none solid none; font-size:15px;}
.writeTable th.a {border-width:0 0 1px 0; border-style:none none solid none; font-size:13px;}
.writeTable th.vm {vertical-align:middle;}
.writeTable th.bline {border-bottom:1px #c2c2c2 solid;}
.writeTable td {border-color:#eaeaea; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; padding:13px 0 12px 10px; font-size:13px; line-height:1.2; vertical-align:middle;}
.writeTable td.q {padding:13px 0 12px 20px;}
.writeTable td.a {padding:7px 0 7px 30px;}
.writeTable td.i {padding:5px 0 4px 10px;}
.writeTable td.bline {border-bottom:1px #c2c2c2 solid;}
.writeTable td a {color:#333;}
.writeTable td a:hover {text-decoration:underline;} 
.writeTable td span.red {font-size:13px; font-weight:600; color:#cf141c;}
.writeTable td ul {list-style:none;}
.writeTable td ul li {float:left; padding:0 5px 0 0; line-height:26px;}
.writeTable td ul li.valign {padding:0 6px 0 1px; line-height:30px; color:#c9c9c9;}
.writeTable td ul li.valign span {font-size:13px; color:#333;}
.writeTable td ul li input {vertical-align:middle; margin:0;}
.writeTable td ul li label {line-height:28px; padding:0 30px 0 0;}



/* pre next table */
.preNext {width:100%; border-top:1px #d6d6d6 solid; border-bottom:2px #aeaeae solid; margin:200px 0 0 0; overflow:hidden;}
.preNext.short {margin:10px 0 0 0;}
.pnTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.pnTable th {border-color:#d6d6d6; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; padding:13px 0 12px 0; font-size:13px; font-weight:600; vertical-align:middle;}
.pnTable th span {display:block; font-size:14px; text-align:center; background:url('../images/bg/bg_prenext_line.gif') right 1px no-repeat;}
.pnTable td {border-color:#d6d6d6; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; padding:13px 0 12px 20px; font-size:13px; line-height:1.2; vertical-align:middle;}
.pnTable td a {color:#333;}
.pnTable td a:hover {color:#333; text-decoration:underline;}



/* tabs */
.tabs {width:100%; margin:0 0 20px 0; border-bottom:3px #cf141c solid; overflow:hidden;}
.tabs ul li {float:left; margin:0 4px 0 0;}
.tabs ul li a {display:block; width:140px; height:40px; line-height:42px; font-size:15px; color:#a7a6a6; font-weight:600; text-align:center; background:url('../images/bg/bg_tabs_off.gif') left top no-repeat;}
.tabs ul li a.on {color:#fff; background:url('../images/bg/bg_tabs_on.gif') left top no-repeat;}



/* search box */
.searchBox {width:100%; text-align:center; overflow:hidden;}



/*  btn area */ 
.btnAreaList {position:relative; width:100%; text-align:center; margin:37px 0 27px 0; clear:both;}
.btnAreaList .left {float:left; padding:20px 0 0 0;}
.btnAreaList .left li {float:left; padding:0 5px 0 0;}
.btnAreaList .right {float:right; padding:20px 0 0 0;}
.btnAreaList .right li {float:left; padding:0 0 0 5px;}

.btnArea {position:relative; width:100%; margin:10px 0 0 0; clear:both;}
.btnArea .left {float:left;}
.btnArea .left li {float:left; padding:0 5px 0 0;}
.btnArea .right {float:right;}
.btnArea .right li {float:left; padding:0 0 0 5px;}




/* paging */
.allPageMoving {}
.allPageMoving * {vertical-align:top;}
.allPageMoving a {display:inline-block; width:16px; height:17px; line-height:17px; color:#858585; text-decoration:none; font-size:13px;}
.allPageMoving a.n {width:16px; height:17px; padding:0;}
.allPageMoving a.pre {width:16px; height:17px; padding:0 5px 0 2px;}
.allPageMoving a.next {width:16px; height:17px; padding:0 2px 0 5px;}
.allPageMoving a img {vertical-align:top;}
.allPageMoving strong {display:inline-block; width:16px; height:17px; line-height:17px; color:#997543; font-size:13px; font-weight:600;}




/* selectbox bg change */
span.searchSelectBox{height:30px; font-size:13px; background:url('../images/bg/bg_select.gif') right center #fff no-repeat; border-left:1px #dedede solid;}
span.searchSelectBox.changed{background-color:#fff;}
.searchSelectBoxInner{font-size:13px; white-space:nowrap; line-height:30px; padding:0 48px 0 10px;}




/* input */
.w68c {width:68px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0; font-size:13px; text-align:center;}
.w96c {width:96px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0; font-size:13px; text-align:center;}
.w58 {width:48px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w68 {width:58px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w100 {width:100px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w148 {width:138px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w157 {width:147px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w267 {width:257px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w318 {width:308px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w338 {width:328px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w487 {width:477px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w611 {width:601px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w736 {width:726px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}
.w737 {width:727px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px; background:url('../images/bg/bg_address_etc.gif') left top no-repeat;}
.w737_no {width:727px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px; background:url(none);}
.w837 {width:827px; height:28px; line-height:28px; color:#999; background:#fff; border:1px #dedede solid; padding:0 0 0 10px; font-size:13px;}




/* textarea */
.tta{width:600px; height:88px; font-size:13px; padding:10px; line-height:1.2; border:1px #dedede solid; font-family:'Nanum Gothic'; padding:0 0 0 10px;}






/* guide ========================================================================================= */
.guide {width:100%; margin:30px 0 0 0; overflow:hidden;}
.guide h3 {font-size:30px; color:#75511e; font-weight:600; padding:0 0 10px 0;}
.guide h3.tit {font-size:30px; color:#75511e; font-weight:600; margin:30px 0 0 0;}
.guide .txt01 ul li {font-size:13px; color:#666; line-height:23px; padding:0 0 0 17px;}
.guide .txt01 ul li span {font-size:13px; color:#666; font-weight:600; margin:0 0 0 -17px;}
.guide .txt01 .txt02 li {font-size:13px; color:#999; line-height:23px; padding:0 0 0 25px;}
.guide .txt01 .txt02 li span {font-size:13px; color:#999; line-height:23px;}
.guide .txt03 {font-size:13px; color:#666; line-height:23px;}
.guide .txt03 span {font-size:13px; color:#666; line-height:23px; font-weight:600; margin:5px 0 10px 0;}
.guide .txt04 {margin:3px 0 7px 18px;}
.guide .txt04 li {background:url('../images/ico/ico_dot.gif') no-repeat 0 10px; padding:0 0 0 10px; line-height:23px;}



/* myspace ========================================================================================= */

.myspace {width:100%; margin:30px 0 0 0; overflow:hidden;}
.myspace h3 {font-size:30px; color:#75511e; font-weight:600; padding:50px 0 18px 0; letter-spacing:-0.5px;}
.myspace ul.alert {width:100%; margin:0 0 20px 0; overflow:hidden;}
.myspace ul.alert li {font-size:13px; color:#666; line-height:1.2; padding:3px 0 3px 10px; background:url('../images/bg/bg_point_dot.gif') left 10px no-repeat;}
.myspace ul.alert li span {color:#c1272c;}
.myspace .btn {position:relative; width:100%; text-align:center; margin:37px 0 16px 0; clear:both;}

.myspaceDiv {width:100%; border-top:2px #75511e solid; border-bottom:1px #aeaeae solid; overflow:hidden;}
.myspaceTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.myspaceTable th {border-bottom:1px #adadad solid; border-left:1px #eaeaea solid; color:#000; text-align:center; padding:13px 0 12px 0; font-size:13px; vertical-align:top; background:#f9f9f9;}
.myspaceTable th.f {border-left:0;}
.myspaceTable td {border-bottom:1px #eaeaea solid; border-left:1px #eaeaea solid; color:#666; text-align:center; padding:13px 0 12px 0; font-size:13px; line-height:1.2; vertical-align:middle;}
.myspaceTable td span {color:#c1272c;}
.myspaceTable td.left {padding:13px 0 12px 30px; text-align:left;}
.myspaceTable td.f {border-left:0;}
.myspaceTable td.b {border-bottom:1px #adadad solid;}
.myspaceTable td.i {padding:5px 0 4px 30px; text-align:left;}
.myspaceTable td.t {padding:5px 8px 5px 12px; text-align:left; line-height:1.6;}
.myspaceTable td .red {color:#c1272c;}
.myspaceTable td .blue {color:#0000ff;}
.myspaceTable.view th {border-bottom:1px #e7e7e7 solid;}



/* ¼÷Á¦Çϱâ */
.homework {position:relative;}
.homework .tit {font-size:45px; color:#010101; font-weight:600; padding:60px 0 0 0;}
/*.homework .memberInfo {position:absolute; right:0; top:-10px; width:317px; height:130px; padding:18px 0 0 138px; background:url('../images/study/bg_pop_member_info.png') left top no-repeat; overflow:hidden;}*/
.memberInfo {position:absolute; right:0; top:-10px; width:400px; height:130px; padding:18px 0 0 138px; background:url('../images/study/bg_pop_member_info.png') left top no-repeat; overflow:hidden;}

.memberInfo .face {float:left; width:175px;}
.memberInfo .face .member {color:#333; font-weight:600; padding:0 0 7px 0;}
.memberInfo .face .member span {font-size:17px; font-weight:600; color:#75511e;}
.memberInfo .face .department {color:#333; line-height:1.2;}
.memberInfo .info {float:left; width:140px;}
.memberInfo .info ul {margin:-3px 0 0 0;}
.memberInfo .info ul li {line-height:20px; color:#333; padding:0 0 0 9px; background:url('../images/bg/bg_member_info_dot.gif') left 9px no-repeat;}
.memberInfo .info ul li span {color:#c1272c; font-weight:600;}
.memberInfo .btn {position:absolute; left:138px; top:92px;}
.memberInfo .btn ul li {float:left; margin:0 5px 0 0;}


.gbutton {
	background-color:#3bb3e0;
	padding:10px;
	position:relative;
	font-family: 'Nanum Gothic', 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
	-o-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.gbutton::before {
	background-color:#072239;
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:4px;
	left:-2px;
	top:5px;
	z-index:-1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 0px #fff;
	-moz-box-shadow: 0px 1px 0px #fff;
	-o-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
}

.gbutton:active {
	color:#156785;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	background:rgb(44,160,202);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
	-o-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
	box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
	top:7px;
}

.gbutton:active::before {
	top:-2px;
}

.en-01 { font-family: "Nanum Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ct-btn {
	display: inline-block;
	margin: 3px 0;
	padding: .3em .5em;
	border-radius: .20em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
}

.ct-btn.small {
	height: 22px;
	padding: 0 .75em;
	font-size: 10px;
	line-height: 22px;
}

.ct-btn.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 35px;
}

.ct-btn.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 46px;
}

/* ½ºÅ¸ÀÏ */
.ct-btn.white,
.ct-btn.white:link,
.ct-btn.white:visited {
	color: #666!important;
	border: 1px solid #ebebeb;
	border-bottom-color: #c6c6c6;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}

.ct-btn.white:focus,
.ct-btn.white:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.white:active,
.ct-btn.white.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.blue,
.ct-btn.blue:link,
.ct-btn.blue:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #135fa4;
	border-top-color: #2d9acf;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #3aaee7;
	background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/
}

.ct-btn.blue:hover {
	background: #50bae9;
	background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/
}

.ct-btn.blue:active,
.ct-btn.blue.active {
	border-color: #2585d9;
	border-top-color: #0f4678;
	background: #2d90e7;
	box-shadow: none
}

.ct-btn.green,
.ct-btn.green:link,
.ct-btn.green:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #368321;
	border-top-color: #439f2a;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #76ac41;
	background: linear-gradient(to bottom, #76ac41 0%, #489215 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/
}

.ct-btn.green:hover {
	background: #4c9b16;
	background: linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab243', endColorstr='#4c9b16', GradientType=0 );/*IE*/
}

.ct-btn.green:active,
.ct-btn.green.active {
	border-color: #6c9d3c;
	border-top-color: #368321;
	background: #4c9b16;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.yellow,
.ct-btn.yellow:link,
.ct-btn.yellow:visited {
	color: #000!important;
	text-shadow: 0 1px 0 #fcda7c;
	border: 1px solid #dfac23;
	border-bottom: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
	background: #f5a802;
	background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/
}

.ct-btn.yellow:hover {
	background: #ffb618;
	background: linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.yellow:active,
.ct-btn.yellow.active {
	border-color: #efa80d;
	border-top-color: #cf8e00;
	background: #ffb618;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.red,
.ct-btn.red:link,
.ct-btn.red:visited {
	color: #fff!important;
	text-shadow: 0 1px 0 #991e1a;
	border: 1px solid #991e1a;
	border-top: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
	background: #b22520;
	background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/
}

.ct-btn.red:hover {
	background: #ca3631;
	background: linear-gradient(to bottom, #f17771 0%, #ca3631 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.red:active,
.ct-btn.red.active {
	border-color: #a0211d;
	border-top-color: #7f1b17;
	background: #b22520;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.k-plate,
.ct-btn.k-plate:link,
.ct-btn.k-plate:visited {
	color: #666!important;
	border: 1px solid #c3c3c3;
	border-top-color: #d9d9d9;
	border-radius: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 #fff;
	background: #fff;
	background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0 );
}

.ct-btn.k-plate:focus,
.ct-btn.k-plate:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.k-plate:active,
.ct-btn.k-plate.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.soap,
.ct-btn.soap:link,
.ct-btn.soap:visited {
	padding: .45em .75em .75em .75em;
	color:#888!important;
	text-shadow:0 1px 0 #fafafa;
	border-style: solid;
	border-width: 1px;
	border-top-color: #f2f2f2;
	border-left-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #ccc;
	box-shadow:
	0 .2em .3em rgba(0,0,0,.1),
	inset 0 -0.3em 0 #ddd,
	inset 0 -0.33em 0 #f1f1f1;
	background: #e9e9e9;
	background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 80%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e9e9e9);
}

.ct-btn.soap.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 22px;
}

.ct-btn.soap.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 32px;
}

.ct-btn.soap.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 42px;
}

.lt-ie10 .ct-btn.soap {
	padding: .5em .75em;
}

.lt-ie10 .ct-btn.soap.small {
	padding: 0 .75em;
	line-height: 25px;
}

.lt-ie10 .ct-btn.soap.default {
	padding: 0 .75em;
	line-height: 35px;
}

.lt-ie10 .ct-btn.soap.large {
	padding: 0 1em;
	line-height: 46px;
}

.ct-btn.stroke,
.ct-btn.stroke:link,
.ct-btn.stroke:visited,
.ct-btn.stroke:focus,
.ct-btn.stroke:hover,
.ct-btn.stroke:active {
	color: #8f8f8f!important;
	border: 1px solid #d6d6d6;
	box-shadow: none;
	background: none;
}

.ct-btn.stroke.invert,
.ct-btn.stroke:link,
.ct-btn.stroke:visited,
.ct-btn.stroke:focus,
.ct-btn.stroke:hover,
.ct-btn.stroke:active {
	color: #fff!important;
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: none;
	background: none;
}

/* ¹öÆ°À» ´ã´Â ¸®½ºÆ® */
ul.ct-btn-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

ul.ct-btn-list li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

/**
 * 4.0 ¸®½ºÆ®
 * ---------------------------------------------------------------------------
 */

.ct-list { 
	margin: 1.25rem 0 2.5rem;
	padding: 0 0 0 40px;
	font-size: 0.8125rem;
}

.ct-list > li { 
    margin-top: 0.5rem;
    line-height: 2;
}
.ct-list > li:first-child { margin-top: 0; }

.ct-list > li p { line-height: 1.8 }

ul.ct-list {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: outside;
}

.ct-list.box { 
	padding: 1.25rem 0 2.5rem;
	border-width: 1px;
	border-style: solid;
}

/**
 * Å×À̺í
 * ---------------------------------------------------------------------------
 */

.ct-table {
    width: 100%;
}
 
.responsive-wrap > .ct-table {  margin-bottom: 0 }
 
.ct-table > thead { display: table-header-group; }

.ct-table th,
.ct-table td {
	padding: 10px;
	border: 1px solid #ececec;
	background-color: #fff;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.7
}

.ct-table td p { line-height: 1.7 }

.ct-table.nowrap th { white-space: nowrap}

.ct-table td { color: #666; }

.ct-table th[scope=row] { border-right-color: #ececec; }

.ct-table th[scope=col] { border-bottom-color: #ececec; }

/* ¼¿ Á¤·Ä */
.ct-table.th-left th,
.ct-table.col-th-left th[scope=col],
.ct-table.row-th-left th[scope=row],
.ct-table.td-left td { text-align: left; }

.ct-table.th-center th,
.ct-table.col-th-center th[scope=col],
.ct-table.row-th-center th[scope=row],
.ct-table.td-center td { text-align: center; }

.ct-table.th-right th,
.ct-table.col-th-right th[scope=col],
.ct-table.row-th-right th[scope=row],
.ct-table.td-right td { text-align: right; }

.ct-table > caption {
    padding: 10px;
	font-size: 11px;
	color:#808080;
	background-color: #f4f6f8;
	text-align: left;
 }