@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{box-sizing:border-box;-moz-box-sizing:border-box}
.row{overflow:hidden}
.row .cell{float:left}
.row .cell.right{float:right}
.row:after{clear:both}
.fl_l{float:left}
.fl_r{float:right}
.clear{clear:both}
a{color:#666;text-decoration:none}
a:hover{text-decoration:none}
p{padding:0px;margin:0px}
ul{padding:0px;margin:0px}
li{list-style:none;}
em{font-style:normal}
h1, h2, h3, h4{margin:0;padding:0}
body{font-size:0.750em}
.hidden{display:none}

/* float ¼¼·Î°ª Àû¿ë¾ÈµÇ´Â ¹ö±×¿¡ »ç¿ë */
.clearfix:after {
  content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;      /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

.f_red{color:#f11b1b}

#m_wrap{position:relative;width:100%}
.main_top{position:relative;height:auto;min-height:66px;border-bottom:1px solid #c8c8c8}
.main_top {position:relative;padding:5px}
.main_top .naviArea{position:absolute;width:30px;padding-top:5px}
.main_top .naviBtn{width:30px;height:30px;background-image:url('/assets/img/m_webplus/btn_menu.png');background-size:30px}
.main_top h1{padding-top:0px;text-align:center}
.main_top .headerSearch{padding:10px 0px}
.main_top .searchBar{position:relative;}
.main_top .searchBox{width:88%;height:30px;border:1px solid #ccc;border-radius:3px;float:left}
.main_top .searchButton{width:11%;height:30px;background:#fafafa;border:1px solid #ccc;border-radius:3px;float:right;text-align:center}

.mainSlide{position:relative;}
.mainBanner{position:relative;}
.mainBanner li img{float:left;width:25%;}

/*Àü±¤ÆÇ*/
.noticeArea{position:relative;clear:both;height:44px;border-top:1px solid #dbdbdb;padding:15px 5px}
.noticeArea .noticeIcon{background-color:#f45d60;padding:3px 5px;border-radius:3px;font-family:'dotum';color:#fff;font-weight:bold;float:left;}
.noticeArea p{float:left;font-size:1.167em;padding-left:10px;}

/*°Ô½ÃÆÇ ÀϹÝ,À¥Áø*/
.ns1_m_board_more{width:20px;height:20px;background-image:url('/assets/img/m_webplus/btn_more1.png');background-size:20px}
.ns1_m_board_t{width:100%;height:100%;border-top:1px solid #dbdbdb;}
.ns1_m_board_t th{text-align:left;font-size:1.250em;padding:6px}
.ns1_m_board_t td{padding:5px}
.ns1_m_board_date{font-size:0.92em;color:#c1c1c1;text-align:right}
.ns1_m_board_t2{width:100%}

/*°¶·¯¸®*/
.ns2_m_board_t{width:100%;height:100%;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#f3f6f7;margin-top:10px}
.ns2_m_board_t th{text-align:left;font-size:1.250em;padding:6px}
.ns2_m_board_t td{padding:5px}
.ns2_m_board_t td ul{float:left;margin:4px 5px}
.ns2_m_board_date{font-size:0.92em;color:#c1c1c1;text-align:right}
.ns2_m_board_t2{width:100%}
.ns2_m_board_t1{text-align:center}
.ns2_m_board_t1 img{width:142px;border-radius:7px}

/*°í°´¼¾ÅÍ*/
.customerCenter{border-radius:50px;border:3px solid #c8c8c8;margin:20px 2%;padding:2px;text-align:center;
								background-image:url('/assets/img/m_webplus/icon_customer.png');
								background-repeat:no-repeat;
								background-size:28px;
								background-position:95% 50%}
.customerCenter p{font-size:1.2em;}
.customerCenter em{font-size:1.500em;font-weight:bold;}


/*¸â¹ö °øÅë*/
.member_input1{width:100%;height:30px;padding:7px;border:1px solid #ddd;border-radius:3px;box-shadow:inset 0 2px 0 #f8f8f8}
.member_input2{text-align:center;width:27%;height:30px;padding:7px;border:1px solid #ddd;border-radius:3px;box-shadow:inset 0 2px 0 #f8f8f8}
.member_tit_text{font-size:11px}
.member_separator{border-style:solid;border-color:#e0e0e0;box-shadow:inset 0 1px 0 #f3f3f3}
.member_separator2{border-style:solid;border-color:#e6e6e6;padding:5px 0px}
.member_submitButton{width:100%;margin-top:10px;border-radius:3px;background:#333;color:#fff;font-weight:bold;font-size:14px;height:35px;line-height:35px;border:0 none;box-shadow:inset 0 -2px 0 #333}
.margin_t10{margin-top:10px}

/*·Î±×ÀÎ*/
.login_tit{position:relative}
.login_title{font-size:27px;letter-spacing:-1px;}
.login_title .login_tit_color1{color:#7b7b7b}
.loginForm{position:relative;padding:15px 20px}
.login_id, .login_password{margin-top:10px}
.login-save{margin-top:10px;font-size:13px;}
.login_sub{border-top:1px solid #ddd;margin-top:30px;padding:10px 0px}
.login_sub li{text-align:right;line-height:15px;height:15px;}
.login_sub li a{padding:5px 10px;border-radius:3px}
.login_sub .login_button_join{background:#333;color:#fff;;border:0 none}

/*ȸ¿ø°¡ÀÔ*/
.joinFrom{position:relative;padding:15px 10px}
.joinFrom h1{font-size:15px;line-height:30px;height:30px;padding-left:17px;background-image:url('/assets/img/m_webplus/member_section_arrow1.png');background-repeat:no-repeat;background-size:15px;background-position:0 50%}
.join_tit{position:relative}
.join_title{font-size:15px;border-bottom:1px solid #c1c1c1;letter-spacing:-1px;font-weight:bold}
.login_info{font-size:11px}
.join_term{padding-bottom:15px}
.join_term label{font-size:15px}
.join_tremArea textarea{width:100%;height:100px;border-radius:4px;border:1px solid #cccccc}
.join_term_agree{background:#f3f3f3;border-radius:3px;border:1px solid #ebebeb;text-align:center;padding:7px;box-shadow:inset 0 2px 0 #ededed;font-weight:bold}
.join_term_agree .agree_button{padding:5px 7px;background:#fff;border:1px solid #999;border-radius:3px}
.join_box{border-radius:4px;border:1px solid #cccccc;padding:0px 10px 10px 10px}
.join_box div{margin-top:10px}
.join_box strong{font-size:15px}
.join_box p{font-size:11px;color:#999;line-height:16px;height:16px;color:#666}
.join_address button{background:#fff;border:1px solid #c5c9ca;height:30px;border:1px solid #666;border-radius:3px;}


/*°Ë»ö°á°úÆäÀÌÁö*/
.search_area{position:relative;padding:15px 10px;}
.search_tit{padding:0px 10px 0px 20px;height:30px;line-height:30px;background-color:#fff;border-bottom:1px solid #ddd;background-image:url('/assets/img/m_webplus/icon_searchPage.png');background-repeat:no-repeat;background-size:20px;background-position:0 50%}
.search_tit span{font-size:14px;font-weight:bold;float:left}
.search_tit em{float:right}

.search_area{position:relative;}

/*°Ë»ö°á°ú ½æ³×ÀÏÇ¥ÃâÀÏ°æ¿ì*/
.search_area .search_thumStyle li{width:100%;height:110px;}
.search_area .search_thum{position:absolute;width:95px;height:85px;border:1px solid #ddd;float:left}
.search_area .search_info{float:left;width:100%;padding-left:105px}
.search_area .search_info strong{font-size:13px;line-height:20px;height:20px}
.search_area .search_info p{color:#999;overflow:hidden}
.search_area .search_info span{float:right;color:#666;}
/*°Ë»ö°á°ú ¸®½ºÆ®Ç¥ÃâÀÏ°æ¿ì*/
.search_listStyle {height: 90px}
.search_listStyle li span{float:right;color:#666;font-size:11px}
.search_listStyle strong{font-size:13px;line-height:20px;height:20px}
.search_listStyle p{color:#999;overflow:hidden}


/*¸ð¹ÙÀÏ »ó´ã½ÅûÆû*/
.m_sms_form{width:100%;border:1px solid #ddd;border-radius:5px;padding:10px}
.m_sms_form .title{text-align:center;font-size:18px;line-height:150%;font-weight:bold;letter-spacing:-1px;border-bottom:1px solid #eee}
.m_sms_form .info_enter{padding:10px 0px}
.m_sms_form .info_enter p{padding:5px 0px}
.m_sms_form .info_enter em{font-weight:bold}
.ip_m_large{width:100%;height:30px;text-align:center}
.ip_m_small{width:31%;height:30px;text-align:center}

.agree_enter{width:100%;background:#f8f8f8;margin-bottom:10px;height:35px;line-height:35px;border-radius:3px;border:1px solid #ddd;font-weight:normal;padding:0px 3px}
.agree_enter .btn_det{font-size:11px;background:#333;color:#fff;padding:3px 6px}

.btn_enter{clear:both;width:100%;height:35px;border-radius:5px;background:#333;text-align:center}
.btn_submit{line-height:35px;color:#fff;font-size:16px;letter-spacing:-1.5px}

/*ÇÏ´Ü*/
footer{position:relative;background:#f4f4f4;border-top:1px solid #dbdbdb}
.dos{text-align:center;padding:10px;border-bottom:1px solid #fff}
.dos span{margin:0px 3px}
.dos button{width:25%;padding:7px;3px;background-color:#fff;border-radius:3px;border:1px solid #ddd;letter-spacing:-1px}
.info{text-align:center;border-top:1px solid #dbdbdb;padding:10px;color:#666;}
.topBtn{position:fixed;right:10px;bottom:30px;z-index:999;font-size:0.92em;text-align:center;letter-spacing:-1px;background:#fff;border:1px solid #ccc;padding:5px 5px;border-radius:5px}

/*¸Þ´º¹öÆ° Ŭ¸¯½Ã ³ªÅ¸³ª´Â ³×ºñ*/
.nav_show{position:absolute;z-index:99999;width:250px;background:#fff;box-shadow:#666 3px 0px 5px}
.nav_show li{font-size:1.33em;padding:10px;border-bottom:1px solid #ccc;letter-spacing:-1px}
.nav_show .nav_tit{background:#eee;font-weight:bold}
.nav_show .nav_close{position:absolute;top:8px;right:8px;width:27px;height:27px;background:#fff;border:1px solid #ddd;border-radius:3px;
										  background-image:url('/assets/img/m_webplus/btn_navClose.png');
										  background-repeat:no-repeat;
										  background-size:17px;
										  background-position:50%}

/*¼­ºêÆäÀÌÁö*/
.page_tit{font-size:1.583em;font-weight:bold;padding:4px 10px;background:#f4f4f4;border-bottom:1px solid #e1e1e1}
.subContents{padding:10px}
.board_topEdit img {width:100%; }