@CHARSET "EUC-KR"; /* skip nav */ #skip_nav{height:0} #skip_nav dt{overflow:hidden;position:absolute !important;width:1px;height:1px} #skip_nav dd a{display:block;position:absolute;top:-10000px;left:0;z-index:999999;width:100%;font-size:16px;text-align:center} #skip_nav dd a.on{position:absolute;top:0;left:0;height:14px;padding:20px 0;background:#272727;font-weight:bold;color:#fff} /*Header gnb*/ #gnb {position: relative; height:35px; width:100%; background-color:#e9e9e9;} #gnb .gnb_comm{position: relative; width:980px; margin:0 auto;} #gnb .gnb_comm {} #gnb .gnb_comm li{float:right;} #gnb .gnb_comm li.last {background: none;} #gnb .gnb_comm li a{font-size:10px; color:#7d7d7d; line-height:35px; padding:0 6px; font-weight:bold;} #gnb .gnb_comm li a:hover {text-decoration:none; font-weight: bold; background-color:#be4646; line-height:35px; display:block; color:#fff;} /*Header*/ .header_wrap {position: relative; height:195px; width:100%; min-width:980px; z-index:9999; } .header {position: relative; width:980px; margin:0 auto;} .header h1{position: relative; padding-top: 20px; width:100%; height:100px; text-align:Center; } .topmenu_wrap {position: relative; width:980px; margin:0 auto; border-bottom:1px solid #e2e2e2; height:39px;} .topmenu_wrap ul li {float:left;} .topmenu_wrap ul li a {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; padding:0 20px; line-height:39px; height:39px; color:#5c5c5c; font-size:13px; font-weight:Bold; display:block; } .topmenu_wrap ul li a:hover {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;color:#fff; background-color:#3e3e3e; line-height:40px; display:block; } .topmenu_wrap ul.s_menu {float:left; width:200px; background-color:#ffffff; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; } .topmenu_wrap ul.s_menu li {float:left;} .topmenu_wrap ul.s_menu li a {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; width:170px; padding:0 15px; line-height:30px; color:#5c5c5c; font-size:12px; font-weight:normal; display:block;letter-spacing:-0.01em; border-bottom:1px solid #e2e2e2;} .topmenu_wrap ul.s_menu li a:hover {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;font-weight:normal; width:170px; color:#fff; background-color:#3e3e3e; line-height:30px; display:block;letter-spacing:-0.01em;} /*footer*/ #footer {position:relative; width:100%; float:left; padding-top:25px;} .add { width:980px; margin:0 auto 0 auto; height:120px; position:relative; overflow:hidden; text-decoration:none; background:url(../../images/copyright/copy_logo.gif) no-repeat 0 30%;} #footer .copy { position:absolute; font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; right:0px; top:45px; font-weight:normal; text-align:right; color:#848383; font-size:10px; text-decoration:none; line-height:15px;} #footer .linkBox {position:absolute; right:0px; top:0px;} #footer .linkBox li{ float:left; margin:0 0px 0 4px;} #footer .linkBox li a {font-weight:normal;font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; display:block; overflow:hidden; color:#848484; width:128px; height:27px; border:1px solid #848484; line-height:27px; text-align:Center; font-size:11px; text-decoration:none;} #footer .linkBox li a:hover {font-weight:normal;font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; display:block; overflow:hidden; color:#ef3e00; width:128px; height:27px; border:1px solid #ef3e00; line-height:27px; text-align:Center; font-size:11px; text-decoration:none;} /*m_contents*/ .wrap.main {position: relative; width:980px; margin:20px auto 0 auto; } .visual_main div .v_tit {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;color:#fff; font-size:28px; padding-top:20px; line-height:30px;} .visual_main div .v_txt {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;color:#fff; font-size:13px; padding-top:10px; line-height:20px; letter-spacing:-0.01em; max-width:700px;} .visual_main .visual_list01 {position: relative;background-color:#ef3e00; height:180px; padding-left:30px; width:950px;} .visual_main .visual_list01 .img {position:absolute; right:30px; top:20px; width:180px; height:143px;} .visual_main .visual_list02 {position: relative; width:980px; background-color:#ffae00; height:100px;} .visual_main .visual_list02 .img {position:relative; float:left; width:512px;} .visual_main .visual_list02 .v_txt {float:left; color:#fff; font-size:13px; padding-top:10px; line-height:20px; letter-spacing:-0.01em; width:450px; } .visual_main .visual_list02 .v_btn {float:right; background-color:#9f6c00; line-height:28px; width:120px; } .visual_main .visual_list02 .v_btn a {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;display:Block; width:90px; padding:0 15px; color:#fff; background:url(../../images/common/go_icon.png) no-repeat 90% 50%; font-size:11px; line-height:28px;} .visual_main .visual_list02 .v_btn a:hover {display:Block; width:90px; padding:0 15px; color:#f8e3b6; background:url(../../images/common/go_icon.png) no-repeat 90% 50%; font-size:11px; line-height:28px;} #m_contents {position: relative; width:980px; margin-top:40px;} #m_contents .m_01_area {position: relative; float:left; width:100%; height:auto;} #m_contents .con01 {position: relative; float:left; width:243px; height:213px; border:1px solid #eaeaea;} #m_contents .con01 .m_login_area {background-color:#f4f4f4; height:163px; margin-top:5px;} #m_contents .con02 {position: relative; float:left; width:410px; height:215px; margin-left:35px; } #m_contents .con03 {position: absolute; top:0px; right:0px; width:255px; height:215px; background-color:#e46c02;} #m_contents .con04 {position: relative; float:left; width:245px; height:230px; padding-top:40px;} #m_contents .con05 {position: relative; float:left; width:410px; height:230px; margin-left:35px; padding-top:40px;} #m_contents .con06 {position: absolute; top:0px; right:0px; width:255px; height:230px; margin-left:35px; padding-top:40px;} #m_contents h1 {position: relative; font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; font-size:23px; color:#4d4d4d; font-weight:normal; line-height:40px;} #m_contents .con01 h1 {padding-left:20px; padding-top:5px;} #m_contents .con03 .txt01 {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;font-size:11px; color:#838383; line-height:19px;} #m_contents .con03 .txt02 {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;font-size:20px; color:#f15822; line-height:35px; height:35px; background:url(../../images/common/p_icon.png) no-repeat left top;padding-left:34px; font-weight:normal; } #m_contents .con03 h1 { font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; font-size:23px; color:#FFF; font-weight:normal; padding:15px 0 0px 15px;} #m_contents .con03 .txt {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; font-size:12px; color:#fff8bf; line-height:19px; padding-left:15px;} #m_contents .con03 .btn_go {position:absolute; bottom:15px; right:10px; background-color:#e8af7c; line-height:28px; width:150px;} #m_contents .con03 .btn_go a {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;display:Block; width:120px; padding:0 15px; color:#fff; background:url(../../images/common/go_icon.png) no-repeat 90% 50%; font-size:11px; line-height:28px;} #m_contents .con03 .btn_go a:hover {display:Block; width:120px; padding:0 15px; color:#ffe3cb; background:url(../../images/common/go_icon.png) no-repeat 90% 50%; font-size:11px; line-height:28px;} #m_sitemap {position: relative; float:left; width:980px; margin-top:40px; padding:20px 0; background-color:#f6f6f7; border-top:1px solid #ef3e00;} .loginplus_input {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; height:21px;font-size:12px; color:#D4D4D4; background-color:#fff; padding:4px 0 2px 4px; height:20px; width:150px; border:0px;} #m_contents .board_btn_more {position:absolute; right:0px; top:-30px; } #m_contents .board_btn_more a {font-size:10px; border:1px solid #eeeeee; padding:5px 20px 5px 8px; font-weight:bold; background:url(../../images/common/btn_icon.gif) no-repeat 90% 50%; } /* ¼­ºê ÄÁÅÙÃ÷ °¡¿îµ¥ ¿µ¿ª_Header */ #s_wrapper {position: relative; width:980px; margin:0 auto;} #s_wrapper .wrap {position: relative; float:left; width:980px; margin:0 auto; margin-top:40px; border-bottom:2px solid #dedede;} #s-left {position:relative; float:left; width:200px; } #s-left .label_area {position:relative; float:left; width:198px; padding:25px 0 20px 0; background-color:#f4f4f4; border-top:3px solid #ef3e00; text-align:Center; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} #s-left .label_area span {font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; font-size:20px;color:#323231; font-weight:bold; letter-spacing:-0.01em;} #s-left .submenu_area {position:relative; float:left; width:180px; padding:0px 0 10px 0px; } #s-right {position:relative; float:right; width:750px;} .title_area {position:relative; height:45px; width:750px; } .title_area .t_area {position:relative; float:left; width:400px; } .title_area .t_area span { font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; font-size:32px; color:#4d4d4d; font-weight:normal; letter-spacing:-0.01em;} .title_area .n_area {position:relative; float:right; width:300px; text-align:right;} .c_contents_area {position:relative; width:750px; margin-top:5px; padding-bottom:40px; height:auto; text-align:left; float:left; min-height:450px; padding-top:30px;} #articles p { font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;} #articles div { font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif;} .no_events {text-align:Center; font-size:22px; border:1px solid #dadada; padding:50px;} /* ¼­ºê ÄÁÅÙÃ÷ */ #s-right .c_contents_area .con_area {position:Relative; } #s-right .c_contents_area .con_area h1 { font-size:25px; line-height:30px; font-weighT:normal; color:#ef3e00; text-align:left;} #s-right .c_contents_area .con_area h2 { font-size:20px; line-height:24px; font-weighT:normal; color:#4d4d4d; padding:10px 0; text-align:left;} #s-right .c_contents_area .con_area h3 { font-size:20px; line-height:16px; font-weighT:normal; color:#006666; padding:10px 0; text-align:left;} #s-right .c_contents_area .con_area .txt { font-size:14px; line-height:18px; font-weighT:normal; color:#4d4d4d; padding:10px 0 15px 0; text-align:left;} #s-right .c_contents_area .con_area li {float:left; width:100%; font-size:14px; line-height:18px; font-weighT:normal; color:#4d4d4d; padding-bottom:10px;} .dl_area { float:left; width:100%; border-top:1px solid #d9d9d9; margin-top:15px;} .dl_area dl { float:left; width:100%;} .dl_area dl dt {float:left; font-size:13px; font-weight:Bold; width:17%; background-color:#f4f4f4; border-bottom:1px solid #d9d9d9; line-height:20px; height:20px; text-align:left; padding:10px 0 10px 3% ; } .dl_area dl dd {float:left; font-size:12px; font-weight:normal; width:75%; border-bottom:1px solid #d9d9d9; line-height:20px; padding:10px 0 10px 5% ;height:20px;} /* .con_area .m_list li a {float:left; background-color:#959595; width:200px; line-height:20px; margin-right:10px; padding:20px 20px 10px 20px; color:#fff; font-size:14px; } .con_area .m_list li a:hover {float:left; background-color:#fe7816; width:200px; line-height:20px; margin-right:10px; padding:20px 20px 10px 20px; color:#fff; font-size:14px; } .con_area .m_list li a span {position:relative; float:right; margin-right:-20px; top:10px; background-color:Red; width:50px; height:55px;background:url(../../include/images/opened-email-envelope.png) no-repeat 0 0;} .con_area .m_list li a span.icon_s {position:relative; float:right; margin-right:-20px; top:10px; background-color:Red; width:50px; height:60px;background:url(../../include/images/group.png) no-repeat 0 0*/ .con_area .m_list li a {float:left; width:100%; ; font-size:14px; line-height:18px; font-weighT:normal; color:#4d4d4d; padding-bottom:10px;} .con_area .conlists {font-size: 12px ; font-weight: normal ; list-style-type: circle;} .table_list { border-top:1px solid #d9d9d9; } .table_list tr th {font-size:13px; font-weight:Bold; width:27%; background-color:#f4f4f4; border-bottom:1px solid #d9d9d9; line-height:20px; height:30px; text-align:left; padding:10px 0 10px 3% ;} .table_list tr td {font-size:12px; font-weight:normal; width:65%; border-bottom:1px solid #d9d9d9; line-height:20px; padding:10px 0 10px 5% ;} .org {position:Relative; float:left; width:100%;} .org h1 {position:Relative; float:left; width:300px; margin-left:210px; padding:15px; color:#fff; background-color:#f36112; text-align:center; font-size:18px; line-height:24px; height:48px; font-weight:normal;} .org h2 {position:Relative; float:left; width:90%; padding:10px 5%; color:#fff; background-color:#575757; text-align:center; font-size:13px; line-height:18px; font-weight:normal;} .org h3 {position:Relative; float:left; width:90%; padding:7px 5%; color:#575757; background-color:#e3e3e3; text-align:center; font-size:12px; line-height:18px; font-weight:normal;} .org span { font-size:0.8em;} .org_area {position:Relative; float:left; width:100%;} .c_line {width:50%; position:Relative; float:left; border-right:1px solid #c7c7c7; height:30px;} .c_line2 {width:521px; position:absolute; border-bottom:1px solid #c7c7c7; height:1px; top:106px; left:115px;} .org .org_l {position:Relative; float:left; width:230px;} .org .org_c {position:Relative; float:left; width:230px; margin-left:30px;} .org .org_r {position:Relative; float:right; width:230px; margin-left:30px;} .org .org_r ul li {position:Relative; float:left; width:90%; padding:7px 5%; color:#575757; background-color:#e3e3e3; text-align:center; font-size:12px; line-height:18px; font-weight:normal; border-bottom:1px solid #fff;} .link_area {position:Relative; float:left; border-top:1px solid #ededed; padding-top:10px; margin-top:10px; width:97%; padding-left:3%;} .link_area h2 {position:Relative; float:left; width:20%; } .link_area ul.f_right {position:Relative; float:right; width:80%; padding-top:10px;} /* ¿ÞÂÊ ¼­ºê¸Þ´º */ #s-left .submenu_area li a {float:left; width:100%; } #s-left .submenu_area li a .smenu_left {float:left; width:7%; height:25px; text-align:Center;} #s-left .submenu_area li a .smenu_left img {margin-top:8px;} #s-left .submenu_area li a .smenu_right {float:left; width:93%;} #s-left .submenu_area .submenu a { float:left; width:188px; font-size:13px; color:#6b6b6b; display:block; text-decoration:none; letter-spacing:-0.01em; background-color:#fff; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url('../../images/submenu/off.png') 95% 50% no-repeat; font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; padding:10px 0 10px 10px ;} #s-left .submenu_area .submenu a:visited {color:#6b6b6b;} #s-left .submenu_area .submenu a:hover, .submenu a:active {color:#ef3e00; } #s-left .submenu_area .submenu_here a { float:left; width:188px; color:#ef3e00; display:block; text-decoration:none; font-weight:bold; letter-spacing:-0.01em; background-color:#fff; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url('../../images/submenu/s_icon.png') 95% 50% no-repeat; font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; padding:10px 0 10px 10px ;} #s-left .submenu_area .submenu_here a {float:left; font-size:13px; color:#ef3e00;} #s-left .submenu_area .submenu_here a:visited {color:#ef3e00;} #s-left .submenu_area .submenu_here a:hover, .submenu_here a:active{ color:#ffae00;} #s-left .submenu_area .submenu2 a { float:left; width:168px; font-size:12px; color:#757575; display:block; text-decoration:none; letter-spacing:-0.01em; background-color:#fff; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#eeeeee; font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; padding:5px 0 5px 30px ;} #s-left .submenu_area .submenu2 a:visited .smenu_right{color:#757575;} #s-left .submenu_area .submenu2 a:hover, .submenu2 a:active .smenu_right{color:#474747;} #s-left .submenu_area .submenu_here2 a { border-left:1px solid #e1e1e1; float:left; width:168px; font-size:12px; color:#727272; display:block; text-decoration:none; font-weight:bold; letter-spacing:-0.01em; background-color:#fff; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#eeeeee; font-family:'Open Sans', 'Libre Franklin', '³ª´®°íµñ',NanumGothic,nanumgothicweb,'µ¸¿ò',Dotum,sans-serif; padding:5px 0 5px 30px ;} #s-left .submenu_area .submenu_here2 a:visited .smenu_right{color:#727272;} #s-left .submenu_area .submenu_here2 a:hover, .submenu_here2 a:active .smenu_right{color:#ef3e00;font-weight:Medium;} .submenu_link {width:100%;}