@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("slick.css");

html, body, div, span,  iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, footer, header, hgroup, menu, nav, section, summary, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html {font-size:10px;}
body {color:#555; font-size:12px; line-height:1.2; font-family:"Noto Sans KR"; letter-spacing:-.5px;}
ol, ul {list-style:none;}
em,i {font-style:normal;}
table {border-collapse:collapse; border-spacing:0;}
a, button {font-family:inherit;}
a {color:inherit; font-family:inherit; text-decoration:none; font-weight:normal; color:inherit;}
a:active, a:visited, a:hover {text-decoration:none; outline:none;}
button {background:none; margin:0; padding:0; border:0 none; color:inherit; font-size:inherit; outline:none; cursor:pointer;}
img {max-width:100%; vertical-align:middle;}
fieldset {border:0 none !important;}
input[type="text"],
input[type="number"],
input[type="password"] {margin:0; padding:0; border:1px solid #ddd; box-sizing:border-box; color:inherit; font-family:inherit; outline:none; -webkit-appearance:none;}
input[type="text"]::-ms-clear {display:none;}
input[type="text"]:-ms-clear {display:none;}
a, textarea {color:inherit; font-family:inherit; text-decoration:none;}
textarea::-webkit-input-placeholder {color:#dcdcdc;}
textarea:-ms-input-placeholder {color:#dcdcdc;}
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder {color:#dcdcdc;}
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {color:#dcdcdc;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;}

#wrap {overflow:hidden; width:100%;}

/*
 @ 공통영역
 */
.alert_wrap {position:fixed; top:50%; left:50%; background:#535c65; width:600px; padding:20px; box-sizing:border-box;
	-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.alert_wrap .innr {position:relative; background:#fff; height:100%; padding:20px 20px 100px; box-shadow:1px 5px 3px rgba(0,0,0,.2);}
.alert_wrap .innr .logo {width:95px; height:41px;}
.alert_wrap .innr .btn {position:absolute; bottom:50px; left:0; width:100%; font-size:0; text-align:center;}
.alert_wrap .innr .btn a {display:inline-block; position:relative; width:204px;}
.alert_wrap .innr .btn a span {display:block; position:relative; width:100%; height:50px; border-radius:10px; color:#fff; text-align:center; font-size:24px; line-height:50px; z-index:2;}
.alert_wrap .innr .btn a:after {content:""; display:block; position:absolute; bottom:-8px; left:0; width:100%; height:50px; border-radius:10px;}
.alert_wrap .innr .btn a.btn1 span {background:#aab4b5;}
.alert_wrap .innr .btn a.btn1:after {background:#949a9b; z-index:1;}
.alert_wrap .innr .btn a.btn2 {margin-left:10px;}
.alert_wrap .innr .btn a.btn2 span {background:#32bccb;}
.alert_wrap .innr .btn a.btn2:after {background:#2aacba; z-index:1;}
.alert_wrap .innr .text_msg {padding:50px 0; color:#555; font-size:24px; text-align:center;}

.alert_wrap.error .text_msg {background:url(../images/img_error.jpg) 50% 35px no-repeat; padding-top:185px;}

@media screen and (max-width:768px){
	.alert_wrap {width:300px; padding:10px;}
	.alert_wrap .innr {padding:10px 10px 50px;}
	.alert_wrap .innr .logo {width:47px; height:20px;}
	.alert_wrap .innr .btn {bottom:20px;}
	.alert_wrap .innr .btn a {width:102px;}
	.alert_wrap .innr .btn a span {height:25px; line-height:25px; font-size:13px;}
	.alert_wrap .innr .btn a:after {bottom:-4px; height:25px;}
	.alert_wrap .innr .text_msg {padding:25px 0; font-size:14px;}

	.alert_wrap.error .text_msg {background-size:59px 59px; background-position:50% 15px; padding-top:92px;}
}

header .hDesc p,
.inr {position:relative; width:1200px; margin:0 auto;}
.inr:after {content:""; display:block; clear:both;}

@media screen and (max-width:1200px){
	header .hDesc p,
	.inr {width:100%;}
}

header {position:relative;}
header .hDesc {border-bottom:1px solid #eeeeee;}
header .hDesc p {height:40px; color:#959595; font-size:1.5rem; line-height:40px;}
header h1 {position:absolute; top:18px; left:0;}
header h1 a {display:block; background:url(../images/logo.jpg) 0 0 no-repeat; width:133px; height:56px; font:0/0 a;}

header .btn-menu {display:none;}
#gnb_wrap .gnb {float:right;}
#gnb_wrap .gnb li {float:left; position:relative; box-sizing:border-box;}
#gnb_wrap .gnb li.on {border-bottom:7px solid #535c65;}
#gnb_wrap .gnb a {display:block; height:90px; padding:0 24px; color:#333; font-size:24px; line-height:90px;}
#gnb_wrap .gnb a span {display:none;}

#gnb_wrap .btn-AMC,
#gnb_wrap .copy,
#gnb_wrap .gnb li.m5,
#gnb_wrap .gnb li.m6 {display:none;}

@media screen and (max-width:1200px){
	header .hDesc p {padding-left:20px;}
	header h1 {left:20px;}
}

@media screen and (max-width:1024px){
	#gnb_wrap .gnb a {padding:0 10px; font-size:18px;}
}

@media screen and (max-width:768px){
	header .hDesc {display:none;}

	#gnb_wrap .btn-AMC,
	#gnb_wrap .copy,
	#gnb_wrap .gnb li.m5,
	#gnb_wrap .gnb li.m6 {display:block;}

	header {background:#333742; height:46px;}
	header h1 {top:10px; left:15px;}
	header h1 a	{background:url(../images/logo_m.png) 0 0 no-repeat; background-size:100% 100%; width:68px; height:25px;}
	header .btn-menu {display:block; position:absolute; top:0; right:0; background:url(../images/btnm_mallMenu.png) 50% 50% no-repeat; background-size:21px 13px; width:50px; height:46px; font:0/0 a;}

	body.menu-AM {overflow:hidden;}
	body.menu-AM .dim_AM {display:block;}
	body.menu-AM #gnb_wrap {-webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}

	.dim_AM {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); z-index:99;}
	#gnb_wrap {position:fixed; top:0; bottom:0; right:0; background:#8698a8; width:240px; z-index:100;
		-webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%);
		transition:all .2s ease;
	}
	#gnb_wrap:before {content:""; display:inline-block; background:#333742; width:100%; height:46px;}
	#gnb_wrap .copy {position:absolute; bottom:25px; left:20px; color:#fff; font-size:11px;}
	#gnb_wrap .btn-AMC {position:absolute; top:0; right:0; padding:15px 17px;}
	#gnb_wrap .btn-AMC img {width:16px; height:16px; }
	#gnb_wrap .gnb {float:none;}
	#gnb_wrap .gnb li,
	#gnb_wrap .gnb li.on {width:100%; border-top:1px solid #abb7c2; border-bottom:1px solid #758594;}
	#gnb_wrap .gnb li:last-child:after {content:""; position:absolute; bottom:-2px; left:0; right:0; border-bottom:1px solid #abb7c2;}
	#gnb_wrap .gnb li:first-child {border-top:0;}
	#gnb_wrap .gnb a {height:50px; padding:0 0 0 52px; color:#fff; font-size:14px; line-height:50px;}
	#gnb_wrap .gnb li.m1 a {background:url(../images/ico_AM_01.png) 20px 50% no-repeat; background-size:24px 17px;}
	#gnb_wrap .gnb li.m2 a {background:url(../images/ico_AM_02.png) 20px 50% no-repeat; background-size:22px 24px;}
	#gnb_wrap .gnb li.m2 a span {display:inline-block; background:#fff; height:20px; margin-left:10px; padding:0 10px; border-radius:30px; color:#8698a8; font-size:11px; line-height:20px; vertical-align:1px;}
	#gnb_wrap .gnb li.m3 a {background:url(../images/ico_AM_03.png) 20px 50% no-repeat; background-size:21px 17px;}
	#gnb_wrap .gnb li.m4 a {background:url(../images/ico_AM_04.png) 20px 50% no-repeat; background-size:26px 25px;}
	#gnb_wrap .gnb li.m5 a {background:url(../images/ico_AM_05.png) 20px 50% no-repeat; background-size:22px 20px;}
	#gnb_wrap .gnb li.m6 a {background:url(../images/ico_AM_06.png) 20px 50% no-repeat; background-size:15px 22px;}
	
}


footer {padding-bottom:115px; border-top:1px solid #b7b7b7;}
footer .fmenu {border-bottom:1px solid #b7b7b7;}
footer .fmenu ul:after {content:""; display:block; clear:both;}
footer .fmenu ul li {float:left; position:relative;}
footer .fmenu ul li:after {content:""; position:absolute; top:50%; left:-18px; background:#d9d9d9; width:1px; height:20px; margin-top:-10px;}
footer .fmenu ul li:first-child:after {display:none;}
footer .fmenu ul li a {display:block; height:78px; margin-right:18px; padding-right:18px; color:#535c65; font-size:24px; line-height:78px;}
footer .fmenu ul li.privacy a {color:#d96057;}
footer .fmenu .family {position:absolute; top:50%; right:0; width:222px; height:38px; padding-left:10px; border:1px solid #c6c6c6; color:#727272; font-size:1.2rem;
	-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}

footer .foot_info {position:relative; padding-top:20px;}
footer .foot_info .cs_center {position:absolute; top:20px; right:0;}
footer .foot_info .cs_center strong {color:#555; font-size:2rem;}
footer .foot_info .cs_center strong span {color:#30b4c2; font-size:3.6rem;}
footer .foot_info .cs_center em {display:block; color:#727272; font-size:1.6rem;}
footer .foot_info .info {color:#727272; font-size:16px; line-height:1.6;}
footer .foot_info .info span {display:inline-block;}
footer .foot_info .info span:before {content:""; display:inline-block; background:#d9d9d9; width:1px; height:14px; margin:0 10px; vertical-align:-2px;}
footer .foot_info .info span.first:before {display:none;}
footer .foot_info .info .copy {display:block;}
.btn-top {display:none; position:fixed; bottom:30px; right:30px; background:url(../images/btn_top.png) 0 0 no-repeat; background-size:100% 100%; width:76px; height:79px; font:0/0 a;}

@media screen and (max-width:1024px){
	footer {padding-bottom:0;}
	footer .fmenu ul {display:table; width:100%;}
	footer .fmenu ul li {display:table-cell; width:20%;}
	footer .fmenu ul li:last-child {width:40%;}
	footer .fmenu ul li:after {left:0; height:10px; margin-top:-5px;}
	footer .fmenu ul li a {height:40px; margin-right:0; padding-right:0; font-size:18px; line-height:40px; text-align:center;}
	

	footer .fmenu .family {display:none;}

	footer .foot_info {padding:15px 10px;}
	footer .foot_info .cs_center {display:none;}
}

@media screen and (max-width:768px){
	footer .fmenu ul li a {font-size:11px;}
	footer .foot_info .info {font-size:11px;}
	footer .foot_info .info span {margin-right:10px;}
	footer .foot_info .info span:before {display:none;}
	footer .foot_info .info .copy {margin-top:10px;}
	.btn-top {display:block; width:38px; height:39px;}
}


/*
 @ 메인
 */
#container {min-height:500px;}

.visual-wrap {position:relative;}
.visual-wrap [class^=visual-] {height:605px;}
.visual-wrap [class^=visual-] .text_box {width:1200px; margin:0 auto; padding-top:70px; color:#fff;}
.visual-wrap [class^=visual-] .text_box > * {display:block;}
.visual-wrap .visual-01 {background:url(../images/img_visual.jpg) 50% 0 no-repeat;}
.visual-wrap .visual-01 .text_box em {font-size:28px;}
.visual-wrap .visual-01 .text_box strong {font-size:60px;}
.visual-wrap .visual-01 .text_box p {margin-top:20px; font-size:22px; line-height:1.4;}
.visual-wrap .visual-01 .btn_detail {width:220px; height:49px; margin-top:60px; border:3px solid #fff; border-radius:30px; text-align:center; line-height:43px; font-size:23px;}

.visual-wrap .slick-dots {position:absolute; bottom:30px; left:50%; width:1200px; margin-left:-600px; text-align:center; font:0/0 a;}
.visual-wrap .slick-dots li {display:inline-block; margin-left:10px;}
.visual-wrap .slick-dots li:first-child {margin-left:0;}
.visual-wrap .slick-dots li button {display:block; background:#fff; width:24px; height:24px; border:3px solid #333742; border-radius:50%;}
.visual-wrap .slick-dots li.slick-active button {background:#535c65;}
.slick-arrow {position:absolute; top:50%; left:50%; width:80px; height:140px; z-index:10; font:0/0 a;
	-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
.slick-arrow.slick-prev {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ1MS44NDdweCIgaGVpZ2h0PSI0NTEuODQ3cHgiIHZpZXdCb3g9IjAgMCA0NTEuODQ3IDQ1MS44NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS44NDcgNDUxLjg0NzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiPg0KPGc+DQoJPHBhdGggZD0iTTk3LjE0MSwyMjUuOTJjMC04LjA5NSwzLjA5MS0xNi4xOTIsOS4yNTktMjIuMzY2TDMwMC42ODksOS4yN2MxMi4zNTktMTIuMzU5LDMyLjM5Ny0xMi4zNTksNDQuNzUxLDANCgkJYzEyLjM1NCwxMi4zNTQsMTIuMzU0LDMyLjM4OCwwLDQ0Ljc0OEwxNzMuNTI1LDIyNS45MmwxNzEuOTAzLDE3MS45MDljMTIuMzU0LDEyLjM1NCwxMi4zNTQsMzIuMzkxLDAsNDQuNzQ0DQoJCWMtMTIuMzU0LDEyLjM2NS0zMi4zODYsMTIuMzY1LTQ0Ljc0NSwwbC0xOTQuMjktMTk0LjI4MUMxMDAuMjI2LDI0Mi4xMTUsOTcuMTQxLDIzNC4wMTgsOTcuMTQxLDIyNS45MnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K') 0 0 no-repeat; background-size:100% 100%; margin-left:-713px;}
.slick-arrow.slick-next {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ1MS44NDZweCIgaGVpZ2h0PSI0NTEuODQ3cHgiIHZpZXdCb3g9IjAgMCA0NTEuODQ2IDQ1MS44NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS44NDYgNDUxLjg0NzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiPg0KPGc+DQoJPHBhdGggZD0iTTM0NS40NDEsMjQ4LjI5MkwxNTEuMTU0LDQ0Mi41NzNjLTEyLjM1OSwxMi4zNjUtMzIuMzk3LDEyLjM2NS00NC43NSwwYy0xMi4zNTQtMTIuMzU0LTEyLjM1NC0zMi4zOTEsMC00NC43NDQNCgkJTDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0DQoJCWM2LjE3Nyw2LjE4LDkuMjYyLDE0LjI3MSw5LjI2MiwyMi4zNjZDMzU0LjcwOCwyMzQuMDE4LDM1MS42MTcsMjQyLjExNSwzNDUuNDQxLDI0OC4yOTJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==') 0 0 no-repeat; background-size:100% 100%; margin-left:633px;}

@media screen and (max-width:1218px){
	.visual-wrap [class^=visual-] .text_box {width:100%; padding:70px 15px 0;}
}

@media screen and (max-width:1024px){
	.visual-wrap [class^=visual-] {height:500px;}
	.visual-wrap [class^=visual-] .text_box {padding:30px 15px;}
	.visual-wrap .visual-01 {background-size:auto 500px;}

	.visual-wrap .visual-01 .text_box em {font-size:23px;}
	.visual-wrap .visual-01 .text_box strong {font-size:55px;}
	.visual-wrap .visual-01 .text_box p {margin-top:10px; font-size:17px;}
	.visual-wrap .visual-01 .btn_detail	{width:220px; height:49px; margin-top:30px; border:2px solid #fff; line-height:43px; font-size:23px;}
}

@media screen and (max-width:768px){
	.visual-wrap [class^=visual-] {height:322px;}
	.visual-wrap .visual-01 {background-size:auto 322px;}
	
	.visual-wrap .visual-01 .text_box em {font-size:14px;}
	.visual-wrap .visual-01 .text_box strong {font-size:30px;}
	.visual-wrap .visual-01 .text_box p {font-size:11px;}
	.visual-wrap .visual-01 .btn_detail	{width:110px; height:25px; margin-top:30px; line-height:21px; font-size:11px;}

	.visual-wrap .slick-dots li button {width:12px; height:12px;}
	.visual-wrap .slick-dots {bottom:15px;}
}



.insured_search {background:#535c65; padding:42px 0 70px;}
.insured_search h2 {color:#fff; font-size:45px; font-weight:bold; letter-spacing:-.55px;}
.insured_search .desc {margin-top:12px; color:#fff; font-size:24px; letter-spacing:-.75px;}

.search_box {margin-top:28px; font-size:0; text-align:center;}
.search_box > * {display:inline-block;}
.search_box .inp {position:relative; width:300px; margin-left:10px;}
.search_box .inp:first-of-type {margin-left:0;}
.search_box .inp input {background:#fff; width:100%; height:60px; padding:0 15px; border:0; border-radius:15px; line-height:60px; font-size:22px;}
.search_box .inp label {position:absolute; top:19px; right:20px;}
.search_box .btn_submit {background:#32bccb; width:263px; height:60px; margin-left:10px; border-radius:15px; color:#fff; line-height:58px; font-size:28px; text-align:center; letter-spacing:-.8px; box-shadow:1px 5px 3px rgba(0,0,0,.2);}
.search_box .btn_submit em {display:none;}

@media screen and (max-width:1218px){
	.insured_search h2,
	.insured_search .desc {text-align:center;}
	.search_box .inp,
	.search_box .btn_submit {width:170px;}
	.search_box .inp input,
	.search_box .btn_submit {font-size:18px;}
}

@media screen and (max-width:1024px){
	.insured_search h2 {font-size:30px;}
	.insured_search .desc {font-size:18px;}
}

@media screen and (max-width:768px){
	.insured_search h2 {font-size:20px;}
	.insured_search .desc {font-size:15px;}

	.search_box .inp {display:none;}
	.search_box .btn_submit {width:90%; margin:0 auto; border-radius:10px; font-size:22px;}
	.search_box .btn_submit em {display:block;}
	.search_box .btn_submit span {display:none;}
}

@media screen and (max-width:500px){
	.insured_search {padding:25px 0;}

	.insured_search h2,
	.insured_search .desc {display:none;}

	.search_box {margin-top:0;}
}


.section2 {background:url(../images/bg_pattern.gif) repeat; min-height:420px;}
.section2 .inr {padding-left:565px;}
.section2 .inr:before {content:""; position:absolute; top:-27px; left:-22px; background:url(../images/img_s2_01.png) 0 0 no-repeat; background-size:100% 100%; width:725px; height:461px;}
.section2 h2 {padding-top:60px; color:#fff; font-size:50px; line-height:1.1; text-align:center;}
.section2 .desc {background:url(../images/img_s2_02.png) 50% 100% no-repeat; margin-top:12px; padding-bottom:128px; color:#fff; font-size:22px; line-height:1.3; text-align:center;}

@media screen and (max-width:1218px){
	.section2 .inr {padding-left:485px;}
	.section2 h2 {font-size:38px;}
	.section2 .desc {font-size:22px;}
}

@media screen and (max-width:1024px){
	.section2 .inr {padding-left:0; padding-bottom:173px;}
	.section2 .inr:before {top:auto; bottom:-10px; width:559px; height:374px;}
	.section2 h2 {padding-top:35px;}
	.section2 .desc {background-position:50% 0; padding:116px 0 0 250px;}
	.section2 .desc span {display:block;}
}

@media screen and (max-width:890px){
	.section2 .inr:before {top:auto; left:134px; bottom:-110px;}
}

@media screen and (max-width:768px){
	.section2 {min-height:auto;}
	.section2 .inr {padding-bottom:215px;}
	.section2 .inr:before {top:auto; left:50%; bottom:-23px; width:362px; height:230px; margin-left:-181px;}
	.section2 h2 {font-size:22px;}
	.section2 .desc {background-size:201px 47px; background-position:50% 0; padding:62px 0 0 0; font-size:14px;}
}


.section3 {padding:100px 0 115px;}
.section3 h2 {padding-right:300px; color:#30b4c2; font-size:45px; font-weight:bold; text-align:center; letter-spacing:-.75px;}
.section3 h2 span {color:#464646;}
.section3 h2 i {display:inline-block; position:relative;}
.section3 h2 i:after {content:""; position:absolute; top:-5px; left:50%; background:#555; width:6px; height:6px; border-radius:50%; margin-left:-4px;}
.section3 h2 em i:after {display:none;}
.section3 .desc {margin-top:16px; padding-right:300px; color:#555; font-size:24px; text-align:center; letter-spacing:-.75px; line-height:1.3;}
.section3 .box {position:relative; margin-top:85px; padding:40px 55px; border:3px solid #535c65; border-radius:15px;}
.section3 .box:after {content:""; position:absolute; top:-165px; right:26px; background:url(../images/img_s3_01.png) 0 0 no-repeat; background-size:100% 100%; width:345px; height:444px;}
.section3 .box h3 {color:#d96057; font-size:30px;}
.section3 .box p {margin-top:20px; color:#555; font-size:20px; line-height:1.5;}

@media screen and (max-width:1218px){
	.section3 h2 {font-size:40px;}
	.section3 .desc {font-size:22px;}
	.section3 .box {margin:85px 20px 0;}
	.section3 .box:after {top:-218px; width:238px; height:307px;}
	.section3 .box p br {display:none;}
}

@media screen and (max-width:1024px){
	.section3 {padding:50px 0 115px;}
	.section3 h2 {text-align:center;}
	.section3 h2 em {display:block;}
	.section3 h2 em i:after {display:block;}
	.section3 h2 span i:after {display:none;}
	.section3 .desc br {display:none;}

	.section3 .box h3 {font-size:26px;}
	.section3 .box p {font-size:18px;}
}

@media screen and (max-width:890px){
	.section3 {padding:150px 0 50px;}
}

@media screen and (max-width:768px){
	.section3 h2 {padding-right:0; font-size:24px;}
	.section3 .desc {margin-top:10px; padding:0 30px; font-size:12px;}
	.section3 {padding:50px 0 50px;}
	.section3 .box {margin:25px 20px 0; padding:20px 25px;}
	.section3 .box:after {display:none;}
	.section3 .box h3 {font-size:15px;}
	.section3 .box p {margin-top:10px; font-size:12px;}
}

.section4 {background:#f4f4f4; padding:112px 0 50px;}
.section4 h2 {color:#30b4c2; font-size:45px; font-weight:bold; text-align:center; letter-spacing:-.75px;}
.section4 h2 br {display:none;}
.section4 h2 span {color:#464646;}
.section4 h2 span i {display:inline-block; position:relative;}
.section4 h2 span i:after {content:""; position:absolute; top:-5px; left:50%; background:#555; width:5px; height:5px; border-radius:50%; margin-left:-4px;}
.section4 .desc {margin-top:22px; color:#555; font-size:24px; text-align:center; letter-spacing:-.75px; line-height:1.3;}
.section4 .desc span {color:#d96057;}
.section4 .case {margin-top:40px; text-align:center;}
.section4 .case > ul > li {display:inline-block; width:378px; margin-left:19px; text-align:left; vertical-align:top;}
.section4 .case > ul > li:first-child {margin-left:0;}
.section4 .case li .hd {position:relative; background:#535c65; padding:12px 0; border-radius:15px; text-align:center;}
.section4 .case li .hd span {position:absolute; top:-32px; left:15px; background:url(../images/img_s4_01.png) 0 0 no-repeat; width:79px; height:76px; padding-right:6px; color:#fff; font-size:2rem; font-weight:bold; text-align:center; line-height:66px;}
.section4 .case li .hd p {color:#fff; font-size:22px;}
.section4 .case li .hd p em {display:block; color:#fff200;}
.section4 .case li .conts {position:relative; overflow:hidden; min-height:430px; margin-top:5px; padding:15px 20px; border:3px solid #535c65; border-radius:15px;}
.section4 .case li .conts .tbl li {display:table; width:100%; border-bottom:1px solid #ececec;}
.section4 .case li .conts .tbl li div {display:table-cell; height:30px; font-size:18px; vertical-align:middle;}
.section4 .case li .conts .tbl li div:first-child {width:128px; padding-left:10px;}
.section4 .case li .conts .tbl li div em {display:inline-block; margin-right:10px;}
.section4 .case li .conts .tbl li.last {color:#d96057;}
.section4 .case li .conts .total {position:absolute; bottom:0; left:0; right:0; background:#e0e2e3; height:64px; color:#1774a1; font-size:20px; text-align:center; line-height:64px; letter-spacing:-.75px;}
.section4 .case li .conts .total strong {display:inline-block; margin-left:20px; font-size:30px;}
.section4 .case li .conts .total strong em {font-size:20px; font-weight:normal;}

@media screen and (max-width:1218px){
	.section4 .case {margin-top:0;}
	.section4 .case > ul > li {margin-top:40px;}
}

@media screen and (max-width:1024px){
	.section4 {padding:50px 0 50px;}
	.section4 h2 {font-size:40px;}
	.section4 h2 br {display:block;}
	.section4 .desc {font-size:20px;}
}

@media screen and (max-width:768px){
	.section4 h2 {font-size:22px;}
	.section4 .desc {font-size:12px;}

	.section4 .case li .hd span {font-size:14px;}
	.section4 .case li .hd p {font-size:14px;}
	.section4 .case li .conts {min-height:auto; padding-bottom:50px;}
	.section4 .case li .conts .tbl li div {height:20px; font-size:11px;}
	.section4 .case li .conts .total {height:40px; font-size:12px; line-height:40px;}
	.section4 .case li .conts .total strong {font-size:17px;}
	.section4 .case li .conts .total strong em {font-size:12px;}
}

@media screen and (max-width:500px){
	.section4 .desc {padding:0 15px;}
	.section4 .desc br {display:none;}
	.section4 .case li .hd span {top:-15px; background-size:100% 100%; width:40px; height:38px; padding-right:3px; font-size:11px; line-height:33px; font-weight:normal;}
	.section4 .case > ul > li {width:calc(100% - 30px); margin:30px auto 0;}
	.section4 .case li .conts {padding:15px 5px 50px;}
}

.main_board {position:relative; background:#535c65; min-height:240px; padding:52px 0 0;}
.main_board:after {content:""; position:absolute; top:30px; left:50%; background:#656d75; width:1px; height:180px;}
.main_board .inr > div {position:relative; width:600px;}
.main_board .inr > div .btn_more {position:absolute; top:8px; right:40px; color:#fff; font-size:1.4rem;}
.main_board .inr > div .btn_more i {font-family:serif; font-weight:bold;}
.main_board .inr > div h2 {color:#fff; font-size:24px; font-weight:normal;}
.main_board .inr > div ul {margin-top:10px;}
.main_board .inr > div ul li {position:relative;}
.main_board .inr > div ul li:before {content:""; position:absolute; top:12px; left:0; background:#fff; width:5px; height:5px;}
.main_board .inr > div ul li a {display:block; overflow:hidden; text-overflow:ellipsis; max-width:485px; padding-left:8px; color:#fff; font-size:18px; white-space:nowrap; font-weight:200; line-height:1.7;}
.main_board .notice {float:left;}
.main_board .faq {float:right; padding-left:60px;}

@media screen and (max-width:1218px){
	.main_board {padding:52px 20px 0;}
	.main_board .inr > div {width:50%;}
	.main_board .notice {padding-right:20px;}
	.main_board .inr > div.faq .btn_more {right:0;}
}

@media screen and (max-width:1024px){
	.main_board {min-height:auto; padding:52px 20px;}
	.main_board:after {height:150px;}
	.main_board .inr > div h2 {font-size:20px;}
	.main_board .inr > div ul li:before {top:7px; width:3px; height:3px;}
	.main_board .inr > div ul li a {font-size:14px;}
}

@media screen and (max-width:768px){
	.main_board {padding:20px 20px;}
	.main_board:after {top:50%; left:20px; right:20px; height:1px; width:auto;}
	.main_board .inr > div {float:none; width:calc(100% - 40px); padding:0;}
	.main_board .inr > div h2 {font-size:14px;}
	.main_board .inr > div ul li a {font-size:11px;}
	.main_board .inr > div .btn_more {right:0; font-size:11px;}

	.main_board .notice {margin:0 auto;}
	.main_board .faq {margin:40px auto 0;}
}


/*
 @ 서브
 */
#contents {position:relative; width:1200px; margin:0 auto; padding:80px 0 100px; box-sizing:border-box; z-index:5; letter-spacing:-1px; font-weight:300;}

@media screen and (max-width:1200px){
	#contents {width:100%; padding:80px 20px 100px;}
}
@media screen and (max-width:1024px){
	#contents {padding:37px 20px 50px;}	
}

.svisual {position:relative; background:url(../images/img_svisual.jpg) 50% 0 no-repeat; height:320px;}
.svisual:after {content:""; position:absolute; bottom:-120px; left:0; right:0; background:#f4f4f4; width:100%; height:120px;}
.svisual h2 {padding-top:132px; color:#fff; text-align:center; font-size:45px;}
@media screen and (max-width:1024px){
	.svisual {height:150px; background-size:auto 100%;}
	.svisual h2 {height:auto; padding-top:0; font-size:34px; line-height:150px;}
}
@media screen and (max-width:768px){
	.svisual {height:0;}
}

#contents h3.title {color:#30b4c2; font-size:45px; text-align:center; word-break:keep-all;}
#contents h3.title span {color:#464646;}
#contents h3.title i {position:relative;}
#contents h3.title i:after {content:""; position:absolute; top:-7px; left:50%; background:#30b4c2; width:8px; height:8px; border-radius:50%; margin-left:-4px;}
#contents h3.title + p.desc {margin-top:20px; color:#555; font-size:24px; text-align:center; line-height:1.5; word-break:keep-all;}

@media screen and (max-width:1200px){
	#contents h3.title {font-size:40px}
	#contents h3.title + p.desc {font-size:20px;}
}
@media screen and (max-width:1024px){
	.svisual:after {bottom:-60px; height:60px;}
	#contents h3.title {font-size:34px}
	#contents h3.title + p.desc {font-size:17px;}
}
@media screen and (max-width:768px){
	#contents h3.title {font-size:22px}
	#contents h3.title br {display:none;}
	#contents h3.title i:after {top:-5px; width:5px; height:5px;}
	#contents h3.title + p.desc {margin-top:10px; font-size:14px;}
	#contents h3.title + p.desc br {display:none;}

	.product .title span i:after {display:none;}
	.product .title em i:after {content:""; position:absolute; top:-5px; left:50%; background:#30b4c2; width:5px; height:5px; border-radius:50%; margin-left:-4px;}
}


.brand {background:url(../images/img_brand.png) 100% 286px no-repeat;}
.brand .box:first-of-type {margin-top:95px;}
.brand .box {margin-top:45px;}
.brand .box strong {font-size:32px;}
.brand .box p {margin-top:10px; font-size:22px; line-height:1.6;}

@media screen and (max-width:1200px){
	.brand {background-size:448px 298px; background-position:100% 384px;}
	.brand .box:first-of-type {margin-top:55px;}
	.brand .box strong {font-size:28px;}
	.brand .box p {font-size:17px;}
}

@media screen and (max-width:1024px){
	.brand {background-position:110% 262px;}
}

@media screen and (max-width:840px){
	.brand {background:none;}
	.brand .box p br {display:none;}
	.brand .box:last-child {background:url(../images/img_brand.png) 50% 0 no-repeat; background-size:274px 199px; padding-top:205px;}
}

@media screen and (max-width:768px){
	.brand .box {margin-top:10px;}
	.brand .box:first-of-type {margin-top:25px;}
	.brand .box strong {font-size:16px;}
	.brand .box p {font-size:12px;}
}

h4.ico {margin:40px 0 28px; color:#535c65; font-size:30px;}
h4.ico:before {content:""; display:inline-block; background:url(../images/ico_sub.gif) 0 0 no-repeat; background-size:100% 100%; width:37px; height:37px; margin-right:12px; vertical-align:-4px;}
@media screen and (max-width:1200px){
	h4.ico {font-size:24px;}
}
@media screen and (max-width:1024px){
	h4.ico:before {width:30px; height:30px;}
}
@media screen and (max-width:768px){
	h4.ico {margin:20px 0 15px; font-size:16px;}
	h4.ico:before {width:20px; height:20px; margin-right:5px; vertical-align:-2px;}
}


.grid-1 .col-1 {width:512px;}
.grid-1 .col-2 {width:329px;}
.grid-1 .col-3 {width:169px;}
.grid-1 span.desc {display:block; margin-top:10px; font-size:20px;}
.grid-1 dl {position:relative;}
.grid-1 dl:after {content:""; display:block; clear:both;}
.grid-1 dl dt,
.grid-1 dl dd {float:left; height:252px; border-radius:20px;}
.grid-1 dl dt {display:table; background:#535c65; width:160px; color:#fff; font-size:34px; text-align:center;}
.grid-1 dl dt strong {display:table-cell; vertical-align:middle;}
.grid-1 dl dd {overflow:hidden; margin-left:10px; border:3px solid #535c65;}
.grid-1 dl dd table {width:100%;}
.grid-1 dl dd table thead th {background:#535c65; height:70px; color:#fff; font-size:24px; text-align:center; vertical-align:middle;}
.grid-1 dl dd table tbody th {border-top:1px solid #ececec; vertical-align:middle; font-size:20px;}
.grid-1 dl dd table td {height:45px; border-top:1px solid #ececec; vertical-align:middle; text-align:center; font-size:20px;}
.grid-1 dl dd table td.row2 {height:90px;}
.grid-1 dl dd table tr:first-child td {border-left:1px solid #ececec;}

@media screen and (max-width:1200px){
	.grid-1 .col-1 {width:calc(50% - 4px);}
	.grid-1 .col-2 {width:calc(30% - 4px);}
	.grid-1 .col-3 {width:calc(20% - 4px);}
	.grid-1 span.desc {font-size:12px;}
	.grid-1 dl dt, .grid-1 dl dd {height:auto;}
	.grid-1 dl dt {display:none;}
	.grid-1 dl dd {margin-left:6px;}
	.grid-1 dl dd:first-of-type {margin-left:0;}
}
@media screen and (max-width:1024px){
	.grid-1 dl dd {border-radius:10px;}
	.grid-1 dl dd table thead th {height:40px; font-size:18px;}
	.grid-1 dl dd table tbody th,
	.grid-1 dl dd table td {height:30px; font-size:14px;}
	.grid-1 dl dd table td.row2 {height:60px;}
}
@media screen and (max-width:768px){
	.grid-1 dl dt, .grid-1 dl dd {border-radius:10px;}
	.grid-1 dl dd {margin:0;}
	.grid-1 dl dd.col-1 {width:100%; margin-bottom:10px;}
	.grid-1 dl dd.col-2 {width:calc(50% - 2px);}
	.grid-1 dl dd.col-3 {width:calc(50% - 2px); margin-left:4px;}
	.grid-1 dl dd table thead th {font-size:12px;}
	.grid-1 dl dd table tbody th,
	.grid-1 dl dd table td {font-size:12px;}
}

.grid-2 span.desc {float:left; width:100%; margin-top:10px; font-size:20px; white-space:nowrap;}
.grid-2:after {content:""; display:block; clear:both;}
.grid-2 .col-1 {float:left; width:591px;}
.grid-2 .col-2 {float:right; width:591px;}
.grid-2 .col-2 ul {height:460px; padding:50px; border:3px solid #fbfbfb; border-radius:20px;}
.grid-2 .col-2 ul li {font-size:20px; line-height:1.5;}
.grid-2 .col-2 ul li i {display:inline-block; margin-right:5px; font-size:10px; vertical-align:4px;}
.grid-2 .col-3 {float:right; width:591px; height:550px; margin-top:105px; padding:50px; border:3px solid #fbfbfb; border-radius:20px;}
.grid-2 .col-3 dl:first-child {margin-bottom:40px;}
.grid-2 .col-3 dt {margin-bottom:15px; color:#000; font-size:22px;}
.grid-2 .col-3 dt:before {content:""; display:inline-block; background:url(../images/ico_pop_01.png) 0 0 no-repeat; background-size:100% 100%; width:29px; height:26px; margin-right:7px; vertical-align:-4px;}
.grid-2 .col-3 dt span {color:#f17e25;}
.grid-2 .col-3 dd {margin-left:36px; font-size:20px; line-height:1.5;}
.grid-2 .col-3 dd i {display:inline-block; margin-right:5px; font-size:10px; vertical-align:4px;}

@media screen and (max-width:1200px){
	.grid-2 span.desc {text-align:center; font-size:12px;}
	.grid-2 .col-1 {float:none; width:100%;}
	.grid-2 .col-1 img {display:block; margin:0 auto;}
	.grid-2 .col-2 {float:none; width:100%;}
	.grid-2 .col-2 ul {height:auto;}
	.grid-2 .col-3 {float:none; width:591px; height:auto; margin:50px auto 0;}
}
@media screen and (max-width:768px){
	.grid-2 .col-2 ul {padding:20px;}
	.grid-2 .col-2 ul li {font-size:12px;}
	.grid-2 .col-2 ul li i {vertical-align:1px;}

	.grid-2 .col-3 {padding:20px;}
	.grid-2 .col-3 dl:first-child {margin-bottom:15px;}
	.grid-2 .col-3 dt {margin-bottom:5px; font-size:14px;}
	.grid-2 .col-3 dt:before {width:19px; height:16px; vertical-align:-2px;}
	.grid-2 .col-3 dd {margin-left:16px; font-size:12px;}
	.grid-2 .col-3 dd i {vertical-align:1px;}
}

.grid-3 .col-1 {width:132px;}
.grid-3 .col-2 {width:192px;}
.grid-3 .col-3 {width:192px;}
.grid-3 .col-4 {width:212px;}
.grid-3 .col-5 {width:232px;}
.grid-3 span.desc {display:block; margin-top:10px; font-size:20px;}
.grid-3 dl {position:relative;}
.grid-3 dl:after {content:""; display:block; clear:both;}
.grid-3 dl dt,
.grid-3 dl dd {float:left; height:345px; border-radius:20px;}
.grid-3 dl dt {display:table; background:#535c65; width:189px; color:#fff; font-size:24px; text-align:center;}
.grid-3 dl dt strong {display:table-cell; vertical-align:middle;}
.grid-3 dl dd {overflow:hidden; margin-left:10px; border:3px solid #535c65;}
.grid-3 dl dd table {width:100%;}
.grid-3 dl dd thead th {background:#535c65; height:70px; color:#fff; font-size:24px; text-align:center; vertical-align:middle;}
.grid-3 dl dd td {height:45px; padding-right:20px; border-top:1px solid #ececec; vertical-align:middle; font-size:20px; text-align:right;}
.grid-3 dl dd.col-1 td {padding-right:0; text-align:center;}
.grid-3 dl dd tr:first-child td {border-left:1px solid #ececec;}

@media screen and (max-width:1200px){
	.grid-3 .col-1 {width:10%; margin-left:0;}
	.grid-3 .col-2 {width:calc(22.5% - 4px); margin-left:4px;}
	.grid-3 .col-3 {width:calc(22.5% - 4px); margin-left:4px;}
	.grid-3 .col-4 {width:calc(22.5% - 4px); margin-left:4px;}
	.grid-3 .col-5 {width:calc(22.5% - 4px); margin-left:4px;}
	.grid-3 dl dt {width:100%; height:60px; margin-bottom:10px;}
}
@media screen and (max-width:1024px){
	.grid-3 dl dt, .grid-3 dl dd {height:auto;}
	.grid-3 dl dt {height:40px; font-size:18px; border-radius:10px;}
	.grid-3 dl dd {border-radius:10px;}
	.grid-3 dl dd thead th,
	.grid-3 dl dd td {height:30px; font-size:14px;}
}
@media screen and (max-width:768px){
	.grid-3 .col-1 {width:20%; margin-left:0;}
	.grid-3 .col-2 {width:calc(40% - 4px); margin-left:4px;}
	.grid-3 .col-3 {width:calc(40% - 4px); margin-left:4px;}
	.grid-3 .col-4 {width:calc(50% - 2px); margin:10px 0 0 0;}
	.grid-3 .col-5 {width:calc(50% - 2px); margin:10px 0 0 4px;}
	.grid-3 dl dt {font-size:14px; border-radius:10px;}
	.grid-3 dl dd thead th,
	.grid-3 dl dd td {padding-right:0; font-size:12px; text-align:center;}
}


.join_notice strong {display:block; margin-top:25px; font-size:24px;}
.join_notice strong:first-child {margin-top:0;}
.join_notice p {margin-top:5px; font-size:22px; line-height:1.4;}
.join_notice .grid {margin-top:20px;}
.join_notice .grid:after {content:""; display:block; clear:both;}
.join_notice .grid dl {float:left; width:calc(33.3% - 6px); min-height:195px; margin-left:10px; padding:30px; border:3px solid #ececec; border-radius:20px;}
.join_notice .grid dl:first-child {width:calc(33.4% - 8px); margin-left:0;}
.join_notice .grid dl dt {margin-bottom:5px; font-size:24px; font-weight:500;}
.join_notice .grid dl dd {font-size:22px; line-height:1.5;}
.join_notice .grid dl dd a {color:#0072bc;}

@media screen and (max-width:1200px){
	.join_notice strong {font-size:20px;}
	.join_notice p {font-size:18px;}
	.join_notice .grid dl,
	.join_notice .grid dl:first-child {width:calc(50% - 4px); margin:0 4px 0 0;}
	.join_notice .grid dl {padding:20px; min-height:156px; margin-bottom:10px;}
	.join_notice .grid dl dt {font-size:20px;}
	.join_notice .grid dl dd {font-size:18px;}
}
@media screen and (max-width:768px){
	.join_notice strong {margin-top:15px; font-size:14px;}
	.join_notice p {font-size:12px;}

	.join_notice .grid dl,
	.join_notice .grid dl:first-child {width:100%; margin:0 0 10px 0;}
	.join_notice .grid dl {padding:10px; min-height:auto; border-radius:10px;}
	.join_notice .grid dl dt {font-size:14px;}
	.join_notice .grid dl dd {font-size:12px;}
}

.insurance ul {margin-top:20px;}
.insurance ul li {padding-left:27px; text-indent:-27px; font-size:22px; line-height:1.5;}
.insurance img.mo {display:none;}

.grid-4 {display:table; width:100%; margin-bottom:8px;}
.grid-4 .tit,
.grid-4 .board {display:table-cell; vertical-align:middle;}
.grid-4 .tit {background:#535c65; width:160px; border-radius:20px; color:#fff; font-size:24px; text-align:center;}
.grid-4 .board {padding-left:10px;}
.grid-4 .board table {width:100%; table-layout:fixed; overflow:hidden; border-collapse:inherit; border:3px solid #535c65; border-radius:20px;}
.grid-4 .board table .none {display:none;}
.grid-4 .board table th {background:#535c65; height:70px; color:#fff; font-size:24px; font-weight:normal; vertical-align:middle;}
.grid-4 .board table td {padding:10px 0 10px 30px; border-top:1px solid #ececec; font-size:20px; vertical-align:middle; line-height:1.4;}
.grid-4 .board table td:first-child {border-right:1px solid #ececec;}
.grid-4 .btn_down {display:inline-block; background:url(../images/ico_down.gif) 0 0 no-repeat; background-size:100% 100%; width:24px; height:22px; margin-left:10px; font:0/0 a; vertical-align:20px;}

.insurance span.desc {display:block; margin-top:20px; font-size:18px;}

@media screen and (max-width:1024px){
	.insurance ul li {font-size:18px;}
	.grid-4 {margin-bottom:15px;}
	.grid-4 .tit,
	.grid-4 .board {display:block; border-radius:10px;}
	.grid-4 .board {padding-left:0;}
	.grid-4 .board table {border-radius:10px;}
	.grid-4 .board table .none {display:table-row;}
	.grid-4 .board table th {height:40px; font-size:18px;}
	.grid-4 .board table td {font-size:16px;}
	.grid-4 .tit {width:100%; height:60px; margin-bottom:10px; line-height:60px; font-size:18px;}
	.grid-4 .tit br {display:none;}

	.insurance span.desc {margin-top:10px; font-size:12px;}
}

@media screen and (max-width:768px){
	.insurance img.pc {display:none;}
	.insurance img.mo {display:block; width:100%;}

	.insurance ul li {font-size:12px;}
	.grid-4 .tit {height:40px; line-height:40px;}
	.grid-4 .board table th {height:30px; font-size:14px;}
	.grid-4 .board table td {padding:5px 10px; font-size:12px;}
	.grid-4 .btn_down {width:14px; height:12px; vertical-align:11px;}
}



.faq-box {position:relative; border-top:3px solid #535c65;}
.faq-box .btn_more {position:absolute; top:-40px; right:0; color:#535c65; font-size:18px;}
.faq-box .btn_more i {font-family:serif; font-weight:bold;}
.faq-box dl {border-bottom:1px solid #ececec;}
.faq-box dl dt a {display:block; background:url(../images/ico_faq.png) 13px 19px no-repeat; padding:19px 0 19px 47px; font-size:20px;}
.faq-box dl dd {display:none; background:#fbfbfb url(../images/ico_answer.png) 24px 28px no-repeat;}
.faq-box dl dd > div {padding:30px 47px 30px 67px; color:#7d7d7d; font-size:20px; line-height:1.6;}
.faq-box dl.show dd {display:block;}
.faq-box .noLst {padding:200px 0; font-size:20px; text-align:center;}

@media screen and (max-width:1024px){
	.faq-box dl dt a {font-size:18px;}
	.faq-box dl dd > div {font-size:16px;}
	.faq-box .noLst {padding:100px 0; font-size:16px;}
}
@media screen and (max-width:768px){
	.faq-box dl dt a {background-size:13px 11px; background-position:13px 16px; padding:13px 0 13px 35px; font-size:14px;}
	.faq-box dl dd {background-size:16px 13px; background-position:24px 15px;}
	.faq-box dl dd > div {padding:15px 35px 15px 48px; font-size:12px;}
	.faq-box .btn_more {top:-30px; font-size:12px;}
	.faq-box .noLst {padding:50px 0; font-size:13px;}
}


.privacy_cont {font-size:22px; line-height:1.4; word-break:keep-all;}
@media screen and (max-width:1024px){
	.privacy_cont {font-size:18px; line-height:1.5;}
}
@media screen and (max-width:768px){
	.privacy_cont {font-size:13px;}
}


h3.ico_faq {background:url(../images/img_faq.png) 19px 0 no-repeat; padding:40px 0 21px 180px; color:#535c65; font-size:32px;}
@media screen and (max-width:1024px){
	h3.ico_faq {background-size:104px 75px; background-position:19px 100%; padding:25px 0 21px 140px; font-size:24px;}
}
@media screen and (max-width:768px){
	h3.ico_faq {background-size:52px 37px; padding:14px 0 8px 85px; font-size:14px;}
}


.paging {margin-top:40px; text-align:center; font-size:0;}
.paging a {display:inline-block; width:35px; height:35px; margin-left:10px; box-sizing:border-box; border:1px solid #969696; color:#747474; font-size:16px; text-align:center; line-height:33px; vertical-align:middle;}
.paging a:first-child {margin-left:0;}
.paging a.on {border-color:#30b4c2; color:#30b4c2;}
.paging a[class^=btn-] {border-color:#fff; font:0/0 a;}
.paging a.btn-first {background:url(../images/ico_first.gif) 50% 50% no-repeat;}
.paging a.btn-prev {background:url(../images/ico_prev.gif) 50% 50% no-repeat;}
.paging a.btn-next {background:url(../images/ico_next.gif) 50% 50% no-repeat;}
.paging a.btn-last {background:url(../images/ico_last.gif) 50% 50% no-repeat;}
@media screen and (max-width:768px){
	.paging {margin-top:20px;}
	.paging a {width:30px; height:30px; margin-left:5px; font-size:12px; line-height:28px;}
}


.search-box {margin-bottom:20px;}
.search-box:after {content:""; display:block; clear:both;}
.search-box .box {float:right; position:relative; width:500px;}
.search-box .box input[type=text] {width:100%; height:48px; padding-left:20px; border:1px solid #ddd; font-size:18px;}
.search-box .box .btn-srh {position:absolute; top:0; right:0; background:url(../images/btn_srh.gif) 50% 50% no-repeat; width:65px; height:48px; font:0/0 a;}
@media screen and (max-width:768px){
	.search-box {margin-bottom:10px;}
	.search-box .box {width:100%;}
	.search-box .box input[type=text] {height:36px; padding-left:10px; font-size:14px;}
	.search-box .box .btn-srh {width:65px; height:36px;}
}



/*
 @ 가입 팝업
 */

@media screen and (min-width:700px){
	#insured-join header {display:none;}
}
#insured-join {background:url(../images/bg_pop.gif) repeat; padding:130px 0; z-index:50;}

.join-container {position:relative; width:1200px; margin:0 auto; padding-left:500px;}
.join-container .desc {position:absolute; top:-66px; left:0; background:url(../images/log_pop.png) 0 0 no-repeat; padding-left:145px; color:#535c65; font-size:1.5rem; line-height:56px;}
.join-container .txt_cs {position:absolute; top:827px; left:0;}
.join-container .btn_close {position:absolute; top:-55px; right:15px;}
.join-container .bnr {position:absolute; top:0; left:0; border-radius:40px; box-shadow:1px 5px 3px rgba(0,0,0,.2);}
#petInfo_box {position:relative; background:#fff; min-height:800px; padding:50px 50px 0; border-radius:40px; box-shadow:1px 5px 3px rgba(0,0,0,.2);}
#petInfo_box [class^=step-] {display:none; position:relative; padding-bottom:160px;}
#petInfo_box .step {position:relative; padding-right:20px; text-align:right;}
#petInfo_box .step:after {content:""; position:absolute; top:50%; left:0; background:#eee; width:100%; height:9px; border-radius:30px; z-index:1;
	-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
#petInfo_box .step li {display:inline-block; position:relative; background:#fff; width:60px; height:60px; margin-left:10px; border:4px solid #eee; border-radius:50%; color:#eee; font-size:3.4rem; line-height:52px; text-align:center; font-family:arial; font-weight:bold; z-index:2;}
#petInfo_box .step li.on {background:#007f41; border-color:#007f41; color:#fff;}

#petInfo_box .title-box {margin-top:42px;}
#petInfo_box .title-box.line {border-bottom:3px dotted #eee;}
#petInfo_box .title-box h2 {position:relative; min-height:81px; padding-left:172px; color:#333; font-size:2.6rem; line-height:1.3; font-weight:normal;}
#petInfo_box .title-box h2:after {content:""; position:absolute; bottom:-6px; left:25px; background:url(../images/img_popDeco_01.png) 0 0 no-repeat; width:106px; height:86px;}
#petInfo_box .title-box .pet_info {background:#edf6f2; padding:18px 0; border-radius:10px; color:#007f41; font-size:2rem; text-align:center;}

#petInfo_box .btn_btm {position:absolute; bottom:50px; left:0; right:0; padding-top:20px; border-top:1px solid #eee;}
#petInfo_box .btn_btm:after {content:""; display:block; clear:both;}
#petInfo_box .btn_btm button {width:180px; height:50px; border-radius:30px; line-height:44px;}
#petInfo_box .btn_btm button span {display:inline-block;}
#petInfo_box .btn_btm .btn_prev {float:left; background:#fff; padding-left:22px; border:3px solid #c8c8c8; color:#c8c8c8; text-align:left; font-size:2.2rem;}
#petInfo_box .btn_btm .btn_prev span {background:url(../images/ico_popBtn_prev.png) 0 50% no-repeat; padding-left:22px;}
#petInfo_box .btn_btm .btn_next {float:right; background:#c8c8c8; padding-right:22px; border:3px solid #c8c8c8; color:#fff; text-align:right; font-size:2.2rem;}
#petInfo_box .btn_btm .btn_next span {background:url(../images/ico_popBtn_next.png) 100% 50% no-repeat; padding-right:22px;}
#petInfo_box .btn_btm .btn_next.finish {background:#007f41; border-color:#007f41;}

.form_box {margin-top:30px;}
.form_box .frm-line {display:table; width:100%; margin-top:20px;}
.form_box .frm-line:first-of-type {margin-top:0;}
.form_box .frm-line .title,
.form_box .frm-line .frm-cont {display:table-cell; vertical-align:top;}

.form_box .frm-line.row,
.form_box .frm-line.row .title,
.form_box .frm-line.row .frm-cont {display:block;}
.form_box .frm-line.row .frm-cont {width:100%;}

.form_box .frm-line .title {width:172px; height:50px; padding-top:14px; padding-left:37px; color:#000; font-size:2rem;}
.form_box .frm-line .title.ico1 {background:url(../images/ico_pop_01.png) 0 12px no-repeat;}
.form_box .frm-line .title.ico2 {background:url(../images/ico_pop_02.png) 0 15px no-repeat;}
.form_box .frm-line .frm-cont {width:calc(100% - 172px);}

/* STEP1 */
#petInfo_box .step-01 {display:block;}
.form_box .frm-cont input[type=checkbox] {margin:0; padding:0; width:20px; height:20px; border:1px solid #ddd; vertical-align:-7px;}
.form_box .frm-cont .inp {position:relative;}
.form_box .frm-cont .inp input[type=text],
.form_box .frm-cont .inp input[type=number] {width:100%; height:50px; padding-left:20px; border:1px solid #ccc; line-height:48px; font-size:1.6rem;}
.form_box .frm-cont .inp label {position:absolute; top:50%; right:20px;
	-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
.form_box .frm-cont .inp .auto_text {position:absolute; top:50px; left:0; right:0; background:#f5f5f5; border:1px solid #ccc; border-top:0; padding:13px 0;}
.form_box .frm-cont .inp .auto_text a {display:block; padding:7px 0 7px 20px; color:#7d7d7d; font-size:1.6rem;}
.form_box .frm-cont .btn-box {font-size:0;}
.form_box .frm-cont .btn-box a {display:inline-block; width:130px; height:50px; margin-right:5px; border:1px solid #ccc; border-radius:10px; color:#7d7d7d; font-size:1.6rem; line-height:46px; text-align:center;}
.form_box .frm-cont .btn-box a:before {content:""; display:inline-block; margin-right:5px;}
.form_box .frm-cont .btn-box a.male:before {background:url(../images/ico_sex1_off.png) 0 0 no-repeat; width:16px; height:16px; vertical-align:-2px;}
.form_box .frm-cont .btn-box a.woman:before {background:url(../images/ico_sex2_off.png) 0 0 no-repeat; width:9px; height:16px; vertical-align:-2px;}
.form_box .frm-cont .btn-box a.on {background:#007f41; border-color:#007f41; color:#fff;}
.form_box .frm-cont .btn-box .on.male:before {background:url(../images/ico_sex1_on.png) 0 0 no-repeat;}
.form_box .frm-cont .btn-box .on.woman:before {background:url(../images/ico_sex2_on.png) 0 0 no-repeat;}
.form_box .frm-cont .chk {margin-top:20px;}
.form_box .frm-cont .chk label {display:inline-block; margin-right:10px; color:#7d7d7d; font-size:1.6rem; vertical-align:middle;}

/* STEP2 */
.grid-row {display:table; width:100%;}
.grid-row .col-start,
.grid-row .col-end {display:table-cell; vertical-align:middle;}

.form_box .frm-cont.grt {border-top:2px solid #333;}
.form_box .frm-cont.grt .grid-row {border-top:1px solid #ccc;}
.form_box .frm-cont.grt .grid-row:first-of-type {border-top:0;}
.form_box .frm-cont.grt .col-start,
.form_box .frm-cont.grt .col-end {height:48px;}
.form_box .frm-cont.grt .col-start {padding-left:10px; color:#000; font-size:2rem;}
.form_box .frm-cont.grt .col-start a {display:inline-block; background:url(../images/ico_pop_04.png) 0 0 no-repeat; width:16px; height:16px; margin-left:10px; font:0/0 a; vertical-align:15px;}
.form_box .frm-cont.grt .col-end {padding-right:20px; color:#7d7d7d; text-align:right; font-size:1.8rem;}
.form_box .frm-cont.grt .col-end .txt_grn {color:#007f41;}
.form_box .frm-cont.grt .col-end .txt_grn em {font-size:3.2rem;}
.form_box .frm-cont.grt .col-end .txt_grn span {color:#7d7d7d;}
.form_box .frm-cont.grt .total {background:#fafafa;}
.form_box .frm-cont.grt .total .col-start,
.form_box .frm-cont.grt .total .col-end {height:70px;}

/* STEP2 물음표 레이어 */
.sDim {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); z-index:55;}
.stepBox-layers {display:none; position:absolute; top:87px; left:50%; background:#fff; width:485px; min-height:515px; padding:40px 30px 0; border-radius:40px; z-index:56;
	-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
}
.stepBox-layers .btn_close {top:-40px;}
.stepBox-layers h3 {background:url(../images/ico_grt_tit.gif) 0 0 no-repeat; padding:0 0 10px 40px; border-bottom:2px solid #333; color:#000; font-size:2.2rem; line-height:1.2; font-weight:normal;}
.stepBox-layers .grt_info {padding-top:20px; color:#7d7d7d; font-size:1.8rem; line-height:1.3;}
.stepBox-layers .grt_info .txt_maxNum {margin-top:20px; color:#00844a; font-size:1.8rem;}
.stepBox-layers .grt_info .txt_maxNum i {font-size:1.1rem; vertical-align:3px;}
.stepBox-layers .btn {position:absolute; bottom:30px; left:0; right:0;}
.stepBox-layers .btn a {display:block; background:#c8c8c8; width:175px; height:43px; margin:0 auto; border-radius:30px; color:#fff; font-size:2.2rem; line-height:43px; text-align:center;}

/* STEP3 */
.form_box.tab-box .tab-cont02 {display:none;}

.form_box .sample .frm-cont strong {display:block; color:#000; font-size:2rem; font-weight:normal;}
.form_box .sample .frm-cont .tit_01 {margin:20px 0;}
.form_box .sample .frm-cont .tit_02 {background:url(../images/ico_pop_03.png) 0 50% no-repeat; height:24px; margin:25px 0 10px; padding-left:40px; line-height:24px;}
.form_box .sample .frm-cont .sample_pic:after {content:""; display:block; clear:both;}
.form_box .sample .frm-cont .sample_pic span {float:left; width:100%; color:#7d7d7d; font-size:1.2rem; text-align:center;}
.form_box .sample .frm-cont .sample_pic > span {width:100%; margin-bottom:5px; padding-right:82px;}
.form_box .sample .frm-cont .sample_pic div {float:left; width:238px;}
.form_box .sample .frm-cont .sample_pic div img {float:left; margin-left:10px; border:1px solid #d6d6d6;}
.form_box .sample .frm-cont .sample_pic div:first-of-type {width:109px;}
.form_box .sample .frm-cont .sample_pic div:first-of-type img {margin-left:0;}
.form_box .sample .frm-cont .sample_pic div span {margin-top:10px;}
.form_box .sample .frm-cont ul li {color:#7d7d7d; font-size:1.6rem; line-height:1.5;}
.form_box .sample .frm-cont ul li.last {margin-top:10px;}

.form_box .sample .frm-cont .tit_03 {margin:20px 0 15px;}
.form_box .sample .frm-cont .pet_inquire {display:inline-block; position:relative; margin-left:67px; color:#3691d0; font-size:1.4rem; text-decoration:underline;}
.form_box .sample .frm-cont .pet_inquire img {vertical-align:-4px;}

.form_box .addfile .frm-cont ul:after {content:""; display:block; clear:both;}
.form_box .addfile .frm-cont ul li {float:left; position:relative; width:110px; height:100px; margin-left:10px; border:1px solid #d6d6d6;}
.form_box .addfile .frm-cont ul li:first-child {margin-left:0;}
.form_box .addfile .frm-cont ul li .img {width:108px; height:98px;}
.form_box .addfile .frm-cont ul li .btn-del {position:absolute; top:-1px; right:-1px;}
.form_box .addfile .frm-cont ul li input[type=file] {position:absolute; top:0; left:-999em; width:0; height:0; font:0/0 a;}
.form_box .addfile .frm-cont ul li label {position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/ico_plus.gif) 50% 50% no-repeat; font:0/0 a; cursor:pointer;}

.form_box .addfile .frm-cont ul li .txt_ex {position:absolute; bottom:-25px; left:0; width:110px; color:#7d7d7d; font-size:1.4rem; text-align:center;}

.form_box .inquire-num {margin-top:55px;}
.form_box .inquire-card .frm-cont {position:relative; width:427px; height:198px; border:1px solid #d6d6d6;}
.form_box .inquire-card .frm-cont input[type=file] {position:absolute; top:0; left:-999em; width:0; height:0; font:0/0 a;}
.form_box .inquire-card .frm-cont label {position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/ico_plus.gif) 50% 50% no-repeat; width:427px; height:198px; font:0/0 a; cursor:pointer;}
.form_box .inquire-card .frm-cont .img {width:427px; height:198px;}

/* STEP4 */
.form_box .more_info .kg {margin-bottom:10px; padding-right:239px;}
.form_box .more_info .kg span {position:absolute; top:50%; right:210px; color:#7d7d7d; font-size:2rem;
	-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
.form_box .more-ty_01 .btn-box a {width:190px;}
.form_box .more-ty_01 .txt_warning {display:block; margin-top:5px; padding-right:45px; color:#ed1c24; font-size:1.4rem; text-align:right;}
.form_box .more-ty_02 .btn-box a {width:74px;}
.form_box .more-ty_02 .btn-box a.many {width:109px;}

.form_box .frm-cont .chkList {display:block; background:url(../images/ico_chkList.gif) calc(100% - 15px) 50% no-repeat; width:203px; height:44px; margin-top:3px; padding-left:20px; border:1px solid #007f41; border-radius:10px; color:#007f41; font-size:1.6rem; line-height:42px;}

.stepBox-layers.chkList {top:30px !important; width:545px; min-height:848px;}
.stepBox-layers.chkList .btn {bottom:35px;}
.stepBox-layers.chkList dl {margin-top:20px;}
.stepBox-layers.chkList dl:first-of-type {margin-top:25px;}
.stepBox-layers.chkList dl dt h4 {color:#333; font-size:2.2rem;}
.stepBox-layers.chkList dl dt p {margin-top:5px; color:#7d7d7d; font-size:1.6rem; letter-spacing: -.75px;}
.stepBox-layers.chkList dl dd {margin-top:10px;}
.stepBox-layers.chkList dl dd:after {content:""; display:block; clear:both;}
.stepBox-layers.chkList dl dd a {display:inline-block; width:130px; height:50px; margin-right:5px; border:1px solid #ccc; border-radius:10px; color:#7d7d7d; font-size:1.6rem; line-height:46px; text-align:center;}
.stepBox-layers.chkList dl dd a.on {background:#007f41; border-color:#007f41; color:#fff;}
.stepBox-layers.chkList .chk_confirm {margin-top:20px; text-align:right;}
.stepBox-layers.chkList .chk_confirm input[type=checkbox] {margin:0; padding:0; width:20px; height:20px; border:1px solid #ddd; vertical-align:-4px;}
.stepBox-layers.chkList .chk_confirm label {display:inline-block; margin-right:5px; color:#7d7d7d; font-size:1.6rem;}

/* STEP5 */
.step-05 .tab-cont01,
.step-05 .tab-cont02 {margin-top:10px;}

.form_box .numBox .frm-cont:after {content:""; display:block; clear:both;}
.form_box .numBox .frm-cont .inp {float:left;}
.form_box .numBox .frm-cont .inp input[type=text],
.form_box .numBox .frm-cont .inp input[type=number] {padding:0; text-align:center;}
.form_box .numBox .frm-cont i {float:left; width:20px; height:50px; color:#7d7d7d; line-height:50px; text-align:center; font-size:1.6rem;}

.form_box .resident .frm-cont .inp {width:calc(50% - 10px);}
.form_box .phone .frm-cont .inp {width:calc(33.3% - 14px);}
.form_box .phone .frm-cont .inp:first-child {width:calc(33.3% - 12px);}

.form_box .address .frm-cont .srh-zip {display:block; background:url(../images/ico_chkList.gif) calc(100% - 15px) 50% no-repeat; width:130px; height:44px; padding-left:20px; border:1px solid #007f41; border-radius:10px; color:#007f41; font-size:1.6rem; line-height:42px;}
.form_box .address .inp {margin-top:10px;}
.form_box .address .inp input:disabled {background:#fafafa;}

/* STEP6 */
.form_box.write_info table {width:100%; border-top:2px solid #333;}
.form_box.write_info table .col-01 {width:170px;}
.form_box.write_info table th,
.form_box.write_info table td {height:48px; border-bottom:1px solid #ccc; vertical-align:middle; text-align:left;}
.form_box.write_info table th {padding-left:10px; color:#000; font-size:2rem; font-weight:normal;}
.form_box.write_info table td {padding:0 20px; color:#7d7d7d; font-size:1.8rem;}
.form_box.write_info table td a {display:inline-block; background:url(../images/ico_pop_04.png) 0 0 no-repeat; width:16px; height:16px; margin-left:10px; font:0/0 a; vertical-align:15px;}
.form_box.write_info table td span {float:right;}

.form_box.write_info .total-money {padding-bottom:20px; border:2px solid #333; border-width:2px 0; text-align:right;}
.form_box.write_info .total-money .txt_grn {background:#fafafa; height:70px; padding-right:10px; color:#007f41; font-size:2rem; line-height:70px;}
.form_box.write_info .total-money .txt_grn em {font-size:3.2rem;}
.form_box.write_info .total-money .txt_grn span {color:#7d7d7d;}
.form_box.write_info .total-money .txt {display:block; height:36px; padding-right:10px; color:#7d7d7d; font-size:1.6rem; line-height:36px;}

.form_box.write_info .agree-box {padding:30px 0 0;}
.form_box.write_info .agree-box .t_check {margin-bottom:20px;}
.form_box.write_info .agree-box .t_check:after {content:""; display:block; clear:both;}
.form_box.write_info .agree-box .t_check p {float:left; color:#7d7d7d; font-size:1.8rem;}
.form_box.write_info .agree-box .t_check p em {color:#007f41; text-decoration:underline;}
.form_box.write_info .agree-box .t_check .rt {float:right; color:#7d7d7d; font-size:1.8rem;}
.form_box.write_info .agree-box .t_check input[type=checkbox] {margin:0 0 0 10px; padding:0; width:25px; height:25px; border:1px solid #ddd; vertical-align:-6px;}
.form_box.write_info .agree-box .individual {background:#fafafa; padding:15px 20px; border-radius:5px;}
.form_box.write_info .agree-box .individual > div {margin-top:10px;}
.form_box.write_info .agree-box .individual > div:first-child {margin-top:0;}
.form_box.write_info .agree-box .individual input[type=checkbox] {margin:0 10px 0 0; padding:0; width:25px; height:25px; border:1px solid #ddd; vertical-align:-6px;}
.form_box.write_info .agree-box .individual label {color:#007f41; font-size:1.8rem;}

.stepBox-layers .terms_text {overflow:auto; height:345px; padding-top:10px; font-size:14px; line-height:1.3;}

/* FINISH */
.join-finish_box {background:url(../images/img_pop_finish.jpg) 50% 50px no-repeat; padding-top:395px;}
.join-finish_box p {color:#333; font-size:3.6rem; line-height:1.3; text-align:center;}
.join-finish_box p span {display:block; font-size:2.4rem;}
.join-finish_box .btn_ok {position:absolute; bottom:0; left:50%; width:264px; height:68px; border:4px solid #007f41; border-radius:50px; color:#007f41; font-size:3rem; line-height:60px; text-align:center;
	-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
}
/* //가입 팝업 */

@media screen and (max-width:1200px){
	#insured-join .join-container {width:700px; padding-left:0;}
	#insured-join .bnr {display:none;}
}

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

	#insured-join {background:#fff; padding:0;}
	#insured-join .join-container {width:auto;}
	#insured-join .join-container .desc,
	#insured-join .join-container .txt_cs,
	#insured-join .join-container > .btn_close {display:none;}
	
	#petInfo_box {min-height:unset; padding:20px 20px 0; border-radius:0; box-shadow:none;}
	#petInfo_box [class^=step-] {padding-bottom:113px;}
	#petInfo_box [class^=step-] .btn_btm {display:table; position:fixed; bottom:0; width:100%; padding-top:0; border-top:0;}
	#petInfo_box [class^=step-] .btn_btm button {width:50%; height:42px; padding:0; border:0; border-radius:0; line-height:42px; text-align:center;}
	#petInfo_box [class^=step-] .btn_btm button span {background:0; padding:0;}
	#petInfo_box [class^=step-] .btn_btm .btn_prev {background:#7a8191;}
	#petInfo_box [class^=step-] .btn_btm .btn_next {background:#333742;}
	#petInfo_box .step-01 .btn_btm button {width:100%;}

	.form_box .frm-cont .btn-box a {width:calc(50% - 3px); margin:0 0 0 4px;}
	.form_box .frm-cont .btn-box a:first-child {margin-left:0;}
	.step-02 .form_box .frm-cont .btn-box a {width:calc(33.3% - 2px);}
	.step-02 .form_box .frm-cont .btn-box a:first-child {width:calc(33.4% - 3px);}
	.form_box .more-ty_02 .btn-box a {width:calc(32% - 2px); margin:0 4px 5px 0;}
	.form_box .more-ty_02 .btn-box a:first-child {margin-left:0;}
	.form_box .more-ty_02 .btn-box a.many {width:calc(45% - 6px);}

	.join-container .btn_close {right:5px; padding:10px;}
	.join-container .btn_close img {width:12px; height:12px;}

	.stepBox-layers {top:70px; left:5px; right:5px; width:auto; min-height:300px; padding:20px 15px 0; border-radius:20px;
		-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);
	}
	.stepBox-layers .btn {bottom:25px;}
	.stepBox-layers .btn a {width:100px; height:30px; line-height:30px;}

	.form_box .sample .frm-cont .tit_02 {background-size:16px 12px; margin:15px 0 5px; padding-left:25px;}
	.form_box .sample .frm-cont .sample_pic img {width:100%;}

	.form_box .sample .frm-cont .pet_inquire {margin-left:0;}
	.form_box .sample .frm-cont .pet_inquire img {width:8px; height:8px; vertical-align: -1px;}

	.form_box .addfile .frm-cont ul li {width:calc(33.3% - 4px); height:auto; margin-left:4px; padding-bottom:30%;}
	.form_box .addfile .frm-cont ul li:first-child {width:33.4%; margin-left:0;}
	.form_box .addfile .frm-cont ul li .img {position:absolute; top:0; left:0; width:100%; height:100%;}
	.form_box .addfile .frm-cont ul li input[type=file] {opacity:0;}
	.form_box .addfile .frm-cont ul li .btn-del {font:0/0 a;}
	.form_box .addfile .frm-cont ul li .btn-del img {width:13px; height:13px;}

	.form_box .inquire-card .frm-cont {position:relative; width:calc(100% - 172px); height:auto; padding-bottom:32%;}
	.form_box .inquire-card .frm-cont label {width:100%; height:100%;}
	.form_box .inquire-card .frm-cont .img {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%;}

	.form_box .more_info .kg {padding-right:25px;}
	.form_box .more_info .kg span {right:0;}
	.form_box .more-ty_01 .txt_warning {padding-right:0;}

	.stepBox-layers.chkList {top:20px; left:5px; right:5px; width:auto; min-height:auto; padding-bottom:80px;}
	.stepBox-layers.chkList dl dt h4 br,
	.stepBox-layers.chkList dl dt p br {display:none;}

	.stepBox-layers .terms_text {height:170px;}
	
}

@media screen and (max-width:500px){
	html {font-size:7px;}

	#petInfo_box .step {padding-right:10px;}
	#petInfo_box .step:after {height:4px;}
	#petInfo_box .step li {width:30px; height:30px; border-width:2px; font-size:15px; line-height:26px;}

	#petInfo_box .title-box {margin-top:20px;}
	#petInfo_box .title-box.line {border-width:2px;}
	#petInfo_box .title-box h2 {min-height:40px; padding-left:95px;}
	#petInfo_box .title-box h2:after {bottom:-3px; background-size:100% 100%; width:53px; height:43px;}
	#petInfo_box .title-box h2 br {display:none;}
	
	.form_box {margin-top:15px;}
	.form_box .frm-line .title,
	.form_box .frm-line .frm-cont {display:block;}
	.form_box .frm-line .title {height:34px; padding-top:9px; padding-left:19px;}
	.form_box .frm-line .title.ico1 {background-size:15px 13px; background-position:0 10px;}
	.form_box .frm-line .title.ico2 {background-size:15px 10px; background-position:0 11px;}
	.form_box .frm-line .frm-cont {width:100%;}
	.form_box .frm-cont .inp input[type=text],
	.form_box .frm-cont .inp input[type=number] {height:34px; padding-left:10px; line-height:32px;}
	.form_box .numBox .frm-cont i {height:34px; line-height:34px;}

	.form_box .frm-cont .btn-box a {height:30px; line-height:26px; border-radius:5px;}
	.form_box .frm-cont .btn-box a.male:before,
	.form_box .frm-cont .btn-box .on.male:before {background-size:100% 100%; width:10px; height:10px;}
	.form_box .frm-cont .btn-box a.woman:before,
	.form_box .frm-cont .btn-box .on.woman:before {background-size:100% 100%; width:6px; height:11px;}

	.form_box .frm-cont .chk {margin-top:10px;}
	.form_box .frm-cont .chk label {margin-right:5px;}
	.form_box .frm-cont input[type=checkbox] {width:13px; height:13px; vertical-align:-3px;}

	.form_box .frm-cont .inp label {right:10px;}
	.form_box .frm-cont .inp label img {width:12px; height:13px;}

	.form_box .frm-cont.grt .col-start,
	.form_box .frm-cont.grt .col-end {height:30px;}
	.form_box .frm-cont.grt .col-start a {background-position:50% 50%; background-size:8px 8px; width:16px; height:16px; margin-left:5px; vertical-align:13px;}

	.form_box .frm-cont.grt .total .col-start,
	.form_box .frm-cont.grt .total .col-end {height:35px;}

	.stepBox-layers h3 {background-size:20px 15px; background-position:0 2px; padding-left:25px;}

	.form_box .sample .frm-cont strong br {display:none;}

	.form_box .frm-cont .chkList {background-size:6px 9px; width:120px; height:30px; margin-top:0; padding-left:10px; border-radius:5px; line-height:30px;}
	.stepBox-layers.chkList dl dd a {width:120px; height:30px; margin:0; border-radius:5px; line-height:30px;}
	.stepBox-layers.chkList dl dd a:first-child {margin-right:7px;}
	.stepBox-layers.chkList .chk_confirm input[type=checkbox] {width:13px; height:13px; vertical-align:-2px;}

	.form_box .address .frm-cont .srh-zip {background-size:6px 9px; width:120px; height:30px; margin-top:0; padding-left:10px; border-radius:5px; line-height:30px;}

	.form_box.write_info table .col-01 {width:120px;}
	.form_box.write_info table th,
	.form_box.write_info table td {height:30px;}
	.form_box.write_info table td {padding:0 5px;}

	.form_box.write_info .total-money {padding-bottom:0;}
	.form_box.write_info .total-money .txt_grn {height:36px; line-height:36px;}

	.form_box.write_info .agree-box {padding:15px 0 0;}
	.form_box.write_info .agree-box .t_check {margin-bottom:10px;}
	.form_box.write_info .agree-box .t_check p {width:75%;}
	.form_box.write_info .agree-box .t_check input[type=checkbox],
	.form_box.write_info .agree-box .individual input[type=checkbox] {width:13px; height:13px; vertical-align:-2px;}
	.form_box.write_info table td a {background-position:50% 50%; background-size:8px 8px; width:16px; height:16px; margin-left:5px; vertical-align:13px;}

	.join-finish_box {background-size:146px 154px; padding-top:260px;}

	.join-finish_box .btn_ok {width:130px; height:34px; border-width:2px; line-height:30px;}
}

/* 닫기 팝업 */
#close-container {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); z-index:55;}
#close-container .contents {position:relative; background:#fff url(../images/img_clsePop.jpg) 50% 65px no-repeat; width:535px; height:734px; margin:163px auto 0; padding-top:400px; border-radius:40px; color:#333; text-align:center;}
#close-container .contents strong {font-size:3.6rem; font-weight:normal;}
#close-container .contents .desc {margin-top:5px; font-size:2.4rem; line-height:1.2;}
#close-container .contents .btn_close {position:absolute; top:-40px; right:20px;}
#close-container .contents .btn {position:absolute; bottom:53px; left:56px; right:56px;}
#close-container .contents .btn:after {content:""; display:block; clear:both;}
#close-container .contents .btn a {float:left; height:68px; border-radius:40px; font-size:3rem; line-height:62px;}
#close-container .contents .btn .btn_no {background:#c8c8c8; width:153px; border:3px solid #c8c8c8; color:#fff; text-align:center;}
#close-container .contents .btn .btn_continue {float:right; background:url(../images/ico_popBtn_continue.png) 223px 50% no-repeat; width:263px; padding-right:25px; border:3px solid #007f41; color:#007f41; text-align:center;}
/* //닫기 팝업 */