@charset "euc-kr";  


 @font-face {
    font-family: 'NotoSansCJKkr';
    src: url('/home/font/notokr-regular.eot');
    src: url('/home/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/home/font/notokr-regular.woff2') format('woff2'),
         url('/home/font/notokr-regular.woff') format('woff'),
         url('/home/font/notokr-regular.ttf') format('truetype'),
         url('/home/font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*기본태그 정의*/
html, body {padding:0;margin:0;height:100%;}
/*기본태그 정의 수정*/
html, body {padding:0;margin:0}
body, td, select, textarea, input {font-size:12px; font-family:'NotoSansCJKkr', sans-serif; color:#333; }
html, body, div, span,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input{
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body{}

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0;table-layout:fixed;}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img,iframe {border:0;}
img{vertical-align:top;}

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 폼태그의 초기화 */
select {vertical-align:middle;}
input {vertical-align:middle;}

textarea {outline:none;}
input.radio {vertical-align:middle;}



input[type=text], input[type=password]{border:1px solid #ddd; background:#fff; height:30px; line-height:29px; padding:0 5px; box-sizing:border-box;}
input[type=file]{border:1px solid #ddd; background:#fff; height:30px; line-height:29px; padding:0 5px;  box-sizing:border-box;}
select{height:30px; padding:2px 0; border:1px solid #ddd; font-size:13px; }
input[type=text]:focus, input[type=password]:focus{border:1px solid #a7a7a7; background:#fafafa; box-shadow:2px 2px 6px #d3d3d3 inset; }
textarea:focus{border:1px solid #a7a7a7; background:#fafafa; box-shadow:2px 2px 6px #d3d3d3 inset; }
input[type="checkbox"]{margin-right:5px;}

a:link    {text-decoration:none; color:inherit;}
a:active    {text-decoration:none; color:inherit;}
a:visited    {text-decoration:none; color:inherit;}
a:hover    {text-decoration:none; color:inherit;}

/* hidden 처리 */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}



.skipnav		{display:none;}
.clear	{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;} 
#bg_wrapper {background: url(/home/images/bg_mainline.png) top left repeat-x;width:100%;min-height:600px;margin:0 0 0px 0;padding:0 0 0px 0;} 
#wrapper	{width:1000px;margin:0 0 0 50px;padding:0;}
#header		{width:1000px;height:54px;padding:0;margin:0;}  
#header	 .top_logo   { float:left;height:54px;padding:0px 0 0 0;margin:0;  } 
#header	 .top_gmenu   { float:right;height:24px;padding:19px 0 0 0;margin:0; }  
#header	 .top_gmenu ul li {display:inline;float:left;padding:0 0 0 0;}
#header	 .top_gmenu ul li.btn {display:inline;float:left;padding:0 0 0 10px;}
#topnav {clear:both;margin:0;width:1000px;height:296px;}
#flash_hmenu {z-index:100;position: absolute; margin:0px 0 0 0;width:1000px;height:296px;}
#flash_himg {z-index:10;position: absolute; left:50px; top:54px;margin:0px 0 0 0;} 
#container {width:1000px;clear:both;display:inline-block;padding:0px 0  10px 0;} 
#container .main_left {width:222px;float:left;} 
#container .main_center {width:467px;padding:0 0 0 45px;float:left;}
#container .main_right {width:223px;float:right;padding:0 0 0 43px;} 
#container .main_left .login_nav {margin:68px 0 0 0;}
.box_login {background: url(/home/images/box_login.gif) no-repeat top left;margin:3px 0 0 0;width:221px;height:110px;}
.box_login fieldset {padding:10px 10px;}
.box_login fieldset p {margin:0 0 4px 0;height:25px;}
.box_login fieldset .input_login {height:18px;width:125px;border:1px solid #cfcfcf;padding:2px 0 0 5px;}
.box_login fieldset .btn_login {height:50px;margin-top:-55px;padding:0 0 0 140px;}
.box_login fieldset .btn_idpwd {border-top:1px solid #e2e2e2;padding:8px 0 0 0px;}
.box_login fieldset .btn_idpwd2 {padding:4px 0 0 0px;}
.box_login fieldset p {margin:0 0 4px 0;height:25px;}  
.box_login2 {background: url(/home/images/box_login2.gif) no-repeat top left;margin:3px 0 0 0;width:221px;height:133px;}
.box_login2 fieldset {padding:10px 10px;}
.box_login2 fieldset p {margin:0 0 4px 0;height:25px;}
.box_login2 fieldset .input_login {height:18px;width:125px;border:1px solid #cfcfcf;padding:2px 0 0 5px;}
.box_login2 fieldset .btn_login {height:50px;margin-top:-55px;padding:0 0 0 140px;}
.box_login2 fieldset .btn_idpwd {border-top:1px solid #e2e2e2;padding:8px 0 0 0px;}
.box_login2 fieldset p {margin:0 0 4px 0;height:25px;} 
.logintext {margin:0;padding:0px 0 0px 10px;height:10px;}
ul.list_loginmain {margin:0px 0 5px 0px;}
ul.list_loginmain li {padding:3px 0 0 8px;background: url(/home/images/bull_dot.gif) no-repeat 0px 6px;}
span.idchk {font-size:0.95em;vertical-align:middle;}
.input_chk {vertical-align:middle;}
#container .main_left .mbanner_list {margin:35px 0 0 0;padding:0;}
#container .main_left .mbanner_list ul li {padding:0 0 8px 0;}
.padd_t25 {padding:25px 0 0 0;}
.padd_t20 {padding:20px 0 0 0;}
.padd_t15 {padding:15px 0 0 0;}
.padd_t10 {padding:10px 0 0 0;}
.box_timetable {background: url(/home/images/box_timetable.gif) no-repeat top left;margin:0px 0 0 0px;width:466px;height:184px;}
.main_notice {margin:31px 0 0 0;}
.main_notice .title {width:466px;margin:0;padding:0 0 12px 0;border-bottom:1px solid #8a8a8a;}
.main_notice .title span {width:410px;display:inline-block;}
.main_notice ul {margin:5px 0 0 0;}
.main_notice ul li {padding:8px 0 9px 0;background: url(/home/images/bull_dashline.gif) repeat-x bottom left;}
.main_notice ul li  span {width:385px;display:inline-block;background: url(/home/images/bull_dot.gif) no-repeat 0px 4px;padding:0 0 0 10px;}
#popup_zone	 {clear:both;padding:68px 0 0 0px;margin:0x 0 0px  0;}
#popup_zone ul {padding:0px 0 0px 0;width:219px;height:15px;}
#popup_zone ul li {float:left;display:inline;padding:3px 1px 0px 1px;height:20px;}
#popup_zone ul li  span {width:70px;margin:0px 0 0 0px;display:inline-block;}
#popup_zone #popup_zone_img {margin:10px 0  0px 0;background: url(/home/images/box_popupzone.gif) no-repeat  top left;width:223px;height:108px;}
#popup_zone #popup_zone_img  p	{padding:3px 0 0 3px;}
.main_mylist {margin:34px 0 0 0;background: url(/home/images/box_mylist.gif) no-repeat  top left;width:221px;height:300px;}
.main_mylist p {text-align:center;padding:10px 0 0 0;} 
.main_mylist ul {margin:18px 0 0 20px;}
.main_mylist ul li {padding:0;}
.padd_tit {padding:6px 0 10px 5px;font-weight:bold;color:#ffffff;letter-spacing:-1px;}
.padd_tit a, .padd_tit  {font-weight:bold;color:#ffffff;}
.padd_tit2 {padding:4px 0 10px 20px;font-weight:bold;font-size:1.14em;color:#24280e;letter-spacing:-1px;}
.padd_tit2 a, .padd_tit  {font-weight:bold;color:#24280e;}
.padd_tit3 {padding:4px 0 10px 10px;font-weight:bold;font-size:1.3em;color:#0000ff;letter-spacing:.5px;}
.padd_tit3 a, .padd_tit  {font-weight:bold;color:#0000ff;}
.tbl_test {clear:both; width:98%;padding:0px 0 0 0;margin:0 0 0 5px; border:0;border-collapse:collapse;}
.tbl_test th {background: url(/home/images/th_timetable.gif) repeat-x top left;height:23px;border:none;border-right:1px solid #dcdcdc;color:#394017;padding:10px 0px 0px 0;text-align:center;letter-spacing:-1px;}
.tbl_test th.last {background: url(/home/images/th_timetable.gif) repeat-x top left;height:23px;border:none;border-right:0px solid #dcdcdc;color:#394017;padding:10px 0px 0px 0;text-align:center;letter-spacing:-1px;}
.tbl_test th.ctext {background:none;border-bottom:1px solid #c3d480;border-right:1px solid #dcdcdc;text-align:center;height:10px;padding:6px 0px 5px 0;color:#879831;letter-spacing:-1px;} 
.tbl_test td {background:none;border-bottom:1px solid #c3d480;border-right:1px solid #dcdcdc;text-align:center;height:20px;padding:6px 0px 5px 0;color:#000000;letter-spacing:-1px;} 
.tbl_test td.last {background:none;border-bottom:1px solid #c3d480;border-right:0px solid #dcdcdc;text-align:center;height:10px;padding:6px 0px 5px 0;color:#000000;letter-spacing:-1px;} 
.tbl_test td.bgcolor {background:#aaca2b;border-bottom:1px solid #c3d480;border-right:1px solid #dcdcdc;text-align:center;height:10px;padding:6px 0px 5px 0;color:#000000;letter-spacing:-1px;} 
.date_testday {color:#e10606;font-weight:bold;}
.main_banener  {background: url(/home/images/box_mainbanner.gif) no-repeat top left;width:731px;height:47px;clear:both;margin:20px 0  0px 0;}   
.main_banener .control { padding:0px 0 0 0;}
.main_banener .control .move01 {position:relative;top:10px;left:-680px;}
.main_banener .control .move02 {position:relative;top:10px;left:-10px;}
#footer_wrap	{width:100%;height:126px;margin:20px 0;clear:both;background: url(/home/images/bg_footer.gif) repeat-x top left;}
#footer_wrap #footer {width:1000px;margin:0 0 0 50px;}
#footer_wrap #footer .bg_sitelink  {padding:14px 0 0 160px;height:20px;}
#footer_wrap #footer .bg_sitelink  ul {padding:7px 0 0 13px;}
#footer_wrap #footer .bg_sitelink  ul li {padding:0 6px 0 0;display:inline;} 
#footer_wrap #footer .bg_sitelink  ul li.btn {padding:0;display:inline;margin:0 10px 0 80px;}  
#footer_wrap #footer .copyright {padding:20px 0 0 0;width:100%;}
#footer_wrap #footer .copyright  .logo {float:left;width:220px;text-align:right;} 
#footer_wrap #footer .copyright  .address {float:right;width:780px;text-align:left;} 
#footer_wrap #footer .copyright  .address p {color:#626262;padding:10px 0 0 20px;}   
#top_allmenu {z-index:100;position: absolute; left:1065px; top:20px; height:20px;} 
#top_allmenu_z { position: absolute; left:50px;top:90px; width : 1000px;height :193px;padding: 15px 0px 0 0;background: url(/home/images/bg_allmenu.gif) no-repeat 0 0; overflow: hidden; }
#top_allmenu_z .close {position: absolute; left:907px;top:172px;}
#top_allmenu_z ul {display: inline; float: left; height: auto;margin: 0  0px 0 0; padding:0px  0px 0 0;}
#top_allmenu_z ul li { display: inline;float : left;width : 130px; height: auto;margin-top:-5px; padding: 0 0 0 15px;}
#top_allmenu_z ul li a {display: block; }
#top_allmenu_z ul li.second { display: inline;float : left;width : 125px; height: auto;margin-top:-5px;padding: 0 0 0 10px;}
#top_allmenu_z ul li.three { display: inline;float : left;width : 125px; height: auto;margin-top:-5px; padding: 0 0 0 25px;}
#top_allmenu_z ul li.four { display: inline;float : left;width : 125px; height: auto;margin-top:-5px; padding: 0 0 0  20px;}
#top_allmenu_z ul li.five { display: inline;float : left;width : 120px; height: auto;margin-top:-5px;padding: 0 0 0  15px;}
#top_allmenu_z ul li.six { display: inline;float : left;width : 120px; height: auto;margin-top:-5px;padding: 0 0 0  20px;}
#top_allmenu_z ul li.last { display: inline;float : left;width : 110px; height: auto;margin-top:-5px; padding: 0 0 0  15px;}
#top_allmenu_z  ul	ol	{padding : 0; margin : 20px 0;}
#top_allmenu_z  ul	li	ol li	{background: url(/home/images/bull_dotall.gif) no-repeat 0px 10px;float : left;padding :7px 0px 7px 8px; }
#top_allmenu_z  ul	li	ol li a:link	{font-weight : bold;color:#747474;}
#top_allmenu_z  ul	li	ol li a:visited	{font-weight : bold;color:#747474;}
#top_allmenu_z  ul	li	ol li a:hover	{color:#5467B8;font-weight : bold;text-decoration:underline; }
#top_allmenu_z  ul	li	ol li a:active	{font-weight : bold;color:#747474;}
#top_allmenu_z ul  span.hidden {display:none;font-size:0;} 
#intro {width:500px;background: url(/home/images/intro_bg.gif) repeat-x top left;border:3px solid #e4e4e4;height:395px;margin:200px auto 0 auto;}
#intro p.logo {padding:40px 0 0 80px;}
#intro p.text  {color:#3e7abb;font-weight:bold;font-size:1.2em;padding:20px 0 0 80px;}
#intro ul {padding:10px 0 0 80px;width:330px;}
#intro ul li {padding:13px 0 10px 15px;border-bottom:1px solid #e2e2e2;background: url(/home/images/intro_bull.gif) no-repeat 0 14px;}
#intro ul li a {font-weight:bold;color:#000000;}
#intro ul li a:hover {font-weight:bold;color:#da5d02;}



.tbl_test2 {clear:both; width:98%;padding:0px 0 0 0;margin:0 0 0 3px; border:0;border-collapse:collapse;}
.tbl_test2 th {background: url(/home/images/th_timetable2.gif) repeat-x top left;height:23px;border:none;border-right:1px solid #dcdcdc;color:#394017;padding:9px 0px 0px 0;text-align:center;valign:middle;letter-spacing:-1px;}
.tbl_test2 th.last {background: url(/home/images/th_timetable2.gif) repeat-x top left;height:23px;border:none;border-right:0px solid #dcdcdc;color:#394017;padding:9px 0px 0px 0;text-align:center;valign:middle;letter-spacing:-1px;}
.tbl_test2 th.ctext {background:none;border-bottom:1px solid #c3d480;border-right:1px solid #dcdcdc;text-align:center;valign:middle;height:10px;padding:5px 0px 4px 0;color:#879831;letter-spacing:-1px;} 
.tbl_test2 td {background:none;border-bottom:1px solid #c3d480;border-right:1px solid #dcdcdc;text-align:center;valign:middle;height:20px;padding:5px 0px 4px 0;color:#000000;letter-spacing:-1px;} 
.tbl_test2 td.last {background:none;border-bottom:1px solid #c3d480;border-right:0px solid #dcdcdc;text-align:center;valign:middle;height:10px;padding:5px 0px 4px 0;color:#000000;letter-spacing:-1px;} 
.tbl_test2 td.bgcolor {background:#aaca2b;border-bottom:1px solid #c3d480;border-right:1px solid #dcdcdc;text-align:center;valign:middle;height:10px;padding:5px 0px 4px 0;color:#000000;letter-spacing:-1px;} 











/* tnb영역 */
#wrap{width:100%; overflow:hidden;}


.head {width:100%; height:65px; background:#;  position:Relative; border-bottom:1px solid #ddd;}
.in {width:1000px; height:65px; margin:0 auto;}
.head ul {float:right; color:#;  margin-top:22px;}
.head ul li { float:left; height:23px;  line-height:23px; margin-left:15px;}
.head ul li a { }
.head ul li.bg{width:112px; color:#fff; text-align:center;}
.head ul li.bg.bg01{background:#3589cf;}
.head ul li.bg.bg02{background:#9ec42a;}
.head ul li.icon{}
.head ul li.icon.icon01{background:url(/home/images/new_icon_tnblogin.png) no-repeat center left; padding-left:18px;}
.head ul li.icon.icon02{background:url(/home/images/new_icon_tnbjoin.png) no-repeat center left; padding-left:24px;}
.head ul li.icon.icon03{background:url(/home/images/new_icon_tnbjoin.png) no-repeat center left; padding-left:24px;}
.head ul li.icon.icon04{background:url(/home/images/new_icon_tnbedit.png) no-repeat center left; padding-left:20px;}

/* gnb영역 */
.gnb {width:1000px; height:80px; background:#; margin:0 auto;  }
.gnb_dpe1 {  list-style:none; height:80px; position:relative; margin-top:5px;}
.gnb_dpe1 li{float:left; font-size:18px;  color:#333;  font-weight:500;}
.gnb_dpe1 li.gnb_dpe11 .gnb_dpe2{left:0;}
.gnb_dpe1 li.gnb_dpe12 .gnb_dpe2{left:95px;}
.gnb_dpe1 li.gnb_dpe13 .gnb_dpe2{left:0px;}
.gnb_dpe1 li.gnb_dpe14 .gnb_dpe2{left:445px;}
.gnb_dpe1 li.gnb_dpe15 .gnb_dpe2{left:525px;}
.gnb_dpe1 li.gnb_dpe16 .gnb_dpe2{left:670px;}
.gnb_dpe1 li.gnb_dpe17 .gnb_dpe2{left:720px;}


.gnb_dpe1 > li > a.on{color:#9ec42a; font-weight:500;}

.gnb_dpe1 li:hover{ color:#9ec42a;}

.gnb_dpe1 li:hover > .gnb_dpe2 {display:block;}

.gnb_dpe1 li a{display:block;   padding:20px 20px;}
/*.gnb_dpe1 li.gnb_dpe13 a{padding-LEFT:0;}
.gnb_dpe1 li.gnb_dpe17 a{padding-right:0;}
*/
.gnb_dpe2 {display:none; position:absolute; width:100%;  top:55px;}
.gnb_dpe2 li {float:left; padding:0;  line-height:100%; font-size:14px;color:#858585; font-weight:normal;}
.gnb_dpe2 li:hover{color:#858585; font-weight:500;}
.gnb_dpe2 li a{display:block; width:100%;  padding:0 10px; padding-bottom:12px;}



.logo {width:190px; float:left; margin-top:10px; }

/* 비쥬얼 영역 */
.visual {width:100%; height:448px;}
.visual li{width:100%; height:448px;}
.visual li.mvis01{background:url(/home/images/new_visual.gif) no-repeat center top;}


.sub_visual {width:100%; height:145px; background:url(/home/images/new_subvis.png) no-repeat center top;}


/* 메인콘텐츠 공토 */
.con .box {border:1px solid #eee; box-sizing:border-box; padding:20px;}
.con .box .title{margin-bottom:20px; border-bottom:1px solid #eee; height:34px; font-size:18px; }
.con .box .title .color{color:#3589cf;}

.con {width:1000px; margin:10px auto; }

/* 메인콘텐츠 */
.top { width:100%; }
.tople { width:242px;  float:left; }
.tople1 { width:242px;  height:275px; }
.tople1in { width:100%;  height:296px; }
.tople1in input[type=text] ,.tople1in input[type=password] { width:100%; margin: 0 0 5px 0;   }
.tople1inb { width:100%;}
.b1{ width:98px; cursor:pointer;  height:40px; line-height:40px; text-indent:18px; text-align:center; background:#9ec42a url( /home/images/icon_btnlogin.png) no-repeat 20px center; color:white; float:left;  margin:5px 0; }
.b2{ width:98px;  height:40px; line-height:40px; text-align:center; text-indent:18px; background: #003377 url(/home/images/icon_btnjoin.png ) no-repeat  20px center; color:white;  float:right;  margin:5px 0; }

.b3{ width:100%;  height:40px; line-height:40px;  text-align:center; text-indent:18px; background: #e3e3e3 url(/home/images/icon_btnidpw.png) no-repeat 37px center;  color:grey;  clear:both; }

.tople2 { width:242px; margin: 10px 0; height:322px; }
.tople2 a {padding:0 20px; background:url(/home/images/dotted_plus.png) no-repeat 95% 22px; border:1px solid #eee; box-sizing:border-box; display:block; width:100%; height:56px;  margin-bottom:10px; text-align:left; line-height:56px; font-size:16px;}
.tople3 { width:242px; height:267px; position:relative;}
.tople3 .tople3in{background:url(/home/images/bg_counseltime.png) no-repeat center 20px; position:absolute; top:54px; right:0; left:0; bottom:0; text-align:center; padding-top:130px;}
.tople3 .tople3in p{font-size:16px;}
.tople3 .tople3in p.day{color:#777; }
.tople4 { width:242px; height:208px; position:relative;}
.tople4 .tople4in{background:url(/home/images/bg_counseltime50.png) no-repeat center 20px; position:absolute; top:44px; right:0; left:0; bottom:0; text-align:center; padding-top:85px;}
.tople4 .tople4in p{font-size:16px;}
.tople4 .tople4in p.day{color:#777; }
.tople5 { width:242px; margin: 10px 0; height:40px; }


.topri { width:748px;  float:right;}
.topri1 { width:748px; height:275px; }
.topri1 .table{width:100%; border-collapse:collapse; border-spacing:0;table-layout:fixed;  }
.topri1 .table th{background:#333; color:#fff; text-align:center; height:40px; vertical-align:middle; font-size:14px; font-weight:normal}
.topri1 .table tr td { padding:7px 10px; font-size:13px; border-bottom:1px solid #eee; text-align:center; vertical-align:middle; }
.topri1 .table td.sub{text-align:right;}
.topri1 .table td.back{background: #f5f6fa;}
.topri1 .table td.color_red{color: #e10606;}
.topri1 .table td.bgcolor {background:#aaca2b !important; vertical-align:middle; } 



.topri2 { width:748px; height:254px;  margin:10px 0;}
.topri21 { width:496px; height:254px;float:left; }
.topri21 .table{width:100%; border-collapse:collapse; border-spacing:0;table-layout:fixed;  }
.topri21 .table th{background:#333; color:#fff; text-align:center; height:40px; vertical-align:middle; font-size:14px; font-weight:normal}
.topri21 .table tr td { padding:7px; font-size:13px; text-align:right; color:#595959;}
.topri21 .table tr td:first-child{text-align:left; color:#595959; background:url(/home/images/blt_dot.png) no-repeat center left;}  



.topri22 { width:242px; height:254px;float:right; position:relative;}
.topri22 .topri22in{ position:absolute; top:74px; right:20px; left:20px; bottom:0; }
.topri22 .topri22in ul li{height:158px; }

.topri3 { width:748px; height:335px; }
.topri31 { width:242px; height:335px; float:left; }
.topri31 .topri31in{}
.topri31 .topri31in li{height:46px; padding:4px 0; margin-bottom:10px; text-align:left; padding-left:65px;}
.topri31 .topri31in li .tit{color:#9ec42a;}
.topri31 .topri31in li.icon01{background:url(/home/images/icon_counsel01.png) no-repeat left center;}
.topri31 .topri31in li.icon02{background:url(/home/images/icon_counsel02.png) no-repeat left center;}
.topri31 .topri31in li.icon03{background:url(/home/images/icon_counsel03.png) no-repeat left center;}
.topri31 .topri31in li.icon04{background:url(/home/images/icon_counsel04.png) no-repeat left center; margin-bottom:0;}


.topri32 { width:242px; height:335px; margin:0 10px; float:left; }
.topri32in	{  width:100%;   }
.topri32in p {  font-size:17px; margin-bottom:10px;  }
.topri32in1 {  width:100%; height:125px; border-bottom:1px solid #ddd;  }
.topri32in2 {  width:100%; height:125px; margin-top:10px; }

.topri32 a {float:left; background: url(/home/images/bg_whitebtn.gif);  border:1px solid #eee; box-sizing:border-box; display:block; width:90px; height:40px;   text-align:center; line-height:40px; margin-left:10px;}

.topri33 { width:242px; height:335px; float:left;}
.topri33 .topri33in{}
.topri33 .topri33in li{font-size:14px; line-height:24px; background:url(/home/images/blt_dot.png) no-repeat center left; padding:0 10px;}
.topri33 .topri33in li.color{color:#3589cf;}
.topri33 .topri33in li.on{color:red}
.topri33 .topri33in li.on2{color:orange;}

.bottle { clear:both; width:100%; padding:20px 0; position:relative;}
#prevBtn{width:30px; height:32px; float:left; background:url(/home/images/bottom_banner_left.png) no-repeat left center; text-indent:-9999px; position:absolute; left:0; top:20px;}
#nextBtn{width:30px; height:32px; float:right; background:url(/home/images/bottom_banner_right.png) no-repeat right center; text-indent:-9999px; position:absolute; right:0; top:20px;}

.bottleinm { width:940px; margin:0 auto;  }
.bottleinm li{width:170px; height:32px; box-sizing:border-box; float:left;   text-align:center; }



/* 하단영역 */
.foot {clear:both; width:100%; background:#fafafa; font-family:"dotum"; font-size:11px; padding-bottom:20px;}
.footin {width:1000px; overflow:hidden; margin:0 auto; }
.foot1 {width:1000px; height:50px; border-bottom:1px solid #ddd;  }
.foot1 ul{ }
.foot1 ul li{float:left; margin-right:15px; line-height:50px; }
.foot1 ul li.color{color:#527db9; font-weight:bold;}

.foot2 {width:1000px; margin:20px 0; }
.foot21 {width:750px;  float:left; }
.foot21 p{padding:4px 0;}


.foot22 {width:180px;float:right; }
.foot22 ul{ margin-top:5px;}
.foot22 ul li{width:50%; float:left; margin:5px 0; padding:0 3px 0 17px; box-sizing:border-box;}
.foot22 ul li.icon01{background:url(/home/images/new_icon_viewerhan.png) no-repeat left center;}
.foot22 ul li.icon02{background:url(/home/images/new_icon_viewerppt.png) no-repeat left center;}
.foot22 ul li.icon03{background:url(/home/images/new_icon_viewerword.png) no-repeat left center;}
.foot22 ul li.icon04{background:url(/home/images/new_icon_viewerarcro.png) no-repeat left center;}
.foot22 ul li.icon05{background:url(/home/images/new_icon_viewerexcel.png) no-repeat left center;}

.topri31 ul li { text-align:center; font-size:15px; } 



 
/* Sub Main */
.sub_con {width:1000px;  margin:10px auto; overflow:hidden;}
.sub_con:after{content:""; clear:both; display:block;}

.lnb {width:220px;  float:left;}
.lnbin {width:220px;  }
.lnbt {width:220px;  height:184px; background:url(/home/images/new_bg_smt.gif) no-repeat;  line-height:184px; font-size:30px;  text-align:center; color:white;}

.lnbb {width:220px;}
.subnav{}
.subnav li {font-size:16px; color:#333; border-bottom:1px solid #ddd; line-height:45px; text-indent:3px;}
.subnav li a{display:inline-block; width:100%;}
.subnav li.on{background:url(/home/images/lnb_on.png) no-repeat 205px 20px;}
.subnav li.off{background:url(/home/images/lnb_off.png) no-repeat 205px 20px;}

.subnav li .subnav_2dep {background:#fafafa; padding:15px 0; box-sizing:border-box; border-top:1px solid #ddd;}
.subnav li .subnav_2dep li{font-size:14px; color:#858585; background:url(/home/images/blt_lbn2dpe.gif) no-repeat 20px center; padding:0 20px; border:0; line-height:25px;}
.subnav li .subnav_2dep li a{background:none;}





.rnb {width:740px; float:right; }
.rnbt{width:740px;  }
.rnbt1{ float:left; }
.rnbt2{ float:right; }
.rnbt2 ul li {  float:left; text-align:none; margin:5px;}








/*login after*/
.abox{ font-size:14px; margin-bottom:5px;}
.ab1{ width:98px;  height:40px; line-height:40px; text-align:center; background:#9ec42a; color:white; float:left;  margin:10px 0 5px 0; font-size:12px;}
.ab2{ width:98px;  height:40px; line-height:40px; text-align:center;  background: #003377; color:white;  float:right;  margin:10px 0 5px 0; font-size:12px;}
.ab3{ width:100%;  height:40px; line-height:40px;  text-align:center;  background: #e3e3e3;  color:grey;  clear:both; font-size:12px; }



/* at란 */
.tit{}
.contbox{border:1px solid #ddd; padding:15px; text-align:center; margin-bottom:10px; border-radius:3px; font-size:13px; background:#f0f7fc;}
.contbox span{font-weight:bold;}
.contbox2{border:3px solid #f0f7fc; padding:15px;  margin-bottom:10px; border-radius:3px; font-size:13px; background:#;}
.contbox2 p{font-size:16px; font-weight:bold; margin-bottom:5px; color:#1f8dc6;}