@charset "utf-8";
/**
 * @File Name : base.css
 * @Description : (@font-face) | Base Reset | Property Solo | UX
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2014.09.25 | 문영신 | 최초 등록
 * 2014.10.07 | 문영신 | 주석 변경
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2014.09.25
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


/* (@font-face) | Base Reset | Property Solo | UX */

/* Base Reset. 20140923 ◆◆◆ */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{/* overflow-x:hidden; */overflow-y:scroll;}
body{margin:0;background:#fff;font-size:81.25%;line-height:1.75;/* word-wrap:break-word; >> sub.css */-webkit-text-size-adjust:none;}
body,input,select,button,textarea,pre,code,kbd,samp{font-family:'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,AppleGothic,helvetica,sans-serif;}
i,em,cite,dfn,var,address{font-style:normal;}
label,select,input,button,textarea{font-size:1em;vertical-align:middle;overflow:visible;}
button,input[type=submit],input[type=reset],input[type=button],input[type=image],input[type=radio],input[type=checkbox]{cursor:pointer;}
img,form,fieldset,iframe,object,embed,video,audio{width:auto /* ☆ inherit */;max-width:100%;height:auto /* ☆ */;border:0;vertical-align:top;}
table,pre{font-size:1em;}
table{border-collapse:collapse;border-spacing:0;}
pre{white-space:pre-wrap;word-wrap:break-word;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,menu,blockquote,fieldset,form,pre{margin-top:1.33em;margin-bottom:1.33em;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{text-decoration:none;}
a:link,a:visited{color:#04d;cursor:pointer;}
a:link:hover,a:link:active,a:link:focus,
a:visited:hover,a:visited:active,a:visited:focus{color:#000;text-decoration:underline;}
small,sub,sup{font-size:.923em}
abbr{cursor:help}
em{color:#d00;}
hr{display:none;}
/* body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,menu,blockquote,form,fieldset,pre{list-style:none;margin:0;padding:0;} */
/* Class */
.brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.blind{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;/* opacity:0;filter:alpha(opacity=0); */}
	*+html .blind{height:0;}
	caption.blind{position:relative;}
.dpn{display:none !important;}
.ellipsis1{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.ellipsis1 *{white-space:nowrap !important;}
/* * html .png24{tmp:expression(setPng24(this));} */

/* Property Solo (※d=default값). 20140917  ◆◆◆ */
/* layout */
.dpn{display:none !important;}
.dpb{display:block !important;}
.dpi{display:inline !important;}
.dpib{display:inline-block !important;}
.lstn{list-style-type:none !important;}
.lstdlz{list-style-type:decimal-leading-zero !important;}
.fl{display:inline !important;float:left !important;}
.fr{display:inline !important;float:right !important;}
.clb{clear:both !important;}
.cll{clear:left !important;}
.clr{clear:right !important;}
.psr{position:relative !important;}
.zia{z-index:auto !important;}
.ofa{overflow:auto !important;}
.ofh{overflow:hidden !important;}
.ofv{overflow:visible !important;}
/* box */
.w100{width:100% !important;}
.h100{height:100% !important;}
.wh100{width:100% !important;height:100% !important;}
.waha{width:auto !important;height:auto !important;}
.mwnmhn{max-width:none !important;max-height:none !important;}
.mw0mh0{min-width:0 !important;min-height:0 !important;}
.mg0{margin:0 !important;}
.mgt0{margin-top:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgl0{margin-left:0 !important;}
.mgr0{margin-right:0 !important;}
.mgl1em{margin-left:1em !important;}
.mgl-1em{margin-left:-1em !important;}
.pd0{padding:0 !important;}
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdl0{padding-left:0 !important;}
.pdr0{padding-right:0 !important;}
.bdb0{border:0 !important;}
.bgf{background:#fff !important;}
.bin{background-image:none !important;}
/* color,font,text */
.cd{color:#555 !important;}
.cdL{color:#767676 !important;}/* Light */
.cdD{color:#333 !important;}/* Dark */
.cdW{color:#fff !important;}
.cdB{color:#000 !important;}
.fsn{font-style:normal !important;}
.fsi{font-style:italic !important;}
.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}
.fsd{font-size:1em !important;}/* 14px */
.fsXXS{font-size:.786em !important;}/* 11px */
.fsXS{font-size:.857em !important;}/* 12px */
.fsS{font-size:.929em !important;}/* 13px */
.fsM{font-size:1.143em !important;}/* 16px */
.fsL{font-size:1.29em !important;}/* 18px */
.fsXL{font-size:1.43em !important;}/* 20px */
.fsXXL{font-size:1.714em !important;}/* 24px */
.lhd{line-height:1.5 !important;}
.ffd{font-family:'돋움',Dotum !important;}
.ffe{font-family:tahoma !important;}
.ls-1{letter-spacing:-1px !important;}
.ls0{letter-spacing:0 !important;}
.nowrap{white-space:nowrap !important;}
.onwrap{white-space:normal !important;}
.tdu{text-decoration:underline !important;}
.tdlt{text-decoration:line-through !important;}
.tdn{text-decoration:none !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.vat{vertical-align:top !important;}
.vab{vertical-align:bottom !important;}
.vam{vertical-align:middle !important;}
.vabl{vertical-align:baseline !important;}
.wwbw{word-wrap:break-word !important;} /* 20140616 */

/* UX ◆◆◆ */

#skipnav{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipnav *{display:inline;list-style:none;margin:0;padding:0;}
#skipnav a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipnav a:focus{left:0;width:100%;height:auto;background:#578;color:#fff;font:bold 1em/2.5 '맑은 고딕';text-decoration:none;text-align:center;}

/* [JS] initmSelect('selectId','optionId'); initmSelect("mselect2","moption2",10); */
.mselect{z-index:10;position:relative;width:200px;line-height:normal;}
.mselect *{list-style:none;margin:0;padding:0;text-decoration:none !important;}
.mselect .h1{display:inline;font-size:1em !important;} /* [JS] selectEl.getElementsByTagName("*")[0]; */
.mselect .h1 a /* [JS]created */{display:block;position:relative;height:30px;padding:0 24px 0 0;border:1px solid #bbb;border-radius:3px 3px 0 0;background:#fff url(../../img/inc/combobg.png) no-repeat 100% 0;color:#333 !important;font-weight:normal;line-height:28px /* ☆ */;text-decoration:none;}
.mselect .h1 a span /* [JS]created */{padding:0 2px 0 6px;background:#fff;}
.mselect .moption{position:absolute;left:0;top:0;width:198px;padding-top:31px;border:1px solid #bbb;border-radius:3px;background:url(../../img/inc/combobg.png) no-repeat 100% 0;}
.mselect .moption ul{width:100%;padding:5px 0;border-top:1px dotted #bbb;overflow:auto;}
.mselect .moption li{display:inline;}
.mselect .moption li a{display:block;padding:2px 6px;background:#fff;color:#000;text-decoration:none;white-space:nowrap;}
.mselect .moption li a:hover,
.mselect .moption li a:focus{background:#666;color:#fff;}
.mselect .moption li.on a{color:#f00;}
#mselect1{z-index:12;}
#mselect2{z-index:11;}
#mselect3{z-index:10;}