@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */
body {margin:0px;font-family:'Nanum Gothic','나눔고딕','돋움','굴림',arial};

div {}
ul,li {list-style:none;margin:0px;padding:0px}
a {color:#000000}
a:visited {color:#000000}
a:link {color:#000000;text-decoration:none}

#wrap{width:100%;margin:0 auto; padding:0; position:relative;}
#header{position:relative;}

/*top_menu*/
.topmenu_wrap{width:100%; font-size:13px; background-color:#fff; border-bottom:1px solid #d3d3d3;}
.topmenu_inner{width:1100px; height:40px; margin:0 auto;}
.topmenu_inner .b_left{float:left; line-height:40px;}
.topmenu_inner .b_left ul{padding:0; margin:0; position:relative; display:inline-block; border-left:1px solid #d3d3d3; }
.topmenu_inner .b_left ul li{float:left; list-style: none; border-right:1px solid #d3d3d3;}
.topmenu_inner .b_left ul li a{display:inline-block; padding:0 15px; height:40px; line-height:40px; color:#7d7c7c;}
.topmenu_inner .b_left ul li a:hover{background-color:#259cd4; color:#fff;}

.topmenu_inner .b_right{float:right; line-height:40px;}
.topmenu_inner .b_right ul{padding:0; margin:0;}
.topmenu_inner .b_right ul li{float:left; list-style:none; color:#e8e8e8}
.topmenu_inner .b_right ul li a{padding:0 15px; color:#999;}
.topmenu_inner .b_right ul li a:hover{color:#f39a77;}



.logoGnbWrap{width:100%; position:relative; display:inline-block; margin:0px; auto; border-bottom:1px solid #d3d3d3;padding:25px 0;background-color:#fff;}
.logoGnbWrap .logoGnbInner{width:1100px; margin:0 auto; }

    /*logo*/
    .logo_wrap{float:left; width:150px; margin: 0 auto; text-align:center;}

    /*gnb*/
    .gnb_wrap{float:right; width:850px; position:relative; height:53px; }
    .gnb_wrap .gnb_inner{}
    .gnb_wrap .gnb_inner ul{width:100%;margin:0 auto;position:relative;z-index:111}
    .gnb_wrap .gnb_inner ul li{list-style:none; float:left;width:172px; height:53px; line-height:53px; border-left:1px solid #e3e3e3; font-size:15px; text-align:center; letter-spacing:-0.8px; cursor:pointer;}
    .gnb_wrap .gnb_inner ul li:hover{background-color:#dc0707; color:#ffffff;}
    .gnb_wrap .gnb_inner ul li.frist{margin-left:57px;}
    .gnb_wrap .gnb_inner ul li.last{border-right:1px solid #e3e3e3}


/*sitemap*/
.sitemap {position:relative; margin:0 auto; text-align:center; cursor:pointer; font-size:17px;}
.sitemap_ul{position:relative; margin:0; padding:0;}
.sitemap_li{float:left; width:30%; border:1px solid #ccc; height:200px;margin:5px}
.sitemap_a{background-color:#f5f5f5; width:80%;margin-bottom:10px;}
.sitemap a{color:#353535; line-height:53px;padding:0 18px;display:inline-block; font-weight:600;}
.sitemap i{padding-top:10px;}
.sitemap a:hover{color:#ee6f3a;}	
.text { cursor:pointer; font-size:12px; line-height:23px; color:#656565; }
.text:hover{font-size:12px;  color:#ee6f3a; /*background:url('') repeat-x;*/ }

#main_contents{margin:0; padding:0; position:relative;}

/*visual_img*/
.main_visual {height:523px;position:relative;overflow:hidden;}
.main_visual .visual_box {position:relative;display:inline-block;width:100%;left:50%;margin-left:-960px;z-index:2}
.nEventBanner {	width: 1920px; height: 530px; overflow: hidden; position: relative;}
.nEventBanner img {/*cursor: pointer;*/}
.nEventBanner ul {	margin: 0px; padding: 0px; width: 1920px; height: 530px; position: relative;}
.nEventBanner p {	margin: 0px; padding: 0px; left: 50%; top: -40px; width: 1100px; margin-left:-550px; height: 68px;}
.nEventBanner p span {	margin: 0 1px; padding: 0px;  float: left;}


/*메인 퀵배너*/
.main_q_banner_wrap{margin:0; padding:15px 0; width:100%; background-color:#9966ff; display:inline-block; margin-bottom:25px}
.main_q_banner_wrap .main_q_banner_inner{width:1100px; margin:0 auto;}
.main_q_banner_wrap .main_q_banner_inner ul{margin:0; padding:0;}
.main_q_banner_wrap .main_q_banner_inner ul li{float:left;}
.main_q_banner_wrap .main_q_banner_inner ul li img{}



/*배너 1 영역*/
.bannerLine1Wrap {width:100%; margin:0 auto; display:inline-block; position:relative; }
.bannerLine1Wrap .bannerLine1Inner {width:1100px; position:relative;margin:0 auto; padding:9px 0}


    /*공지사항*/
    .border_i_wrap{width:398px; height:245px; border:1px solid #dbdbdb; float:left;}
    .border_i_wrap .border_i_inner{}
    .border_i_wrap .border_i_inner .notice_title{font-size:16px; font-weight:bold; color:#333333; float:left; display:block;height:45px; line-height:45px;padding-left:20px;}
    .border_i_wrap .border_i_inner .notice_more{color:#259cd4; font-size:30px; font-weight:bold; float:right;display:block;height:45px; line-height:45px; padding-right:20px;}
    .border_i_wrap .border_i_inner .notce_ul {width:100%; margin:0; padding-top:12px; display:inline-block; border-top:1px solid #e3e3e3;}
    .border_i_wrap .border_i_inner .notce_ul li{width:100%; display:inline-block; text-indent: 20px}
    .border_i_wrap .border_i_inner .notce_ul .b_listStyle{float:left; display:inline-block; font-size:5px; line-height:21px; color:#d63b5b; }
    .border_i_wrap .border_i_inner .notce_ul .b_title {float:left; display:inline-block; font-size:14px; line-height:21px;}
    .border_i_wrap .border_i_inner .notce_ul .b_date{float:right; display:inherit; font-size:13px;line-height:21px; color:#999999;}

    /**/
    .li_table {width:399px;float:left;}
    .li_table ul {margin:0; padding:0;}
    .li_table .table_ul{border-bottom:1px solid #e3e3e3; display: inline-block;}
    .li_table ul li {float:left; width:199px;padding:28px 0; text-align:center;}
    .li_table ul li.table_li {border-right:1px solid #e3e3e3;}


    /*배너 1-1*/
    .banner1-1{float:left; padding:0 10px}

    /*배너 1-2*/
    .banner1-2{float:left;}


    /*포토갤러리*/
    .border_i_wrap .border_i_inner .gallery_ul {width:100%; margin:0;padding-top:12px; display:inline-block;  border-top:1px solid #e3e3e3;padding-left:0px}
    .border_i_wrap .border_i_inner .gallery_ul .galleryLi{float:left;  font-weight:bold; font-size:15px;  text-align:center;  margin:2px;     position: relative}
    .border_i_wrap .border_i_inner .gallery_ul .galleryLi .galleryTitleWrap{display:block; background-color:#000; font-size:14px; color:#fff; text-align:center;  position:absolute; bottom:0; padding:10px 0; width:100%}




/*site_banner*/

.site_banner_wrap {width:100%; margin:0 auto; padding:30px 0;position:relative;}
.site_banner_wrap .site_banner_inner{width:1100px; position:relative; margin:0 auto;}
#rolling_jahu{}
#rolling_jahu img{padding:0 9.1px; margin:0;}






/*서브페이지*/


/*visual_img*/
.sub_visual {height:195px;  position:relative;overflow:hidden;}
.sub_visual .sub_inner{width:100%; margin:0 auto;}
.sub_visual .sub_inner .visual_box {position:relative;width:1100px; z-index:2; margin:auto;}
.sub_visual .sub_inner .visual_box .nEventBanner {	width: 1100px; height: 195px; overflow: hidden; position: relative;}
.sub_visual .sub_inner .visual_box .nEventBanner img {/*cursor: pointer;*/}
.sub_visual .sub_inner .visual_box .nEventBanner ul {	margin: 0px; padding: 0px; width: 1100px; height: 195px; position: relative;}
.sub_visual .sub_inner .visual_box .nEventBanner p {	margin: 0px; padding: 0px; left: 50%; top: -325px; width: 120px; margin-left:-60px; height: 68px;}
.sub_visual .sub_inner .visual_box .nEventBanner p span {	margin: 0 1px; padding: 0 10px;  float: left;}


#sub_contents{margin:0; padding:0; position:relative;}

/*서브 컨텐츠*/
.s_con_wrap{width:1100px; position:relative; margin:0 auto; padding-top:25px;}
.s_con_wrap .s_con_ul {position:relative; margin:0; padding:0; display:inline-block}
.s_con_wrap .s_con_ul .s_con_li {float:left; position:relative; display:block;}

/*서브 레프트메뉴*/
.left_menu_wrap{width:230px; float:left; position:relative; padding-right:30px; }
.left_menu_wrap .left_menu_inner{width:100%;position:relative;}
.left_menu_wrap .left_menu_inner .left_title{height:80px;padding:30px 0; background:url('/layout/user/pc/imgs/subLeft_bg.jpg');}
.left_menu_wrap .left_menu_inner .left_title .l_title1{display:block; text-align:center; font-size:14px; font-weight:bold;color:#ffd5dd; font-family:'돋움','굴림',arial;}
.left_menu_wrap .left_menu_inner .left_title .l_title2{display:block; text-align:center; font-size:18px; color:#ccc; font-weight:400; padding:80px 0 0 0;letter-spacing:-1px;}
.left_menu_wrap .left_menu_inner .left_menu_ul{position:relative; margin:0; padding:0;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li{list-style:none; cursor:pointer; font-size:14px; color:#666666; height:54px; line-height:54px;padding:0 15px; border-bottom:1px solid #efe9e5;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li.on{background-color:#ffc411; color:#fff; font-weight:bold;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li.on:hover{background-color:#ffc411; color:#fff;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li:hover{background-color:#ffc411; color:#fff;}
.left_menu_wrap .left_menu_inner .left_banner{padding-top:80px;}

.con_wrap{width:830px; position:relative; margin:0;}
.con_wrap .con_title {height:75px; position:relative; margin:0; padding:0; border-bottom:1px solid #e4e4e4;}
.con_wrap .con_title .c_title1 {font-size:23px; font-weight:600; display:block; color:#424242; padding:25px 0 10px 10px; float:left;}
.con_wrap .con_title .c_title2 {font-size:12px; display:block; color:#666666; float:right; padding:35px 0 10px 0;}


.con_wrap .con_w{width:100%; padding:0; margin:0;}
.con_wrap .con_w .con_inner{padding:50px 30px;}




/*게시판 css */

.board_btn_wrap{width:100%;display:block; margin:0 auto;  padding-top:30px }
.board_btn_ul{display:inline-block; }
.board_btn_ul .board_btn_li{width:36px; height:36px; line-height:36px; display:inline-block;listy-sytle:none; float:left; font-size:11px; color:#b3b3b3; border:1px solid #d9d9d9; background-color:#fcfcfc; margin:3px; font-weight:bold; cursor:pointer;}
.board_btn_ul .board_btn_li.on{background-color:#654f38; font-weight:bold; color:#fff;}
.board_btn_ul .board_btn_li.on:hover{color:#ffffff;}
.board_btn_ul .board_btn_li:hover{color:#333;}


.board_command{text-align:right}

.board_command_wrap{width:100%;display:block; margin:0 auto;  padding-top:15px }
.board_command_ul{display:inline-block; }
.board_command_ul .board_command_li{padding:0 20px; height:36px; line-height:36px; display:inline-block;listy-sytle:none; float:left; font-size:11px; color:#b3b3b3; border:1px solid #d9d9d9; background-color:#fcfcfc; margin:3px; font-weight:bold;cursor:pointer;}
.board_command_ul .board_command_li.on{background-color:#654f38; font-weight:bold; color:#fff;}






/*footer*/
#footer {width:100%; position:relative; background-color:#646160; padding:30px 0; margin-top:25px ;display:inline-block;}
#footer .footer_inner{width:1100px; margin:0 auto; display:block; }


#footer .footer_inner .info_menu{width:100%; display:block; font-size:12px;margin:0 auto; text-align: center;}
#footer .footer_inner .info_menu ul{margin:0 auto; padding:0; display:inline-block;}
#footer .footer_inner .info_menu ul li{list-style:none; float:left; padding:0 10px;cursor:pointer; color:#fff;}
#footer .footer_inner .info_menu ul li:hover{color:#dc0707;}

#footer .footer_inner .info_w{display:block; font-size:12px;color:#ffffff; letter-spacing:0.5px;line-height:18px; text-align:center; padding:30px 0}

#footer .footer_inner .copyright_wrap{width:100%; text-align:center;  display:inline-block; font-size:11px; color:#fff;}




/*popup*/

.popup_wrap {
    position: absolute;
    z-index: 9999;
}

.popup_wrap .p_inner {
    display: inline-block;
}

.popup_wrap .p_inner .p_img {}

.popup_wrap .p_inner .p_menu {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #000000;
    text-align: right;
    color: #666;
}

.popup_wrap .p_inner .p_menu a {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 20px;
}



/*회원가입*/
.btn_confirm {  text-align: center;}
.btn_submit {   background: rgb(255, 48, 97); padding: 8px; border: 0px currentColor; color: rgb(255, 255, 255); letter-spacing: -0.1em; cursor: pointer;}

a.btn_cancel {  background: rgb(250, 250, 250); padding: 7px; border: 1px solid rgb(204, 204, 204); color: rgb(0, 0, 0); text-decoration: none; vertical-align: middle; display: inline-block; font-family: dotum; font-size: 0.75em;}
button.btn_cancel { background: rgb(250, 250, 250); padding: 7px; border: 1px solid rgb(204, 204, 204); color: rgb(0, 0, 0); text-decoration: none; vertical-align: top; display: inline-block;}
a.btn_frmline { background: rgb(51, 51, 51); padding: 0px 5px; border: 0px currentColor; height: 24px; color: rgb(255, 255, 255); letter-spacing: -0.1em; text-decoration: none; vertical-align: top; display: inline-block;}
button.btn_frmline {    background: rgb(51, 51, 51); padding: 0px 5px; border: 0px currentColor; height: 24px; color: rgb(255, 255, 255); letter-spacing: -0.1em; text-decoration: none; vertical-align: top; display: inline-block;}
a.btn_frmline { line-height: 24px;}
button.btn_frmline {    font-size: 1em;}

.tbl_wrap caption { padding: 10px 0px; text-align: left; font-weight: bold;  }
.tbl_sm01 {margin: 0px 0px 20px;font-family: dotum; font-size: 0.75em;}
.tbl_sm01 table {   width: 100%; border-collapse: collapse; border-spacing: 0;}
.tbl_sm01 th {  background: rgb(245, 248, 249); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(233, 233, 233) rgb(233, 233, 233) rgb(233, 233, 233) currentColor; padding: 7px 13px; width: 90px; text-align: left;}
.tbl_sm01 td {  background: none; padding: 7px 10px; border-top-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.tbl_sm01 textarea {padding:10px; margin:10px 0; width:95%; height:100px; background: rgb(247, 247, 247); border: 1px solid rgb(228, 234, 236); color: rgb(0, 0, 0); line-height: 2em; vertical-align: middle;}
.ms_input { height: 22px; background: rgb(247, 247, 247); border: 1px solid rgb(228, 234, 236)!important; color: rgb(0, 0, 0); line-height: 2em; vertical-align: middle;border-radius:0px!important;padding:0px!important;}

/*회원가입시 아이디 비밀번호 이메일 체크*/
.check_font{ font-size:13px; padding:0 10px;}
.type_normal{color:#999}
.type_ok{color:#39C}
.type_no{color:#dc0707}




.login_wrap {width:800px; padding-top:30px; margin:0 auto; position:relative;}
.login_wrap .user_menu_wrap{width:100%; margin:0; padding:0; display:inline-block;}
.login_wrap .user_menu_wrap .user_m{font-weight:bold;float:left; list-style:none; width:50%; background-color:#f5f8f9;padding:20px 0; text-align:center;display:block; border-bottom:1px solid #e8e8e8; cursor:pointer;}
.login_wrap .user_menu_wrap .user_m.on{background-color:#ffffff;border-width:1px 1px 0px 1px; border-style:solid; border-color:#e8e8e8; margin-left:-2px;}


.login_wrap  .m_exit_wrap{border:1px solid #e8e8e8; background-color:#fafafa; padding:20px; line-height:20px;}
.m_exit_id{margin:0 20px;}

.login_wrap .login_inner{display:block;background-color:#ffffff;padding:50px 0; text-align:center; border-width:0 1px 1px 1px; border-style:solid; border-color:#e8e8e8}
.login_wrap .login_info_search{padding:30px 0; text-align:center; line-height:28px;}

.login_info_wrap{border:1px solid #e8e8e8; padding:50px 0;  text-align:center;}
