@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;	}


.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;	}



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




.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;	}

.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;	}




.font11{	font-size:11px !important;	}


.h55{		height:55px !important;	}
.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-10{padding:5px 10px !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;	}
.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;	}





/* 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-blue2{	background-color:#2a8ed0 !important;border:1px solid #2375ab;	}
.bg-violet{	background-color:#771fbf !important;	}
.bg-hotpink{	background-color:#ef017d !important;	}
.bg-gray{	background-color:#9a9a9a !important;	}
.bg-gray2{	background-color:#f7f7f7 !important;border-top:1px solid #eee;	}
.bg-gray3{	background-color:#aaa !important;border:1px solid #afafaf;	}
.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;	}






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






/*페이징*/
.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}






/* lnb tab */
.lnb_tab{	width:100%;height:56px;margin-top:20px;	}
.lnb_tab > ul{	border:1px solid #d9d9d9;background-color:#f8f8f8;width:99.5% !important;margin-bottom:50px; 	}
.lnb_tab > ul > li{	width:100% !important;background:#f8f8f8;border-bottom:1px solid #dcdcdc;height:45px;position:relative;	}
.lnb_tab > ul > li > a{	display:block;color:#555;width:100%;text-align:center;font-size:14px;line-height:45px;height:45px;background:url(/common/images/board/bullet_navi.gif) no-repeat right 17px top 22px;overflow:hidden;	}
.lnb_tab > ul > li > ul{	display:none;z-index:999;position:absolute;overflow:hidden;top:45px;width:100%;margin-left:-1px;background:#fff;border:1px solid #dcdcdc;border-top:0;	}
.lnb_tab > ul > li > ul > li{	width:100%;border-top:1px solid #dcdcdc;font-size:14px;	}
.lnb_tab > ul > li > ul > li a{	display:block;width:100%;height:43px;line-height:43px;text-align:center;color:#888;overflow:hidden;	}



/* board 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:none;	}
.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 div.col_no{display:none}
.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 div.col_subject{display:block;padding: 12px;overflow:hidden;height:20px;}
.bbs-body li div.col_subject2{display:block;padding: 6px 12px;text-align:left;}
.bbs-body li .inf{		font-size:12px; border-right:1px solid #ccc;float: left;padding:0px 15px;text-align:left;width:auto;}
.bbs-body li .col_hit{	border-right:none;	}
.bbs-body li .col_down{	border-right:none;margin-bottom:8px;}
.bbs-body li .inf .txt{	display:block;float: 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 .blue,.cate_blue{	color:#236bbc;font-weight:bold;		}

@media only  screen and (max-width: 320px){
	.bbs-body li .col_name,.bbs-body li .col_date,.bbs-body li .col_hit{	 margin-top:5px;	}
	.m-search-input{	width:124px;	}
}

@media all and (min-width:321px) and (max-width:420px) {
	.bbs-body li .col_name,.bbs-body li .col_date,.bbs-body li .col_hit{	 margin-top:5px;	}
}
.notice_icon{	display:none;	}
.ntb-tb-view .tit{	line-height:24px;padding: 8px 10px;	 }
.ntb-tb-view .tit div{	 }
.ntb-tb-view .tit p{	font-size:11px;font-weight:normal;	color:#aaa; }
.ntb-tb-view .con img{	width:95%;	}


/* 게시판 영역 레이아웃 */
.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:#fcfcfc; border-right: 1px solid #ddd; text-align:left; font-weight: bold; color:#333; line-height:3.333;padding:0px 10px;	}
.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;}


/* view */
.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:79%;min-width:227px ;	}

.ntb-tb-view td .info li.file_th2{	width:80px;		}
.ntb-tb-view td .info li.file_td2{	width:calc(100% - 85px) !important;	 }
.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:50px;	 	}
.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;	}


/* 이전다음박스 */
.pre-box{	border-top:1px solid #999;border-bottom:1px solid #ccc;padding-bottom:2px;	}
.pre-box ul li{		padding:7px;font-size:15px;color:#aaa;height:30px;overflow:hidden;	}
.pre-box ul li a{	line-height:30px;font-size:15px;padding-left:5px;	}
.pre-box ul li img{	vertical-align:middle;	}
.va1{	vertical-align:1px !important;	}



/* 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:320px;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;line-height:60px;	}



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




/* 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:57px;	}
.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:83px !important;	}
.captcha{	padding:0;margin:0px !important;	}
.captcha li{	padding:0;margin:0;float:left;line-height:31px;	}
.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;  }


.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;	}







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






/* 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:15px;}
.bbs-article li div.thum-img{	width:65px;height:auto;	 }
.bbs-article li div.thum-img img{	width:100%;height:45.5px;border:1px solid #dedede;margin-top:5px;	}
.bbs-article li div.cont{	display:block;height:60px;overflow:hidden;padding-left:0px;	}
.bbs-article li div p.tit{		padding-top:0px;font-size:14px;padding-bottom:0.375em;height:15px;overflow:hidden;font-weight:bold;	 }
.bbs-article li div.cont p.con{	word-break:break-all;height:22px;overflow:hidden;	}
.bbs-article .date{	font-size:11px;	}



/*이벤트*/
#tabsholderR02 {   overflow:hidden; }
#tabsholderR02 > ul { width:100%; overflow:hidden; letter-spacing:-0.02em; }
#tabsholderR02 > ul li { cursor:pointer; float:left; width:50%;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:49.5%; }
#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 { display:none }

/* event - list */
.bbs-event{	margin-top:50px;border-top:2px solid #236bbc;	}
.bbs-event li{	display:table;width:100%;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;line-height:100px;border-bottom:1px solid #ddd;	}





/*세미나형*/
.serminar-top{	border-top:2px solid #333;	}
.serminar-top li div{	font-size:13px;	}


/* 상품 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:40px;	}
.qna_cont img{	max-width:660px;	}

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


.old_price{	text-decoration: line-through;	}
.tab_content{	word-break:break-all;	}

.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;	}


/* login */
.logbox2{		margin:0 auto; width:300px; height:305px;border:1px solid #ddd;	}
.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:first-child {margin-top:0;}
.logbox2 .cnt .loginp {margin-top:12px;}
.logbox2 .cnt .loginp .ipt {margin-top:10px;}
.logbox2 .cnt .loginp .ipt input {width:250px; height:33px; padding:0 0 0 15px;border:1px solid #e2e0e3; font-size:13px; line-height:33px; color:#bcbcbc; position:relative;		}
.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 .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:100%; margin-top:8px; overflow:hidden;text-align:center;	}
.logbox2 .cnt .logchkA .forgottxt {float:inherit;text-align:center !important;}
.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;	}


/* 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;	}
.page_Box{	border:1px solid #ddd;padding:20px;word-break:break-all;height:330px;overflow-y:scroll;	}


/* 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:block;word-break:break-all;		}
.online_tbl li div.tit{	width:150px;padding-left:10px;padding-bottom:5px;display:block;	}
.online_tbl li div.con{	padding-left:20px;display:block;		}
.online_tbl .online-head{	background-color:#f4f5f7;	color:#333;text-align:center;border-bottom:1px solid #d7d7d7;font-weight:bold;	}
.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;	}


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


.onlineCon .txt { border:1px solid #ccc; border-radius:10px; height:120px !important; 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 }


/* 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-tit{	text-align:center;line-height:35px;	}
.mypage-tit span{	font-weight:bold;	}
.top-pink{	color:#e2007a;font-size:27px;font-weight:bold;font-family:"Malgun Gothic";	}
.mypage-box{ border:1px solid #ccc;background-color:#fafafa;padding:7px 15px;font-size:14px;font-weight:bold; }
.mypage-box li{	float:left;width:100%;line-height:30px;position:relative;	}
.mypage-box li span{	position:absolute;right:0px;	}
.mypage-box li span a{	font-weight:normal;color:#f00000;font-size:13px;	}
.mypage-box .btn-modify{	display:inline-block;width:72px;height:24px;background-color:#236bbc;border-radius:15px;color:#fff;font-size:12px;line-height:24px;text-align:center;	}
.mypage-box .btn-exit{	display:inline-block;width:72px;height:24px;background-color:#757575;border-radius:15px;color:#fff;font-size:12px;line-height:24px;text-align:center;margin-left:10px;	}



.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;	}


/* 마이페이지 최근 주문정보 */
.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;	}



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





/* agency1  */
.agencyBox1 li span{	display:inline-block;width:70px;height:60px;text-align:center;line-height:52px;font-weight:bold;font-size:15px;float:left;color:#1b4381;	 }
.agencyBox1 li span a{	font-weight:bold;font-size:15px;color:#1b4381;	 }
.agencyBox1 li div{	width: calc(100% - 75px);float:left;text-align:left;	 }
.agencyBox1 li div strong{	padding-bottom:5px;display:block;	}
.agencyBox1 li div p{	font-size:12px;	}


.agency_view .tit{	background-color:#f4f5f7;border-top:2px solid #333;text-align:center;font-size:15px;font-weight:bold;padding:12px;color:#333;border-bottom:1px solid #ddd; 	}
.agency-body li{		display:table;width:100%;border-bottom:1px solid #ddd;font-size:15px;	}
.agency-body .td{	display:table-cell;vertical-align:middle;	}
.agency-body .col_tit{	font-weight:bold;background-color:#f4f5f7;text-align:center;color:#333;padding:12px;border-right:1px solid #ddd;width:27%;max-width:150px !important;	}
.agency-body .col_cont{	padding:12px;	 }
.agency-body .col_cont iframe{	width:95%;height:auto; }



/* 상품문의*/
.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;	}



.gall_txt1{	width:85%;margin:0 auto;margin-top:5px;	}
.gall_Box_resp1 li .tit{	font-size:16px;display:block;height:30px;line-height:30px;overflow:hidden;word-break:break-all;	}

/* 갤러리 1 */
@media only  screen and (max-width: 320px){
	.gall_resp1{	margin:0 auto;width:310px !important;border-bottom:1px solid #ddd;	}
	.gall_Box_resp1 li{	float:left;width:50%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:127px;height:100px;line-height:100px;}
	.gall_Box_resp1 li .thum_img img{	width:100%;max-width:127px; text-align:center;height:95px;border:1px solid #ddd;	}
	.gall_txt1{	width:81%;	}
	.gall_txt1 p{	height:22px;line-height:22px;}
	.gall_txt1 p.tit{	overflow:hidden;font-size:14px;}
	.name_date span{	display:inherit !important;right:inherit !important;	}
}
@media all and (min-width:321px) and (max-width:420px) {
	.gall_Box_resp1 li{	float:left;width:50%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:85%;height:auto;line-height:calc(85vw*(58/200));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:100%;height:calc(100vw*(58/200)) !important;border:1px solid #dedede;	}
	.gall_txt1 p{	height:22px;line-height:22px;}
	.gall_txt1 p.tit{	overflow:hidden;}
	.name_date span{	display:inherit !important;right:inherit !important;	}
}
@media all and (min-width:421px) and (max-width:632px) {
	.gall_Box_resp1 li{	float:left;width:50%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(60/210));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(60/210)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	width:80%;margin-top:3px;}
	.gall_txt1 p{	height:22px;line-height:22px;}
	.gall_txt1 p.tit{	overflow:hidden;}
}
@media all and (min-width:633px) and (max-width:836px) {
	.gall_Box_resp1 li{	float:left;width:33%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(48/230));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(48/230)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:837px) and (max-width:1024px) {
	.gall_Box_resp1 li{	float:left;width:25%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(34/215));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(34/215)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1025px) and (max-width:1229px) {
	.gall_Box_resp1 li{	float:left;width:20%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(26/208));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(26/208)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1230px) and (max-width:1435px) {
	.gall_Box_resp1 li{	float:left;width:16.6%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(21/208));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(21/208)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1436px) and (max-width:1639px) {
	.gall_Box_resp1 li{	float:left;width:14.2%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(17/197));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(17/197)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1640px) and (max-width:1844px) {
	.gall_Box_resp1 li{	float:left;width:12.5%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(15/194));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(15/194)) !important;max-height:inherit;border:1px solid #dedede;	}
}





/* 동영상 response */
	.movie_resp{	padding:0px;margin:0;	}
	.movie_Box_resp2{	width:100%;margin:0 auto;padding:0;border-bottom:1px solid #ddd;}
	.movie_Box_resp2 li{	float:left;width:223px;padding:15px 0px 35px;	}
	.thum-img1{	width:100%;text-align:center;	}
	.thum-img2{	width:85%;text-align:center;margin:0 auto;position:relative;	}
	.thum-img2 a > img{	width:100%;	}
	.thum-img2:hover{	opacity:0.7;	}
	.movie-layer{	position:absolute;left:0;	}
	.movie-layer img{	width:100%;	 }
	.movie-txt{	padding:5px 0;position:relative;text-align:left;	}
	.movie-txt p{	width:85%;text-align:left;margin:0 auto;position:relative;padding:2px 0;height:20px;overflow:hidden;	}
	.name_date_movie span{	position:absolute;right:0px;	}
	.movie-txt .tit a{	font-size:14px;	}

@media only  screen and (max-width: 320px){
	.movie_Box_resp2{	width:310px !important;margin:0 auto;}
	.movie_Box_resp2 li{	width:49%;padding:15px 0px 30px;	 }
	.movie-txt p{	overflow:hidden;height:22px;	}
}

@media all and (min-width:321px) and (max-width:420px) {
	.movie_Box_resp2{	min-width:310px !important;margin:0 auto;}
	.movie_Box_resp2 li{	width:49%;padding:15px 0px 30px;		}
	.movie-txt p{	overflow:hidden;height:22px;	}
}

@media all and (min-width:421px) and (max-width:632px) {
	.movie_Box_resp2 li{	width:33.2%;	}
	.name_date_movie span{	display:none;	}
	.movie-txt p{	overflow:hidden;height:22px;	}

}

@media all and (min-width:633px) and (max-width:836px) {
	.movie_Box_resp2 li{	width:33.2%;	}
}

@media all and (min-width:837px) and (max-width:1024px) {
	.movie_Box_resp2 li{	width:25%;		}
}

@media all and (min-width:1025px) and (max-width:1229px) {
	.movie_Box_resp2 li{	width:20%;		}
}

@media all and (min-width:1230px) and (max-width:1435px) {
	.movie_Box_resp2 li{	width:16.6%;	}
}

@media all and (min-width:1436px) and (max-width:1639px) {
	.movie_Box_resp2 li{	width:14.2%;	}
}

@media all and (min-width:1640px) and (max-width:1844px) {
	.movie_Box_resp2 li{	width:12.5%;	}
}





/* 인증서 response  // 발간물*/
.cer_resp{	margin:0 auto;	}
.cer_resp_Box{	margin:0;padding:0;	}
.cer_resp_Box li{	float:left;width:200px;height:364px;padding:15px 25px 30px 25px;	}
.cer_resp_Box li .thum_img{		text-align:center;width:200px;height:275px;line-height:275px;	}
.cer_resp_Box li .thum_img img{	border:1px solid #ddd;	}
.cer_resp_Box li .cer_txt{	font-size:16px;height:40px;line-height:40px;text-align:center;font-weight:300;	}
.td-down{		padding-top:15px;position:relative;height:35px;width:100%;text-align:center;border-top:1px dashed #ddd}
.td-down-btn1{	/*position:absolute;left:0px;*/	}
.td-down-btn2{	/*position:absolute;right:0px;*/	}

@media only  screen and (max-width: 320px){
	.cer_resp_Box{	width:320px !important;text-align:center;	}
	.cer_resp_Box li{	float:left;width:48%;height:50%;padding:15px 0 30px 0;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(130/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:123px;height:223 !important;max-height:inherit;border:1px solid #dedede;	}
	.cer_txt {	width:80%;text-align:center;margin:0 auto;overflow:hidden;height:23px; }

	/* 발간물 */
	.cer_resp{	margin:0 auto;	 	}
	.publication_wrap .cer_resp_Box{	width:300px !important;text-align:center;	 }
	.publication_wrap .cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.publication_wrap .cer_resp_Box li .thum_img{		text-align:center;width:90%;height:auto;line-height:calc(100vw*(130/275));margin: 0 auto;}
	.publication_wrap .cer_resp_Box li .thum_img img{	width:115px;height:155px !important;max-height:inherit;border:1px solid #dedede;	}
	.td-down{	width:80%;margin:0 auto;	}
	.td-down-btn1{	position:inherit !important;left:0px;	}
	.td-down-btn2{	position:inherit !important;right:inherit !important;display:block;	}
	.mgT15_ex{	position:inherit !important;right:inherit !important;display:block;margin-top:15px;	}
}


@media all and (min-width:321px) and (max-width:420px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(131/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:80%;max-width:inherit;height:calc(100vw*(131/275)) !important;max-height:inherit;border:1px solid #dedede;	}
	.cer_txt {	width:80%;text-align:center;margin:0 auto;overflow:hidden;height:23px; }

	/* 발간물 */
	.publication_wrap .cer_resp_Box{	width:100%;text-align:center;	}
	.publication_wrap .cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.publication_wrap .cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(138/275));margin: 0 auto;}
	.publication_wrap .cer_resp_Box li .thum_img img{	width:90%;max-width:inherit;height:calc(100vw*(138/275)) !important;max-height:inherit;border:1px solid #dedede;	}
	.publication_wrap .cer_txt {	width:84%;margin:0 auto;overflow:hidden;height:23px; }
	.td-down{		padding-top:15px;position:relative;height:35px;width:95%;text-align:center;border-top:1px dashed #ddd}
}
@media all and (min-width:421px) and (max-width:632px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(130/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:80%;max-width:inherit;height:calc(100vw*(130/275)) !important;max-height:inherit;border:1px solid #dedede;	}

	/* 발간물 */
	.publication_wrap .cer_resp_Box{	width:100%;text-align:center;	}
	.publication_wrap .cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.publication_wrap .cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(145/275));margin: 0 auto;}
	.publication_wrap .cer_resp_Box li .thum_img img{	width:90%;max-width:inherit;height:calc(100vw*(145/275)) !important;max-height:inherit;border:1px solid #dedede;	}
	.publication_wrap .cer_txt {	width:80%;margin:0 auto;overflow:hidden;height:23px; }
	.publication_wrap .td-down{	width:80%;margin:0 auto;	}
}
@media all and (min-width:633px) and (max-width:836px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:25.2%;height:50%;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(85/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(85/275)) !important;max-height:inherit;border:1px solid #dedede;	}

	/* 발간물 */
}
@media all and (min-width:837px) and (max-width:1024px) {
	.cer_resp_Box{	width:100%;text-align:center;}
	.cer_resp_Box li{	float:left;width:18.9%;height:50%;	 }
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(67/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(67/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1025px) and (max-width:1229px) {
	.cer_resp_Box{	width:100%;text-align:center;		}
	.cer_resp_Box li{	float:left;width:15.03%;height:50%;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(52/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(52/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1230px) and (max-width:1435px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:12.53%;height:50%;padding-bottom:10px !important; 	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(46/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(46/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1436px) and (max-width:1639px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:10.778%;height:300px;padding-bottom:10px !important;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(40/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(40/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1640px) and (max-width:1844px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:11.22%;height:320px;padding-bottom:10px !important;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(40/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(40/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}



/* ebook */
.ebookBox { width:100%; overflow:hidden; }
.ebookBox > li { float:left; width:226px; height:310px; margin:0 0 50px 11px;			}
.ebookBox > li.mgn_none { margin-left:0; }
.ebookBox > li > a { display:block; margin:0 auto; width:210px; height:100%; overflow:hidden; }
.ebookBox .img { width:100%; overflow:hidden; height:245px; position:relative; }
.ebookBox .img:after { content:""; display:block; position:absolute; z-index:-1; left:3px; bottom:5px; width:202px; height:11px; border:1px solid #e1e1e1; background:#f9f9f9; box-shadow:0 2px 4px rgba(0,0,0,.1); }
.ebookBox .img > div { border:1px solid #ccc; background:#fff; margin:0 auto; width:177px; height:230px; overflow:hidden; position:relative; }
.ebookBox .img > div:before { content:""; display:block; position:absolute; top:0; left:0; z-index:5; width:10px; height:100%; border-right:1px solid rgba(100,100,100,.2); 
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.ebookBox .img > div img { width:100%;height:100%; }
.ebookBox dl { width:210px; margin:15px auto 0; text-align:center; }
.ebookBox dt { font-size:17px; color:#333; font-weight:bold; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.ebookBox dd { font-size:13px; color:#999; margin-top:6px; }
.ebookBox li.no_data{	width:100%;text-align:center;margin:0px;height:120px;line-height:120px;border-top:1px solid #dedede;border-bottom:1px solid #dedede; 	}
.no-ebookView{	display:inline-block;width:179px;line-height:220px;text-align:center;	}


@media only  screen and (max-width: 320px){
	.ebookBox > li {	 width:142px;height:240px;	}
	.ebookBox > li > a { width:130px;	 }
	.ebookBox .img { height:170px;	 }
	.ebookBox .img:after { width:140px;	}
	.ebookBox .img > div { width:128px; height:168px;	}
	.ebookBox dl { width:130px;		}
	.ebookBox dt { height:21px;  }
	.no-ebookView{	width:130px;line-height:170px;	}
}

@media all and (min-width:321px) and (max-width:420px) {
	.ebookBox > li {	 width:46.8%;height:265px;	}
	.ebookBox > li > a { width:155px;	 }
	.ebookBox .img { height:199px;	 }
	.ebookBox .img:after { width:140px;	}
	.ebookBox .img > div { width:152px; height:197px;	}
	.ebookBox dl { width:130px;		}
	.ebookBox dt { height:21px;  }
	.no-ebookView{	width:152px;line-height:197px;	}

}

@media all and (min-width:421px) and (max-width:720px) {
	.ebookBox > li {	 width:205px;height:265px;	}
	.ebookBox > li > a { width:155px;	 }
	.ebookBox .img { height:199px;	 }
	.ebookBox .img:after { width:140px;	}
	.ebookBox .img > div { width:152px; height:197px;	}
	.ebookBox dl { width:130px;		}
	.ebookBox dt { height:21px;  }
	.no-ebookView{	width:152px;line-height:197px;	}

}





/* artist */

.artist{	width:100%;padding-bottom:50px;	}
.artist_top{	height:47px;100%;	}
.artist_tab{	width:100%;height:56px;	}
.artist_tab > ul{	border-bottom:2px solid #ccc;width:60% !important;margin:0 auto;margin-bottom:50px; 	 	}
.artist_tab > ul > li{	width:100% !important;border-bottom:1px solid #dcdcdc;height:45px;position:relative;	}
.artist_tab > ul > li > a{	display:block;color:#555;width:100%;text-align:center;font-size:14px;line-height:45px;height:45px;background:url(/common/images/board/bullet_navi.gif) no-repeat right 17px top 22px;overflow:hidden;padding-right:10px;	}
.artist_tab > ul > li > ul{display:none;z-index:999;position:absolute;overflow:hidden;top:45px;width:100%;margin-left:-1px;background:#fff;border:1px solid #dcdcdc;border-top:0;}
.artist_tab > ul > li > ul > li{	width:100%;border-top:1px solid #dcdcdc;font-size:14px;	}
.artist_tab > ul > li > ul > li a{	display:block;width:100%;height:43px;line-height:43px;text-align:center;color:#888;overflow:hidden;	}
.artist_visual{ margin:50px 0;text-align:center;  }
.artist_visual img{	width:92%;box-shadow:5px 8px 14px rgba(0,0,0,0.15);-moz-box-shadow:5px 8px 14px rgba(0,0,0,0.15);-ms-box-shadow:5px 8px 14px rgba(0,0,0,0.15);-webkit-box-shadow:5px 8px 14px rgba(0,0,0,0.15);	}
.conBox{		float:left;margin-left:30px;width:415px;margin-top:10px;	}
.conBox dl{	padding:0;margin:0;	}
.conBox dl dt{	padding:0;margin:0;float:left;width:95px;font-weight:bold;line-height:32px;	}
.conBox dl dd{	padding:0;margin:0;float:left;width:calc(100% - 110px);line-height:32px;min-height:32px;	}
.artist_menu{	margin:10px auto;padding:0;width:201px;	}
.artist_menu li{	float:left;	padding:5px 13px;font-weight:800;font-size:12px;color:#454545;cursor:pointer;	}
.artist_menu li.on{	color:#f25416	}


#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;	}
.content-area img{	width:95%;	}
@media only  screen and (max-width: 320px){
	ul.artist_photoBox li{	width:49%;height:210px;	}
	ul.artist_photoBox li img{	width:151px;height:210px;	}
	ul.artist_photoBox li .ov{	width:151px;height:210px;	 }
}

@media all and (min-width:321px) and (max-width:420px) {
	ul.artist_photoBox li{	width:49%;height:225px;	}
	ul.artist_photoBox li img{	width:171px;height:225px;	}
	ul.artist_photoBox li .ov{	width:171px;height:225px;	 }
}


#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;}

@media only  screen and (max-width: 320px){
	.video_sorce iframe{	width:100%;height:auto;	}
	ul.artist_videoBox li{	width:49.5%;height:120px;	 }
	ul.artist_videoBox li img{	width:152px;height:120px;	}
	ul.artist_videoBox li .ov{	width:152px;height:120px;	 }
	ul.artist_videoBox li .ov span{		margin-top:50px;	 }
	ul.artist_videoBox li .ov2{	width:152px;height:120px;	 }
	.video_sorce_tit{		line-height:30px;	 }
}

@media all and (min-width:321px) and (max-width:420px) {
	.video_sorce iframe{	width:100%;height:auto;	}
	ul.artist_videoBox li{	width:49.5%;height:130px;	 }
	ul.artist_videoBox li img{	width:171px;height:130px;	}
	ul.artist_videoBox li .ov{	width:171px;height:130px;	 }
	ul.artist_videoBox li .ov span{		margin-top:50px;	 }
	ul.artist_videoBox li .ov2{	width:171px;height:130px;	 }
	.video_sorce_tit{		line-height:30px;	 }
}





/*qna*/
.qnaCon > p { font-size:17px; line-height:150%; text-align:center;margin-top:30px; }
.qnaCon > div { width:100%; background:#f6f6f6; overflow:hidden; margin-top:30px; box-sizing:border-box; padding:40px 45px; border-radius:5px;  }
.qnaCon dl { float:left; margin:50px 0 0 20px; width:330px; overflow:hidden; font-family:"Muli", "Nanum Gothic"; color:#616161; font-size:20px; line-height:150%; }
.qnaCon dt { font-weight:bold; margin-top:25px; }
.qnaCon dt:first-child { margin-top:0; }
.qnaCon dd { font-weight:400;  }
.qnaCon dd.number a { color:#616161; }
.qnaCon fieldset { float:right; width:625px; }
.qnaCon li { overflow:hidden; width:auto; margin-top:9px; }
.qnaCon input { display:block; box-sizing:border-box; border:1px solid #e0e0e0; background:#fff; width:100%; height:58px; line-height:56px; text-indent:22px; font-size:16px; border-radius:3px; }
.qnaCon textarea { box-sizing:border-box; border:1px solid #e0e0e0; background:#fff; width:100%; line-height:150%; font-size:16px; border-radius:3px; padding:10px; }
.qnaCon input.name { width:210px; float:left; }
.qnaCon input.email { width:402px; float:right; }
.qnaCon input:-ms-input-placeholder, .qnaCon textarea:-ms-input-placeholder { color: #a8a8a8; }
.qnaCon input::-webkit-input-placeholder, .qnaCon textarea::-webkit-input-placeholder { color: #a8a8a8; }
.qnaCon input::-moz-placeholder, .qnaCon textarea::-moz-placeholder { color: #a8a8a8; }
.qnaCon .add_tx { line-height:58px;margin-left:10px; float:left;  }
.qnaCon input.spam { width:210px; float:left; margin-left:10px;}

.qnaCon a.btn_qna { display:block; box-sizing:border-box; width:100%; height:60px; line-height:60px; text-align:center; font-weight:bold; color:#fff; border-radius:2px; border:1px solid #d08e00; font-size:20px;
	background: rgb(255,174,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,174,0,1) 0%, rgba(240,164,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,174,0,1) 0%,rgba(240,164,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,174,0,1) 0%,rgba(240,164,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#f0a400',GradientType=0 ); /* IE6-9 */
}

.online-txt{ border:1px solid #ccc; border-radius:10px; height:120px; overflow-y:auto; padding:10px 15px;background-color:#FFF; }
.qnaCon input[name=agree]{	width:inherit;height:inherit;display:initial;	}
.check{	padding:5px 0;	}

@media screen and (max-width:1100px) {

	/*qna*/
	.qnaCon { box-sizing:border-box; padding:30px 15px; }
	.qnaCon > p { font-size:15px; }
	.qnaCon > div { margin-top:20px; padding:15px; }
	.qnaCon dl { float:none; margin:0; width:100%; font-size:15px; }
	.qnaCon dt { margin-top:15px; }
	.qnaCon fieldset { float:none; width:100%; margin-top:20px; }
	.qnaCon li { margin-top:5px;  }
	.qnaCon input { height:35px; line-height:35px; text-indent:10px; font-size:14px; }
	.qnaCon textarea { font-size:14px; }
	.qnaCon input.name { width:100%; float:none; }
	.qnaCon input.email { width:100%; float:none; margin-top:5px; }
	.qnaCon a.btn_qna {  height:40px; line-height:40px; font-size:16px; }
	.qnaCon input.spam { width:110px; margin-top:12px;}
	.qnaCon .add_tx { height:58px; line-height:15px; width:calc(100% - 255px);}
	.qnaCon .add_tx p { width:100%;  height:100%; display:table; }
	.qnaCon .add_tx p span { display:table-cell; vertical-align:middle;}

}

@media screen and (max-width:450px) {

	.qnaCon input.spam { width:85px; margin:12px 0 0 3px; font-size:11px; text-indent:5px; }
	.qnaCon .add_tx {  width:155px;	}
}
@media screen and (max-width:320px) {
	.qnaCon input.spam { width:83px; margin:12px 0 0 3px; font-size:11px; text-indent:5px; }
	.qnaCon .add_tx {  width:150px;	}
}



/* IR정보 */
ul.inv_tab{overflow:hidden;}
ul.inv_tab li{
	display:block; float:left;
	cursor:pointer;
	height:30px; min-width:70px;
	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:32px;}
div.now span{font-size:30px;color:#3366cc}
div.now em{font-size:13px;color:#8a9096;position:absolute;right:20px;top:68%;}
table.inv_tb{border-top:2px solid #b2b9c0;border-bottom:2px solid #b2b9c0;font-size:10px;}
table.inv_tb th{padding:3px 2px;color:#484b4d;background:#fafafa;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
table.inv_tb td{padding:3px 2px;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;}





/* 관련사이트*/
	.siteCon{	width:100%;margin:0 auto;	}

.siteCon li { float:left; width:263.75px; margin:0 15px 40px 0; font-size:15px; font-weight:350; }
.siteCon li.last { margin-right:0; }
.siteCon li img { width:100%; }
.siteCon h3 { color:#333; margin-top:10px; letter-spacing:-1px;}
.siteCon p { line-height:100%; margin-top:4px;color:#999;}


@media only  screen and (max-width: 460px){
	.siteCon{	width:264px;margin:0 auto;	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.siteCon{	width:562px;margin:0 auto;	}
}


.inquiry_txt2 { border:1px solid #ddd; background:#f4f4f4; padding:10px 5px; line-height:150%; margin-bottom:15px!important; }