@charset "utf-8";
@import url('/resources/css/nanumbarungothic.css');
/* css_reset */
* {margin:0; padding:0;}
body,input,textarea,select,table,button{font-size:12px; font-family:'Arial', sans-serif; }
caption, legend, #accessibility { font-size: 0;line-height: 0;text-indent: -5000px; }
.hidden{ font-size:0; line-height:0; text-indent:-9999px; display:block; position:absolute; top:0; left:-1000%; overflow:hidden; }
input{border-radius:0;}
img, fieldset, iframe{border:0 none;vertical-align:top;}
fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
table{border-collapse:collapse;}
hr{display:none;}

/* skip navigation */
#skipCt {position:absolute; left:-9999px; z-index:999;}
#skipCt:focus {display:block; left:0; width:100%; height:30px; line-height:30px; color:#000; font-weight:bold; text-align:center; background:#e1e0d8;}

body {height:150%; background:url('/resources/images/branch/sub_main/bg_pattern.gif') repeat}
#wrap {width:1280px; margin:0 auto}
.header_submain {position:absolute; top:0; left:50%; z-index:100; width:960px; height:100px; margin-left:-480px; background:url('/resources/images/branch/sub_main/bg_lnb.png') no-repeat 0 0}
.header_submain h1 {position:absolute; top:24px; left:49px}
.header_submain h2 { float:left; padding:30px 0 20px 17px; background:url('/resources/images/branch/branchMain_bar2.png') left 22px no-repeat; }
.header_submain .go_branch {position:absolute; left:236px;}
.header_submain ul {position:absolute; top:47px; left:435px}
.header_submain ul li {float:left; margin-right:29px}
.header_submain ul li:last-child {margin-right:0}
.header_submain ul li a { display:block; font-family: 'Oswald', sans-serif; font-weight:bold; font-size:20px; color:#999; margin-top:-4px;}
.header_submain ul li a:hover, a:focus { color:orange }
.visual {border-bottom:21px solid #e5006a}

.content {width:960px; margin:0 auto}
.content .banner {overflow:hidden; margin-top:44px}
.content .banner li {float:left; margin-left:28px}
.content .banner li:first-child {margin-left:0}
.content .banner li.banner_event {width:218px;height:177px;background:url('/resources/images/branch/jeju/m_banner_11.gif') no-repeat;padding-top:75px;padding-bottom:20px;text-align:center;}
.content .cont {overflow:hidden; margin-top:58px}
.content .cont dl {float:left}
.content .cont dl dt {margin-bottom:14px}
.content .cont .cont01 {width:357px}
.content .cont .cont02 {width:339px}
.content .cont .cont03 {width:264px;height:100px;}  /* 하단 공지사항 세로길이 */

.content .cont .notice_slide {overflow:hidden; height:81px; }
.content .cont .notice_slide div {overflow:hidden}
.content .cont .notice_slide span {float:left}

.content .branch_list {margin-top:48px; cursor:pointer;}
.content .branch_list .tit  {display:block; width:100%; height:37px; background-color:#464a4d; line-height:37px; text-align:center;margin-bottom:20px; color:white; font-size:1.5em; font-weight:bold;}
.content .branch_list ul {display:none; overflow:hidden; padding-bottom:20px; background-color:#fff}
.content .branch_list.on ul {display:block}
.content .branch_list ul li {float:left; width:240px; margin-top:20px; text-align:center}

.footer {height:151px; margin-top:28px; background-color:#fff}
.footer .foot {position:relative; width:960px; height:151px; margin:0 auto}
.footer .foot ul {position:absolute; top:20px; right:0}
.footer .foot ul li {float:left; margin-left:10px}
.footer .foot p {display:block; color: #444; font-size:13px; line-height:20px}
.footer .foot address span {display:block; font-size:14px; margin-top:10px}    
.footer .foot .addre-2 { color:#888; margin:9px 0 0 0; line-height:19px }
.footer .foot select { width:144px; height:30px; line-height:30px; border:1px solid #d2d2d2; color:#888; font-size:12px; }
.footer .foot select.select-fot1 { position:absolute; top:20px; right:154px; }
.footer .foot select.select-fot2 { position:absolute; top:20px; right:0 }

.swiper-container {background:#eee; width:1280px; height:519px; position:relative; }
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-container {
margin: 0 auto;
overflow: hidden;
/* Fix of Webkit flickering */2015-07-21
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-slide {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
bottom:25px;
left:0;
width:100%;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-bullet {
width: 6px;
height: 6px;
display: inline-block;
background:url('/resources/images/branch/sub_main/btn_slide_off.png') no-repeat center center;
padding:7px;
margin:0 5px;
}
.swiper-pagination-switch {
	display:inline-block;
	margin-right:10px;
	width:65px;
	height:2px;
	background:url('/resources/images/branch/sub_main/btn_slide_off.png') no-repeat 0 0;
}

.swiper-active-switch {
	display:inline-block;
	width:66px;
	height:3px;
	background:url('/resources/images/branch/sub_main/btn_slide_on.png') no-repeat 0 0;	
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
background:url('/resources/images/branch/sub_main/btn_slide_on.png') no-repeat 0 0;
width:20px;
height:20px;
padding:0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination {
top: 20px;
right: 10px;
width: 100%;
text-align:right;
}


.content dt {color:#000; font-family: 'Oswald', sans-serif; font-size:20px; font-weight:bold; padding:5px 0;}
.content dd {color:#999; font-family: 'Arial', sans-serif; font-size:14px;}
//.content dd:last {padding-right:0;}
.em-line { width:50px; height:4px; background:#000; margin:10px 0;}