@import url(/webroot/common/css/wfont.css);
@import url(/webroot/common/css/bsColor.css);

.p40 { padding:40px; }
.p50 { padding:50px; }
.p100 { padding:100px; }

.pt10 { padding-top:10px; }
.pt50 { padding-top:50px; }

.pb10 { padding-bottom:10px; }
.pb10 { padding-bottom:20px; }
.pb50 { padding-bottom:50px; }

.m50 { margin:50px; }
.m100 { margin:100px; }
.mt50 { margin-top:50px; }
.mb50 { margin-bottom:50px; }

.cursor_pointer { cursor:pointer; }

html, body { font-size:16px; }
body {
	font-family: 'Nanum Gothic', 'Noto Sans KR', sans-serif;
	font-weight:400;
	word-break:keep-all;
}
a, a:hover { color:inherit; text-decoration:none; }

.sWrap { max-width:1900px; margin:0 auto; }
.pagination { justify-content:center; }
.show-block { display:block; }
.hide-block { display:none; }

.tbl_st { border-top:1px solid #000; }
	.tbl_st th, .tbl_st td { border:1px solid silver; padding:20px; }
	.tbl_st .bg1 { background-color:#f6f7f9; }
	.tbl_st .bg2 { background-color:#f8f8f8; }


#btn_top { background-color:#2f456a; border-radius:50%; padding:15px 17px; position: fixed;	right: 2%; bottom: 50px; display: none; z-index: 999; cursor:pointer;  }


.btn_calc2 { display:block; margin:70px auto;  width:370px; border-radius:30px; color:#fff; font-weight:bold; font-size:1.5rem; padding:15px; text-align:center; background-color:#3c4b82; border:none; }

.topMenu .search .itext { width:250px; border:none; border-bottom:1px solid black; outline:none; }
.topMenu .search .img { margin-left:-30px; }
.topMenu .search .tag { color:#6c757d; }
.topMenu .contact .telx { color:#6c757d; }
.topMenu .talk img { max-width:55px; }

.topMenu .talk_mb { display:none; }
.topMenu .talk_mb img { max-width:45px; }

.menu_ham, .menu_ham span { display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu_ham { display:none; position:relative; width:45px; height:24px; }
.menu_ham span { position:absolute; left:0; width:100%; height:4px; background-color:#333; border-radius:4px; }
.menu_ham span:nth-of-type(1) { top:0; }
.menu_ham span:nth-of-type(2) { top:10px; }
.menu_ham span:nth-of-type(3) { bottom:0; }

.menu_ham.active span:nth-of-type(1),
.menu_ham.active span:nth-of-type(3){ width:15px; }
.menu_ham.active span:nth-of-type(1){ transform:translate(0, 4px) rotate(-45deg); }
.menu_ham.active span:nth-of-type(3){ transform:translate(0, -4px) rotate(45deg); }

.gnb a.menu { color:#343434; text-decoration:none; }
.gnb a:hover { color:#00a2e0; text-decoration:none; }

.gnb .gnb1 .arrow { vertical-align:top; cursor:pointer; }
.gnb .gnb2 { position:relative; }
.gnb .gnb2 .menu { display:inline-block; }
.gnb .gnb2 .menu { display:inline-block; margin-left:50px; }
.gnb .gnb2 #marker { position:absolute; left:0; width:0; height:3px; border-radius:4px; bottom:-3px; background-color:#29b8ef; transition:0.3s; }

.gnb_slide { display:none; }

.mSlide {  }
	.mSlide > .slide > img { max-width:100%; height:auto; }

#ms_pc { height:470px; overflow:hidden; background:#fff url(/theme/home/img/main_bg.png) top center no-repeat; }
#ms_pc .carousel-caption { top:0; height:100%; display:flex; flex-direction:row; justify-content:start; align-items:flex-end; text-align:center; }

#ms_pc #txt1 { height:470px; background:url(/theme/home/img/bg/main_bg_img1.png) no-repeat center center/cover; }
#ms_pc #txt2 { height:470px; background:url(/theme/home/img/bg/main_bg_img2.png) no-repeat center center/cover; }
#ms_pc #txt3 { height:470px; background:url(/theme/home/img/bg/main_bg_img3.png) no-repeat center center/cover; }
#ms_pc #txt4 { height:470px; background:url(/theme/home/img/bg/main_bg_img4.png) no-repeat center center/cover; }

#ms_pc .carousel-caption { left:13%; top:-3%; justify-content:start; }
#ms_pc .carousel-control-prev { left:-80px; }
#ms_pc .carousel-control-next { right:-80px; }
#ms_pc .btn { border:1px solid #fff; background-color:#fff; color:#000; padding:10px 20px; text-align:center; width:150px; }
#ms_pc .btn:hover { background:#000; border:1px solid #000; color:#fff; }

#ms_pc .btn { margin-bottom:20px; }

#ms_mb .bg { backgroundx:#f3f8f7 url(/theme/home/img/main_bg_mb.png) no-repeat center center/cover; }
	#ms_mb .carousel-inner .carousel-item { height:310px; }

#ms_mb .btn { border:1px solid #fff; background-color:#fff; color:#000; padding:5px 10px; text-align:center; font-size:.9rem; }
#ms_mb .btn:hover { background:#000; border:1px solid #000; color:#fff; }

#ms_mb .carousel-caption { bottom:-5px; left:39%; height:100%; display:flex; flex-direction:row; justify-content:start; align-items:flex-end; text-align:center; }
#ms_mb #txt1 { background:#f3f8f7 url(/theme/home/img/bg/main_bg_mb1.png) no-repeat center center/cover; }
#ms_mb #txt2 { background:#f3f8f7 url(/theme/home/img/bg/main_bg_mb2.png) no-repeat center center/cover; }
#ms_mb #txt3 { background:#f3f8f7 url(/theme/home/img/bg/main_bg_mb3.png) no-repeat center center/cover; }
#ms_mb #txt4 { background:#f3f8f7 url(/theme/home/img/bg/main_bg_mb4.png) no-repeat center center/cover; }

#ms_mb .btn { margin-bottom:25px; }


.section_bg1 { background-color:#f6f7f9; }
	.section_bg1 .btn_bo_type { display:inline-block; width:270px; text-align:center; font-weight:bold; color:#000; background-color:#e9e9e9; border:none; }
	.section_bg1 .btn_bo_type_on { display:inline-block; width:270px; text-align:center; font-weight:bold; color:#fff; background-color:#3c3b39; border:none; }
	.section_bg1 .radio_mg { margin-left:100px; }
	.section_bg1 .btn_calc { display:block; margin:70px auto;  width:370px; border-radius:30px; color:#fff; font-weight:bold; font-size:1.5rem; padding:15px; text-align:center; background-color:#3c4b82; border:none; }
	.section_bg1 label.bo_label { width:140px; }
	.section_bg1 img.icon { width:50px; }

.section_md { margin-top:80px; margin-bottom:80px; }
	.section_md .img { height:290px; overflow:hidden; }
	.section_md .desc { background-color:#3167cb; padding:60px; }
	.section_md .desc .txt { border-top:1px solid #f6f6f67a; border-bottom:1px solid #f6f6f67a; }
	.section_md .link .btn_a { display:block; width:150px; padding:10px; color:#333333; margin:0 auto; background-color:#fff; text-align:center; text-decoration:none; font-weight:600; }
	.section_md .desc2 { background-color:#f8f8f6; color:#333; }
	.section_md .desc2 .txt2 { border-top:1px solid #dfdfdd; border-bottom:1px solid #dfdfdd; }
	.section_md .desc3 { background-color:#00a1e1; }	
	
section.banner {}
section.caller { background-color:#525357; color:#fff; }
	section.caller .bname li { display:block; float:left; width: 150px; margin:10px; }
section.footer { background-color:#fff; padding:50px; }

.bmenu .col {}
.bmenu .bcate { display:inline-block; width:100%; padding:10px; background-color:#f6f6f6; color:#000; text-decoration:none; }
.bmenu .bcate:hover { background-color:#464646; color:#fff; }
.bmenu .bcate.on { background-color:#464646; color:#fff; }

.insu_list .abtn { padding:10px 20px; vertical-align:middle; font-size:16px; border:none; text-decoration:none; }
.insu_list .abtn.abtn_dark { background-color:#464646; color:#fff; }
.insu_list .abtn.abtn_orange { background-color:#ffa409; color:#fff; }
.insu_list .abtn.abtn_white { background-color:#ffffff; color:#000; border:1px solid #dfdfdf; }
.insu_list .prc { display:inline-block; padding-bottom:7px; border-bottom:2px solid #000; letter-spacing:.3rem; }

.tabmenu .nav-tabs { border-bottom:1px solid #000; }
.tabmenu .atab { display:inline-block; width:250px; padding:.7rem; color:#565656; font-weight:bold; text-align:center; background-color:#f1f1f3; letter-spacing:.1rem; border:1px solid #e2e2e2; border-bottom:1px solid #000; }
.tabmenu .atab:hover { background-color:#fff; border-bottom:1px solid #000; }
.tabmenu .nav-link.active { background-color:#fff; border-color:#000 #000 #fff; }

#section_bo #tab1 img { max-width:100%; }
#section_bo #tab2 img { max-width:100%; }
#section_bo #tab3 img { max-width:100%; }
#section_bo #tab4 img { max-width:100%; }

#req.btn_req { display:block; margin:70px auto;  width:370px; border-radius:30px; color:#fff; font-weight:bold; font-size:1.5rem; padding:15px; text-align:center; background-color:#ff7e3c; border:none; }

.section_bg2 { background-color:#f5f4f1; }
	.section_bg2 .left { border-bottom:3px solid #58d9f1; }
	.section_bg2 .prc { display:inline-block; margin-top:-10px; margin-left:-40px; }

.section3 .btn_dt { display:inline-block; border:1px solid silver; padding:8px 10px; text-decoration:none; font-weight:bold; color:#000; font-size:.9rem; }
.section3 .btn_dt:hover { background-color:#f2f2f2; }
	.section3 .img_recomm { z-index:100; top:-10px; right:-10px; }

.board_info {}
	.board_info .search_txt { font-size:18px; padding:10px; border:none; border-bottom:1px solid #000; background-color:transparent; width:50%; outline:none; }
	.board_info .search_btn { display:inline-block; margin-left:10px; border:none; color:#fff; padding:10px 30px; background-color:#00a1e1; }

.pagination li.page-item { margin:0 7px; }
.pagination li.page-item a { color:#888; font-weight:600; }
.page-item.active .page-link { border-color:#00a1e1; background-color: #00a1e1; }

.counsel .input_name { padding:10px; font-size:18px; }
.counsel .input_cel { padding:10px; font-size:18px; width:100px; }
#agreeModal .box .conts { height:130px; overflow:auto; }

.listrc .pic { max-height:180px; overflow-y:hidden; }

@media screen and (max-width:375px) {
}

@media screen and (max-width:576px) {
	.tabmenu .nav-item { width:50%; }
	.tabmenu .atab { width:100%; }
	#req.btn_req { width:95%; }
}

@media screen and (max-width:768px) 
{
	.topMenu .search { display:none; }
	.topMenu .menu_ham { display:inline-block; }
	.topMenu .talk_mb { display:inline-block; }

	.gnb { display:none!important; }
	
	.gnb_slide { display:block; width:100%; position:absolute; left:-100%; top:0; right:0; transition: left .3s; background-color:#fff; padding:20px; }
	.gnb_slide.on { left:0; z-index:999; }
	.gnb_slide .slide_close { font-size:2rem; }
	.gnb_slide a { display:inline-block; width:100%; padding:10px 0; border-bottom:1px solid #e1e1e1; font-weight:bold; font-size:1.3rem; text-decoration:none; color:#000; }

	#hmenu { white-space:nowrap; overflow-x:auto; 
			 -webkit-verflow-scrolling: touch;
			 -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	#hmenu::-webkit-scrollbar { display:none; }
}

@media screen and (max-width:992px) {
	#insu_order { display:none; }
	.insu_info{ display:block!important; }
	.insu_info > * { display:block!important; }
	.insu_info .info1 { margin-left:0!important; margin:1rem 0; }
	.insu_info .radio_mg { margin-left:0!important; margin:1rem 0; }

	section.banner .container { max-width:100%; }
}

@media screen and (max-width:1200px) {
	.topMenu .contact { display:none; }
}

@media screen and (max-width:1400px) {
}