@charset 'euc-kr';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('/css/common_new.css');

/* common.css 250916 */
/* Type Selector */
*{margin:0; padding:0;font-family: "Noto Sans KR", sans-serif;font-weight:400;font-size:13px;line-height:18px}
html{overflow-y:auto;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
img,fieldset{border:0;vertical-align:top}
li{list-style:none;}
a{color:#000;text-decoration:none;font-size:13px}
a:hover{text-decoration:none;}
a:active, a:focus{text-decoration:none;}
textarea{overflow:auto;} 
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 
em,address{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:13px;text-align:left;font-weight:600}
button{cursor: pointer;outline: none;border: 0}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active
{-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px #62626200 inset !important;-webkit-text-fill-color: #000000 !important;transition: background-color 5000s ease-in-out 0s}
strong{font-weight:600}
/* Header */
#s_header{overflow:visible; position:relative;z-index:100;width:100%;height:80px}
#s_header h1{float:left}
#s_header h1 img{vertical-align:bottom}
#s_header .logoa{position:absolute;width:251px; bottom:0}
#s_header_gnb{width:598px; position:absolute;bottom:10px;right:0}
#s_header_gnb ul li{float:left;}
#s_header_gnb ul li a{display:block;height:16px;background:url('../images/common/link_gnb.gif') no-repeat;text-indent:-9999px;overflow:hidden;}
#s_header_gnb ul li.news a{width:67px;background-position:0 0;}
#s_header_gnb ul li.live a{width:87px;background-position:-67px 0;}
#s_header_gnb ul li.info a{width:85px;background-position:-154px 0;}
#s_header_gnb ul li.lecture a{width:58px;background-position:-239px 0;}
#s_header_gnb ul li.community a{width:79px;background-position:-291px 0;}
#s_header_gnb ul li.orozone a{width:95px;background-position:-369px 0;}
#s_header_gnb ul li.shop a{width:56px;background-position:-464px 0;}
#s_header_gnb ul li.small a{width:68px;background-position:-520px 0;}
.s_header_bn{position:absolute;top:22px;right:2px}

.nava{border: 1px solid #d8e5fa;top: 80px;left: 346px;position: absolute;background:#fff;height:auto}
.nav{list-style:none; position:relative; float:left; margin:14px 30px 16px 0}
.nav li:last-child{border:0}
.nav li{width:100px;text-align:left; float:left; line-height:120%;padding:0 20px; border-right:2px solid #ebf2fc}
.nav li a{color:#444}
.nav li a:hover{text-decoration:none;color:#548ee5}
.nav li.strong{font-weight:600;color:#548ee5; padding-bottom:5px}
.nav li.strong a{color:#548ee5}
.nav li li{border:none}

/* common */
.page{clear:both;font-size:0.95em !important;line-height:1em !important;}
.page a,
.page span{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;position:relative;margin-left:-5px;padding:3px;vertical-align:top;}
.page a{z-index:1;}
.page .pre{padding-right:0;}
.page .next{padding-left:0;}
.page img{vertical-align:top;}
.page .num,
.page .num span{margin-left:0;padding:0;}
.page .num{margin-top:4px;margin-right:5px;*margin-right:0;font-size:0.9em;font-family:Tahoma;letter-spacing:-1px;color:#b3b7bc;}
.page .num span{font-weight:bold;}
.page .num em{font-weight:bold;color:#848689;}

.page2{clear:both;font-size:1em !important;line-height:1em !important;}
.page2 a,
.page2 .pre{padding-right:0;}
.page2 .next{padding-left:0;}
.page2 img{vertical-align:top;}
.page2 .num,
.page2 .num span{margin-left:0;padding:0;}
.page2 .num{font-family:Tahoma;color:#b3b7bc;}
.page2 .num span{font-weight:bold;}
.page2 .num em{font-weight:bold;color:#848689;}

.hidden_phrase{visibility:hidden;width:0;height:0;line-height:0;overflow:hidden;position:absolute;top:-10000px;}
.icon_new{display:inline-block;width:19px; height:6px; background:url(../images/common/icon_new.gif) no-repeat 3px; overflow:hidden; font:0/0 Sans-serif; text-indent:-2000px;}

/* dreamwiz search */
.dream_input{width:336px;border:0;color:#ceced2;height:16px;padding:2px 0 1px 5px}
/* footer */
.footer_bg{width:100%; height:110px;border-bottom:#e0e0e0 1px solid;border-top:#e0e0e0 1px solid; color:#646464; padding:14px 0 0 0; position:relative;background:#f7f7f7}
.footer_section1{width:945px;_width /**/:960px;height:30px}
.footer_section1 dd{float:left}
.footer_btn a{color:#242424; font-size:12px; letter-spacing:0}
.footer_btn a:hover{color:#000; font-size:12px; letter-spacing:0;}
.footer_btn a:visited{color:#000; font-size:12px; letter-spacing:0;}
.footer_sapce{background:url(../images/common/bu.gif) no-repeat 9px 0; text-indent:-9999em; overflow:hidden; width:18px; height:8px; margin-top:2px}
.footer_section2{width:660px;height:30px;text-align:left;font-size:12px;margin-left:15px}
.footer_section2 span{letter-spacing:-1.2px;font-size:12px}
.footer_section2 em{letter-spacing:0;font-style:normal}
.copy_txt{width:660px;font-family:Tahoma, Arial, Helvetica, sans-serif;color:#939393; font-size:11px; line-height:14px;}
.footer_right{position:absolute;top:38px;right:20px;}
.footer_right1{position:absolute;top:9px;right:21px;}
.footer_right2{position:absolute;top:9px;right:87px;}
 /* submenu */
#m_submn li{font-weight:400;color:#747474; padding:3px 10px 2px 10px; text-align:left;font-size:12px;letter-spacing:0;background:url(../images/common/icon_gray3.gif) no-repeat 4px none;}
#m_submn li.m_submn_tt{padding-bottom:4px;font-weight:600}
#m_submn li.m_submn_tt a{color:#548ee5;font-size:12px}
#m_submn li.m_submn_tt a:hover{text-decoration:none}
#m_submn a,
#m_submn a:visited{color:#000;text-decoration:none;letter-spacing: 0;}
#m_submn a:hover{ color:#548ee5 !important;text-decoration:underline;letter-spacing: 0}

/* UI Object */
.paginate_regular{padding:15px 0;text-align:center;line-height:normal; margin-bottom:15px}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:3px;font-weight:600;font-size:12px;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}
/* //UI Object */

/* list */
.list {padding:0;}
.list li {padding:2px 0 2px 15px; text-align:left; background:url(../images/common/icon_gray2.gif) no-repeat 8px;}

.td_t {border-top:1px solid #dddddd;}
.td_r {border-right:1px solid #dddddd;}
.td_b {border-bottom:1px solid #dddddd;}
.td_l {border-left:1px solid #dddddd;}

.srch{width:100%;padding:5px 0}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch{color:#c4c4c4;text-align:center}
.srch select,.srch input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle}
.srch .keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}
.srch span {text-align:right;}

.bar {font-style:normal; font-size:10px; color:#6d6d6d}
.bar_w {font-style:normal; font-size:10px; color:#fff}

/* ¹Ú½º */
.box2 {background-color:#ff7400;border:1px solid #c85b00; padding:5px;text-align:center}
.box2 span{color:#ffffff;font-family:verdana}

.box4 {background-color:#f7f7f7;border:1px solid #EEE; padding:5px 5px 5px 5px}
.box6 {background-color:#fff8df;border:2px solid #fce7a1; padding:10px 5px 10px 5px}
.box7 {width: 100%;background-color:#F5FAFD;border:#C0D2DE 1px solid;padding:7px 7px 7px 7px}

/* ¼ø¼­ ¾ø´Â ¸®½ºÆ® list */
.ico_list {}
.ico_list ul{ margin:0 0 0 10px ;padding:0px}
.ico_list li{list-style:none; background:url(/images/community/ico_dot1.gif) 3px 5px no-repeat;padding:0 0 0 10px}
.ico_list em{font-size:11px;color:#0068b0; margin-right:3px}

.ico_list1 {padding:10px 20px 10px 10px; }
.ico_list1 ul{ margin:0 0 0 10px ;padding:0px}
.ico_list1 li{list-style:none; background:url(/images/community/ico_dot1.gif) 3px 5px no-repeat;padding:0 0 0 10px; text-align:justify}

.ico_list2 {padding:10px 20px 10px 10px; }
.ico_list2 ul{ margin:0 0 0 10px ;padding:0px}
.ico_list2 li{list-style:none; background:url(/images/community/ico_dot1.gif) 3px 5px no-repeat;padding:0 0 0 10px;margin-bottom:10px;  text-align:justify}

.ico_list3 {}
.ico_list3 ul{ margin:0 0 0 10px ;padding:0px}
.ico_list3 li{list-style:none; background:url(/images/community/ico_dot1.gif) 3px 6px no-repeat;padding:0 0 0 10px; line-height:1.5em}
.ico_list3 em{font-size:11px;color:#0068b0; margin-right:3px}

.ico_list4 {padding:10px 20px 10px 10px; }
.ico_list4 ul{ margin:0 0 0 10px ;padding:0px}
.ico_list4 li{list-style:none; background:url(/images/community/ico_dot1.gif) 3px 5px no-repeat;padding:0 0 0 10px;margin-bottom:10px;  text-align:justify;line-height:1.3em}

.ico_list5 {width:500px;padding:20px;border:1px solid #c2c2c2;list-style:none}
.ico_list5 li{margin-bottom:5px;font-family:'µ¸¿ò',Dotum;font-size:12px;font-weight:normal;line-height:14px;vertical-align:top}
.ico_list5 li span{display:block;overflow:hidden;float:left;height:17px;margin:-1px 5px 0 0;padding:0 0 0 5px;background:url(/images/common/bu_listhead.gif) no-repeat 0 0;vertical-align:top;font-style:normal}
.ico_list5 li em{display:block;float:left;height:17px;margin:-1px 0 0;padding:2px 5px 0 0;background:url(/images/common//bu_listhead.gif) no-repeat 100% 1px;color:#fff;font-size:11px;font-weight:normal;vertical-align:top}
.ico_list5 li a{color:#2d2c2d;text-decoration:none}
.ico_list5 li a:hover{text-decoration:underline}


.ico_list6 {}
.ico_list6 ul{ margin:0px ;padding:0px}
.ico_list6 li{list-style:none; text-align:justify;line-height:1.5em}

/* ¼ø¼­ ÀÖ´Â ¸®½ºÆ® list */

.num_list {padding:0 3px 0 0;font-family:verdana;margin:0 0 0 35px}
.num_list ul{}
.num_list li{list-style:decimal}

/* ¹öÆ° */
.bt_blue_on { width:63px; height:29px;background:url(/images/common/bt_blue_on.gif) no-repeat;}
.bt_blue_off { width:63px; height:29px;background:url(/images/common/bt_blue_off.gif) no-repeat;}