@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{font-family:verdana,nanumgothic;-webkit-text-size-adjust:none;}
@charset "utf-8";
* {margin:0;padding:0;*margin:0;*padding:0;font-size:9pt;line-height:15px;font-family:verdana,'Nanum Gothic', '나눔고딕',NanumGothic,'Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,Sans-serif;color:#333333;-webkit-text-size-adjust:none;margin:0;padding:0;}
html,body {width:100%;height:100%;}
html {overflow-y:auto;}
body {*word-break:break-all;-ms-word-break:break-all;}
body {color:#333333;-webkit-text-size-adjust:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,{text-align:left;margin:0;padding:0;}
img,fieldset,iframe{border:0 none;}
img,input {vertical-align:middle;}
li{list-style:none;}
em,address{font-style:normal;}
textarea{overflow:auto;}
hr { display:none;} 
table, tr, td {padding:0px;border-spacing:0px;border-collapse:collapse;}
div {margin:0;padding:0;}
ul {margin:0;padding:0;}
li {margin:0;padding:0;}

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none;}

a.aover:link { text-decoration:none; }
a.aover:visited { text-decoration:none; }
a.aover:active { text-decoration:none; }
a.aover:hover { text-decoration:underline; }

input[type=text], input[type=password], input[type=file], select {border:1px Solid #DDDDDD;height:24px;line-height:24px;background-color:#FFFFFF;}
input.date {width:70px;}
input.hour {width:30px;}
input.min {width:30px;}
input.phone1, input.handphone1 {width:30px;}
input.phone2, input.handphone2 {width:40px;}
input.phone3, input.handphone3 {width:40px;}

ul.ul-radio-list li {float:left;margin-right:10px;}

table.form {width:100%;border-top:1px Solid #dfdfdf;margin-bottom:20px;}
table.form th {width:120px;line-height:30px;background-color:#f9f9f9;color:#333333;padding:5px 10px 5px 10px;border-bottom:1px Solid #dfdfdf;text-align:left;}
table.form td {line-height:30px;background-color:#FFFFFF;color:#555555;padding:5px 10px 5px 10px;border-bottom:1px Solid #dfdfdf;text-align:left;}

table.list {width:100%;border-top:1px Solid #ed1b2f;margin-bottom:20px;}
table.list thead th {line-height:30px;background-color:#f9f9f9;color:#333333;text-align:center;padding:5px 10px 5px 10px;border-bottom:1px Solid #333333;font-weight:bold;}
table.list thead td {line-height:30px;background-color:#f9f9f9;color:#333333;text-align:center;padding:5px 10px 5px 10px;border-bottom:1px Solid #333333;font-weight:bold;}
table.list tbody th {line-height:30px;background-color:#f9f9f9;color:#333333;text-align:center;padding:5px 10px 5px 10px;border-bottom:1px Solid #dddddd;}
table.list tbody td {line-height:30px;background-color:#ffffff;color:#666666;text-align:left;padding:5px 10px 5px 10px;border-bottom:1px Solid #dddddd;}
table.list tfoot th {line-height:30px;background-color:#f9f9f9;color:#333333;text-align:center;padding:5px 10px 5px 10px;border-bottom:1px Solid #333333;font-weight:bold;}
table.list tfoot td {line-height:30px;background-color:#f9f9f9;color:#333333;text-align:center;padding:5px 10px 5px 10px;border-bottom:1px Solid #333333;font-weight:bold;}

.btn {text-align:left;}
.btn a {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.btn a:link {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.btn a:visited {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.btn a:active {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.btn a:hover {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}

.paging {text-align:right;}
.paging strong {display:inline-block;background:#ffffff;border:1px Solid #d8d8d8;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:bold;font-family:tahoma;font-size:9pt;color:#FF7635;}
.paging a:link {display:inline-block;background:#ffffff;border:1px Solid #FFFFFF;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:9pt;color:#666666;}
.paging a:visited {display:inline-block;background:#ffffff;border:1px Solid #FFFFFF;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:9pt;color:#666666;}
.paging a:active {display:inline-block;background:#ffffff;border:1px Solid #FFFFFF;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:9pt;color:#666666;}
.paging a:hover {display:inline-block;background:#ffffff;border:1px Solid #d8d8d8;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:9pt;color:#FF7635;}

.contents-box {border:1px solid #DDDDDD;padding:24px;min-height:300px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.board {width:100%;overflow:hidden;margin-top:20px;}
.box {background-color:#06bb21;border:1px Solid #048b15;color:#FFFFFF;font-size:9pt;padding:2px 3px 1px 3px;font-weight:bold;}

.tab {clear:both;}
.tab li {float:left;width:118px;height:33px;border-left:1px solid #9a9ea6;border-top:1px solid #9a9ea6;border-right:1px solid #9a9ea6;border-bottom:1px solid #9a9ea6;margin-top:5px;line-height:33px;}
.tab li.over {width:118px;height:38px;border-left:1px solid #e9e9ea;border-top:1px solid #e9e9ea;border-right:1px solid #e9e9ea;border-bottom:1px solid #FFFFFF;margin-top:0;line-height:38px;}
.tab li.right {float:right;height:39px;border-bottom:1px solid #9a9ea6;border-left:0;border-top:0;border-right:0;margin:0;}

body {text-align:center;}
#wrap{clear:both;width:100%;overflow:hidden;text-align:center;}

/*Header*/
#header {clear:both;width:100%;height:110px;overflow:hidden;text-align:center;background:url(/html/yoochang/image/nav/head_bg.new.png) repeat-x;}
#header-top {clear:both;display:inline-block;width:1000px;height:30px;overflow:hidden;text-align:right;font-size:8pt;font-family:verdana;color:#555555;line-height:20px;}
#header-top a {font-size:8pt;font-family:verdana;color:#555555;line-height:20px;}
#header-bottom {clear:both;display:inline-block;width:1000px;overflow:hidden;text-align:left;}
#header-bottom h1 {float:left;}
#header-bottom ul {float:right;margin-top:5px}
#header-bottom ul li {float:left;width:120px;}
#header-bottom ul li a {display:block;color:#FFFFFF;width:120px;height:80px;font-family;NanumGothic;font-size:18pt;line-height:80px;text-indent:-9999px;}

#top-menu01 {background:url(/html/yoochang/image/nav/top_menu01_out.new.png) no-repeat;}
#top-menu02 {background:url(/html/yoochang/image/nav/top_menu02_out.new.png) no-repeat;}
#top-menu03 {background:url(/html/yoochang/image/nav/top_menu03_out.new.png) no-repeat;}
#top-menu04 {background:url(/html/yoochang/image/nav/top_menu04_out.new.png) no-repeat;}
#top-menu05 {background:url(/html/yoochang/image/nav/top_menu05_out.new.png) no-repeat;}
#top-menu06 {background:url(/html/yoochang/image/nav/top_menu06_out.new.png) no-repeat;}

#top-submenu {display:none;width:100%;position:absolute;left:0;top:110px;overflow:hidden;text-align:center;padding-bottom:13px;background:url(/html/yoochang/image/nav/head_bg2.new.png) center bottom repeat-x;z-index:999;}
#top-submenu-box {display:inline-block;width:720px;text-align:left;padding-left:280px;}
#top-submenu ul {float:left;width:120px;height:290px;}
#top-submenu ul.over {background:#0060af;}
#top-submenu li {clear:both;overflow:hidden;}
#top-submenu li a {display:block;width:100px;height:20px;line-height:20px;color:#000;text-align:left;padding:0 0 0 20px;font-size:9pt;font-family:'나눔고딕',NanumGothic}
#top-submenu ul.over a {color:#FFF;font-weight:normal;}
#top-submenu ul.over a:hover {font-weight:bold;}

/*body*/
#body {clear:both;display:inline-block;width:1000px;overflow:hidden;text-align:left;}
#body-topImg {clear:both;width:1000px;height:330px;overflow:hidden;}
#body-left {float:left;width:230px;overflow:hidden;}

#left-menu {width:100%;overflow:hidden;margin-bottom:20px;}
#left-menu .title {width:100%;height:70px;padding:25px 0 25px 0;background:#6fb43f;text-align:center;}
#left-menu .title h1 {color:#FFFFFF;font-family:Nanumgothic;font-size:24pt;font-weight:bold;line-height:45px;text-align:center;}
#left-menu .title h2 {color:#FFFFFF;font-family:tahoma;font-size:14pt;line-height:25px;text-align:center;}
#left-menu li {clear:both;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
#left-menu .level1 a {display:block;color:#333333;font-family:Nanumgothic;font-size:12pt;font-weight:bold;line-height:49px;text-align:left;padding-left:25px;}
#left-menu .level1 a.over {color:#6fb43f;background:url(/html/yoochang/image/icon/arrow_right.png) no-repeat 190px center;}
#left-menu .level1 a:hover {color:#6fb43f;background:url(/html/yoochang/image/icon/arrow_right.png) no-repeat 190px center;}

#familysite {clear:both;width:210px;display:inline-block;background:#004ba0;border:1px solid #0b1366;padding:5px 10px 5px 10px;}
#familysite .title {float:left;}
#familysite .title h1 {color:#FFFFFF;font-family:tahoma;line-height:20px;text-align:center;font-size:9pt;}
#familysite .content {float:right;}

#body-right {float:right;width:750px;overflow:hidden;}
#body-right .head {clear:both;overflow:hidden;border-bottom:1px solid #e7e6e6;}
#body-right .head h1 {clear:both;height:100px;color:#544039;font-family:Nanumgothic;font-size:36pt;font-weight:bold;line-height:100px;}
#body-right .head ul {float:right;padding-bottom:5px;}
#body-right .head ul li {float:left;margin:0 0 0 5px;}

/*Footer*/
#footer {clear:both;width:100%;height:100px;overflow:hidden;background:#292929;text-align:center;}
#footer-box {clear:both;display:inline-block;width:1000px;height:60px;margin:20px 0 20px 0;overflow:hidden;}
#footer-box h1 {display:inline-block;float:left;overflow:hidden;padding:5px 25px 5px 25px;}
#footer-text {display:inline-block;float:right;overflow:hidden;padding:0 50px 0 0px;}
#footer-text li {clear:both;text-align:left;color:#CCCCCC;line-height:20px;}
#footer-text li label {color:#FFFFFF;line-height:20px;font-weight:bold;margin:0 10px 0 0;}
#footer-text li span {color:#CCCCCC;line-height:20px;margin:0 20px 0 0;}
#footer-text li b {color:#CCCCCC;}
#footer-link {float:left;width:60px;overflow:hidden;}
#footer-link li {float:left;margin:0 5px 5px 0;}

#quick-menu {position:absolute;background-color:#FFFFFF;}
#quick-menu ul {width:100px;}
#quick-menu li {margin:2px 5px 2px 5px;}

/* 우편번호검색 버튼*/
.mobileButton {
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 8pt Arial, Helvetica, sans-serif;
	padding:3px 10px;
	margin:1px;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #000;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.mobileButton:hover {
	text-decoration: none;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.mobileButton:active {
	position: relative;
	top: 1px;

	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}