<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
 /*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
 */


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px 'Noto Sans KR', sans-serif; padding:0; margin:0;}
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0;margin:0;padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
.accessibility, .skip, legend { position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
/*caption{ display:none; }*/
.null{ font-size:0; line-height:0; }
a img, input, textarea, select, img{ vertical-align:middle; }
textarea {-webkit-appearance: none;border-radius:0;}
time, progress, mark, output { display:inline; }
.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
a img{ border:0; }
img, input, select { vertical-align:middle;-webkit-appearance: none;border-radius:0;}
input[type="password"] {font-family: sans-serif;-webkit-text-security:disc;}

.text-left {text-align:left;}
.text-right {text-align:right;}

/* Form */
input[type=checkbox].checkbox + label{background-image:url(images/checkbox_small.png);margin:0;padding:0;}
input[type=checkbox].checkbox{ position: absolute;overflow: hidden;clip: rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=checkbox].checkbox + label { padding:0 0 0 18px; height:16px;display:inline-block;line-height:16px;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;margin:0;}
input[type=checkbox]:checked.checkbox + label{background-position: 0 -16px;}
/*
input[type=radio].checkbox + label{background-image:url(images/radio_small.png);margin:0;padding:0;}
input[type=radio].checkbox{ position: absolute;overflow: hidden;clip: rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=radio].checkbox + label { padding:0 0 0 18px; height:16px;display:inline-block;line-height:16px;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;margin:0;}
input[type=radio]:checked.checkbox + label{background-position: 0 -16px;}

label.radio{background-image:url(images/radio_small.png);}
input[type=radio]{ position: absolute;overflow: hidden;clip: rect(0 0 0 0);height:1px;width:1px;margin:0px;padding:0;border:0;}
input[type=radio] + label.radio { padding:0 5px 0 18px; height:16px;display:inline-block;line-height:16px;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;}
input[type=radio]:checked + label.radio{background-position: 0 -16px;}
*/
input.input_text {height:40px;border:1px solid #999;box-sizing:border-box;padding:0 5px;font:normal 18px 'Noto Sans KR';color:#666;}
input.input_text16 {max-width:27px;height:40px;border:1px solid #999;box-sizing:border-box;padding:0 4px;font:normal 18px 'Noto Sans KR';color:#666;text-align:center;}
input.input_text_readonly {height:40px;border:none;padding:0 5px;font:normal 18px 'Noto Sans KR';color:#666;}
button i {margin:0 5px 0 0;}

.checks {position: relative;} 
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; font-size:18px;position: relative; padding-left: 28px;padding-right: 7px;line-height:16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } 

/*
.radio {
  margin: 8px 8px 0px;float:left;
  font:normal 18px 'Noto Sans KR', sans-serif;color:#666;line-height:14px;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  font:normal 16px 'Noto Sans KR', sans-serif;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
*/
/*------------------------------------------------------------------------------------------------------------*/

/* html */

html {height:100%;}
body {width:100%;height:100%;overflow:auto;margin:0;padding:0;}

/* Main */
#document {width:100%;height:100%;min-height:100%;position:relative;}
#document_pop {width:100%;height:100%;min-height:100%;position:relative;}

/* head */
#head_wrap_top {width:100%;height:40px;background-color:#fff;border-bottom:1px solid #ddd;}
#head_inner_top {width:1200px;height:40px;margin:0 auto;position:relative;}
.head_navi_fav{padding:9px 0 0 0;}
.head_navi_small {position:absolute;right:0;top:11px;height:39px;}
.head_navi_small li {float:left;position:relative;color:#666;}
.head_navi_small li &gt; a{color:#666;font:normal 12px 'Noto Sans KR', sans-serif;letter-spacing:-0.05em;}
.head_navi_small li &gt; a:hover, .head_navi_small li &gt; a.select, .head_navi_small li &gt; a.over {color:#ae2326;}
.head_navi_small li &gt; a:before {content:'|';color:#ccc;font-size:9px;line-height:9px;float:left;display:block;padding:5px 10px 0 10px;font-weight:normal;}
.head_navi_small li:first-child &gt; a:before {color:#f4f4f4;content:'';}

/* head_svc */
#head_wrap_svc {width:100%;height:60px;}
#head_inner_svc {width:1200px;margin:0 auto;position:relative;}
#head_inner_svc .head_logo {float:left;height:60px;line-height:60px;text-align:center;cursor:pointer;}
#head_inner_svc .head_logo img {margin:auto 0;}
#head_inner_svc .head_inner_svc_cate{float:left;height:60px;display:table;}
#head_inner_svc .head_inner_svc_cate div:first-child{display:table-cell;vertical-align:bottom;font:bold 18px 'Noto Sans KR';padding:0 15px 12px 20px;color:#bbb;}
#head_inner_svc .head_inner_svc_cate div:last-child{display:table-cell;vertical-align:bottom;font:bold 22px 'Noto Sans KR';padding:0 0 8px;color:#555;cursor:pointer;}

#head_inner_svc .head_inner_right_title{float:right;height:60px;display:table;cursor:pointer;}
#head_inner_svc .head_inner_right_title div{display:table-cell;vertical-align:middle;font:normal 16px 'Noto Sans KR';padding:0 0px;line-height:24px;color:#666;text-align:right;}

#head_menu_svc {width:100%;height:45px;background-color:#2B63A1;z-index:10000;position:relative;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
}
#head_menu_svc.real{background-color:#008000;}
#head_menu_svc.mypage{background-color:#E62E04;}
#head_menu_svc.support{background-color:#008000;}
#head_menu_inner_svc {width:1200px;margin:0 auto;position:relative;}
.simple-menu .totalmenu{float:left;background-color:#0A3667;cursor:pointer;color:#eee;font:normal 14px 'Noto Sans KR';display:inline-block;height:34px;width:200px;text-align:center;padding:11px 0 0 0;}
.simple-menu .totalmenu.mypage{background-color:#8C1B02;}
.simple-menu .totalmenu.support{background-color:#005B00;}
.simple-menu .totalmenu.real{background-color:#005B00;}
.simple-menu .totalmenu:hover{color:#fff;}
.simple-menu .totalmenu i{margin:0 5px 0 0;}
/*
.simple-menu .totalmenu a{color:#eee;}
.simple-menu .totalmenu a:hover{color:#fff;}
.simple-menu .totalmenu a i{margin:0 5px 0 0;}
*/
.simple-menu .menu_ul{float:left;margin-top:5px;}
.simple-menu &gt; a{}
.simple-menu ul li{padding:7px 15px;float:left;}
.simple-menu ul li a.free{background-color:#1E446F;color:#fff;border-radius:5px;}
.simple-menu ul li a.on{background-color:#fff;color:#333;border-radius:5px;}
.simple-menu ul li a i{margin:0 5px;}
.simple-menu ul li a{color:#f4f4f4;line-height:45px;font:normal 14px 'Noto Sans KR';padding:5px 10px 5px 5px;}
.simple-menu ul li a:hover{background-color:#fff;color:#333;border-radius:5px;}

.simple-menu .menu_ul_right{float:right;margin-top:5px;}
.simple-menu .menu_ul_right ul li{float:left;padding-right:5px;}
.simple-menu .menu_ul_right ul li a{background-color:#0A3667;color:#fff;line-height:45px;font:normal 14px 'Noto Sans KR';padding:8px 10px 8px 5px;border-radius:5px;}
.simple-menu .menu_ul_right ul li a:hover{background-color:#fff;color:#333;}
.simple-menu .menu_ul_right ul li a.mypage{background-color:#861A02;}
.simple-menu .menu_ul_right ul li a.mypage:hover{background-color:#fff;color:#333;}
.simple-menu .menu_ul_right ul li a.support{background-color:#004600;}
.simple-menu .menu_ul_right ul li a.support:hover{background-color:#fff;color:#333;}

#svc_cate_total {width:100%;display:none;}
#svc_cate_html {width:1200px;margin:0 auto;position:relative;border:1px solid #ccc;}

/* body */
#main_wrap {width:100%;display:inline-block;margin:0;}
.main_cont_wrap  {width:1200px;margin:0 auto;position:relative;}
.main_cont_first_left {float:left;width:900px;}
.main_cont_first_right {float:right;width:270px;padding:10px 0 0 0;}

.main_cont_wrap_left {float:left;width:250px;height:100%;display:inline-block;border:1px solid #f40;}
.main_cont_wrap_left {float:left;width:750px;height:100%;display:inline-block;border:1px solid #f40;}
.main_cont_wrap_right {float:right;width:250px;padding:10px;background-color:#f8f8f8;}

.main_cont_wrap_right_box{border:1px solid #ccc;height:120px;margin:20px 0;text-align:center;}
.main_cate_title  {width:100%;height:20px;margin:10px auto 0;position:relative;text-align:center;padding:0;vertical-align:bottom;}
.main_cate_box_layout{display:inline-block;background-color:#f4f4f4;}
.main_cate_box{float:left;width:180px;}
.main_cate_box_title,.main_cate_box_title_img{width:100%;height:30px;font-size:14px;line-height:28px;text-indent:12px;border-top:2px solid #666;
	-webkit-box-shadow: inset 9px 0px 9px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 9px 0px 9px -5px rgba(0,0,0,0.1);
	box-shadow: inset 9px 0px 9px -5px rgba(0,0,0,0.1);background-color:#fff;
	}
.main_cate_box_title_img {clear:both;}
.main_cate_box_cont_box {}
.main_cate_box_cont_img {float:left;width:285px;height:100px;font-size:18px;text-align:center;border:1px solid #eee;margin:10px 0 0 10px;vertical-align:middle;line-height:95px;cursor:pointer;}
.main_cate_box_cont_img img{width:100%;height:100%;}
.main_cate_box_button{position:relative;height:24px;padding:5px 0;text-indent:12px;
background-color:#fff;border:1px solid #C2C2C2;
color:#444;font:normal 14px 'Noto Sans KR', sans-serif;letter-spacing:-0.05em;cursor:pointer;
}
.main_cate_box_button:hover{background-color:#444;color:#fff;}

.main_cate_box_ul li {position:relative;height:24px;padding:5px 0 0 0;text-indent:12px;
background-color:#a7a7a7;border:1px solid #C2C2C2;border-right:none;border-top:none;
}
.main_cate_box_ul li{color:#fff;font:normal 12px 'Noto Sans KR', sans-serif;letter-spacing:-0.05em;cursor:pointer;
-webkit-box-shadow: inset 9px 0px 9px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 9px 0px 9px -5px rgba(0,0,0,0.1);
	box-shadow: inset 9px 0px 9px -5px rgba(0,0,0,0.1);
}
.main_cate_box_ul li:hover {color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+50,207cca+50,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 50%, #207cca 50%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 50%,#207cca 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#207cca 50%,#207cca 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

/* foot */
#foot_wrap {width:100%;border-top:1px solid #ccc;margin:0;}
#foot_inner {width:1200px;margin:0 auto;padding:15px 0 10px 0;}

.foot_link {text-align:center;font-size:0;height:14px;}
.foot_link li {display:inline-block;*display:inline;*zoom:1;}
.foot_link li a {color:#666;font:normal 12px 'Noto Sans KR', sans-serif;display:block;float:left;line-height:20px;}
.foot_link li a:hover {color:#ae2326;}
.foot_link li a:before {content:'|';color:#e6e6e6;font-size:12px;float:left;display:block;padding:0 10px;line-height:18px;}
.foot_link li:first-child a:before {content:' ';}

.foot_address {text-align:center;font-size:12px;color:#999;line-height:18px;margin-top:20px;}




.stit{width:100%;display:inline-block;height:16px;line-height:15px;text-align:left; margin:8px 0 8px 0px;padding:0 0 0 0px;color:#888;font:normal 12px 'dotum';}
.stit &gt; i{margin:2px 5px 0;}

.navitit{height:16px;line-height:15px;margin:8px 0 10px 0px;padding:0;}
.navitit div{float:left;font:normal 12px 'dotum';color:#999;}
.navitit div:first-child:before{content:"";padding:0;}
.navitit div:before{content:"&gt;";padding:0 8px;}

/* exammain */
.border_top_none { border-top:none; }
.menu_3depth_box{width:100%;display:inline-block;text-align:center;margin:0px 0 10px 0px;}
.menu_3depth_box div{float:left;display:table-cell;cursor:pointer;text-align:center;vertical-align:middle;height:20px;padding:6px 0;width:120.5px;font-size:14px;border:1px solid #ddd;border-left:none;border-top:none;}
.menu_3depth_box div:nth-child(6n+1){border-left:1px solid #ddd;}
.menu_3depth_box div:hover{background-color:#f4f4f4;}
.menu_3depth_box div:nth-child(-n+6){border-top:1px solid #ddd;}
.menu_3depth_box div.no:hover{cursor:default;background-color:#fff;}

.exam_search_detail{width:100%;display:inline-block;text-align:center;border:1px solid #ddd;padding:0;margin:0;}
.exam_search_detail &gt; div{text-align:left;display:table;font:bold 12px 'dotum';padding:0px 0px;border-bottom:1px solid #eee;margin:0;}
.exam_search_detail &gt; div:first-child{display:block;border-bottom:1px solid #ddd;padding:10px 10px 5px;}
.exam_search_detail &gt; div &gt; div{float:left;min-height:22px;border:0px solid #f30;padding:0;margin:0;}
.exam_search_detail &gt; div &gt; div:first-child{width:90px;padding:13px 0 0 10px;margin:0;font:normal 12px 'dotum';color:#666;}
.exam_search_detail &gt; div &gt; div:last-child{width:625px;display:inline-block;border-right:0px solid #f40;padding:6px 0 5px 0;margin:0;}
.exam_search_detail &gt; div &gt; div label{width:100px;border-right:0px solid #f40;color:#888;}

.msearch .search_btn,.msearch .ico_bu,.msearch .title .icon,.win_body .toptitle .icon,.msearch_sub .title .icon{background-image:url(images/skin_m_icon.png);background-repeat:no-repeat}
.msearch{margin:0;padding:10px 0;display:inline-block;width:100%;border-bottom:1px solid #ccc;}
.msearch .search,.msearch .search_btn,.msearch .detail{border:1px solid #b4b4b4;border-radius:0;-webkit-appearance:none;color:#999;vertical-align:top;float:left;height:22px;line-height:22px}
.msearch .title{position:relative;display:inline-block;float:left;padding:5px 20px 0 10px;color:#666;font-size:14px;font-weight:bold;}
.msearch .title &gt; i{padding:0 5px 0 0;}
.msearch .title &gt; span{color:#aaa;margin:0 0 0 10px;font-size:12px;font-weight:normal;}
.msearch .search_div{padding:0px 0 0 0;float:left;position:relative;}
.msearch .search{padding-left:4px;width:130px;position:relative;z-index:1;background-color:transparent}
.msearch .search:focus{border-color:#2A62A1}
.msearch .search_btn{background-color:transparent;width:27px;height:24px;background-position:4px 2px;margin-left:-1px;cursor:pointer;*background-position:5px 3px}
.msearch_sub{margin:0;padding:1px 0 8px;display:inline-block;width:100%;border-bottom:1px solid #eee;}
.topmenubtn_right{float:right;padding:2px 5px 0 0;}
.topmenubtn_div{float:left;width:1px;height:30px;background-color:#eee;margin:0 10px;}
.topmenubtn_mid{position:relative;zoom:1;font-size:12px;float:left;padding:2px 10px 0 0;}
.topmenubtn_mid &gt; .sinfo{color:#bbb;padding:5px 0 0 0;}

.listWrap{position:absolute;top:50px;bottom:0;left:0;right:0;background-color:#fff;overflow:hidden;border-top:1px solid #f4f4f4;}
.listBody { overflow:hidden;overflow-y: auto;height:100%;background:#fff;}

#pd_sort_box {display:inline-block;float:left;margin:0;}
.pd_sort_link {padding-left:10px;margin:0;}
.pd_sort_link li {display:inline-block;*display:inline;*zoom:1;}
.pd_sort_link li a {color:#999;display:inline-block;}
.pd_sort_link li a:hover {color:#777;}
.pd_sort_link li a.on {color:#444;}
.pd_sort_link li a.on:hover {color:#444;}
.pd_sort_link li a:before {content:'|';color:#e6e6e6;font-size:14px;float:left;display:block;padding:0 10px;}
.pd_sort_link li:first-child a:before {display:none !important;}

.selecttag{border:1px solid #999;padding:2px;}

.pd_box {position:relative;display:inline-block;clear:both;border-bottom:1px solid #ddd;width:100%;cursor:pointer;}
.pd_box .clk{cursor:pointer;}
.pd_box .txtinfo{margin-top:6px;}
.pd_box .prc{margin-top:4px;margin-right:10px;}
.pd_box &gt; div {vertical-align:top;}
.pd_box &gt; div:first-child {float:left;width:0px;height:0px;}
.pd_box &gt; div:first-child.imgin {padding:10px;width:80px;height:80px;}
.pd_box &gt; div:nth-child(2) {float:left;height:100%;width:500px;padding:0 5px 0 10px;}
.pd_box &gt; div:nth-child(2).imgin {width:400px;}
.pd_box &gt; div:nth-child(2) &gt; div:first-child {font-size:18px;margin:0 0 0px 0;padding:0;color:#444;}
.pd_box &gt; div:nth-child(2) &gt; div:nth-child(2) {color:#444;margin:0 0 5px 0;color:#999;}
.pd_box &gt; div:nth-child(2) &gt; div:nth-child(3) {color:#666;font-family:'dotum';line-height:16px;}
.pd_box &gt; div:last-child {float:right;height:100%;border:0px solid #00f;width:200px;padding:0;}
.pd_box &gt; div:nth-child(2).imgin.textinforeal {width:700px;}
.pd_box &gt; div:nth-child(2).textinforeal {width:800px;}

.pd_box_eep {clear:both;}
.pd_box_eep &gt; div{float:right;border:0px solid #f40;display:table-cell;vertical-align:middle;}
.pd_box_eep &gt; div:first-child{font-size:14px;color:#0079F2;padding:0 0 0 10px;font-weight:bold;}
.pd_box_eep &gt; div:first-child .ori{float:left;font-size:12px;color:#aaa;text-decoration:line-through;}
.pd_box_eep &gt; div:first-child .ori_dper{float:left;font-size:12px;color:#f80;padding:0 5px 0 0;}
.pd_box_eep &gt; div:last-child{font-family:'dotum';color:#999;padding:2px 0 0 0;}

.btn_receipt {clear:both;float:right;margin-top:10px;background-color:#004000;color:#fff;border-radius:10px;width:120px;display:inline-block;height:30px;font:normal 18px 'Noto Sans KR';cursor:pointer;text-align:center;}

/* Right Floating Fixed Box */
#Right_Fixed_Box{position:relative;background-color:#fff;width:300px;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#Right_Fixed_Box_F{border-top:1px solid #eee;background-color:#fff;padding:20px 20px 10px;position:absolute;bottom:0;left:0;right:0;}
#Right_Fixed_Box_F button{width:100%;height:50px;font:normal 24px 'Noto Sans KR';border:0;margin:0 0 10px 0;cursor:pointer;}
#Right_Fixed_Box_F button.buy{background-color:#004080;color:#fff;}
#Right_Fixed_Box_F button.pay{background-color:#E63740;color:#fff;}
#Right_Fixed_Box_F button.mng{background-color:#f40;color:#fff;}
#Right_Fixed_Box_F button.free{background-color:#008000;color:#fff;}
#Right_Fixed_Box_S {width:100%;overflow-y:auto;}

#Right_Fixed_Box_S &gt; div.sbox{margin:0 20px;}
#Right_Fixed_Box_S &gt; div.sbox &gt; div.sbox_title{margin:10px 0;font-size:14px;}
#Right_Fixed_Box_S &gt; div.sbox &gt; div.sbox_title &gt; span{font-size:12px;color:#f40;margin:0 5px;}
#Right_Fixed_Box_S &gt; div.sbox &gt; input[type=checkbox] + label{margin:10px 0;}
.magic-checkbox + label{font-size:14px;}

/* exam_detail */.inimg{border-bottom:1px solid #ccc;}
.inimg_left{width:100px;}
.inimg_left &gt; div{padding:10px;}
.inimg_right &gt; div{padding:0 20px;}

.exam_detail_exam_name {font-size:20px;padding:0 0 10px;}
.exam_detail_right{float:right;color:#bbb;}
.exam_detail_right i{cursor:pointer;}
.exam_detail_online_exp {font-size:14px;color:#444;}
.exam_detail_func {color:#666;font-family:'dotum';line-height:18px;padding:10px 0 0;}
.exam_detail_epbox {margin:5px 0 10px;}
.exam_detail_right_title{color:#111;font-size:18px;margin:20px 0 10px 0;height:25px;}
.exam_detail_free_notice{color:#f40;font-size:14px;margin:20px 0 10px 0;}
.exam_detail_right_title span{padding:0 0 0 5px;}
.exam_detail_right_title span.jumsu{color:#005FBD;}
.exam_detail_right_title span.count{font-size:12px;}
.exam_detail_right_title_small{color:#111;font-size:18px;margin:10px 0 10px 0;}
.exam_exp_cont,.exam_exp_cont *{color:#777;font:normal 16px 'Noto Sans KR';margin:10px 0;line-height:1.8em;}
.tbl_det1 th{border:1px solid #aaa;background-color:#eee;height:40px;color:#777;font:normal 14px 'Noto Sans KR';}
.tbl_det1 td{border:1px solid #ccc;min-height:30px;padding:5px;color:#444;font:normal 14px 'Noto Sans KR';}
.tbl_det1 td.priceinfo{font-size:14px;color:#0079F2;padding:0 5px 0 0;font-weight:bold;}
.tbl_det1 td.priceinfo .ori{font-size:12px;color:#aaa;text-decoration:line-through;}
.tbl_det1 td.priceinfo .ori_dper{font-size:12px;color:#f80;padding:0 0px 0 5px;}
.tbl_det1 td.priceinfo span{font-size:12px;}
button.detail{width:100%;height:30px;font:normal 14px 'Noto Sans KR';border:1px solid #ddd;cursor:pointer;color:#666;}

.tbl_det2 th{border:1px solid #aaa;background-color:#555;height:40px;color:#fff;font:normal 14px 'Noto Sans KR';}
.tbl_det2 td{border:1px solid #ccc;min-height:30px;padding:5px;color:#444;font:normal 16px 'Noto Sans KR';}

/* exam_buy */
.sub_title_wrap {width:100%;height:80px;border-bottom:1px solid #dfdfe6;background:#444;margin:0 0 30px 0;}

.sub_title_wrap_title {padding:20px 0 0 50px;letter-spacing:-1px;}
.sub_title_wrap_title i {display:inline-block;float:left;color:#fff;margin:8px 10px 0 0;}
.sub_title_wrap_title strong {font-size:24px;line-height:38px;display:block;color:#fff;}
.sub_title_wrap_title p {display:block;color:#333;font-size:14px;line-height:14px;}

.sub_wrap{padding:20px;}
.subtitl1{font-size:18px;font-weight:bold;}

.tbl_buy_pd {width:100%;margin:10px 0 0 0;}
.tbl_buy_pd tr th {height:40px;font-weight:normal;text-align:center;background-color:#f4f4f4;border-top:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ddd;font-family:'dotum';color:#666;}
.tbl_buy_pd tr td {min-height:60px;border-bottom:2px solid #666;border-right:1px solid #ddd;padding:10px;text-align:center;vertical-align:top;}
.tbl_buy_pd tr td:first-child{text-align:left;}
.tbl_buy_pd tr th:last-child, .tbl_buy_pd tr td:last-child{border-right:none;}

#pd_price_detail_info{text-align:center;}
#pd_price_detail_info &gt; div{display:inline-block;margin:0 auto;}
#pd_price_detail_info &gt; div &gt; div{float:left;text-align:center;font-size:18px;line-height:35px;display:inline-block;padding:10px;}
#pd_price_detail_info &gt; div &gt; div &gt; i{color:#ccc;margin:20px 20px 0;}
#pd_price_detail_info &gt; div &gt; div &gt; span.price{font-size:24px;letter-spacing:-0.01em;}
#pd_price_detail_info &gt; div &gt; div &gt; span:last-child{font-size:14px;padding-left:1px;}

.pay_price{color:#f00;font:500 36px 'Noto Sans KR';letter-spacing:-0.05em;text-align:center;padding:20px 0 0;}
.pay_price &gt; span{font:normal 24px 'Noto Sans KR';padding-left:5px;color:#222;}
.subtitl2{font-size:18px;font-weight:bold;background-color:#f4f4f4;padding:29px 20px 28px;border-bottom:1px solid #ccc;}

.tbl_n {width:100%;margin:10px 0 0 0;}
.tbl_n tr  {min-height:40px;border-top:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ddd;}
.tbl_n tr th {font:normal 18px 'Noto Sans KR';text-align:center;background-color:#f4f4f4;color:#666;width:120px;}
.tbl_n tr td {border-right:none;padding:10px;text-align:left;}
.tbl_n tr td label{border:none;}

.cpinfo{cursor:pointer;border-bottom:1px solid #999;}

.eps_pt{font-size:12px;height:16px;line-height:10px;padding:0 0 0 3px;}

div.left {float:left;text-align:left;}
div.right {float:right;text-align:right;margin:0;}
.comment{display:inline-block;line-height:20px;padding:5px 0 0 0;color:#666;}
.comment span{color:#f80;line-height:10px;border-bottom:1px solid #f80;}

/*pkg*/
.pkg_box{width:96%;margin:20px 0;cursor:pointer;}
.pkg_box tr td{height:150px;vertical-align:top;}
.pkg_box_left {padding:10px 20px;border:1px solid #ccc;background-color:#f8f8f8;}
.pkg_box_left div {color:#666;text-align:left;font:bold 24px 'Noto Sans KR';letter-spacing:-0.01em;}
.pkg_box_left div.cate_name {color:#0d706a;font-size:24px;border-bottom:1px solid #ccc;padding:10px 0;}
.pkg_box_left div.pkg_info {color:#666;font:normal 12px 'dotum';padding:10px 0 0;letter-spacing:-0.02em;line-height:20px;}

.pkg_box_right {background-color:#055f5d;width:200px;position:relative;border:0px solid #444;border-radius: 0px 30px 30px 0px;}
.pkg_box_right div {color:#fff;text-align:center;font-size:24px;font-weight:bold;}
.pkg_box_right div.pkg_name {color:#e4dda9;padding-top:20px;}
.pkg_box_right div.pkg_price {position:absolute;bottom:20px;width:100%;}
.pkg_box_right div.pkg_price &gt; span {color:#dbfffe;font-size:18px;padding-left:5px;}
.pkg_box_right div.pkg_price_d {position:absolute;bottom:50px;width:100%;text-align:center;}
.pkg_box_right div.pkg_price_d &gt; span:first-child {font-size:22px;color:#d3d83e;padding-right:10px;}
.pkg_box_right div.pkg_price_d &gt; span:last-child {font-size:18px;font-weight:normal;color:#a7c4c2;text-decoration:line-through;}

/* �� */
.BTabDesign{ padding:0px;border-bottom:1px solid #0A3667;background-color:#fefefe; }
.BTabDesign ul{  margin:0; padding-left:5px; list-style:none;font-size:12px;line-height:16px; *zoom:1;}
.BTabDesign ul:after{ content:""; display:block; clear:both;}
.BTabDesign li{ float:left; margin:0px 1px -1px 1px;font-size:14px;  }
.BTabDesign li.title{ padding:2px 10px 0 10px;font-size:18px; }
.BTabDesign li.title span{ display:inline-block;padding:2px 20px 0 5px;font-weight:bold;color:#444;  }
.BTabDesign li.title div{float:left;padding:2px 5px 0 0;}
.BTabDesign li.title i{ font-size:20px;color:#999;margin-top:3px; }
.BTabDesign li a{ margin-top:2px;position:relative; float:left; text-decoration:none; border:1px solid #ddd;border-bottom:none;background:#f4f4f4; color:#666;}
.BTabDesign li a span{ display:inline-block; padding:3px 7px 5px 7px; letter-spacing:-0.1px; cursor:pointer;}
.BTabDesign li a div{float:left;padding:4px 0 0 7px;}
.BTabDesign li a div i{font-size:16px;color:#bbb;}
.BTabDesign li a:hover{background:#fff; color:#E08F0A; }
.BTabDesign li.selected a{ border:1px solid #777; border-bottom:1px solid #777; background-color:#2B63A1; color:#fff;}
.BTabDesign li.selected a span{ font-weight:bold;padding-top:3px; }
.BTabDesign li.selected a div i{color:#fff;padding-top:2px;}
.tabbody2{border:0px solid #f40;min-height:300px;}

#loading{position:absolute;top:0;left:0;z-index:1000000000000;width:480px;height:320px;display:none;}
.abs {
  position: absolute !important;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.dialog_full { width:100%;height:100%;z-index:10000;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.6);}
#dialogtop div.my-dialog{position:absolute;border:1px solid #95b8e7;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background-color: #E0ECFF;
  background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 20%);
  background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 20%);
  background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 20%);
  background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 20%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);}
#dialogtop div.my-dialog-title{background: transparent;padding:2px 0 0 6px;left: 5px;top:0px;width:auto;right: 60px;height:18px; }
#dialogtop div.my-dialog-tright{width:55px;right:1px;position:absolute;top:5px;right:5px;height:20px;}
#dialogtop div.my-dialog-tright div{width:16px;height:16px;float:left;margin:1px;}
#dialogtop div.my-dialog-cont{clear:both;overflow:hidden;border-color: #95B8E7;background-color:#fff;
	top: 28px;left: 5px;right: 5px;bottom: 5px;
}
.dlg-tool-close { background: url('images/panel_tools.png') no-repeat -16px 0px;cursor:pointer; }

/* 페이징 */
.pging{text-align:center;margin:20px 0;}
.pging ul {list-style:none;display:inline-block;margin:0 auto;}
.pging ul li {display:inline-block;float:left;margin-right:3px;}
.pging ul li a{display:inline-block;border:1px solid #ccc;border-radius:4px;width:30px;height:30px;line-height:28px;font-size:16px;color:#666;}
.pging ul li.n a{background-color:#eee;color:#eee;}
.pging ul li.c a{background-color:#666;color:#fff;}

.ma_form{width:100%;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;font-family:"Noto Sans Kr",sans-serif;}
.ma_form .qtit{height:20px;font-size:18px;line-height:15px;text-align:left; margin:8px 0 8px 15px;padding:0 0 0 25px;color:#888;font-weight:bold;background:url(../images/common/form_title_bul.png) no-repeat 0 0;}
.ma_form .qtit span{font-size:11px;padding-left:10px;}
.ma_form &gt; .qtit2{height:16px;line-height:15px;text-align:left; margin:8px 0 8px 5px;padding:0 0 0 5px;color:#888;font-size:12px;font-weight:bold;}
.ma_form &gt; .qtit2 &gt; i{margin:2px 5px 0;}
.ma_form tr{border-top:1px solid #cdcdcd;}
.ma_form tr:first-child{border-top:0;}
.ma_form th{background:#f6f6f6;width:140px;text-align:left; padding-left:10px;font-size:14px;color:#444;line-height:14px;}
.ma_form td{text-align:left;background:#fff;padding:5px;!important;color:#5c5c5c;line-height:26px;height:30px;}
.ma_form input[type="text"],.ma_form input[type="password"],.ma_form input[type="number"]{height:22px;margin-right:5px;color:#5c5c5c;line-height:14px;font-size:14px;font-family:"Noto Sans Kr",sans-serif;background:#fff;vertical-align:middle;border:1px solid #cdcdcd;padding:3px;}
.ma_form input[type="file"]{height:30px;}
.ma_form select{height:30px;margin-right:3px;color:#5c5c5c;line-height:14px;font-size:14px;font-family:"Noto Sans Kr",sans-serif;background:#f6f6f6;vertical-align:middle;border:1px solid #cdcdcd;padding:3px;}
.ma_form textarea{vertical-align:middle;border:1px solid #cdcdcd; width:calc(100% - 10px);height:100px;background:#fcfcfc;padding:5px;}
.ma_form label{margin-right:1%;font-size:14px;}
.ma_form .button{line-height:12px;font-size:14px;font-family:"Noto Sans Kr",sans-serif;background:#5e5e5e;vertical-align:middle;border:1px solid #5e5e5e;padding:1%; cursor:pointer;}
.ma_form .button a{color:#fff;}
.ma_form .add{margin-top:1%;}

.maform_btn{margin-top:15px;margin-bottom:50px;position:relative;text-align:center;display:block;height:40px;}
.maform_btn a{display:inline-block; background:url('images/ma_btn_bg.png') left 0;height:40px;padding-left:16px; line-height:220%;text-decoration:none; cursor:pointer; overflow:hidden;color:#eee;margin:0 5px;font-size:18px;font-weight:bold;}
.maform_btn a span{display:block; float:left; background:url('images/ma_btn_bg.png') right 0; height:40px; padding-right:16px;line-height:220%; overflow:hidden}
.maform_btn &gt; a ~ .Gray {background:url('images/ma_btn_bg_gray.png')}
.maform_btn &gt; a ~ .Gray span {background:url('images/ma_btn_bg_gray.png') right 0;}

/* Right */
.RBox_Title{height:20px;line-height:20px;padding:5px;margin-top:10px;}
.RBox_Title &gt; i {margin:0 5px 0 0;}
.RBox {border:1px solid #eee;min-height:50px;}
.RBox &gt; .empty {text-align:center;color:#999;margin-top:10px;line-height:16px;}

.RBox &gt; .EPS{text-align:left;border-bottom:1px dotted #ccc;margin:0px 5px;padding:5px 5px 0;height:28px;cursor:pointer;}
.RBox &gt; .EPS:last-child{border-bottom:none;}
.RBox &gt; .EPS &gt; .title{width:100%;height:20px;text-overflow:ellipsis;overflow:hidden;color:#555; }
.RBox &gt; .EPS &gt; .title &gt; span{color:#804000;font-size:11px; }

.RBox &gt; .OPR{text-align:left;border-bottom:1px dotted #ccc;margin:0px 5px;padding:5px 5px 0;height:45px;cursor:pointer;}
.RBox &gt; .OPR:last-child{border-bottom:none;}
.RBox &gt; .OPR &gt; .title{width:100%;height:20px;text-overflow:ellipsis;overflow:hidden;color:#555; }
.RBox &gt; .OPR &gt; .title &gt; span{color:#804000;font-size:11px; }

.Exam_Schedule_Box, .Exam_Schedule_BoxM{ border:1px dotted #ccc;margin:0 0 5px;position:relative;padding:5px 10px;border-radius:5px;color:#444;cursor:pointer; }
.Exam_Schedule_Box:hover {background-color:#ddd;}
.Exam_Schedule_Box .examday { position:absolute;right:5px;top:5px;border:1px solid #ccc;border-radius:5px;background-color:#666;color:#fff;padding:0px 3px; }
.Exam_Schedule_Box .remain_day { position:absolute;right:4px;top:4px;border:1px solid #ccc;border-radius:5px;background-color:#f90;color:#fff;height:23px;padding:0px 6px;font-size:14px;font-weight:bold;}
.Exam_Schedule_BoxM .remain_day_box { clear:both; }
.Exam_Schedule_BoxM .remain_day { position:absolute;right:8px;top:28px;border:1px solid #ccc;border-radius:5px;background-color:#f90;color:#fff;height:18px;line-height:17px;padding:0px 6px;font-size:13px;font-weight:bold;}

/* 시험후기 */
.eps_box{border-bottom:1px solid #ddd;padding:10px;}
.eps_box &gt; div{clear:both;}
.clk1 &gt; div:first-child {font-size:18px;float:left;color:#444;}
.clk1 &gt; div:last-child {float:right;color:#999;}
.clk1 a span {font-size:14px;padding-left:20px;}
.clk2{color:#777;height:25px;width:100%;}
.clk2_left {float:left;font-size:14px;line-height:30px;}
.clk2_right {float:right;}
.eps_box_in {display:none;border:1px solid #999;padding:20px;margin:10px 0;}
.eps_cont {font-size:14px;}
.PS_Reply {color:#f40;border:1px solid #ccc;margin:5px 0;padding:5px;}

.eps_table tr.cont td { text-align:center;height:40px;border:1px dashed #ddd;border-right:none;border-top:none; }
.eps_table tr.cont td:nth-child(1) { width:50px; }
.eps_table tr.cont td:nth-child(2) { text-align:left;font-size:14px;padding-left:10px; }
.eps_table tr.cont td:nth-child(3) { width:80px; }
.eps_table tr.cont td:nth-child(4) { width:130px;border-right:1px dashed #ddd; }
.eps_table tr:first-child td { border-top:1px dashed #ddd; }
.eps_table tr.cont:hover {background-color:#eee;}
/*
.eps_table:last-child tr td { border-bottom:1px dashed #ddd; }
*/
.empty_data {border:1px solid #eee;color:#bbb;text-align:center;padding:50px 0;font-size:18px;}

/* Best 카테고리 */
.Best_Svc_Cate_Box{ border:1px dotted #ccc;margin:0 0 5px;position:relative;padding:5px 10px;border-radius:5px;cursor:pointer; }
.Best_Svc_Cate_Box:hover {background-color:#ddd;}
.Best_Svc_Cate_Box .title {font-size:12px;}
.Best_Svc_Cate_Box .title span {font-size:14px;padding:0 10px 0 0;}
.Best_Svc_Cate_Box .examday { position:absolute;right:5px;top:5px;border:1px solid #ccc;border-radius:5px;background-color:#666;color:#fff;padding:0px 3px; }

div.mp_boxm {width:100%;height:8px;border:1px solid #ddd;margin:0 0 10px 0;position:relative;}
div.mp_boxm &gt; div {background-color:#2B63A1;height:100%;}
div.mp_boxm &gt; i {position:absolute;top:-12px;color:#aaa;}
div.mp_boxm &gt; span {position:absolute;top:-6px;font:bold 12px 'dotum';background-color:#444;color:#fff;padding:4px 4px 2px;border-radius:8px;min-width:20px;text-align:center;}

button.left_menu{width:100%;height:30px;text-align:left;background-color:#fff;color:#666;font:normal 14px 'Noto Sans KR';border:1px solid #ccc;border-radius:5px;margin:10px 0 0 0;cursor:pointer;line-height:16px;} /*text-align:left;padding:0 0 3px 30px;*/
button.left_menu:hover{background-color:#2B63A1;color:#fff;}

/* CMember */
.CM_Box_R {cursor:pointer;display:inline-block;}
.CM_Box_R &gt; div {text-align:center;padding:0;}
.CM_Box_R &gt; .pic {border:1px solid #eee;width:65px;height:50px;}
.CM_Box_R &gt; .name {padding:1px 0 5px;line-height:18px;color:#666;width:65px;}

.inter_reg {color:#2B63A1;cursor:pointer}
.my_interest_right{position:absolute;right:0;bottom:0;}


/* user guide */
.UGuide {padding:10px;min-height:150px;cursor:pointer;}
.UGuide .UT &gt; div{float:left;}
.UGuide .UT &gt; div:first-child &gt; img{border:1px solid #eee;}
.UGuide .UT &gt; div:last-child {width:115px;padding:0 0 0 10px;font:700 14px 'Noto Sans KR';color:#0A3667;}
.UGuide .UTM &gt; div:last-child {padding:10px 0 0 0px;font:700 14px 'Noto Sans KR';color:#0A3667;}
.UGuide .UTC{clear:both;padding:10px 0;color:#999;height:52px;overflow:hidden;}

/* Table */
.Tbl_RPaper{clear:both;width:100%;}
.Tbl_RPaper tr th{border:1px solid #ccc;background-color:#eee;font-size:16px;color:#444;height:35px;line-height:35px;}
.Tbl_RPaper tr td{border:1px dashed #ccc;background-color:#fff;height:40px;font-size:14px;text-align:center;}

button.sdetail{font:normal 12px 'Noto Sans KR';padding:6px 10px;border:0;cursor:pointer;background-color:#666;color:#fff;}

/*page layout */
.playout {margin-bottom:15px;}
.playout img {vertical-align:bottom;}

/* cs */
.cs_box{background-color:#f7f7f7;border:1px solid #ddd;margin:10px 0px;padding:10px;border-radius:5px;}
.cs_title{position:relative;border-bottom:1px solid #6F93B7;height:30px;margin:0 0 10px 0;}
.cs_title_txt{float:left;position:absolute;left:20px;top:1px;color:#777;font:normal 14px 'Noto Sans KR';}
.cs_title i{color:#aaa;}
/*.cs_title i{position:absolute;top:2px;left:0;}*/
.cs_info1{margin:10px 0 10px 0;color:#999;font-size:20px;font-weight:bold;letter-spacing:-0.04em;}
.cs_info{margin:10px 0 0px 0;color:#999;font-size:12px;line-height:18px;}

.commentwriter {position:relative;top:0;box-shadow:0 1px 1px rgba(0,0,0,.15);border-radius:4px;letter-spacing:-1px;font-family:"NanumGothic",sans-serif;font-size:12px;box-sizing:border-box;color:#333;cursor:pointer;background:#fafafa;border:1px solid #b4b4b4;padding:0px 6px;display:inline-block;*display:inline;*zoom:1;
	/* height:23px;line-height:18px; */
	}
.commenttable tr{vertical-align:top;}
.commenttable tr td{border-bottom:1px solid #eee;}
.commenttable tr td:nth-child(2){width:50px;padding:15px 5px 3px;}
.commenttable tr td:nth-child(2) img{width:40px;}
.commenttable tr td:nth-child(3){padding:3px 5px 10px;}
.commenttable tr td .wrap{position:relative;margin:0 0 0px 0;}
.commenttable tr td .mng{width:39px;height:39px;border:1px solid #ccc;background-color:#eee;color:#888;font-weight:bold;line-height:37px;text-align:center;}
.commenttable tr td .writer{font-weight:bold;padding:5px 0;}
.commenttable tr td .time{position:absolute;top:0px;right:85px;font-size:11px;}
.commenttable tr td .tool{position:absolute;top:1px;right:5px;}
.commenttable tr td .tool i{color:#999;border:1px solid #ccc;width:14px;height:14px;padding:3px 0 0 4px;margin:0 1px;border-radius:5px;cursor:pointer;}
.commenttable tr td .tool i:hover{background-color:#ddd;}
.commenttable tr td .comment{display:block;font-size:16px;line-height:1.4em;border:0px solid #f40;padding:0 0 5px;}

.exam_exp_sub_box {clear:both;}
.exam_exp_sub_box &gt; div{font-size:12px;color:#777;padding:0 5px;border:1px solid #ccc;display:inline-block;border-radius:3px;line-height:16px;margin:0 3px;background-color:#f4f4f4;}
.exam_exp_sub_box &gt; div &gt; span{font-size:12px;color:#444;}

</pre></body></html>