@charset "UTF-8";

@import url("font.css");
@import url("basic.css");
@import url("ispo_menu.css");
@import url("ispo_sub.css?v=4");
@import url("ispo_menu_sub.css");


/* CSS Document */


html, body {
	width: 100%;
	height: 100%;
	}

body {
	background-color:#ffffff;
	color:#333;
	font-family: 'Nanum Gothic','Dotum','Gulim','Tahoma','Verdana';
	font-size:13px;
	line-height:24px;
	-webkit-text-size-adjust:100%; 
	-moz-text-size-adjust:100%; 
	-ms-text-size-adjust:100%;
}

A:link { color:#333333; text-decoration:none;}
A:visited { color:#333333; text-decoration:none;}
A:hover { color:#0099cc; text-decoration:none;}
A:active {	color:#333333;	text-decoration:none;}

a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }


/*reset*/

html, body, div, span, object, param, 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, button, br {
	margin: 0;
	padding: 0;
	border: none 0;
}
ul, li {
	list-style : none;
}

#wrap {
	width:100%; position:relative;
}

.figure { width:1000px; margin:0 auto;}


/* ------  top  ------- */ 


#header {
	width:100%;
	height:100px; 
	position:relative;
	border-bottom:2px solid #3367ae;
	z-index:999;
	clear:both;
}

#header .logo {
	float:left;
	width:300px;
	height:75px;
	padding-top:25px;
}

#header .smenu {
	float:right;
	height:25px;
	line-height:23px;
	background:#f2f2f2;
	padding:0 5px;
}

#header .smenu ul li {
	float:left;
	padding: 0 15px;
	background: url(/images/boulet/line_bar.gif) no-repeat right;
	font-size:12px;
}
#header .smenu ul li a{
	color:#666666;
}
#header .smenu ul li:last-child {
	background-image: none;
}


/* ------   main top img ------- */ 

#container {
	width:100%; position:relative; z-index:99;
}
#container .main_img  .main_slides li{ position:relative; width:1620px; height:330px; text-align:center; background:#eaf3f6; overflow:hidden;}
#container .main_img  .main_slides li.img {}
#container .main_img  .main_slides .bx-wrapper .bx-controls-direction a { height:100px; display: table-cell; vertical-align: middle; margin-top:120px; width:19px;}
#container .main_img  .main_slides .bx-wrapper .bx-prev {left: 15px;	background: url(/images/main/prev_spk_b.png) no-repeat;}
#container .main_img  .main_slides .bx-wrapper .bx-next {right: 15px;	background: url(/images/main/next_spk_b.png) no-repeat;}


#container .main_img { position:relative; width:100%; height:330px; background:#eaf3f6; overflow:hidden; text-align:center;}
#container .main_img .figure { overflow:hidden;}
#container .main_img .figure .main_text { float:left; margin:55px 15px;}
#container .main_img .figure .m_banner { width:470px; height:290px; float:right; margin-top:20px; position:relative; overflow:hidden;}
#container .main_img .figure .m_banner .bx-wrapper .bx-controls-direction a { height:290px; top:110px;}

#container .main_img .figure .m_banner ul.m_icon { display: table-cell; vertical-align: middle;}
#container .main_img .figure .m_banner ul li.m1 { float:left; width:345px; height:160px; background:#fff url(/images/main/m_icon_01.gif) no-repeat; background-position: 50% 15%; margin-bottom:5px; }
#container .main_img .figure .m_banner ul li.m1 h2{ padding-top:65px; font-size:28px; }
#container .main_img .figure .m_banner ul li.m1 p { font-size:13px; line-height:20px; color:#666666; padding-top:15px;}
#container .main_img .figure .m_banner ul li.m2 {float:left; width:170px; padding-top:60px; height:40px; font-size:18px; font-weight:700; background:#fff url(/images/main/m_icon_02.gif) no-repeat; background-position: 50% 30%; margin-right:5px;}
#container .main_img .figure .m_banner ul li.m3 {float:left; width:170px; padding-top:60px; height:40px; font-size:18px; font-weight:700; background:#fff url(/images/main/m_icon_03.gif) no-repeat; background-position: 50% 25%; }

#container .main_hup { overflow:hidden; width:1000px; margin:0 auto; padding:45px 0; }

/* ------  left main login ------- */ 

.main_left { position:relative; float:left; width:260px; border:1px solid #cccccc;
}
#loginBoxWrap .loginBox  { height:110px;}
#loginBoxWrap .loginBox  { width:220px; padding:20px; position:relative; text-align:center;}
#loginBoxWrap .loginBox .inputBox  { width:220px;}
#loginBoxWrap .loginBox .btn a{ background:#003366; text-align:center; width:215px; color:#fff; font-size:14px; height:35px; line-height:35px; display:inline-block; margin-top:8px;}
#loginBoxWrap .loginBox .idpw { width: 62px; display:inline-block; text-align:left; font-size:12px;}

#loginBoxWrap .loginBox .input_login {	width:140px;  height:24px; color:#666666; vertical-align:middle; padding-left:5px; border: 1px solid #d2d2d2; margin:2px; font-size:12px;}
#loginBoxWrap h3 { font-size:16px; background:#f1f1f1; height:42px; line-height:42px; color:#003366; padding-left:20px; }
#loginBoxWrap .txt { background:#f1f1f1; height:40px; text-align:center; width:100%; color:#666666; padding-top:15px;}

/* ------  left main banner 1단 2020.0901이후 의지보조기란? ------- */ 

.main_left .question { width:220px; height:64px; position:relative; border-top:1px solid #cccccc; padding:23px 20px; line-height:20px; overflow:hidden; background:#f8f8f8 url(/images/main/m_icon_que.png) no-repeat; background-position: 30px 26%;}
.main_left .question a{ color:#000; padding-left:63px; display:block; }
.main_left .question h2{ color:#006260; margin-bottom:10px; }



.button_s a{ display:inline-block; font-size:12px; line-height:24px; height:24px; text-align:center;
	color:#fff;	cursor:pointer;	margin:2px; padding:0 13px;}
.button_s a:hover { color:#ffffcc;}

.bgray9 a{ background:#999;}
.bred a{ background:#ff3300;} 
.bblue a{ background:#069be9;}
.bblue2 a{ background:#00bcff;}


/* ------  center main notice   ------- */
.main_center { float:left; width:460px; height:358px; position:relative; border:1px solid #cccccc; margin-left:-1px; background:#fff; o}
.main_center .notice { padding:20px 5px; height:138px; clear:both;}
.main_center .data { border-top:1px solid #cccccc;}
.main_center .notice h3  { width:220px; color:#0e6c6b; height:35px; line-height:26px; font-size:16px; float:left; padding-left:15px;}

.notice_plus { width:20px; height:20px; display:inline-block; *display: inline; cursor:pointer; float:right; margin-right:15px; text-indent:-99999px; background:url(/images/main/btn_plus.gif) no-repeat center right;}

.main_center .notice_text { padding: 2px 15px; line-height:26px; margin-top:5px;}
.main_center .notice_text .text_list { float:left; width:340px; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.main_center .notice_text .text_date { width:75px; float:right; text-align:right; font-size:12px; color:#999;}



/* ------  right main  ------- */

.main_right { float:left; width:276px; height:358px; border:1px solid #cccccc; background:#f8f8f8; margin-left:-1px;}
.main_right h3  { color:#0e6c6b; height:26px; line-height:26px; font-size:17px; padding-left:15px;}

.main_right .s_banner { position:relative; border-bottom:1px solid #cccccc;}
.main_right .s_member { height:180px; }
.main_right .s_member h3{ margin:20px 5px;}
.main_right .s_member ul { overflow:hidden; padding-left:20px; margin-top:-5px;}
.main_right .s_member ul li { height:44px; width:116px; float:left;}
.main_right .s_member ul li a{ height:44px; padding-left:35px; color:#fff; font-size:12px; line-height:13px; display:block;display:table-cell;vertical-align:middle; }
.main_right .s_member ul li.info { background:#2f8ea7 url(/images/main/m_icon_11s.gif) no-repeat left; margin: 0px 4px 4px 0px; }
.main_right .s_member ul li.rule2 { background:#2f8ea7 url(/images/main/m_icon_15s.gif) no-repeat left; margin: 0px 4px 4px 0px; letter-spacing:-1px;}
.main_right .s_member ul li.regul { background:#2f8ea7 url(/images/main/m_icon_13s.gif) no-repeat left; margin: 0px 4px 4px 0px;}
.main_right .s_member ul li.exam { background:#2f8ea7 url(/images/main/m_icon_14s.gif) no-repeat left; margin: 0px 4px 4px 0px;letter-spacing:-1px;}

.main_right .member { height:362px;}
.main_right .member h3{ margin:20px 10px;}
.main_right .member ul li { height:49px; padding-top:15px;}
.main_right .member ul li a{ height:49px; padding-left:23%; color:#fff; font-size:14px; line-height:32px; display:block; text-align:center;}
.main_right .member ul li.info { background:#2f8ea7 url(/images/main/m_icon_11.gif) no-repeat; background-position: 20% 50%; margin: 7px 22px 5px 24px; }
.main_right .member ul li.rule2 { background:#2f8ea7 url(/images/main/m_icon_12.gif) no-repeat; background-position: 20% 50%;  margin: 0 22px 5px 24px;}
.main_right .member ul li.regul { background:#2f8ea7 url(/images/main/m_icon_13.gif) no-repeat; background-position: 20% 50%;  margin: 0 22px 5px 24px;}
.main_right .member ul li.exam { background:#2f8ea7 url(/images/main/m_icon_14.gif) no-repeat; background-position: 10% 45%;  margin: 0 22px 0 24px;}

.main_right .rule { border-top:1px solid #cccccc; background:url(/images/main/rule_bg.gif) no-repeat; background-position: 10% 80%; }
.main_right .rule .text { padding-left:42%; padding-top:20px;  }
.main_right .rule .text h3{ padding-left:0px; margin-bottom:6px; }
.main_right .rule .text p { line-height:18px; margin-bottom:6px; color:#666;}

.button_red_small a{ display:inline-block; font-size:10px; line-height:20px; height:20px; text-align:center;
	color:#fff;	cursor:pointer;	margin:2px; padding:0 9px; background:#cc3333; color:#fff;}
.button_red_small a:hover { background:#d55a5a;}

#scroll {
    position:fixed;
    right:15px;
    bottom:20px;
    cursor:pointer;
    width:40px;
    height:35px;
    text-indent:-9999px;
    display:none;
    border:1px solid #fc7202;
	z-index:9999;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#fc7202;
   
}



/* ------  main bottom banner 2020.09.01 수정 ------- */

#mbanner { 	
	width:100%;
	background:#e9f0f8; 
	height:120px;
	position:relative;
	clear: both;
}

#mbanner .mbx_banner { width:999px; height:72px; position:relative; text-align:center; margin:0 auto; padding-top:24px; padding-left:1px;}
#mbanner .mbx_banner .bx-controls { display:none;}
#mbanner .mbx_banner ul li{ float:left; width:240px;}

/* ------  footer  ------- */ 
#footer {
	width:100%;
	padding:13px 0;
	position:relative;
	background:#eeeeee;
	clear: both;
	color:#ffffff;
	border-top:2px solid #3367ae;
}
#footer .figure { overflow:hidden;}
#footer .figure .logo { float:left; width:200px; padding-left:0px;}

.footer_sec {
	float:left;
	width:800px ; 
	line-height:18px;
	font-size:12px;
	color:#666666;
	margin-top:5px;
}

.footer_sec a{
	color:#666666;
}
.footer_sec a:hover {
	text-decoration:underline;
}

.button_gray_small {
	display:inline-block;
	font-size:12px;
	line-height:19px;
	height:19px;
	text-align:center;
	background-color: #666666;
	padding: 0 10px;
	color:#fff;
	cursor:pointer;
	vertical-align:middle;
	margin-right: 5px;
}



/* text cut & ... */
.cut_str {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* event > schedule button */
.btn_blue{background:#428bca; border:1px solid #357ebd; color:#ffffff;}
.btn_blue:hover {text-decoration:none; background:#3276b1; border:1px solid #269abc; color:#ffffff;}

.btn_red{background:#d9534f; border:1px solid #d43f3a;  color:#ffffff;}
.btn_red:hover{text-decoration:none; background:#d2322d; border:1px solid #ac2925; color:#ffffff;}

.btn_ssmall{height:30px; padding:4px 10px; font-size:1em; padding-top:3px;}


/* ------   개인정보취급방침 ------ */

div#popupWrap h1 {height:30px;padding:15px 0; background:#003366;color:#fff;font-weight:bold;font-size:24px;line-height: 30px;font-weight:bold;text-align:center;}
div#popupWrap div.popupCon {margin:25px; margin-bottom:10px; padding:20px;font-size:13px;line-height:22px;color:#666; border-top:2px #84c8c9 solid;}

div#popupWrap div.fileList {margin:5px 25px 0;padding:11px 17px 12px;border:1px solid #bcbcbc;}

div#popupWrap > p.btn {padding-bottom:10px;text-align:center;}
div#popupWrap > p.btn a{ color:#fff; font-size:14px;}

div.privacy {width:750px; }
div.leave {width:570px;}
div.leave div.popupCon2 {margin:15px; padding:20px; padding-bottom:0px;font-size:13px;line-height:22px;color:#666; border-top:2px #84c8c9 solid;}

div.privacy div.popupCon {overflow-x:hidden;overflow-y:scroll;height:420px;font-size:13px;line-height:20px; border: 1px solid #e9e9e9;}
div.privacy div.popupCon > * {padding-bottom:20px;}
div.privacy div.popupCon > dl > dt {font-weight:bold;}
div.privacy div.popupCon > dl > dd p,
div.privacy div.popupCon > dl > dd ul,
div.privacy div.popupCon > dl > dd dl {padding-top:5px;}
div.privacy div.popupCon > dl > dd li {padding-left:12px;}

/* ------   개인정보팝업 ------ */

div.pop_mypage {width:590px; }
div#popupWrap div.mypage { width:92%; margin:25px; overflow:hidden;}
.table_t .picture{
	padding:0px;
}
div.pop_mypage h3{ margin: 5px 0 }