@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./button.css');
@import url('./board.css');

/* header */
div.header h2		{  position: absolute; float: left; left:110px; top: 47px; width: 60px;  height: 26px;  }
div.header h2 a		{display: block; width: 100%;  height: 26px;  overflow: hidden;  background: url('../../image/welchon/common/Header_business_h2.gif')no-repeat left top;  text-indent:-999em;  }
div.header div.snb					{ background-image: url('../../image/welchon/common/header_snb_business.gif'); }
div.snb ul.main li					{ background-image: url('../../image/welchon/common/header_snb_business_bar.gif'); }
div.snb ul.main li.on a				{ background-image: url('../../image/welchon/common/header_snb_business_on.gif'); }
div.snb ul.main li.on a				{ color:  #c5f543 ; }
div.snb ul.main li strong,
div.snb ul.main li ul.sub li.on a	{ color: #358c0a ! important; }



div.page ol li { list-style-type : none;	padding: 3px 0 5px 10px; }
div.page ol ol {padding:5px 0;}
div.page ol ol li { list-style-type : none;	padding: 3px 0 5px 10px;  background: url('../../image/welchon/common/icon_dot_g.gif') no-repeat left 6px;}

ul.con { 	margin: 0; 	padding: 1px 0 10px 15px; 	text-align: left;	line-height:140%; }
ul.con li {	margin: 0; 	padding: 0 5px 10px 10px; 	background: url('../../image/welchon/common/ico_arr_silver.gif') no-repeat 0 0.3em; 	clear:left;}
ul.con2 {padding: 0 5px 15px 8px; }
ul.con2 li {padding: 0 5px 0 8px; background: url('../../image/welchon/common/ico_arr_orange.gif') no-repeat 0 0.4em;	 }
ul.con3 { 	margin:0; 	padding-top:4px;	line-height:140%; }
ul.con3 li { background: url('../../image/welchon/common/bullet_list03.gif') no-repeat 0 0.2em; padding: 0 5px 5px 10px; }
ul.con4 {	margin:0; 	padding:4px 0 0 0;	line-height:140%; }
ul.con4 li {	background:none;	padding: 0 5px 5px 10px; }




/* index */
body.index div.content div.part							{ padding-bottom: 10px; background: url('../../image/welchon/common/part_bg.gif') no-repeat left bottom; }
body.index div.content div.summary						{ padding-bottom: 0; background: transparent; }

body.index div.content div.part ol.info					{ width: 110%; overflow: hidden; }
body.index div.content div.part ol.info li				{ float: left; width: 210px; overflow: hidden; margin-right: 10px; padding: 0 10px 10px 5px; border-right: solid 1px #e8e8e8; background-repeat: no-repeat; background-position: 95% bottom; }
body.index div.content div.part ol.info li.third		{ border: 0; margin-right: 0; }
body.index div.content div.part ol.info li.first dt		{ background: url('../../image/welchon/business/ico_number_01.gif') no-repeat left top; }
body.index div.content div.part ol.info li.second dt	{ background: url('../../image/welchon/business/ico_number_02.gif') no-repeat left top; }
body.index div.content div.part ol.info li.third dt		{ background: url('../../image/welchon/business/ico_number_03.gif') no-repeat left top; }

body.index div.content div.part dl.info				{ }
body.index div.content div.part dl.info dt			{ width: 100%; overflow: hidden; margin-bottom: 10px; }
body.index div.content div.part dl.info dt b		{ float: left; height: 20px; overflow: hidden; padding-left: 22px; line-height: 20px; }
body.index div.content div.part dl.info dt img.go		{ float: right; margin-top: 3px; }
body.index div.content div.part dl.info dd				{ float: left; margin-bottom: 5px; padding-left: 10px; background: url('../../image/welchon/common/icon_dot_g.gif') no-repeat left 4px; }
body.index div.content div.part dl.info dd.first				{ width: 70px; }
body.index div.content div.part dl.info dd.second				{ width: 100px; }
body.index div.content div.part dl.info dd.third				{ width: 70px; }
body.index div.content div.part dl.info dd.forth				{ width: 100px; }

body.index div.content div.part dl.inf				{ }
body.index div.content div.part dl.inf dt			{ width: 100%; overflow: hidden; margin-bottom: 10px; }
body.index div.content div.part dl.inf dt b		{ float: left; height: 20px; overflow: hidden; padding-left: 22px; line-height: 20px; }
body.index div.content div.part dl.inf dt img.go		{ float: right; margin-top: 3px; }
body.index div.content div.part dl.inf dd				{ float: left; margin-bottom: 5px; }
body.index div.content div.part dl.inf dd.first				{ width: 140px; }
body.index div.content div.part dl.inf dd.second				{ width: 100px; }
body.index div.content div.part dl.inf dd.third				{ width: 70px; }
body.index div.content div.part dl.inf dd.forth				{ width: 100px; }


body.index div.content div.news					{ float: left; width: 335px; overflow: hidden; background: transparent; }
body.index div.content div.news div.list		{ padding-left: 100px; background: url('../../image/welchon/business/index_news.gif') no-repeat 10px 10px; }
body.index div.content div.columns				{ float: right; width: 335px; overflow: hidden; background: transparent; }
body.index div.content div.columns div.list		{ padding-left: 100px; background: url('../../image/welchon/business/index_columns.gif') no-repeat 10px 10px; }
body.index div.content div.list li {padding:6px 0 0;  }
body.index div.content div.manual							{ float: none; clear: both; width: 100%; overflow: hidden; padding-top: 10px; border-top: solid 1px #ddd; }
body.index div.content div.manual div.head					{ border: 0; }
body.index div.content div.manual div.head small			{ font-weight: normal; font-size: 11px; color: #999; }
body.index div.content div.manual ul.file					{ width: 750px; }
body.index div.content div.manual ul.file li				{ position: relative; float: left; margin-right: 15px; }
body.index div.content div.manual ul.file li p.emblem		{ position: absolute; left: 7px; }
body.index div.content div.manual ul.file li p.file			{ width: 125px; height: 48px; overflow: hidden; background: url('../../image/welchon/business/index_manual_bg.gif') no-repeat left top; }
body.index div.content div.manual ul.file li p.file a		{ float: left; display: inline; margin: 10px 0 0 7px; padding-left: 25px; background: url('../../image/welchon/business/index_ico_manual.gif') no-repeat left top; line-height: 120%; }
body.index div.content div.manual ul.file li p.file a u		{ text-decoration: none; }


body.index div.content div.interchange div.head small		{ color: #3d801c; }
body.index div.content div.interchange ol.info li.first		{ background-image: url('../../image/welchon/business/index_interchange_1st.gif'); }
body.index div.content div.interchange ol.info li.second	{ background-image: url('../../image/welchon/business/index_interchange_2nd.gif'); }
body.index div.content div.interchange ol.info li.third		{ background-image: url('../../image/welchon/business/index_interchange_3rd.gif'); }

body.index div.content div.exploitation div.head small		{ color: #3d801c; }
body.index div.content div.exploitation ol.info li.first		{ background-image: url('../../image/welchon/business/index_exploitation_1st.gif'); }
body.index div.content div.exploitation ol.info li.second	{ background-image: url('../../image/welchon/business/index_exploitation_2nd.gif'); }
body.index div.content div.exploitation ol.info li.third		{ background-image: url('../../image/welchon/business/index_exploitation_3rd.gif'); }

body.index div.content div.sightseeing div.head small		{ color: #3d801c; }
body.index div.content div.sightseeing ol.info li.first		{ background-image: url('../../image/welchon/business/index_sightseeing_1st.gif'); }
body.index div.content div.sightseeing ol.info li.second	{ background-image: url('../../image/welchon/business/index_sightseeing_2nd.gif'); }
body.index div.content div.sightseeing ol.info li.third		{ background-image: url('../../image/welchon/business/index_sightseeing_3rd.gif'); }

body.index div.content div.exciting div.head small		{ color: #3d801c; }
body.index div.content div.exciting ol.info li.first		{ background-image: url('../../image/welchon/business/index_exciting_1st.gif'); }
body.index div.content div.exciting ol.info li.second	{ background-image: url('../../image/welchon/business/index_exciting_2nd.gif'); }
body.index div.content div.exciting ol.info li.third		{ background-image: url('../../image/welchon/business/index_exciting_3rd.gif'); }

/*서식및매뉴얼타이틀*/
body.index div.content div.part div.head2								{ position: relative; width: 100%; overflow: hidden; clear: left; margin-bottom: 10px; color : #555555;  }
body.index div.content div.part div.head2 h4							{ float: left; height: 20px; overflow: hidden; margin-right: 10px; }
body.index div.content div.part div.head2 small						{ float: left; height: 20px; overflow: hidden; line-height: 20px; }