@charset "utf-8";

/* layout */
#wrap { }
#header {}
#contents { }
#footerWrap { border-top:1px solid #f3f3f3; line-height:1.2}

/* default */
html {
	font-size:11px;
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#e5e5e5; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-shadow-color:#e5e5e5; 
	scrollbar-darkshadow-color:white; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-arrow-color:#e5e5e5;
	background-color: #fff; 
  }
  
body {background-image:url(/ivy/img/common/bg_sub.gif);background-repeat:no-repeat;background-position:50% 114px; font-family:'NanumGothic','나눔고딕','돋움', 'Dotum', sans-serif;font-size:1.2em;line-height:1;color:#898989;}/* 110215 수정 */  
a { color:#898989; text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
.blind, .skipNAvi, legend, caption { position:absolute; visibility:hidden; line-height:0; width:0; height:0; font-size:0; left:-5000px; top:-5000px;}
h1, h2, h3, h4, h5 { font-size:0; line-height:0;}
img { vertical-align:top;}
input, select, textarea {font-family:'NanumGothic','나눔고딕','돋움', 'Dotum', sans-serif; font-size:11px; color:#898989; vertical-align:middle}
table { width:100%;}
textarea { line-height:1.5; border:1px solid #ccc; padding:0 3px;}  

/* Font */
@font-face { font-family:'NanumGothic'; 
            src: url('NanumGothic.eot'); /* IE9 Compat Modes */
			src:url('NanumGothic.eot?#iefix') format('embedded-opentype'),			
			 src: local('☺'), url('NanumGothic.woff') format("woff"), /* IE 9, Firefox 3.6+, Chrome 6+ */
			 url('NanumGothic.ttf') format("truetype"); /* Safari, Android, iOS */
}

/* form */
.inputFind { padding:4px 3px 3px 9px; border:1px solid #fff; font-size:0.9em; letter-spacing:-1px; }
.inputTxt { padding:2px 3px; border:1px solid #eaeaea; background:#fff; color:#666;}
.inputChk { width:13px; height:13px; border:0;}
.inputRadio { width:13px; height:13px;}

/* margin */
.mTop10 { margin:10px 0 0 0;}
.mTop20 { margin:20px 0 0 0;}
.mTop30 { margin:30px 0 0 0;}
.mTop50 { margin:50px 0 0 0;}
.mBtm4 { margin:0 0 4px 0;}
.mBtm5 { margin:0 0 5px 0;}
.mBtm7 { margin:0 0 7px 0;}
.mBtm10 { margin:0 0 10px 0;}
.mBtm15 { margin:0 0 15px 0;}
.mBtm20 { margin:0 0 20px 0;}
.mBtm25 { margin:0 0 25px 0;}
.mBtm30 { margin:0 0 30px 0;}
.mBtm40 { margin:0 0 40px 0;}
.mBtm50 { margin:0 0 50px 0;}
.mBtm55 { margin:0 0 55px 0;}
.mBtm75 { margin:0 0 75px 0;}
.mBtm85 { margin:0 0 85px 0;}

/* btnArea */
.btnArea { float:left; width:100%;}

/* text-align */
.taRight { text-align:right;}

/* etc */
.hand { cursor:hand;}

/* none */
.bgNone  { background-image:none !important;}

/* header */
ul.login { float:right; width:150px; height:17px; padding:8px 0 0 0; background:url(/ivy/img/common/bg_login.gif) no-repeat 0 0; margin:0 0 14px 0;}
ul.login li { float:left; width:75px; text-align:center;}
.manuArea { position:relative; float:left; width:100%;}
.manuArea h1 { float:left; width:20%;}
.manuArea h2 { position:absolute; right:0; top:0; float:left; width:80%; height:98px; text-align:right;}

/* path */ 
.pathArea { float:left; width:100%; height:28px; padding:17px 0 0 0; text-align:right; }
.pathArea ul { float:right; color:#acacac; font-size:0.9em; }
.pathArea ul li { float:left; padding:0 11px 0 6px; background:url(/ivy/img/common/blt_arrow_right.gif) no-repeat 100% 0;}
.pathArea ul li.last { padding-right:0; background:none; color:#3b86c0;}

/*top_navi 190906*/
.noticetxt { border:1px solid #e1e1e1; padding:10px; background:#fff6dd;font-size:14px; font-weight:600; color:#212121; line-height:1.4; }
.noticetxt img{ width:20px; height:20px; margin-right:8px; margin-left:8px;}

/* 190903 title */
.titleArea { float:left; width:100%; height:65px; padding:3px 0 0 0; border-bottom:2px solid #4a4b4d; background-position:100% 100%; background-repeat:no-repeat;}
.titleArea1 { float:left; width:100%; height:121px; padding:3px 0 0 0; border-bottom:2px solid #4a4b4d; background-position:100% 100%; background-repeat:no-repeat;}
.titleArea h2 { margin:0 0 10px 0;}
.titleArea1 h2 { margin:13px 0 10px 0;}

/* footer */
#footer .logo { float:left; width:108px; margin:15px 67px 0 0; }
#footer div.familySite { position:absolute; right:0; top:0; width:162px; overflow:hidden; }
.foot_copy {width:100%; float:left}
.foot_copy li {font-size:12px; font-family:Dotum, 돋음; letter-spacing:-1px; margin-right:10px; color:#555; display:inline-block; *display:inline; zoom:1; float:left}
.foot_copy .blue {color:#0069a6}
.foot_cert {width:100%; float:left; line-height:2}
.foot_cert address{ color:#888; margin-top:10px; line-height:1.5; margin-bottom:10px; font-style:normal}
.foot_cert ul{ line-height:1.5}
.foot_cert li {font-size:12px; font-family:Dotum, 돋음; color:#888; line-height:1.5}
.foot_cert li>a {margin: 0 0 0 3px; display: inline-block;}
.foot_cert img {vertical-align:top}
.foot_cert .copy {font-family:Tahoma; letter-spacing:normal; font-size:11px; color:#aaa; margin-top:10px; display:inline-block; margin-bottom:15px}
#footer .biz{background:#f5f5f5; color:#8b8b8b; border:1px #ccc solid; padding:2px; margin:0 3px; vertical-align:middle; cursor:pointer; width:86px; text-align:center;font-size:11px; height:10px; line-height:13px; display:inline-block}
#footer .biz:hover{ background:#e9e9e9; color:#555; text-decoration:none}
#footer .rgst{background:#f5f5f5; color:#8b8b8b; border:1px #ccc solid; padding:2px; margin:0 3px; vertical-align:middle; cursor:pointer; text-align:center;font-size:11px; height:10px; line-height:13px; display:inline-block}
#footer .rgst:hover{ background:#e9e9e9; color:#555; text-decoration:none}

/* quick */
.quickArea { background:url(/ivy/img/common/bg_quick.gif) no-repeat 0 0;}
.quickArea ul { margin:161px 0 45px 7px; }

.sidemenu { padding:8px 0 0 0;}
.sidemenu p { padding:0 0 6px 0; margin:0 0 11px 0; border-bottom:2px solid #4a4b4d;}
.sidemenu ul li { margin:0 0 10px 0; }
.sidemenu ul li ul { margin:5px 0 00 ;}
.sidemenu ul li ul li { margin:0; }

/* layerpop_아보카도오픈 
#layerpop{width:533px;height:616px;position:absolute; z-index:1; top:114px; left:50%; margin-left:-266px}
#layerpop .downarea{ position:absolute; left:16px; top:120px}
#layerpop .downarea li{ margin-bottom:20px}
#layerpop .close{position:absolute;top:5px;right:5px;}
*/