/* sonsanghun@ubion 201407. use Boilerplate v4.3.0 */

html { font-size:13px;line-height:16px; padding:0; margin:0;letter-spacing:-0.8px; }/*html 전체에 대한 설정이 필요할 경우 작성합니다.*/
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio, canvas, svg, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
.browsehappy {margin: 0.2em  0; background: #ccc; color: #000; padding: 0.5em 0 0.5em 1em; font-size:15px; font-weight:bold; font-family:'돋움',Dotum;}/*ie8 미만 버전에 노출되어지는 문구의 스타일*/
.placeholdersjs {color: #ccc !important;}/* placeholder monkeypatch를 사용할경우 이용됩니다. */
a:active,a:hover {outline: 0;}
b, strong {font-weight: bold;}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
img, input, button, select, textarea { vertical-align:middle}
figure {margin: 1em 40px;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; font-family: "Malgun Gothic", "DroidFont", apple sd gothic neo, sans-serif; /* 1 */-ms-text-size-adjust: 100%; /* 2 */-webkit-text-size-adjust: 100%; /* 2 */}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote,q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none; background-color:transparent; cursor:pointer}
body {position:relative; background:#fff; -webkit-text-size-adjust:none}
body,th,td,input,select,textarea,button {font-size:12px; line-height:16px; font-family:sans-serif,'돋움'; color:#555} /* color값은 디자인가이드에 맞게사용 */
a, a:visited { text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal}
/* Forms */
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button;  cursor: pointer; }
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {border: 0; padding: 0; }
textarea {resize: vertical;}/*textarea의 리사이즈를 세로만 가능*/
optgroup {font-weight: bold;}

table {border-collapse: collapse; border-spacing: 0;}
td,th {padding: 0;}

/*공통*/
.hidden {display:none !important; visibility: hidden;float:left}

/*스킵네비게이션*/
#skipToContent { position:relative;} 
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipToContent a:focus, 
#skipToContent a:active { height:auto; width:100%; padding:5px; margin-bottom:10px;} 



/* global class */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

.f_l {float:left}
.f_r {float:right}

.c_b {clear:both}
.show {display:block}
.hide {display:none}

.p_a {position:absolute}
.p_r {position:relative}

.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}

.vam { vertical-align: middle; }
.ofh { overflow: hidden; }
.fwn { font-weight: normal; }

.noneborder { border: none !important; }
.nonebg { background-image: none !important; }

/*링크*/
a { text-decoration:none }
a:hover { text-decoration:none }
a:active { text-decoration:none }
a:visited { text-decoration:none }

/* width */
.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

/* height */
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h75 { height: 75px; }
.h80 { height: 80px; }
.h85 { height: 85px; }
.h90 { height: 90px; }
.h95 { height: 95px; }
.h100 { height: 100px; }

/* margin-top */
.mgt_5 { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_15 { margin-top: 15px; }
.mgt_20 { margin-top: 20px; }
.mgt_25 { margin-top: 25px; }
.mgt_30 { margin-top: 30px; }
.mgt_35 { margin-top: 35px; }
.mgt_40 { margin-top: 40px; }
.mgt_45 { margin-top: 45px; }
.mgt_50 { margin-top: 50px; }
.mgt_55 { margin-top: 55px; }
.mgt_60 { margin-top: 60px; }
.mgt_65 { margin-top: 65px; }
.mgt_70 { margin-top: 70px; }
.mgt_75 { margin-top: 75px; }
.mgt_80 { margin-top: 80px; }
.mgt_85 { margin-top: 85px; }
.mgt_90 { margin-top: 90px; }
.mgt_95 { margin-top: 95px; }
.mgt_100 { margin-top: 100px; }

/* margin-right */
.mgr_0 { margin-right: 0 !important; }
.mgr_5 { margin-right: 5px !important; }
.mgr_10 { margin-right: 10px; }
.mgr_12 { margin-right: 12px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.mgr_35 { margin-right: 35px; }
.mgr_40 { margin-right: 40px; }
.mgr_45 { margin-right: 45px; }
.mgr_50 { margin-right: 50px; }
.mgr_55 { margin-right: 55px; }
.mgr_60 { margin-right: 60px; }
.mgr_65 { margin-right: 65px; }
.mgr_70 { margin-right: 70px; }
.mgr_75 { margin-right: 75px; }
.mgr_80 { margin-right: 80px; }
.mgr_85 { margin-right: 85px; }
.mgr_90 { margin-right: 90px; }
.mgr_95 { margin-right: 95px; }
.mgr_100 { margin-right: 100px; }

/* margin-bottom */
.mgb_0 { margin-bottom: 0 !important; }
.mgb_5 { margin-bottom: 5px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_11 { margin-bottom: 11px; }
.mgb_12 { margin-bottom: 12px; }
.mgb_13 { margin-bottom: 13px; }
.mgb_14 { margin-bottom: 14px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_16 { margin-bottom: 16px; }
.mgb_17 { margin-bottom: 16px; }
.mgb_18 { margin-bottom: 18px; }
.mgb_19 { margin-bottom: 19px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_25 { margin-bottom: 25px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_35 { margin-bottom: 35px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_45 { margin-bottom: 45px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_55 { margin-bottom: 55px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_65 { margin-bottom: 65px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_75 { margin-bottom: 75px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_85 { margin-bottom: 85px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_95 { margin-bottom: 95px; }
.mgb_100 { margin-bottom: 100px; }
.mgb_150 { margin-bottom: 150px; }
.mgb_200 { margin-bottom: 200px; }

/* margin-left */
.mgl_5 { margin-left: 5px; }
.mgl_10 { margin-left: 10px; }
.mgl_12 { margin-left: 12px; }
.mgl_15 { margin-left: 15px; }
.mgl_20 { margin-left: 20px; }
.mgl_25 { margin-left: 25px; }
.mgl_30 { margin-left: 30px; }
.mgl_35 { margin-left: 35px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_60 { margin-left: 60px; }
.mgl_65 { margin-left: 65px; }
.mgl_70 { margin-left: 70px; }
.mgl_75 { margin-left: 75px; }
.mgl_80 { margin-left: 80px; }
.mgl_85 { margin-left: 85px; }
.mgl_90 { margin-left: 90px; }
.mgl_95 { margin-left: 95px; }
.mgl_100 { margin-left: 100px; }

/* padding-top */
.pdt_0 { padding-top: 0 !important; }
.pdt_5 { padding-top: 5px; }
.pdt_10 { padding-top: 10px; }
.pdt_11 { padding-top: 11px; }
.pdt_15 { padding-top: 15px; }
.pdt_20 { padding-top: 20px; }
.pdt_25 { padding-top: 25px; }
.pdt_30 { padding-top: 30px; }
.pdt_35 { padding-top: 35px; }
.pdt_40 { padding-top: 40px; }
.pdt_45 { padding-top: 45px; }
.pdt_50 { padding-top: 50px; }
.pdt_55 { padding-top: 55px; }
.pdt_60 { padding-top: 60px; }
.pdt_65 { padding-top: 65px; }
.pdt_70 { padding-top: 70px; }
.pdt_75 { padding-top: 75px; }
.pdt_80 { padding-top: 80px; }
.pdt_85 { padding-top: 85px; }
.pdt_90 { padding-top: 90px; }
.pdt_95 { padding-top: 95px; }
.pdt_100 { padding-top: 100px; }

/* padding-right */
.pdr_5 { padding-right: 5px; }
.pdr_10 { padding-right: 10px; }
.pdr_15 { padding-right: 15px; }
.pdr_20 { padding-right: 20px; }
.pdr_25 { padding-right: 25px; }
.pdr_30 { padding-right: 30px; }
.pdr_35 { padding-right: 35px; }
.pdr_40 { padding-right: 40px; }
.pdr_45 { padding-right: 45px; }
.pdr_50 { padding-right: 50px; }
.pdr_55 { padding-right: 55px; }
.pdr_60 { padding-right: 60px; }
.pdr_65 { padding-right: 65px; }
.pdr_70 { padding-right: 70px; }
.pdr_75 { padding-right: 75px; }
.pdr_80 { padding-right: 80px; }
.pdr_85 { padding-right: 85px; }
.pdr_90 { padding-right: 90px; }
.pdr_95 { padding-right: 95px; }
.pdr_100 { padding-right: 100px; }

/* padding-bottom */
.pdb_5 { padding-bottom: 5px; }
.pdb_10 { padding-bottom: 10px; }
.pdb_15 { padding-bottom: 15px; }
.pdb_20 { padding-bottom: 20px; }
.pdb_25 { padding-bottom: 25px; }
.pdb_30 { padding-bottom: 30px; }
.pdb_35 { padding-bottom: 35px; }
.pdb_40 { padding-bottom: 40px; }
.pdb_45 { padding-bottom: 45px; }
.pdb_50 { padding-bottom: 50px; }
.pdb_55 { padding-bottom: 55px; }
.pdb_60 { padding-bottom: 60px; }
.pdb_65 { padding-bottom: 65px; }
.pdb_70 { padding-bottom: 70px; }
.pdb_75 { padding-bottom: 75px; }
.pdb_80 { padding-bottom: 80px; }
.pdb_85 { padding-bottom: 85px; }
.pdb_90 { padding-bottom: 90px; }
.pdb_95 { padding-bottom: 95px; }
.pdb_100 { padding-bottom: 100px; }

/* padding-left */
.pdl_5 { padding-left: 5px; }
.pdl_10 { padding-left: 10px; }
.pdl_15 { padding-left: 15px; }
.pdl_20 { padding-left: 20px; }
.pdl_25 { padding-left: 25px; }
.pdl_30 { padding-left: 30px; }
.pdl_35 { padding-left: 35px; }
.pdl_40 { padding-left: 40px; }
.pdl_45 { padding-left: 45px; }
.pdl_50 { padding-left: 50px; }
.pdl_55 { padding-left: 55px; }
.pdl_60 { padding-left: 60px; }
.pdl_65 { padding-left: 65px; }
.pdl_70 { padding-left: 70px; }
.pdl_75 { padding-left: 75px; }
.pdl_80 { padding-left: 80px; }
.pdl_85 { padding-left: 85px; }
.pdl_90 { padding-left: 90px; }
.pdl_95 { padding-left: 95px; }
.pdl_100 { padding-left: 100px; }

/* padding-left/right */
.pdlr_5 { padding: 0 5px; }
.pdlr_10 { padding: 0 10px; }
.pdlr_15 { padding: 0 25px; }
.pdlr_20 { padding: 0 20px; }

/* padding-top/bottom */
.pdtb_5 { padding: 5px 0; }
.pdtb_10 { padding: 10px 0; }
.pdtb_15 { padding: 15px 0; }
.pdtb_20 { padding: 20px 0; }

.pd_0 {padding:0}
.mg_0 {margin:0}

/* letter-spacing */
.ls1 { letter-spacing: -1px; }
.ls2 { letter-spacing: -2px; }
.ls3 { letter-spacing: -3px; }
.ls4 { letter-spacing: -4px; }
.ls5 { letter-spacing: -5px; }

/* font-size */
.f11 { font-size:11px;line-height:16px; font-size: 0.8rem;line-height:0.8rem; }
.f12 { font-size:12px;line-height:16px; font-size: 0.9rem;line-height:0.9rem; }
.f13 { font-size:13px;line-height:18px; font-size: 1rem;line-height:1rem }
.f14 { font-size:14px;line-height:18px; font-size: 1.1rem;line-height:1.1rem }
.f15 { font-size:15px;line-height:18px; font-size: 1.2rem;line-height:1.2rem }
.f16 { font-size:16px;line-height:18px; font-size: 1.3rem;line-height:1.3rem  }
.f17 { font-size:17px;line-height:20px; font-size: 1.4rem;line-height:1.4rem  }
.f18 { font-size:18px;line-height:20px; font-size: 1.5rem;line-height:1.5rem  }
.f19 { font-size:19px;line-height:22px; font-size: 1.6rem;line-height:1.6rem  }
.f20 { font-size:20px;line-height:24px; font-size: 1.7rem;line-height:1.7rem  }
.fwb { font-weight:bold }
.fwn { font-weight:normal }

/* etc */
.line_break {display:block; margin:2em 0;border-bottom:1px solid #bbb;}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { zoom:1; } /*for IE 5.5-7*/