@charset "utf-8";

@font-face {
	font-family: 'Noto Sans DemiLight';
    src: url(/css/fonts/light.eot);
    src: url(/css/fonts/light.eot?#iefix) format('embedded-opentype'),
    url(/css/fonts/light.woff) format('woff'),
    url(/css/fonts/light.otf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

*{margin:0;padding:0;}
*{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}


html,body{min-width:1240px;height:100%;margin:0 auto;}
html{overflow-y:scroll;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
/*body{margin:0;padding:0;width:100%;font-size:12px;font-family : "돋움","Tahoma","Malgun Gothic", Arial, sans-serif;}*/
body{
	margin: 0;
	padding: 0;
	font-family: "Noto Sans DemiLight","Malgun Gothic",sans-serif;
	font-size:14px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: unset;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	text-rendering: auto;
	text-rendering: optimizeSpeed;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	text-rendering: inherit;
}
form{margin:0;padding:0;}
div,input,textarea,select,button,table,ul,li,ol,dl,dt,dd{margin:0;padding:0;}
input,textarea{outline-style:none;}
img,input{vertical-align:middle;}
img,fieldset{border:0;}
select{font-size:12px;}
label{cursor:pointer;}
input[type="checkbox"]{cursor:pointer;}
input[type="radio"]{cursor:pointer;}
input[type="text"]{padding:5px;border:1px solid #ddd;}
input[type="password"]{padding:5px;border:1px solid #ddd;}
input[type=text]::-ms-clear{display:none;}
input[type=number]::-ms-clear{display:none;}
input[type=tel]::-ms-clear{display:none;}
select{border:1px solid #ddd;padding:3px;font-size:12px;font-family:'돋움';color:#666;}
.agreeAll,.agbtn{cursor:pointer;}


::-webkit-input-placeholder {
	font-size: 13px !important;
	font-family:'돋움' !important;
	letter-spacing:-1px !important;
	font-weight:normal !important;
}
:-moz-placeholder {
	font-size: 13px !important;
	font-family:'돋움' !important;
	letter-spacing:-1px !important;
	font-weight:normal !important;
}
::-moz-placeholder {
	font-size: 13px !important;
	font-family:'돋움' !important;
	letter-spacing:-1px !important;
	font-weight:normal !important;
}
:-ms-input-placeholder {
	font-size: 13px !important;
	font-family:'돋움' !important;
	letter-spacing:-1px !important;
	font-weight:normal !important;
}

input:placeholder-shown {
	font-size: 13px !important;
	font-family:'돋움' !important;
	letter-spacing:-1px !important;
	font-weight:normal !important;
}

.file_button_container, .file_button_container input {height: 20px;width: 59px; cursor:pointer;}
.file_button_container { background: transparent url("/images/btnAttach.gif") left top no-repeat; }
.file_button_container input {opacity: 0;}	

/* 시스템 에러박스 */
.errBox{width:500px;margin:0 auto;margin-top:100px;font-family:'Nanum Square';font-size:18px;text-align:center;}

.bankviewBox{width:1200px;margin:0 auto;}
.bankview_stitle{font-family:'Nanum Square';font-size:16px;letter-spacing:-1px;font-weight:normal;color:#111 !important;}
.gshadow{text-shadow:#0b8026 0px 1px 0px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button{
	margin: 0;
	padding: 0;
	font-family: "Noto Sans DemiLight","Malgun Gothic",sans-serif;
	font-size:15px;
	color:#000;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: unset;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	text-rendering: auto;
	text-rendering: optimizeSpeed;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	text-rendering: inherit;
}



/* 

	layout.css 
	
*/

/* 페이지 타이틀 및 기타 텍스트 설정 */
.section_title{font-family:'Nanum Square',Sans-serif;}
.section_title{margin:0;padding:0;font-style:normal;font-weight:600;font-size:30px;color:#222;letter-spacing:-1px;}
.text_center{text-align:center;}
.section_scrib{font-family:'Nanum Square',Sans-serif;font-size:16px;font-weight:normal;letter-spacing:-1px;color:#555;padding:10px 0;}
.section_stitle{font-family:'Nanum Square',Sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px;padding:15px 0;letter-spacing:-1px;color:#333;}



/* jquery 달력 하단공백 패치 - IE */
.ui-datepicker { font:12.2px dotum; } 
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 70px;} 
.ui-datepicker-trigger { margin:0 0 -5px 2px; } 


/* 레이아웃 시작 */
#header{width:100%;height:140px;border-bottom:4px solid #33bc26;}
#header .topBox{position:relative;width:1200px;margin:0 auto;height:140px;}
#header .topBox .topLogo{position:absolute;left:20px;top:58px;}
#header .topBox #topMenu{position:absolute;right:0;bottom:30px;/*overflow:hidden;*/}
#header .topBox #topMenu > li{float:left;min-width:35px;font-size:18px;line-height:35px;}
#header .topBox #topMenu > li img{vertical-align:middle;}
#header .topBox #topMenu > li #keyword{width:182px;padding:7px;border:1px solid #ccc;font-family:'돋움';font-size:13px;text-indent:5px;}

.sub_header{border-bottom:0 !important;}
#sub_top{width:100%;height:123px;background:url('/images/bg_sub_top.jpg') repeat-x;background-size:cover;}
#sub_top .sub_top_box{width:1200px;margin:0 auto;position:relative;}
#sub_top .sub_top_box .rimg{position:absolute;right:0;top:0;}
#sub_top  .sub_top_box .inno{position:absolute;left:-80px;top:4px;}

/* 컨텐츠 */
#contents{width:100%;overflow:hidden;min-height:600px;}
#contents .mainIntro{position:relative;width:1300px;margin:0 auto;height:457px;background:url('/images/bg_main_mid3.jpg') no-repeat;}
#contents .mainIntro .mcodi{position:absolute;left:100px;top:170px;}
#contents .mainIntro .mvslide{position:absolute;right:150px;bottom:0px;}

#contents .mainCont{width:1200px;margin:0 auto;padding-bottom:30px;}
#contents .mainCont .contList{overflow:hidden;}
#contents .mainCont .contList > li{float:left;padding-top:45px;}
#contents .mainCont .contList > li.col01{width:660px;}
#contents .mainCont .contList > li.col02{width:270px;padding-left:27px;}
#contents .mainCont .contList > li.col02 strong{font-size:16px;}
#contents .mainCont .contList > li.col03{width:220px;padding-left:27px;}
#contents .mainCont .contList .slideBox{position:relative;width:645px;height:220px;}
#contents .mainCont .contList .slideBox .prev_arr{position:absolute;left:-10px;top:40px;}
#contents .mainCont .contList .slideBox .next_arr{position:absolute;right:0;top:40px;}
#contents .mainCont .contList .caBox{width:552px;margin:0 auto;min-height:200px;padding-top:10px;}
#contents .mainCont .contList .caBox .list_carousel{overflow:hidden;}
#contents .mainCont .contList .caBox .list_carousel > li{float:left;width:128px;min-height:180px;margin-right:10px;}
#contents .mainCont .contList .caBox .list_carousel > li .photo{width:100%;height:100px;border:1px solid #ddd;border-radius:0px;background:#eee;}
#contents .mainCont .contList .caBox .list_carousel > li .pname{font-weight:normal;color:#000;padding:10px 2px;line-height:120%;font-size:15px;}
#contents .mainCont .contList .caBox .list_carousel > li .desc{font-size:14px;letter-spacing:-0.5px;color:#444;}
#contents .mainCont .contList .caBox .list_carousel > li .ph01{background:#eee url('/data/product/201907/8544832604.jpg') no-repeat;background-size:cover;}
#contents .mainCont .contList .caBox .list_carousel > li .ph02{background:#eee url('/data/product/201907/4120473725.jpg') no-repeat;background-size:cover;}
#contents .mainCont .contList .caBox .list_carousel > li .ph03{background:#eee url('/data/product/201907/6176919384.jpg') no-repeat;background-size:cover;}
#contents .mainCont .contList .caBox .list_carousel > li .ph04{background:#eee url('/data/product/201907/6227303489.jpg') no-repeat;background-size:cover;}
#contents .mainCont .contList .caBox .list_carousel > li .ph05{background:#eee url('/data/product/201907/9490362411.jpg') no-repeat;background-size:cover;}
#contents .mainCont .contList .caBox .list_carousel > li .photo a{display:inline-block;width:100%;height:100%;}


#contents .mainCont .miTitle{font-size:17px;color:#000;font-weight:bold;letter-spacing:-0.5px;}
#contents .mainCont .miUnder{display:block;width:20px;border-top:4px solid red;margin-top:6px;margin-left:2px;margin-bottom:15px;}
#contents .mainCont .miSt{display:inline-block;margin-left:15px;font-size:15px;font-weight:normal;}
#contents .mainCont .txtList{margin-top:30px;}
#contents .mainCont .txtList > li{padding:4px 0;}
#contents .mainCont .cls > li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .bankGap{margin-bottom:10px;}


#rban{position:relative;width:1200px;margin:0 auto;height:0;}
#rbans{position:absolute;right:0;top:0;}
#rban .rbans{position:fixed;top:150px;z-index:999;display:none;}
#rban .rban_box{border:1px solid #dee2eb;width:70px;}


/* 서브레이아웃 */
#bodyContents{width:1200px;margin:0 auto;}
#bodyContents #contList{overflow:hidden;}
#bodyContents #contList > li{float:left;}
#bodyContents #contList > li.contLeft{width:278px;}
#bodyContents #contList > li.contRight{width:922px;}
#bodyContents #contList > li.contLeft .contLeftBox{width:232px;}
#bodyContents #contList .leftTitle{width:100%;height:204px;background:url('/images/bg_left_title.jpg') no-repeat;}
#bodyContents #contList .leftTitle .bTitle{padding-top:90px;font-family:'nb';font-size:32px;color:#fff;text-align:center;letter-spacing:-2px;}
#bodyContents #contList .leftTitle .engTitle{padding-top:15px;font-family:'nb';font-size:18px;color:#a1cdfc;text-align:center;letter-spacing:-1px;}

.subPath{position:relative;width:1200px;margin:0 auto;height:55px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.subPath .pathTxt{position:absolute;right:5px;top:30%;font-size:15px;color:#000;}

/* 서브메뉴 */
.sub_menu{width:232px;background:#f9f9f9;}
.sub_menu > li{border-bottom:1px solid #eee;font-size:18px;font-weight:normal;background:#f9f9f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_menu > li a{font-family:'Noto Sans KR';font-size:17px;font-weight:400;display:inline-block;width:100%;height:100%;padding:10px 14px;}
.sub_menu > li a:hover{color:green;}
.sub_menu > li a.active{color:green;}



/* 우측 고정배너 */
#rban .tPhone{width:100%;height:65px;background:url('/images/rban_09.jpg') no-repeat;text-align:center;}
#rban .tPhone{font-family:'Montserrat';font-size:15px !important;font-weight:bold;color:#444;}

/* 연혁 */
#historyBox{margin-bottom:80px;width:100%;}
#historyBox .history_inbox{width:890px;margin:0 auto;}
#historyBox .ytitle{font-family:'Unica One';font-size:42px;margin-bottom:20px;margin-left:10px;}
#historyBox .hisList{overflow:hidden;margin-left:50px;}
#historyBox .hisList > li{float:left;line-height:40px;}
#historyBox .hisList > li.rd{width:13px;height:40px;background:url('/images/bg_history_line.png');}
#historyBox .hisList > li.wol{width:100px;text-align:right;font-size:18px;color:#f34970;}
#historyBox .hisList > li.cont{font-size:18px;text-indent:20px;letter-spacing:-0.5px;}
#historyBox .his_space{margin-bottom:20px;}
#historyBox .hs{margin-left:43px;}

/* 찾아오시는길 */
#mapBox{width:890px;margin:0 auto;}
#mapInfo{font-family:'nb';font-size:20px;letter-spacing:-1px;padding:10px;border-bottom:1px solid #999;margin-bottom:10px;}
#infoList{margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #999;}
#infoList > li{padding:8px;font-family:'nb';font-size:16px;}



/* 하단 */
#footer{min-height:250px;width:100%;border-top:1px solid #ddd;margin-top:50px;}
#footer .footerAD{width:100%;height:120px;background:url('/images/bpattern.jpg');color:#fff;text-align:center;font-family: 'Noto Sans DemiLight', sans-serif;font-size:22px;letter-spacing:-0.5px;}
#footer .footerAD .adBox{position:relative;padding-top:35px;width:1280px;margin:0 auto;height:120px;border:0px solid red;color:#fff;font-family: 'Noto Sans DemiLight', sans-serif;font-size:22px;letter-spacing:-0.5px;}
#footer .footerAD .btn_req{display:inline-block;margin-left:20px;text-align:center;font-family: 'Noto Sans DemiLight', sans-serif;font-size:22px;color:#fff;letter-spacing:-0.5px;border:2px solid #0ebfe9;}
#footer .footerAD .btn_req a{display:inline-block;width:100%;height:100%;color:#fff;padding:2px 20px 8px 20px;font-size:20px;}
#footer .btm_menu_box{width:100%;overflow:hidden;border-bottom:1px solid #ddd;}
#footer .btm_menu_box > ul{overflow:hidden;display: table;margin-left: auto;margin-right: auto;}
#footer .btm_menu_box > ul > li{float:left;padding:30px 15px;font-family: 'Noto Sans DemiLight', sans-serif;font-size:15px;color:#444;letter-spacing:-0.5px;}
#footer .btmCopy{position:relative;width:1200px;margin:0 auto;padding:40px 0 60px 0;line-height:160%;font-family: "Noto Sans DemiLight","Malgun Gothic",sans-serif;font-size:14px;color:#888;letter-spacing:-0.5px;}
#footer .btmCopy .partner{position:absolute;top:40px;right:0;overflow:hidden;}
#footer .btmCopy .partner > li{float:left;margin-left:3px;}
#footer .btmCopy .partner > li.ptxt{line-height:61px;padding:0 10px;}