@charset "UTF-8";

.container { position: relative; }
.container .inner { position: relative; }

h2 { font-size: 30px; line-height: 80px; text-align: center; font-family: open sans, arial; background: url(/portalJp/images/main/icon_h2.gif) center bottom no-repeat; color: #313539;}
h3 { font-size: 24px; line-height: 50px; font-weight: 600; }

/* 메인 비주얼 영역 */
.main_visual { position: relative; height: 569px; background:white; }
.main_visual p { text-align: center; line-height: 1.6em; }
.main_visual .textbox { bottom:570px;  position:relative; }
.main_visual p.main_text { padding: 150px 0 10px 0; font-size: 52px; line-height: 50px; color: #0098be; letter-spacing: -1px; font-family: Times New Roman; font-style: italic; }
.main_visual p.sub_text { padding-bottom: 10px; font-size: 22px; font-weight: 600; font-family: open sans, Arial; letter-spacing: 5px; }
.main_visual .vis_btns { position: absolute; left: 550px; margin-top: 36px; }
.main_visual .vis_btns li { float: left; padding: 0 10px; }

/* 사하 소개 영역 */
.introducing { padding: 50px 0 65px; }
.introducing .box { overflow: hidden; margin-top: 37px; background: #149dc0; color: #fff; }
.introducing .box .left { float: left; width: 50%; height: 375px; }
.introducing .box .right { float: left; width: 50%; height: 375px; }
.introducing .box .right h3{ padding: 40px 0 0 50px; }
.introducing .box .right ul.link { overflow: hidden; padding: 20px 0 40px 50px; }
.introducing .box .right ul.link li { float: left; width: 238px; height: 38px; margin: 2px; border: 1px solid #8acee0; background: url(/portalJp/images/main/icon_li.gif) 220px 50% no-repeat; }
.introducing .box .right ul.link li a { display: block; padding-left: 12px; line-height: 40px; color: #fff; }
.introducing .box .right ul.link li a:hover { background: #0085a7; text-decoration: none; }
.introducing .box .right p { width: 83%; padding: 0 0 0 50px; color: #E9F0F8; line-height: 1.5em; }
.introducing .box .right p a { color: #fff; text-decoration: underline; }
.introducing .box .right p em { float: right; }
.introducing .box .right p em img { padding: 0 5px; }

/* 문화 관광 */
.culture { height: 800px; padding: 30px 0 60px; background: #EFEFEF; }
.culture .left { float: left; width: 50%; height: 658px; padding-top: 52px; }
.culture .left .tourist { width: 580px; height: 490px; margin-bottom: 10px; background: #fff; }
.culture .left .tourist p { padding: 5px 35px; line-height: 18px; font-size: 12px; color: #666; }
.culture .left .tourist .title { padding: 25px 35px 10px 35px; font-size: 20px; color: #464646; }
.culture .left .tourist .sub_text { padding: 0px 35px 0px 35px; font-size: 14px; color: #464646; }
.culture .left .tourist .more { color: #0085a7; }
.culture .left .box { overflow: hidden; }
.culture .left .box span { padding: 0px 0 0px 20px; display: block; color: #fff; line-height: 1.5em; font-size: 11px; }
.culture .left .box span.title { padding: 63px 0 10px 20px; font-size: 18px; line-height: 24px; font-weight: 600;  }
.culture .left .box .festival { float: left; width: 285px; height: 154px; margin-right: 10px; background: url(/portalJp/images/main/bg_festival.jpg) center top no-repeat; }
.culture .left .box .properties { float: left; width: 285px; height: 154px; background: url(/portalJp/images/main/bg_properties.jpg) center top no-repeat; }
.culture .right { float: left; width: 50%; height: 658px; padding-top: 52px; background: url(/portalJp/images/main/bg_quick_icon.jpg) right -10px no-repeat; }
.culture .right .quick_icon { overflow: hidden; height: 156px; }
.culture .right .quick_icon li { float: left; width: 120px; height: 148px; }
.culture .right .quick_icon li a { display: block; padding-top: 100px; text-align: center; }
.culture .right .quick_icon li.map { background: url(/portalJp/images/main/icon_map.jpg) center 25px no-repeat; }
.culture .right .quick_icon li.net { background: url(/portalJp/images/main/icon_net.jpg) center 25px no-repeat; }
.culture .right .quick_icon li.tour { background: url(/portalJp/images/main/icon_tour.jpg) center 25px no-repeat; }
.culture .right div { width: 580px; height: 156px; margin: 10px 0 0 10px; }
.culture .right div p { padding: 0px 0 0px 24px; font-size: 12px; line-height: 1.5em; color: #666; }
.culture .right div .title { padding: 25px 0 5px 24px; font-size: 18px; color: #464646; font-weight: 600; }
.culture .right div .more { display: inline-block; padding: 3px 40px 3px 10px; margin-top: 10px; color: #fff; background: #0085a7 url(/portalJp/images/main/icon_arrow.gif) 60px 50% no-repeat; }
.culture .right .box_01 { background: #fff url(/portalJp/images/main/bg_box_01.jpg) right top no-repeat; }
.culture .right .box_02 { background: #fff url(/portalJp/images/main/bg_box_02.jpg) left top no-repeat; }
.culture .right .box_03 { background: #fff url(/portalJp/images/main/bg_box_03.jpg) right top no-repeat; }
.culture .right div.box_02 p, .culture .right div.box_02 .title { padding-left: 310px; }

/* 사하구정  */
.policy {padding: 30px 0 60px; height: 310px; background: url(/portalJp/images/main/bg_policy.jpg) center top no-repeat; }
.policy h2 { background: url(/portalJp/images/main/icon_bar.gif) center bottom no-repeat; color: #fff;}
.policy .quick_menu { overflow: hidden; padding-top: 36px; }
.policy .quick_menu li { float: left; width: 175px; margin-left: 25px; height: 155px; }
.policy .quick_menu li:FIRST-CHILD { margin-left: 0px; }
.policy .quick_menu li.menu_01 { background: #008aad url(/portalJp/images/main/bg_menu_01.jpg) center 30px no-repeat; }
.policy .quick_menu li.menu_02 { background: #008aad url(/portalJp/images/main/bg_menu_02.jpg) center 30px no-repeat; }
.policy .quick_menu li.menu_03 { background: #008aad url(/portalJp/images/main/bg_menu_03.jpg) center 30px no-repeat; }
.policy .quick_menu li.menu_04 { background: #008aad url(/portalJp/images/main/bg_menu_04.jpg) center 30px no-repeat; }
.policy .quick_menu li.menu_05 { width: 379px; background: #008aad url(/portalJp/images/main/bg_mayor.jpg) left top no-repeat; }
.policy .quick_menu li a { padding-top: 90px; display: block; text-align: center; color: #fff; line-height: 20px; font-size: 16px; }
.policy .quick_menu li.menu_05 a { padding: 30px 35px; text-align: left; }
.policy .quick_menu li.menu_05 a .title{ display: block; }
.policy .quick_menu li.menu_05 a em { display: block; padding: 8px 0; font-size: 13px; }
.policy .quick_menu li.menu_05 a .sub_text { display: block; font-size: 12px; }
.policy .quick_menu li.menu_05 a .orange { color: #f8ba4d; }

/* Main Visual */
#main_visual .bx-pager { position: absolute;bottom: 216px; width: 100%; }
#main_visual .bx-pager { width:100%; text-align: center; font-size: .85em;	font-family: Arial;	font-weight: bold;	color: #666;	padding-top: 20px;}
#main_visual .bx-pager .bx-pager-item,
#main_visual .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline; }
#main_visual .bx-pager.bx-default-pager a {	background: url(/portalJp/images/main/vis_btn_off.gif) center no-repeat;	text-indent: -9999px;	display: block;	margin: 0 3px;	padding: 0 15px;	outline: 0;}
#main_visual .bx-pager.bx-default-pager a.active { background: url(/portalJp/images/main/vis_btn_on.gif) center no-repeat;}