@charset "utf-8";
@import url('reset.css');

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;	
	font-family:'NanumBarunGothic', 'Malgun Gothic','돋움', 'dotum';	
	color:#777;
	font-style: normal;	
	font-size:14px;
	background: transparent;
	-webkit-text-size-adjust:none;
	box-sizing:border-box;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

/*		COMMON		*/
#wrap {width:100%; min-width:320px; max-width:720px; margin:0 auto; position:relative; overflow:hidden;}
#wrap img {width:100%; vertical-align:top;}

#header {background:#fff;}
#header>.header_top {width:100%; position:relative; background:#fff;}
#header>.header_top>h1 {width:15%; margin-left:4%; padding:2% 0;}
#header>.header_top>.btn_telnum {display:inline-block; width:27%; position:absolute; right:18.75%; top:25%;}
.btn_allmenu { position:absolute; top:23%; right:4.3%; width:8.75%;}

#gnbm { padding:0 2%; font-family:"NanumBarunGothicBold"; background-color:#c40e40; background-size:cover;} /*background:url(/m/common/img/bg_gnb.png) repeat-x 0 0; */
#gnbm>ul {display:table; width:100%; overflow:hidden;}
#gnbm>ul>li {display:table-cell; width:10%; vertical-align:middle; text-align:center;}
#gnbm>ul>li>a {display:inline-block; position:relative; padding:1.3em 0px 1.1em; color:#fff; font-size:1.077em;letter-spacing:-0.08em;}
#gnbm>ul>li>a:after { display:block; content:''; width:0; height:3px; position:absolute; left:50%; bottom:0; background:#ffffff; -webkit-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#gnbm>ul>li.on>a:after {width:100%; left:0;}

.snb { overflow:hidden; padding-left:5%; border-bottom:1px solid #ccc; background-color:#363636;}
.snb>li { float:left; position:relative; margin:0; padding:0 2%;}
.snb>li:before { display:block; content:""; position:absolute; top:50%; left:0; width:2px; height:2px; background:#a1a1a1;}
.snb>li:first-child { padding-left:0;}
.snb>li:first-child:before { display:none;}
.snb>li>a, .snb>li>span { display:block; position:relative; padding:1.2em 0 0.9em; color:#a1a1a1; text-align:center;}
.snb>li.on>a { color:#fff;}
.snb>li>span { color:#586387;}
.snb>li.other { clear:both; padding-left:0;}
.snb>li.other>a { padding:0.3em 0 0.9em;}
.snb>li.other:before { display:none;}

a.no_link:link, a.no_link:visited, a.no_link:hover , a.no_link:active  { color:#707070; }

/* footer */
body.main #footer { margin-top:7%;}

/* main */
.main_img { overflow:hidden; background-color:#202e5f;}
.main_img>div { float:left; width:33.3333%;}

.slick-slider {display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;  position: relative;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; text-align: center;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:0;}
.slick-slide img { display: block; width: 100%;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.visual_slider { position:relative; overflow:hidden;}
.visual_slider .slick-dots {width:100%; height:20px; padding-right:0px; position:absolute; left:0; bottom:2%; z-index:10; overflow:hidden; text-align:center;}
.visual_slider .slick-dots * {display:inline-block;}
.visual_slider .slick-dots>li {margin-right:10px; line-height:20px;}
.visual_slider .slick-dots>li:first-child {margin-left:0;}
.visual_slider .slick-dots>li>button { width:8px; height:8px; padding:0 !important; border:2px solid #fff; background:none; vertical-align:middle; text-indent:-9999px; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.visual_slider .slick-dots>li.slick-active>button { background:#fff;}

.premium_bg { overflow:hidden; padding:7% 0; background-color:#f6f6f6; background-size:35px 17px;}
.main_premium { padding:0 5.5%;}
.premium_slider { position:relative;}
.premium_slider .slick-arrow { position:absolute; top:30%; z-index:1020; width:10%;}
.premium_slider .slick-arrow.slick-prev { left:-8.5%;}
.premium_slider .slick-arrow.slick-next { right:-8.5%;}

.main_news { position:relative; padding:0 4.16%;}
.main_news h2 { position:relative;}
.main_news .news_more { position:absolute; top:46%; right:0; width:16.7%;}
.news_area ul { overflow:hidden;}
.news_area ul li { float:left; width:49%; margin-bottom:4%; background:#fff; text-align:center;}
.news_area ul li:nth-child(2n) { margin-left:2%;}
.news_area ul li:first-child { border-bottom:4px solid #8957a1;}
.news_area ul li:nth-child(2) { border-bottom:4px solid #8f82bc;}
.news_area ul li:nth-child(3) { border-bottom:4px solid #556fb5;}
.news_area ul li:nth-child(4) { border-bottom:4px solid #00a0e9;}
.news_area ul li a { display:block; padding:16px 10px; border:1px solid #ccc; border-bottom:0;}
.news_area ul li .txt { color:#333; font-size:13px; font-family:NanumBarunGothicBold; line-height:1.45; height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.news_area ul li .img { display:block; height:100px; margin:13px 0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.news_area ul li .date { color:#7d7d7d; font-size:12px;}

.main_link { position:relative; margin:3% 0;}
.main_link .btn_link { position:absolute; top:0; width:19.7%;}
.main_link .btn_link.link01 { left:14.4%;}
.main_link .btn_link.link02 { left:40.1%;}
.main_link .btn_link.link03 { left:65.4%;}

#container>.content {padding-bottom:5%;}

.content_foot { padding-top:10px;}
.content_foot ul li { margin:4px 0 0 12px; font-size:11px; line-height:1.4; text-indent:-12px;}

/* 본문 공통 */
.ori{padding:10% 4% 0 4%;line-height:1.3em;}
.line{width:90%;margin-left:5%;border-top:1px solid #ddd;padding-top:25px;}


/* 오시는 길 */
.location_map { height:360px; margin-top:15px;}
.btn_map { display:block; position:absolute; top:66.25%; left:17.08%; width:64.16%;}
.btn_tmap { display:block; position:absolute; top:73.5%; left:17.08%; width:64.16%;}
.btn_kakaonavi { display:block; position:absolute; top:80.75%; left:17.08%; width:64.16%;}

.btn_download { display:block; position:absolute; top:0; right:25.42%; width:37.5%;}
.btn_zoom { display:block; position:absolute; top:0; right:3.89%; width:20.14%;}
.btn_zoom2 { display:block; position:absolute; top:41.9%; left:42.92%; width:14.16%;}

/*		공지사항		*/
.news_wrap { padding:0 4.16%;}
.type-table {width:100%;border-top:1px solid #e1e1e1;}
.type-table thead tr th {background:#f2f2f2; color:#414141;}
.type-table th, .type-table td {border-bottom:1px solid #e1e1e1;padding:11px 0;text-align:center;line-height:1.3;}
.type-table td.subj {text-align:left;padding-left:10px; padding-right:5px;}
.type-table th:first-child, .type-table td:first-child {border-left:none!important;}

.type-table-view {width:100%;border-top:2px solid #414141;}
.type-table-view th, .type-table-view td { padding:13px 2px; border-bottom:1px solid #cbcbcb;}
.type-table-view th { background:#ececec;}
.type-table-view td {padding-left:15px;}
.type-table-view td.text { padding:15px; line-height:1.7;}

.btnList {padding:15px 0;text-align:right;}
.btnList a {display:inline-block;padding:0 20px;color:#fff;background:#000;line-height:32px;text-align:center; font-size:1.1em;}

.page_wrap {text-align:center;padding:30px 0;}
.page_wrap a {display:inline-block;width:28px;height:28px;text-align:center;line-height:28px;font-weight:bold;font-size:12px;}
.page_wrap a.btn_prev {margin-right:15px;}
.page_wrap a.btn_next {margin-left:15px;}
.page_wrap a.btn_arrow {border:1px solid #a0a0a0;background:#a0a0a0;color:#fff;}
.page_wrap a.page {border:1px solid #e5e5e5;background:#e5e5e5;color:#363636;}
.page_wrap a.current {background:#fff;border:1px solid #979797;color:#7a7a7a;}

/* tabmenu */
.tab { margin-bottom:5%; padding:0 4.16%;}
.tab>ul {width:100%; overflow:hidden;}
.tab>ul>li {width:25%; float:left; display:table;}
.tab.tab_type>ul>li { width:33%;}
.tab>ul>li>a { box-sizing:border-box; display:table-cell; width:100%; height:35px; text-align:center; vertical-align:middle; font-size:1em; line-height:1.3; color:#313131; background:#fff; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.tab>ul>li:first-child>a {border-left:1px solid #dcdcdc;}
.tab>ul>li.last>a {border-right:1px solid #dcdcdc;}
.tab>ul>li.bor_btm>a { border-bottom:1px solid #dcdcdc;}
.tab>ul>li>a.on {color:#fff; background:#1f3a72; border:1px solid #1f3a72;}
.tab>ul>li:first-child>a.on { border-left:1px solid #1f3a72;}
.tab_content {display:none;}

/* 상단 Tab 2번재 디자인 */
.btn_tab { width: 100%; height: 35px; margin-bottom:20px;padding:0 2%;}
.btn_tab li { width: 24.3%; height: 100%; margin-left:2px; font-size: 1em; border: 1px #c40d3f solid; line-height: 35px; float: left; text-align: center; color: #c40d3f; cursor: pointer; }
.btn_tab li:first-child { margin-left: 0; }
.btn_tab li.on { background: #c40d3f; color: #fff; }
.tab_view img { display: none; }
.tab_view img:first-child { display: block; }

.btn_tab3 { width: 100%; height: 35px; margin-bottom:30px;padding:0 2%;}
.btn_tab3 li { width: 32.5%; height: 100%; margin-left:2px; font-size: 1em; border: 1px #c40d3f solid; line-height: 35px; float: left; text-align: center; color: #c40d3f; cursor: pointer; }
.btn_tab3 li:first-child { margin-left: 0; }
.btn_tab3 li.on { background: #c40d3f; color: #fff; }


/*		관심고객등록		*/
.reg_wrap { padding:0 4.16%; line-height:1.5;}
.reg_txt { margin-bottom:20px; font-size:1em; color:#636363; text-align:center;}
.reg_terms { border-top:2px solid #c40e3f; font-size:12px; line-height:1.7;font-family:'NanumBarunGothic'; }
.reg_terms>h3 { height:40px; padding-left:15px; background-color:#f3f3f3; color:#000; font-size:1.2em; line-height:40px;}
.reg_terms .terms_box { padding:10px 5px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background-color:#fff; color:#888;}
.reg_terms .terms_box h4 { margin-top:10px; color:#222; font-weight:normal;}
.reg_terms .terms_box p>strong { color:#444;}

.agree_radio { margin:12px 0 30px; text-align:center; color:#000; font-size:13px;}
.agree_radio .type-radio { margin:-2px 2px 0 0;}
.agree_radio>span { display:inline-block; margin-top:5px;}

.reg_table>table {width:100%; border-top:2px solid #394f9c;}
.reg_table>table th {box-sizing:border-box; padding:13px 0 11px; text-align:center; background-color:#f3f3f3; border-bottom:1px solid #ddd; color:#000; font-size:1em; vertical-align:middle;}
.reg_table>table th>span { color:#e83829;}
.reg_table>table td {box-sizing:border-box; padding:5px; color:#666; background-color:#fff; border-bottom:1px solid #ddd; vertical-align:middle; font-size:1em;}
.reg_table>table td input[type='text'], .reg_table>table td select {box-sizing:border-box; height:30px !important; padding-left:2px; line-height:30px; background-color:#fff; border:1px solid #d6d6d6;}
.reg_table>table td .type-checkbox { margin:-2px 0 0;}
.reg_table .btn_zip {display:inline-block; width:100px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#222;}
.reg_table .contact>span { display:inline-block; margin-top:4px;}
.button {margin-top:3%; text-align:center;}
.button>a {box-sizing:border-box; display:inline-block; width:70px; height:32px; line-height:32px; text-align:center; font-size:14px;}
.button>a.btn_regist {color:#fff; background-color:#394f9c; vertical-align:top;}
.button>a.btn_cancel {color:#333; background-color:#fff; border:1px solid #bbb;}

/*		블로그		*/
.blog_list>li { margin-top:20px; border:1px solid #d7d7d7;}
.blog_list>li:first-child { margin-top:0;}
.blog_list>li .blog_txt { display:block; padding:12px 15px; line-height:1.5;}

/* 회사소개 */
.about_fineconst { position:absolute; top:55.7%; left:10%; width:41.87%;}

/* 사업개요 */
.flexslider.overview_img {position:relative; padding:0 4.16%;}
.flexslider.overview_img .flex-control-thumbs {margin-top:15px; text-align:center;}
.flexslider.overview_img .flex-control-thumbs>li{display:inline-block; width:24%; margin-left:1.3%;}
.flexslider.overview_img .flex-control-thumbs>li:first-child {margin-left:0;}
.flexslider.overview_img .flex-control-thumbs>li>img{width:100%; opacity:.5;}
.flexslider.overview_img .flex-control-thumbs>li>img.flex-active{ opacity:1;}
.flexslider.overview_img .flex-direction-nav>li>a {display:block; width:23px; height:46px; position:absolute; top:30%; z-index:3; text-indent:-9999px;}
.flexslider.overview_img .flex-direction-nav>li>a.flex-prev {left:7%; background:url("../img/overview_prev.png") no-repeat left top; background-size:cover;}
.flexslider.overview_img .flex-direction-nav>li>a.flex-next {right:7%; background:url("../img/overview_next.png") no-repeat left top; background-size:cover;}

/* allmenu */
.allmenu_mask { display:none; position:absolute; top:0; left:0; z-index:2000; width:100%; min-width:320px; height:100%; background-color:#000; opacity:0.8;}
.allmenu { display:none; position:absolute; top:0; left:-70%; z-index:3000; width:70%; height:100%; padding-top:54px;}
.allmenu .allmenu_close { position:absolute; top:0; right:0; width:100%; height:54px; background-color:#fff; padding:23px 0 0 16px;}
.allmenu .allmenu_close h2 { font-size:1.3em; color:#1f2d5f; font-weight:bold;}
.allmenu .allmenu_close>a { display:block; position:absolute; top:12px; right:16px; width:32px; height:28px; font-size:0;}
.allmenu>ul { overflow-y:auto; overflow-x:hidden; height:100%; background-color:rgba(196,13,63,0.85); background-image:url(../img/bg_allmenu.png); background-repeat:repeat-y; background-position:0 0; background-size:101px 5px;}
.allmenu>ul>li { position:relative; padding:5px 5px 20px 120px; border-top:1px solid #e98ba5;}
.allmenu>ul>li>span { position:absolute; top:21px; left:20px; font-size:14px; color:#fff;}
.allmenu>ul>li>span  a{color:#fff;}
.allmenu .depth02 li { margin-top:15px;}
.allmenu .depth02 li a { display:inline-block; color:#fac7d5; font-size:13px;}
.allmenu .depth02 li a.no_link{color:#d94a71;}

	

/* event_slider */
.event_slider { position:relative;}
.event_slider .slick-dots {width:100%; height:14px; position:absolute; left:0; bottom:1%; z-index:99; text-align:right; overflow:hidden;}
.event_slider .slick-dots * {display:inline-block;}
.event_slider .slick-dots>li {margin-right:10px; line-height:14px;}
.event_slider .slick-dots>li>button {width:10px; height:10px; padding:0 !important; vertical-align:middle; text-indent:-9999px; background:#dadada; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:0; cursor:pointer;}
.event_slider .slick-dots>li.slick-active>button {background:#fff200;}

@media screen and (max-width:480px){
	body {font-size:12px;}
	.reg_agree dt>button { font-size:12px;}
}
@media screen and (max-width:400px){
	body {font-size:11px;}
	#gnbm>ul>li>a {font-size:1em;}
}
@media screen and (max-width:350px){
	.snb>li>a, .snb>li>span { font-size:0.9em;}
}