@charset "utf-8";
#Wrapper_outer_index {width:100%; background:#fff url('/images/bg_main.jpg') repeat-x top;}
#Wrapper_outer {width:100%; background:#fff url('/images/bg_sub.jpg') repeat-x top;}
#Wrapper { width:100%;}

/* Skip Navigation */

#skipnavigation {list-style:none; margin:0 auto; padding:0; width:100%;}

a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em;}
a.skip_navi:hover,
a.skip_navi:focus,
a.skip_navi:active {position: absolute; top: 0; left:0; padding: 15px 0; font-weight:bold; color:#fff; background:#389fd1; z-index:500; width:100%; margin:0 auto;}

.skipNavigation{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skipnavigation:hover,
.skipnavigation:active,
.skipnavigation:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}

.skip { position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }


/* -----  메인 레이아웃 정의 ------ */
#main_img, .frontheader {
	width:1100px;
	position:relative; 
}


/* default */
.wrap{position:relative;min-width:1100px;min-height:100%}
.contents{margin:0 auto; margin-top:181px;}
.wrap::after{display:block;clear:both;content:''}
.wrapWidth{width:1100px;margin:0 auto;}
.contLeft{float:left;width:190px;padding:50px 0 20px}
.contRight{float:right;width:760px;padding:50px 0 100px}



/* -------------------- 헤더 영역 ---------------------- */

#header { 
	background:#fff url('/images/bg_menu.jpg') repeat-x top;
	margin:0 auto;
	width:100%;
	height:187px;
	-webkit-transition:all .5s;
}

/*  불편해서 제거함 dalkey - 170214 
#header.move {
	top:0;
	left:0;
	position: fixed;
	z-index: 99999;
}
*/
.frontheader{ 
    background:#fff url('/images/bg_menu.jpg') no-repeat top;
	margin:0 auto; 
	height:187px;
}

.logo {
	position:absolute;
	top:8px;
	left:10px;
}

#util_menu { 
	height:77px;	
	padding:30px 10px 0px 0px;
}

.infoHome {
	padding:0px 0px 15px 10px;
	font-size: 0.9em;
	text-align:right;
}
.infoHome li {
	display:inline; 
	padding:0px 5px 0px 10px;
	background:url(/images/bar_info.gif) no-repeat 0px 70%;
}
.infoHome li.none {background:none; padding:0px 5px 0px 2px;}
.infoHome li a img{vertical-align:middle;}
.infoHome li:first-child {
	background: none;
}
.infoHome li a {color:#593F26; font-weight:600;}


.infoMenu {
	padding:0px 0px 0px 0px;
	font-size: 0.9em;
	text-align:right;
}
.infoMenu li {
	display:inline; 
	padding:0px 0px 0px 5px;
}
.infoMenu li a img{vertical-align:middle;}


/* 탑메뉴2 */	
.gnb_bg{background:url(/images/gnb_sub_bg.gif); width:100%; height:80px; display:none;z-index:1;position:absolute;left:0;}
#gnb{position:absolute; height:80px;width:1100px; margin:5px 0px 0px 0px;}
#gnb>ul>li {float:left;list-style:none;position:relative;z-index:100; background:url("/images/menu_line.png") no-repeat 0px 4px; top:8px}
#gnb>ul>li>ul>li {float:left;list-style:none; background:url("/images/icon_circle_r.png") no-repeat 0px 9px;}
#gnb>ul>li ul{position:absolute;display:none;z-index:100; width:1100px; padding-top:5px;}
#gnb ul li.on ul{display:block;}
#gnb>ul>li>a{display:block;height:34px;padding-top:5px; background:url(/images/gnb_m_bg.png) left top no-repeat; color:#fff; font-weight:600; font-size:18px; text-align:center;letter-spacing:-0px;}

#gnb .m1>a{margin-left:0px;}
#gnb .m2>a{margin-left:13px;}
#gnb .m3>a{margin-left:14px;}
#gnb .m4>a{margin-left:13px;}
#gnb .m5>a{margin-left:13px;}
#gnb .m6>a{margin-left:13px;}
#gnb .m7>a{margin-left:13px;}
#gnb>ul>li>a:active, #gnb>ul>li>a:hover, #gnb>ul>li>a:focus, #gnb>ul>li.on>a, #gnb>ul>li.active>a{background:url(/images/gnb_m_over.gif);color:#fff; }

#gnb ul li ul li a{color:#fff; font-size:14px; font-weight:600;  display:inline-block; white-space:nowrap; height:20px; padding-bottom:5px;}

#gnb .m1 ul{position:absolute;z-index:40;padding-left:20px;}
#gnb .m2 ul{position:absolute;left:0px;z-index:40;padding-left:0px;}
#gnb .m3 ul{position:absolute;left:0px;z-index:40;margin-left:-230px;}
#gnb .m4 ul{position:absolute;left:0px;z-index:40;padding-left:0px;}
#gnb .m5 ul{position:absolute;left:0px;z-index:40;padding-left:20px; }
#gnb .m6 ul{position:absolute;left:0px;z-index:40;padding-left:0px;}
#gnb ul li ul li{margin-top:-3px;}
#gnb ul li ul li:first-child{padding:0 15px 0 10px;}
#gnb ul li ul li{padding:0 15px 0 10px;}



/* ------------ 메인 콘텐츠 레이아웃 -------------- */
#MainWrapper { 
    position:relative; 
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:45px 50px 0px 50px;
}

/* ------------ 서브 콘텐츠 레이아웃 -------------- */
#SubWrapper { 
    position:relative; 
	width:1100px;
	margin:0 auto;
	min-height:583px;
	padding-top:0px;
}

/* -------------------- 콘텐츠 영역(contentsWrap) --------------- */
#Rightwrapper {
	width:1000px;
	margin:0px 0px 0px 50px;
	padding:30px 0px 50px 0px;
}

.location{position:relative; 
	margin-top:0px;
	font-weight:600; 
	height:110px;
	background:url(/images/bg_location.gif) no-repeat 0px 100%;
	margin-bottom:30px;
}

.depth {text-align:center;}
.depth p{font-size: 30px;color:#95683b; }
.depth strong {
	color:#83857D;  display:inline-black;
	font-size: 20px;
}

.depth2 {width:1000px; margin:0 0 15px 0px; font-size:1.2em; font-weight:600; line-height:20px; letter-spacing:0px; color:#000; color:#95683b;  font-size: 22px; text-align:center; padding-bottom:15px; border-bottom:1px solid #ccc;}

.stitle1 {margin:0 0 15px 20px; font-size:1.2em; font-weight:600; line-height:18px; letter-spacing:0px; color:#000; }





#contentsArea { 
	width:100%; 
	font-size:1.1em;
	line-height:1.8;
	color:#4B4B4B;
	padding:0px 0px 0px 0px;
}

#contentsArea h3 {
	font-size:1.2em;
	line-height:2.1;
	font-weight:bold;
	padding:0px 0px 0 20px; 
	background:url(/images/stitle_ball.gif) no-repeat left 50%;
}

#contentsArea h4 {
	line-height:2.1;
	font-weight:bold;
	padding:0px 0px 0 15px; 
	background:url(/images/sstitle_ball.gif) no-repeat left 50%;
}

#contentsArea2 { 
	width:800px; 
	font-size:1.1em;
	line-height:1.8;
	color:#4B4B4B;
	padding:0px 0px 0px 0px;
	margin:0 auto;
}



p.txt_h3 {
	padding:0px 0px 0 20px; 
}

.text_care {
	color:#F35600;
	margin-bottom:10px;
}



/* mypage > 버튼 */
.box_login {margin-bottom:20px; background:url('/images/box_login_bg.gif') repeat-x;}
.box_login a img {}


/* mypage > login */
.loginBox{width:460px; padding:40px; margin:0px auto; background:#f5f5f5;}
.loginBox .subtxt{padding-bottom:10px;text-align:center}
.loginBox ul{position:relative;width:460px;margin:20px auto 0;}
.loginBox ul li{position:relative;margin-top:14px;padding-left:80px; }
.loginBox ul li:first-child{margin-top:0}
.loginBox ul li label{position:absolute;margin-top:6px;left:0;}
.loginBox ul .btn{position:absolute;top:0px;right:0;margin:0;padding:0}
.loginBox ul li input{padding:0 5px;border:1px solid #b7b7b7;background:#fff;line-height:29px; height:29px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:68%;}
.loginBox .link ul{position:relative;width:460px;margin:20px auto 0; margin-top:30px; padding-top:30px; border-top:1px solid #EBEDEF;}
.loginBox .link ul li{position:relative;margin-top:25px;padding-left:290px}
.loginBox .link ul li:first-child{margin-top:0}
.loginBox .link ul li span{position:absolute;margin-top:-3px;left:0; font-size:12px; color:#777777; line-height:19px; }

/* mypage > idpw */
.idpwBox{border:2px solid #ccc; background:#fff; width:700px;margin:0px 0px 30px 0px; padding:0px 0px 20px 0px; overflow:hidden;}
.idpwBox .subtxt{padding-bottom:10px;text-align:center;}
.idpwBox ul{position:relative;width:460px; margin:20px auto 0; background:#fff;}
.idpwBox ul li{position:relative;margin-top:14px;padding-left:80px;}
.idpwBox ul li:first-child{margin-top:0;}
.idpwBox ul li label{position:absolute;margin-top:6px;left:0;}
.idpwBox ul .btn{position:absolute;top:0px;right:0;margin:0;padding:0;}
.idpwBox ul .btn2{position:absolute;top:20px;right:0;margin:0;padding:0;}
.idpwBox ul li input{padding:0 5px;border:1px solid #b7b7b7;background:#fff;line-height:29px; height:29px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:234px;}
.idpwBox ul li .input{padding:0 0px 0 5px;border:1px solid #b7b7b7;background:#fff;line-height:29px; height:29px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:70px;}
.idpwBox ul li .input2{padding:0 5px 0 5px;border:1px solid #b7b7b7;background:#fff;line-height:29px; height:29px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:70px;}
.idpwBox .link ul{position:relative;width:460px;margin:20px auto 0; margin-top:30px; padding-top:30px; border-top:1px solid #EBEDEF;}
.idpwBox .link ul li{position:relative;margin-top:25px;padding-left:290px;}
.idpwBox .link ul li:first-child{margin-top:0;}
.idpwBox .link ul li span{position:absolute;margin-top:-3px;left:0; font-size:12px; color:#777777; line-height:19px; }


/* 정보수정 마이페이지  */	
.member_info{display:inline; float:left; vertical-align:top; width:700px; margin:30px 0px 50px 30px;}	
.member_info li{float:left;}	
.member_info li img{padding:0px 0px 0px 0px;}	


.pwBox{border:2px solid #ccc;background:#fff; width:700px;margin:30px 0px 30px 80px;}	
.pwBox p{margin:15px 0 10px 15px; padding-bottom:14px; float:left; _display:inline; padding:15px 5px 0 14px;font:14px dotum; color:#333; font-weight:bold;}	
.boardWrite {padding:10px 30px 10px 30px;}	
.boardWrite .typeA {border:0; margin-top:10px; border-top:1px dotted #cdd0d6; border-bottom:1px dotted #cdd0d6;}	
.boardWrite .typeA th {padding:20px 0 0 5px; border:0; font:12px dotum; color:#666; letter-spacing:-1px;text-align:left;}	
.boardWrite .typeA td {padding:20px 0 0 5px; width:auto; border:0;}	
.boardWrite .typeA th .first {padding:20px 0 10px 5px; border:0; font-size:11px; font-family:Dotum; color:#666;}	
.boardWrite .typeA td .blockTxt {line-height:1.2; font:Dotum; font-size:11px; color:#999;margin-top:-5px;letter-spacing:-1px;}	
.boardWrite .typeA td .blockTxt1 {line-height:1.2; font-size:11px; font-family:Dotum; color:#666; letter-spacing:-1px;}	
.boardWrite .typeA th .blockTxt2 {font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#339900; font-weight:normal} 	
.boardWrite .typeA th .blockTxt3 {line-height:16px;font-size:12px; font-family:Dotum; color:#000; letter-spacing:-1px; font-weight:normal}	
.boardWrite .typeA td span.info1 {font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#999 ;padding-left:15px;} 	
.boardWrite .typeA td span.info2 {font:normal 11px/1.1 돋움;color:#888;padding-left:35px;background:url(/images/ico_important.gif) no-repeat 0% 50%;} 	
.boardWrite .btnType { padding:15px 0 10px 4px; text-align:center;}	


/* 답변박스 */	
#reBox { position:relative; width:730px; background:url(/images/Re_bg.gif) repeat-y;}						
#reBox img {width:730px; height:42px;}						
#reBox div.retxt {width:690px; padding:0px 20px 0 20px; color:#000000;line-height:18pt;}						
#reBox p.bottom {width:730px; height:19px; background:url(/images/Re_2.gif) repeat-x;}		



input.nobox3 { border:0px; width: 95px; height:25px; padding-top:0px;}
input.login { border:0px; width: 70px; height:45px; padding-top:0px;}
input.nobox5{ border:0px; width: 80px; height:50px; padding-top:0px;}
input.plus {border:0px; width: 12px; height:12px; padding-top:0px;}
input.btnplus {border:0px; width: 31px; height:11px; padding-top:0px;}
input { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #C1C1C1;background-color:#ffffff; height:16px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:99%; padding-top:3px;}
input.nobox { border:0px; width: 44px; height:20px; padding-top:0px;}


input.member { BORDER-RIGHT: #CEDFF3 1px solid; BORDER-TOP: #CEDFF3 1px solid; BORDER-LEFT: #CEDFF3 1px solid; BORDER-BOTTOM: #CEDFF3 1px solid;
					background-color:#F0F5FA; width: 103px; height:19px; font-size:12px; font-family:Dotum,DotumChe,verdana; color:#333333; }
input.stamp { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #DBDBDB;
					background-color:#FDFDFD; height:18px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:40px;}
textarea { border:1px solid #DBDBDB; background-color:#FDFDFD; font-size:12px; font-family:Dotum,DotumChe,verdana; width:96%;line-height:14pt;}
textarea.box01 { border:1px solid #DBDBDB; background-color:#FDFDFD; font-size:12px; font-family:Gulim,GulimChe,verdana; width:96%;line-height:14pt;padding:10px;}
textarea.box02 { border:1px solid #d1d1d1; background-color:#FFFFFF; font-size:12px;line-height:14pt; font-family:Dotum,DotumChe,verdana; }



.radio { border:0px; background-color:#ffffff; width:13px; vertical-align:middle;}
.checkbox { border:0px; background-color:#ffffff; width:13px; vertical-align:middle;}

.blank { padding:0px; margin:0px; border-right:0px;}

.hid {visibility: hidden;font-size:0; width:0;height:0;line-height:0; overflow:hidden;}

.border {border: 1px #000000 outset}
.line_dot { width:100%; height:20px;padding:0px;margin:0px; background: url(/images/line.gif) repeat-x;}
.line { width:100%; height:10px;padding:0px;margin:0px; background: url(/images/line.gif) repeat-x;}
.line_top { width:100%; height:13px;padding:0px;margin-top:13px; background: url(/images/line.gif) repeat-x;}



.nobox_agree{width:157px; height:33px; border:0px;}


.captcha_area{margin-top:20px; border:1px solid #cccccc; padding:10px 20px;}
.captcha_area span{color:#EE0E0B; padding-left:3px;}
.captcha_area .input{ width:100px !important; margin-left:5px; margin-right:10px;}
.button_spam{ border:0px; width: 110px; height:24px; font-weight:600; color:#333; font-size:0.9em;  padding-bottom:3px; vertical-align:middle; background:url('/images/button_spam.png') no-repeat; cursor:pointer;}


/* 정보수정 마이페이지  */	
.member_info{display:inline; float:left; vertical-align:top; width:700px; margin:30px 0px 50px 30px;}	
.member_info li{float:left;}	
.member_info li img{padding:0px 0px 0px 0px;}	


.pwBox{border:2px solid #ccc;background:#fff; width:700px;margin:30px 0px 30px 80px;}	
.pwBox p{margin:15px 0 10px 15px; padding-bottom:14px; float:left; _display:inline; padding:15px 5px 0 14px;font:14px dotum; color:#333; font-weight:bold;}	
.boardWrite {padding:10px 30px 10px 30px;}	
.boardWrite .typeA {border:0; margin-top:10px; border-top:1px dotted #cdd0d6; border-bottom:1px dotted #cdd0d6;}	
.boardWrite .typeA th {padding:20px 0 0 5px; border:0; font:12px dotum; color:#666; letter-spacing:-1px;text-align:left;}	
.boardWrite .typeA td {padding:20px 0 0 5px; width:auto; border:0;}	
.boardWrite .typeA th .first {padding:20px 0 10px 5px; border:0; font-size:11px; font-family:Dotum; color:#666;}	
.boardWrite .typeA td .blockTxt {line-height:1.2; font:Dotum; font-size:11px; color:#999;margin-top:-5px;letter-spacing:-1px;}	
.boardWrite .typeA td .blockTxt1 {line-height:1.2; font-size:11px; font-family:Dotum; color:#666; letter-spacing:-1px;}	
.boardWrite .typeA th .blockTxt2 {font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#339900; font-weight:normal} 	
.boardWrite .typeA th .blockTxt3 {line-height:16px;font-size:12px; font-family:Dotum; color:#000; letter-spacing:-1px; font-weight:normal}	
.boardWrite .typeA td span.info1 {font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#999 ;padding-left:15px;} 	
.boardWrite .typeA td span.info2 {font:normal 11px/1.1 돋움;color:#888;padding-left:35px;background:url(/images/ico_important.gif) no-repeat 0% 50%;} 	
.boardWrite .btnType { padding:15px 0 10px 4px; text-align:center;}	

/* -------------------------------------------------------------- */



/* ----------------------- 푸터 영역  ------------------------- */	
#footer { 
    clear:both; 
	width:100%;
	height:120px;
	background:#FFFBF6;
	border-top:2px solid #C2C7D2;
	background:url(/images/main_foot_bg.jpg) no-repeat;
}
.footerInner {
	position:relative;
	width:1000px;
	margin:0 auto; 
	padding-top:13px;
	background:url(/images/main_foot_bg.jpg) no-repeat;
} 
.footerLogo {	position:absolute;	 top:19px;		left:0px;	}
address { 
	margin-left:200px;
	text-align:left;
    clear:both; 
	padding:0 0 15px 3px;
	font-size:0.9em;
	line-height:1.9;
	color:#403f3f;
	letter-spacing:0.1em;
} 
address .addr {	padding-right:10px;}
address .tel {	padding: 0px 3px 0px 0px;}
address .fax, address .email {	padding: 0px 3px 0px 10px;}
address .email a {	color:#403f3f;}
address strong {color:#95683b; font-weight:bold;}
address .copyright{padding-left:0px;}

.foot_link {	position:absolute;	 top:20px;		right:0px;	width:230px;}
.foot_link a {margin-bottom:10px; display: inline-block;  width:100%;  font-size:1.25em; font-weight:600;   height: 36px;  text-align:center;  border: 1px solid #888;  background: transparent;  line-height: 36px;  text-align: center; text-decoration:none; box-sizing: border-box;}
.foot_link a:hover {border-color: #9E7820;  background-color: #CEAA57;}


/* ------------------------- 퀵 메뉴 영역 ---------------------------- */	
#quick {	float:right;	width:50px;	}
#quick ul{	padding-left:8px;	background:url(../images/common/quick_bg.gif) no-repeat left bottom;	} 
#quick ul li{	padding:7px 0 13px 0; 	} 


/*퀵메뉴*/	 
#top_index{margin:0px auto; overflow:hidden;}												
.top_left {position: absolute; overflow:hidden; right:50%; top:200px; margin-right: 570px; width:200px; text-align:right; z-index: 999;}	
.top_right { position: absolute; overflow:hidden; left: 50%; top:200px; margin-left: 570px; width:300px; z-index: 999;}	


@media (max-width:768px){
	#top_index{display:none;}
}

/* 톱가기 버튼 */ 
.btn_top_area{display:none; position:fixed; right:10px; bottom:30px; z-index:1000}

/* 포토 탭 */ 
#contentsArea .tab ul { float:left;width:100%;margin-bottom:40px;border-right:1px solid #dcdcdc;box-sizing:border-box; }
#contentsArea .tab li { float:left;width:12.5%;height:51px;text-align:center;line-height:50px;box-sizing:border-box;border-left:1px solid #dcdcdc;border-bottom:1px solid #c1975d; }
#contentsArea .tab li a { display:block;height:49px;font-weight:bold;background:#f4f4f4;border-top:1px solid #dcdcdc; }
#contentsArea .tab li a:hover { text-decoration: none;background:#f0e9d9;color:#5a2e0b;border-top:1px solid #c1975d;border-left:1px solid #c1975d;border-right:1px solid #c1975d;border-bottom:1px solid #f0e9d9; }
#contentsArea .tab li a.on { text-decoration: none;background:#f0e9d9;color:#5a2e0b;border-top:1px solid #c1975d;border-left:1px solid #c1975d;border-right:1px solid #c1975d;border-bottom:1px solid #f0e9d9; }
#contentsArea .tab li a span{ display:block;line-height:18px;padding-top:8px; }

/* 전자북 탭 */ 
#contentsArea .tab2 ul { float:left; margin-bottom:40px;border-right:1px solid #dcdcdc;box-sizing:border-box; }
#contentsArea .tab2 li { float:left;width:150px;height:51px;text-align:center;line-height:50px;box-sizing:border-box;border-left:1px solid #dcdcdc;border-bottom:1px solid #c1975d; }
#contentsArea .tab2 li a { display:block;height:49px;font-weight:bold;background:#f4f4f4;border-top:1px solid #dcdcdc; }
#contentsArea .tab2 li a:hover { text-decoration: none;background:#f0e9d9;color:#5a2e0b;border-top:1px solid #c1975d;border-left:1px solid #c1975d;border-right:1px solid #c1975d;border-bottom:1px solid #f0e9d9; }
#contentsArea .tab2 li a.on { text-decoration: none;background:#f0e9d9;color:#5a2e0b;border-top:1px solid #c1975d;border-left:1px solid #c1975d;border-right:1px solid #c1975d;border-bottom:1px solid #f0e9d9; }
#contentsArea .tab2 li a span{ display:block;line-height:18px;padding-top:8px; }