@charset "utf-8";

#wrap{width:100%; min-width:1200px; margin:0 auto; background-color:#f6f4f1}

#header_m{display:none;}
#header_d{display:none;}

/* header */
#header{overflow:hidden; width:100%; background-color:#fff; margin-bottom:10px; box-shadow:3px 0 10px rgba(62,62,62,0.1); -moz-box-shadow:3px 0 10px rgba(62,62,62,0.1); -webkit-box-shadow:3px 0 10px rgba(62,62,62,0.1);}
/* gnb */
.gnb{height:42px; background-color:#3e3e3e;}
.gnb_list{float:right; margin:6px 0;}
.gnb_list>li{float:left; font-size:12px; color:#9d9d9d; line-height:30px; margin:0 10px; list-style:none;}
.gnb_list>li a:hover{color:#fff !important;; text-decoration:none;}
.srchbar{float:left; width:301px; height:28px; border:1px solid #1e1e1e; background-color:#a5a5a5;}
.input_srch{float:left; width:275px; height:24px; padding:2px 5px; font-size:13px; line-height:24px; color:#3e3e3e; background-color:#a5a5a5;}
.srchbar i{color:#3e3e3e}

/* lnb */
.lnb{width:100%; min-width:1200px; height:auto; margin:0 auto; background-color:#fff; z-index:990;}

/* (menu) */
.menu{width:1200px; margin:0 auto;}
.menu ul{margin:0; padding:0; list-style-type:none;}
.logo{float:left; width:210px; height:60px; padding:0;}
.menu_m{float:right; padding:0; background-color:#fff;}
.menu_m > li{display:block; width:auto; height:82px; float:left; font-size:14px; font-weight:700; line-height:82px; color:#3e3e3e;}
.menu_m li > a, .menu_m li > a:hover{display:inline-block; padding:0 5px; color:#3e3e3e; text-decoration:none;}
.menu_m li.sub_open a, .menu_m li.sub_open a:hover{text-decoration:none;}
.menu_m li > a:hover, .menu_m li > a:active{color:#fff !important;}
.h_bar_menu{display:inline-block; width:1px; height:12px; margin-bottom:-1px; opacity:0.5; background-color:#9d9d9d}
/* (�޴� bg) */
.m1_bg:hover, .m1_bg.on{color:#fff !important; background-color:#198b46;} /* �ʷ� */
.m2_bg:hover, .m2_bg.on, .m6_bg:hover, .m6_bg.on, .m8_bg:hover, .m8_bg.on{color:#fff !important; background-color:#296bad;} /* ���� */
.m3_bg:hover, .m3_bg.on, .m7_bg:hover, .m7_bg.on, .m10_bg:hover, .m10_bg.on{color:#fff !important; background-color:#ec9a3b;} /* ������ */
.m4_bg:hover, .m4_bg.on, .m5_bg:hover, .m5_bg.on, .m9_bg:hover, .m9_bg.on, .m11_bg:hover, .m11_bg.on{color:#fff !important; background-color:#73ac19;} /* ���� */

/* (menu_sub) */
.menu_sub_wrap{display:none; position:absolute; z-index:1000; width:100%; min-width:1200px; min-height:242px; left:0; padding-top:20px; 
background-color:#fff; box-shadow:3px 3px 10px rgba(62,62,62,0.2); -moz-box-shadow:3px 3px 10px rgba(62,62,62,0.2); -webkit-box-shadow:3px 3px 10px rgba(62,62,62,0.2);}
.sub_open .menu_sub_wrap{display:block;}
.bar_img{position:absolute; z-index:1001; width:100%; height:10px; top:0; background:#fff url("../images/menu_bg.png") no-repeat center top; background-size:contain;}
.menu_sub_group{width:1200px; margin:0 auto; padding:0;}
.menu_sub_group > div{overflow:hidden; width:auto; float:left; line-height:22px;}
.menu_sub_group:before, .menu_sub_group:after{content:" "; display:table;}
.menu_sub_group:after{clear:both;}
.menu_sub{width:auto; float:left !important;}
.menu_sub > ul{float:left; height:auto;}
.menu_sub > ul li{width:100%; height:27px; margin-bottom:2px; font-weight:400; font-size:15px; color:#3e3e3e; line-height:27px;}
/* (����޴� color) */
.m1_bg li a:hover{color:#fff !important; background-color:#198b46;}
.m2_bg li a:hover, .m6_bg li a:hover, .m8_bg li a:hover{color:#fff !important; background-color:#296bad}
.m3_bg li a:hover, .m7_bg li a:hover, .m10_bg li a:hover{color:#fff !important; background-color:#ec9a3b}
.m4_bg li a:hover, .m5_bg li a:hover, .m9_bg li a:hover{color:#fff !important; background-color:#73ac19}

/* (quick_menu) */
.quick_menu{float:left;}
.quick_l{float:left; width:103px; margin-right:6px}
.quick_r{float:left; width:131px;}
.quick_m1, .quick_m2, .quick_m3, .quick_m4, .quick_m5, .quick_m6, .quick_m7, .quick_m8{float:left; border:1px solid #e1ddd8;}
.quick_m3, .quick_m4, .quick_m5, .quick_m6, .quick_m7, .quick_m8{width:63px; height:63px; padding-top:10px; text-align:center; font-size:24px; color:#fff}
.quick_m1{width:103px; height:132px; margin-bottom:6px;}
.quick_m2{width:103px; height:63px;}
.quick_m3{background-color:#7a7a7a; margin-bottom:6px;}
.quick_m4{background-color:#198b46; margin-left:5px; margin-bottom:6px;}
.quick_m5{background-color:#ec9a3b; margin-bottom:6px;}
.quick_m6{background-color:#73ac19; margin-left:5px; margin-bottom:6px;}
.quick_m7{background-color:#296bad}
.quick_m8{background-color:#7a7a7a; margin-left:5px;}
.quick_span{display:block; margin-top:2px; font-size:11px; text-align:center; color:#fff;}

/* container */
#container{overflow:hidden; width:1200px; min-height:800px; margin:0 auto; margin-top:20px; padding-bottom:20px; background-color:#f6f4f1; margin-bottom:40px;} /* eskang, fixed, 20160927 */

/* (main_left_banner) */
.main_left_banner{position:absolute; margin-left:55px; border:1px solid #d9d9d9; z-index:700;}
/* (main_right_banner) */
.main_right{position:absolute; margin-left:1424px; z-index:710;}
.main_right>ul>li{text-align:center; margin-bottom:7px; list-style:none;}
.main_right>ul>li a, .main_right>ul>li a:hover{text-decoration:none;}
.main_right_mt{display:block; font-size:12px; line-height:14px; margin:5px 0 9px; color:#3e3e3e; text-align:center;}
.main_right_banner{margin-top:28px; border:1px solid #d9d9d9;}

/* (main_group_left) */
.main_group_left{float:left; width:598px; height:auto; margin-right:9px;}
.main_data{overflow:hidden; width:254px; height:278px; padding:20px; background:#ec9a3b url("../images/main_data.jpg") no-repeat right bottom;}

/* list */
.main_boad{overflow:hidden; width:100%;}
.main_boad ul{margin-top:25px;}
.main_boad li{overflow:hidden; width:100%; font-size:14px; line-height:30px; color:#3e3e3e; padding-left:10px; background:url("../images/list_style.jpg") no-repeat 0 center; white-space:nowrap; word-wrap:normal;}
.main_boad li a{color:#3e3e3e;}
.main_boad li a:hover{text-decoration:underline !important;}


/* (main_group_center) */
.main_group_center{float:left; width:281px; height:auto; margin-right:9px;}
.main_ng_big{display:inline-block; overflow:hidden; float:left; width:184px; font-size:17px; color:#3e3e3e; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_text3{display:inline-block; overflow:hidden; width:239px; height:auto; margin-top:10px; font-size:14px; line-height:20px; color:#9d9d9d;}
.main_ng_big2{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; width:253px; padding:0 5px; font-size:20px; line-height:28px; color:#3e3e3e; margin-top:10px;}
.main_ng_big2 a:hover{text-decoration:underline !important;}
.main_text2{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:253px; height:auto; padding:0 5px; font-size:14px; line-height:20px; color:#9d9d9d; margin-top:10px;}
.main_text4{display:inline-block; overflow:hidden; max-width:234px; height:auto; padding-left:5px; margin-top:20px; font-size:12px; line-height:22px; color:#9d9d9d;}
.main_introd{overflow:hidden; width:279px; height:143px; background:url("../images/main_introd.jpg") no-repeat 0 0;}
/* (main_group_right) */
.main_group_right{float:left; width:303px; height:auto;}
.con_menu{overflow:hidden; width:302px; height:89px; margin-bottom:10px;}
.con_menu img{float:left; cursor:pointer}
.main_media{overflow:hidden; width:223px; height:175px; margin:20px auto; background-color:#e1ddd8;}
.main_media img, .main_media frame, .main_media embed{width:223px; height:auto;}
.main_medea_text{overflow:hidden; position:absolute; z-index:10; width:223px; height:20px; padding:0 10px; line-height:20px; color:#fff; margin-top:144px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_medea_box{overflow:hidden; position:absolute; z-index:9; width:223px; height:41px; margin-top:134px; padding:0 10px; background-color:#000; opacity:0.5;}
.main_media a:hover >.main_medea_text{text-decoration:underline}
/* (slider navigator) */
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{background:url("../images/b21.png") no-repeat; overflow:hidden; cursor:pointer;}
.jssorb21 div{background-position:-10px -5px;}
.jssorb21 div:hover, .jssorb21 .av:hover{background-position:-35px -5px;}
.jssorb21 .av{background-position:-35px -5px;}
/* (�������帧) */
.main_map_mainbox{overflow:hidden; width:279px;}
.main_map_main_web img{width:279px;}
.main_map_main img{width:100%;}
.main_map_textbox{position:absolute; z-index:10; margin-top:181px; width:277px; height:60px; padding:10px; background:rgba(0,0,0,0.5);}
.main_map_main_t1{display:block; width:100%; height:20px; color:#fff; font-size:14px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_map_main_t2{display:block; width:100%; height:20px; font-size:12px; color:#d9d9d9; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

.main_map_list{width:259px; margin:15px 10px 0;}
.main_map_list li{overflow:hidden; width:100%; font-size:14px; line-height:30px; color:#3e3e3e; padding-left:10px; background:url("../images/list_style.jpg") no-repeat 0 center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_map_list li a{color:#3e3e3e;}
.main_map_list li a:hover{text-decoration:underline !important;}
/* (login) */
.main_input{width:123px !important; height:28px !important; border-radius:0 !important; font-size:13px !important; padding:5px !important; }
.main_login_text{display:inline-block; overflow:hidden; float:left; width:52px; height:auto; margin-right:5px; font-size:13px; line-height:28px; color:#3e3e3e;}
.login_btn{float:left; width:71px; height:61px; font-size:14px !important; border:1px solid #ccc !important; border-radius:2px !important;}
.main_login_text2{width:261px; float:left; margin-top:10px; list-style:none; border-top:1px solid #eaeaea}
.main_login_text2 li{float:right; width:auto; padding-left:10px; font-size:12px; line-height:28px; color:#9d9d9d; text-align:right}
.main_login_text2 li:last-child{float:left; padding-left:0;}
.main_login_text2 li a:hover{color:#3e3e3e !important;}
/* (music) */
.main_music_box{overflow:hidden; float:left; width:261px; height:80px; margin:20px 0 15px;}
.main_music_box img{float:left; width:80px; height:80px}
.main_music_box a:hover .main_music_text{text-decoration:underline !important;}
.main_music_box1{overflow:hidden; float:left; width:261px; height:50px; padding:10px 0; border-top:1px solid #eaeaea}
.main_music_box1 img{float:left; width:30px; height:30px;}
.main_music_box1 a:hover .main_music_text3{text-decoration:underline;}
.main_music_text, .main_music_text1, .main_music_text2, .main_music_text3, .main_music_text4{display:inline-block; overflow:hidden; float:left; width:161px; margin-left:10px;}
.main_music_text{max-height:40px; margin-bottom:5px; font-weight:700; font-size:16px; line-height:20px; color:#ff7200}
.main_music_text1{font-size:14px; color:#3e3e3e; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_music_text2{font-size:12px; color:#9d9d9d; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_music_text3{width:auto; max-width:120px; font-weight:700; font-size:15px; line-height:30px; color:#3e3e3e; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_music_text4{width:auto; max-width:60px; font-size:12px; line-height:30px; color:#9d9d9d; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.main_music_box1 i{float:right !important; color:#ff7200;}

/* footer */
#footer{overflow:hidden; width:100%; min-width:1200px; height:146px; background-color:#3e3e3e;}
.logo_f{float:left; width:196px; height:31px; margin:39px 20px 0 2px; opacity:0.68;}
.f_menu{float:left; width:597px; margin:39px 25px 0;}
.f_menu>ul{float:left;}
.f_menu>ul>li{float:left; font-size:13px; line-height:18px; color:#a5a5a5; list-style:none;}
.f_menu>ul>li a:hover{text-decoration:none; color:#fff !important;}
.f_menu>ul>li.f_info{float:left; font-size:11px; line-height:18px; color:#8b8b8b; list-style:none;}
.line_h2{display:inline-block; position:relative; width:1px; height:11px; margin:0 6px; margin-bottom:-1px; background-color:#807d7d;}
.f_add{display:inline-block; font-size:11px; color:#8b8b8b;}
.f_sns{float:left; width:334px; margin-top:29px;}
.f_sns img{float:left; margin-right:8px;}
.f_select{float:right; width:115px; height:24px; color:#3e3e3e; font-size:11px; line-height:24px; padding-left:5px; margin-top:10px; background-color:#eaeaea; border:1px solid #c1c1c1;}