@charset "utf-8";

html,body{min-height:100%; width:100%;margin:0;padding:0;}
html{overflow-y:scroll;}
body{font-size:12px;font-family:"굴림", Gulim, Verdana, gothic, Arial, Helvetica, sans-serif ; color:#555; }
h1,h2,h3,h4,h5,h6,dl,dt,dd,form,fieldset,p,label{list-style:none;color:#555;font-weight:400;border:0;margin:0;padding:0;}
a:visited{color:#333;text-decoration:none;}
div,ul,ol,li,p,tr,td,th,span,strong{color:#555;margin:0;padding:0;}
em,address{font-style:normal;margin:0;padding:0;}
ul,li{list-style:none;}
img{border:0;vertical-align:top;font-size:0;line-height:0;margin:0;padding:0;}
li img{vertical-align:top;font-size:0;line-height:0;border:0;margin:0;padding:0;}
a{display:inline-block;vertical-align:top; *vertical-align:middle;}
table{border-collapse:collapse; border-spacing:0;table-layout:fixed;}
caption,legend{display:none;}
textarea {padding:2px 0 0 4px; border:1px solid #e4e0e0;}
input{display:inline-block;font-size:12px;vertical-align:middle;color:#363636;margin:0;padding:0;}
input.input_k{ime-mode:active;}
input.input_e{ime-mode:inactive;}
input.input_radio {width:13px; height:13px; vertical-align:middle;}
input.input_check {width:13px; height:13px; vertical-align:middle;}
input.textbox {padding:4px 5px; color:#999; font:11px dotum,'돋움'; border-left:1px solid #d0d0d0; border-top:1px solid #d0d0d0; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:#fafafa; vertical-align:middle;}
input.button{border:0 !important;padding:0;}
select{height:21px; font-size:12px; border:1px solid #A0A0A0;color:#555;vertical-align:middle;background:#fff;}
a:link,a:hover,a:active{color:#555;text-decoration:none;}
a.titleHover:hover,a.titleHover:active{text-decoration:underline;color:#86386f;}
hr,.hid,.skip{position:absolute;left:0;top:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

/* percent */
.w10 {width:10%}
.w20 {width:20%}
.w30 {width:30%}
.w40 {width:40%}
.w50 {width:50%}
.w60 {width:60%}
.w70 {width:70%}
.w80 {width:80%}
.w90 {width:90%}
.w95 {width:95%}
.w100 {width:100%}

/* fixed width */
.fw30 {width:30px}
.fw50 {width:50px}
.fw100 {width:100px}
.fw170 {width:170px}
.fw280 {width:280px}
.fw765 {width:765px}

/* align */
.ac {text-align:center !important;}
.al {text-align:left !important; }
.ar {text-align:right !important; }
.fr {float:right;}
.fl {float:left;}
.clearboth {clear:both;}
.clear1 {overflow:hidden;}
.valignM {vertical-align:middle !important;}/* 2012.02.23 ADD Class */

/* display block */
.dpb {display:block;}

 /* Margin Set */
.mgl0	{ margin-left:0px !important; }
.mgl5	{ margin-left:5px; }
.mgl10	{ margin-left:10px; }
.mgl15	{ margin-left:15px; }
.mgl20	{ margin-left:20px; }
.mgl22	{ margin-left:22px; }
.mgl30	{ margin-left:30px; }
.mgl40	{ margin-left:40px; }
.mgl50	{ margin-left:100px; }
.mgl55	{ margin-left:55px; }

.mgr0	{ margin-right:0px !important; }
.mgr5	{ margin-right:5px; }
.mgr10	{ margin-right:10px; }
.mgr15	{ margin-right:15px; }
.mgr20	{ margin-right:20px; }
.mgr30	{ margin-right:30px; }
.mgr40	{ margin-right:40px; }
.mgr50	{ margin-right:100px; }

.mgt0	 { margin-top:0px !important; }
.mgt3	 { margin-top:3px; }
.mgt4	 { margin-top:4px; }
.mgt5	 { margin-top:5px; }
.mgt6	 { margin-top:6px; }
.mgt7	 { margin-top:7px; }
.mgt8	 { margin-top:8px !important; } /* 2012-05-24 */
.mgt10	 { margin-top:10px !important; }
.mgt12	 { margin-top:12p !important;  }/*2017-03-17 add*/
.mgt14	 { margin-top:14px !important; }
.mgt15	 { margin-top:15px !important; }
.mgt20	 { margin-top:20px; }
.mgt25	 { margin-top:25px; }
.mgt30	 { margin-top:30px; }
.mgt40	 { margin-top:40px; }
.mgt50	 { margin-top:50px; }
.mgt55	 { margin-top:55px; }
.mgt60	 { margin-top:60px; }
.mgt70	 { margin-top:70px; }
.mgt77	 { margin-top:77px; }

.mgb0  { margin-bottom:0px !important; }
.mgb5  { margin-bottom:5px !important; }
.mgb10 { margin-bottom:10px; }
.mgb15 { margin-bottom:15px; }
.mgb20 { margin-bottom:20px !important; }
.mgb24 { margin-bottom:24px !important; }
.mgb25 { margin-bottom:25px;}
.mgb30 { margin-bottom:30px !important; } 
.mgb35 { margin-bottom:35px; } 
.mgb40 { margin-bottom:40px; } 
.mgb45 { margin-bottom:45px; } 
.mgb50 { margin-bottom:50px !important; } 
.mgb60 { margin-bottom:60px; } 
.mgb70 { margin-bottom:70px; } 
.mgb80 { margin-bottom:80px; }
.mgb160 { margin-bottom:160px; }

/* padding set */
.pgt20 {padding-top:20px;}
.pgl6 { padding-left:6px; }
.pgl9 { padding-left:9px; }
.pgr9 { padding-right:9px; }
.pgl124 { padding-right:124px; }
.pgb0 {padding-bottom:0;}
.pgb24 { padding-bottom:24px; }
.pgb30 { padding-bottom:30px; }
.pgb50 { padding-bottom:50px; }

/* float clear */
.clfix:after { display:block; content:''; clear:both; }
.clfix { dsplay:blcok; min-height:1px; }

/* border set */
.no_lb { border-left:none !important; }
.lb {border-left:1px solid #e2e2e2;}

/* clear float */
.clear {display: inline-block}
.clear {*zoom: 1; display: block}
.clear:after {content: ""; display: block; height: 0; clear: both; visibility: hidden}

.both {clear: both;}