@charset "euc-kr";

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url('./fonts/NanumGothic.eot');
	src: url('./fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('./fonts/NanumGothic.woff') format('woff'), 
	url('./fonts/NanumGothic.ttf')  format('truetype'),
	url('./fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); 
}

/* @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); */


* { font-family:³ª´®°íµñ, 'NanumGothic' !important;  -webkit-text-size-adjust:none; }


/*
* { font-family:³ª´®°íµñ, 'NanumGothic', 'NanumGothicWeb', µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; -webkit-text-size-adjust:none; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; }
ol, ul, li { list-style: none; }
legend, caption { display:none; font-size:0; }
hr {display: none;}
body { font-size:12px; }
html, body{ width:100%; height:100%; }
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; }
input,select { font-size:100%; }
input,select,textarea,button { vertical-align:middle; border:0; }
img, input { vertical-align:middle; }

a { color:#333333; text-decoration:none; ³ª´®°íµñ,NanumGothic; }
a:active, a:hover { text-decoration:none; ³ª´®°íµñ,NanumGothic; }

html:first-child select { height:28px; padding-right:6px; }
option { padding-right:6px; }
legend { width:0; height:0; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; }
select { height:30px; border:1px solid #cccccc; padding:4px; }
*/

img, input { vertical-align:middle; }

a { color:#333333; text-decoration:none; font-family:³ª´®°íµñ,NanumGothic; }
a:active, a:hover { text-decoration:none; font-family:³ª´®°íµñ,NanumGothic; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

#ioj_skip { position:relative; }
#ioj_skip a { position:absolute; top:0; left:0; z-index:1000; width:1px; height:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:14px; background:#4c99d1; text-align:center; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; color:#ffffff; }
#ioj_skip a:hover { display:block; width:100%; height:30px; margin:0 0 0 -1px; background:#4c99d1; border-bottom:3px solid #1b74b5; line-height:30px; }
#ioj_skip a:active { display:block; width:100%; height:30px; margin:0 0 0 -1px; background:#4c99d1; border-bottom:3px solid #1b74b5; line-height:30px; }
#ioj_skip a:focus { display:block; width:100%; height:30px; margin:0 0 0 -1px; background:#4c99d1; border-bottom:3px solid #1b74b5; line-height:30px; }

#ioj_wrap { width:100%; height:100%; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

#ioj_top { width:100%; height:28px; background:url("./images/bg_01.jpg") repeat-x 0 0; }
#ioj_top .ioj_top_c { position:relative; width:985px; height:28px; margin:0 auto; }
#ioj_top .ioj_top_c .ioj_gnb { float:right; }
#ioj_top .ioj_top_c .ioj_gnb ul { }
#ioj_top .ioj_top_c .ioj_gnb li { float:left; height:23px; padding-top:5px; margin-right:15px; }
#ioj_top .ioj_top_c .ioj_gnb li a { font-size:11px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }

#ioj_header { width:100%; height:72px; background:url("./images/bg_02.jpg") repeat-x 0 0; }
#ioj_header .ioj_header_c { position:relative; width:985px; height:72px; margin:0 auto; }
#ioj_header .ioj_header_c .ioj_lnb { float:left; width:985px; height:72px; }
#ioj_header .ioj_header_c .ioj_lnb #gnb { position:absolute; left:0px; top:0px; z-index:1000; width:985px; height:72px; border:0px solid #000; }
#ioj_header .ioj_header_c .ioj_lnb #gnb a { display:block; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul { width:985px; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul:after { content:''; display:block; clear:both; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li { float:left; width:167px; height:72px; border:0px solid #000; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li.logo { float:left; width:317px; height:72px; border:0px solid #000; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li > a { }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li > h2 { height:51px; padding:20px 0 0 20px; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li > h2 > a { font-size:18px !important; color:#232323; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li > h2 > a.active { font-size:18px !important; color:#232323; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li > * { display:block; height:72px; font-size:14px; font-weight:600; line-height:30px; text-decoration: none; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; border:0px solid #000; }
.not-ie #ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li > h2 > a { font-size:13px; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
#ioj_header .ioj_header_c .ioj_lnb #gnb > ul > li:first-child > * { }
#ioj_header .ioj_header_c .ioj_lnb #gnb li ul { display:none; height:250px; padding-top:10px; border:3px solid #4c99d1; border-width:0px 0 3px 0; background:#ffffff; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li ul.bl3 { border-left:3px solid #4c99d1; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li ul.br3 { border-right:3px solid #4c99d1; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li ul.logo { background:#ffffff url("./images/bg_03.jpg") no-repeat 0 0px; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li ul:first-child { }
#ioj_header .ioj_header_c .ioj_lnb #gnb li li { height:27px; padding:0 0 0px 30px; background:url("./images/ic_02.jpg") no-repeat 22px 14px; border-right:1px solid #d6d6d6; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li li.op1 { border-right:1px solid #ffffff; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li li a { font-size:15px !important; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; color:#232323; }
#ioj_header .ioj_header_c .ioj_lnb #gnb li li a:hover { font-weight:600; color:#237dbc; text-decoration:underline; }

#ioj_quick { width:100%; height:114px; }
#ioj_quick .ioj_quick_c { position:relative; width:985px; height:138px; margin:0 auto; }
#ioj_quick .ioj_quick_c ul { }
#ioj_quick .ioj_quick_c li { float:left; }
#ioj_quick .ioj_quick_c li.op1 { width:200px; }
#ioj_quick .ioj_quick_c li.op2 { width:196px; }
#ioj_quick .ioj_quick_c li.op3 { width:196px; }
#ioj_quick .ioj_quick_c li.op4 { width:196px; }
#ioj_quick .ioj_quick_c li.op5 { width:197px; }

#ioj_visual { width:100%; height:231px; }
#ioj_visual .ioj_visual_c { position:relative; width:985px; height:231px; margin:0 auto; }

#ioj_search { clear:both; width:100%; height:53px; }
#ioj_search .ioj_search_c { position:relative; width:985px; height:53px; margin:0 auto; background:#e2e2e2 url("./images/bg_04.jpg") no-repeat 0 0; }
#ioj_search .ioj_search_c ul { }
#ioj_search .ioj_search_c li { float:left; }
#ioj_search .ioj_search_c li.op1 { width:374px; height:43px; text-align:right; padding-top:10px; }
#ioj_search .ioj_search_c li.op2 { width:361px; height:43px; padding-top:10px; }
#ioj_search .ioj_search_c li.op3 { width:125px; }
#ioj_search .ioj_search_c li.op4 { width:104px; }
#ioj_search .ioj_search_c li.op5 { width:125px; }
#ioj_search .ioj_search_c li.op6 { width:106px; }

#ioj_con { clear:both; width:100%; overflow:hidden; border:0px solid #000000; }
#ioj_con .ioj_con_c { position:relative; width:985px; overflow:hidden; margin:0 auto; }
#ioj_con .ioj_con_c .ioj_con_c1 { float:left; width:727px; overflow:hidden; }

#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 { width:727px; overflow:hidden;  }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice { position:relative; float:left; width:445px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice h1.tit { width:421px; height:23px; border-bottom:2px solid #78cdc8; font-size:15px; color:#3e3e3e; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice a.more { position:absolute; top:30px; right:30px; font-size:11px; color:#3e3e3e; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice ul { margin-top:11px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice li { position:relative; width:411px; height:19px; border-bottom:1px solid #e3e3e3; padding:7px 0 0 10px; background:url("./images/ic_02.jpg") no-repeat 0 15px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice li a { font-size:13px; color:#373332; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_notice li span { position:absolute; top:7px; right:10px; font-size:12px; color:#373332; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon1 .mcon1_banner { float:left; width:258px; overflow:hidden; }

#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 { width:727px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 h1.tit { width:727px; height:27px; font-size:15px; color:#3e3e3e; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; border:0px solid #000; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom { width:502px; height:143px; background:url("./images/bg_05.jpg") no-repeat 0 0; padding:31px 0 0 202px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont { position:relative; float:left; width:247px; height:143px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont ul { }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li { float:left; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.pic { width:88px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt { width:150px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt p.txt_link{ position:absolute; top:93px; left:88px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt h2 { font-size:14px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt h2 a { font-size:14px; color:#000000; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt span.op1 { font-size:12px; line-height:18px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt span.op1 a { color:#666666; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon2 .mcon2_recom .mcon2_recom_cont li.txt span.op1 span.op2 { font-size:11px; color:#666666; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 { width:727px; height:250px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class { position:relative; float:left; width:344px; height:250px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class h1.tit { width:344px; height:25px; font-size:15px; color:#3e3e3e; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; border:0px solid #000; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class a.more { position:absolute; top:30px; right:0px; font-size:11px; color:#3e3e3e; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_header { width:344px; height:37px; background:url("./images/bg_06.jpg") repeat-x 0 0; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_header ul { }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_header li { float:left; width:344px; height:27px; text-align:center; padding-top:10px; font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_header li.tit1 { width:245px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_header li.tit2 { width:99px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con { width:344px; height:83px; border-bottom:1px solid #e3e3e3; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con ul { }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con li { float:left; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con li.pic { width:88px; height:83px; text-align:center; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con li.txt { width:157px; height:83px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con li.txt a.op1 { display:inline-block; font-size:14px; color:#000000; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; height:20px; margin-top:5px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con li.txt a.op2 { display:inline-block; font-size:12px; color:#666666; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; line-height:18px; margin-top:5px; }
#ioj_con .ioj_con_c .ioj_con_c1 .mcon3 .mcon3_class .mcon3_class_con li.date { width:99px; height:63px; text-align:center; font-size:12px; color:#666666; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; padding-top:20px; }

#ioj_con .ioj_con_c .ioj_con_c2 { float:left; width:258px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 { width:258px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login { width:258px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_switch { width:258px; height:37px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_switch ul { }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_switch li { float:left; width:129px; height:37px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box { width:256px; height:172px; border:1px solid #dcdcdc; border-width:0 1px 0 1px; padding:21px 0 0 0; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c { width:200px; height:193px; margin:0 auto; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c ul { }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li { width:200px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op1 { width:200px; height:60px; font-size:13px; color:#333333; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; line-height:18px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op1 a.certi  { font-size:13px; color:#d2171e; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic; text-decoration:underline; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op2 { width:200px; height:25px; font-size:13px; color:#333333; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; line-height:18px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 { position:relative; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login1 { position:absolute; top:0px; left:0px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login2 { position:absolute; top:26px; left:0px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login3 { position:absolute; top:0px; left:136px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login4 { position:absolute; top:58px; left:11px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login4 a { font-size:12px; color:#333333; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login5 { position:absolute; top:10px; left:0px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login6 { position:absolute; top:10px; left:105px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login7 { position:absolute; top:75px; left:11px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_box .mcon1_login_box_c li.op3 p.ioj_login7 a { font-size:12px; color:#333333; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_etc { clear:both; width:258px; height:29px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_etc ul { }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_etc li { float:left; width:129px; height:23px; background:#48b3d6; text-align:center; padding-top:6px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_etc li a { font-size:11px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login .mcon1_login_etc li.op1 {width:128px; border-right:1px solid #ffffff; }

#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2 { position:relative; width:256px; height:132px; border:1px solid #dddddd; background:url("./images/bg_07.jpg") no-repeat 0 0; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2 p.welcome { position:absolute; top:70px; left:30px; font-size:14px; color:#010101; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; line-height:20px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2 p.logout { position:absolute; top:67px; left:160px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2_btn { width:256px; height:29px; border:1px solid #dddddd; border-width:0 1px 1px 1px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2_btn ul { }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2_btn li { float:left; width:90px; height:23px; padding:6px 0 0 37px; background:url("./images/ic_06.jpg") no-repeat 29px 12px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2_btn li.op1 { float:left; border-right:1px solid #dddddd; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_login2_btn li a { font-size:12px; color:#8b8b8b; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner { clear:both; width:258px; overflow:hidden; }

/* 20141202 ¼öÁ¤ºÎºÐ */
/* 20141202 ¼öÁ¤ºÎºÐ */
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call { position:relative; width:256px; height:240px; border:1px solid #dcdcdc; background:url("./images/bg_11.jpg") no-repeat 0 0; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call p.tit1 { position:absolute; left:87px; top:15px; color:#6a6a6a; font-size:16px; font-weight:600; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call p.tit1 span { color:#5ab0b1; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call p.tit2 { position:absolute; left:87px; top:33px; color:#6dbcc0; font-size:12px; font-weight:600; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call p.tit3 { position:absolute; left:120px; top:51px; color:#676767; font-size:12px; font-weight:600; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call .mcon1_call_list { position:absolute; left:18px; top:77px; color:#676767; font-size:11px; font-weight:bold; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call .mcon1_call_list ul { }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call .mcon1_call_list li { float:left; height:17px; margin-bottom:5px; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call .mcon1_call_list li.op1 { width:53px; background:#c9e8ea; color:#67babe; text-align:center; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call .mcon1_call_list li.op2 { width:41px; background:#7ecdd1; color:#ffffff; text-align:center; }
#ioj_con .ioj_con_c .ioj_con_c2 .mcon1 .mcon1_banner .mcon1_call .mcon1_call_list li.op3 { width:130px; padding-left:10px; font-size:11px; }
/* 20141202 ¼öÁ¤ºÎºÐ */
/* 20141202 ¼öÁ¤ºÎºÐ */

#ioj_con .ioj_con_c .ioj_con_s_c1 { float:left; width:243px; overflow:hidden; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 h1.ioj_s_left_tit { width:209px; height:51px; background:url("./images/bg_tit_07.jpg") no-repeat 0 0; font-size:25px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-align:center; padding-top:100px; border-bottom:1px solid #ffffff; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 li { width:177px; height:27px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; background:url("./images/ic_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 li a { font-size:14px; color:#4f4f4f; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 li.on { width:179px; height:28px; border:0px solid #dcdcdc; border-width:0 1px 1px 1px; background:#ffc031 url("./images/s_menu_bg_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left1 li.on a { font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 h1.ioj_s_left_tit { width:209px; height:51px; background:url("./images/bg_tit_08.jpg") no-repeat 0 0; font-size:25px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-align:center; padding-top:100px; border-bottom:1px solid #ffffff; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 li { width:177px; height:27px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; background:url("./images/ic_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 li a { font-size:14px; color:#4f4f4f; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 li.on { width:179px; height:28px; border:0px solid #dcdcdc; border-width:0 1px 1px 1px; background:#f69041 url("./images/s_menu_bg_04.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left2 li.on a { font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 h1.ioj_s_left_tit { width:209px; height:51px; background:url("./images/bg_tit_09.jpg") no-repeat 0 0; font-size:25px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-align:center; padding-top:100px; border-bottom:1px solid #ffffff; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 li { width:177px; height:27px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; background:url("./images/ic_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 li a { font-size:14px; color:#4f4f4f; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 li.on { width:179px; height:28px; border:0px solid #dcdcdc; border-width:0 1px 1px 1px; background:#89c94f url("./images/s_menu_bg_03.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left3 li.on a { font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 h1.ioj_s_left_tit { width:209px; height:51px; background:url("./images/bg_tit_10.jpg") no-repeat 0 0; font-size:25px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-align:center; padding-top:100px; border-bottom:1px solid #ffffff; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 li { width:177px; height:27px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; background:url("./images/ic_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 li a { font-size:14px; color:#4f4f4f; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 li.on { width:179px; height:28px; border:0px solid #dcdcdc; border-width:0 1px 1px 1px; background:#64aee4 url("./images/s_menu_bg_02.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left4 li.on a { font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 h1.ioj_s_left_tit { width:209px; height:51px; background:url("./images/bg_tit_11.jpg") no-repeat 0 0; font-size:25px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-align:center; padding-top:100px; border-bottom:1px solid #ffffff; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 li { width:177px; height:27px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; background:url("./images/ic_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 li a { font-size:14px; color:#4f4f4f; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 li.on { width:179px; height:28px; border:0px solid #dcdcdc; border-width:0 1px 1px 1px; background:#f17082 url("./images/s_menu_bg_01.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left5 li.on a { font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 h1.ioj_s_left_tit { width:209px; height:51px; background:url("./images/bg_tit_12.jpg") no-repeat 0 0; font-size:25px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; text-align:center; padding-top:100px; border-bottom:1px solid #ffffff; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 li { width:177px; height:27px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; background:url("./images/ic_05.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 li a { font-size:14px; color:#4f4f4f; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 li.on { width:179px; height:28px; border:0px solid #dcdcdc; border-width:0 1px 1px 1px; background:#65c5e3 url("./images/s_menu_bg_06.png") no-repeat 10px center; padding:13px 0 0 30px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_left6 li.on a { font-size:14px; color:#ffffff; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_banner { width:209px; overflow:hidden; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_banner ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_banner li { width:209px; }

#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom { width:207px; overflow:hidden; border:1px solid #dcdcdc; padding:20px 0px 0px 0px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c { clear:both; width:177px; height:86px; margin:0 auto; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c ul { }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c li { float:left; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c li.pix { width:65px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c li.txt { width:100px; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c li.txt a.op1 { font-size:12px; color:#010100; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_con .ioj_con_c .ioj_con_s_c1 .ioj_s_recom .ioj_s_recom_c li.txt a.op2 { font-size:11px; color:#555555; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; line-height:20px; }

#ioj_con .ioj_con_c .ioj_con_s_c2 { float:left; width:742px; overflow:hidden; margin-top:-20px; }

#ioj_private { clear:both; width:100%; height:34px; }
#ioj_private .ioj_private_c { width:985px; height:28px; margin:0 auto; padding-top:6px; text-align:center; background:#353c44; }
#ioj_private .ioj_private_c span { margin:0 15px 0 15px; font-size:12px; color:#ffffff; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_private .ioj_private_c a { font-size:12px; color:#ffffff; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_footer { width:100%; height:110px; }
#ioj_footer .ioj_footer_c { position:relative; width:985px; height:110px; margin:0 auto; }
#ioj_footer .ioj_footer_c .ioj_footer_logo { float:left; width:200px; height:65px; margin-left:100px; padding-top:25px; }
#ioj_footer .ioj_footer_c .ioj_footer_address { float:left; width:500px; height:65px; padding-top:25px; font-size:11px; color:#666666; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_footer .ioj_footer_c .ioj_footer_address span { margin:0 3px 0 3px; font-size:12px; color:#ffffff; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic; }
#ioj_footer .ioj_footer_c .ioj_footer_family { position:absolute; top:20px; right:0px; }
#ioj_footer .ioj_footer_c .ioj_footer_family h1 { font-size:12px; color:#666666; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic; }

#ioj_title { height:57px; color:#777777; font-size:13px; font-weight:normal; padding:15px 0 0 0px; border-top:3px solid #27335d; line-height:20px; }
#ioj_title2 { height:37px; color:#222222; font-size:16px; font-weight:600; background:url("./images/ic_10.jpg") no-repeat 0 0; padding:1px 0 0 30px; }

#ioj_bbs_search { width:698px; overflow:hidden; background:#fdf3d0; border:1px solid #fae9bb; padding:20px 20px 20px 20px; }
#ioj_bbs_search table { width:700px; }
#ioj_bbs_search td { height:42px; text-align:left; font-size:13px; color:#333333; font-weight:600; }

#ioj_bbs_list { width:100%; overflow:hidden; }
#ioj_bbs_list table { width:100%; }
#ioj_bbs_list th { height:39px; text-align:center; font-size:12px; color:#3b3b3b; font-weight:600; background:#f7f7f9; border-top:1px solid #dfdfdf; border-bottom:2px solid #575556; border-right:1px solid #dfdfdf; }
#ioj_bbs_list th.blue { color:#545ea6; background:#eceff8; border-bottom:2px solid #7582c6; }
#ioj_bbs_list th.green { color:#009b4a; background:#f1f6e2; border-bottom:2px solid #02a552; }
#ioj_bbs_list th.orange { color:#31302e; background:#fdf7d5; border-bottom:1px solid #dcd7b9; }
#ioj_bbs_list th.orange2 { color:#31302e; background:#fdf7d5; border-bottom:2px solid #f56531; }
#ioj_bbs_list th.white { color:#1f1f1d; background:url("./images/bg_08.jpg") repeat-x 0 bottom; }
#ioj_bbs_list td { height:43px; text-align:center; font-size:12px; color:#535353; border-bottom:1px solid #dddddd; }
#ioj_bbs_list td a { color:#535353; }
#ioj_bbs_list td.noti { background:#ffffff url("./images/ic_07.jpg") no-repeat 21px center; color:#787878; padding:10px 0 10px 50px; font-weight:normal; text-align:left; }
#ioj_bbs_list td.op1 { padding-top:15px; padding-bottom:17px; border-bottom:2px solid #00a54f; border-top:1px solid #dedede; }

#ioj_bbs_list2 { width:100%; overflow:hidden; border-top:2px solid #555555; }
#ioj_bbs_list2 table { width:100%; }
#ioj_bbs_list2 th { height:45px; color:#333333; font-size:13px; font-weight:600; text-align:left; padding:0 0 0 20px; border-bottom:1px solid #e1e1e1; }
#ioj_bbs_list2 th.prev { background:url("./images/ic_08.jpg") no-repeat 80px center; border-right:1px solid #e1e1e1; }
#ioj_bbs_list2 th.next { background:url("./images/ic_09.jpg") no-repeat 80px center; border-right:1px solid #e1e1e1; }
#ioj_bbs_list2 td { height:45px; color:#767676; font-size:13px; font-weight:normal; text-align:left; padding:0 0 0 16px; border-bottom:1px solid #e1e1e1; }
#ioj_bbs_list2 td a { color:#767676; }

#ioj_bbs_list3 { width:100%; overflow:hidden; border-top:2px solid #666666; }
#ioj_bbs_list3 table { width:100%; }
#ioj_bbs_list3 td { overflow:hidden; text-align:center; font-size:13px; color:#535353; border-bottom:1px dashed #dedede; padding:20px 0 20px 0; }

#ioj_bbs_view { width:100%; overflow:hidden; }
#ioj_bbs_view table { width:100%; }
#ioj_bbs_view th { overflow:hidden; padding:15px 0 15px 18px; text-align:left; font-size:13px; color:#212224; font-weight:600; background:#f3fae8; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-right:2px solid #01a54f; }
#ioj_bbs_view th.op1 { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; }
#ioj_bbs_view td { overflow:hidden; padding:15px 10px 15px 17px; text-align:left; font-size:13px; color:#565656; font-weight:normal; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; line-height:20px; }

#ioj_bbs_write { width:100%; overflow:hidden; }
#ioj_bbs_write table { width:100%; }
#ioj_bbs_write th { overflow:hidden; padding:15px 0 15px 18px; text-align:left; font-size:13px; color:#212224; font-weight:600; background:#f3fae8; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-right:2px solid #01a54f; }
#ioj_bbs_write th.op1 { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; }
#ioj_bbs_write td { overflow:hidden; padding:15px 10px 15px 17px; text-align:left; font-size:13px; color:#565656; font-weight:normal; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; line-height:20px; }

#ioj_bbs_paging { width:100%; text-align:center; color:#676767; font-size:13px; }
#ioj_bbs_paging a { color:#343434; }
#ioj_bbs_paging a.on { color:#6994f3; font-weight:bold; }

#ioj_bbs_btn { width:100%; overflow:hidden; }

#ioj_wrap_popup { width:100%; height:100%; }
#ioj_wrap_popup .ioj_wrap_popup_c { overflow:hidden; padding:0 0 0 0; margin:0 20px 0 20px;  }
.ioj_wrap_popup_top { width:100%; height:72px; border-bottom:1px solid #dedee0; background:url("./images/bg_10.jpg") repeat-x 0 0 !important; }
.ioj_wrap_popup_top_tit { float:left; height:47px; color:#ffffff; font-size:20px; font-weight:600; padding:25px 0 0 20px; font-family:³ª´®°íµñ,NanumGothic; }
.ioj_wrap_popup_text1 { overflow:hidden; color:#121212; font-size:16px; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
.ioj_wrap_popup_text2 { overflow:hidden; color:#565656; font-size:13px; font-weight:normal; font-family:³ª´®°íµñ,NanumGothic; }

a.ioj_orange1 { display:inline-block; padding:3px 5px 0 5px; height:19px; font-size:12px; font-weight:600; background:#ff5c00; color:#ffffff !important; text-align:center; border:1px solid #F30; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_skyblue1 { display:inline-block; padding:3px 5px 0 5px; height:19px; font-size:12px; font-weight:600; background:#26a2b6; color:#ffffff !important; text-align:center; border:1px solid #26a2b6; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_skyblue2 { display:inline-block; padding:5px 0 0 0; width:64px; height:26px; font-size:13px; font-weight:600; background:#26a2b6; color:#ffffff; text-align:center; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_green1 { display:inline-block; padding:5px 0 0 0; width:64px; height:26px; font-size:13px; font-weight:600; background:#009f43; color:#ffffff; text-align:center; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_blue1 { display:inline-block; padding:5px 0 0 0; width:64px; height:26px; font-size:13px; font-weight:600; background:#075d9a; color:#ffffff; text-align:center; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_purple1 { display:inline-block; padding:3px 0 0 0; width:79px; height:20px; font-size:13px; font-weight:600; background:#5f7bc4; color:#ffffff; text-align:center; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_white1 { display:inline-block; padding:15px 0 0 0; width:74px; height:58px; font-size:15px; font-weight:600; background:url("./images/bg_09.jpg") no-repeat 0 0; color:#333333 !important; text-align:center; line-height:20px; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_black1 { display:inline-block; padding:5px 0 0 0; width:64px; height:26px; font-size:13px; font-weight:600; background:#555555; color:#ffffff; text-align:center; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }
a.ioj_black2 { display:inline-block; padding:3px 0 0 0; width:37px; height:16px; font-size:11px; font-weight:600; background:#777777; color:#ffffff !important; text-align:center; border-left:1px solid #4c4c4c; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c; font-family:³ª´®°íµñ,NanumGothic; text-decoration:none; }

span.ioj_green1 { display:inline-block; padding:5px 0 0 0; width:67px; height:24px; font-size:13px; font-weight:600; background:#23b14b; color:#ffffff; text-align:center; border:1px solid #197d37; border-width:1px 0 0 1px; }
span.ioj_white1 { display:inline-block; padding:6px 0 0 0; width:67px; height:22px; font-size:13px; font-weight:600; background:#f9f9f9; color:#696969; text-align:center; border:1px solid #cccccc; border-bottom:1px solid #ababab; }
span.ioj_gray1 { color:#e4e4e4 !important; }
span.ioj_gray2 { display:inline-block; padding:6px 0 0 0; width:67px; height:22px; font-size:13px; font-weight:600; background:#ebebeb; color:#7a7a7a; text-align:center; border:1px solid #dfdfdf; }
span.ioj_blue1 { display:inline-block; padding:7px 0 0 0; width:68px; height:21px; font-size:12px; font-weight:600; background:#e0ecf8; color:#6a6a6a; text-align:center; border:1px solid #d7e4f5; }
span.ioj_blue2 { display:inline-block; padding:7px 0 0 0; width:68px; height:21px; font-size:12px; font-weight:600; background:#6d8cba; color:#ffffff; text-align:center; border:1px solid #6180af; }
span.ioj_black1 { display:inline-block; padding:7px 0 0 0; width:68px; height:21px; font-size:12px; font-weight:600; background:#8a857f; color:#ffffff; text-align:center; border:1px solid #7c7772; }

.ioj_star_bg { width:60px; background:url("./images/star.gif") no-repeat left top; height:12px; display:block; float:left; margin:5px 0 0 12px; }
.ioj_star_bg .ioj_star_on { background:url("./images/star_on.gif") no-repeat left top; height:12px; display:block; float:left; }

.ioj_hr { border-top:1px solid #000 !important; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

.sub_con h2.ioj_s_title { font-size:30px; color:#757269; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; background:none; }
.sub_con .ioj_s_history { position:absolute; top:30px; right:0px; font-size:12px; color:#666666; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }
.sub_con .ioj_s_history a { font-size:11px; color:#666666; font-weight:600; font-family:³ª´®°íµñ,NanumGothic; }

.visual-con { float:left; position:relative; width:985px; height:231px; border:0px solid #dadada; border-top:0px solid #fab219; z-index:1; }
.visual-con .rollnum { position:absolute; bottom:15px; right:20px; height:14px; font-size:0; line-height:0; overflow:hidden; z-index:99; }
.visual-con .rollnum a {float:left; height:14px; background-image:url("./images/control01.png"); background-repeat:no-repeat; line-height:0; font-size:0; text-indent:-9999px;}
.visual-con .rollnum .num {display:inline;}
.visual-con .rollnum .num a {width:11px; margin:0 3px 0 0; background-position:-38px 0;}
.visual-con .rollnum .num a.activeSlide {width:35px; background-position:0 0;}
.visual-con .rollnum .pause {width:14px; margin:0 2px 0 0; background-position:-80px 0;}
.visual-con .rollnum .play {width:14px; background-position:-96px 0;}

.ioj_text1 { border:3px solid #6c6c6c; font-size:13px; color:#343434; font-family:³ª´®°íµñ,NanumGothic; }
.ioj_text2 { border:1px solid #e0e0e0; font-size:13px; color:#343434; font-family:³ª´®°íµñ,NanumGothic; background:#f7f7f7; }
.ioj_text3 { height:20px; border:1px solid #cbcbcb; font-size:14px; color:#555555; line-height:26px; }
.ioj_text4 { height:26px; border:1px solid #cbcbcb; font-size:14px; color:#555555; line-height:26px; }

.ioj_select1 { border:1px solid #5c66ae; font-size:13px; color:#555555; background:#f9f9f9; }

.ioj_txtarea1 { border:1px solid #cbcbcb; font-size:14px; color:#555555; background:#f5f5f5; }

.boxon1 { background:url("./images/quick_01_on.jpg") 50% 50% no-repeat; width:200px; height:138px; }
.boxon2 { background:url("./images/quick_02_on.jpg") 50% 50% no-repeat; width:196px; height:138px; }
.boxon3 { background:url("./images/quick_03_on.jpg") 50% 50% no-repeat; width:196px; height:138px; }
.boxon4 { background:url("./images/quick_04_on.jpg") 50% 50% no-repeat; width:196px; height:138px; }
.boxon5 { background:url("./images/quick_05_on.jpg") 50% 50% no-repeat; width:197px; height:138px; }

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/

a.ioj_deco { text-decoration:underline; }
.ioj_displaydone { width:0; height:0; text-indent:-1000em; font:0/0 arial; overflow:hidden; }
.ioj_hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none; }
.ioj_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; }
.ioj_pointer { cursor:pointer; }
.ioj_clearboth { clear:both; }

.ioj_blank5 { height:5px; }
.ioj_blank8 { height:8px; }
.ioj_blank9 { height:9px; }
.ioj_blank10 { height:10px; }
.ioj_blank11 { height:11px; }
.ioj_blank12 { height:12px; }
.ioj_blank13 { height:13px; }
.ioj_blank14 { height:14px; }
.ioj_blank15 { height:15px; }
.ioj_blank16 { height:16px; }
.ioj_blank20 { height:20px; }
.ioj_blank24 { height:24px; }
.ioj_blank25 { height:25px; }
.ioj_blank27 { height:27px; }
.ioj_blank29 { height:29px; }
.ioj_blank30 { height:30px; }
.ioj_blank32 { height:32px; }
.ioj_blank35 { height:35px; }
.ioj_blank40 { height:40px; }
.ioj_blank45 { height:45px; }
.ioj_blank50 { height:50px; }
.ioj_blank55 { height:55px; }
.ioj_blank60 { height:60px; }
.ioj_blank65 { height:65px; }
.ioj_blank70 { height:70px; }
.ioj_blank80 { height:80px; }
.ioj_blank90 { height:90px; }
.ioj_blank100 { height:100px; }

.ioj_pr { position:relative !important; }

.ioj_f_l { float:left !important; }
.ioj_f_r { float:right !important; }

.ioj_bg_none { background:none !important; }
.ioj_b_none { border:none !important; }
.ioj_br_none { border-right:none !important; }
.ioj_bl_none { border-left:none !important; }

.ioj_bb1 { border-bottom:1px solid #dedede !important; }

.ioj_al { text-align:left !important; }
.ioj_ac { text-align:center !important; }
.ioj_ar { text-align:right !important; }

.ioj_vat { vertical-align:top !important; }
.ioj_vam { vertical-align:middle !important; }
.ioj_vab { vertical-align:bottom !important; }

.ioj_fwb { font-weight:600 !important; }
.ioj_fwb2 { font-weight:bold !important; }
.ioj_fwn { font-weight:normal !important; }

.ioj_fs11 { font-size:11px !important; }
.ioj_fs12 { font-size:12px !important; }
.ioj_fs13 { font-size:13px !important; }
.ioj_fs14 { font-size:14px !important; }
.ioj_fs15 { font-size:15px !important; }

.ioj_lh16 { line-height:16px !important; }
.ioj_lh17 { line-height:17px !important; }
.ioj_lh18 { line-height:18px !important; }
.ioj_lh19 { line-height:19px !important; }
.ioj_lh20 { line-height:20px !important; }
.ioj_lh25 { line-height:25px !important; }
.ioj_lh26 { line-height:26px !important; }
.ioj_lh27 { line-height:27px !important; }
.ioj_lh28 { line-height:28px !important; }
.ioj_lh29 { line-height:29px !important; }
.ioj_lh30 { line-height:30px !important; }

.ioj_m0a { margin:0 auto !important; }

.ioj_mt5_ { margin-top:-5px !important; }
.ioj_mt20_ { margin-top:-20px !important; }
.ioj_mt30_ { margin-top:-30px !important; }
.ioj_ml20_ { margin-left:-20px !important; }
.ioj_ml30_ { margin-left:-30px !important; }

.ioj_mt5 { margin-top:5px !important; }
.ioj_mt7 { margin-top:7px !important; }
.ioj_mt8 { margin-top:8px !important; }
.ioj_mt9 { margin-top:9px !important; }
.ioj_mt10 { margin-top:10px !important; }
.ioj_mt12 { margin-top:12px !important; }
.ioj_mt15 { margin-top:15px !important; }
.ioj_mt16 { margin-top:16px !important; }
.ioj_mt17 { margin-top:17px !important; }
.ioj_mt20 { margin-top:20px !important; }
.ioj_mt21 { margin-top:21px !important; }
.ioj_mt23 { margin-top:23px !important; }
.ioj_mt24 { margin-top:24px !important; }
.ioj_mt27 { margin-top:27px !important; }
.ioj_mt30 { margin-top:30px !important; }
.ioj_mt31 { margin-top:31px !important; }
.ioj_mt35 { margin-top:35px !important; }
.ioj_mt40 { margin-top:40px !important; }
.ioj_mt50 { margin-top:50px !important; }
.ioj_mt55 { margin-top:55px !important; }
.ioj_mt100 { margin-top:100px !important; }
.ioj_mb1 { margin-bottom:1px !important; }
.ioj_mb2 { margin-bottom:2px !important; }
.ioj_mb3 { margin-bottom:3px !important; }
.ioj_mb5 { margin-bottom:5px !important; }
.ioj_mb8 { margin-bottom:8px !important; }
.ioj_mb9 { margin-bottom:9px !important; }
.ioj_mb10 { margin-bottom:10px !important; }
.ioj_mb12 { margin-bottom:12px !important; }
.ioj_mb15 { margin-bottom:15px !important; }
.ioj_mb18 { margin-bottom:18px !important; }
.ioj_mb20 { margin-bottom:20px !important; }
.ioj_mb25 { margin-bottom:25px !important; }
.ioj_mb28 { margin-bottom:28px !important; }
.ioj_mb30 { margin-bottom:30px !important; }
.ioj_mb35 { margin-bottom:35px !important; }
.ioj_mb36 { margin-bottom:36px !important; }
.ioj_mb40 { margin-bottom:40px !important; }
.ioj_mb41 { margin-bottom:41px !important; }
.ioj_mb45 { margin-bottom:45px !important; }
.ioj_mb50 { margin-bottom:50px !important; }
.ioj_mb55 { margin-bottom:55px !important; }
.ioj_mb65 { margin-bottom:65px !important; }
.ioj_mb100 { margin-bottom:100px !important; }
.ioj_mb200 { margin-bottom:200px !important; }
.ioj_ml1 { margin-left:1px !important; }
.ioj_ml2 { margin-left:2px !important; }
.ioj_ml3 { margin-left:3px !important; }
.ioj_ml4 { margin-left:4px !important; }
.ioj_ml5 { margin-left:5px !important; }
.ioj_ml8 { margin-left:8px !important; }
.ioj_ml10 { margin-left:10px !important; }
.ioj_ml14 { margin-left:14px !important; }
.ioj_ml15 { margin-left:15px !important; }
.ioj_ml16 { margin-left:16px !important; }
.ioj_ml20 { margin-left:20px !important; }
.ioj_ml21 { margin-left:21px !important; }
.ioj_ml30 { margin-left:30px !important; }
.ioj_ml37 { margin-left:37px !important; }
.ioj_ml40 { margin-left:40px !important; }
.ioj_ml50 { margin-left:50px !important; }
.ioj_ml60 { margin-left:60px !important; }
.ioj_ml70 { margin-left:70px !important; }
.ioj_mr0 { margin-right:0px !important; }
.ioj_mr1 { margin-right:1px !important; }
.ioj_mr2 { margin-right:2px !important; }
.ioj_mr3 { margin-right:3px !important; }
.ioj_mr4 { margin-right:4px !important; }
.ioj_mr5 { margin-right:5px !important; }
.ioj_mr10 { margin-right:10px !important; }
.ioj_mr15 { margin-right:15px !important; }
.ioj_mr20 { margin-right:20px !important; }
.ioj_mr30 { margin-right:30px !important; }
.ioj_mr40 { margin-right:40px !important; }
.ioj_mr50 { margin-right:50px !important; }

.ioj_p5 { padding:5px !important; }
.ioj_p10 { padding:10px !important; }
.ioj_p20 { padding:20px !important; }
.ioj_pt1 { padding-top:1px !important; }
.ioj_pt2 { padding-top:2px !important; }
.ioj_pt3 { padding-top:3px !important; }
.ioj_pt4 { padding-top:4px !important; }
.ioj_pt5 { padding-top:5px !important; }
.ioj_pt10 { padding-top:10px !important; }
.ioj_pt20 { padding-top:20px !important; }
.ioj_pt24 { padding-top:24px !important; }
.ioj_pt30 { padding-top:30px !important; }
.ioj_pt40 { padding-top:40px !important; }
.ioj_pb10 { padding-bottom:10px !important; }
.ioj_pb20 { padding-bottom:20px !important; }
.ioj_pb30 { padding-bottom:30px !important; }
.ioj_pb40 { padding-bottom:40px !important; }
.ioj_pb50 { padding-bottom:50px !important; }
.ioj_pl5 { padding-left:5px !important; }
.ioj_pl10 { padding-left:10px !important; }
.ioj_pl15 { padding-left:15px !important; }
.ioj_pl20 { padding-left:20px !important; }
.ioj_pl30 { padding-left:30px !important; }
.ioj_pl40 { padding-left:40px !important; }
.ioj_pl50 { padding-left:50px !important; }
.ioj_pr5 { padding-right:5px !important; }
.ioj_pr10 { padding-right:10px !important; }
.ioj_pr20 { padding-right:20px !important; }
.ioj_pr30 { padding-right:30px !important; }

.ioj_fcop1 { color:#00509f !important; } /* ÆĶõ»ö */
.ioj_fcop2 { color:#e9061c !important; } /* ÀÚÁÖ»ö */
.ioj_fcop3 { color:#fd803d !important; } /* ÁÖȲ»ö */
.ioj_fcop4 { color:#d2171e !important; } /* »¡°£»ö */
.ioj_fcop5 { color:#0ca64d !important; } /* ³ì»ö */
.ioj_fcop6 { color:#580ca6 !important; } /* º¸¶ó»ö */
.ioj_fcop7 { color:#5aa3d8 !important; } /* ¿¹»ÛÆĶõ»ö */
.ioj_fcop8 { color:#232323 !important; } /* °ËÁ¤»ö */
.ioj_fcop9 { color:#313131 !important; }
.ioj_fcop10 { color:#656565 !important; }
.ioj_fcop11 { color:#b5b5b5 !important; }
.ioj_fcop12 { color:#767676 !important; }
.ioj_fcop13 { color:#4589b8 !important; }
.ioj_fcop14 { color:#ebedec !important; }
.ioj_fcop15 { color:#c4c4c4 !important; }
.ioj_fcop16 { color:#01a54f !important; }

.ioj_bg1 { background:#f7f7f9 !important; }
.ioj_bg2 { background:#f3f3f3 !important; }
.ioj_bg3 { background:#ffffff !important; }
.ioj_bg4 { background:#f1f9e4 !important; }

.ioj_division { overflow:hidden; margin:0 0 5px 0; }
.ioj_division ul { float:right; overflow:hidden; }
.ioj_division ul li { float:left; margin:0 10px 0 0; color:#555555; font-size:12px; font-weight:normal; }
.ioj_division ul li:last-child { margin:0 7px 0 0; }

.ioj_division2 { overflow:hidden; margin:0 0 5px 0; }
.ioj_division2 ul { float:left; overflow:hidden; }
.ioj_division2 ul li { float:left; margin:0 10px 0 0; color:#555555; font-size:12px; font-weight:normal; }
.ioj_division2 ul li:last-child { margin:0 7px 0 0; }
label.op1 { display:inline-block; width:18px; height:18px; background:#ff6800; color:#ffffff; font-size:12px; font-weight:600; text-align:center; line-height:18px; border-radius:50%; }
label.op2 { display:inline-block; width:18px; height:18px; background:#09b2f5; color:#ffffff; font-size:12px; font-weight:600; text-align:center; line-height:18px; border-radius:50%; }

/*
width:1000px; height:100px; overflow:hidden;
border:1px solid #000000;
letter-spacing:-0.01em;
font-size:12px; color:#898989; font-weight:600; letter-spacing:-0.03em; line-height:18px; text-align:center;
position:relative; width:1000px; height:83px;
position:absolute; top:0px; left:0px;
background:url("../images/logo_02.jpg") no-repeat 0 3px;
<ul>
	<li></li>
</ul>

font-size:15px; color:#000002; font-weight:600; padding:28px 0 0 58px; font-family:³ª´®°íµñ, 'NanumGothic', 'NanumGothicWeb';
*/

.tbl_list table {
	height:38px;
}

#ioj_con_agree { clear:both; width:100%; overflow:hidden; border:0px solid #000000; position: absolute; left: 30%}