@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;}
.topmenu_inner{width:1200px; height:30px; margin:0 auto;}
.topmenu_inner .b_right{float:right; line-height:30px;}
.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;}

/*logo*/
.logo_wrap{height:100px; margin: 0 auto; text-align:center;}
.logo_wrap img{padding-top:10px; margin:0 auto;}

/*top_banner_wrap*/
.top_banner_wrap{width:270px; position:absolute; left:50%; margin-left:-550px; top:45px; }
.top_banner_wrap .top_banner1 {position:relative;}

/*gnb*/
.gnb_wrap{width:100%; position:relative; height:53px; background-color:#239db9}
.gnb_wrap .gnb_inner{}
.gnb_wrap .gnb_inner ul{width:1100px;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;color:#fff;}
.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:580px;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: 580px; overflow: hidden; position: relative;}
.nEventBanner img {/*cursor: pointer;*/}
.nEventBanner ul {	margin: 0px; padding: 0px; width: 1920px; height: 580px; position: relative;}
.nEventBanner p {	margin: 0px; padding: 0px; left: 50%; top: 40px; width: 330px; margin-left:-165px; height: 68px;}
.nEventBanner p span {	margin: 0 1px; padding: 0px;  float: left;}




/*sub_visual_img*/
.sub_visual {height:180px;position:relative;overflow:hidden;}
.sub_visual .visual_box {position:relative;display:inline-block;width:100%;left:50%;margin-left:-960px;z-index:2}
.sub_visual .visual_box .nEventBanner {	width: 1920px; height: 180px; overflow: hidden; position: relative;}
.sub_visual .visual_box .nEventBanner img {/*cursor: pointer;*/}
.sub_visual .visual_box .nEventBanner ul {	margin: 0px; padding: 0px; width: 1920px; height: 184px; position: relative;}
.sub_visual .visual_box .nEventBanner p {	margin: 0px; padding: 0px; left: 50%; top: 300px; width: 330px; margin-left:-165px; height: 68px;}
.sub_visual .visual_box .nEventBanner p span {	margin: 0 1px; padding: 0px;  float: left;}


.sub_visual .visualTextWrap{display:inline-block; width:100%; text-align:center; position:absolute; top:40px; color:#ffffff;}
.sub_visual .visualT11{font-size:30px; display:block; padding-bottom:30px; display:none;}
.sub_visual .visualT22{font-size:23px; display:block; padding-bottom:80px; font-weight:bold; line-height:35px; }
.sub_visual .visualT23{font-size:17px;}
.sub_visual .VisualRink{font-size:25px; border:1px solid #cecece; padding:15px 60px; display:inline-block; color:#ffffff; display:none;}








/*브랜드 업체 롤링*/
.brand_rolling_wrap {margin:0; padding:0; width:100%; } 
.brand_rolling_wrap .brand_rolling_inner{width:1200px; margin:0 auto;padding:20px 0;}

.als-container {position: relative;width: 100%;margin: 0px auto;}
.als-viewport {position: relative;overflow: hidden;margin: 0px auto;}
.als-wrapper {position: relative;list-style: none;}
.als-wrapper a{font-size:13px; text-align:left;}
.als-wrapper span{font-size:11px; color:#999999; display:block;text-align:left;}
.als-item {position: relative;display: block;cursor: pointer;float: left; }
.als-prev, .als-next {position: absolute;cursor: pointer;clear: both;}

#lista1 {}
#lista1 .als-item {padding: 0px 17px;min-height: 140px;min-width: 128px;border-left:1px dotted #999999;}
#lista1 .als-item img {position: relative;display: block;vertical-align: middle;margin-bottom: 8px;}
#lista1 .als-prev, #lista1 .als-next {top: 58px;width: 15px;height: 22px;}
#lista1 .als-prev {left: -20px;}
#lista1 .als-next {right: -20px;}



/*메인 퀵배너 3개*/
.main_q_banner_wrap{padding:0; width:100%; display:inline-block; margin:40px 0}
.main_q_banner_wrap .main_q_banner_inner{width:1200px; margin:0 auto;}
.main_q_banner_wrap .main_q_banner_inner .pBannerTitle{display:block; width:100%; font-size:30px; text-align:center;padding:30px 0; font-weight:bold;}
.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;width:25%; text-align:center;}






/*banner_sms_wrap*/

.bannerSmsWrap{margin:0; padding:0; width:100%; display:inline-block; }
.bannerSmsWrap .bannerSmsInner{width:1200px; margin:0 auto;}
.bannerSmsWrap .bannerSmsInner .bannerWrap{width:828px; float:left;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .naverBanner{ padding-bottom:15px;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW{width:100%;margin:0 auto; padding:0; display:inline-block;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .bannerWInner{float:left;margin:0 auto; padding:0; display:inline-block;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .bannerWInner .bannerUl{ margin:0 auto; padding:0;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .bannerWInner .bannerUl .bannerLi{float:left; padding-right:16px;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .csCenterWrap{width:265px; height:220px;float:right;background-color:#1f5c7f;  color:#ffffff;display:inline-block; text-align:center;}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .csCenterWrap .csT1{font-size:14px; display:block; padding:30px 0 10px 0}
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .csCenterWrap .csT2{font-size:25px; display:block; padding:10px 0 5px 0 }
.bannerSmsWrap .bannerSmsInner .bannerWrap .bannerW .csCenterWrap .csT3{font-size:12px; display:block;padding:10px 0 0 0}


.bannerSmsWrap .bannerSmsInner .smsWrap{width:355px; float:right;}

/*sms*/
.sms_wrap{width: 100%; height:522px; border:1px solid #dedede}
.sms_wrap .sms_inner{width:100%}
.sms_wrap .sms_inner .sms_w{padding:40px 30px}
.sms_wrap .sms_inner .sms_w .smsT1{font-size:20px; color:#1f5c7f; display:block; font-weight:bold; padding-bottom:10px;}
.sms_wrap .sms_inner .sms_w .smsT2{font-size:14px; color:#989898; display:block; font-weight:bold; padding-bottom:10px;}

.sms_wrap .sms_inner .sms_w .sms_ul{margin:0 auto; padding:15px 0;}
.sms_wrap .sms_inner .sms_w .sms_ul li{color:#333; font-size:13px; height:25px; line-height:30px;   width:100%; font-weight:bold; padding:5px 0}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_title{ width:100%; display:inline-block;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_input{width:100%;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_input input, select{width:97%; margin:0; padding:5px;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_checked{float:left; width:55%; }
.sms_wrap .sms_inner .sms_w .sms_ul .sms_btn{float:right; width:45%;}
.sms_wrap .sms_inner .sms_w .sms_send{background-color:#259fbc; border-radius:10px; padding:10px 0; font-size:15px; color:#fff; font-weight:bold; display:block; text-align:center;}






/*site_banner*/
.site_banner_wrap {width:100%; margin:0 auto; padding:30px 0;position:relative;}
.site_banner_wrap .site_banner_inner{width:1200px; position:relative; margin:0 auto;}
#rolling_jahu{}
#rolling_jahu img{padding:0 2.5px;}



/*서브페이지*/
#sub_contents{margin:0; padding:0; position:relative;}

/*서브 컨텐츠*/
.s_con_wrap{width:1200px; 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:240px; float:left; position:relative; padding-right:50px; }
.left_menu_wrap .left_menu_inner{width:100%;position:relative;}
.left_menu_wrap .left_menu_inner .left_title{height:60px;padding:30px 0; line-height:65px; border-bottom:1px solid #efe9e5}
.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:left; font-size:30px; color:#353535; font-weight:bold; padding:5px 0 0 0}
.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:45px; line-height:45px;padding:0 15px; border-bottom:1px solid #efe9e5;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li.on{background:url(../imgs/left_on_bg.jpg); color:#fff; font-weight:bold;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li.on:hover{background:url(../imgs/left_on_bg.jpg); color:#fff; font-weight:bold;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li:hover{background-color:#f7f7f7; color:#2d4176;}
.left_menu_wrap .left_menu_inner .left_banner{padding-top:80px;}


.subcs{background-color:#1f5c7f; color:#fff;  display:inline-block; padding:15px 10px; margin-top:20px;}
.subcst1{width:100%; display:inline-block; font-size:12px;}
.subcst2{width:100%; display:inline-block; font-size:25px; font-weight:bold;}

.con_wrap{width:910px; position:relative; margin:0;}
.con_wrap .con_title {height:100px; position:relative; margin:0; padding:0; border-bottom:1px solid #e4e4e4; padding:10px 20px;}
.con_wrap .con_title .c_title1 {font-size:30px; font-weight:600; display:block; color:#333; padding-top:40px; float:left;}
.con_wrap .con_title .c_title2 {font-size:14px; display:block; color:#666666;padding-top:50px; float:right;}
.con_wrap .con_title .c_img{position:absolute; right:20px;top:-3px;}


.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:#f24b60; 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:#f24b60; font-weight:bold; color:#fff;}





/*footer*/
#footer {width:100%;}
#footer .footer_inner{width:100%; position:relative; padding:10px 0; display:inline-block;  border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
#footer .footer_inner .info_menu{width:1200px; display:block; height:50px;line-height:50px; font-size:13px; margin: 0 auto;}
#footer .footer_inner .info_menu ul{margin:0; padding:0;}
#footer .footer_inner .info_menu ul li{list-style:none; float:left; padding:0 30px 0 0;cursor:pointer;}
#footer .footer_inner .info_menu ul li:hover{color:#dc0707;}


#footer .footer_w{width:1200px; margin:0 auto; display:block; padding:20px 0}
#footer .footer_w .info_w{display:inline-block; font-size:14px;color:#656565; letter-spacing:0.5px;line-height:18px;}
#footer .footer_w .info_w .copyright_wrap{float:left; display:inline-block; height:50px; line-height:50px; font-size:12px; color:#666666;}
#footer .footer_w .blogo_wrap{float:right;padding-top:20px;}





/*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;}