@charset "utf-8";
/* webfont */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic);
/* font-family: 'Gentium Basic', 'serif'; */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* font-family: 'PT Sans', sans-serif; */

/* ÃʱâÈ­ */
html {margin:0;padding:0;}
body {position:relative;width:100%;height:100%;margin:0;padding:0;overflow-y:scroll;background:#eee}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:18px;font-family:'Nanum Gothic','µ¸¿ò',dotum,sans-serif;color:#666} /* color°ªÀº µðÀÚÀΰ¡À̵忡 ¸Â°Ô»ç¿ë */
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

.size12 {font-size:12px;line-height:18px;}
.size14 {font-size:14px;line-height:20px;}
.size16 {font-size:16px;line-height:22px;}
.size18 {font-size:18px;line-height:24px;}
.size24 {font-size:24px;line-height:32px;}
.size30 {font-size:30px;line-height:40px;}
.size36 {font-size:36px;line-height:44px;}

.red {color:#f75665}
.blue {color:#569ffd}
.blue_b {color:#86bce3}
.gray {color:#888}
.black {color:#222}
.white {color:#fff}
.orange {color:#ff7700}
.green {color:#05b621}
.orange {color:#ff7700;}
.purple {color:#aa7bc1}
.cyan {color:#3cb1c0}

.bold {font-weight:bold}
.normal {font-weight:normal}

.clb {clear:both}

.sticky {
  background-color: rgba(255, 255, 255, 0.93);
  opacity: 0.8;
  border-bottom: 1px solid #ddd;
}

#header_wrap {position:relative;width:100%;min-width:1200px;height:80px;left:0;top:0;text-align:center;background:#fff;z-index:999;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#header_wrap #header {position:relative;max-width:1200px;margin:0 auto;text-align:left;}

#logo {position:absolute;display:block;left:0;top:0;width:280px;height:80px;background:url(../images/logo.png) no-repeat 0 0;z-index:999}

#tnb {position:absolute;right:0;top:25px;text-align:right}
#tnb a {display:inline-block;height:30px;margin:0 0 0 3px;padding:0 14px;color:#999;line-height:30px;background:#f6f6f6}


/*** gnb ***/
#gnb {width:600px;margin:0 0 0 310px;text-align:left;}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul {position:relative;}
#gnb ul li {position:relative;display:block;float:left;zoom:1;}
#gnb ul li span.arrow {display:none;
/* "display:none" to hide arrows for the non-mobile nav */
position:absolute;
left:50%;
bottom:0;  
width:20px;
margin-left:-10px;
color:#666;
text-align:center;
font-size:11px;
z-index:5;
cursor:pointer;
}
#gnb ul li a {display:block;width:120px;height:80px;line-height:80px;font-size:16px;color:#444;text-align:center;font-weight:bold;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#gnb ul li a:hover {color:#fff;text-decoration:none;background:#569ffd}
#gnb ul li ul {position:absolute;left:0;display:none;width:160px;}
#gnb ul li ul li {width:160px;background:#fff;}
#gnb ul li ul li a {display:block;width:100%;height:40px;font-size:12px;color:#666 !important;line-height:40px;text-align:left;font-weight:normal;text-indent:10px;border-right:none;border-left:none;border-bottom:solid 1px #eee;}
#gnb ul li ul li a:hover {color:#569ffd !important;background:#eee}

#gnb .nav-bars {display:none;position:absolute;left:10px;top:25px;font-size:28px;cursor:pointer;}

#gnb.mobile {position:relative;width:100%;margin:0;padding-top:80px;text-align:left;}
#gnb.mobile ul {display:none;width:100%;}
#gnb.mobile ul li {display:block;width:100%;}
#gnb.mobile ul li span.arrow {display:block;height:50px;margin:0;right:10px;top:0;left:auto;padding:10px;font-size:24px;line-height:50px;}
#gnb.mobile ul li span.arrow:hover {color:#444;}
#gnb.mobile ul li span.arrow.arrow-rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#gnb.mobile ul li a {display:block;width:100%;padding:0;text-indent:10px;text-align:left;border-right:none;border-left:none;border-bottom:solid 1px #ddd;}
#gnb.mobile ul li ul {position:static;width:100%;}
#gnb.mobile ul li ul li {width:100% !important;}
#gnb.mobile ul li a {background:#f6f6f6;}
#gnb.mobile ul li a:hover {background:#444;}
#gnb.mobile ul li ul {display:none;}
#gnb.mobile ul li ul li a {color:#888;font-size:14px;text-indent:20px !important;background:#f6f6f6;border-bottom:solid 1px #eee;}
#gnb.mobile ul li ul li a:hover {color:#ccc !important;text-indent:20px !important;background:#666;}

#gnb.mobile .nav-bars {display:block;}

#viz_wrap {position:relative;width:100%;padding:100px 0;}
#viz_wrap .slogon {padding:0;font-size:24px;line-height:30px;font-weight:normal;color:#fff;text-align:center;}
#viz_wrap .slogon strong {font-size:40px;line-height:70px;font-weight:bold;}
#viz_wrap .slogon .viz_serv {display:inline-block;width:140px;height:100px;margin:0 3px;padding:20px 0 0 0;color:#fff;font-size:14px;font-weight:bold;line-height:18px;border:solid 1px #fff}
#viz_wrap .slogon .viz_serv img {width:40px;height:40px;margin:0 0 8px 0;}

.con_serv {display:inline-block;width:140px;height:100px;margin:0 3px;padding:20px 0 0 0;color:#666;font-size:14px;font-weight:bold;line-height:18px;border:solid 1px #ccc}
.con_serv img {width:40px;height:40px;margin:0 0 8px 0;}

#snb_wrap {width:100%;min-width:340px;margin:80px 0 0 0;height:40px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#snb_wrap ul {margin:0;padding:0 0 0 20px;}
#snb_wrap ul li {display:block;position:relative;float:left;border-left:solid 1px #ddd;}
#snb_wrap ul li.last {border-right:solid 1px #ddd;}
#snb_wrap ul li a {display:block;width:198px;height:40px;font-size:14px;line-height:40px;text-align:left;text-indent:10px;background:url(../images/arrow_down.gif) no-repeat right 50% #fff;cursor:pointer}
#snb_wrap ul li a.home {display:block;width:40px;height:40px;line-height:40px;text-align:center;text-indent:0;background:none;}
#snb_wrap ul li ul {display:block;position:absolute;left:-1px;top:40px;width:198px;height:0;overflow:hidden;padding:0;background:#fff;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;z-index:99;}
#snb_wrap ul li ul li {display:block;float:none;border:none}
#snb_wrap ul li ul li a {display:block;width:198px;background:none}

#snb_wrap_b {width:100%;min-width:340px;margin:0;height:40px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#snb_wrap_b ul {margin:0;padding:0 0 0 20px;}
#snb_wrap_b ul li {display:block;position:relative;float:left;border-left:solid 1px #ddd;}
#snb_wrap_b ul li.last {border-right:solid 1px #ddd;}
#snb_wrap_b ul li a {display:block;width:198px;height:40px;font-size:14px;line-height:40px;text-align:left;text-indent:10px;background:url(../images/arrow_down.gif) no-repeat right 50% #fff;cursor:pointer}
#snb_wrap_b ul li a.home {display:block;width:40px;height:40px;line-height:40px;text-align:center;text-indent:0;background:none;}
#snb_wrap_b ul li ul {display:block;position:absolute;left:-1px;top:40px;width:198px;height:0;overflow:hidden;padding:0;background:#fff;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;z-index:99;}
#snb_wrap_b ul li ul li {display:block;float:none;border:none}
#snb_wrap_b ul li ul li a {display:block;width:198px;background:none}

#body_wrap {max-width:1200px;min-width:1200px;margin:0 auto;padding:80px 0;text-align:center;}
#body_wrap h1 {display:block;margin:0 0 40px 0;color:#444;font-size:36px;font-weight:bold;line-height:36px;}
#body_wrap #h1_sub {display:block;margin:0 0 10px 0;color:#444;font-size:24px;font-weight:bold;line-height:normal;}
#body_wrap h2 {display:block;margin:0 0 40px 0;color:#666;font-size:18px;font-weight:bold;line-height:24px;}
#body_wrap h3 {display:block;margin:0 0 10px 0;color:#666;font-size:14px;font-weight:normal;line-height:20px;}

#footer_wrap {width:100%;margin:0 auto;padding:60px 0;;text-align:center;background:url(../images/bg_footer_sub.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover !important;}
#footer_wrap {color:#fff;font-size:16px;line-height:24px;}
#footer_wrap #footer_slogon {font-size:36px;color:#fff;font-weight:bold;}
#footer_wrap ul {max-width:1000px;margin:0 auto 30px auto}
#footer_wrap ul li {display:block;float:left;width:33%;margin:0;padding:20px 0;border-right:solid 1px #666;}
#footer_wrap ul li .title {font-size:24px;font-weight:bold;line-height:40px}
#footer_wrap ul li .tel {font-size:30px;font-weight:bold}
#footer_wrap ul li.last {border-right:none}
#footer_wrap ul li a {display:inline-block;width:120px;height:40px;color:#fff;line-height:40px;background:url(../images/btn_bg.png)}

/* Æ˾÷ */
#p_wrap {}
#p_title {height:50px;margin:0;color:#fff;font-size:14px;font-weight:bold;text-indent:10px;line-height:50px;background:#222}
#p_wrap p {min-height:40px;margin:30px 10px;padding:9px 9px 9px 59px;font-size:12px;line-height:20px;background:url(../images/icon_info.png) no-repeat 20px 13px #f6f6f6;border:solid 1px #ddd}
#p_form_wrap {margin:0 10px;}
#p_form_wrap label {display:block;height:30px;color:#444;font-weight:bold;}
#p_form_wrap .input {display:block;width:100%;height:38px;margin:0 0 10px 0;line-height:38px;text-indent:7px;border:solid 1px #ccc}
#p_form_wrap .input_b {width:80px;height:38px;margin:0 0 10px 0;line-height:38px;text-indent:7px;border:solid 1px #ccc}

#p_li_type {margin:0 0 20px 0;}
#p_li_type ul {}
#p_li_type ul li {display:block;padding:16px 10px;line-height:normal;border-bottom:solid 1px #eee;}
#p_li_type ul li.first {color:#fff;font-size:14px;font-weight:bold;background:#666;}
#p_li_type ul li .p_chk_area {display:inline-block;width:20px;}
#p_li_type ul li label {margin:0;padding:0;}
#p_li_type ul li span,
#p_li_type ul li input,
#p_li_type ul li img,
#p_li_type ul li a {vertical-align:middle}

#p_btn_wrap {height:60px;text-align:center;}
#p_btn_wrap .btn {display:inline-block;padding:0 24px;font-size:12px;font-weight:bold;background:#fff;border:solid 1px #ccc;cursor:pointer;}
#p_btn_wrap .btn_act {height:30px;color:#fff;text-decoration:none;background:#569ffd;border:solid 1px #1e80ff !important}
#p_btn_wrap .btn_normal {height:30px;color:#666;line-height:28px;text-decoration:none;}

/* add file */
.fileWrapper{position:relative;overflow:hidden;padding:0}
input[type=text].fileInputText{float:left;text-indent:4px;font-size:14px;border:1px solid #ddd;margin:0;padding:0}
input[type=button].fileInputButton{float:right;border:solid 1px #bbb;background:#eee;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}

/* checkbox, radio */
/* CSS File for ezMark jQuery Plugin */
.ez-hide {width:22px;height:22px;opacity:0;filter:alpha(opacity=0);}
.ez-checkbox {display:inline-block;width:22px;height:22px;background: transparent url('../images/checkbox.png') 0 0 no-repeat;cursor:pointer}
.ez-radio {display:inline-block;width:22px;height:22px;background: transparent url('../images/radio.png') 0 0 no-repeat;}
.ez-checked {background-position: 0 -30px;}
.ez-selected {background-position: 0 -30px;}
.ez-checkbox, .ez-radio {zoom:1; *display:inline;_height:30px;}

/* lightbox */
.lightbox { left: -999em; position: absolute; z-index:99999 }
.lightbox { left: -999em; position: absolute; z-index:99999 }
.lightbox:target { bottom: 0; left: 0; right: 0; top: 0; position: absolute; }
.lightbox:target .close a { background: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }
.close span { color: #FFFFFF; font-size: 2em; text-indent: 0; position: absolute; right: 0.5em; top: 0.5em; }
.close {text-indent: -999em;}
.lightbox:target div { background: #FFFFFF; position: absolute; left: 50%; top: 50%; z-index: 99; }
.w90p { margin-left: -45%; width: 90%; } .w300 { margin-left: -150px; width: 300px; } .w640 { margin-left: -320px; width: 640px; }
.h80 { height: 80px; margin-top: -40px; } .h600 { height: 600px; margin-top: -300px; } .h386 { height: 386px; margin-top: -193px; }
.scroll { overflow-y: scroll; padding: 0 1em; }
.boxfocus { bottom: 0; left: 0; right: 0; top: 0; position: absolute; }
.boxfocus div {	background: #FFFFFF; position: absolute; left: 50%; top: 50%; z-index: 99; }
.boxfocus .close a { background-image: url('../images/trans.png'); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }


#login_wrap {max-width:1000px;margin:0 auto;text-align:left;font-size:14px;}
#login_wrap ul {max-width:600px;margin:0 auto;}
#login_wrap ul li {display:block;position:relative;margin:0 0 10px 0;text-align:left;font-size:14px;}
#login_wrap ul li label {position:absolute;display:block;left:0;top:0;font-size:14px;line-height:40px;padding:0 0 0 9px}
#login_wrap ul li .input {display:block;width:100%;height:38px;font-size:14px;text-indent:9px;line-height:38px;border:solid 1px #ddd}
#login_wrap ul li .btn_submit {width:100%;height:50px;color:#fff;font-size:14px;line-height:50px;text-align:center;background:#569ffd;border:none}
#login_wrap p {display:block;max-width:600px;margin:0 auto 20px auto;text-align:left;}
#login_wrap a {display:inline-block;margin:0 2px;padding:12px 18px;font-size:14px;color:#666;line-height:normal;text-decoration:none;background:#f6f6f6;border:solid 1px #ddd}

#login_regist {max-width:600px;margin:0 auto;padding:40px 0;font-size:14px;text-align:center;line-height:24px;background:#f6f6f6}
#login_regist a {display:inline-block;margin:0 2px;padding:12px 18px;font-size:14px;color:#666;line-height:normal;text-decoration:none;background:#fff;border:solid 1px #ddd}

#reg_title {height:50px;padding:0 0 0 20px;color:#444;font-size:16px;font-weight:bold;line-height:50px;text-align:left;background:url(../images/bullet_regist.gif) no-repeat 0 50%;}

#reg_process {margin:0 0 40px 0;}
#reg_process ul {}
#reg_process ul li {display:block;float:left;width:33.3%;text-align:center;color:#444;font-size:18px;font-weight:bold;background:url(../images/step_div.gif) no-repeat right 50%}
#reg_process ul li.last {background:none}
#reg_process ul li img {display:block;margin:0 auto 10px auto;}
#reg_process ul li span {}

#agree_wrap {width:100%;max-width:1000px;margin:0 auto;font-size:16px;text-align:left;}
#agree_title {height:50px;padding:0 0 0 20px;color:#444;font-size:16px;font-weight:bold;line-height:50px;text-align:left;background:url(../images/bullet_regist.gif) no-repeat 0 50%;}
#agree_area {height:240px;margin:0 0 20px 0;padding:9px;font-size:14px;text-align:left;line-height:24px;background:#fff;border:solid 1px #ccc;overflow-y:scroll}
#agree_chk {height:50px;text-align:right;font-size:14px;}
#agree_chk input,
#agree_chk span,
#agree_chk img,
#agree_chk a {vertical-align:middle}

#form_type {max-width:1200px;margin:0 auto;;padding:9px 29px;background:#fff;border:solid 1px #ccc;}
#form_type dl {}
#form_type dl dt {display:block;float:left;width:15%;min-height:30px;padding:8px 0;color:#444;font-size:14px;font-weight:bold;line-height:30px;text-align:left;}
#form_type dl dt img {vertical-align:middle}
#form_type dl dd {display:block;float:left;width:30%;min-height:30px;padding:8px 0;color:#999;font-size:14px;font-weight:normal;line-height:30px;text-align:left;}
#form_type dl dd .input {display:inline-block;width:272px;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#form_type dl dd .input_b {display:inline-block;width:80%;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#form_type dl dd .input_tel {display:inline-block;width:80px;height:28px;margin:0 10px 0 0;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}
#form_type dl dd .select {display:inline-block;width:272px;}
#form_type dl dd .radio_area {display:inline-block;width:30%;margin:0 0 12px;font-weight:normal;color:#666;line-height:normal}
#form_type dl dd .radio_area span,
#form_type dl dd .radio_area input,
#form_type dl dd .radio_area img,
#form_type dl dd .radio_area a {vertical-align:middle}
#form_type dl dd .textarea {width:95%;height:150px;border:solid 1px #ccc}
#form_type dl dd .textarea_b {width:100%;height:200px;font-size:14px;border:solid 1px #ccc}
#form_type dl dd input,
#form_type dl dd span,
#form_type dl dd img,
#form_type dl dd a {vertical-align:middle}
#form_type dl dd.w85 {width:85% !important}
#form_type dl dd.w100 {width:100% !important}
#form_type dl dd .form_info {display:block;margin:0 0 8px 0;color:#666;font-weight:normal;line-height:22px !important;}
#form_type dl dd .btn_frm {display:inline-block;height:30px;text-align:center;background:#f6f6f6;border:solid 1px #ccc}

#form_type dl dd .bg_clock {background:url(../images/icon_clock.png) no-repeat right 50%;}
#form_type dl dd .bg_date {}

#reg_result {width:100%;max-width:800px;margin:40px auto;font-size:14px;text-align:center;line-height:24px;}
#reg_result ul {}
#reg_result ul li {display:block;margin:0 0 30px 0;}
#reg_result ul li strong {color:#444;font-weight:bold;font-size:16px;}

#reg_result_info {max-width:400px;margin:40px auto;padding:19px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#reg_result_info ul {}
#reg_result_info ul li {display:block;height:40px;margin:0;font-size:14px;line-height:40px;text-align:left;}
#reg_result_info ul li label {display:inline-block;width:80px;color:#444;;font-weight:bold;}

#info {min-height:32px;padding:19px 29px 19px 69px;font-size:14px;line-height:24px;text-align:left;background:url(../images/icon_info.png) no-repeat 20px 50% #f6f6f6;border:solid 1px #ccc}

#list_type {margin:0 0 20px 0;border-top:none;}
#list_type table {width:100%;border-collapse:collapse;border-spacing:0}
#list_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#list_type th {padding:14px 0 14px 7px;font-size:14px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #bbb}
#list_type td {padding:14px 0 14px 7px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd;}
#list_type td .cmt {display:inline-block;margin:0 2px;font-size:12px;color:#ff7700;}
#list_type td .list_info {display:none}

.num {width:60px;text-align:left}
.subject {text-align:left;}
.date {width:120px;text-align:left}
.name {width:140px;text-align:left}
.down {width:140px;text-align:center !important;}
.grade {width:120px;text-align:left;}
.vi_evalue {width:80px;text-align:left;}
.evalue_info {display:none}
.evalue_grade {display:none}
.pay_way {width:140px;text-align:left;}
.pay_price {width:140px;text-align:left;}
.proc {width:120px;text-align:left;}
.receipt {width:80px;text-align:left;}

#list_category {width:100%;margin:0 0 40px 0}
#list_category h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#list_category ul {}
#list_category ul li {display:block;float:left;width:12.5%}
#list_category ul li a {display:block;height:48px;margin:0 -1px -1px 0;font-size:14px;color:#999;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#list_category ul li a#on {height:48px;margin:0 0 -1px 0 !important;color:#fff;font-weight:bold;background:#e87a45;border:solid 1px #e87a45;z-index:99999}
#list_category ul li a:hover {color:#fff;background:#666}

.btn_frm {display:inline-block;padding:0 14px;height:36px;font-size:14px;color:#666;font-weight:normal;text-decoration:none;border:solid 1px #ddd;}
a.btn_frm {height:32px;color:#666;line-height:32px;text-decoration:none;}

#view_type {max-width:1200px;margin:0 auto 30px auto;}
#view_type #view_title {padding:22px 10px;color:#444;font-size:18px;font-weight:bold;text-align:left;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #ddd}
#view_type #view_title .category {color:#999;margin:0 10px 0 0;padding:0 10px 0 0;font-size:14px;border-right:solid 1px #ddd}
#view_type #view_title .date {color:#999;font-size:14px;}
#view_type #view_info {padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd}
#view_type #view_info strong {color:#444;font-weight:bold;}
#view_type #view_info .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_file {}
#view_type #view_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_file ul {}
#view_type #view_file ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_file ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_link {}
#view_type #view_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_link ul {}
#view_type #view_link ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_link ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_content_type {padding:30px 10px;font-size:14px;text-align:left;}
#view_content_type h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#view_sns_type {height:50px;}
#view_sns_type ul {}
#view_sns_type ul li {display:block;float:left}
#view_sns_type ul li a {display:block;margin:0 8px 0 0}

#btn_choice_good, #btn_choice_bad {display:none;position:absolute;top:30px;left:0;min-width:250px;padding:19px;color:#999;text-align:center;background:#f6f6f6;border:solid 1px #ddd}

#paging_area {height:80px;text-align:center}
#paging_area a {display:inline-block;margin:2px;padding:0 12px;height:30px;color:#666;letter-spacing:0;line-height:30px;border:solid 1px #ccc;vertical-align:middle}
#paging_area a:focus, 
#paging_area a:hover {text-decoration:none;}
#paging_area a {background:#eee;text-decoration:none}
#paging_area .pg_prev {padding:0 12px 0 24px;background:url(../images/btn_page_next.gif) no-repeat 50% 50%}
#paging_area .pg_start {padding:0 12px 0 24px;background:url(../images/btn_page_next2.gif) no-repeat 50% 50%}
#paging_area .pg_end {padding:0 24px 0 12px;background:url(../images/btn_page_prev2.gif) no-repeat 50% 50%}
#paging_area .pg_next {padding:0 24px 0 12px;background:url(../images/btn_page_prev.gif) no-repeat 50% 50%}
#paging_area .pg_current {display:inline-block;padding:0 14px;color:#fff;font-weight:bold;background:#444;border:solid 1px #222;}

#search_type {text-align:center;}
#search_type .select {display:inline-block;width:140px;}
#search_type .input {width:300px;height:28px;font-size:14px;line-height:28px;text-indent:6px;border:solid 1px #ccc}
#search_type .btn {display:inline-block;width:60px;height:30px;color:#fff;font-size:14px;line-height:30px;text-align:center;background:#444;border:none}
#search_type span,
#search_type input,
#search_type {vertical-align:top;}

#btn_area_move {margin:0 0 40px 0;font-size:14px;text-align:left;border-top:solid 1px #ddd}
#btn_area_move strong {display:inline-block;width:60px;color:#666;font-weight:bold}
#btn_area_move a.btn_prev {display:block;padding:22px 10px 22px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a.btn_next {display:block;padding:22px 10px 22px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a:hover {}

#btn_area_center {height:50px;text-align:center;vertical-align:top;}
#btn_area_center a {display:inline-block;margin-left:3px;padding:12px 18px;font-size:14px;color:#fff;line-height:normal;background:#444;}
#btn_area_center .btn_act {display:inline-block;margin-left:3px;padding:10px 18px;font-size:14px;color:#fff;line-height:normal;background:#569ffd;border:none}
#btn_area_center a.btn_cancel {padding:9px 16px;color:#666;background:#f6f6f6;border:solid 1px #ddd}
#btn_area_center input,
#btn_area_center a {vertical-align:top}

#btn_area {height:50px;text-align:right;}
#btn_area a {display:inline-block;margin-left:3px;padding:12px 18px;font-size:14px;color:#fff;line-height:normal;background:#444;}
#btn_area a.btn_act {background:#569ffd}
#btn_area a.btn_cancel {padding:10px 16px;color:#666;background:#f6f6f6;border:solid 1px #ddd}



#cmt_type {margin:0 0 40px 0;font-size:14px;text-align:left;}
#cmt_type h2 {display:none}
#cmt_type #cmt_title {display:block !important;height:40px;padding:30px 0 0 0;color:#444;font-weight:bold;}
#cmt_type p {line-height:22px;}
#cmt_type .cmt_info {height:30px;}
#cmt_type .date {color:#999;font-size:11px;}
#cmt_type .cmt_info #cmt_btn {float:right;}
#cmt_type .cmt_info #cmt_btn ul {}
#cmt_type .cmt_info #cmt_btn ul li {display:block;float:left;}
#cmt_type .cmt_info #cmt_btn ul li a {display:block;margin:0 6px 0 0;padding:0 6px 0 0;color:#999;font-size:14px;border-right:solid 1px #ddd;}
#cmt_type .cmt_info #cmt_btn ul li a.last {margin:0;padding:0;border-right:none}

#cmt_form_type {padding:20px 0;}
#cmt_form_type table {width:100%;margin:0 0 30px 0;border-collapse:collapse;border-top:solid 1px #ddd;border-spacing:0}
#cmt_form_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#cmt_form_type th {width:120px;padding:18px 8px;font-size:14px;color:#444;text-align:left;font-weight:bold;/*background:#f6f6f6;*/border-bottom:solid 1px #eee;}
#cmt_form_type td {width:;padding:18px 8px;font-size:14px;color:#999;text-align:left;border-bottom:solid 1px #eee;}
#cmt_form_type textarea {width:95%;height:150px;border:solid 1px #ddd;}
#cmt_form_type .btn_cmt_submit {display:block;width:100%;height:50px;color:#fff;font-weight:bold;font-size:14px;text-align:center;background:#444;border:none;cursor:pointer}

#btn_area_frm {position:relative;height:80px;text-align:center} /* ¼­½Ä´Ü°è ÁøÇà */
#btn_area_frm .btn {display:inline-block;padding:0 44px;font-size:16px;font-weight:bold;background:#fff;border:solid 1px #ccc;cursor:pointer;}
#btn_area_frm .btn_act {height:50px;color:#fff;text-decoration:none;background:#569ffd;border:solid 1px #1e80ff !important}
#btn_area_frm a.btn_act {height:50px;color:#fff;line-height:48px;text-decoration:none;background:#569ffd;border:solid 1px #1e80ff !important}
#btn_area_frm .btn_normal {height:50px;color:#666;text-decoration:none;}
#btn_area_frm a.btn_normal {height:48px;color:#666;line-height:48px;text-decoration:none;}
#btn_area_frm input,
#btn_area_frm button,
#btn_area_frm span,
#btn_area_frm img,
#btn_area_frm a {vertical-align:top;}

#faq_wrap {margin:0 0 30px 0;text-align:left;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {border-bottom:1px solid #ddd;}
#faq_con h3 a {display:block;padding:18px 8px;font-size:14px;font-weight:bold;line-height:32px;border-top:1px solid #ddd;text-decoration:none;}
#faq_con .lbl_q {display:block;float:left;width:32px;height:32px;margin-right:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:32px;background:#444;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .lbl_a {display:block;width:32px;height:32px;margin-bottom:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:32px;background:#569ffd;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .con_inner {display:none;padding:10px 10px 40px 10px;font-size:14px;line-height:24px;border-top:solid 1px #ddd}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {height:29px;padding:0 12px;color:#666;text-align:center;line-height:27px;font-weight:bold;text-decoration:none;background:#f6f6f6/*linear-gradient(0deg, #444, #666)*/;border:solid 1px #ccc;cursor:pointer;}}
#faq_con span,
#faq_con img,
#faq_con a {vertical-align:middle}

#proc_profe {max-width:1200px;margin:0 auto;}
#proc_profe ul {}
#proc_profe ul li {display:block;float:left;width:33.3%;text-align:center}
#proc_profe ul li .proc_con {width:300px;margin:0 auto;}
#proc_profe ul li .proc_con img {display:block;}
#proc_profe ul li .proc_con p {display:block;position:relative;height:180px;padding:29px;font-size:14px;text-align:left;line-height:24px;border:solid 1px #ccc;}
#proc_profe ul li .proc_con p strong {display:block;margin:0 0 7px 0;font-size:18px;font-weight:bold;line-height:normal;color:#444;}
#proc_profe ul li .proc_con p a {display:block;position:absolute;width:60%;height:40px;left:50%;bottom:30px;margin:0 0 0 -30%;color:#fff;font-size:16px;text-align:center;line-height:40px;font-weight:bold;background:#444;}

#det_wrap {margin:20px 10px;}

#det_process {}
#det_process ul {width:100%;}
#det_process ul li {display:block;float:left;width:33.3%;}
#det_process ul li a {display:block;height:50px;margin:0 -2px -1px 0;font-size:16px;color:#444;line-height:50px;font-weight:bold;text-align:center;background:#f6f6f6;border:solid 1px #ccc}
#det_process ul li a:hover {color:#fff;background:#444}
#det_process ul li a.on {color:#fff;background:#e87a45}

#det_lev_title {margin:20px 0;padding:19px;border:solid 1px #ddd;}
#det_lev_title ul {width:100%;}
#det_lev_title ul li {display:block;float:left;width:20%;}
#det_lev_title ul li a {display:block;height:30px;margin:0;font-size:14px;color:#666;line-height:30px;text-align:left;background:#fff;}
#det_lev_title ul li a:hover {color:#444;}
#det_lev_title ul li a.on {color:#569ffd}

#det_list_type {margin:0 0 30px 0;}
#det_article {margin:0 0 40px 0;padding:19px 29px;background:#f6f6f6;border:solid 1px #ddd;}
#det_article img {display:block;float:left;width:200px;height:auto;}
#det_article dl {display:block;margin:0 0 0 230px;;}
#det_article dl dt {height:39px;font-size:16px;font-weight:bold;color:#444;text-align:left;border-bottom:solid 1px #bbb;}
#det_article dl dd {position:relative;padding:12px 0 12px 110px;;font-size:14px;line-height:20px;font-weight:normal;border-bottom:solid 1px #ddd;}
#det_article dl dd label {position:absolute;display:block;width:80px;left:0;top:0;padding:12px 0 12px 16px;font-size:14px;color:#444;line-height:20px;background:url(../images/bullet_orange.png) no-repeat 4px 50%;border-right:solid 1px #ddd;}
#det_article dl dd a.btn {display:inline-block;margin:0 8px 0 0;padding:8px 14px;font-size:14px;color:#fff;line-height:32px;background:#569ffd}
#det_article dl dd a.btn img {width:32px;height:auto;margin:0 4px 0 0;vertical-align:middle}
#det_article dl dd a.btn img,
#det_article dl dd a.btn a {vertical-align:middle}

#wing_wrap {height:480px;padding:0 0 0 0;text-align:center;background:url(../images/bg_wing.jpg) no-repeat 50% 0;}
#wing_wrap strong {font-size:36px;color:#fff;line-height:44px;}
#wing_wrap a {display:block;width:300px;height:60px;;margin:0 auto;color:#fff;font-size:24px;font-weight:bold;text-align:center;line-height:60px;text-decoration:none;background:#569ffd;
filter:alpha(opacity=70);    /* ie  */
-moz-opacity:0.7;    /* old mozilla browser like netscape  */
-khtml-opacity: 0.7;    /* for really really old safari */  
opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#wing_wrap a:hover {
filter:alpha(opacity=100);    /* ie  */
-moz-opacity:1;    /* old mozilla browser like netscape  */
-khtml-opacity:1;    /* for really really old safari */  
opacity:1;    /* css standard, currently it works in most modern browsers like firefox,  */
}

ul.tab {width:100%;height:90px;}
ul.tab li {display:block;float:left;width:25%;height:40px;list-style-type:none;}
ul.tab li a {display:block;height:60px;margin:0 0 -1px -1px;color:#999;font-size:16px;font-weight:bold;text-align:center;line-height:60px;background:#f6f6f6;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 }
ul.tab li a:hover {color:#fff;text-decoration:none;background:#e87a45}
ul.tab li a.selected {color:#fff;background:#e87a45}
ul.tab li img {width:40px;height:auto;}
ul.tab li img,
ul.tab li a {vertical-align:middle}

/*
ul.panel {}
ul.panel li {text-align:left;}
ul.panel li .lev_con {padding:0 0 30px 0;margin:0 0 30px 0;font-size:14px;border-bottom:solid 1px #ddd;}
ul.panel li .lev_con strong {display:block;margin:0 0 9px 0;font-size:18px;color:#444;font-weight:bold;}
ul.panel li .lev_con strong,
ul.panel li .lev_con span,
ul.panel li .lev_con img {vertical-align:middle}
ul.panel li .lev_con .con {clear:both;position:relative;margin:0 0 20px 0;padding:0 0 0 120px;line-height:20px;}
ul.panel li .lev_con .con label {display:block;position:absolute;width:80px;left:0;top:0;padding:0 0 0 12px;color:#444;font-weight:bold;font-size:16px;border-right:solid 1px #ddd;background:url(../images/bullet_orange.png) no-repeat left 50%}
*/

#lev_lbl {width:100%;height:100px;}
#lev_lbl dl {}
#lev_lbl dl dt {display:block;float:left;height:40px;margin:0 -1px -1px -1px;padding:5px 0 0 0;color:#444;font-size:16px;font-weight:bold;text-indent:6px;line-height:40px;background:#eee;border:solid 1px #ddd;}
#lev_lbl dl dd {display:block;float:left;width:10%;height:30px;margin:0 -1px 0 -1px;color:#666;font-size:14px;font-weight:bold;text-indent:6px;line-height:30px;background:#fff;border:solid 1px #ddd;}

.lev_title {margin:0 0 14px 0;padding:0 0 0 14px;color:#444;font-size:18px;font-weight:bold;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 50%}

.lev_var {width:100%;height:30px;}
.lev_var li {display:block !important;float:left;width:10%;height:5px;}
.lev_var li div {display:block;height:10px;border-left:solid 1px #fff;}

.lev_var_s {display:none;}

.lev_con_wrap {width:100%;height:70px;}
.lev_con {display:block;float:left;text-align:left;font-size:14px;}
.lev_con .lev_lbl {display:block;margin:0 0 4px 0;color:#444;font-size:16px;font-weight:bold;line-height:normal}
.mobile_none {display:block !important}

.lev_intro {margin:0 0 30px 0;padding:19px 29px;text-align:left;font-size:14px;line-height:24px;background:#f6f6f6;border:solid 1px #ddd}
.lev_intro strong {display:block;margin:0 0 8px 0;padding:0 0 0 14px;color:#444;font-size:16px;font-weight:bold;background:url(../images/bullet_orange.png) no-repeat 0 50% }
.lev_intro .lev_intro_con {position:relative;margin:0 0 10px 0;padding:0 0 0 80px;}
.lev_intro .lev_intro_con label {display:block;position:absolute;width:60px;left:0;top:0;color:#569ffd;font-weight:bold;border-right:solid 1px #ccc;}

#test_wrap {max-width:1000px;margin:0 auto;padding:120px 0 0 0;background:url(../images/test_bg.jpg) no-repeat 50% 0;background-size:contain;}
#test_wrap .test_intro {font-size:16px;text-align:center;font-weight:bold;line-height:24px;}
#test_wrap .test_q {height:32px;margin:0 40px 10px 40px;padding:0 0 0 40px;color:#444;font-size:16px;text-align:left;font-weight:bold;line-height:32px;background:url(../images/icon_info_gray.png) no-repeat left 50%}
#test_wrap .test_a {margin:0 40px 20px 40px;padding:19px 29px;font-size:14px;text-align:left;background:#f6f6f6;border:solid 1px #ddd;}
#test_wrap .test_a .test_frm {display:block;float:left;width:25%;margin:0 0 14px 0;}

#test_type {margin:0 40px;padding:19px 29px;background:#f6f6f6;border:solid 1px #ccc;}
#test_type dl {}
#test_type dl dt {display:block;float:left;width:10%;min-height:30px;padding:8px 0;color:#444;font-size:14px;font-weight:bold;line-height:30px;text-align:left;}
#test_type dl dt img {vertical-align:middle}
#test_type dl dd {display:block;float:left;width:40%;min-height:30px;padding:8px 0;color:#999;font-size:14px;font-weight:normal;line-height:30px;text-align:left;}
#test_type dl dd .input {display:inline-block;width:212px;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#test_type dl dd .input_b {display:inline-block;width:80%;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#test_type dl dd .input_tel {display:inline-block;width:60px;height:28px;margin:0 10px 0 0;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}
#test_type dl dd .select {display:inline-block;width:212px;}
#test_type dl dd input,
#test_type dl dd span,
#test_type dl dd img,
#test_type dl dd a {vertical-align:middle}
#test_type dl dd.w90 {width:90% !important}

#lev_agree {text-align:center;font-size:16px;vertical-align:top;}

.btn_lev {display:inline-block;width:400px;height:70px;margin:0 3px;color:#fff;font-size:24px;text-align:center;line-height:70px;font-weight:normal; !important;background:#569ffd;border:none;cursor:pointer}

/*** mypage ***/
#user_info {margin:0 0 30px 0;padding:19px 29px;background:#f6f6f6;border:solid 1px #ddd;}
#user_info li {display:block;float:left;width:33.3%;height:40px;line-height:40px;font-size:16px;text-align:center;}
#user_info li strong {color:#444;font-weight:bold;}
#user_info li img {margin:0 4px 0 0;}
#user_info li a {display:inline-block;width:200px;height:40px;color:#ccc;line-height:40px;text-align:center;background:#444;}
#user_info li a:hover {text-decoration:none}
#user_info li strong,
#user_info li input,
#user_info li span,
#user_info li img,
#user_info li a {vertical-align:middle}
#user_info li a img {vertical-align:middle}

#user_lec_info {margin:0 0 30px 0;}
#user_lec_info li {display:block;float:left;width:25%;margin:0 -1px -1px -1px;border:solid 1px #ddd}
#user_lec_info li label {display:block;height:40px;font-size:16px;color:#444;line-height:40px;text-align:left;font-weight:bold;text-indent:18px;background:url(../images/bullet_gray.png) no-repeat 6px 50% #eee}
#user_lec_info li span {display:block;height:40px;font-size:16px;line-height:40px;text-align:left;text-indent:8px;background:#fff;}
#user_lec_info li.w75 {width:75%;}

#mypage_opt {margin:0 0 30px 0;}
#mypage_opt li {display:block;float:left;width:16.6%;}
#mypage_opt li a {display:block;width:95%;height:60px;margin:0 auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:60px;background:#444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#mypage_opt li a:hover {background:#569ffd;text-decoration:none}
#mypage_opt li a img {margin:0 4px 0 0;}
#mypage_opt li a img {vertical-align:middle}

#mypage_opt2 {width:40%;margin:0 auto 30px auto;}
#mypage_opt2 li {display:block;float:left;width:50%;}
#mypage_opt2 li a {display:block;width:90%;height:60px;margin:0 auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:60px;background:#444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#mypage_opt2 li a:hover {background:#569ffd;text-decoration:none}
#mypage_opt2 li a img {margin:0 4px 0 0;}
#mypage_opt2 li a img {vertical-align:middle}

/**************************** Calendar ****************************/
#cale_cat {margin:0 0 30px 0;padding:19px;text-align:center;border:solid 1px #ddd;}
#cale_cat ul {}
#cale_cat ul li {display:block;float:left;width:16.6%;text-align:center;font-size:14px;line-height:15px;}
#cale_cat ul li span {vertical-align:middle}

#cale_wrap {margin:0 0 80px 0;}
#cale_header {position:relative;height:60px;margin:0;text-align:left;font-size:24px;font-weight:bold;line-height:32px;text-align:left;}
#cale_header img,
#cale_header a {vertical-align:top;}
#cale_header .cale_month {position:absolute;right:0;top:0;}

.week_title {height:50px;overflow:hidden;font-weight:bold;line-height:50px;}
.weekend {float:left;width:14%;height:200px;margin:0 -1px -1px 0;font-size:14px;border-right:solid 1px #ddd;border-top:solid 1px #bbb;border-bottom:solid 1px #ddd}
.weekend label {display:block;height:40px;margin:0 1px 10px 1px;font-size:14px;color:#444;text-align:center;line-height:40px;font-weight:bold;background:#f6f6f6}
.weekend span {vertical-align:middle}
.weekend a {display:block;height:40px;margin:4px 8px;text-align:center;font-size:14px;line-height:40px;border:solid 1px #ddd}
.day {float:left;width:14%;height:200px;margin:0 0 -1px 0;font-size:14px;border-right:solid 1px #ddd;border-top:solid 1px #bbb;border-bottom:solid 1px #ddd}
.day label {display:block;height:40px;margin:0 1px 10px 1px;font-size:14px;color:#444;text-align:center;line-height:40px;font-weight:bold;background:#f6f6f6}
.day span {vertical-align:middle}
.day a {display:block;height:40px;margin:4px 8px;text-align:center;font-size:14px;line-height:40px;border:solid 1px #ddd}
.none_line {border-right:none}
.cale_btn {padding:10px 0 0 0}

.dot {display:inline-block;width:15px;height:15px;margin:0 6px 0 0}
.d_orange {background:#ff7700}
.d_green {background:#45b081}
.d_blue {background:#569ffd}
.d_red {background:#f75665}
.d_violet {background:#aa7bc1}
.d_cyan {background:#68c7c1}

#mypage_info {padding:29px;background:#f6f6f6;border:solid 1px #ccc}
#mypage_info .title {margin:0 0 30px 0;color:#444;font-size:24px;font-weight:bold;text-align:left;}
#mypage_info .title img {vertical-align:middle}
#mypage_info ul {}
#mypage_info ul li {display:block;padding:6px 0 6px 16px;font-size:16px;text-align:left;line-height:24px;background:url(../images/bullet_gray.png) no-repeat 0 13px;}

#print_title {height:60px;padding:0 10px;color:#444;font-size:18px;line-height:60px;text-align:left;font-weight:bold;}
#print_title_sub {height:40px;padding:0 10px;color:#444;font-size:16px;line-height:40px;text-align:left;font-weight:bold;}

#print_type {margin:20px 10px;}
#print_type table {width:100%;border-collapse:collapse;border-spacing:0}
#print_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#print_type th {padding:12px 0 12px 3px;font-size:12px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border:solid 1px #666;border:solid 1px #bbb}
#print_type td {padding:12px 0 12px 7px;font-size:12px;text-align:left;border:solid 1px #ddd;}
#print_type td a {font-size:14px !important}

.print_txt {height:70px;margin:20px 10px;padding:10px 70px 0 0;text-align:right;background:url(../images/stemp.gif) no-repeat right top}

#user_info2 {margin:0 0 30px 0;padding:19px 29px;background:#f6f6f6;border:solid 1px #ddd;}
#user_info2 li {display:block;float:left;width:33.3%;height:40px;line-height:40px;font-size:16px;text-align:left;}
#user_info2 li strong {display:inline-block;width:80px;color:#444;font-weight:bold;}
#user_info2 li img {margin:0 4px 0 0;}
#user_info2 li strong,
#user_info2 li input,
#user_info2 li span,
#user_info2 li img,
#user_info2 li a {vertical-align:middle}
#user_info2 li a img {vertical-align:middle}
#user_info2 li.w100 {width:100%}

#sub_title {margin:0 0 20px 0;font-size:30px;color:#444;font-weight:bold}
#sub_text {margin:0 0 40px 0;font-size:16px;;text-align:center;line-height:24px;}
#sub_text strong {font-weight:bold;color:#f75665}

#graph_wrap {margin:0 0 40px 0;padding:19px;background:#fff;border:solid 1px #ddd}
#graph_wrap ul {}
#graph_wrap ul li {display:block;height:50px;}
#graph_wrap ul li label {display:block;float:left;width:10%;font-size:14px;color:#444;text-align:left;font-weight:bold;line-height:25px;}
#graph_wrap ul li .var {display:block;float:left;width:90%;background:#eee}
#graph_wrap ul li .var .var_ {display:block;height:25px;font-size:14px;line-height:25px;color:#fff;}

#reform_wrap {padding:29px;font-size:14px;text-align:left;line-height:24px;border:solid 1px #ddd}
#reform_wrap strong {display:block;margin:0 0 20px 0;font-size:16px;font-weight:bold;color:#444}
.reform_q {margin:0 0 10px 0;padding:19px;text-align:left;background:#f6f6f6}

#sample_wrap {width:1000px;margin:0 auto 60px auto;}
#sample_wrap ul {}
#sample_wrap ul li {display:block;float:left;width:20%;}
#sample_wrap ul li a {display:block;width:140px;height:140px;margin:0 auto;font-size:14px;background:#f6f6f6;border:solid 1px #ddd;}
#sample_wrap ul li a strong {display:block;margin:20px 0 10px 0;color:#569ffd;font-weight:bold;font-size:16px;}
#sample_wrap ul li a img {margin:0 0 10px 0;}

#sub_title2 {margin:0 0 20px 0;font-size:18px;color:#444;font-weight:bold}
#result_box {margin:0 0 40px 0;padding:30px;font-size:14px;line-height:24px;text-align:left;background:#eee}

#sample_btn {text-align:right;}
#sample_btn .select {display:inline-block;width:160px;}
#sample_btn a.btn {display:inline-block;width:80px;height:28px;color:#666;font-size:14px;line-height:28px;text-align:center;background:#f6f6f6;border:solid 1px #ccc}
#sample_btn span,
#sample_btn input,
#sample_btn {vertical-align:top;}

#evalue_btn_wrap {margin:0 0 80px 0;text-align:center}
#evalue_btn_wrap a {display:inline-block;width:248px;height:68px;margin:0 7px;color:#666;text-align:center;font-size:16px;line-height:68px;background:#f6f6f6;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#evalue_btn_wrap a:hover {background:#bbb;text-decoration:none}
#evalue_btn_wrap a img {margin:0 7px 0 0;vertical-align:middle}

/*#evalue_type {margin:0 0 30px 0;padding:29px;background:#f6f6f6;border:solid 1px #eee;}
.evalue_info {margin:0 0 30px 0;font-weight:bold;color:#444;font-size:16px;line-height:40px;}
.evalue_info .evalue_teach {color:#999;font-weight:normal}
#evalue_type a {display:inline-block;height:40px;padding:0 14px;color:#fff;font-size:16px;line-height:40px;background:#444;}
#evalue_type a:hover {text-decoration:none}*/

#book_wrap {width:100%;}
#book_wrap ul {}
#book_wrap ul li {display:block;float:left;width:20%;}
#book_wrap ul li a.book_ {display:block;width:110px;height:150px;margin:0 auto 30px auto;padding:70px 20px 0 50px;color:#fff;font-size:18px;text-align:center;font-weight:bold;line-height:24px;background:url(../images/bg_book.png) no-repeat 0 0;background-size:100% auto}
#book_wrap ul li a.book_:hover {text-decoration:none}

.info_b {margin:0 0 40px 0;padding:29px 29px 29px 119px;background:url(../images/icon_info_b.png) no-repeat 30px 50% #f6f6f6;border:solid 1px #ddd;}
.info_b ul {}
.info_b ul li {display:block;padding:0 0 8px 12px;font-size:14px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 4px;}
.info_b ul li strong {color:#f75665;font-weight:bold}

.point_info {margin:0 0 40px 0;padding:29px 29px 29px 119px;background:url(../images/icon_point_info.png) no-repeat 30px 50% #f6f6f6;border:solid 1px #ddd;}
.point_info ul {}
.point_info ul li {display:block;padding:0 0 14px 12px;font-size:14px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 4px;}
.point_info ul li label {display:block;font-size:16px;color:#444;font-weight:bold;margin:0 0 6px 0}
.point_info ul li strong {color:#f75665;font-weight:bold}

.delay_info {margin:0 0 40px 0;padding:29px 29px 29px 119px;background:url(../images/icon_delay_info.png) no-repeat 30px 50% #f6f6f6;border:solid 1px #ddd;}
.delay_info ul {}
.delay_info ul li {display:block;padding:0 0 14px 12px;font-size:14px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 4px;}
.delay_info ul li label {display:block;font-size:16px;color:#444;font-weight:bold;margin:0 0 6px 0}
.delay_info ul li strong {color:#f75665;font-weight:bold}

#price_title {margin:0 0 40px 0;font-size:16px;color:#f75665;text-align:center;}
#price_title strong {display:block;font-size:30px;color:#444;margin:0 0 16px 0;font-weight:bold;}

#price_type {margin:0 0 80px 0;border-top:none;}
#price_type table {width:100%;border-collapse:collapse;border-spacing:0}
#price_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#price_type th {width:20%;padding:14px 0 14px 0px;font-size:14px;text-indent:10px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border:solid 1px #bbb;}
#price_type td {width:20%;padding:14px 0 14px 0px;font-size:14px;text-indent:10px;text-align:left;border:solid 1px #ddd;}

#service {margin:0 0 20px 0;}
#service ul {width:100%;}
#service ul li {display:block;float:left;width:33.3%;}
#service ul li .service_box {width:260px;height:340px;margin:0 auto 30px auto;padding:60px 40px 0 40px;font-size:14px;text-align:center;line-height:24px;background:#eee;}
#service ul li .service_box img {display:block;width:100px;margin:0 auto 20px auto}
#service ul li .service_box strong {display:block;margin:0 0 20px 0;color:#444;font-size:18px;font-weight:bold}

#appl_intro {width:1200px;margin:0 auto}
#appl_intro ul {}
#appl_intro ul li {display:block;float:left;width:240px;height:290px;}
#appl_intro ul li.arrow {width:80px !important;background:url(../images/arrow_appl.gif) no-repeat 50% 50%}
#appl_intro ul li .appl_process {width:238px;border:solid 1px #ccc;}
#appl_intro ul li .appl_process p {height:60px;padding:20px;color:#444;font-size:16px;font-weight:bold;text-align:left;line-height:24px}

#lecturer_wrap {margin:0 0 80px 0;}
#lecturer_wrap ul {}
#lecturer_wrap ul li {display:block;position:relative;float:left;width:25%;height:290px;}
#lecturer_wrap ul li .lecturer {display:block;position:relative;width:280px;height:200px;overflow:hidden;margin:0 auto 10px auto}
#lecturer_wrap ul li .lecturer .img {left:0;top:0;width:280px;height:auto;}
#lecturer_wrap ul li .lecturer p {display:block;position:absolute;width:270px;height:200px;left:0;top:160px;padding:0 0 0 10px;color:#fff;font-size:14px;text-align:left;line-height:20px;background:url(../images/bg.png);z-index:99;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#lecturer_wrap ul li .lecturer p strong {display:block;height:40px;font-size:16px;line-height:40px;}
#lecturer_wrap ul li .lecturer p:hover {top:0px;}
#lecturer_wrap ul li .lecturer_btn {height:50px;width:280px;margin:0 auto;}
#lecturer_wrap ul li .lecturer_btn a {display:block;float:left;width:133px;height:38px;font-size:14px;color:#666;text-align:center;line-height:38px;background:#f6f6f6;border:solid 1px #ccc}
#lecturer_wrap ul li .lecturer_btn a:hover {text-decoration:none}

#lec_lecturer {text-align:center;font-size:24px;font-weight:bold;color:#444}

#lec_list_type {margin:0 0 30px 0;}
#lec_article {min-height:300px;margin:0 0 40px 0;padding:19px 29px;background:#f6f6f6;border:solid 1px #ddd;}
#lec_article img {display:block;float:left;width:358px;height:auto;}
#lec_article dl {display:block;margin:0 0 0 400px;}
#lec_article dl dt {height:39px;font-size:16px;font-weight:bold;color:#444;text-align:left;border-bottom:solid 1px #bbb;}
#lec_article dl dd {position:relative;padding:12px 0 12px 0;font-size:14px;line-height:20px;font-weight:normal;}







/*********************** tablet, mobile ************************************/
@media only screen and (max-width: 768px) {
#header_wrap {position:relative;width:100%;min-width:340px;height:80px;left:0;top:0;text-align:center;background:#fff;z-index:999}
#header_wrap #header {position:relative;max-width:100% !important;min-width:100% !important;margin:0 auto;text-align:left;}

#logo {position:absolute;display:block;width:200px;height:80px;left:50%;top:0;margin:0 0 0 -100px;background:url(../images/logo_m.png) no-repeat 0 0;}

#tnb {position:absolute;right:10px;top:25px;text-align:right}
#tnb a {display:inline-block;width:32px;height:32px;overflow:hidden;margin:0 0 0 3px;padding:0;line-height:999px;background:none}
#tnb a.btn_login {background:url(../images/icon_user.png) no-repeat 50% 50%}
#tnb a.btn_regist {display:none}

#viz_wrap {position:relative;width:100%;height:auto;padding:40px 0;}
#viz_wrap .slogon {padding:0;font-size:16px;line-height:22px;font-weight:normal;color:#fff;text-align:center;}
#viz_wrap .slogon strong {font-size:26px;line-height:40px;font-weight:bold;}
#viz_wrap .slogon .viz_serv {display:inline-block;width:30%;height:80px;margin:0 2px 10px 2px;padding:10px 0 0 0;color:#fff;font-size:12px;font-weight:bold;line-height:18px;border:solid 1px #fff}
#viz_wrap .slogon .viz_serv img {width:30px;height:30px;margin:0 0 8px 0;}

.con_serv {display:inline-block;width:30%;height:80px;margin:0 2px 10px 2px;padding:10px 0 0 0;color:#444;font-size:12px;font-weight:bold;line-height:18px;border:solid 1px #ccc}
.con_serv img {width:30px;height:30px;margin:0 0 8px 0;}

#snb_wrap {width:100%;min-width:340px;margin:0 0 0 0;height:40px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#snb_wrap ul {margin:0;padding:0;}
#snb_wrap ul li {display:block;position:relative;float:left;border-left:solid 1px #ddd;}
#snb_wrap ul li.last {border-right:solid 1px #ddd;}
#snb_wrap ul li a {display:block;width:98px;height:40px;font-size:12px;line-height:40px;text-align:left;text-indent:10px;background:url(../images/arrow_down.gif) no-repeat right 50% #fff;cursor:pointer}
#snb_wrap ul li a.home {display:block;width:40px;height:40px;line-height:40px;text-align:center;text-indent:0;background:none;}
#snb_wrap ul li ul {display:block;position:absolute;left:-1px;top:40px;width:148px;height:0;overflow:hidden;padding:0;background:#fff;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;z-index:99;}
#snb_wrap ul li ul li {display:block;float:none;border:none}
#snb_wrap ul li ul li a {display:block;width:148px;background:none}

#snb_wrap_b {width:100%;min-width:340px;margin:0 0 0 0;height:40px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#snb_wrap_b ul {margin:0;padding:0;}
#snb_wrap_b ul li {display:block;position:relative;float:left;border-left:solid 1px #ddd;}
#snb_wrap_b ul li.last {border-right:solid 1px #ddd;}
#snb_wrap_b ul li a {display:block;width:148px;height:40px;font-size:12px;line-height:40px;text-align:left;text-indent:10px;background:url(../images/arrow_down.gif) no-repeat right 50% #fff;cursor:pointer}
#snb_wrap_b ul li a.home {display:block;width:40px;height:40px;line-height:40px;text-align:center;text-indent:0;background:none;}
#snb_wrap_b ul li ul {display:block;position:absolute;left:-1px;top:40px;width:148px;height:0;overflow:hidden;padding:0;background:#fff;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;z-index:99;}
#snb_wrap_b ul li ul li {display:block;float:none;border:none}
#snb_wrap_b ul li ul li a {display:block;width:148px;background:none}

#body_wrap {max-width:1200px;min-width:340px;margin:0 10px;padding:40px 0;text-align:center;}
#body_wrap h1 {display:block;margin:0 0 20px 0;color:#444;font-size:24px;font-weight:bold;line-height:24px;}
#body_wrap #h1_sub {display:block;margin:0 0 10px 0;color:#444;font-size:14px;font-weight:bold;line-height:normal;}
#body_wrap h2 {display:block;margin:0 0 20px 0;color:#666;font-size:16px;font-weight:bold;line-height:22px;}
#body_wrap h3 {display:block;margin:0 0 10px 0;color:#666;font-size:12px;font-weight:normal;line-height:20px;}

#footer_wrap {width:100%;margin:0 auto;padding:40px 0;;font-size:14px;text-align:center;background:url(../images/bg_footer.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover !important;}
#footer_wrap #footer_slogon {margin:20px;font-size:24px;color:#fff;font-weight:bold;line-height:30px;}
#footer_wrap ul {width:100%;max-width:1000px;margin:30px auto}
#footer_wrap ul li {display:block;float:none;width:80%;margin:0 auto;padding:20px 0;border-right:none;border-bottom:solid 1px #666}
#footer_wrap ul li .title {font-size:18px;font-weight:bold;line-height:24px}
#footer_wrap ul li .tel {font-size:24px;font-weight:bold}
#footer_wrap ul li.last {border-right:none;border-bottom:none}
#footer_wrap ul li a {display:block;width:120px;height:40px;margin:0 auto;color:#fff;line-height:40px;background:url(../images/btn_bg.png)}

.idealselect {font-size:12px !important;}

/* add file */
input[type=text].fileInputText{float:left;text-indent:7px;font-size:12px;border:1px solid #ddd;margin:0;padding:0}

#login_wrap {max-width:1000px;margin:0 auto;text-align:left;font-size:12px;}
#login_wrap ul {max-width:600px;margin:0 auto;}
#login_wrap ul li {display:block;position:relative;margin:0 0 10px 0;text-align:left;font-size:12px;}
#login_wrap ul li label {position:absolute;display:block;left:0;top:0;font-size:12px;line-height:40px;padding:0 0 0 9px}
#login_wrap ul li .input {display:block;width:100%;height:38px;font-size:12px;text-indent:9px;line-height:38px;border:solid 1px #ddd}
#login_wrap ul li .btn_submit {width:100%;height:50px;color:#fff;font-size:12px;line-height:50px;text-align:center;background:#569ffd;border:none}
#login_wrap p {display:block;max-width:600px;margin:0 auto 20px auto;text-align:center;}
#login_wrap a {display:inline-block;margin:10px 2px;padding:12px 18px;font-size:12px;color:#666;line-height:normal;text-decoration:none;background:#f6f6f6;border:solid 1px #ddd}

#login_regist {max-width:600px;margin:0 auto;padding:40px 20px;font-size:12px;text-align:center;line-height:24px;background:#f6f6f6}
#login_regist a {display:inline-block;margin:0 2px;padding:12px 18px;font-size:12px;color:#666;line-height:normal;text-decoration:none;background:#fff;border:solid 1px #ddd}

#reg_title {height:40px;padding:0 0 0 20px;color:#444;font-size:14px;font-weight:bold;line-height:40px;text-align:left;background:url(../images/bullet_regist.gif) no-repeat 0 50%;}

#reg_process {margin:0 0 40px 0;}
#reg_process ul {}
#reg_process ul li {display:block;float:left;width:33.3%;text-align:center;color:#444;font-size:14px;font-weight:bold;background:none}
#reg_process ul li.last {background:none}
#reg_process ul li img {display:block;width:60px;;margin:0 auto 10px auto;}
#reg_process ul li span {}

#agree_wrap {width:100%;max-width:1000px;margin:0 auto;font-size:12px;text-align:left;}
#agree_title {height:50px;padding:0 0 0 20px;color:#444;font-size:14px;font-weight:bold;line-height:50px;text-align:left;background:url(../images/bullet_regist.gif) no-repeat 0 50%;}
#agree_area {height:150px;margin:0 0 20px 0;padding:9px;font-size:12px;text-align:left;line-height:20px;background:#fff;border:solid 1px #ccc;overflow-y:scroll}
#agree_chk {height:50px;text-align:right;font-size:12px;}
#agree_chk input,
#agree_chk span,
#agree_chk img,
#agree_chk a {vertical-align:middle}

#form_type {max-width:1200px;margin:0;padding:9px;background:#fff;border:solid 1px #ccc;}
#form_type dl {}
#form_type dl dt {display:block;float:none;width:100%;min-height:30px;padding:4px 0;color:#444;font-size:12px;font-weight:bold;line-height:30px;text-align:left;}
#form_type dl dt img {vertical-align:middle}
#form_type dl dd {display:block;float:none;width:100%;min-height:30px;margin:0 0 10px 0;padding:4px 0;color:#999;font-size:12px;font-weight:bold;line-height:30px;text-align:left;}
#form_type dl dd .input {display:inline-block;width:100%;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#form_type dl dd .input_b {display:inline-block;width:100%;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#form_type dl dd .input_tel {display:inline-block;width:80px;height:28px;margin:0 5px 0 0;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}
#form_type dl dd .select {display:inline-block;width:100%;}
#form_type dl dd .textarea {width:95%;height:150px;border:solid 1px #ccc}
#form_type dl dd .textarea_b {width:100%;height:200px;font-size:12px;border:solid 1px #ccc}
#form_type dl dd .radio_area {display:inline-block;width:40%;margin:0 0 12px;font-weight:normal;color:#666;line-height:normal}
#form_type dl dd .radio_area span,
#form_type dl dd .radio_area input,
#form_type dl dd .radio_area img,
#form_type dl dd .radio_area a {vertical-align:middle}
#form_type dl dd input,
#form_type dl dd span,
#form_type dl dd img,
#form_type dl dd a {vertical-align:middle}
#form_type dl dd.w85 {width:100% !important}
#form_type dl dd.w100 {width:100% !important}
#form_type dl dd .form_info {font-weight:normal}

#form_type dl dd .bg_clock {background:url(../images/icon_clock.png) no-repeat right 50%;}
#form_type dl dd .bg_date {}

#reg_result {width:100%;max-width:800px;margin:40px auto;font-size:12px;text-align:center;line-height:24px;}
#reg_result ul {}
#reg_result ul li {display:block;margin:0 0 30px 0;}
#reg_result ul li strong {color:#444;font-weight:bold;font-size:14px;}

#reg_result_info {max-width:400px;margin:40px auto;padding:19px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#reg_result_info ul {}
#reg_result_info ul li {display:block;height:40px;margin:0;font-size:12px;line-height:40px;text-align:left;}
#reg_result_info ul li label {display:inline-block;width:80px;color:#444;;font-weight:bold;}

#info {min-height:32px;padding:9px 9px 9px 49px;font-size:12px;line-height:18px;text-align:left;background:url(../images/icon_info.png) no-repeat 10px 50% #f6f6f6;border:solid 1px #ccc}

#list_type {margin:0 0 10px 0;border-top:solid 1px #666 !important;}
#list_type table {width:100%;border-collapse:collapse;border-spacing:0}
#list_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#list_type th {display:none;padding:12px 0 12px 3px;font-size:12px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #bbb}
#list_type td {padding:12px 0 12px 7px;font-size:12px;text-align:left;border-bottom:solid 1px #ddd;}
#list_type td a {font-size:14px !important}
#list_type td .cmt {display:inline-block;margin:0 2px;font-size:11px;color:#ff7700;}
#list_type td .list_info {display:block;margin:6px 0 0 0;}
#list_type td .list_info .var {display:inline-block;margin:0 3px;font-size:12px;color:#ccc}
#list_type td .list_info strong {color:#666;font-weight:bold;}

.num {display:none;width:60px;text-align:left}
.subject {text-align:left;}
.date {display:none;width:120px;text-align:left}
.name {display:none;width:100px;text-align:left}
.down {width:40px;text-align:center !important;}
.grade {display:none;width:120px;text-align:left;}
.vi_evalue {display:none;width:80px;text-align:left;}
.evalue_info {display:inline-block}
.evalue_grade {display:block;margin:10px 0;}
.evalue_grade dl {}
.evalue_grade dl dt {float:left;display:block;width:20%;height:28px;margin:0 -1px -1px -1px;color:#444;text-align:center;line-height:28px;background:#f6f6f6;border:solid 1px #ddd}
.evalue_grade dl dd {float:left;display:block;width:20%;height:28px;margin:0 -1px -1px -1px;text-align:center;line-height:28px;border:solid 1px #ddd}


.pay_way {display:none;width:140px;text-align:left;}
.pay_price {display:none;width:width:80px;text-align:right;}
.proc {display:none;width:120px;text-align:left;}
.receipt {width:40px;text-align:left;}



#list_category {width:100%;margin:0 0 40px 0}
#list_category h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#list_category ul {}
#list_category ul li {display:block;float:left;width:50% !important}
#list_category ul li a {display:block;height:38px;margin:0 -1px -1px 0;font-size:12px;color:#999;text-align:center;line-height:38px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#list_category ul li a#on {height:38px;margin:0 0 -1px 0 !important;color:#fff;font-weight:bold;background:#e87a45;border:solid 1px #e87a45;z-index:99999}
#list_category ul li a:hover {color:#fff;background:#666}



.btn_frm {display:inline-block;padding:0 14px;height:32px;font-size:12px;color:#666;font-weight:normal;text-decoration:none;border:solid 1px #ddd;}
a.btn_frm {height:32px;color:#666;line-height:32px;text-decoration:none;}

#view_type {max-width:1200px;margin:0 auto 30px auto;}
#view_type #view_title {padding:18px 10px;color:#444;font-size:14px;font-weight:bold;text-align:left;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #ddd}
#view_type #view_title .category {display:block;color:#999;margin:0 10px 6px 0;padding:0 10px 0 0;font-size:14px;border-right:none}
#view_type #view_title .date {color:#999;font-size:12px;}
#view_type #view_info {padding:18px 10px;font-size:12px;text-align:left;border-bottom:solid 1px #ddd}
#view_type #view_info strong {color:#444;font-weight:bold;}
#view_type #view_info .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_file {}
#view_type #view_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_file ul {}
#view_type #view_file ul li {display:block;padding:18px 10px;font-size:12px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_file ul li .label {display:inline-block;width:60px;color:#444;font-weight:bold}

#view_type #view_link {}
#view_type #view_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_link ul {}
#view_type #view_link ul li {display:block;padding:18px 10px;font-size:12px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_link ul li .label {display:inline-block;width:60px;color:#444;font-weight:bold}

#view_content_type {padding:30px 10px;font-size:12px;text-align:left;}
#view_content_type h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#view_sns_type {height:50px;}
#view_sns_type ul {}
#view_sns_type ul li {display:block;float:left}
#view_sns_type ul li a {display:block;margin:0 8px 0 0}

#btn_choice_good, #btn_choice_bad {display:none;position:absolute;top:30px;left:0;min-width:250px;padding:19px;color:#999;text-align:center;background:#f6f6f6;border:solid 1px #ddd}

#btn_area_move {margin:0 0 40px 0;font-size:12px;text-align:left;border-top:solid 1px #ddd}
#btn_area_move strong {display:inline-block;width:60px;color:#666;font-weight:bold}
#btn_area_move a.btn_prev {display:block;padding:18px 10px 18px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a.btn_next {display:block;padding:18px 10px 18px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a:hover {}

#btn_area_center {height:50px;text-align:center;vertical-align:top;}
#btn_area_center a {display:inline-block;margin-left:3px;padding:10px 14px;font-size:12px;color:#fff;line-height:normal;background:#444;}
#btn_area_center .btn_act {display:inline-block;margin-left:3px;padding:8px 12px;font-size:12px;color:#fff;line-height:normal;background:#569ffd;border:none}
#btn_area_center a.btn_cancel {padding:7px 14px;color:#666;background:#f6f6f6;border:solid 1px #ddd}
#btn_area_center input,
#btn_area_center a {vertical-align:top}

#btn_area {height:50px;text-align:right;}
#btn_area a {display:inline-block;margin-left:2px;padding:8px 12px;font-size:12px;color:#fff;line-height:normal;background:#444;}
#btn_area a.btn_act {background:#569ffd}

#paging_area {height:50px;text-align:center}
#paging_area a {display:inline-block;margin:2px;padding:0 6px;height:18px;color:#666;letter-spacing:0;line-height:18px;border:solid 1px #ccc;vertical-align:middle}
#paging_area a:focus, 
#paging_area a:hover {text-decoration:none;}
#paging_area a {background:#eee;text-decoration:none}
#paging_area .pg_prev {padding:0 8px 0 14px;background:url(../images/btn_page_next.gif) no-repeat 50% 50%}
#paging_area .pg_start {padding:0 8px 0 14px;background:url(../images/btn_page_next2.gif) no-repeat 50% 50%}
#paging_area .pg_end {padding:0 14px 0 8px;background:url(../images/btn_page_prev2.gif) no-repeat 50% 50%}
#paging_area .pg_next {padding:0 14px 0 8px;background:url(../images/btn_page_prev.gif) no-repeat 50% 50%}
#paging_area .pg_current {display:inline-block;padding:0 8px;color:#fff;font-weight:bold;background:#444;border:solid 1px #222;}

#search_type {text-align:center;}
#search_type .select {display:inline-block;width:100px;font-size:14px;}
#search_type .input {display:inline-block;width:160px;height:26px;font-size:12px;line-height:26px;text-indent:6px;border:solid 1px #ddd}
#search_type .btn {display:inline-block;width:40px;height:28px;color:#fff;font-size:12px;line-height:28px;text-align:center;background:#444;border:none}
#search_type span,
#search_type input,
#search_type {vertical-align:top;}

#cmt_type {margin:0 0 40px 0;font-size:12px;text-align:left;}
#cmt_type h2 {display:none}
#cmt_type #cmt_title {display:block !important;height:40px;padding:20px 0 0 0;color:#444;font-weight:bold;}
#cmt_type p {line-height:18px;}
#cmt_type .cmt_info {height:30px;}
#cmt_type .date {color:#999;font-size:11px;}
#cmt_type .cmt_info #cmt_btn {float:right;}
#cmt_type .cmt_info #cmt_btn ul {}
#cmt_type .cmt_info #cmt_btn ul li {display:block;float:left;}
#cmt_type .cmt_info #cmt_btn ul li a {display:block;margin:0 6px 0 0;padding:0 6px 0 0;color:#999;font-size:12px;border-right:solid 1px #ddd;}
#cmt_type .cmt_info #cmt_btn ul li a.last {margin:0;padding:0;border-right:none}

#cmt_form_type {padding:20px 0;}
#cmt_form_type table {width:100%;margin:0 0 30px 0;border-collapse:collapse;border-top:solid 1px #ddd;border-spacing:0}
#cmt_form_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#cmt_form_type th {width:120px;padding:18px 8px;font-size:12px;color:#444;text-align:left;font-weight:bold;/*background:#f6f6f6;*/border-bottom:solid 1px #eee;}
#cmt_form_type td {width:;padding:18px 8px;font-size:12px;color:#999;text-align:left;border-bottom:solid 1px #eee;}
#cmt_form_type textarea {width:95%;height:100px;border:solid 1px #ddd;}
#cmt_form_type .btn_cmt_submit {display:block;width:100%;height:40px;color:#fff;font-weight:bold;font-size:14px;text-align:center;background:#444;border:none;cursor:pointer}

#btn_area_frm {position:relative;height:80px;text-align:center} /* ¼­½Ä´Ü°è ÁøÇà */
#btn_area_frm .btn {display:inline-block;padding:0 44px;font-size:14px;font-weight:bold;background:#fff;border:solid 1px #ccc;cursor:pointer;}
#btn_area_frm .btn_act {height:50px;color:#fff;text-decoration:none;background:#569ffd;border:solid 1px #1e80ff !important}
#btn_area_frm a.btn_act {height:50px;color:#fff;line-height:48px;text-decoration:none;background:#569ffd;border:solid 1px #1e80ff !important}
#btn_area_frm .btn_normal {height:50px;color:#666;text-decoration:none;}
#btn_area_frm a.btn_normal {height:48px;color:#666;line-height:48px;text-decoration:none;}
#btn_area_frm input,
#btn_area_frm button,
#btn_area_frm span,
#btn_area_frm img,
#btn_area_frm a {vertical-align:top;}

#faq_wrap {margin:0 0 30px 0;text-align:left;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {border-bottom:1px solid #ddd;}
#faq_con h3 a {display:block;padding:16px 8px;font-size:14px;font-weight:bold;line-height:26px;border-top:1px solid #ddd;text-decoration:none}
#faq_con .lbl_q {display:block;float:left;width:26px;height:26px;margin-right:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:26px;background:#444;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .lbl_a {display:block;width:26px;height:26px;margin-bottom:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:26px;background:#569ffd;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .con_inner {display:none;padding:10px 10px 40px 10px;font-size:12px;line-height:18px}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {height:29px;padding:0 12px;color:#666;text-align:center;line-height:27px;font-weight:bold;text-decoration:none;background:#f6f6f6/*linear-gradient(0deg, #444, #666)*/;border:solid 1px #ccc;cursor:pointer;}
#faq_con span,
#faq_con img,
#faq_con a {vertical-align:middle}

#proc_profe {max-width:1200px;margin:0 auto;}
#proc_profe ul {}
#proc_profe ul li {display:block;float:none;width:100%;text-align:center}
#proc_profe ul li .proc_con {width:300px;margin:20px auto;}
#proc_profe ul li .proc_con img {display:block;}
#proc_profe ul li .proc_con p {display:block;position:relative;height:120px;padding:9px;font-size:12px;text-align:left;line-height:18px;border:solid 1px #ccc;}
#proc_profe ul li .proc_con p strong {display:block;margin:0 0 7px 0;font-size:16px;font-weight:bold;line-height:normal;color:#444;}
#proc_profe ul li .proc_con p a {display:block;position:absolute;width:50%;height:30px;left:50%;bottom:20px;margin:0 0 0 -25%;color:#fff;font-size:14px;text-align:center;line-height:30px;font-weight:bold;background:#444;}

#det_process {}
#det_process ul {width:100%;}
#det_process ul li {display:block;float:left;width:33.3%;}
#det_process ul li a {display:block;height:40px;margin:0 -2px -1px 0;font-size:14px;color:#444;line-height:40px;font-weight:bold;text-align:center;background:#f6f6f6;border:solid 1px #ccc}
#det_process ul li a:hover {color:#fff;background:#444}
#det_process ul li a.on {color:#fff;background:#e87a45}

#det_lev_title {margin:20px 0;padding:19px;border:solid 1px #ddd;}
#det_lev_title ul {width:100%;}
#det_lev_title ul li {display:block;float:left;width:50%;}
#det_lev_title ul li a {display:block;height:30px;margin:0;font-size:12px;color:#666;line-height:30px;text-align:left;background:#fff;}
#det_lev_title ul li a:hover {color:#444;}
#det_lev_title ul li a.on {color:#569ffd}

#det_list_type {margin:0 0 20px 0;}
#det_article {margin:0 0 20px 0;padding:29px 19px;background:#f6f6f6;border:solid 1px #ddd;}
#det_article img {display:block;float:none;width:120px;height:auto;margin:0 auto 20px auto;}
#det_article dl {display:block;margin:0 0 0 0;}
#det_article dl dt {height:29px;font-size:14px;font-weight:bold;color:#444;text-align:left;border-bottom:solid 1px #bbb;}
#det_article dl dd {position:relative;padding:8px 0 8px 90px;;font-size:12px;line-height:20px;font-weight:normal;border-bottom:solid 1px #ddd;}
#det_article dl dd label {position:absolute;display:block;width:60px;left:0;top:0;padding:8px 0 8px 16px;font-size:12px;color:#444;line-height:20px;background:url(../images/bullet_orange.png) no-repeat 4px 50%;border-right:solid 1px #ddd;}
#det_article dl dd.det_btn_area {padding:8px 0;text-align:center;}
#det_article dl dd a.btn {display:inline-block;margin:0 4px 0 0;padding:6px 12px;font-size:12px;color:#fff;line-height:22px;text-align:center;background:#569ffd}
#det_article dl dd a.btn img {display:inline-block !important;width:22px;height:auto;margin:0 2px 0 0;vertical-align:middle}
#det_article dl dd a.btn img,
#det_article dl dd a.btn a {vertical-align:middle}

#wing_wrap {height:480px;padding:0 0 0 0;text-align:center;background:url(../images/bg_wing.jpg) no-repeat 50% 0;}
#wing_wrap strong {font-size:24px;color:#fff;line-height:30px;}
#wing_wrap span {display:block}
#wing_wrap a {display:block;width:200px;height:50px;;margin:0 auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:50px;background:#569ffd;}

ul.tab {width:100%;height:80px;margin:0 0 20px 0;padding:0;}
ul.tab li {display:block;float:left;width:50%;height:40px;list-style-type:none;}
ul.tab li a {display:block;height:40px;margin:0 0 -1px -1px;color:#999;font-size:14px;font-weight:bold;text-align:center;line-height:40px;background:#f6f6f6;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 }
ul.tab li a:hover {color:#fff;text-decoration:none;background:#e87a45}
ul.tab li a.selected {color:#fff;background:#e87a45}
ul.tab li a img {width:20px;height:auto;}
ul.tab li img,
ul.tab li a {vertical-align:middle}

/*ul.panel {}
ul.panel li {text-align:left;}
ul.panel li .lev_con {padding:0 0 20px 0;margin:0 0 20px 0;font-size:12px;border-bottom:solid 1px #ddd;}
ul.panel li .lev_con strong {display:block;margin:0 0 9px 0;font-size:14px;color:#444;font-weight:bold;}
ul.panel li .lev_con strong,
ul.panel li .lev_con span,
ul.panel li .lev_con img {vertical-align:middle}
ul.panel li .lev_con .con {clear:both;position:relative;margin:0 0 20px 0;padding:0 0 0 0;line-height:20px;}
ul.panel li .lev_con .con label {display:block;position:relative;width:100%;left:0;top:0;padding:0 0 0 12px;color:#444;font-weight:bold;font-size:14px;border-right:solid 1px #ddd;background:url(../images/bullet_orange.png) no-repeat left 50%}*/

#lev_lbl {width:100%;height:100px;}
#lev_lbl dl {}
#lev_lbl dl dt {display:block;float:left;height:40px;margin:0 -1px -1px -1px;padding:5px 0 0 0;color:#444;font-size:12px;font-weight:bold;text-indent:0;line-height:40px;background:#eee;border:solid 1px #ddd;}
#lev_lbl dl dd {display:block;float:left;width:10%;height:30px;margin:0 -1px 0 -1px;color:#666;font-size:12px;font-weight:bold;text-indent:0;line-height:30px;background:#fff;border:solid 1px #ddd;}

.lev_title {margin:0 0 14px 0;padding:0 0 0 14px;color:#444;font-size:14px;font-weight:bold;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 50%}

.lev_var {display:none;}

.lev_var_s {display:block;width:100%;height:10px;margin:7px 0 0 0;}
.lev_var_s li {display:block !important;float:left;width:10%;height:10px;}
.lev_var_s li div {display:block;height:10px;border-left:solid 1px #fff;}

.lev_con_wrap {width:100%;height:auto;}
.lev_con {display:block;float:none;width:100% !important;margin:0 0 20px 0;padding:0 0 20px 0;text-align:left;font-size:12px;border-bottom:solid 1px #ddd;}
.lev_con .lev_lbl {display:block;margin:0 0 4px 0;color:#444;font-size:14px;font-weight:bold;line-height:normal}
.mobile_none {display:none !important}

.lev_intro {margin:0 0 20px 0;padding:9px;text-align:left;font-size:12px;line-height:18px;background:#f6f6f6;border:solid 1px #ddd}
.lev_intro strong {display:block;margin:0 0 8px 0;padding:0 0 0 12px;color:#444;font-size:14px;font-weight:bold;background:url(../images/bullet_orange.png) no-repeat 0 50% }
.lev_intro .lev_intro_con {position:relative;margin:0 0 10px 0;padding:0 0 0 0;}
.lev_intro .lev_intro_con label {display:block;position:relative;width:100%;left:0;top:0;margin:0 0 4px 0;color:#569ffd;font-weight:bold;border-right:none;}

#test_wrap {max-width:1000px;margin:0 auto;padding:70px 0 0 0;background:url(../images/test_bg.jpg) no-repeat 50% 0;background-size:contain;}
#test_wrap .test_intro {margin:0 40px;font-size:14px;text-align:center;font-weight:bold;line-height:24px;}
#test_wrap .test_q {height:auto;margin:0 20px 10px 20px;padding:0 0 0 30px;color:#444;font-size:14px;text-align:left;font-weight:bold;line-height:22px;background:url(../images/icon_info_gray.png) no-repeat left 0;background-size:22px 22px}
#test_wrap .test_a {margin:0 20px 20px 20px;padding:9px 19px;font-size:12px;text-align:left;background:#f6f6f6;border:solid 1px #ddd;}
#test_wrap .test_a .test_frm {display:block;float:left;width:50%;margin:0 0 14px 0;}

#test_type {margin:0 20px;padding:9px 19px;background:#f6f6f6;border:solid 1px #ccc;}
#test_type dl {}
#test_type dl dt {display:block;float:none;width:100%;min-height:10px;padding:8px 0 0 0;color:#444;font-size:14px;font-weight:bold;line-height:normal;text-align:left;}
#test_type dl dt img {vertical-align:middle}
#test_type dl dd {display:block;float:left;width:100%;min-height:40px;padding:8px 0;color:#999;font-size:12px;font-weight:normal;line-height:30px;text-align:left;}
#test_type dl dd .input {display:inline-block;width:70%;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#test_type dl dd .input_b {display:inline-block;width:80%;height:28px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#test_type dl dd .input_tel {display:inline-block;width:60px;height:28px;margin:0 10px 0 0;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}
#test_type dl dd .select {display:inline-block;width:70%;}
#test_type dl dd input,
#test_type dl dd span,
#test_type dl dd img,
#test_type dl dd a {vertical-align:middle}
#test_type dl dd.w90 {width:100% !important}

#lev_agree {text-align:center;font-size:14px;vertical-align:top;}

.btn_lev {display:block;width:70%;height:40px;margin:0 auto 10px auto;color:#fff;font-size:14px;text-align:center;line-height:40px;font-weight:normal !important;background:#569ffd;border:none}


/*** mypage ***/
#user_info {margin:0 0 20px 0;padding:9px;background:#f6f6f6;border:solid 1px #ddd;}
#user_info li {display:block;float:none;width:100%;height:40px;line-height:40px;font-size:12px;text-align:left;}
#user_info li strong {color:#444;font-weight:bold;}
#user_info li img {width:24px;height:auto;margin:0 4px 0 0;}
#user_info li a {display:inline-block;width:100%;height:40px;color:#ccc;line-height:40px;text-align:center;background:#444;}
#user_info li a:hover {text-decoration:none}
#user_info li strong,
#user_info li input,
#user_info li span,
#user_info li img,
#user_info li a {vertical-align:middle}
#user_info li a img {vertical-align:middle}

#user_lec_info {margin:0 0 20px 0;}
#user_lec_info li {display:block;float:left;width:50%;margin:0 -1px -1px -1px;border:solid 1px #ddd}
#user_lec_info li label {display:block;height:40px;font-size:12px;color:#444;line-height:40px;text-align:left;font-weight:bold;text-indent:18px;background:url(../images/bullet_gray.png) no-repeat 6px 50% #eee}
#user_lec_info li span {display:block;height:40px;font-size:12px;line-height:40px;text-align:left;text-indent:8px;background:#fff;}
#user_lec_info li.w75 {width:50%;}

#mypage_opt {margin:0 0 20px 0;}
#mypage_opt li {display:block;float:none;width:100%;}
#mypage_opt li a {display:block;width:100%;height:50px;margin:4px auto;color:#fff;font-size:12px;font-weight:bold;text-align:left;line-height:50px;text-indent:10px;background:#444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#mypage_opt li a:hover {background:#569ffd;text-decoration:none}
#mypage_opt li a img {margin:0 4px 0 0;}
#mypage_opt li a img {vertical-align:middle}

#mypage_opt2 {width:100%;margin:0 0 20px 0;}
#mypage_opt2 li {display:block;float:none;width:100%;}
#mypage_opt2 li a {display:block;width:100%;height:50px;margin:4px auto;color:#fff;font-size:12px;font-weight:bold;text-align:left;line-height:50px;text-indent:10px;background:#444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#mypage_opt2 li a:hover {background:#569ffd;text-decoration:none}
#mypage_opt2 li a img {margin:0 4px 0 0;}
#mypage_opt2 li a img {vertical-align:middle}

#cale_cat {margin:0 0 20px 0;padding:9px;text-align:center;border:solid 1px #ddd;}
#cale_cat ul {}
#cale_cat ul li {display:block;float:left;width:50%;text-align:left;font-size:12px;line-height:15px;}
#cale_cat ul li span {vertical-align:middle}

#cale_wrap {margin:0 0 60px 0;}
#cale_header {position:relative;height:50px;margin:0;text-align:left;font-size:18px;font-weight:bold;line-height:32px;text-align:left;}
#cale_header img,
#cale_header a {vertical-align:top;}
#cale_header .cale_month {position:absolute;right:0;top:0;}

.week_title {display:none}
.weekend {float:none;position:relative;width:100%;height:50px;margin:0;font-size:12px;text-align:left;border-right:none;border-top:solid 1px #ddd}
.weekend label {display:inline-block;width:40px;height:50px;margin:0;font-size:12px;color:#444;text-align:left;line-height:50px;font-weight:bold;background:#fff}
.weekend span {vertical-align:middle}
.weekend a {display:inline-block;height:30px;margin:4px 0;padding:0 4px;text-align:center;font-size:12px;line-height:30px;border:solid 1px #ddd}
.day {float:none;position:relative;width:100%;height:50px;margin:0;font-size:12px;text-align:left;border-right:none;border-top:solid 1px #ddd}
.day label {display:inline-block;width:40px;height:50px;margin:0;font-size:12px;color:#444;text-align:left;line-height:50px;font-weight:bold;background:#fff}
.day span {vertical-align:middle}
.day a {display:inline-block;height:30px;margin:4px 0;padding:0 4px;text-align:center;font-size:12px;line-height:30px;border:solid 1px #ddd}
.none_line {border-right:none}
.cale_btn {position:absolute;right:0;top:5px;padding:0}


.dot {display:inline-block;width:10px;height:10px;margin:0 3px 0 0}
.d_orange {background:#ff7700}
.d_green {background:#45b081}
.d_blue {background:#569ffd}
.d_red {background:#f75665}
.d_violet {background:#aa7bc1}

#mypage_info {padding:19px;background:#f6f6f6;border:solid 1px #ccc}
#mypage_info .title {margin:0 0 20px 0;color:#444;font-size:16px;font-weight:bold;text-align:left;}
#mypage_info .title img {vertical-align:middle}
#mypage_info ul {}
#mypage_info ul li {display:block;padding:6px 0 6px 12px;font-size:12px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 12px;}

#user_info2 {margin:0 0 20px 0;padding:9px;background:#f6f6f6;border:solid 1px #ddd;}
#user_info2 li {display:block;float:none;width:100%;height:40px;line-height:40px;font-size:12px;text-align:left;}
#user_info2 li strong {display:inline-block;width:80px;color:#444;font-weight:bold;}
#user_info2 li img {margin:0 4px 0 0;}
#user_info2 li strong,
#user_info2 li input,
#user_info2 li span,
#user_info2 li img,
#user_info2 li a {vertical-align:middle}
#user_info2 li a img {vertical-align:middle}

#sub_title {margin:0 0 10px 0;font-size:18px;color:#444;font-weight:bold;line-height:24px;}
#sub_text {margin:0 0 30px 0;font-size:12px;;text-align:center;line-height:18px;}
#sub_text strong {font-weight:bold;color:#f75665}

#reform_wrap {padding:9px;font-size:12px;text-align:left;line-height:18px;border:solid 1px #ddd}
#reform_wrap strong {display:block;margin:0 0 20px 0;font-size:14px;font-weight:bold;color:#444}
.reform_q {margin:0 0 10px 0;padding:9px;text-align:left;background:#f6f6f6}

#graph_wrap {margin:0 0 30px 0;padding:9px;background:#fff;border:solid 1px #ddd}
#graph_wrap ul {}
#graph_wrap ul li {display:block;height:60px;}
#graph_wrap ul li label {display:block;float:left;width:100%;height:25px;font-size:12px;color:#444;text-align:left;font-weight:bold;line-height:20px;}
#graph_wrap ul li .var {display:block;float:left;width:100%;background:#eee}
#graph_wrap ul li .var .var_ {display:block;height:20px;font-size:12px;line-height:20px;color:#fff;}

#sample_wrap {margin:0 0 30px 0;}
#sample_wrap ul {}
#sample_wrap ul li {display:block;float:left;width:33.3%;}
#sample_wrap ul li a {display:block;width:80%;height:140px;margin:0 auto 20px auto;font-size:12px;background:#f6f6f6;border:solid 1px #ddd;}
#sample_wrap ul li a strong {display:block;margin:20px 0 10px 0;color:#569ffd;font-weight:bold;font-size:14px;}
#sample_wrap ul li a img {margin:0 0 10px 0;}

#sub_title2 {margin:0 0 10px 0;font-size:16px;color:#444;font-weight:bold}
#result_box {margin:0 0 30px 0;padding:10px;font-size:12px;line-height:18px;text-align:left;background:#eee}

#sample_btn {text-align:right;}
#sample_btn .select {display:inline-block;width:140px;}
#sample_btn a.btn {display:inline-block;width:80px;height:24px;color:#666;font-size:12px;line-height:24px;text-align:center;background:#f6f6f6;border:solid 1px #ccc}
#sample_btn span,
#sample_btn input,
#sample_btn {vertical-align:top;}

#evalue_btn_wrap {margin:0 0 40px 0;text-align:center}
#evalue_btn_wrap a {display:inline-block;width:100%;height:48px;margin:0 0 10px 0;color:#666;text-align:center;font-size:12px;line-height:48px;background:#f6f6f6;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#evalue_btn_wrap a:hover {background:#bbb;text-decoration:none}
#evalue_btn_wrap a img {margin:0 7px 0 0;vertical-align:middle}

/*#evalue_type {margin:0 0 20px 0;padding:19px 9px;background:#f6f6f6;border:solid 1px #eee;}
.evalue_info {margin:0 0 20px 0;font-weight:bold;color:#444;font-size:14px;line-height:30px;}
.evalue_info .evalue_teach {color:#999;font-weight:normal}
#evalue_type a {display:inline-block;height:30px;padding:0 14px;color:#fff;font-size:12px;line-height:30px;background:#444;}
#evalue_type a:hover {text-decoration:none}*/

#book_wrap {width:100%;}
#book_wrap ul {}
#book_wrap ul li {display:block;float:left;width:50%;}
#book_wrap ul li a.book_ {display:block;width:100px;height:146px;margin:0 auto 30px auto;padding:60px 20px 0 40px;color:#fff;font-size:14px;text-align:center;font-weight:bold;line-height:22px;background:url(../images/bg_book.png) no-repeat 0 0;background-size:100% auto}
#book_wrap ul li a.book_:hover {text-decoration:none}

.info_b {margin:0 0 30px 0;padding:99px 19px 19px 19px;background:url(../images/icon_info_b.png) no-repeat 50% 10px #f6f6f6;border:solid 1px #ddd;}
.info_b ul {}
.info_b ul li {display:block;padding:0 0 6px 12px;font-size:12px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 4px;}
.info_b ul li strong {color:#f75665;font-weight:bold}

.point_info {margin:0 0 30px 0;padding:99px 19px 19px 19px;background:url(../images/icon_point_info.png) no-repeat 50% 10px #f6f6f6;border:solid 1px #ddd;}
.point_info ul {}
.point_info ul li {display:block;padding:0 0 12px 12px;font-size:12px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 4px;}
.point_info ul li label {display:block;font-size:14px;color:#444;font-weight:bold;margin:0 0 6px 0}
.point_info ul li strong {color:#f75665;font-weight:bold}

.delay_info {margin:0 0 30px 0;padding:99px 19px 19px 19px;background:url(../images/icon_delay_info.png) no-repeat 50% 10px #f6f6f6;border:solid 1px #ddd;}
.delay_info ul {}
.delay_info ul li {display:block;padding:0 0 12px 12px;font-size:12px;text-align:left;background:url(../images/bullet_gray.png) no-repeat 0 4px;}
.delay_info ul li label {display:block;font-size:14px;color:#444;font-weight:bold;margin:0 0 6px 0}
.delay_info ul li strong {color:#f75665;font-weight:bold}

#price_title {margin:0 0 20px 0;font-size:12px;color:#f75665;text-align:center;}
#price_title strong {display:block;font-size:16px;color:#444;margin:0 0 8px 0;font-weight:bold;}

#price_type th {width:20%;padding:7px 0;font-size:12px;text-indent:6px;color:#444;text-align:center;font-weight:bold;background:#f6f6f6;border:solid 1px #bbb;}
#price_type td {width:20%;padding:7px 0;font-size:12px;text-indent:6px;text-align:center;border:solid 1px #ddd;}

#service {margin:0 0 20px 0;}
#service ul {width:100%;}
#service ul li {display:block;float:left;width:100%;}
#service ul li .service_box {width:auto;height:260px;margin:0 5px 10px 5px;padding:30px 0 0 0;font-size:12px;text-align:center;line-height:18px;background:#eee;}
#service ul li .service_box img {display:block;width:80px;height:auto;margin:0 auto 20px auto}
#service ul li .service_box strong {display:block;margin:0 0 20px 0;color:#444;font-size:16px;font-weight:bold}

#appl_intro {width:100%;margin:0 auto}
#appl_intro ul {}
#appl_intro ul li {display:block;float:none;width:100%;height:290px;margin:0 0 20px 0}
#appl_intro ul li.arrow {width:100% !important;height:30px;background:url(../images/arrow_appl_down.gif) no-repeat 50% 50%}
#appl_intro ul li .appl_process {width:238px;margin:0 auto;border:solid 1px #ccc;}
#appl_intro ul li .appl_process p {height:60px;padding:20px;color:#444;font-size:16px;font-weight:bold;text-align:left;line-height:24px}

#lecturer_wrap {max-width:640px;margin:0 auto 60px auto;}
#lecturer_wrap ul {}
#lecturer_wrap ul li {display:block;position:relative;float:left;width:50%;height:auto;margin:0 0 20px 0;}
#lecturer_wrap ul li .lecturer {display:block;position:relative;width:90%;max-width:280px;height:auto;overflow:hidden;margin:0 auto}
#lecturer_wrap ul li .lecturer .img {width:100%;height:auto;}
#lecturer_wrap ul li .lecturer p {display:block;position:relative;width:auto;height:180px;left:0;top:0;margin:0 0 10px 0;padding:0 0 0 10px;color:#666;font-size:12px;text-align:left;line-height:18px;background:#f6f6f6;z-index:99;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#lecturer_wrap ul li .lecturer p strong {display:block;height:30px;font-size:14px;line-height:30px;}
#lecturer_wrap ul li .lecturer p:hover {top:0px;}
#lecturer_wrap ul li .lecturer_btn {height:50px;width:90%;margin:0 auto;}
#lecturer_wrap ul li .lecturer_btn img {display:none;}
#lecturer_wrap ul li .lecturer_btn a {display:inline-block;width:68px;height:38px;font-size:12px;color:#666;text-align:center;line-height:38px;background:#f6f6f6;border:solid 1px #ccc}
#lecturer_wrap ul li .lecturer_btn a:hover {text-decoration:none}

#lec_lecturer {text-align:center;font-size:18px;font-weight:bold;color:#444}

#lec_list_type {margin:0 0 30px 0;}
#lec_article {margin:0 0 40px 0;padding:9px 19px;background:#f6f6f6;border:solid 1px #ddd;}
#lec_article img {display:block;float:none;width:100%;max-width:358px;height:auto;margin:0 auto 20px auto}
#lec_article dl {display:block;margin:0;}
#lec_article dl dt {height:39px;font-size:14px;font-weight:bold;color:#444;text-align:left;border-bottom:solid 1px #bbb;}
#lec_article dl dd {position:relative;padding:12px 0 12px 0;font-size:12px;line-height:18px;font-weight:normal;}

}