/* initiate */
* { margin: 0; padding: 0; }
body { top: 0; left: 0; color: #333533; font-family: "나눔고딕", "Gulim", sans-serif; font-size: 13px; background-color: #eee; }
/* body { font-family: "Gulim"; } */

/* links */
a, a:link, a:visited, a:hover, a:active { background: transparent; text-decoration: none; cursor: pointer; }
a.u { text-decoration: underline; }
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { color: #c00; }
/* a img { border-style: solid; border-width: 1px; border-color: #ddd; } */	/* IE 전용 */
a img { border-style: solid; border-width: 1px; }

img.bd { border: solid 1px #999; }
.idt_ { text-indent: -1em; }
/* input */
	/* sp: simple */
	input.sp, textarea.sp, select.sp { border: solid 1px #aaa; border-right-color: #f6f6f6; border-bottom-color: #f6f6f6; background-color: #eee; font-size: 12px; padding: 1px; }
	textarea.sp { font-size: 13px; line-height: 1.6; }
	input.fcs, textarea.fcs, select.fcs { background-color: #FCF4E5; border: solid 1px #F1CA7E; }
	/* bt: button */
	input.bt, input.btS, input.btL, a.btL, a.bt { border: solid 1px #B7BDC3; background: #e9e9e9 url("img/bg_input_bt.png") center center repeat-x; color: #666; cursor: pointer; }
	input.bt { padding: 3px; font-size: 13px; }
	a.bt { padding: 3px; }
	input.btS { padding: 0; font-size: 11px; }
	input.btL, a.btL { padding: 5px; font-size: 16px; }
	a.btL { text-decoration: none; }
	a.btL:hover { color: #0eae00; border-color: #0eae00; }
	a.btL span.arw { font-family: "Gulim", sans-serif; color: #0eae00; margin: 0 4px; font-weight: bold; font-size: 14px; }
hr { border: none; border-top: solid 1px #eaebec; border-bottom: solid 1px transparent; width: 98%; margin: 20px auto; clear: both; }
/* Layout */
/* #lay { max-width: 1200px; min-width: 970px; width: 970px; position: relative; } */
#lay { width: 820px; position: relative; }
#wrp, #btm { margin: 0 0 0 150px; }
#wrp { background-color: #fff; padding-top: 50px; }
#wrp div.nil { height: 40px; }

/* AtteNtion(2013-05-06) */
div.attn { border: none; background-color: #eee; padding: 1em; width: 77%; margin: 1em auto; font-size: 1em; color: #111; border-radius: 1em;
display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
div.attn div { font-size: 1em; color: #111; padding: 0.3em 0.5em; }

div.attn div:first-child { background-color: #111; color: #fff; border-radius: 0.5em; white-space:nowrap; }

div.attn.grn { background-color: #DFEDC0; }
div.attn.grn div:first-child { background-color: #3F5A04; color: #DFEDC0; }
div.attn.grn div { color: #3F5A04; }

div.attn.ylw { background-color: #FFF6DE; }
div.attn.ylw div:first-child { background-color: #DC6200; color: #FFF6DE; }
div.attn.ylw div { color: #DC6200; }

div.attn.red { background-color: #FFDEDE; }
div.attn.red div:first-child { background-color: #BE0000; color: #FFDEDE; }
div.attn.red div { color: #BE0000; }
/* AtteNtion */


#bdy { margin: 0 15px; padding: 15px 0; }
#sch_frm { text-align: center; }
#sch_frm select, #sch_frm option, #sch_frm input { font-size: 15px; }
#sch_kw { width: 200px; border: solid 3px #a00; background-color: #fff; padding: 5px; font-weight: bold; vertical-align: middle; }
#sch_frm .sch_btn { border: none; padding: 7px; background-color: #a00; font-weight: bold; vertical-align: middle; color: #f4f4f4; text-shadow: 1px 1px 0 #300; vertical-align: middle; }
#sch_note { margin: 5px 0 0 190px; color: #aaa; text-align: left; font-size: 12px; }
#sch_note span { color: #a00; }
#bdy div.err { width: 500px; border: solid 1px #ccc; background-color: #f7f7f7; padding: 15px; margin: 15px auto; line-height: 1.6; }
#bdy div.err p { line-height: 1.6; }
#bdy div.note { width: 500px; border: solid 1px #009604; color: #009604; background-color: #EEF3E2; padding: 15px; margin: 15px auto; line-height: 1.6; }

#btm { margin-bottom: 100px; background-color: #eee; font-size: 13px; }
	#btm div.biz { border-top: solid 3px #636870; padding: 10px; background-color: #fafafa; }
	#btm div.biz div { font-size: 13px; color: #1F1F20; line-height: 2; }
	#btm div.biz span { margin-right: 10px; color: #6B6D70; }
	#btm .intro { margin: 10px 0; font-size: 13px; color: #ccc; }
	#btm .intro a { color: #666; }
	#btm .cpr { padding-top: 10px; text-align: center; color: #c00; font: italic normal 15px/1.2 "Palatino Linotype"; }

ul.ics { height: 32px; margin-top: 15px; }
ul.ics li { display: inline; background-color: transparent; }
ul.ics li a { display: inline-block; width: 32px; height: 32px; background-image: url("img/icons_h32px_social_sprite.png"); background-repeat: no-repeat; margin-right: 30px; text-indent: 101%; overflow: hidden; white-space: nowrap; }
ul.ics li:last-child a { margin-right: 0; }
ul.ics li a.yt { background-position: 0 0; width: 45px; }		/* Youtube */
ul.ics li a.nb { background-position: -45px 0; }	/* Naver Blog */
ul.ics li a.ns { background-position: -77px 0; }	/* Naver Storefarm */
ul.ics li a.tw { background-position: -109px 0; }	/* Twitter */
ul.ics li a.it { background-position: -141px 0; }	/* Instagram */
ul.ics li a.ag { background-position: -205px 0; }	/* Agent */
ul.ics li a.fb { background-position: -237px 0; }	/* FaceBook */
ul.ics li a.gc { background-position: -269px 0; }	/* GfyCat */


#lft, #rit { position: fixed; width: 150px; background-color: #eeeff3; }
#lft .sdw, #rit .sdw { height: 15px; background: transparent url("img/bg_lft_sdw.gif") top center no-repeat; }
#lft { top: 50px; left: 0; }
	/* lft sch */
	#lft .sch { padding: 5px 0; text-align: center; }
	#lft .sch .kw { border-width: 1px; width: 95px; padding: 1px; font-size: 12px; }
	#lft .sch .sch_bt { border-width: 1px; font-size: 12px; padding: 1px; }
/*
#top .sch { background-color: #622; width: 120px; }
#top .sch .kw { background-color: #F5E6E6; }
#top .sch .sch_bt {  }
*/

	/* left menu */
	#lft ul a { display: block; color: #17445f; text-decoration: none; }
	#lft li li { font-family: "나눔고딕", "Gulim"; font-size: 13px; line-height: 1; }
	#lft li div { background: #DADDE5 url("img/bg_mnu_lft.gif") top left repeat-x; font: normal bold 16px/1 "나눔고딕", "Dotum"; text-shadow: 1px 1px 0 #f0f0f0; color: #070910; border: none; border-top: solid 1px #99A2AF; border-bottom: solid 1px #848F9D; padding: 6px; }
	#lft li div:hover { background: #dadde5 url("img/bg_mnu_lft_t.gif") top left repeat-x; border-top: solid 1px #88909B; border-bottom: solid 1px #77808D; }
	#lft li li a { padding: 7px; border-top: solid 1px transparent; border-bottom: solid 1px transparent; text-shadow: 1px 1px 0 #fff; }
	#lft li li a:hover { background-color: #D8DEE9; border-top: solid 1px #d1d7e4; border-bottom: solid 1px #d1d7e4; }
	#lft li li a span { padding: 4px 6px 3px 6px; font-family: "굴림체", sans-serif; color: #384250; font-weight: bold; margin-right: 3px; background: transparent url("img/bg_mnu_lft_num.gif") top left no-repeat; }
	#lft li li a:hover span { color: #ce1011; }
	#lft li li.t a { background-color: #fff; border-top: solid 1px #d1d7e4; border-bottom: solid 1px #d1d7e4; font-weight: bold; }
	#lft li li.t a span { color: #ce1011; }


#vw_txt { margin-top: 1em; font-size: 1.2em; line-height: 1.8; }

	#lft a { text-decoration: none; }
	/* #lft a:hover { text-decoration: underline; } */
	#lft .bx { width: 148px; border-style: solid; border-width: 1px; line-height: 1.4; }
	#lft .bx div { padding: 3px 3px 5px 3px; text-align: center; }
	#lft .cta { border-color: #3b87c9; background-color: #e2edf7; text-shadow: 1px 1px 0 #fff; }
	#lft .acc { border-color: #93218e; background-color: #efdeee; }
		#lft .bx .hd { color: #f4f4f4; font-family: "Dotum"; font-weight: bold; font-size: 14px; text-align: left; text-shadow: 1px 1px 0 #444; }
		#lft .cta .hd { background-color: #3b87c9; }
		#lft .cta .t { font-family: "Impact", sans-serif; color: #006dba; font-size: 29px; }
		#lft .cta .f, #lft .cta .e { font-family: "Arial"; color: #3a86d6; }
		#lft .cta .f { font-size: 16px; font-weight: bold; }
		#lft .cta .e { color: #3a86d6; }
		#lft .acc .dta div { text-align: left; color: #a3429f; }
		#lft .acc .dta hr { border-top-color: #debcdd; margin: 0; }
		#lft .acc .dta div a { color: #f30; }
		#lft .acc .dta div .fTh { font-size: 15px; }
		#lft .acc .hd { background-color: #93218e; }
		#lft .acc a { color: #a3429f; }

.viw { border: solid 1px #DDD; margin-top: 2em; }
.viw .hd { font-size: 1.1em; font-weight: bold; background: #F0F0F0 url("img/bul_org.gif") 8px center no-repeat; padding: 0.7em 0.7em 0.7em 1.4em; border-top: solid 1px #F7F7f7; border-left: solid 1px #F7F7F7; color: #525552; text-decoration: none; }

.viw .cel { float: left; width: 100px; height: 180px; margin: 22px 0 11px 22px; border: solid 1px #CCC; position: relative; opacity: 0.5; cursor: pointer; }
.viw .cel img { width: 100%; height: auto; }
.viw .cel .inum { position: absolute; top: 0; left: 0; background-color: #C00; color: #FFF; font-family: "Palatino Linotype", serif; font-size: 12px; padding: 3px; opacity: 0.6; }
.viw .cel:hover { opacity: 1;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);
}
.viw .cel:hover .inum { font-size: 14px; }
.viw .cel .nm { font-size: 12px; padding: 5px; }
.viw .cel .spc { font-size: 11px; text-align: center; }
.viw .cel .prc { position: absolute; bottom: 2px; right: 3px; color: #fe7f00; font-size: 13px; font-family: "Tahoma", sans-serif; }
/* 우상단 본 상품 */
.viewed { position: absolute; top: 29px; left: 740px; width: 180px; text-align: right; }
.viewed .hd { font-weight: bold; color: #FFF; cursor: pointer; padding-right: 120px; padding-bottom: 7px; }
.viewed .lst { display: none; border: solid 1px #CCC; }
.viewed:hover .lst { display: block; background-color: #E7E7E9; opacity: 0.9; padding: 5px;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.1);
}
.viewed .lst .cel { position: relative; cursor: pointer; }
.viewed .lst .cel .im { float: left; width: 60px; margin-right: 5px; }
.viewed .lst .cel .im img { width: 100%; height: auto; border: solid 1px #CCC; }
.viewed .lst .cel:hover .im img { border-color: #C00; }
.viewed .lst .cel .tx { font-size: 11px; text-align: left; }
.viewed .lst .cel .tx .inum1 { font-family: "Palatino Linotype", Serif; font-size: 12px; color: #C00; }
.viewed .lst .cel .tx .prc { text-align: right; color: #fe7f00; font-family: "Tahoma", sans-serif; }
.viewed .lst div.cl { height: 1px; }

.pg_nav { border: solid 1px #D1D1D1; height: 31px; background: #F3F3F3 url("img/bg_nav.gif") top left no-repeat; margin-bottom: 20px; }
.pg_nav a { color: #444; font-size: 12px; background: #F3F3F3 url("img/bg_nav.gif") top right no-repeat; display: block; float: left; padding: 9px 25px 8px 0; text-shadow: 1px 1px 0 #fff; }
.pg_nav a.hm { padding-left: 10px; }
.pg_nav a.end { background-image: none; }

.navi { width: 100%; margin-bottom: 20px; }
.navi td { font-size: 15px; color: #7fbcff; vertical-align: middle; }
.navi td span { cursor: pointer; }
.navi td span:hover { color: #007AFF; }
.navi td span span { font-weight: bold; font-size: 18px; margin: 0 5px; }

h1 { font-size: 27px; color: #3074b5; }
h2 { border-left: solid 15px #cd5c5c; border-bottom: solid 1px #e1e1e1; padding: 10px; font-size: 23px; color: #333; background-color: #fafafa; margin: 25px 0; clear: both; }	/* for IE6: clear: both */
h3 { font-size: 20px; margin: 25px 0 10px 0; color: #3074b5; clear: both; }	/* for IE6: clear: both */
h4 { font-size: 16px; margin: 15px 0 0 10px; color: #177B2F; }

.subcat { border: solid 2px #3a85c7; padding: 9px 18px; margin-top: 5px; overflow: auto; background-color: #f0faff; border-radius: 6px; }
.subcat ul { list-style-type: none; }
.subcat ul li { border-left: solid 1px #7fb0db; float: left; width: 130px; padding: 0 7px; margin: 3px 0; }
.subcat a { font-weight: bold; color: #3a85c7; }
.rbx { border: solid 2px #007AFF; padding: 10px; margin-top: 15px; background-color: #f8f8f8; overflow: hidden; border-radius: 6px; }

.qb ul { list-style-type: none; padding: 13px 0 8px 0; border-bottom: solid 2px #a00; }
.qb li { display: inline; font-weight: bold; margin-right: 1px; }
.qb a { padding: 8px; background-color: #aaa; color: #555; }
.qb a:hover { background-color: #c66; padding-top: 13px; text-decoration: none; color: #fff; }
.qb a.t { background-color: #a00; color: #fff; padding: 13px 8px 8px 8px; }
/* 계단용 운반기 LIFTKAR 애니메이션 */
.cat_pt { margin: 1em 0; }
.cat_pt div { display: inline-block; margin-left: 9px; text-align: center; }
.cat_pt div:first-child { margin-left: 0; }
.cat_pt a img { width: 150px; height: 112px; border: none; }
.cat_pt a span { color: #999; }
.cat_pt a span span { color: #005D9C; font-family: "Tahoma", "Arial", sans-serif; font-weight: bold; font-size: 18px; margin-right: 3px; }
.cat_pt a:hover { text-decoration: none; }


/* goods (C, S) */
#gds { margin-top: 15px; }
#gds .bx { overflow: hidden; }
#gds .shwBig { text-align: center; font-size: 12px; }
#gds .shwBig a { color: #999; }
#gds .im { width: 240px; float: left; text-align: center; }
#gds .nfo { margin-left: 240px; border: solid 2px #b9d2e5; border-radius: 8px; }
#gds .nfo table {  }
/* #gds .nfo table tr:hover { background-color: #EEEFEE; cursor: pointer; } */
#gds .nfo td { font-size: 15px; padding: 6px; color: #555; }
#gds .nfo td.valT { vertical-align: top; }
#gds .nfo .num { font-family: "Tahoma", sans-serif; }
#gds .nfo .nt { font-size: 11px; color: #999; margin-top: 3px; }

#gds .im img { border: solid 1px #999; }
#gds h2 { margin-top: 40px; }
#gds .dwg { margin: 10px 0; }
.prc { font-family: "Dotum", san-serif; color: #999999; text-shadow: 1px 1px 0 #FFF; }	/* PRiCe '약', '원' */
.prc .pr { font-family: "Palatino Linotype", "Tahoma", serif; color: #fe7f00; font-weight: bold; }	/* PRice 숫자 */

.cst_gds { margin-top: 10px; }
.cst_gds .cel { float: left; width: 156px; border: none; margin-right: 4px; font-size: 15px; line-height: 1.6; text-align: center; color: #555; padding: 5px 0; }
.cst_gds .bx { border: solid 1px #CCCDCC; margin: 2px 0; }
.cst_gds .bx:hover { border-color: #39F; }
.cst_gds .bx.this { border: solid 3px #09F; margin: 0; }
.cst_gds .cel img.g { width: 150px; height: 150px; }

.cst_gds .price_ { font-size: 13px; color: #9A9; text-shadow: 1px 1px 0 #FFF; }	/* PRiCe '약', '원' */
.cst_gds .price_num { font-size: 16px; font-family: "Palatino Linotype", "Tahoma", serif; color: #fe7f00; font-weight: bold; }	/* PRice 숫자 */
.cst_gds .eabox { font-size: 13px; color: #9A9; }
div.desc { font-size: 1em; }
div.desc ul { margin: 1em 0 1em 1.5em; }
div.desc ul li { margin: 0.5em; line-height: 1.6; }


/* 상품박스 시작*/
div.fbx { border: solid 1px transparent; margin-top: 30px; float: left; width: 120px; margin-right: 7px; position: relative; }
div.fbx p.n { display: inline; font-family: "Palatino Linotype", serif; font-weight: bold; font-size: 15px; color: #666; }	/* 추후 삭제 예정 2019-01-27 */
div.fbx .ic_num { position: absolute; left: 1px; top: 1px; font-size: 16px; color: #C00; padding: 1px 3px; background-color: #FFF; opacity: 0.9; cursor: pointer; font-family: "Palatino Linotype" 
}

div.fbx img { border: solid 1px #CCC; }
div.fbx .nm { font-family: "Gulim"; margin: 3px 0; font-size: 12px; text-align: center; line-height: 1.3;}
div.fbx .nm a { color: #555; text-decoration: none; }
div.fbx .pr { text-align: center; font-family: "Tahoma", sans-serif; font-size: 11px; }
div.fbx .pr span { padding: 0 2px; }
div.fbx .pr a { color: #fe7f00; }
div.fbx .pr a span { color: #999; }
div.fbx .mo { text-align: center; font-size: 11px; margin-top: 3px; }
div.fbx .mo a { color: #06b; }
div.fbx:hover img { border-color: #c00; }
div.fbx:hover p.n, div.fbx:hover p.nm a { color: #c00; }
/* div.fbx:hover p.pr a { text-decoration: underline; } */
/* 상품박스 끝 */
.rbx p { font-size: 15px; line-height: 1.6; margin-bottom: 8px; }
.rbx .hd { color: #177b2f; font-weight: bold; font-size: 16px; }

.ofbx { overflow: hidden; }
.ofbx p { font-size: 16px; line-height: 1.6; margin: 10px 0; text-align: justify; }
.ofbx ol { margin: 10px 0 10px 25px; font-size: 14px; }
.ofbx ol li { line-height: 1.6; }
.ofbx ol li p { font-size: 14px; }

.ofbx ul { margin-left: 15px; text-align: justify; }
.ofbx ul li { line-height: 1.6; margin-bottom: 3px; }
.ofbx .cap { font-size: 12px; line-height: 1.4; color: #A67C51; text-align: justify; }

.ofbx div.dtl ul { margin-left: 20px; font-size: 16px; font-weight: bold; }
.ofbx div.dtl ul li { color: #555; line-height: 1.6; margin-bottom: 4px; }
.ofbx div.dtl ul li div { font-size: 14px; color: #777; font-weight: normal; text-align: justify; }

/* 상품박스 시작 */
.sn { font-family: "Palatino Linotype", "Times New Roman", serif; font-size: 15px; font-weight: bold; margin-top: 0; color: #ED1B23; }
.sn a { color: #ED1B23; }
.prc { font-family: "Dotum", san-serif; color: #999999; text-shadow: 1px 1px 0 #FFF; }	/* PRiCe '약', '원' */
.prc .pr { font-family: "Palatino Linotype", "Tahoma", serif; color: #fe7f00; font-weight: bold; }	/* PRice 숫자 */

.cap { font-size: 13px; margin: 5px 0 10px 0; }

#msg_cart { margin-top: 5px; line-height: 1.4; }

#top { position: fixed; top: 0; width: 820px; height: 50px; background: #AB2D2C url("img/bg_top.gif") top left repeat-x; }
#top table { width: 820px; border-collapse: collapse; border-spacing: 0; }
/* #top td { vertical-align: absmiddle; } */
#top td.tl { font-family: "Gulim"; font-size: 12px; text-align: right; padding-right: 20px; color: #C46B6B; }
#top td.tl a, #top td.tl .fav { color: #fff; cursor: pointer; }
#top ul { margin-left: 150px; list-style-type: none; padding: 6px 0; font-family: "Gulim"; font-size: 12px; }
#top li { display: inline; font-weight: bold; margin-right: 1px; }
#top li a { background-color: #622; color: #F8F5F5; padding: 6px 7px; text-decoration: none; }
#top li.t a { background-color: #fff; color: #333; text-shadow: none; }
#top .sch { background-color: #622; width: 120px; }
#top .sch .kw { border: solid 2px #622; width: 80px; padding: 1px; font-size: 12px; background-color: #F5E6E6; }
#top .sch .sch_bt { border: solid 1px #622; background-color: #622; color: #F5E6E6; font-size: 12px; padding: 1px; text-shadow: 1px 1px 0 #300; }
/*
#arw { position: fixed; }
#arw { top: 10px; left: 810px; }
#arw img { cursor: pointer; }
#arw img { cursor: pointer; opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=33)"; filter:alpha(opacity=33); }
#arw img:hover { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100); }
*/
/* 국기 */
.nf { cursor: help; vertical-align: middle; width: 22px; height: 15px; border: solid 1px #ddd; }

.desc_flx { width: 100%; display: flex; justify-content: space-between; }
.desc_flx div { flex-grow: 1; }
.desc_flx div p a { box-shadow: inset 0 -6px 0 #bfffa1; }
.desc_flx div p a:hover { background-color: #bfffa1; text-decoration: none; }

.desc_flx div img, .desc_flx div a img { border: none; box-shadow: none; }


.desc_flx div:first-child { margin-right: 1em; }
.desc_flx div div.hd { margin: 0.5em 0 0.2em 0; font-size: 1.4em; font-weight: bold; color: #8c97cb; }
.desc_flx div p { font-size: 1.2em; line-height: 1.6; text-align: justify; color: #333533; }

/* table */
.tb2c { border-collapse: collapse; border-spacing: 0; width: 100%; border-top: solid 2px #6093c8; }
.tb2c th { background-color: #F8F8F8; text-align: left; white-space: nowrap; }
.tb2c th, .tb2c td { padding: 10px; font-size: 15px; }
.tb2c th, .tb2c td { border-bottom: solid 1px #cecece; }

table.fs12 td, table.fs12 th { font-size: 12px; }
table.fs13 td, table.fs13 th { font-size: 13px; }
table.wide, table.wd { width: 100%; }
table.alC td { text-align: center; }
table.ck { border-collapse: collapse; border-spacing: 0; }
table.ck td, table.ck th { border: solid 1px #ccc; padding: 2px; }


.mt5 { margin-top: 5px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mr5 { margin-right: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mtb5 { margin-top: 5px; margin-bottom: 5px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mt100 { margin-top: 100px; }	/* bbs view list table */
.mb5 { margin-bottom: 5px; }
.mb30 { margin-bottom: 30px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

/* padding */

.nomr { margin-right: 0; }
.pd5, table.pd5 td, table.pd5 th { padding: 5px; }
.pd10, table.pd10 td, table.pd10 th { padding: 10px; }
.pdt60 { padding-top: 60px; }
table tr.nopd td, table td.nopd { padding: 0; }
/* width */
.w20 { width: 20px; }
.w40 { width: 40px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w90 { width: 90px; }
.w99 { width: 99%; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }	/* login form */
.w146 { width: 146px; }
.w170 { width: 170px; }
.w200 { width: 200px; } /* sch input */
.w250 { width: 250px; }
.w370 { width: 370px; }
.w440 { width: 440px; }
.w500 { width: 500px; }	/* inform box */

/* align */
.alL { text-align: left; }
.alC { text-align: center; }
.alR { text-align: right; }
.alJ { text-align: justify; }
.valM { vertical-align: middle; }
.flL { float: left; }
.flR { float: right; }
.valT { vertical-align: top; }

.ofa { overflow: auto; }	/* OverFlow Auto */
div.cl, br.cl, p.cl { clear: both; height: 10px; }
.cb { clear: both; }

/* btn_clipboard_js */
.btn_cbj, .ic_svg { vertical-align: middle; cursor: pointer; height: 15px; opacity: 0.5; border: none; }
.btn_cbj:hover, .ic_svg:hover { opacity: 1; }


/* extended */
.txt { text-align: justify; line-height: 1.6; }
.b { font-weight: bold; }
.pnt { cursor: pointer; }
.nob { border: none; }
.cnx { text-decoration: line-through; }
.bd1 { border-style: solid; border-width: 1px; }
div.line { clear: both; border-bottom: solid 1px #ddd; padding-top: 20px; margin-bottom: 20px; }
.bdCGray { border-color: #666; }
.bdLGray { border-color: #ccc; }

#bdy .ad { border: solid 1px #C2DB9D; color: #6a1; background-color: #F2F9E8; }
#bdy table.ad { border-spacing: 0; }
#bdy table.ad th { font-weight: normal; }
#bdy table.ad th, #bdy table.ad td { font-size: 12px; padding: 5px 6px; }
#bdy .ad td, #bdy .ad input { font-size: 12px; }
#bdy .ad tr.asy { background-color: #F2E8D9; }
#bdy .ad tr.pck { background-color: #F2DECB; }
#bdy .ad tr.cost { background-color: #F1CABA; }
#bdy .ad tr.mg { background-color: #D9EBE4; }
#bdy .ad tr.pric { background-color: #FBFDF8; }

#bdy table.ad td.dim { opacity: 0.5; border-left: dotted 1px #060; }


#bdy .adm { font-family: "Gulim", "굴림"; border: solid 1px #C2DB9D; color: #6a1; background-color: #F2F9E8; font-size: 12px; text-align: left; padding: 3px; }
#bdy .adm a { color: #6a1; }
#bdy .nbox_grn { margin: 10px auto; width: 500px; border: solid 1px #C2DB9D; color: #6a1; background-color: #F2F9E8; padding: 15px; font-size: 1.15em; }

.olul { margin-left: 25px; margin-top: 1em; }
.olul li { font-size: 1.2em; line-height: 1.6; margin-top: 0.7em; }

/* plus minus button */
.plus, .minus { border: solid 1px #ccc; background-color: #f7f7f7; color: #666; cursor: pointer; }
.plus:hover, .minus:hover { color: #c00; border-color: #c00; }
.plus { padding: 0 2px; margin-right: 8px; }
.minus { padding: 0 4px; }

.gdno, .gdno a { font-family: "Palatino Linotype", serif; color: #ED1B23; }
/* font */
.fs7, td.fs7, tr.fs7 td { font-size: 7px; }
.fs10, td.fs10, tr.fs10 td { font-size: 10px; }
.fs11, td.fs11, tr.fs11 td { font-size: 11px; }
.fs12, td.fs12, tr.fs12 td { font-size: 12px; }
.fs13, td.fs13, tr.fs13 td { font-size: 13px; }
.fs15, td.fs15, tr.fs15 td { font-size: 15px; }
.num { font-family: "Palatino Linotype"; }
.alnum { font-family: "Tahoma"; }

.fTh { font-family: "Tahoma", sans-serif; }
.fTR { font-family: "Times New Roman", serif; }
.fAr { font-family: "Arial", sans-serif; }
.fGl { font-family: "Gulim", sans-serif; }
/* paging */
div.paging { width: 100%; margin: 15px 0; }
div.paging p { text-align: center; }
div.paging a, #bdy .gsc-control-cse .gsc-cursor-page { font-family: "Palatino Linotype", sans-serif; font-size: 14px; margin-right: 5px; text-decoration: none; border: solid 1px transparent; padding: 2px 7px 2px 5px; }
div.paging a.here, #bdy .gsc-control-cse .gsc-cursor-current-page { color: #f60; font-weight: bold; background-color: #f7f7f7; border-color: #e7e7e7; }
div.paging a:hover { background-color: #f7f7f7; text-decoration: none; border-color: #e7e7e7; }
.button { text-align: right; }

.btm_prn { clear: both; text-align: right; padding-top: 20px; }

#btn_prn input, input.btn { border: solid 1px #B7BDC3; background-color: #e9e9e9; color: #666; cursor: pointer; padding: 3px 3px 3px 24px; font-size: 13px; color: #555755; text-shadow: 1px 1px 0 #fff; line-height: 1.3; background-position: 0 0; background-repeat: no-repeat; background-image: url("img/bg_btn.gif"); }

#btn_prn input, input.btn_prn { background-position: 0 0; }
input.btn_mag { background-position: 0 -25px; }
input.btn_up { background-position: 0 -50px; }

/* Color */
.cGreen { color: #3eaf0e; }
.cRed { color: #d00; }
.cOrange { color: #f60; }
.cBlue { color: #09c; }
.cBlueL { color: #3074b5; }
.cSky { color: #448ccb; }
.cGray { color: #999; }
.cGrayL { color: #ccc; }
.cBlack { color: #222522; }
.cWhite { color: #fff; }
.x { font-family: "Tahoma", sans-serif; font-size: 9px; color: #999; margin: 0 1px; font-weight: normal; }
/* line-height */
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }

/* BackGround color */
.bgOrange { background-color: #fff9ee; }
.bgLYell { background-color: #ffffe0; }

/* display */
.show { display: block; }
.hide { display: none; }

.hlp { cursor: help; }

/* ▼▼▼ Fade Alert */
#noti_bx {
    z-index: 3;
	position: fixed; top: 0; left: 50%; transform: translate(-50%, 0);
	display: flex; flex-direction: column-reverse;
}
#noti_bx div.sb {
	width: 300px; background-color: #3cc967; margin: 5px; padding: 10px 15px; color: #fff; font-size: 14px; line-height: 1.4;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4);
	border-radius: 7px; opacity: 0;
	box-shadow: 1px 1px 4px 2px rgba( 100, 100, 100, 0.3 );
	transition: all 1s; -webkit-transition: all 1s;
}
#noti_bx div.sb.red { background-color: #e16c6d; }
#noti_bx div.sb.orange { background-color: #ebab61; }

#noti_bx div.sb.show {
	opacity: 1;
	transition: all 1s; -webkit-transition: all 0.5s;
}
/* ▲▲▲ Fade Alert */

/* ▼▼▼ div.wr2 */


div.wr2 h1 { margin: 1em 0 1em 0; color: #333; }
div.wr2 h2 { padding: 0; text-shadow: 1px 1px 0 rgba(255,255,255,.5); display: block; position: relative;
	background-color: #bedaee; border-radius: 1em; margin: 1.5em 0 1em 0.5em; padding: 0.35em 0.5em 0.35em 2em;
	transition: .3s ease-out; font-size: 20px;
	color: #333;
	box-shadow: 1px 1px 0 1px rgba(0,0,0,0.1) inset;
}

div.wr2 h2 span { position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	color: #fff;
	background-color: #478ced;
	height: 2em; width: 2em; line-height: 2em;
	border: .3em solid #e5f4ff;
	text-align: center; border-radius: 2em; transition: all .3s ease-out; box-shadow: 2px 2px 3px 2px rgba(50,50,50,0.1);
	font-family: "Tahoma", "Arial", sans-serif; font-size: 1.05em;
}
/* div.wr2 h2:hover span { transform: rotate(360deg); } */

table.sky { margin: 1em auto; width: 90%; border-collapse: collapse; border-spacing: 0;
	background-color: #f0f7ff;
}
table.sky th, table.sky td { font-size: 15px; padding: 10px; border: solid 2px #fff; line-height: 1.4; }
table.sky th { font-weight: normal; text-align: right; }
table.sky tr:nth-child(odd) { background-color: #e6f1fe; }


/* ▲▲▲ div.wr2 */

button.btn { background-color: #4483f9; color: #fff;
	font-size: 1.2em;
	border: none; cursor: pointer;
	padding: 0.7em 1em; border-radius: 0.5em;
}
button.btn:hover { background-color: #3065dd; }


/* Hack for before IE6 & IE6 */
/*
	* html body input { overflow: visible; }
*/
* html { overflow: visible; }
* html body { height: 100%; overflow: auto; }
* html #top, * html #lft, * html #rit, * html #arw { position: absolute; } /* logo를 정확히 사용하기 위해서는 반드시 필요 */
* html #lft ul li { display: inline; }	/* important */
* html #lft li li a { border-top-color: #EEEFF3; border-bottom-color: #EEEFF3; }
* html h1 { width: 640px; }
* html table.wide, * html table.wd, * html table.list, * html table.w_info, * html #vw_txt, * html #frmCmt, * html .flt, * html .cstLst { width: 640px; }
* html .pg_nav, * html .subcat, * html h1, * html h2, * html h3, * html #gds .nfo, * html div.row { height: 1%; }
* html .paging a { border: solid 1px #fff; }
* html div.fbx .nm { padding-top: 5px; height: 1%; }
* html .rbx, * html a.btL, * html .qb, * html .qb ul { position: relative; height: 1%; }
* html .qb ul li a { position: relative; }
* html table.wide, * html table.wd { width: 640px; }
* html #top td.tm { vertical-align: bottom; }
* html div.fbx { border: solid 1px #fff; }
* html .prbx, * html .gwr { border-color: #fff; }

/* Hack for IE7 only */
/*
	*:first-child+html #left {  }
*/

/* CSS for Print */
@media print {
body { background-color: #fff; color: #000; }
#lft, #rit, #top, #arw, #btn_prn, #btm .intro, #bdy .adm, #dp .ad, .nprn, #wrp div.nil, #cse, .btm_prn { display: none; }
#wrp, #btm, #bdy { margin: 0; padding-top: 0; }
.pdt60 { padding-top: 0; }
}