@charset "utf-8";



.Lbox { float:left; width:540px}
.Rbox { float:right; width:540px; }

.about01 { width:100%; float:left}
.about01 dt {float:left; width:70px; margin-right:25px; height:60px; padding-top:30px; background:url(/images/about_dot.gif) 0 0 no-repeat; color:#fff; font-size:36px; text-align:center;}
.about01 dd {float:left; width:380px;height:56px; padding-top:33px; border-bottom:1px solid #eee; font-size:18px;}
.about01 dd.fir {height:64px; padding-top:24px; border-top:1px solid #eee; font-size:18px;}

.about02 { width:520px; height:670px; margin-bottom:100px; background:url(/images/about_bg.jpg) 0 bottom no-repeat}
.about02 h3 { font-size:31px; color:#333}
.about02 .stxt { font-size:26px; font-weight:bold }

.sp { float:left; width:100%; border-top:1px solid #e7e7e7;height:690px; background:url(/images/sp_img.jpg) 0 bottom  no-repeat; margin-bottom:100px} 
.sp h3 { font-size:31px; color:#333; margin-top:106px; margin-bottom:10px; padding-left:20px; letter-spacing:1.4px}
.sp span.st { color:#a3a3a3; font-size:19px; font-weight:bold;padding-left:20px}
.sp p{ text-align:right; padding-top:52px; padding-right:60px;}

.biz { float:left; width:100%; border-top:1px solid #e7e7e7; } 

.search { background:#f0f0f0; width:100%; float:left; padding:15px; box-sizing: border-box}
.search input[type="text"] { font-size:16px; width:100%; border-radius:30px; padding:12px;  box-sizing: border-box}

.boardList01 { width:100%; float:left; border-top:1px solid #707070; margin-bottom:40px} 
.boardList01 table { width:100%; font-size:15px; color:#666}
.boardList01 table th { padding:15px 0; border-bottom:1px solid #707070; color:#333}
.boardList01 table td { padding:10px 0; border-bottom:1px solid #e6e6e6; text-align:center}
.boardList01 table td.a_l { text-align:left}
.boardList01 table td a:hover { color:#999}
.boardList01 table td img.thum { width:45px; border:1px solid #ddd}
.boardList01 table td input.count { padding:10px; width:40px; text-align:center}
.boardList01 table tfoot  { background:#f3f3f3; border-top:2px solid #f75959}
.boardList01 table tfoot td { text-align:right; padding-right:20px; font-size:20px;}
.boardList01 table tfoot td strong { color:#e6322d; margin-left:15px}

.form01 { width:100%; float:left; border-top:1px solid #e6e6e6; margin-bottom:40px} 
.form01 table { width:100%; font-size:15px; color:#666}
.form01 table th { padding:0 15px 0 0; border-bottom:1px solid #e6e6e6; color:#555; background:#f9f9f9; text-align: right; }
.form01 table td { padding:15px 15px; border-bottom:1px solid #e6e6e6; text-align:left}
.form01 table th span.pill { color:#ee1921; font-weight:bold}
.form01 table td input { padding:6px; font-size:14px; }
.form01 table td span.st { font-size:13px; font-weight:normal; color:#777; padding-left:20px}

.form02 { width:100%; float:left; border-top:2px solid #656565; margin-bottom:40px} 
.form02 table { width:100%; font-size:15px; color:#666}
.form02 table th { padding:10px 0; border-bottom:1px solid #e6e6e6; color:#555; background:#f9f9f9; }
.form02 table td { padding:10px 15px; border-bottom:1px solid #e6e6e6; text-align:center; border-right:1px solid #e6e6e6;}
.form02 table td:last-child {border-right:none;}
.form02 table td.a_l { text-align:left}
.form02 table td.gr { background:#f6f6f6}

.form03 { width:100%; float:left;  border-top:1px solid #d9d9d9} 
.form03 table { width:100%; font-size:15px; color:#666}
.form03 table th { padding:10px 0; border-bottom:1px solid #e6e6e6; border-right:1px solid #70d7d7; background:#10c1c1; color:#fff }
.form03 table td { padding:10px 15px; border-bottom:1px solid #e6e6e6; text-align:center; border-right:1px solid #e6e6e6;}
.form03 table td:last-child {border-right:none;}
.form03 table td.a_l { text-align:left}
.form03 table td.gr { background:#f6f6f6}

.form04 { width:100%; float:left; border-top:1px solid #e6e6e6; margin-bottom:80px; } 
.form04 table { width:100%; font-size:15px; color:#666}
.form04 table th { padding:10px 10px; border-bottom:1px solid #e6e6e6; color:#555; background:#f9f9f9; text-align: center; }
.form04 table td { padding:5px 10px; border-bottom:1px solid #e6e6e6; text-align:left}
.form04 table th span.pill { color:#ee1921; font-weight:bold}
.form04 table td input { padding:6px; font-size:14px; }
.form04 table td span.st { font-size:13px; font-weight:normal; color:#777; padding-left:20px}


.formOrder { width:100%; float:left;  margin-bottom:40px} 
.formOrder h3 { font-size:16px; padding-bottom:15px}
.formOrder table { width:100%; font-size:15px; color:#666; border-top:1px solid #707070;}
.formOrder table th { padding:15px 0; border-bottom:1px solid #e6e6e6; color:#555; background:#f9f9f9; }
.formOrder table td { padding:15px 15px; border-bottom:1px solid #e6e6e6; text-align:left}
.formOrder table th span.pill { color:#ee1921; font-weight:bold}
.formOrder table td input { padding:5px; font-size:16px;}
.formOrder table td span.st { font-size:13px; font-weight:normal; color:#777; padding-left:20px}
.formOrder table td select { background:#f3f3f3}

/* paging */
.pagingF {text-align:center; font-size:16px; position:relative; float:left; width:100%}
.pagingF a { margin:0 5px}
.pagingF a,.pagingF strong,.pagingF .pagelink {padding:0 14px;margin:0 5px; display:inline-block; height:34px; border:1px solid #ddd; vertical-align:top; text-align:center; color:#666666; font-size:14px; line-height:36px;}
.pagingF a,.pagingF strong {padding:0 14px;margin:0 5px; display:inline-block; height:34px; border:1px solid #ddd; vertical-align:top; text-align:center; color:#666666; font-size:14px; line-height:36px;}
.pagingF strong {background:#f75959; border:1px solid #f8540f; color:#fff;}
.pagingF a:hover { color:#000; text-decoration:underline}
.pagingF .prev {margin-right:5px;}
.pagingF .next {margin-left:0px; }
.pagingF .prev{border:none;   padding:0; width:36px;}
.pagingF .prevEnd{border:none; padding:0; width:36px;}
.pagingF .next{border:none; padding:0; width:36px; margin-left:5px;}
.pagingF .nextEnd {border:none; padding:0; width:36px;}
.pagingF  img { vertical-align:top}

.boardView01 {width:100%; float:left; margin-top:55px;}
.boardView01 .tit {width:100%; float:left; padding:20px 10px; border-top:1px solid #707070; border-bottom:1px solid #e6e6e6; box-sizing: border-box; font-size:16px; position:relative; color:#333}
.boardView01 .tit span.date { position:absolute; top:25px; right:10px; font-size:13px;}
.boardView01 .content {width:100%; float:left; padding:20px 10px;border-bottom:1px solid #e6e6e6; line-height:180%;box-sizing: border-box; }
.boardView01 .file {width:100%; float:left;border-bottom:1px solid #e6e6e6;}
.boardView01 .file table { width:100%}
.boardView01 .file th {width:10%; padding:20px 0; background:#f9f9f9; }
.boardView01 .file td { padding:20px 20px; }
.boardView01 .file td a { display:block; width:100%; }
.boardView01 .file td ul { width:100%}
.boardView01 .file td ul li {width:100%}
.boardView01 .file td ul li  a.sBtn { display:inline-block; width:auto; padding:2px 10px; background:#757575; font-size:11px; border-radius:4px; color:#fff}

.boardView01  input { padding:10px}
.boardView01  textarea { padding:10px}
.boardView01  select { height:37px}

.btnWarp{ float:left; text-align:right; width:100%; margin-bottom:50px}


.loginWrap {float:left; width:100%; padding-top:55px; text-align:center}
.loginWrap input[placeholder], [placeholder], *[placeholder] { color:#808080 !important; }
.loginWrap h2 {font-size:36px; color:#444; }
.loginWrap .sdic { font-size:14px; color:#767676; display:inline-block; width:100%; border-bottom:1px solid #e2e2e2; padding-bottom:30px; margin-bottom:30px;}
.loginWrap ul { width:486px; margin:0 auto}
.loginWrap ul li{ margin-bottom:10px; text-align:left; position:relative }
.loginWrap ul li input[type="text"], .loginWrap ul li input[type="password"] { background:#d2d2d2; border-radius:10px; padding:12px 12px; width:456px; color:#fff; font-size:20px; }
.loginWrap ul li input[type="checkbox"] { margin-left:10px}
.loginWrap ul li a.forget {  position:absolute; top:0; right:10px}
.loginWrap ul li button {background:#ee1921; border-radius:10px; padding:12px 12px; width:482px; color:#fff; font-size:20px;}
.loginWrap .memBtn {border-top:1px solid #e2e2e2; font-size:18px; color:#767676; margin-top:30px; padding-top:30px; margin-bottom:100px}
.loginWrap .memBtn a {background:#464b4e; border-radius:10px; padding:12px 12px; width:460px; color:#fff; font-size:20px; display:inline-block}
.loginWrap .memBtn span { display:block; margin-bottom:30px}

.joinWrap {float:left; width:100%; padding-top:55px; text-align:center}
.joinWrap h2 {font-size:36px; color:#444; }
.joinWrap .sdic { font-size:14px; color:#767676; display:inline-block; width:100%; border-bottom:1px solid #e2e2e2; padding-bottom:30px;}
.joinWrap .step { float:left}
.joinWrap .step li { float:left; width:360px; border-bottom:2px solid #ededed; text-align:center; font-size:16px; padding:20px 0; margin-bottom:30px}
.joinWrap .step li.on { color:#ee1921; border-bottom:2px solid #e83123;}
.joinWrap h3 { text-align:left; font-size:18px; font-weight:normal; margin-bottom:20px}
.joinWrap .agreeBox { border:1px solid #eaeaea; padding:20px;overflow-x: hidden;overflow-y: scroll; width:100%;box-sizing:border-box; text-align:left; line-height:20px; height:230px; margin-bottom:20px; color:#767676}
.joinWrap .agreeBox  h4 { margin-bottom:10px; color:#333}
.joinWrap .chk{ float:left; width:100%; text-align:center}
.joinWrap .chk span { display:inline-block; width:270px; background:#eaeaea; padding:15px 0} 
.joinWrap .chk span.on { background:#e83123; color:#fff; margin-left:5px; margin-right:5px; }

.joinWrap .agreeBox2 { border:1px solid #eaeaea; padding:20px; width:100%;box-sizing:border-box; text-align:left; line-height:20px; margin-bottom:20px; color:#767676}
.joinWrap .agreeBox2  h4 { margin-bottom:10px; color:#333}

.joinWrap .stop03  { text-align:center; font-size:20px; float:left; width:100%; padding:0 0 30px 0; border-bottom:1px solid #ededed; margin-bottom:50px}
.joinWrap .stop03  span.chk { display:inline-block; margin-bottom:20px}

.tabs { width:100%; float:left}
.tabs li { float:left; text-align:center; font-size:16px; font-weight:bold; line-height:66px;  border-top:1px solid #cecece; border-bottom:1px solid #cecece;  width:359px; border-right:1px solid #cecece;}
.tabs li a { display:block;}
.tabs li:first-child  { border-left:1px solid #cecece; width:358px}
.tabs li.on { background:#686868;}
.tabs li.on a {color:#fff}
.tabs li:hover {background:#686868;}
.tabs li:hover  a {color:#fff;}

.tabsT { width:100%; float:left}
.tabsT li { float:left; text-align:center; font-size:16px; font-weight:bold; line-height:66px;  border-top:1px solid #cecece; border-bottom:1px solid #cecece;  width:539px; border-right:1px solid #cecece;}
.tabsT li a { display:block;}
.tabsT li:first-child  { border-left:1px solid #cecece; width:538px}
.tabsT li.on { background:#686868;}
.tabsT li.on a {color:#fff}
.tabsT li:hover {background:#686868;}
.tabsT li:hover  a {color:#fff;}


.tabs2 { width:100%; float:left; margin-top:20px}
.tabs2 li { float:left; text-align:center; font-size:13px; font-weight:bold; line-height:40px;  border:1px solid #cecece;   width:258px; margin-right:10px ; margin-bottom:10px }
.tabs2 li a { display:block;}
.tabs2 li.on { background:#686868;}
.tabs2 li.on a {color:#fff}
.tabs2 li:hover {background:#686868;}
.tabs2 li:hover  a {color:#fff;}

.tabs3 { width:100%; float:left; margin-top:20px}
.tabs3 li { float:left; text-align:center; font-size:13px; font-weight:bold; line-height:40px;  border:1px solid #cecece;   width:204px; margin-right:10px ; margin-bottom:10px }
.tabs3 li a { display:block;}
.tabs3 li.on { background:#686868;}
.tabs3 li.on a {color:#fff}
.tabs3 li:hover {background:#686868;}
.tabs3 li:hover  a {color:#fff;}


.obj { float:left; width:100% ;  text-align:center; margin-bottom:40px}
.obj span {font-size:24px; font-weight:bold; background:#fe5870; line-height:70px; border-radius:40px; width:480px; display:inline-block; color:#fff}
.obj span.senior { background:#3ab5e8}
.obj span.game { background:#f6cf4e; color:#615044}
.obj span.ssing { background:#a1cb4e; }

.coGreen { background:#29c49e !important}
.coPink { background:#ef6aaf !important}
.coBlue { background:#5a9aed !important}
.coSky { background:#60bae7 !important}

.essay01 { background:#f4f4f4 url(/images/essay_01.jpg) 710px 50px no-repeat;  width:100%; padding:40px 0; float:left}
.essay01 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.essay01 li:last-child  {margin-bottom:0px;}
.essay01 li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#fe5870; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}
.essay01st { font-size:20px; text-align:center; color:#666; padding-bottom:15px}

.essay02 { background:#f4f4f4 url(/images/essay_02.jpg) 730px 35px no-repeat;  width:100%; padding:40px 0; float:left}
.essay02 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.essay02 li:last-child  {margin-bottom:0px;}
.essay02 li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#fe5870; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.essay03 { background:#f4f4f4 url(/images/essay_03.jpg) 720px 35px no-repeat;  width:100%; padding:40px 0; float:left}
.essay03 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.essay03 li:last-child  {margin-bottom:0px;}
.essay03 li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#fe5870; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.essay04 { background:#f4f4f4 url(/images/essay_04.jpg) 720px 35px no-repeat;  width:100%; padding:40px 0; float:left}
.essay04 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.essay04 li:last-child  {margin-bottom:0px;}
.essay04 li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#fe5870; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.bodro { background:#f4f4f4 url(/images/bodro.jpg) 720px 35px no-repeat;  width:100%; padding:40px 0; float:left}
.bodro li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.bodro li:last-child  {margin-bottom:0px;}
.bodro li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#8a664d; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.ssing { background:#f4f4f4 url(/images/ssing.jpg) 680px 0px no-repeat;  width:100%; padding:40px 0; float:left}
.ssing li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.ssing li:last-child  {margin-bottom:0px;}
.ssing li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#8a664d; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.essayPro { float:left;}
.essayPro li { float:left; width:330px; margin-right:42px; border:1px solid #cfcfcf;  text-align:center; padding-top:125px}
.essayPro li span { font-size:20px; color:#333; display:inline-block; margin-bottom:40px;}
.essayPro li:first-child { background:url(/images/essay_04_1.jpg) 50% 43px no-repeat}
.essayPro li:nth-child(2) { background:url(/images/essay_04_2.jpg) 50% 43px no-repeat}
.essayPro li:last-child {margin-right:0px; background:url(/images/essay_04_3.jpg) 50% 43px no-repeat}

.essayPro2 { float:left;}
.essayPro2 li { float:left; width:253px; margin-right:20px; border:1px solid #cfcfcf;  text-align:center; padding-top:125px}
.essayPro2 li span { font-size:20px; color:#333; display:inline-block; margin-bottom:40px;}
.essayPro2 li:first-child { background:url(/images/essay_04_1.jpg) 50% 43px no-repeat}
.essayPro2 li:nth-child(2) { background:url(/images/essay_04_2.jpg) 50% 43px no-repeat}
.essayPro2 li:nth-child(3) { background:url(/images/essay_04_3.jpg) 50% 43px no-repeat}
.essayPro2 li:last-child {margin-right:0px; background:url(/images/essay_04_4.jpg) 50% 43px no-repeat}

.essayPro3 { float:left;}
.essayPro3 li { float:left; width:518px; margin-right:40px; border:1px solid #cfcfcf;  text-align:center; padding-top:125px}
.essayPro3 li span { font-size:20px; color:#333; display:block; margin-bottom:40px;}
.essayPro3 li:first-child { background:url(/images/essay_04_1.jpg) 50% 43px no-repeat}
.essayPro3 li:last-child {margin-right:0px; background:url(/images/essay_04_2.jpg) 50% 43px no-repeat}



.essayList { background:#f7f7f7; float:left; width:100%;}
.essayList li { width:216px; float:left; text-align:center; padding-top:40px; background: url(/images/essay_dot.gif) 100% 0  no-repeat; height:405px; position:relative }
.essayList li:last-child {background:none}
.essayList li span.num { font-size:40px; font-weight:900; color:#68c438; display:inline-block; height:40px; width:45px; border-bottom:2px solid #68c438; margin-bottom:25px;}
.essayList li span.numC1 { color:#ff8112; border-bottom:2px solid #ff8112}
.essayList li span.numC2 { color:#5bbceb; border-bottom:2px solid #5bbceb}
.essayList li span.numC3 { color:#fe5870; border-bottom:2px solid #fe5870}
.essayList li span.book {display:block; width:100%; background:url(/images/essay_bk.gif) 3px 0 no-repeat; height:147px; padding:1px 0 0 0; margin-bottom:25px;}
.essayList li h3 { font-size:18px; font-weight:normal; margin-bottom:15px;}
.essayList li span.stxt { font-size:13px; padding:0 20px; text-align:center; display:inline-block; line-height:18px}
.essayList li .essayBt { position:absolute; bottom:30px; left:53px}

.essayList2 { background:#f7f7f7; float:left; width:100%;}
.essayList2 li { width:180px; float:left; text-align:center; padding-top:40px; background: url(/images/essay_dot.gif) 100% 0  no-repeat; height:405px; position:relative }
.essayList2 li:last-child {background:none}
.essayList2 li span.num { font-size:40px; font-weight:900; color:#68c438; display:inline-block; height:40px; width:45px; border-bottom:2px solid #68c438; margin-bottom:25px;}
.essayList2 li span.numC1 { color:#ff8112; border-bottom:2px solid #ff8112}
.essayList2 li span.numC2 { color:#5bbceb; border-bottom:2px solid #5bbceb}
.essayList2 li span.numC3 { color:#fe5870; border-bottom:2px solid #fe5870}
.essayList2 li span.numC4 { color:#a375e3; border-bottom:2px solid #a375e3}
.essayList2 li span.book {display:block; width:100%; background:url(/images/essay_bk2.gif) 0 0 no-repeat; height:147px; padding:1px 0 0 0; margin-bottom:25px;}
.essayList2 li h3 { font-size:18px; font-weight:normal; margin-bottom:15px;}
.essayList2 li span.stxt { font-size:13px; padding:0 20px; text-align:center; display:inline-block; line-height:18px}
.essayList2 li .essayBt { position:absolute; bottom:30px; left:37px}


.essayView { float:left; width:100%; margin-bottom:70px}
.essayView h3 { background:#f9f9f9; border:1px solid #e1e1e1; text-align:center; font-size:29px; line-height:100px; border-bottom:none}
.essayView h3.bl { background:#3ab5e8; color:#fff; font-size:21px; line-height:60px;}
.essayView table { width:100%; border-top:1px solid #b1b1b1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; font-size:14px;}
.essayView table th {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; line-height:45px;}
.essayView table th.gr { background:#f1f1f1; color:#f75959}
.essayView table td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; line-height:45px; padding:0 15px}
.essayView table td.gr { background:#f1f1f1; line-height:24px; }

.essayView2 { float:left; width:100%; margin-bottom:70px}
.essayView2 h3 { background:#f9f9f9; border:1px solid #e1e1e1; text-align:center; font-size:29px; line-height:100px; border-bottom:none}
.essayView2 table { width:100%; border-top:1px solid #b1b1b1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; font-size:14px;}
.essayView2 table th {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; padding:20px 0}
.essayView2 table th.gr { background:#f1f1f1; color:#f75959}
.essayView2 table th.gr2 { background:#f1f1f1; }
.essayView2 table td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:20px 15px}
.essayView2 table td.gr { background:#f1f1f1; line-height:24px; }
.essayView2 table td.cet { text-align:center}
.essayView2 table td.su { background:#e55d9b; color:#fff}
.essayView2 table td input, .essayView2 table td select, .essayView2 table td textarea   { padding:10px; color:#555}

.essayView3 { float:left; width:100%; margin-bottom:70px}
.essayView3 h3 { background:#f9f9f9; border:1px solid #e1e1e1; text-align:center; font-size:29px; line-height:100px; border-bottom:none;}
.essayView3 h3.bl { background:#fe5870; color:#fff; border:1px solid #fe5870; font-size:21px; line-height:60px;  margin-bottom:10px}
.essayView3 h3.bl2 { background:#ffa944; color:#fff; border:1px solid #ffa944; font-size:21px; line-height:60px;  margin-bottom:10px}
.essayView3 h3.ssi { background:#ff9a0d; color:#fff; border:1px solid #ff9a0d; font-size:21px; line-height:60px;  margin-bottom:10px}
.essayView3 h3.bl3 { background:#28c3c4; color:#fff; border:1px solid #28c3c4; font-size:21px; line-height:60px;  margin-bottom:10px}
.essayView3 table { width:100%; border-top:1px solid #b1b1b1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; font-size:16px;}
.essayView3 table th {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; line-height:45px; background:#f7f7f7;}
.essayView3 table td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; line-height:45px; padding:20px 15px; text-align:center; line-height:24px;}
.essayView3 table td.gr { background:#fff1e2; line-height:24px; }
.essayView3 table td.grB { background:#fff1e2; line-height:24px; font-size:18px }
.essayView3 table td.al { text-align:left}
.essayView3 table td a.org { background:#7abe3d; color:#fff; border-radius:30px; padding:5px 20px}

.bodroView { float:left; width:100%; margin-bottom:70px}
.bodroView h3 { background:#f9f9f9; border:1px solid #e1e1e1; text-align:center; font-size:29px; line-height:100px; border-bottom:none}
.bodroView table { width:100%; border-top:1px solid #b1b1b1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; font-size:14px;}
.bodroView table th {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; padding:10px 0; background:#f1f1f1;}
.bodroView table td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:20px 15px; text-align:center}


.essayForm { float:left; width:528px;}
.essayForm h3 { width:100%; background:#9a9a9a; color:#fff; text-align:center; line-height:48px; font-weight:normal}
.essayForm h3.bg { background:#fe5870;}
.essayForm h3.bg2 { background:#f6cf4e; color:#615044}
.essayForm .essayM { border:1px solid #e7e7e7; border-top:none; line-height:345px; text-align:center}

.simple_banner_wrap{ position:relative; overflow:hidden; width:1080px; height:860px; border-bottom:1px solid #e1e1e1; margin-bottom:20px;  }
.simple_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0px; width:100%; height:776px; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap .nav_wrap{ position:absolute; bottom:30px; height:10px; z-index:2; }
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:25px; height:25px; margin:0 1px; cursor:pointer; margin:0 5px }
.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center;  }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet{ height:25px; line-height:25px; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-1000px; border-radius:30px; background-color:#c5c5c5; }
.simple_banner_wrap .nav_wrap.bullet ul li.on{  background-color:#686868; }

.edu { background:url(/images/edu_bg.gif) 0 0 no-repeat; float:left; width:100%; height:306px; font-size:14px;}
.edu table { }
.edu table td { width:238px; padding-right:95px; text-align:center;  line-height:18px; vertical-align:middle; padding-top:95px; font-size:16px; line-height:22px; }
.edu table td.pt85 {padding-top:85px;}
.edu table td.pt116 {padding-top:116px;}
.edu table td:first-child { padding-left:88px;}
.edu table td:last-child { padding-right:0px;}

.edu2{ float:left; width:100%; text-align:center; margin-top:50px;}

.map {}
.map p { text-align:center; font-size:18px; margin-bottom:30px}
.map address { text-align:center; font-size:20px; padding:20px; line-height:36px; margin-bottom:100px}


.cent { margin-top:30px; float:left}
.cent p  { font-size:30px; text-align:center; color:#ee1921; margin-bottom:30px}
.cent .centBox { position:relative}
.cent .centBox h2 { position:absolute; top:45px; left:65px; font-size:22px}
.cent .centBox ul { font-size:16px; border:1px solid #eee; padding:40px 30px; float:left; width:1018px;  margin-bottom:40px; background:url(../images/mark.gif) 90% -5px no-repeat }
.cent .centBox ul  li { background:url(../images/comm/bar_Red.gif)  120px 10px no-repeat; padding-left:140px}

.cent2 {float:left; width:930px; background:#f6f6f6 url(/images/cent_icon.gif) 50px 40px no-repeat; font-size:18px; padding:50px 0 50px 150px; color:#555; line-height:26px;  margin-bottom:100px; position:relative}
.cent2 span { position:absolute; top:55px; right:70px}


.cent3 { float:left}
.cent3 p  { font-size:24px; text-align:center; margin-bottom:50px; padding-top:20px}
.cent3 .centBox { position:relative}
.cent3 .centBox h3 { position:absolute; top:45px; left:65px; font-size:24px; color:#ee1921}
.cent3 .centBox ul { font-size:16px; border:1px solid #ddd; padding:40px 30px; float:left; width:1018px;  margin-bottom:60px; background:url(../images/mark.gif) 90% -5px no-repeat }
.cent3 .centBox ul  li { background:url(../images/comm/bar_Red.gif)  120px 10px no-repeat; padding-left:140px}


.gtxt { width:100%; float:left; font-size:16px; color:#666}
.gtxt li { background:url(/images/dot.gif) 0 12px no-repeat; line-height:28px; padding-left:15px;}
.gtxt li span.st { width:100px; display:inline-block; background:url(../images/seami.gif) 100% 6px no-repeat; margin-right:10px}

.licen1{ background:url(/images/licen1.jpg)  90% 30px no-repeat; float:left; width:100%}
.licen2{ background:url(/images/licen2.gif)  right bottom no-repeat; float:left; }
.licen2_2{ background:url(/images/licen22.jpg) 90% bottom no-repeat; float:left; width:100%; }
.licen3{ background:url(/images/licen3.gif)  95% bottom no-repeat; float:left; width:100%; padding:20px 0}
.licen4{ background:url(/images/licen4.gif)  90% bottom no-repeat; float:left; width:100%; padding:20px 0}
.licen5{ background:url(/images/licen5.jpg)  right bottom no-repeat; float:left}
.licen6{ background:url(/images/licen6.jpg)  95% bottom no-repeat; float:left; width:100%; padding:20px 0}
.licen7{ background:url(/images/licen7.jpg)  95% bottom no-repeat; float:left; width:100%; padding:20px 0}
.licen8{ background:url(/images/licen8.jpg)  95% bottom no-repeat; float:left; width:100%; padding:20px 0}

.essay06 { float:left; width:100%; margin-bottom:50px}
.essay06 li{ float:left; width:528px; border:1px solid #ddd; margin-bottom:40px }
.essay06 li span{ display:block}
.essay06 li span.cover {background:#eee; text-align:center; width:230px; padding:35px 0; margin-right:30px; float:left;}
.essay06 li span.el { color:#0069cb; margin-bottom:10px; font-size:16px;}
.essay06 li:nth-child(odd) { margin-right:20px}
.essay06 li h3 { width:250px; float:left; margin-bottom:0px; margin-top:40px; margin-bottom:20px;margin-right:18px; font-size:21px; font-weight:normal; color:#333}
.essay06 li p {width:250px; float:left;margin-right:18px; line-height:20px; margin-bottom:10px; }

.hsc { float:left; width:100%; background:url(/images/hsc_bg.jpg) 0 0 no-repeat}
.hsc h3 { font-size:31px; color:#333; margin-top:50px; margin-bottom:60px; line-height:40px}
.hsc h4 { font-size:24px; color:#ee1921; margin-bottom:20px}
.hsc h4.black { color:#333;}
.hsc ul { margin-bottom:80px;}
.hsc ul li { line-height:20px; background:url(/images/hsc_dot.gif) 0 2px no-repeat; padding-left:26px; margin-bottom:10px}

.brand { float:left; width:100%;}
.brand .brandLogo { float:left; width:325px;}
.brand .brandLogo img { border:4px solid #dfdfdf}
.brand .brandR { float:left; width:755px;}
.brand .brandR h3 { font-size:27px; color:#333; margin-bottom:35px}
.brand .brandR p { line-height:26px;}
.brand .brandR p strong{ font-size:16px}
.brand .brandR h4{ font-size:22px; color:#ee1921; margin-bottom:20px}
.brand .brandR ul li { line-height:20px; background:url(/images/hsc_dot.gif) 0 2px no-repeat; padding-left:26px; margin-bottom:10px}
.brandBg01{ background:url(/images/brand_bg01.jpg) right 227px  no-repeat}
.brandBg02{ background:url(/images/brand_bg02.jpg) 0 158px  no-repeat}

.proThum { width:100%; float:left; margin-top:30px;}
.proThum li { float:left; width:206px; box-sizing:border-box; border:1px solid #e1e1e1; margin-right:10px;  box-shadow: 3px 3px 4px rgba(200, 200, 200, .2); text-align:center; margin-bottom:30px;}
.proThum li span { display:block; padding:10px 0 ; border-top:1px dotted #c3c3c3;  font-size:14px;}
.proThum li  a { display:block; background:#999; color:#fff; padding:6px 0;}

.proList { width:100%; float:left; }
.proList h3  {font-size:24px; font-weight:bold; margin:0 auto; background:#686868; line-height:70px; border-radius:40px; width:480px; color:#fff; text-align:center}
.proList ul { width:100%; background:#f7f7f7; float:left; margin-top:30px; padding:25px 0; }
.proList ul li { width:16.66667%; height:220px; float:left; text-align:center; background: url(/images/essay_dot.gif) 100% 0  no-repeat; padding:0 5px; box-sizing:border-box; margin-bottom:40px; } 
.proList ul li span.book {display:block; width:100%; height:147px; padding:1px 0 0 0; margin-bottom:10px;}
.proList ul li h4 { font-size:12px; font-weight:normal; margin-bottom:4px; color:#333; line-height:1.3em;}
.proList ul li span.com { font-size:13px; padding:0 0 10px 0; text-align:center; display:block; line-height:18px}
.proList ul li span.price { color: red; font-size:13px; padding:0; text-align:center; display:block; line-height:18px}

.proView { float:left; width:100%; margin-bottom:40px}
.proView h3 { background:#f9f9f9; border:1px solid #e1e1e1; text-align:center; font-size:29px; line-height:100px; border-bottom:none}
.proView table { width:100%; border-top:2px solid #f75959;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; font-size:14px;}
.proView table th {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; line-height:45px;}
.proView table td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; line-height:50px; padding:0 15px;}
.proView table td strong  { color:#ed3843;}
.proView table td input { padding:10px; border:1px solid #dcdcdc; text-align:center; font-weight:bold}
.proView table td select { background:#eeeeee; padding:10px}

.probtn { text-align:center; width:100%; margin-bottom:60px }
.probtn a { background:#838383; padding:15px 50px; color:#fff; font-size:16px; margin-right:15px; border-radius:4px}
.probtn a.buy { background:#e6322d}

.probtn2 { text-align:center; width:100%; margin-bottom:60px }
.probtn2 a { background:#838383; padding:10px 30px; color:#fff; font-size:14px; margin-right:15px;border-radius:4px}
.probtn2 a.buy { background:#e6322d}

.probtn3 { text-align:right; width:100%; margin-bottom:60px; position:relative; float:left}
.probtn3 a { background:#838383; padding:10px 30px; color:#fff; font-size:14px; margin-left:15px;border-radius:4px}
.probtn3 a.buy { background:#e6322d}
.probtn3 a.btnDel {left:0; position:absolute}


.proCont { width:100%; float:left;border-bottom:1px solid #e0e0e0; padding-bottom:30px;}
.proCont h4 { font-size:16px; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-bottom:30px}



/* 19.02.15 추가 */
.proView table td span.price { float:right; display:inline-block; font-size:1.2em; font-weight:bold}

.countList { width:100%; padding-top:5px}
.countList li { width:100%; position:relative; margin-top:5px; margin-bottom:5px;}
.countList li span.ct { display:inline-block; width:380px; font-size:13px;}
.countList li span.cnt { display:inline-block; width:80px; font-size:13px; text-align:right; padding-right:16px; }
.countList li span.price { position: absolute; right:0; top:3px; }

.ptotal { text-align:right; font-size:1.1em; font-weight:bold; padding:15px 15px 0 0 }
.ptotal strong { font-size:1.5em; color:#f54e12 }

/* 19.3.04 추가 */
.ssing01 { background:#f4f4f4 url(/images/ssing1.jpg) 550px 0px no-repeat;  width:100%; padding:40px 0; float:left}
.ssing01 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.ssing01 li:last-child  {margin-bottom:0px;}
.ssing01 li span.num { position:absolute; top:10px; left:25px; height:30px; width:30px; background:#8a664d; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.essay08 { background:#f4f4f4 url(/images/essay_08.jpg) 710px 0 no-repeat;  width:100%; padding:40px 0; float:left}
.essay08 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.essay08 li:last-child  {margin-bottom:0px;}
.essay08 li span.num { position:absolute; top:-5px; left:25px; height:30px; width:30px; background:#fe5870; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.essay09 { background:#f4f4f4 url(/images/essay_09.jpg) 710px 0 no-repeat;  width:100%; padding:40px 0; float:left}
.essay09 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:16px;}
.essay09 li:last-child  {margin-bottom:0px;}
.essay09 li span.num { position:absolute; top:-5px; left:25px; height:30px; width:30px; background:#fe5870; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}



/* 19.3.13 추가 */
.boardG{ background:url(/images/boardGame_04.jpg)  right top no-repeat; float:left; width:100%; }

.boardG2{  float:left; width:100%; }
.boardG2 { background:#f4f4f4 url(/images/boardGame_04.jpg) 600px 0 no-repeat;  width:100%; padding:120px 0; float:left}
.boardG2 li { width:630px; line-height:24px; margin-bottom:33px; position:relative; padding-left:70px; font-size:18px;}
.boardG2 li:last-child  {margin-bottom:0px;}
.boardG2 li span.num { position:absolute; top:-5px; left:25px; height:30px; width:30px; background:#8a664d; line-height:30px; text-align:center; color:#fff;  border-radius:30px;}

.licen4_1{ background:url(/images/licen4_1.jpg)  90% bottom no-repeat; float:left; width:100%; padding:20px 0}


.bList2 { width:100%; border-top:1px solid #999}
.bList2 table { width:100%;}
.bList2 table th { background:#f6f6f6; border-bottom:1px solid #e5e5e5; padding:8px 0  }
.bList2 table td {border-bottom:1px solid #e5e5e5;padding:8px 20px }