@charset "utf-8";

/* 공통스타일 */
.color333 {color:#333;}
.r_color {color:#8a9fa7;}
.font_gray {color:#999;}
.inp {border:1px solid #bbb; padding:5px; letter-spacing:0;}
.inp_select {border:1px solid #bbb; padding:4px; letter-spacing:0; vertical-align: middle;}
.textarea {font-size:9pt; color:#666; background:#FFFFFF; border:1px solid #ddd; }
.pointer {cursor:pointer;}
.vmiddle {vertical-align:middle;}
.bold {font-weight:bold;}
.v-t{	vertical-align:top !important;	}
.v-m{	vertical-align:middle !important;	}
.v-b{	vertical-align:bottom !important;	}
.v-2{	vertical-align:-2px !important;	}


#bd_code_a{	border:6px solid #0ea9c5 !important;	}
#bd_code_b{	border:6px solid #0d6ec4 !important;	}
#bd_code_c{	border:6px solid #c62d19 !important;	}


.no_data{	font-size:15px;text-align:center;line-height:100px;	}



/* MEDIA START */
/* BBS- LIST */
.bbs-head{	display:block; background-color:#f4f5f7;border-bottom:1px solid #d7d7d7;font-size:14px;border-top:2px solid #333;	}
.bbs-head li{	display:table;width:100%;padding:0;	}
.bbs-head li div {	text-align:center;padding:1em 0;	}
.bbs-head li .td,.bbs-body li .td{	display:table-cell;text-align:center;vertical-align:middle;	}
.bbs-head li .col_no,.bbs-body li .col_no{	width:9%;	}
.bbs-head li .col_name,.bbs-body li .col_name,.bbs-head li .col_down ,.bbs-body li .col_down{	width:15%;	}
.bbs-head li .col_date,.bbs-body li .col_date{	width:15%;	}
.bbs-head li .col_recruit_date,.bbs-body li .col_recruit_date{	width:17%;	}
.bbs-head li .col_hit,.bbs-body li .col_hit{	width:9%;	}

.bbs-body li div{	text-align:center;padding:1em 0;font-size:15px;	}
.bbs-body li .col_subject ,.bbs-body li .col_subject2  {text-align:left;}
.bbs-body li .col_subject a {color:#444;text-align:left;}
.bbs-body li{	display:table;width:100%;padding:0;border-bottom:1px solid #ccc;	}
.bbs-body li .td .txt{	display:none;	}
.bbs-body li .col_down  {text-align:center;}
.bbs-body li .blue,.cate_blue{	color:#236bbc;font-weight:bold;		}
.notice_icon{	display:none;	}
.ntb-tb-view .tit{	line-height:24px;padding: 8px 5px;	 }

/* view */
/*
.ntb-tb-view th{	width:180px;	 }
.ntb-tb-view td{	width:*;	}
*/
.ntb-tb-view td .info{	margin:0 10px 0 13px;	}
.ntb-tb-view td .info li{		float:left;width:50%;text-align:left;font-size:15px;	}
.ntb-tb-view td .info li .bar{	font-size:10px;color:#ccc;display:inline-block;padding:0 5px;vertical-align:2px;	}
.ntb-tb-view td .info li.file_th{	width:57px;line-height:21px;	}
.ntb-tb-view td .info li.file_th_eng{	width:102px;line-height:21px;	}
.ntb-tb-view td .info li.file_td{	width:80%;min-width:236px ;	}

.ntb-tb-view td .info li.file_th2{	width:80px;		}
.ntb-tb-view td .info li.file_td2{	width:88%;min-width:217px ;	 }
.ntb-tb-view .con{	text-align:left;word-break:break-all;padding:20px;	}
.goods_td{	display:table;padding-top:5px;	}
.goods_td-img{	display:table-cell;		}
.goods_td-img img{	width:70px;	 	}
.goods_td-tit{	display:table-cell;padding-left:10px;vertical-align:middle;	font-weight:bold;font-size:14px; }

.desCription{	font-size:12px;color:#999;	padding-left:10px;display:inline-block;line-height:18px;word-break:break-all;	}
.con_txt{	width:94%;height:220px;padding:10px; font-size:12px;border:1px solid #ccc;	}


/* online- write */
.online_tbl{	border-top:2px solid #333;	}
.online_tbl > li{	display:table;border-bottom:1px solid #ddd;width:100%;font-size:15px;padding:15px 0;	}
.online_tbl li.top-txt{	text-align:center;	color:#333;background-color:#f4f5f7; }
.online_tbl li div{	display:table-cell;word-break:break-all;		}
.online_tbl li div.tit{	width:150px;padding-left:10px;	}
.onlineCon .btn {  margin: 40px 0;text-align:center; }
.onlineCon .btn a { display:block; border-radius:5px; width:176px; height:40px; line-height:40px; text-align:center; background:#0b509e; border:1px solid #043a77; color:#fff; font-size:15px;margin:0 auto; }
.onlineCon .tit{	font-weight:bold;	}

/*
.online_tbl li.top-txt{	padding:15px 0;}
.online_tbl{	width:100%;	}
.online_tbl li div{display:block;}
.online_tbl li div.tit{	padding-bottom:5px;padding-left:10px;	}
.online_tbl li div.con{	padding-left:20px;	}
.email3{	display:none;	}
.con_txt{	width:89% !important;;	}
.ntb-tb-view .con img{	width:100%;	}
*/

.onlineCon .btn {  margin: 40px 0;text-align:center; }
.onlineCon .btn a { display:block; border-radius:5px; width:176px; height:40px; line-height:40px; text-align:center; background:#0b509e; border:1px solid #043a77; color:#fff; font-size:15px;margin:0 auto; }
.onlineCon .tit{	font-weight:bold;	}


@media only  screen and (max-width: 320px){
	.online_tbl li.top-txt{	padding:15px 0;}
	.online_tbl{	width:320px;	}
	.online_tbl li div{display:block;}
	.online_tbl li div.tit{	padding-bottom:5px;padding-left:10px;	}
	.online_tbl li div.con{	padding-left:20px;	}
	.email3{	display:none;	}
	.con_txt{	width:83%;	}
	.ntb-tb-view .con img{	width:100%;	}


	/* point */
	.od_cart th{		font-size:12px !important;	 }
	.od_cart td{		padding:10px 2px !important;font-size:13px !important;	 }
	.od_cart td.subject{	 padding-left:10px !important;	}

	/* wishlist */
	.cart-list th{	font-size:13px;padding:10px 0px !important;	}
	.cart-list td span{	padding:5px 0px;	}
	.btnr{		margin-top:30px;}
}

@media all and (min-width:321px) and (max-width:480px) {
	.online_tbl li.top-txt{	padding:15px 0;}
	.online_tbl{	width:100%;	}
	.online_tbl li div{display:block;}
	.online_tbl li div.tit{	padding-bottom:5px;padding-left:10px;	}
	.online_tbl li div.con{	padding-left:20px;	}
	.email3{	display:none;	}
	.con_txt{	width:89% !important;;	}
	.ntb-tb-view .con img{	width:100%;	}

	/* point */
	.od_cart th{		font-size:13px !important;	 }
	.od_cart td{		padding:10px 2px !important;font-size:13px !important;	 }
	.od_cart td.subject{	 padding-left:10px !important;	}
	.btnr{		margin-top:30px;}
}

@media all and (min-width:481px) and (max-width:767px) {
	/* online- write */
	.online_tbl li div.tit{	padding-left:10px;	}
	.email3{	display:none;	}
	.od_cart td .thum-img{	width:70px;float:left;	}
	.od_cart td dl{	width:calc(100% - 75px);float:left;	}
}

@media all and (min-width:768px) {

	.od_cart td .thum-img{	width:70px;float:left;	}
	.od_cart td dl{	width:calc(100% - 75px);float:left;	}
}


/* event - list */
.bbs-event{	margin-top:50px;border-top:2px solid #236bbc;	}
.bbs-event li{	display:table;width:100%;border-bottom:1px solid #dedede;padding:0;	}
.bbs-event li > div{	display:table-cell;text-align:center;vertical-align:top;	}
.event-img{	width:280px;padding:15px;	}
.event-img img{	width:280px;height:140px;border:1px solid #ddd;	}

.bbs-event li div.event-con{	padding:15px;display:block;height:117px;overflow:hidden;	}
.event-con .tit{	font-size:17px;font-weight:bold;text-align:left;line-height:40px;	}
.event-con .period{	font-size:13px;font-weight:bold;text-align:left;	}
.event-con .con{	font-size:13px;text-align:left;padding-top:10px;	}
.bbs-event li.no-data{	font-size:17px;text-align:center;	}



/* article */
.bbs-article{		border-top:	2px solid #236bbc;display:block;	}
.bbs-article li{	display:table;width:100%;padding:0px;border-bottom:1px solid #ccc;	}
.bbs-article li div{	display:table-cell;vertical-align:top;padding:20px;}
.bbs-article li div.thum-img{	width:200px;height:140px;	}
.bbs-article li div.thum-img img{	width:198px;height:138px;border:1px solid #dedede;	}
.bbs-article li div.cont{	padding-left:10px;display:block;height:120px;overflow:hidden;	}
.bbs-article li div p.tit{		font-size:16px;font-weight:bold;padding-bottom:0.625em;}
.bbs-article li div.cont p.con{	word-break:break-all;padding-top:10px;	}




/* comment */
.bbs-cmtWrite{	display:block;	text-align:left;}
.bbs-cmtWrite > div{	display:inline-block;	}
.bbs-cmtWrite > div.td1{	width:230px;}
.bbs-cmtWrite > div.td2{	width:230px;	}
.bbs-cmtWrite > div.td3{	width:307px;	}
.bbs-cmtWrite .captcha11{	vertical-align:top;line-height:35px;		}
.bbs-cmtWrite .captcha12{	vertical-align:-22px;		}
.bbs-cmtWrite > div input{	border:1px solid #d7d7d7; height:30px; font-size:13px; width:120px; text-indent:5px;	}
.bbs-cmtWrite > div span{	display:inline-block; 	}
.bbs-cmtWrite > div span.tit{	width:64px;	}
.comment-btn a{	margin:0 auto;	margin-top:10px;display:block;font-size:16px; color:#fff; width:116px; height:43px; line-height:43px; text-align:center; border:1px solid #dc7a17; background:#f99531; 	}
.captcha13 input{	width:93px !important;	}

/* view */
.ntb-tb-view-reply th{	width:120px !important;	}
.ntb-tb-view-reply td{	word-break:break-all;	}


/* recruit */
.col_name1{	}
.col_name2{	display:none !important;}





/* 휴대폰 등록 */
.phone-order-thumb{		}
.phone-order-thumb .phone-thumb-img{	width:90px;float:left;padding-right:20px;	}
.phone-order-thumb .phone-thumb-img img{	width:90px;height:90px;border:1px solid #ddd;		}

/* 게시판 리스트 */
#empTable { border-top:2px solid #333;width:100%; font-size:15px;}
#empTable th { background:#f4f5f7; border-bottom:1px solid #d7d7d7; line-height:3.333;font-size:14px  }
#empTable td { border-bottom:1px solid #d7d7d7; text-align:center; padding: 16px 0 13px 0; }
#empTable td.point { font-weight:bold; color:#2591c3; }
#empTable td.left { text-align:left; padding-left:20px; }
#empTable td.left a { color:#999; }
#empTable td:hover{text-decoration:none;transition:all 0.5s, color 0.2s 0.2s;}


/* 아티스트 */
.artist{	width:100%;padding-bottom:50px;	}
.artist_top{	border-bottom:1px solid #ddd;height:47px;	}
.artist_name{	position:relative;width:160px;float:left;		}
.artist_sel{		width:152px;height:48px;line-height:47px;font-size:18px;text-align:center;padding-right:8px;font-weight:bold;cursor:pointer;background:url('/common/artist/images/artist_box.gif') left top no-repeat;display:inline-block;position:relative;	}
.artist_sel .btn{	position:absolute;right:10px;	}
.artist_list{	display:none;width:130px;border:1px solid #ddd;position:absolute;top:47px;left:0px;padding:5px 0 7px 13px;background-color:#f9f9f9;z-index:555;font-size:15px;text-align:center;padding-right:14px;	}
.artist_list li{	padding:5px 0px;	 }
.artist_eng{	float:left;width:400px;font-size:24px;font-weight:bold;color:#c1c1c1;height:47px;line-height:47px;padding-left:20px;	}
.artist_menu{	margin:0;padding:0;width:201px;float:right;margin-top:15px;}
.artist_menu li{	float:left;	padding:5px 13px;font-weight:800;font-size:12px;color:#454545;cursor:pointer;	}
.artist_menu li.on{	color:#f25416	}
.lh-21{	line-height:21px;	}
.artist_content{		margin-top:50px;}
.artist_con{	display:none;	}
.artist_con .imgBox{	float:left;width:500px;height:750px;	}
.artist_con .imgBox img {	max-width:480px;box-shadow:18px 22px 20px rgba(0,0,0,0.15);-moz-box-shadow:18px 22px 20px rgba(0,0,0,0.15);-ms-box-shadow:18px 22px 20px rgba(0,0,0,0.15);-webkit-box-shadow:18px 22px 20px rgba(0,0,0,0.15);	}
.artist_con .conBox{		float:left;margin-left:30px;width:415px;margin-top:10px;	}
.artist_con .conBox dl{	padding:0;margin:0;	}
.artist_con .conBox dl dt{	padding:0;margin:0;float:left;width:95px;font-weight:bold;line-height:37px;	}
.artist_con .conBox dl dd{	padding:0;margin:0;float:left;width:315px;line-height:37px;min-height:37px;	}
#artist_photo_wrap{		width:100%;	}
ul.artist_photoBox{		margin:0;padding:0;	}
ul.artist_photoBox li{	float:left;width:316px;height:452px;position:relative;	}
ul.artist_photoBox li img{	width:316px;height:452px;	}

ul.artist_photoBox li .ov{	background-color:#000;z-index:999;position:absolute;top:0;width:316px;height:452px;color:#fff;text-align:center;opacity:0;filter:alpha(opacity=0);	}
ul.artist_photoBox li .ov span{		display:inline-block;margin-top:300px;font-weight:bold;font-size:15px;	}

#artist_video_wrap{		width:100%;	}
ul.artist_videoBox{		margin:0;padding:0;	}
ul.artist_videoBox li{	float:left;width:316px;height:210px;position:relative;	}
ul.artist_videoBox li img{	width:316px;height:210px;	}
ul.artist_videoBox li .ov{	background-color:#000;z-index:999;position:absolute;top:0;width:316px;height:210px;color:#fff;text-align:center;opacity:0;filter:alpha(opacity=0);	}
ul.artist_videoBox li .ov span{		display:inline-block;margin-top:130px;font-weight:bold;font-size:15px;	}
ul.artist_videoBox li .ov2{	background-color:#000;z-index:999;position:absolute;top:0;width:316px;height:210px;color:#fff;text-align:center;opacity:0.6;filter:alpha(opacity=0.6);	}
.video_sorce{	margin-bottom:20px;text-align:center;	}
.video_sorce_tit{		font-size:18px;line-height:40px;text-align:center;	margin-bottom:40px;}






/* 회사연혁 */
.history dl{border-bottom:1px solid #d7d7d7;padding:60px 0px 60px 0;}
.history dl.first{padding:0px 0px 60px 0;}
.history dl>dt{float:left;font-size:65px;line-height:65px;font-family:'Nanum Gothic';font-weight:800;color:#b3b3b3;padding-bottom:50px;}
.history dl>dd{margin-left:230px;color:#333;padding-bottom:27px;	}
.history dl>dd.top_tit{font-size:33px;line-height:33px;margin-bottom:20px;}
.history dl>dd>ul>li{font-size:15px;color:#666;line-height:26px;}
.history dl>dd>ul>li b{padding-right:10px;}



/* 게시판 영역 레이아웃 */
.ntb-area {position:relative; z-index:0; margin:0 auto;}
.ntb-top-area {text-align:right; padding:10px 0 10px 0;}
.ntb-listbtn-area {text-align:right; padding:20px 0 10px 0;}
.ntb-paging-area {text-align:center; padding:10px 0 10px 0;}
.ntb-search-area {text-align:center; padding:10px 0 10px 0;}
.ntb-password-area {text-align:center; padding:100px 0 200px 0;}

/* 일반게시판 리스트 */
.ntb-tb {border-top:2px solid #808080;}
.ntb-tb caption {visibility:hidden;}
.ntb-tb th {border-bottom: 1px solid #ddd; height:35px; background-color:#f6f6f6; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#333; line-height:18px;}
.ntb-tb td {border-bottom:1px solid #ddd; height:35px; text-align:center; vertical-align:middle; line-height:18px; word-break:break-all;}
.ntb-tb .left {text-align:left; padding-left:10px;}
.ntb-tb .right {text-align:right; padding-left:10px;}
.ntb-tb .r_none {border-right:none;}
.ntb-tb .font_category {font-weight:bold; color:#0080d3; font-size: 11px;}
.ntb-tb .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.ntb-tb .font_search {font-weight:bold; color:#CC3300}

/* 일반게시판 뷰, 쓰기 */
.ntb-tb-view {border-top:2px solid #333; padding:0; margin-top:10px; margin-bottom:30px; margin:0 auto;font-size:15px;}
.ntb-tb-view caption {visibility:hidden;}
.ntb-tb-view th {border-bottom: 1px solid #ddd;background-color:#f6f6f6; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#333; line-height:3.333;}
.ntb-tb-view td {border-bottom:1px solid #ddd;padding: 16px 0 13px 0;text-align:center; vertical-align:middle; line-height:18px;}
.ntb-tb-view td.con table{	width:inherit !important;	}
.ntb-tb-view td.con iframe{	width:100% !important;height:auto;	}
.ntb-tb-view .left {text-align:left; padding-left:10px;}
.ntb-tb-view .right {text-align:right; padding-left:10px;}
.ntb-tb-view .r_none {border-right:none;}
.ntb-tb-view .b_none {border-bottom:none;}
.ntb-tb-view .font_ip {font-size:8pt; color:#aaa;}
.ntb-tb-view .font_comcnt {color:#d33;}
.ntb-tb-view .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.ntb-tb-view .content-area {text-align:left; vertical-align:top; padding:10px; word-break:break-all;}
.ntb-tb-view .content-area img{ max-width:95%; }
.ntb-tb-view .sns-area {width:100%; text-align:right; padding-top:10px}
.ntb-tb-view .ip-area {width:100%; text-align:right;}
.ntb-tb-view-btn {position: relative; text-align:left; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-btn .btnr {position:absolute; right:0; top:0;}
.ntb-tb-view-comment {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-prevnext {position: relative; margin-top:10px; margin-bottom:30px;}




/* bbs - coment */
#cmtBox { width:100%; margin-top:50px; overflow:hidden; }
#cmtBox dl { border-top:2px solid #333; }
#cmtBox dl dt { background:#f9f9f9; height:50px; line-height:50px; text-indent:18px; color:#333; font-size:16px; }
#cmtBox dl dt em { color:#f99531; }
#cmtBox dl dd { font-size:14px; border-bottom:1px solid #d7d7d7; overflow:hidden; padding:15px 0 30px; }
#cmtBox dl dd p { color:#333; margin-left:18px; }
#cmtBox dl dd p span { color:#999; margin-left:6px; }
#cmtBox dl dd p span.first{ margin-left:10px; } 
#cmtBox dl dd div { width:1020px; margin:20px 0 0 18px; overflow:hidden; line-height:21px; }



/* FAQ */
.faqUl { margin-top:0px; width:100%; border-top:2px solid #236bbc; }
.faqUl li { width:100%; overflow:hidden; border-bottom:1px solid #d7d7d7; font-size:16px; line-height:26px; cursor:default; }
.faqUl li label { width:100%; overflow:hidden; display:block;  padding:18px 0;cursor:pointer;  }
.faqUl li div { display:none;  padding:18px 0; border-top:1px solid #d7d7d7; overflow:hidden;   }
.faqUl li.on label { color:#333; background:#f3f9ff;  }
.faqUl li label span.tit, .faqUl li p span.tit, .faqUl li div span.tit { display:block; float:left; color:#236bbc; padding-left:20px;	}
.faqUl li label span.txt, .faqUl li p span.txt, .faqUl li div span.txt { display:block; float:left; padding-left:7px;width:85% }


/*이벤트*/
/*
#tabsholderR02 {   overflow:hidden; }
#tabsholderR02 > ul { width:100%; overflow:hidden; letter-spacing:-0.02em; }
#tabsholderR02 > ul li { cursor:pointer; float:left; width:235px; height:54px; line-height:54px; text-align:center; font-size:17px; border-top:1px solid #d7d7d7;  border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#eee;  }
#tabsholderR02 > ul li:first-child { border-left:none; width:234px; }
#tabsholderR02 > ul li.current { background:#fff; border-bottom:1px solid #fff; color:#236bbc; font-weight:bold; }
#tabsholderR02 > ul li.current a {color:#236bbc; font-weight:bold; }
#tabsholderR02 > ul li#tab3 { float:left; background-color:#FFF;width:479px;border-top:1px solid #FFF;cursor:default;; }
*/

#tabsholderR02 {   overflow:hidden; }
#tabsholderR02 > ul { width:100%; overflow:hidden; letter-spacing:-0.02em; }
#tabsholderR02 > ul li { cursor:pointer; float:left; width:22%;height:54px; line-height:54px; text-align:center; font-size:17px; border-top:1px solid #d7d7d7;  border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#eee;  }
#tabsholderR02 > ul li:first-child { border-left:none; width:22%; }
#tabsholderR02 > ul li.current { background:#fff; border-bottom:1px solid #fff; color:#236bbc; font-weight:bold; }
#tabsholderR02 > ul li.current a {color:#236bbc; font-weight:bold; }
#tabsholderR02 > ul li#tab3 { float:left; background-color:#FFF;width:55%;border-top:1px solid #FFF;cursor:default;; }




.event_tbl{	border:none !important;border-top:1px solid #ddd !important;	 margin-top:30px;}
.event_tbl td.no_data{	font-size:16px;height:80px;text-align:center;	}
.event_tbl .event_Box{	border-bottom:1px solid #ddd;padding-bottom:12px;border-top:2px solid #236bbc;	}
.event_tbl .event_Box>ul{	padding:0;margin:0;padding:10px;}
.event_tbl .event_Box ul li{	padding:0;margin:0;float:left;	}
.event_tbl .event_Box ul li.event1{	width:50px;vertical-align:middle;	}
.event_tbl .event_Box ul li.event2{	width:300px;height:140px;text-align:left;line-height:150px;padding-left:5px;}
.event_tbl .event_Box ul li.event2 div{	width:280px;height:140px;text-align:center;line-height:150px;}
.event_tbl .event_Box ul li.event2 img{	width:280px;height:140px;line-height:140px;border:1px solid #ddd;}
.event_tbl .event_Box ul li.event3{	text-align:left;width:65%;max-height:140px;overflow:hidden;}
.event_tbl .event_Box ul li.event3 .event_con{	margin:0;padding:0;	}	
.event_tbl .event_Box ul li.event3 .event_con li{	margin:0;padding:0;	display:block;width:100%; 	}	
.event_tbl .event_Box ul li.event3 .event_con li.event_subject {		height:35px;padding-top:15px;	}
.event_tbl .event_Box ul li.event3 .event_con li.event_subject a{		font-size:16px;font-weight:bold;	}
.event_tbl .event_Box ul li.event3 .event_con li.event_content{		padding-top:15px;word-break:break-all;overflow:hidden;	}
.event_tbl .event_Box ul li.event3 .event_con li.event_content a{		font-size:12px;	}




.new_event_tbl{		margin-top:30px;border-top:2px solid #236bbc;border-bottom:1px solid #ccc;	 }
.new_event_tbl ul{	border-top:1px solid #ddd;	}
.new_event_tbl ul li{	float:left;height:135px;padding:15px;	}
.new_event_tbl ul li.event1{	width:285px;text-align:center;	}
.new_event_tbl ul li.event1 img{	width:280px;height:130px;border:1px solid #ddd;	}
.new_event_tbl ul li.event2{	width:605px;		}
.new_event_tbl ul li.event2 p.tit a{	font-size:17px;font-weight:600;line-height:31px;	}
.new_event_tbl ul li.event2 p.date a{	font-size:13px;font-weight:600;line-height:31px;	}
.new_event_tbl ul li.event2 p.cont {	padding-top:5px;height:65px;overflow:hidden;	}
.new_event_tbl ul li.event2 p.cont a{	font-size:13px;	}
.no-data{	text-align:center;line-height:150px;font-size:15px;	}




/*기사형*/
.list_article_tbl{	border:none !important;border-top:2px solid #236bbc !important;	}	
.list_article_tbl td.no_data{ height:80px;text-align:center;font-size:16px; }
.list_article_tbl .article_Box{	border-bottom:1px solid #ddd;padding-bottom:12px;	}
.list_article_tbl .article_Box>ul{	padding:0;margin:0;padding:10px;}
.list_article_tbl .article_Box ul li{	padding:0;margin:0;float:left;	}
.list_article_tbl .article_Box ul li.article1{	width:50px;vertical-align:middle;	}
.list_article_tbl .article_Box ul li.article2{	width:170px;height:140px;text-align:left;line-height:150px;}
.list_article_tbl .article_Box ul li.article2 div{	width:180px;height:140px;text-align:center;line-height:150px;}
.list_article_tbl .article_Box ul li.article2 img{	width:140px;height:140px;line-height:140px;border:1px solid #ddd;}
.list_article_tbl .article_Box ul li.article3{	text-align:left;width:84%;*width:69%;max-height:140px;overflow:hidden;}
.list_article_tbl .article_Box ul li.article3 .articl_con{	margin:0;padding:0;	}	
.list_article_tbl .article_Box ul li.article3 .articl_con li{	margin:0;padding:0;	display:block;width:100%; 	}	
.list_article_tbl .article_Box ul li.article3 .articl_con li.articl_subject {		height:35px;padding-top:12px;	}
.list_article_tbl .article_Box ul li.article3 .articl_con li.articl_subject a{		font-size:16px;font-weight:bold;	}
.list_article_tbl .article_Box ul li.article3 .articl_con li.articl_content{		word-break:break-all;overflow:hidden;height:57px;	}
.list_article_tbl .article_Box ul li.article3 .articl_con li.articl_content a{		font-size:12px;	}
.list_article_tbl .article_Box ul li.article3 .articl_con li.articl_regdate{		padding-top:10px;}



/*기사형*/
.article{border-top:2px solid #333; }
.article ul{	margin:0;padding:0;}
.article ul li{	border-bottom:1px solid #ddd;padding:10px 0;	}
.article ul li:hover{background:#fbfbfb;transition:all 0.5s, color 0.2s 0.2s;}
.article_tbl td.article_img img{		width:200px;max-height:240px;border:1px solid #ddd;	}
.article_tbl td.article_con{		padding:0px 25px;vertical-align:top;	}
.article_con .tit{		height:35px;font-size:16px;font-weight:bold;line-height:35px;padding-top:10px;	}
.article_con .date{	height:23px;line-height:23px;	}
.article_con .con{	padding-top:15px;line-height:19px;height:80px;max-height:155px;overflow:hidden;word-break:break-all;	}


.no-data{	border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;line-height:120px;;	}


/* gallery 1 */
.gall_wrap1{	width:100%;border-bottom:1px solid #ddd;	 	}
.gall_Box1{		width:950px;margin:0px;padding:0;	}
.gall_Box1 li{	float:left;width:165px;padding:15px 30px 50px 0;	}
.gall_Box1 li.last_non{	padding-right:0px;	}
.gall_Box1 li .thum_img{	text-align:center;	width:163px;height:120px;line-height:120px;}
.gall_Box1 li .thum_img img{	width:100%;max-width:163px; text-align:center;max-height:120px;border:1px solid #ddd;	}
.gall_txt1{	padding-top:5px;	}
.gall_txt1 p{	height:27px;line-height:27px;	}
.gall_txt1 .name_date{	position:relative;	}
.gall_txt1 .name_date span{	position:absolute;right:0;	}
.gall_Box1 .no_data{	width:100%;text-align:center;	}




/* gallery2 */
.gall_wrap2{	width:100%;border-bottom:1px solid #ddd;	 	}
.gall_Box2{		width:950px;margin:0px;padding:0;	}
.gall_Box2 li{	float:left;width:290px;padding:15px 37px 50px 0;	}
.gall_Box2 li.last_non{	padding-right:0px;	}
.gall_Box2 li .thum_img{	text-align:center;	width:290px;height:290px;line-height:290px;	}
.gall_Box2 li .thum_img img{	width:290px;height:290px; text-align:center;border:1px solid #ddd;	}
.gall_txt2{	padding-top:10px;	}
.gall_txt2 .tit{	font-size:16px;height:28px;overflow:hidden;	}
.gall_txt2 .con2{	padding-top:5px;height:60px;overflow:hidden;	}
.gall_Box2 .no_data{	width:100%;text-align:center;	}




/* gallery3 */
.gall_wrap3{	width:100%;border-bottom:1px solid #ddd;	 	}
.gall_Box3{		width:950px;margin:0px;padding:0;	}
.gall_Box3 li{	float:left;width:277px;padding:15px 55px 50px 0;position:relative;overflow:hidden;	 	}
.gall_Box3 li.last_non{	padding-right:0px;	}
.gall_Box3 li .thum_img{	text-align:center;	width:277px;height:277px;line-height:277px;	}
.gall_Box3 li .read_more{	opacity:0.0;filter:alpha(opacity=0);position:absolute;left:0;top:15px;background:url(/common/images/board/over_bg.png) repeat;width:277px;height:277px;text-align:center;line-height:277px;color:#fff;	}
.gall_Box3 li .t_img img{	width:277px;height:277px; text-align:center;border:1px solid #ddd;	}
.gall_Box3 li .t_img img:hover{	position:absolute;background-color:#000;width:277px;height:277px;line-height:277px;color:#fff;text-align:center;	opacity:0.8;zoom:1;	}
.gall_txt3{	padding-top:10px;text-align:center;font-size:16px;height:28px;overflow:hidden;	}
.gall_Box3 .no_data{	width:100%;text-align:center;	}


/* gallery response */
.gall_resp1{	width:100%;border-bottom:1px solid #ddd;	}
.gall_Box_resp1{width:100%;margin:0;padding:0;	 }
.gall_Box_resp1 li{	float:left;width:165px;padding:15px 20px 35px 20px;}
.gall_Box_resp1 li .thum_img{	text-align:center;	width:163px;height:120px;line-height:120px;margin: 0 auto;}
.gall_Box_resp1 li .thum_img img{	width:100%;max-width:163px; text-align:center;height:120px;border:1px solid #ddd;	}
.gall_txt1{	padding-top:5px;	}
.gall_txt1 p{	height:27px;line-height:27px;	}
.gall_txt1 .name_date{	position:relative;	}
.gall_txt1 .name_date span{	position:absolute;right:0;	}
.gall_Box1 .no_data{	width:100%;text-align:center;	}



	/* 동영상 */
.dong_wrap{	width:100%;border-bottom:1px solid #ddd;		}
.dong_Box{		width:950px;margin:0px;padding:0;	}
.dong_Box li{	float:left;width:200px;padding:15px 40px 50px 0;position:relative;	}
.dong_Box li.last_non{	padding-right:0px;	}
.dong_txt{	padding-top:5px;	}
.dong_txt p{	height:27px;line-height:27px;	}
.dong_txt .tit{	font-size:16px;height:26px;overflow:hidden;	}
.dong_txt .name_date{	position:relative;	}
.dong_txt .name_date span{	position:absolute;right:0;	}
.dong_Box .no_data{	width:100%;text-align:center;	}


.thumb_dong{		width:200px;height:140px;border:1px solid #ccc;	}
.thumb_dong img{	width:200px;height:140px;	}
.dong_layer{	z-index:3;position:absolute;top:15px;	}
.dong_layer img{	width:200px;height:140px;	}
.dong_Box li .thumb_dong:hover{	opacity:0.7;	}








.od_tit {	width:100%; overflow:hidden; margin-top:50px; letter-spacing:-0.05em;font-weight:bold; color:#333; font-size:16px; }


/* agency-tbl */
.agency-w {	margin-top:30px;	}
.agency-w .tit{	font-size:20px;/*font-weight:bold;*/line-height:30px; color:#ff5757;	}
.agency-w .agency-tbl { border-top:2px solid #333; border-left:1px solid #d7d7d7;margin-top:5px; font-size:15px; letter-spacing:-0.025em;margin-bottom:50px; }
.agency-w .agency-tbl th { background:#f4f5f7; color:#333;padding:15px 20px; text-align:center;border-bottom:1px solid #d7d7d7; line-height:22px;}
.agency-w .agency-tbl td { color:#999; border-bottom:1px solid #d7d7d7; text-align:left;padding:5px 10px;  }


/* status-tbl */
.status-w {	margin-top:30px;	}
.status-w .tit{	font-size:17px;font-weight:bold;line-height:30px;		}
.status-w .status-tbl { border-top:2px solid #333; border-left:1px solid #d7d7d7;margin-top:5px; font-size:15px; letter-spacing:-0.025em;margin-bottom:50px; }
.status-w .status-tbl th { background:#f4f5f7; color:#333;padding:15px 7px; text-align:center;border-bottom:1px solid #d7d7d7; line-height:22px;}
.status-w .status-tbl td { color:#999; border-bottom:1px solid #d7d7d7; text-align:left;padding:7px 10px;font-size:14px;  }



/* Store */
.onlineCon > ul { width:100%; overflow:hidden; ; }
.onlineCon > ul li { float:left; background:url(/img/sub/bullet_online.gif) no-repeat 17px 63px; width:240px; }
.onlineCon > ul li:first-child { background:none; width:174px; margin-left:27px; }
.onlineCon > ul li div { width:174px; height:174px; margin-left:66px; text-align:center; overflow:hidden;  }
.onlineCon > ul li.onIcon1 div { background:url(/img/sub/bg_online1.gif) no-repeat; margin-left:0; }
.onlineCon > ul li.onIcon2 div { background:url(/img/sub/bg_online2.gif) no-repeat; }
.onlineCon > ul li.onIcon3 div { background:url(/img/sub/bg_online3.gif) no-repeat; }
.onlineCon > ul li.onIcon4 div { background:url(/img/sub/bg_online4.gif) no-repeat; }
.onlineCon > ul li div p { color:#1d97ca; font-size:16px; letter-spacing:-0.025em; margin-top:114px; line-height:20px;nm }
.onlineCon > ul li.onIcon3 div p, .onlineCon > ul li.onIcon4 div p {  margin-top:107px; }

.onlineCon .txt { border:1px solid #ccc; border-radius:10px; height:120px; overflow-y:auto; padding:10px 15px; }
.onlineCon .txt p { margin:5px 10px; line-height:25px; }
.onlineCon .check { text-align:right; margin-top:7px; color:#999; }
.onlineCon p.att { margin-top:25px; font-size:14px; letter-spacing:-0.025em; font-weight:bold; }
.onlineCon table { border-top:2px solid #333; margin-top:5px; font-size:15px; letter-spacing:-0.025em; }
.onlineCon table tr.title th { background:#f4f5f7; color:#333;padding:15px 20px; text-align:center;border-bottom:1px solid #d7d7d7;  }
.onlineCon table th { border-bottom:1px solid #d7d7d7; text-align:left;padding:15px 20px;line-height:22px;}
.onlineCon table td { color:#999; border-bottom:1px solid #d7d7d7; text-align:left;  }
input.grayTxt { color:#999; font-family:"Malgun Gothic"; font-size:14px; border:1px solid #d7d7d7; height:25px; line-height:21px; padding:0 5px;border-radius:3px }
textarea.grayArea { color:#999; width:96%; height:173px; font-family:"Malgun Gothic"; font-size:14px; border:1px solid #d7d7d7; line-height:21px; padding:5px; margin:5px 0;border-radius:3px }
/*
.tipAS { margin-top:18px; overflow:hidden; letter-spacing:-0.025em; }
.tipAS dt { background:url(/img/sub/bullet_arrow_sky.gif) no-repeat 0 5px; padding-left:15px; font-weight:bold; font-size:15px; }
.tipAS dd { font-size:13px; margin:10px 0 0 15px; }
.onlineCon .btn { float:right; margin-top:40px; }
.onlineCon .btn a { display:block; border-radius:5px; width:176px; height:40px; line-height:40px; text-align:center; background:#0b509e; border:1px solid #043a77; color:#fff; font-size:15px; }
*/



.fee-tbl td{	text-align:right;padding-right:10px;	}
/* mypage */
.mypage-w .tit{	font-size:17px;font-weight:bold;line-height:30px;position:relative;	}
.mypage-w .tit .more{	position:absolute;right:0;font-size:12px;font-weight:normal;	}
.mypage-w .tit .small{	font-size:13px;font-weight:normal;line-height:30px;	}
.mypage-w .mypage-tbl { min-width:320px;border-top:2px solid #333; border-left:1px solid #d7d7d7;margin-top:5px; font-size:15px; letter-spacing:-0.025em;margin-bottom:50px; }
.mypage-w .mypage-tbl th { background:#f4f5f7; color:#333;padding:10px 15px; text-align:center;border-bottom:1px solid #d7d7d7; line-height:22px;}
.mypage-w .mypage-tbl td { color:#666;font-weight:bold; border-bottom:1px solid #d7d7d7; text-align:left;padding:10px 10px;  }
.mypage-quick-btn{	margin-top:10px;display:inline-block;width:80px;height:28px;background-color:#236bbc;border-radius:15px;	}
.mypage-quick-btn2{	display:inline-block;width:130px;height:28px;background-color:#236bbc;border-radius:15px;margin:7px 0;	}
.mypage-quick-btn a,.mypage-quick-btn2 a{	color:#fff;font-size:12px;line-height:28px;	}
.top-pink{	color:#e2007a;font-size:27px;font-weight:bold;font-family:"Malgun Gothic";	}



.mypage-step > ul{	border:2px solid #ccc;	margin-bottom:10px;min-width:285px;}
/*.mypage-step > ul > li{	float:left;width:12%;height:65px;	text-align:center;font-size:14px;padding:15px 7px 10px;color:#333; 	}*/
.mypage-step > ul > li{	float:left;width:calc(27.5% - 15%);height:65px;	text-align:center;font-size:14px;padding:15px 7px 10px;color:#333; 	}
/*.mypage-step .step li{	font-size:14px;	 }*/
.mypage-step .step li p.Num{	font-size:30px;color:#e2007a;font-weight:bold;font-family:"Malgun Gothic";padding-top:20px;	 }
.mypage-step .step li.sp{	 width:5%;padding-top:40px; }
.mypage-step .step li.last{	float:right;margin-left:20px;width:280px;padding:0px;}
.mypage-step .cancle	 {	background-color:#F2F2F2;height:100px;	  }
.mypage-step .cancle li{	float:left;width:42%; }
.mypage-step .cancle li.can1{	height:90px;line-height:70px;}
.mypage-step .cancle li.can2{	padding:5px 0 2px;	}
.mypage-step .cancle li.can2 p{	padding:5px;	}
.mypage-step .cancle li strong{	padding-left:10px;	}
.mypage-wish{	border:2px solid #ccc;padding: 10px;	}
.mypage-wish li{	float:left;width:215px;padding:20px 0;text-align:center	}
.mypage-wish li img{	width:170px;height:170px; border:1px solid #ddd;	}
.mypage-wish li div{	padding-top:10px;font-size:13px;font-weight:bold;	}
.mypage-wish li.wish-no-data{	text-align:center;font-size:15px;width:100%;font-weight:bold;	}


/* bbs password */
.bbs_pwd_wrap{	margin:0 auto;	}
.bbs_pwd_wrap ul{	padding:0;margin:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0 auto;width:365px;text-align:center;	}
.bbs_pwd_wrap li{	float:left;	height:60px;line-height:60px;}
.bbs_pwd_wrap li.tit{	font-weight:bold;font-size:13px;width:130px;font-weight:bold;	}

/* bbs - coment */
.coment_wrap{	width:100%;	}
.cmtWrite { width:100%; overflow:hidden;padding-left:10px;  }
.cmtWrite ul { overflow:hidden; font-size:14px; margin:7px 0px;}
.cmtWrite li { float:left; line-height:39px; margin-right:25px; } 
.cmtWrite li input { border:1px solid #d7d7d7; height:37px; line-height:37px; font-size:14px; width:130px; text-indent:5px; }
.cmtWrite div input { border:1px solid #d7d7d7; height:28px; font-size:14px; width:110px; text-indent:5px; }
.cmtWrite textarea { width:95%; height:150px; padding:5px; border:1px solid #d7d7d7; font-size:14px; }
.cmtWrite .txtBox{	padding-left:5px;text-align:left;	}

.txtBox{	text-align:left;display:block !important;padding:10px 5px 5px 10px;	}
.txtBox textarea{	width:95%; height:150px; padding:5px; border:1px solid #d7d7d7; font-size:14px; }
.cmtWrite > a { display:block; float:right; margin:10px 20px 0 0; font-size:16px; color:#fff; width:116px; height:43px; line-height:43px; text-align:center; border:1px solid #dc7a17; background:#f99531;  }
.captcha{	padding:0;margin:0px !important;	}
.captcha li{	padding:0;margin:0;float:left;line-height:31px;	}


.bbs_captchar{	padding:0;margin:0;	}
.bbs_captchar li{	padding:0;margin:0;float:left;height:40px;line-height:40px;	}
.bbs_captchar li.bbs_captchar_li1{	width:145px;	}



/*
.coment_Box{	margin:0;padding:0;			}
.coment_Box li{	margin:0;padding:0;float:left;		}
*/
.coment1{	width:155px;padding-top:10px !important;text-align:left; 	}
.coment2{	width:98%;padding:5px !important;text-align:left;	}
.co_box{	height:31px;	}
.co_tit{ display:inline-block;width:60px;font-weight:bold;padding-left:10px;}
.coment_txt{	width:76%;height:50px;vertical-align:middle;	}

.img_btnBlue{	display:inline-block;background-color:rgb(123, 136, 203);padding:0 10px;color:#FFF;border-radius:3px;	}

.ca_tit{	display:inline-block;font-size:15px;padding:2px 5px;	}


.bdb{	border-bottom:1px solid #ddd;	}
.bdr{	border-right:1px solid #ddd;	}


/* 인증서현황 */
.cer_wrap{		width:100%;border-bottom:1px solid #ddd;	 	}
.cer_Box{		width:930px;margin:0px;padding:0;	}
.cer_Box li{	float:left;width:200px;height:364px;padding:15px 30px 30px 0;	 	}
.cer_Box li.last_non{	padding-right:0px;	}
.cer_Box li .thum_img{	text-align:center;	width:200px;height:275px;line-height:275px;}
.cer_Box li .thum_img img{	width:100%;max-width:200px; text-align:center;max-height:275px;border:1px solid #ddd;	}
.cer_txt{	padding-top:5px;height:27px;text-align:center;	}
.cer_txt .no_data{	width:100%;text-align:center;	}
.join-wrap {	font-size:15px;line-height:22px;		}
.join-wrap .tit{	font-size:18px;font-weight:600;padding:40px 0 15px;	}

/* 채용공고 */
.gubunBtn1{	background-color:#999;color:#fff;font-size:11px;padding:3px 5px 1px;	}
.gubunBtn2{	background-color:#009DCE;color:#fff;font-size:11px;padding:3px 5px 1px;	}
.gubunBtn3{	background-color:#ff1268;color:#fff;font-size:11px;padding:3px 5px 1px;	}


/* partners */
.partners_Box{	width:950px;margin:0;padding:0;	}
.partners_Box li{	float:left;border:1px solid #ccc;width:150px;margin:10px 20px 35px 15px;text-align:center;	 }
.partners_Box li img{	max-width:150px;	}



/* 제품리스트 */
.product_wrap{	margin-top:30px;	 	}
.product_wrap .no_data{	font-size:16px;text-align:center;line-height:150px;	}





/*페이징*/
.page{padding-bottom:40px;position:relative;margin-top:30px}
.page ul{text-align:center;}
.page ul li{display:inline;}
.page ul li a{display:inline-block;zoom:1;*display:inline;color:#808080;border:1px solid #dbdbdb;padding:5px 8px}
.page ul li a:hover, .page ul li.on a{display:inline-block;zoom:1;*display:inline;color:#fff;border:1px solid #676767;background:#676767;}

/* 팝업 */
.pop-wrap {position:absolute; padding:10px; background:#fff; border:1px solid #aaa; display:none}
.pop-bottom {padding:7px; background:#000; overflow:hidden;}
.pop-bottom .pb-left{float:left; color:#ddd}
.pop-bottom .pb-right{float:right; color:#ddd}


.ls3{	letter-spacing:-3px !important;	}

.pd0{	padding:0px !important;	}
.pd0-5{	padding:0px 5px !important;	}
.pd0-13{	padding:0px 13px !important;	}
.pd3{	padding:3px !important;	}
.pd7-10{	padding:7px 10px !important;	}


.d-n{	display:none !important;	}

.taL{	text-align:left !important;	}
.taC{	text-align:center !important;	}
.taR{	text-align:right !important;	}

.d-n{	display:none !important;	}
.f-L{	float:left	!important;	}
.f-R{	float:right	!important;	}
.d-iB{	display:inline-block !important;	}
.d-B{	display:block;	}
.d-i{	display:inline;	}
.b-n{	border:none !important;	}
.w5p{	width:5%;min-width:33px;max-width:50px;	}
.w7p{	width:7%;min-width:40px;max-width:55px;	}
.w10p{	width:10%;min-width:50px;max-width:100px;	}
.w15p{	width:15%;min-width:75px;max-width:150px;	}
.w20p{	width:20%;min-width:100px;max-width:200px;	}
.w25p{	width:25%;min-width:107px;max-width:270px;	}
.w30p{	width:30%;min-width:120px;max-width:300px;	}
.w40p{	width:40%;min-width:120px;max-width:400px;		}
.w45p{	width:45%;min-width:142px;max-width:430px;		}
.w50p{	width:50%;min-width:153px;max-width:450px;	}
.w60p{	width:60%;min-width:180px;max-width:500px;	}
.w70p{	width:70%;min-width:180px;max-width:600px;	}
.w80p{	width:80%;min-width:180px;max-width:700px;	}
.w90p{	width:90%;min-width:180px;max-width:700px;	}
.w100p{	width:100%;min-width:180px;	}
.w140{	width:140px;	}
.w435{	width:435px;	}





/* 적용css */
/* inv_tab */
ul.inv_tab{overflow:hidden;}
ul.inv_tab li{
	display:block; float:left;
	cursor:pointer;
	height:30px; min-width:160px;
	padding:0px 10px;
	margin:2px 2px 0px 0px;
	border:1px solid #b9babc;
	border-radius:2px;
	font-size:13px; color:#fff; font-weight:700; line-height:30px; text-align:center;
	text-decoration:none;
	background:#e5e5e5;
	outline:none;
}
ul.inv_tab li a{color:#656565;text-}
ul.inv_tab li.on a{color:#3e454d;}
ul.inv_tab li:last-child{margin-right:0}
ul.inv_tab li.on{
	background:#fff;
	border:1px solid #b9babc;
}
.inv_section{margin-top:70px;}
.inv_tit{font-size:20px;color:#292b2c;margin:15px 0}
.inv_tit .inv_date{font-size:13px;color:#8a9096;padding-left:10px;}
div.now{position:relative;font-size:16px;color:#292b2c;background:#f8f8f8;border:1px solid #d7d7d7;border-bottom:none;padding:26px;}
div.now span{font-size:30px;color:#3366cc}
div.now em{font-size:13px;color:#8a9096;position:absolute;right:30px;top:43%;}
table.inv_tb{border-top:2px solid #b2b9c0;border-bottom:2px solid #b2b9c0;font-size:13px;}
table.inv_tb th{padding:7px;color:#484b4d;background:#fafafa;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
table.inv_tb td{padding:7px 10px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;text-align:center;}
table.inv_tb .br_none{border-right:none;}
table.inv_tb .bg_red{background:#ffe7e7;}
table.inv_tb .bg_yellow{background:#fff3e7;}
table.inv_tb .bg_blue{background:#e7f1ff;}
table.inv_tb .bg_skyblue{background:#e7fbff;}




.h62{		height:62px !important;	}
.h100{	height:100px !important;	}
.h200{	height:200px !important;	}
.h250{	height:250px !important;	}
.h208{	height:208px !important;	}
.h300{	height:300px !important;	}


/* padding */
.pd0{		padding:0px !important;	}
.pd3{		padding:3px !important;	}
.pd5{		padding:5px !important;	}
.pd7{		padding:7px !important;	}
.pd10{	padding:10px !important;	}
.pd18{	padding:18px !important;	}
.pd20{	padding:20px !important;	}
.pd30{	padding:30px !important;	}
.pd40{	padding:40px !important;	}
.pd50{	padding:50px !important;	}
.pd60{	padding:60px !important;	}
.pd70{	padding:70px !important;	}
.pd80{	padding:80px !important;	}
.pd90{	padding:90px !important;	}
.pd100{	padding:100px !important;	}

.pd3-0{	padding:3px 0px !important;	}
.pd5-7{padding:5px 7px !important;	}
.pd5-15{padding:5px 15px !important;	}

.pdL5{	padding-left:5px !important;	}
.pdL10{	padding-left:10px !important;	}
.pdL17{	padding-left:17px !important;	}
.pdL20{	padding-left:20px !important;	}
.pdL30{	padding-left:30px !important;	}
.pdL40{	padding-left:40px !important;	}
.pdL50{	padding-left:50px !important;	}
.pdL55{	padding-left:55px !important;	}
.pdL60{	padding-left:60px !important;	}
.pdL70{	padding-left:70px !important;	}
.pdL80{	padding-left:80px !important;	}
.pdL85{	padding-left:85px !important;	}
.pdL90{	padding-left:90px !important;	}
.pdL100{	padding-left:100px !important;	}
.pdL115{	padding-left:115px !important;	}

.pdR0{	padding-right:0px !important;	}
.pdR10{	padding-right:10px !important;	}
.pdR15{	padding-right:15px !important;	}
.pdR20{	padding-right:20px !important;	}
.pdR30{	padding-right:30px !important;	}
.pdR40{	padding-right:40px !important;	}
.pdR50{	padding-right:50px !important;	}
.pdR60{	padding-right:60px !important;	}
.pdR70{	padding-right:70px !important;	}
.pdR80{	padding-right:80px !important;	}
.pdR90{	padding-right:90px !important;	}
.pdR100{	padding-right:100px !important;	}

.pdT0{	padding-top:0px !important;	}
.pdT5{	padding-top:5px !important;	}
.pdT7{	padding-top:7px !important;	}
.pdT10{	padding-top:10px !important;	}
.pdT15{	padding-top:15px !important;	}
.pdT20{	padding-top:20px !important;	}
.pdT30{	padding-top:30px !important;	}
.pdT40{	padding-top:40px !important;	}
.pdT50{	padding-top:50px !important;	}
.pdT60{	padding-top:60px !important;	}
.pdT70{	padding-top:70px !important;	}
.pdT80{	padding-top:80px !important;	}
.pdT90{	padding-top:90px !important;	}
.pdT100{	padding-top:100px !important;	}

.pdB5{	padding-bottom:5px !important;	}
.pdB10{	padding-bottom:10px !important;	}
.pdB15{	padding-bottom:15px !important;	}
.pdB20{	padding-bottom:20px !important;	}
.pdB30{	padding-bottom:30px !important;	}
.pdB40{	padding-bottom:40px !important;	}
.pdB50{	padding-bottom:50px !important;	}
.pdB60{	padding-bottom:60px !important;	}
.pdB70{	padding-bottom:70px !important;	}
.pdB80{	padding-bottom:80px !important;	}
.pdB90{	padding-bottom:90px !important;	}
.pdB100{	padding-bottom:100px !important;	}


.mgB20{		margin-bottom:20px !important;	}
.mgB40{		margin-bottom:40px !important;	}
.mgB50{		margin-bottom:50px !important;	}

.desCription{	font-size:11px;color:#999;	padding-left:10px;display:inline-block;	}

.b-n{		border:none !important;	}
.h23{		height:23px !important;		}
.h70{		height:70px !important;		}

.w-b{	word-break:break-all;	}

/* letter-spacing */

/* color */

.btnC-brown{	background:#cbac7b; color:#fff; border:1px solid #cbac7b	}
.btnC-blue{	background: rgb(123, 136, 203); border: 1px solid rgb(123, 136, 203); border-image: none; color: rgb(255, 255, 255);	}
.btnC-blue2{	color:#fff !important;background:#1e73e7 !important;border:1px solid #1e73e7 !important;	}
.btnC-blue3{	color:#fff;background:#1E87AB;border:1px solid #1E87A0	}
.btnC-blue4{	color:#fff;background:#EDF3FB;border:1px solid #EDF3FB	}
.btnC-blue5{	color:#fff;background:#EE87AB;border:1px solid #EE87A0	}
.btnC-blue6{	color:#fff;background:#9083AB;border:1px solid #90839C	}
.btnC-reset{	color:#fff;background:#c4c5c9;border:1px solid #c4c5c9	}
.btnC-green{	color:#fff !important;background:#2C9E0D !important;border:1px solid #2C9E00 !important;	}
.btnC-gray{	color:#fff;background:#526271;border:1px solid #82898f	}


/* join1 */
.provision{background:#f8f8f8;border:1px solid #eaeaea;padding:20px}
.provision .tit{font-size:15px;font-weight:700;#333}
.provision .txt{background:#fff;border:1px solid #eaeaea;line-height:22px;height:130px;overflow-x:hidden;overflow-y:scroll;color:#818181;padding:20px}
.provision .check{color:#333;}
.submit{text-align:center;}
.id_use_no{	padding-left:10px;font-size:11px;color:red;	}
.id_use_yes{	padding-left:10px;font-size:11px;color:blue;	}



/* login */
/**/
.logbox2{		margin:0 auto; width:710px; height:251px; border:1px solid #ddd;	}
.logbox2 .cnt {padding:27px 0 0 83px; position:relative;}
.logbox2 .cnt .ttl {	font-size:18px;font-weight:bold;line-height:45px;	}
.logbox2 .cnt .loginp {margin-top:12px;}
.logbox2 .cnt .loginp:first-child {margin-top:0;}
.logbox2 .cnt .loginp .ipt {margin-top:10px;}
.logbox2 .cnt .loginp .ipt input {width:353px; height:33px; padding:0 0 0 15px; border:1px solid #e2e0e3; font-size:13px; line-height:33px; color:#bcbcbc; position:relative;}
.logbox2 .cnt .loginp .btn_log {width:136px; height:113px; position:absolute; left:489px; top:84px; font-size:17px; line-height:113px; color:#fff; background:#579BD0; font-weight:bold; text-align:center;}
.logbox2 .cnt .logchkA {width:370px; margin-top:8px; overflow:hidden;}
.logbox2 .cnt .logchkA .inputLook {float:left; line-height:14px;}
.logbox2 .cnt .logchkA .forgottxt {float:right;}
.logbox2 .cnt .logchkA .forgottxt a {		font-size:12px; line-height:14px;  font-weight:bold;}
.logbox2 .cnt .logchkA .forgottxt a.red {	color:#b2171c;border-bottom:1px solid #c14c50;	}

	.logbox2{		margin:0 auto; width:300px; height:305px;	}
	.logbox2 .cnt {padding:27px 0 0 0 ;text-align:center;}
	.logbox2 .cnt .ttl {	font-size:18px;font-weight:bold;line-height:45px;	}
	.logbox2 .cnt .loginp {margin-top:12px;}
	.logbox2 .cnt .loginp .ipt input {width:250px; height:33px; padding:0 0 0 15px;		}
	.logbox2 .cnt .loginp a.btn_log {margin:0 auto;margin-top:10px;width:265px; height:50px;position:inherit; display:block !important;  line-height:50px;	}
	.logbox2 .cnt .logchkA {width:100%; margin-top:8px; overflow:hidden;text-align:center;	}
	.logbox2 .cnt .logchkA .forgottxt {float:inherit;text-align:center !important;}



/* idpw */
.idpw_Box{		margin-top:10px; width:710px; height:290px; border:1px solid #ddd;margin:0 auto;	}
.idpw_Box .blue{	color:#579BD0;		}
.idpw_Box .cnt {padding:27px 0 0 83px; position:relative;}
.idpw_Box .cnt .ttl {	font-size:18px;font-weight:bold;line-height:45px;	}
.idpw_Box .cnt .sub_tit {	font-size:12px;line-height:18px;color:#757575;	}
.idpw_Box .cnt .loginp {margin-top:12px;}
.idpw_Box .cnt .loginp:first-child {margin-top:0;}
.idpw_Box .cnt .loginp .ipt {margin-top:7px;}
.idpw_Box .cnt .loginp .ipt input {width:333px; height:33px; padding:0 0 0 15px; border:1px solid #e2e0e3; font-size:13px; line-height:33px; color:#bcbcbc; position:relative;}
.idpw_Box .cnt .loginp .ipt span {	display:inline-block;width:70px;font-size:14px;font-weight:bold;}
.idpw_Box .cnt .loginp .btn_log {width:106px; height:117px; position:absolute; right:80px; top:120px; font-size:17px; line-height:113px; color:#fff; background:#579BD0; font-weight:bold; text-align:center;}
.idpw_Box .cnt .logchkA {width:370px; margin-top:16px; overflow:hidden;}
.idpw_Box .cnt .logchkA .inputLook {float:left; line-height:14px;}
.idpw_Box .cnt .logchkA .forgottxt {float:right;}
.idpw_Box .cnt .logchkA .forgottxt a {		font-size:12px; line-height:14px;  font-weight:bold;}
.idpw_Box .cnt .logchkA .forgottxt a.red {	color:#b2171c;border-bottom:1px solid #c14c50;	}
.result_tit{	padding:12px 0;text-align:left;font-size:15px;line-height:30px;	}
.btn_ok{	text-align:center;	width:100%;padding:10px;}





.mgT0{	margin-top:0px !important;	}
.mgT5{	margin-top:5px !important;	}
.mgT10{	margin-top:10px !important;	}
.mgT20{	margin-top:20px !important;	}
.mgT30{	margin-top:30px !important;	}
.mgT40{	margin-top:40px !important;	}
.mgT50{	margin-top:50px !important;	}

.mgR2{	margin-right:2px !important;	}

.w91{	width:91px !important;	}
.w107{	width:107px !important;	}
.w140{	width:140px !important;	}
.w160{	width:160px !important;	}
.w170{	width:170px !important;	}


.page_Box{	border:1px solid #ddd;padding:20px;word-break:break-all;height:850px;overflow-y:scroll;	}
@media only  screen and (max-width: 320px){
	.page_Box{	height:330px;	}
	/* idpw */
	.idpw_Box{	width:300px;height:450px;		}
	.idpw_Box .cnt {padding:27px 0 0 0;width:250px;margin:0 auto;}
	.idpw_Box .cnt .loginp .ipt1 span,.idpw_Box .cnt .loginp .ipt2 span,.idpw_Box .cnt .loginp .ipt3 span {	display:block;padding:7px 0;	 }
	.idpw_Box .cnt .loginp .ipt1 input {	width:233px;	 }
	.idpw_Box .cnt .loginp .ipt2 input[name=name] {	width:233px;	 }
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:97px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:98px !important;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1],.idpw_Box .cnt .loginp .ipt3 input[name=phone2],.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:57px !important;	}
	.idpw_Box .cnt .loginp .btn_log {	margin-top:20px;width:250px; height:50px; position:inherit; display:block;line-height:50px;	}
	.result_tit{	font-size:14px;line-height:28px;	}
	.pw_Box{	padding-bottom:30px;	}




}
@media all and (min-width:321px) and (max-width:480px) {
	.page_Box{	height:420px;	}
	/* idpw */
	.idpw_Box{		margin:0 auto; width:95%; height:460px;	}
	.idpw_Box .cnt {padding:27px 0 0 0;margin:0 auto;	}
	.idpw_Box .cnt .txtA{	width:80%;margin:0 auto;	}
	.idpw_Box .cnt .loginp .ipt1 span,.idpw_Box .cnt .loginp .ipt2 span,.idpw_Box .cnt .loginp .ipt3 span {	display:block;padding:7px 0;	 }
	.idpw_Box .cnt .loginp .btn_log {	margin-top:20px;width:100%; height:50px; position:inherit; display:block;line-height:50px;	}
	.idpw_Box .cnt .loginp .ipt1 input,.idpw_Box .cnt .loginp .ipt2 input{	 width:93%;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:38% !important;min-width:80px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:38% !important;min-width:83px !important;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1]{	width:28.5% !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone2]{	width:28.5% !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:28.5% !important;padding-left:0px;	}
	.pw_Box{	padding-bottom:20px;	}


}
@media all and (min-width:481px) and (max-width:767px) {
	.page_Box{	height:500px;	}

	/* idpw #1 */
	.idpw_Box{		margin:0 auto; width:95%; height:290px;	}
	.idpw_Box .cnt {padding:27px 0 0 0;margin:0 auto;	}
	.idpw_Box .cnt .txtA{	width:85%;margin:0 auto;position:relative;	}
	.idpw_Box .cnt .loginp .btn_log {right:0px;top:93px;width:22.2%;height:119px;}
	.idpw_Box .cnt .loginp .pwd_btn_log {top:111px;}
	.idpw_Box .cnt .loginp .ipt1 input,.idpw_Box .cnt .loginp .ipt2 input[name=name] {	 width:54% !important;min-width:212px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:22% !important;min-width:75px !important;		}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:23% !important;		}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1]{	width:16.7% !important;min-width:65px !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone2]{	width:16.7% !important;min-width:65px !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:16.7% !important;min-width:65px !important;padding-left:0px;	}
}
.font11{	font-size:11px !important; 	}
.font12{	font-size:12px !important; 	}
.font15{	font-size:15px !important; 	}
.font18{	font-size:18px !important; 	}
.font20{	font-size:20px !important; 	}
.fontC-blue{	color:blue	}
.f-n{	font-weight:normal !important;	}

.p-r{	position:relative;	}
.p-a{	position:absolute;	}
.c-p{	cursor:pointer;	}
.content_txt{	min-height:984px;	}

/* myorder_list */
.tb_search table{	border:1px solid #ddd;padding:3px;	}
.tb_search table th{	padding:5px;background:#efefef;	}
.tb_search table td{	padding:5px;	}
.s_day1{	padding-right:15px;	}
.btn_rb{	margin:15px 0 30px;text-align:right;	}


/* product view */
.sold_out{	text-decoration:line-through;	}
.btnUpBox{			position:absolute;top:-3px;*top:1px;	}
.btnDownBox{	position:absolute;bottom:-3px;*bottom:0px;	}



/* font css */
.f11{	font-size:11px !important;	}
.f-B{	font-weight:bold !important;	}
.f-red{	color:#fe0000 !important;	}
.f-blue{	color:#006ae1 !important;	}
.f-violet{	color:#771fbf !important;	}
.f-000{	color:#000 !important;	}
.f-sky{	color:#007EFF !important;	}
.f-white{	color:#ffffff !important;	}

.bg-red{	background-color:#fe0000 !important;	}
.bg-orange{	background-color:#ffa802 !important;	}
.bg-yellow{	background-color:#fff001 !important;	}
.bg-yellowish{	background-color:#a6d100 !important;	}
.bg-green{	background-color:#009e25 !important;	}
.bg-blue{	background-color:#3a32c3 !important;	}
.bg-violet{	background-color:#771fbf !important;	}
.bg-hotpink{	background-color:#ef017d !important;	}
.bg-gray{	background-color:#9a9a9a !important;	}
.bg-gray-f5{	background-color:#f5f5f5 !important;	}


.cate_memo{	height:76px;overflow:hidden;	}
.t-d-line{	text-decoration:line-through !important;	}
.f-w-normal{	font-weight:normal !important;	}

/* login_check */
.order_sheet{			}
.order_sheet ul{	margin:0;padding:0;	}
.order_sheet li{	margin:0;padding:0;float:left;width:49.6%;text-align:center;	}
.order_sheet li p{	text-align:center;padding:10px 0;font-weight:bold;font-size:17px;font-family:'Nanum Barun Gothic',sans-serif	;	}
.order_sheet li span{	font-size:11px;font-weight:normal;text-align:center;font-family:'Nanum Barun Gothic',sans-serif		}

.order_login{	width:320px;margin:30px auto;margin-top:50px;	}
.order_login p {	height:30px;position:relative;	}
.order_login p span{ position:absolute;right:0; }



/* point tbl */
.point_tbl{	width:350px;border-collapse:collapse;border:1ox solid #BDBEBD;	}
.point_tbl th{	font-size:13px; font-weight:bold;height:30px;background-color:#F0F0F0;	}
.point_tbl td{	font-size:12px; height:30px;text-align:center;	}


/* 상품 Q&A */
.bbs_goods_info{	margin:10px 0;	}
.bbs_goods_info li{	float:left;	}
.bbs_goods_info li.goods_img{	width:80px;max-height:150px;	}
.bbs_goods_info li.goods_img img{	width:80px;max-height:150px;	}

.review_con,.qna_con{ display:none; }

.goods-qna-list{		border:none !important;border-top:2px solid #808080 !important;	}
.goods-qna-list td img{	max-width:none !important;display:inline !important;	}
.goods-qna-list td{	height:0;padding:7px 4px;;	}

.goods_box1{		display:block;padding:0px 5px;	}
.goods_box1 ul{	margin:0;padding:0;	}
.goods_box1 li{	float:left;vertical-align:middle;	}
.goods_box1 li .tit{	font-size:13px;font-weight:bold;}


.qna_cont{	display:none;border-bottom:1px solid #ddd;text-align:left;padding:10px;padding-left:100px;	}
.qna_cont img{	max-width:660px;	}

/* 상품평 */
#review_Box,#qna_Box{	display:none;	}


.old_price{	text-decoration: line-through;	}



/* @init_class */
.init,
.init * {margin:0;padding:0;	}/* vertical-align:middle; 에디터에서 레이아웃틀어짐 */
.init div{		}
.init li {list-style: none;}
.init img {vertical-align:top;}/*middle 잘 안됨*/
.init td {	padding:0;border:none;height:100%;text-align:left;	}



/* 레이어 디자인 */
.layer_wrap{	border:1px solid #ddd;position:absolute;top:0px;left:80px;padding:10px 15px;background-color:#fff;display:none;overflow:hidden;	}
.layer_tit{	display:block;width:100%;	}

.search_txt{	border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;text-align:center;margin-bottom:20px;font-weight:bold;font-size:14px;color:#000;	}


.order_txt{	padding-top:20px;text-align:center;font-weight:bold;color:#ff1230;	}



/* color */
.fC-red{		color:red !important;	}
.fC-blue{	color:#1e73e7 !important;	}
.fC-violet{	color:#8B52FF !important;	}
.fC-000{		color:#000 !important;	}
.fC-gray{	color:#666 !important;	}
.fC-white{	color:#FFF !important;	}
.fC-yellow{	color:#FF982C !important;	}
.fC-orange{	color:#fa9632;		}


.letter-1{	letter-spacing:-1px;	}


/* 제품비교 */
.highlight th{ background-color:#FFFF9F !important;	} 
.highlight { background-color:#FFFF66 !important;	} 


/* 주문내역 조회 */
.od_mem1 { margin-left:0px !important;width:445px !important; }
.od_mem1 ul li{		}
.od_mem1 ul li span{	font-size:14px;line-height:60px;	}
.btn_sign a{	background:#104580;display:inline-block;text-align:center;width:120px;padding:10px 0px;border-radius:5px;color:#fff;	}
.btn_id_pw a{	background:#333;display:inline-block;text-align:center;width:120px;padding:10px 0px;border-radius:5px;color:#fff;	}


/* 휴대폰 view */
.type_chk0{	display:none;	}

	/* 요금제 */
.fee_Box{	display:none;	}
.fee_tit{	font-weight:bold;font-size:15px;position:relative;	}
.fee_tit span{	position:absolute;right:0;font-size:11px;color:#999;font-weight:normal;bottom:0;	}
.fee_tbl{	border-top:1px solid #999;border-bottom:1px solid #999;width:100%;margin-top:10px;margin-bottom:20px;	}
.fee_tbl th{	background-color:#333;color:#fff;font-size:12px;	}
.fee_tbl td{	font-size:12px;text-align:center;padding:7px 0 5px;	}
.fee_ul{	margin:0;padding:0;margin-top:15px;	}
.fee_ul > li{	width:47%;float:left;	}
.fee_ul_tit{	border:1px solid #666;text-align:center;background-color:#eee;padding:5px 0; font-weight:bold;color:#000;	}
.fee_list th{		font-weight:bold;padding:6px 0 4px;text-align:right;border-bottom:1px solid #ddd;	}
.fee_list td{		font-weight:bold;padding:6px 13px 4px 0;text-align:right;border-bottom:1px solid #ddd;font-weight:normal;	}
.fee_list .red{	color:#b3002d !important;font-weight:bold;	}
.fee_list .blue{	color:#0000ff !important;font-weight:bold;	}
.fee_list .fee_won{	font-size:15px;font-weight:bold;	}
.fee_list .fee_tot{	font-size:15px;font-weight:bold;color:#b3002d !important;	}
.welfare{	display:none;	}
.page_con{	text-align:left;padding-left:10px;		}
.page_con .tit{	text-align:left;font-size:16px;margin-bottom:20px;	margin-top:50px;}


/* 요금제표 */
.fee_table{	border:1px solid #ddd;margin-bottom:30px;	}
.fee_table th{	background-color:#eee;font-weight:bold;color:#333;border:1px solid #ddd;padding:7px 5px;	}
.fee_table td{	color:#333;border:1px solid #ddd;padding:5px 7px;text-align:right;	}
.header_title{	background-color:#fff;	}
.fee_table .sale_table:hover{	background-color:#eaf4ff;	}
.fee_table .price_sale_table:hover{	background-color:#ffeaeb;	}
.phone_fee_txt{	font-size:11px;line-height:14px;color:#777;	}
.fee_txt{	margin-top:30px;color:#999;line-height:22px;font-size:13px;	}
.agenc_btn {	margin:0 auto;margin-top:50px;width:100%;text-align:center;	}
.agenc_btn input{	background-color:#236bbc;border:1px solid #1c589a;display:block;width:270px;height:43px;line-height:43px;text-align:center;color:#fff;font-size:16px;margin:0 auto;cursor:pointer;	}
.agenc_btn input:hover{	color:#eee;	}



/*AX*/
/* ---------------------------- AXInput ------------------------------- */
.AXanchor{
	position:absolute;height:0px;left:0px;top:0px;display:none;
	vertical-align:middle;
}
.AXText{
	border:1px solid #ccc; background:#fff;
	border-radius:2px;
	font-size:12px; line-height:15px; height:15px;
	padding:4px;
	margin:0px auto;
	height:150px;
	width:95%;
}
.AXInput{
	border:1px solid #ccc; background:#fff;
	border-radius:2px;
	font-size:12px; line-height:15px; height:15px;
	padding:4px;
	margin:0px auto;
}

.AXInput:focus{
	border:1px solid #44acf0;
}

.AXInputSmall{
	border:1px solid #ccc;
	border-radius:2px;
	font-size:12px; line-height:14px; height:12px;
	padding:3px 3px;
	margin:0px auto;
}
.AXInputSmall:focus{
	border:1px solid #44acf0;
}

.AXInput.W30{width:30px !important;}
.AXInput.W40{width:40px !important;}
.AXInput.W50{width:50px !important;}
.AXInput.W60{width:60px !important;}
.AXInput.W70{width:70px !important;}
.AXInput.W80{width:80px !important;}
.AXInput.W90{width:90px !important;}
.AXInput.W100{width:100px;}
.AXInput.W110{width:110px;}
.AXInput.W120{width:120px;}
.AXInput.W130{width:130px;}
.AXInput.W140{width:140px;}
.AXInput.W150{width:150px;}
.AXInput.W160{width:160px;}
.AXInput.W170{width:170px;}
.AXInput.W180{width:180px;}
.AXInput.W190{width:190px;}
.AXInput.W200{width:200px;}
.AXInput.W300{width:300px;}
.AXInput.W400{width:400px;}
.AXInput.W500{width:500px;}

.AXInputSmall.W30{width:30px;}
.AXInputSmall.W40{width:40px;}
.AXInputSmall.W50{width:50px;}
.AXInputSmall.W60{width:60px;}
.AXInputSmall.W70{width:70px;}
.AXInputSmall.W80{width:80px;}
.AXInputSmall.W90{width:90px !important;}
.AXInputSmall.W100{width:100px;}
.AXInputSmall.W110{width:110px;}
.AXInputSmall.W120{width:120px;}
.AXInputSmall.W130{width:130px;}
.AXInputSmall.W140{width:140px;}
.AXInputSmall.W150{width:150px;}
.AXInputSmall.W160{width:160px;}
.AXInputSmall.W170{width:170px;}
.AXInputSmall.W180{width:180px;}
.AXInputSmall.W190{width:190px;}
.AXInputSmall.W200{width:200px;}
.AXInputSmall.W300{width:300px;}
.AXInputSmall.W400{width:400px;}
.AXInputSmall.W500{width:500px;}

.AXInput.Round{border-radius:15px;padding:4px 10px;}
.AXInputSmall.Round{border-radius:15px;padding:3px 7px;}
.AXInput[disabled]{}

.AXInput[readonly]{
	background:#eee;
	color:#676767;
}

.AXInput[disabled]{
	background:#bfbfbf;
	color:#fff;
}

.AXInputSmall[disabled]{
	background:#bfbfbf;
	color:#fff;
}
.AXInputSmall[readonly]{
	background:#eee;
	color:#676767;
}

.AXCheckbox{
	position:relative; display:inline-block;
	height:26px; line-height:26px;
	padding:1px 0 0 30px; margin:0 0px 0 0;
	font-weight:normal; vertical-align:top; white-space:nowrap; cursor:pointer;
	overflow:hidden;
	background:url(img/AXCheckbox.png) no-repeat left 0px;
	background-size:26px 78px;
}
.AXCheckbox.checked{
	background-position:left -26px;
}
.AXCheckbox input[type="checkbox"]{
	position:absolute;left:-56px;
}
/* ---------------------------- AXSelect ------------------------------- */
.AXSelect{
	border:1px solid #b6b6b6;background:#fff;
	box-shadow:0px 1px 1px #e9eced;
	border-radius:4px;
	font-size:12px;line-height:19px;height:25px;
	padding:2px;
	margin:0px auto;
}




/* ------------------ AXButton ----------------------- */
.AXButton{
	position:relative;
	cursor:pointer;
	vertical-align:middle;
	height:26px;
	padding:0px 10px;
	margin:0px 0px;
	border:0px solid #b9babc; border-radius:2px;
	font-size:12px; color:#6e7a86; line-height:1em; font-weight:600;
	background:#e5e5e5;
	outline:none;
}
.AXButton:hover{
	border:0px solid #949fa8;
	background:#cacaca;
	box-shadow:0px 1px 2px #aaa inset;
}
.AXButton:active{
	border:0px solid #b9babc;
	color:#6e7a86;
}
.AXButton SPAN{
	display:block;
	height:24px; line-height:24px;
	vertical-align:middle;
}

.AXButtonSmall{
	cursor:pointer;
	height:20px;
	padding:0px 5px;
	margin:0px 0px;
	border:0px solid #b9babc; border-radius:2px;
	font-size:11px; color:#6e7a86; line-height:19px; font-weight:400;
	background:#e5e5e5;
	outline:none;
}
.AXButtonSmall:hover{
	border:0px solid #949fa8;
	background:#cacaca;
	box-shadow:0px 1px 2px #aaa inset;
}
.AXButtonSmall:active{
	border:0px solid #b9babc;
	background-position:0px -40px;
	box-shadow:none;
	color:#6e7a86;
}
.AXButtonSmall SPAN{
	display:block;
	height:18px;line-height:18px;
	vertical-align:middle;
}


.AXButtonLarge{
	cursor:pointer;
	height:46px;
	padding:0px 10px;
	margin:0px 0px;
	border:0px solid #b9babc;border-radius:2px;
	font-size:12px; color:#6e7a86; line-height:46px; font-weight:600;
	background:#e5e5e5;
	outline:none;
}
.AXButtonLarge:hover{
	border:0px solid #949fa8;
	background:#cacaca;
	box-shadow:0px 1px 2px #aaa inset;
}
.AXButtonLarge:active{
	border:0px solid #b9babc;
	background:#cacaca;
	box-shadow:none;
	color:#6e7a86;
}
.AXButtonLarge SPAN{
	display:block;
	height:44px;line-height:44px;
	vertical-align:middle;
}

.AXButtonSmall.W30{width:30px;padding:0px;}
.AXButtonSmall.W40{width:40px;padding:0px;}
.AXButtonSmall.W50{width:50px;padding:0px;}
.AXButtonSmall.W60{width:60px;padding:0px;}
.AXButtonSmall.W70{width:70px;padding:0px;}
.AXButtonSmall.W80{width:80px;padding:0px;}
.AXButtonSmall.W90{width:90px;padding:0px;}
.AXButtonSmall.W100{width:100px;padding:0px;}
.AXButtonSmall.W110{width:110px;padding:0px;}
.AXButtonSmall.W120{width:120px;padding:0px;}
.AXButtonSmall.W130{width:130px;padding:0px;}
.AXButtonSmall.W140{width:140px;padding:0px;}
.AXButtonSmall.W150{width:150px;padding:0px;}
.AXButtonSmall.W160{width:160px;padding:0px;}
.AXButtonSmall.W170{width:170px;padding:0px;}
.AXButtonSmall.W180{width:180px;padding:0px;}
.AXButtonSmall.W190{width:190px;padding:0px;}
.AXButtonSmall.W200{width:200px;padding:0px;}

.AXButton.W30{width:30px;padding:0px;}
.AXButton.W40{width:40px;padding:0px;}
.AXButton.W50{width:50px;padding:0px;}
.AXButton.W60{width:60px;padding:0px;}
.AXButton.W70{width:70px;padding:0px;}
.AXButton.W80{width:80px;padding:0px;}
.AXButton.W90{width:90px;padding:0px;}
.AXButton.W100{width:100px;padding:0px;}
.AXButton.W110{width:110px;padding:0px;}
.AXButton.W120{width:120px;padding:0px;}
.AXButton.W130{width:130px;padding:0px;}
.AXButton.W140{width:140px;padding:0px;}
.AXButton.W150{width:150px;padding:0px;}
.AXButton.W160{width:160px;padding:0px;}
.AXButton.W170{width:170px;padding:0px;}
.AXButton.W180{width:180px;padding:0px;}
.AXButton.W190{width:190px;padding:0px;}
.AXButton.W200{width:200px;padding:0px;}

.AXButtonLarge.W30{width:30px;padding:0px;}
.AXButtonLarge.W40{width:40px;padding:0px;}
.AXButtonLarge.W50{width:50px;padding:0px;}
.AXButtonLarge.W60{width:60px;padding:0px;}
.AXButtonLarge.W70{width:70px;padding:0px;}
.AXButtonLarge.W80{width:80px;padding:0px;}
.AXButtonLarge.W90{width:90px;padding:0px;}
.AXButtonLarge.W100{width:100px;padding:0px;}
.AXButtonLarge.W110{width:110px;padding:0px;}
.AXButtonLarge.W120{width:120px;padding:0px;}
.AXButtonLarge.W130{width:130px;padding:0px;}
.AXButtonLarge.W140{width:140px;padding:0px;}
.AXButtonLarge.W150{width:150px;padding:0px;}
.AXButtonLarge.W160{width:160px;padding:0px;}
.AXButtonLarge.W170{width:170px;padding:0px;}
.AXButtonLarge.W180{width:180px;padding:0px;}
.AXButtonLarge.W190{width:190px;padding:0px;}
.AXButtonLarge.W200{width:200px;padding:0px;}

/* ------------------ AXButton ----------------------- */


/** .AXButton.Classic **/
.AXButton.Classic{
	border:0px solid #82898f;
	color:#fff; font-weight:600;
	background:#526271;
}
.AXButton.Classic:hover{
	border:0px solid #383f45;
	background:#485765;
	box-shadow:0px 1px 2px #2d2d2d inset;
	color:#ccc;
}
.AXButton.Classic:active{
	border:0px solid #454c56;
	background:#485765;
	box-shadow:none;
	color:#ccc;
}

/** .AXButtonSmall.Classic **/
.AXButtonSmall.Classic{
	border:0px solid #82898f;
	color:#fff; font-weight:400;
	background:#526271;
}
.AXButtonSmall.Classic:hover{
	border:0px solid #383f45;
	background:#485765;
	box-shadow:0px 1px 2px #2d2d2d inset;
	color:#ccc;
}
.AXButtonSmall.Classic:active{
	border:0px solid #454c56;
	background:#485765;
	box-shadow:none;
	color:#ccc;
}

/** .AXButtonLarge.Classic **/
.AXButtonLarge.Classic{
	border:0px solid #82898f;
	color:#fff; font-weight:600;
	background:#526271;
}
.AXButtonLarge.Classic:hover{
	border:0px solid #383f45;
	background:#485765;
	box-shadow:0px 1px 2px #2d2d2d inset;
	color:#ccc;
}
.AXButtonLarge.Classic:active{
	border:0px solid #454c56;
	background:#485765;
	box-shadow:none;
	color:#ccc;
}


/** .AXButtonSmall.Blue **/
.AXButtonSmall.Blue{
	border:0px solid #3d7fb3;
	color:#fff;font-weight:600;
	background:#44acf0;
}
.AXButtonSmall.Blue:hover{
	border:0px solid #2e6492;
	background:#2c8ece;
	box-shadow:0px 1px 2px #2371a4 inset;
	color:#ccc;
}
.AXButtonSmall.Blue:active{
	border:0px solid #296190;
	background:#2c8ece;
	box-shadow:none;
	color:#ccc;
}
.AXButton.Blue{
	border:0px solid #3d7fb3;
	color:#fff;font-weight:600;
	background:#44acf0;
}
.AXButton.Blue:hover{
	border:0px solid #2e6492;
	background:#2c8ece;
	box-shadow:0px 1px 2px #2371a4 inset;
	color:#ccc;
}
.AXButton.Blue:active{
	border:0px solid #296190;
	background:#2c8ece;
	box-shadow:none;
	color:#ccc;
}
.AXButtonLarge.Blue{
	border:0px solid #3d7fb3;
	color:#fff;font-weight:600;
	background:#44acf0;
}
.AXButtonLarge.Blue:hover{
	border:0px solid #2e6492;
	background:#2c8ece;
	box-shadow:0px 1px 2px #2371a4 inset;
	color:#ccc;
}
.AXButtonLarge.Blue:active{
	border:0px solid #296190;
	background:#2c8ece;
	box-shadow:none;
	color:#ccc;
}


/* ---------------------------- AXTabs ------------------------------- */
	/* horizen AXTabs */
.AXTabs{
	position:relative; min-height:30px;
	overflow:hidden;
}
.AXTabs .AXTabsTray{
	background:url(img/AXTabBg.png);
}
.AXTabs .AXTabsTray .trayScroll{
	position:absolute;
	left:0px; top:0px;
	height:30px;
}
.AXTabs .AXTabsTray .AXTab{
	display:block; float:left;
	cursor:pointer;
	height:26px; min-width:50px;
	padding:0px 10px;
	margin:2px 0px 0px 2px;
	border:1px solid #b9babc;
	border-bottom-color:#b9babc;
	border-top-left-radius:2px; border-top-right-radius:2px;
	font-size:12px; color:#6e7a86; line-height:26px; text-align:center;
	text-decoration:none;
	background:#e5e5e5;
	outline:none;
}
.AXTabs .AXTabsTray .AXTab:hover{
	border-top:1px solid #949fa8;
	background:#ccc;
	color:#333;
}
.AXTabs .AXTabsTray .AXTab:active{
	border-top:1px solid #b9babc;
	background:#ccc;
	color:#6e7a86;
}
.AXTabs .AXTabsTray .AXTab.on{
	background:#fff; border-bottom:1px solid #fff;
}

.AXTabs .leftArrowHandleBox{
	position:absolute;
	left:0px;top:0px;
	width:29px;height:30px;
	background:url(img/leftArrowsBg.png) repeat-y 0px 0px;
}
.AXTabs .leftArrowHandleBox .tabArrow{
	display:block;width:29px;height:30px;
	background:url(img/leftArrows.png) no-repeat center 0px;
	text-indent:-1000px;overflow:hidden;
}
.AXTabs .leftArrowHandleBox .tabArrow:hover{
	background:url(img/leftArrows.png) no-repeat center -30px;
}

.AXTabs .rightArrowHandleBox{
	position:absolute;
	right:0px;top:0px;
	width:29px;height:30px;
	background:url(img/rightArrowsBg.png) repeat-y 100% 0px;
}
.AXTabs .rightArrowHandleBox .tabArrow{
	display:block;width:29px;height:30px;
	background:url(img/rightArrows.png) no-repeat center 0px;
	text-indent:-1000px;overflow:hidden;
}
.AXTabs .rightArrowHandleBox .tabArrow:hover{
	background:url(img/rightArrows.png) no-repeat center -30px;
}

	/* horizen AXTabsLarge */
.AXTabsLarge{
	position:relative;min-height:46px;
	overflow:hidden;
}
.AXTabsLarge .AXTabsTray{
	background:url(img/AXTabBgLarge.png);
}
.AXTabsLarge .AXTabsTray .trayScroll{
	position:absolute;
	left:0px;top:0px;
	height:46px;
}
.AXTabsLarge .AXTabsTray .AXTab{
	display:block;float:left;
	cursor:pointer;
	height:40px;min-width:100px;
	padding:0px 10px;
	margin:4px 0px 0px 4px;
	border:1px solid #b9babc;
	border-top-left-radius:2px; border-top-right-radius:2px;
	font-size:14px; color:#6e7a86; line-height:42px; text-align:center;
	text-decoration:none;
	background:#e5e5e5;
	outline:none;
}
.AXTabsLarge .AXTabsTray .AXTab:hover{
	border-top:1px solid #949fa8;border-left:1px solid #949fa8;border-right:1px solid #949fa8;
	background:#ccc;
	color:#333;
}
.AXTabsLarge .AXTabsTray .AXTab:active{
	border-top:1px solid #b9babc; border-left:1px solid #b9babc; border-right:1px solid #b9babc;
	background:#ccc;
	color:#6e7a86
}
.AXTabsLarge .AXTabsTray .AXTab.on{
	background:#fff;border-bottom:1px solid #fff;
}

	/* horizen AXTabsSmall */
.AXTabsSmall{
	position:relative;min-height:24px;
	overflow:hidden;
}
.AXTabsSmall .AXTabsTray{
	background:url(img/AXTabBgSmall.png);
}
.AXTabsSmall .AXTabsTray .trayScroll{
	position:absolute;
	left:0px;top:0px;
	height:24px;
}
.AXTabsSmall .AXTabsTray .AXTab{
	display:block;float:left;
	cursor:pointer;
	height:20px; min-width:60px;
	padding:0px 10px;
	margin:2px 0px 0px 1px;
	border:1px solid #b9babc;
	border-top-left-radius:2px; border-top-right-radius:2px;
	font-size:11px; color:#6e7a86; line-height:20px; text-align:center;
	text-decoration:none;
	background:#e5e5e5;
	outline:none;
}
.AXTabsSmall .AXTabsTray .AXTab:hover{
	border-top:1px solid #949fa8; border-left:1px solid #949fa8; border-right:1px solid #949fa8;
	background:#ccc;
	color:#333;
}
.AXTabsSmall .AXTabsTray .AXTab:active{
	border-top:1px solid #b9babc;border-left:1px solid #b9babc;border-right:1px solid #b9babc;
	background:#ccc;
	color:#6e7a86;
}
.AXTabsSmall .AXTabsTray .AXTab.on{
	background:#fff; border-bottom:1px solid #fff;
}


.AXTabsSmall .leftArrowHandleBox{
	position:absolute;
	left:0px;top:0px;
	width:29px;height:24px;
	background:url(img/leftArrowsBg.png) repeat-y 0px 0px;
}
.AXTabsSmall .leftArrowHandleBox .tabArrow{
	display:block;width:29px;height:24px;
	background:url(img/leftArrows.png) no-repeat center -3px;
	text-indent:-1000px;overflow:hidden;
}
.AXTabsSmall .leftArrowHandleBox .tabArrow:hover{
	background:url(img/leftArrows.png) no-repeat center -33px;
}

.AXTabsSmall .rightArrowHandleBox{
	position:absolute;
	right:0px;top:0px;
	width:29px;height:24px;
	background:url(img/rightArrowsBg.png) repeat-y 100% 0px;
}
.AXTabsSmall .rightArrowHandleBox .tabArrow{
	display:block;width:29px;height:24px;
	background:url(img/rightArrows.png) no-repeat center -3px;
	text-indent:-1000px;overflow:hidden;
}
.AXTabsSmall .rightArrowHandleBox .tabArrow:hover{
	background:url(img/rightArrows.png) no-repeat center -33px;
}



/***** 추가 *****/
.listTopBtn li.on a{	color:#FFF;font-weight:600;	background-color:#ff5757 !important;	}
/*** 페이지관련 ***/
.title_blue{	color:#ff5757;font-size:1.65em;letter-spacing:-1.8px;		}
/* 회사소개 */
.greeCon p { font-size:14px; line-height:22px;  margin-top:20px;}
.greeCon dt { background:url(/img/sub/blit.gif) no-repeat 0 1px; font-size:18px; padding-left:25px; color:#333; font-weight:bold; margin:40px 0 15px; }
.greeCon dd { font-size:14px; line-height:22px; }

/* 게시판 */
.jq_hide .txt img{	max-width:100%;	}

/* 접수현황확인 */
.status-tbl{		min-width:320px;border-top:2px solid #333;margin:0;padding:0;border-bottom:1px solid #666;	}
.status-tbl li{	padding:5px;border-bottom:1px solid #ccc;}
.status-tbl li strong{	font-size:15px;	}
.status-tbl li div{	padding:2px;position:relative;	}
.p-a-r0{	position:absolute;right:0px;	}
.status-tbl li div span{	padding-right:15px;	}


/* 마이페이지 */
.mypage-phone{		min-width:310px;border-top:2px solid #333;border-bottom:1px solid #666;margin:0;padding:0;margin-bottom:50px;	}
.mypage-phone li{	border-bottom:1px solid #ccc;padding:5px;	 	}
.mypage-phone li div{	position:relative;font-size:14px;	padding:2px;}
.mypage-phone li div.tit{	font-size:15px;font-weight:bold;	}
.mypage-phone li div span{	padding-right:20px;	}
.mypage-phone-trade_code{	position:absolute;right:0px;	}
.mypage-phone .no-data{	text-align:center;font-size:15px;line-height:50px;	}


/* 마이페이지 최근 주문정보 */
.mypage-shop{		min-width:310px;border-top:2px solid #333;border-bottom:1px solid #666;margin:0;padding:0;margin-bottom:50px;	}
.mypage-shop li{	border-bottom:1px solid #ccc;padding:5px;width:90%;	 	}
.mypage-shop li div{	position:relative;font-size:14px;	padding:2px;}
.mypage-shop li div.tit{	font-size:15px;font-weight:bold;	}
.mypage-shop li div span{	padding-right:15px;	}
.mypage-shop-status{	position:absolute;right:0px;	}
.mypage-shop .no-data{	text-align:center;font-size:15px;line-height:50px;	}





/* 직영 협력점 */
.agency-m{	margin-top:10px;margin-bottom:50px;min-width:320px;border-top:2px solid #333;border-bottom:1px solid #666;	}
.agency-m ul{	padding:0;margin:0;border-bottom:1px solid #ddd;	}
.agency-m ul li{	padding:0;margin:0;float:left;}
.area-tit{	width:15%;max-width:65px;text-align:center;font-weight:bold;line-height:35px;font-size:15px;	}
.area-con{	width:76%;word-break:break-all;	 }
.area-t{	border:none !important;	}
.agency-m ul li div{		padding:5px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;}
.agency-m ul li div p{	padding: 3px;	}
.b-b-n{	border-bottom:none !important;	}


@media all and (min-width:321px) and (max-width:379px) {
		.mypage-shop li{	width:95%;	}
}
@media all and (min-width:380px) and (max-width:520px) {
	.area-con{	width:83%;word-break:break-all;	 }
	/*.mypage-step > ul > li{	width:13%;}*/
	.mypage-shop li{	width:98%;	}

}

@media all and (min-width:521px) and (max-width:600px) {
	.area-con{	width:85%;word-break:break-all;	 }
	/*.mypage-step > ul > li{	width:15.5%;}*/
	.mypage-shop li{	width:98%;	}
}

@media all and (min-width:601px) and (max-width:767px) {
	.area-con{	width:87%;word-break:break-all;	 }
	/*.mypage-step > ul > li{	width:16.5%;	}*/
	.mypage-shop li{	width:99%;	}
}

@media all and (min-width:768px) {
	.area-con{	width:91%;word-break:break-all;	 }
	/*.mypage-step > ul > li{	width:768px;}*/
	.mypage-step > ul > li{	width:17%;	}
	.mypage-shop li{	width:99%;	}
}







/* 상품문의*/
.goods-thum_img{		float:left;display:inline-block;width:60px;height:60px;line-height:60px	}
.goods-thum_img img{	width:60px;height:60px;	}
.goods-name{	float:left;display:inline-block;line-height:20px;padding-left:10px;width:200px;word-break:break-all;padding-top:10px;	}

@media only  screen and (max-width: 320px){
	.online_tbl .grayArea{	width:82% !important;	}
	.qna_cont{		padding-left:37px;	}
	.onlineCon .AXText{	width:82% !important;	}
}

@media all and (min-width:321px) and (max-width:480px) {
}

@media all and (min-width:481px) and (max-width:767px) {
	.online_tbl li div.tit{	vertical-align:middle;	}
	.goods-name{	padding-top:15px;	}
}

@media all and (min-width:768px) {
	.online_tbl li div.tit{	vertical-align:middle;	}
	.goods-thum_img{		width:80px;height:80px;	}
	.goods-thum_img img{	width:80px;height:80px;	}
	.goods-name{	padding-top:24px;	}
}