@charset "utf-8";

/*@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,600');

/* 공통 */
#contwrap { width:100%; max-width: 1320px; margin: 0 auto; margin-bottom: 50px;}
#contwrap:after{display:block;content:"";clear:both;}
#contwrap h2 {letter-spacing: -0.04em; color:#3e3e3e; margin-bottom: 30px; font-size: 1.6rem; }
#visual_line { border-bottom: 4px solid #9abef4; text-align: center;}
#wrap .section { padding: 40px 0 44px; border-bottom: 1px solid #e9e9e9;}
#wrap .section:last-child { border-bottom: 0;}
#wrap .section:after{display:block;content:"";clear:both;}
#wrap .section div {float: left;}
#wrap .section .sub_tit1 {width: 29%;}
#wrap .section .content { width: 70%; max-width: 934px; font-size: 1.5rem; color: #5f5f5f;font-weight: 400;}
#wrap .section .content ul li { font-size: 1.5rem;}
#wrap .section .content .round {text-align: center; vertical-align: middle; background-color: #3c3c3c; border-radius: 100px; color:#fff; font-size: 1.4rem;}
table { width: 100%; margin-bottom: 10px; text-align: center;}
table thead { background-color: #1f5bbe;}
table thead th { color:#fff; line-height: 18px; font-size: 1.4rem; padding: 10px 0; font-weight:400; border-right:1px solid #fff;}
table thead th:last-child { border-right:0;}
table tr { border-bottom: 1px solid #c2c2c2;}
table tr:last-child {  border-bottom: 1px solid #1f5bbe;}
table tr td { line-height: 22px; font-size:1.4rem; padding: 9px 0; letter-spacing: -0.04em; color: #5f5f5f;}
.table_ti { margin-bottom:10px}
.table_ti:after{display:block;content:"";clear:both;}
.table_ti li{ width: 100%; height: 16px; line-height: 16px;}
.table_ti li span:first-child { color:#000; font-size: 1.5rem; font-weight: 500;}
.table_ti li span:last-child { text-align: right; float: right; color:#5f5f5f; font-size: 1.2rem; }
.sub_tit1 ul li {font-size: 3.0rem; color:#000; font-weight:500;  line-height: 44px;  letter-spacing: -0.06em; vertical-align: top;}
.sub_tit1 ul li:last-child { padding-left: 4px;}
.sub_tit1 ul li span {font-size:3.0rem; color:#1f5bbe; font-weight:500; line-height: 2rem; padding:0 4px; background-image:url('../images/tit_point.jpg'); background-repeat:no-repeat; background-position:left bottom; background-size:0% 40%}
.animated.sub_tit1 .point {color:#1f5bbe; -webkit-animation:sub_tit_animate 1.5s forwards; animation:sub_tit_animate 1.5s forwards; animation-name:sub_tit_animate; animation-duration: 1.5s;  animation-fill-mode: forwards;}
@keyframes sub_tit_animate{ to {background-size:100% 60%}}
@-ms-keyframes sub_tit_animate{ from{width:0px} to{width:200px}}
@-webkit-keyframes sub_tit_animate{	to {background-size:100% 60%}}
.formula { width: 70%; max-width: 670px; padding:14px 0; text-align: center; border: 5px solid #ef7f7f; border-radius: 50px; margin-bottom: 18px;}
.formula span {font-size: 2.2rem; font-weight: 500; height: 2.6rem; line-height: 2.6rem;}
.formula .sign { color:#7f7f7f;}
.box { padding:0 16px; display: inline-block;  margin: 10px 0; border: 3px solid #353639; border-radius: 30px; text-align: center;}
.box span {color:#353639; font-weight: 600; font-size: 1.9rem; letter-spacing: -0.06em;}
.tell{ font-size: 1.5rem; font-weight:600; color:#000; padding:0 4px; background-image:url('../images/tit_point.jpg'); background-repeat:no-repeat; background-position:left bottom; background-size:100% 50%}
.cp-name {color:#000; font-weight: 500; font-size: 1.5rem;}
.star { vertical-align: middle; font-size: 1.8rem;}

/* font */
.f300 { font-weight: 300;}
.f400 { font-weight: 400;}
.f500 { font-weight: 500;}
.f600 { font-weight: 600;}
.f24 { font-size: 1.412rem;}
.f18 { font-size: 1.5rem;}
.f15_1 { font-size: 1.3rem;}
.f15 { font-size: 1.5rem;}
.blue {color: #1f5bbe;}
.red { color:#de5454;}
.black { color:#000;}
/* margin , padding */
.mgT30 { margin-top: 30px;}
.mgT20 { margin-top: 20px;}
.mgL60 { margin-left: 60px;}
.mgL63 { margin-left: 63px;}
.mgB30 { margin-bottom: 30px;}
.mgB40 { margin-bottom: 40px;}
.mgB44 { margin-bottom: 44px;}
/* -------------------------------------------- e : 공통 */


/* 권리금보호 신용보험 */
.p1_visual { height: 400px; background: url(../images/bg_prod1.jpg) no-repeat; background-size:1320px 142px; background-position: center bottom;}
.p1_visual .ob {width: 66%; margin: 0 auto;}
.p1_visual .ob:after{display:block;content:"";clear:both;}
.p1_visual .ob div { float: left;} 
.p1_visual .ob div:first-child { width: 42%; text-align: left;} 
.p1_visual .ob div:first-child ul li { letter-spacing: -0.07em; font-size: 1.4rem; color: #5f5f5f;}
.p1_visual .ob div:last-child { width: 58%; text-align: right;}
.section:first-child img { margin: 54px 0 6px; }
.round {padding: 4px;}
.ex {color:#3c3c3c; font-weight: 500;}
/* 상가보증금보장 신용보험 */
.p2_visual { height: 310px; background: url(../images/bg_prod1.jpg) no-repeat; background-size:1320px 142px; background-position: center bottom;}
.p2_visual .ob {width: 100%; text-align: center;}
.p2_table tr td:first-child { width: 82%; text-align: left; padding-left: 20px;}
.p2_table tr td:last-child {width:18%;}
/* 전세금보장 신용보험 */
.p3_visual { height: 360px; background: url(../images/bg_prod3.jpg) no-repeat; background-size:1320px 142px; background-position: center bottom;}
.p3_visual .ob {width: 67%; margin: 0 auto;}
.p3_visual .ob:after{display:block;content:"";clear:both;}
.p3_visual .ob div:first-child {text-align: left; position: absolute; z-index: 3;} 
.p3_visual .ob div:first-child ul li:last-child { padding-left: 20px; letter-spacing: -0.07em; font-size: 1.4rem;color: #5f5f5f;}
.p3_visual .ob div:last-child { float: right;}
.rate:after{display:block;content:"";clear:both; margin-bottom: 20px;}
.rate li { float: left;}
.rate li:first-child { width: 9%; display: inline-block;  margin-right:2%;}
.rate li:last-child { width:70%;}
.rate li:last-child .rate_con { width: 100%;}
.rate li:last-child .rate_con:after{display:block;content:"";clear:both;}
.rate li:last-child .rate_con li { width: 100%; float: none;}
.rate li:last-child .rate_con li span { font-size: 1.5rem;}
.rate li:last-child .rate_con .dblack { color:#3c3c3c; font-weight: 500;}
.table_ti li span:nth-child(2) { font-size: 1.2rem;}
.p3_table tr td:first-child { width: 31%; text-align: left; padding-left: 20px; font-weight: 500;}
.p3_table tr td:nth-child(2) { width: 34%; letter-spacing: normal;}
.p3_table tr td:last-child {width:34%; letter-spacing: normal;}
.document li { list-style: url(../images/dot.png); background-repeat: no-repeat; background-position:  0% 50%; margin-left: 14px;}
/* 인허가 보증보험 */
.p4_visual { height: 325px; background: url(../images/bg_prod4.jpg) no-repeat; background-size:1320px 325px; background-position: center bottom;}
.p4_visual .ob {width: 100%; text-align: center;}
.license { width: 100%;}
.license ul { margin-bottom: 6px;}
.license ul:after{display:block;content:"";clear:both;}
.license ul li { float: left; letter-spacing: -0.06em;}
.license ul li:first-child { width: 24%; list-style: url(../images/dot.png); background-repeat: no-repeat; background-position:  0% 50%; margin-left: 14px; font-weight: 600;}
.license ul li:last-child {width: 74%;}
.example { margin-bottom: 20px; }
.example div:first-child { width: 100%;}
.example .ex-section1 { width: 100%; margin-bottom: 30px;}
.example .ex-section1 ul li:first-child { letter-spacing: -0.04em;}
.example .ex-section1 .ti { width: 100%; height: 59px; padding-top:38px; margin-bottom: 10px;} 
.example .ex-section1 .bg1 {background: url(../images/prod4_img1.jpg) no-repeat right bottom; background-size:200px 97px;}
.example .ex-section1 .bg2 {background: url(../images/prod4_img2.jpg) no-repeat right bottom; background-size:200px 97px;}
.example .ex-section1 .ti:after{display:block;content:"";clear:both;}
.example .ex-section1 .ti span:first-child {display: inline-block; padding: 2px 10px; margin-bottom: 2px;}
.example .ex-section1 .ti span:last-child { display:block; color: #222; font-size: 1.9rem; font-weight: 500;}
.example .ex-section2 { width: 100%;}
.example .ex-section2 .ex_table_ti { margin-bottom: 10px;}
.example .ex-section2 .ex_table_ti:after{display:block;content:"";clear:both;}
.example .ex-section2 .ex_table_ti li{ width: 100%; height: 16px; line-height: 16px;}
.example .ex-section2 .ex_table_ti li span:first-child {color:#000; font-size: 2.4rem; font-weight: 600;}
.example .ex-section2 .ex_table_ti li span:nth-child(2) {color:#000; font-size: 1.6rem; font-weight: 500;}
.example .ex-section2 .ex_table_ti li span:last-child { text-align: right; float: right; color:#5f5f5f; font-size: 1.5rem; }
.example .ex-section2 .of-x {overflow-x: auto;}
.example .ex-section2 .p4_table1 { margin-bottom: 20px;}
.example .ex-section2 .p4_table1 tr td:first-child {font-weight: 500;}
.example .ex-section2 .p4_table1 tr td { width: 20%;letter-spacing: normal;}
.example .ex-section2 .p4_table1 tr:nth-child(n+1):nth-child(-n+2) td:nth-child(3) { color: #000;}
.example .ex-section2 .p4_table1 tr:nth-child(n+1):nth-child(-n+2) td:last-child { color: #be2121;}
.example .ex-section2 .p4_table1 tbody tr:nth-child(2) {  border-bottom: 1px solid #1f5bbe;}
.example .ex-section2 .p4_table2 { width: 934px; margin-bottom: 20px;}
.example .ex-section2 .p4_table2 tr td {letter-spacing: normal;}
.example .ex-section2 .p4_table2 tr td:first-child { text-align: right; padding-right: 10px;}
.example .ex-section2 .step23 { width: 50%; float: left;}
.example .ex-section2 .step23 span:first-child {color:#000; font-size: 2.4rem; font-weight: 600;}
.example .ex-section2 .step23 li span:nth-child(2) {color:#000; font-size: 1.5rem; font-weight: 500;}
.example .ex-section2 .step23 li:nth-child(2) {list-style: url(../images/dot.png); background-repeat: no-repeat; background-position:  0% 50%; margin-left: 16px; } 
.example .ex-section2 .step23 li:last-child {list-style: url(../images/dot.png); background-repeat: no-repeat; background-position:  0% 50%; margin-left: 16px; } 

@media screen and (min-width:375px) and (max-width:960px){
/* 공통 */
#contwrap h2 {width:95%; margin:0 auto 30px;}
#wrap { width: 95%; margin: 0 auto;}
#wrap .section { padding: 20px 0 26px;}
#wrap .section:last-child { border-bottom: 0;}
#wrap .section:after{display:block;content:"";clear:both;}
#wrap .section div {float: none;}
#wrap .section div:after{display:block;content:"";clear:both;}
#wrap .section .sub_tit1 {width: 100%; }
#wrap .section .content { width: 100%; }
.mgT30 { margin-top: 0;}
.mgT20 { margin-top: 0;}	
}

@media screen and (min-width:768px) and (max-width:960px){
* {font-size:9px; }
#wrap .section .sub_tit1 {margin-bottom: 16px;}
#wrap .section .sub_tit1 ul li { float: left;}
.formula { width: 100%; padding:10px 0; border: 4px solid #ef7f7f;}

/* 권리금보호 신용보험 */
.box {margin: 0 0 10px; padding:4px 20px;}
.p1_visual { height: 360px;}
.p1_visual .ob { width: 90%;}
.p1_visual .ob div:first-child { width: 60%; position: absolute; z-index: 3;} 
.p1_visual .ob div:first-child ul li {font-size: 1.8rem;}
.p1_visual .ob div:last-child { width:64%; float: right;}
.p1_visual .ob div:last-child img { width: 100%;}
.section:first-child img { width: 100%; margin: 20px 0 6px;}

/* 상가보증금보장 신용보험 */
.mgL60 { margin-left:100px;}

/* 전세금보장 신용보험 */
.p3_visual { height: 330px;}
.p3_visual .ob { width: 90%;}
.p3_visual .ob div:first-child { margin-top: 10px; } 
.p3_visual .ob div:first-child ul li:last-child {font-size: 1.8rem;}

/* 인허가 보증보험 */
.license ul { margin-bottom: 6px;}
.license ul li { float: none;}
.license ul li:first-child { width:100%;}
.license ul li:last-child {width: 100%; margin-left: 14px;}
.example { margin-bottom: 20px; }
.example:last-child { margin-bottom: 0; }
.example div:first-child { width: 100%;}
.example .ex-section1 { width: 100%; margin-bottom: 30px;}
.example .ex-section1 .ti {height: 50px; padding-top:38px;} 
.example .ex-section1 .bg1 {background-size:23% auto;}
.example .ex-section1 .bg2 {background-size:23% auto;}
}

@media screen and (min-width:375px) and (max-width:767px){
* {font-size:8.5px; }
.sub_tit1 { font-size: 3rem; margin-bottom: 0;}
.sub_tit1 span { font-size: 3rem;}
#wrap .section .sub_tit1 ul li { float: left; font-size: 3rem;}
table {margin-bottom: 0; }
table thead th { padding: 6px 0;}
table tr td {padding: 6px 0;}
.formula { width: 98%; padding:8px 0; border: 4px solid #ef7f7f; margin-top: 10px; margin-bottom: 10px;}
.formula span {font-size: 2rem; font-weight: 500;}

/* 권리금보호 신용보험 */
.p1_visual { height: 360px;}
.p1_visual .box {margin: 0 0 10px; padding:4px 20px;}
.p1_visual .ob {width:95%; height: 100%;}
.p1_visual .ob div { float:none;} 
.p1_visual .ob div:first-child { width: 90%; margin-left: 4%; position: absolute; z-index: 3;} 
.p1_visual .ob div:first-child ul li {font-size: 2rem;}
.p1_visual .ob div:last-child { width: 96%; float: right; margin-top: 100px;}
.p1_visual .ob div:last-child img { width: 100%;}
.section:first-child img { width: 100%; margin: 20px 0 6px;}

/* 상가보증금보장 신용보험 */
.mgL60 { margin-left:20px;}

/* 전세금보장 신용보험 */
.p3_visual { height: 340px;}
.p3_visual .box { width: 100%; font-size: 2.4rem; margin: 0 auto 10px; padding:4px 20px;}
.p3_visual .ob {width: 95%; height: 100%;}
.p3_visual .ob:after{display:block;content:"";clear:both;}
.p3_visual .ob div:first-child ul li:first-child {font-size: 2.4rem;}
.p3_visual .ob div:first-child ul li {font-size: 2rem;}
.p3_visual .ob div:last-child { width:95%; float: none; padding-top: 60px; margin:0 auto;}
.p3_visual .ob div:last-child img { width: 100%;}
.rate li:first-child { width: 16%;}
.table_ti .m_span span { display: inline-block; }
.table_ti .m_span span:first-child { width: 100%;}

/* 인허가 보증보험 */
.p4_visual { height: 227px;}
.p4_visual .ob { height: 100%;}
.p4_visual .ob img {width: 70%; margin-top: 7px;}
.license { margin-bottom: 20px;}
.license ul { margin-bottom: 6px;}
.license ul li { float: none;}
.license ul li:first-child { width:100%;}
.license ul li:last-child {width: 100%; margin-left: 14px;}
.example { margin-bottom: 30px; }
.example:last-child { margin-bottom: 0; }
.example div:first-child { width: 100%;}
.example .ex-section1 { width: 100%; margin-bottom: 20px;}
.example .ex-section1 .ti {height: auto; padding-top:0;} 
.example .ex-section1 .bg1 {background: none;}
.example .ex-section1 .bg2 {background: none;}
.example .ex-section2 .p4_table1 { margin-bottom:10PX;}
}


/* 공통 - 가입절차 */
@media only screen and (min-width:769px) and (max-width: 1024px) {
.step_pc { width: 100%;}
.step_pc:after{display:block;content:"";clear:both;}
.step_pc ul { width: 100%; }
.step_pc ul:after{display:block;content:"";clear:both;}
.step_pc ul li {width: 22%; float: left; border-bottom: 0; text-align: center; }
.step_pc ul li span { display: block; font-size:1.3rem; color:#000; padding: 0;}
.step_pc ul li span:first-child {margin-top: 80px; font-size:2.2rem; font-weight: 600; letter-spacing: -0.06em; font-weight: 400;}
.step_pc ul li .stell{font-weight:500; display: inline; font-size: 1.5rem; color:#000; padding:0 4px; background-image:url('../images/tit_point.jpg'); background-repeat:no-repeat; background-position:left bottom; background-size:100% 66%}
.step_pc ul li span.st {color:#646464; font-size: 1.2rem;}
.step_pc .line { width: 100%; background: url(../images/step_line.jpg) repeat-x; background-position: top;}
.step_pc .line:first-child li:first-child {background: url(../images/join_step1.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 6%;}
.step_pc .line:first-child li:nth-child(2) {background: url(../images/join_step2.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:first-child li:nth-child(3) {background: url(../images/join_step3.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:first-child li:nth-child(4) {background: url(../images/join_step4.png) no-repeat; background-size:64px 76px; background-position: center top; margin-right: 6%;}
.step_pc .line:last-child li:first-child {background: url(../images/join_step5.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 6%;}
.step_pc .line:last-child li:nth-child(2) {background: url(../images/join_step6.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:last-child li:nth-child(3) {background: url(../images/join_step7.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:last-child li:nth-child(4) {background: url(../images/join_step8.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:last-child li:last-child { background: url(../images/step_arrow.jpg) no-repeat; background-position: right top; float: right; width: 12px; height: 76px;}
.step_mobile { display:none; }
}

@media only screen and (min-width: 768px) {
.step_pc { width: 100%;}
.step_pc:after{display:block;content:"";clear:both;}
.step_pc ul { width: 100%; }
.step_pc ul:after{display:block;content:"";clear:both;}
.step_pc ul li {width: 22%; float: left; border-bottom: 0; text-align: center; }
.step_pc ul li span { display: block; font-size:1.3rem; color:#000; padding: 0; font-weight: 400;}
.step_pc ul li span:first-child {margin-top: 80px; font-size:2.2rem; font-weight: 600; letter-spacing: -0.06em;}
.step_pc ul li .stell{font-weight:500; display: inline; font-size: 1.5rem; color:#000; padding:0 4px; background-image:url('../images/tit_point.jpg'); background-repeat:no-repeat; background-position:left bottom; background-size:100% 66%}
.step_pc ul li span.st {color:#646464; font-size: 1.2rem;}
.step_pc .line { width: 100%; background: url(../images/step_line.jpg) repeat-x; background-position: top;}
.step_pc .line:first-child li:first-child {background: url(../images/join_step1.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 6%;}
.step_pc .line:first-child li:nth-child(2) {background: url(../images/join_step2.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:first-child li:nth-child(3) {background: url(../images/join_step3.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:first-child li:nth-child(4) {background: url(../images/join_step4.png) no-repeat; background-size:64px 76px; background-position: center top; margin-right: 6%;}
.step_pc .line:last-child li:first-child {background: url(../images/join_step5.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 6%;}
.step_pc .line:last-child li:nth-child(2) {background: url(../images/join_step6.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:last-child li:nth-child(3) {background: url(../images/join_step7.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:last-child li:nth-child(4) {background: url(../images/join_step8.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_pc .line:last-child li:last-child { background: url(../images/step_arrow.jpg) no-repeat; background-position: right top; float: right; width: 12px; height: 76px;}
.step_mobile { display:none; }
}

@media screen and (min-width:375px) and (max-width:767px){
.step_mobile { width: 100%;}
.step_mobile:after{display:block;content:"";clear:both;}
.step_mobile ul { width: 100%; }
.step_mobile ul:after{display:block;content:"";clear:both;}
.step_mobile ul li {width: 32%; float: left;  border-bottom: 0; text-align: center;}
.step_mobile ul li span { display: block; font-size: 1.5rem; color:#000; padding: 0;}
.step_mobile ul li span:first-child {margin-top: 80px; font-size:2.2rem; font-weight: 600; letter-spacing: -0.08em;}
.step_mobile ul li .stell{font-weight:500; display: inline; font-size: 1.5rem; color:#000; padding:0 4px; background-image:url('../images/tit_point.jpg'); background-repeat:no-repeat; background-position:left bottom; background-size:100% 66%}
.step_mobile ul li .st {color:#646464; font-size:  1.4rem;}
.step_mobile .line { width: 100%; background: url(../images/step_line.jpg) repeat-x; background-position: top;}
.step_mobile .line:first-child li:first-child {background: url(../images/join_step1.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 1%;}
.step_mobile .line:first-child li:nth-child(2) {background: url(../images/join_step2.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_mobile .line:first-child li:last-child {background: url(../images/join_step3.png) no-repeat; background-size:64px 76px; background-position: center top; margin-right: 1%;}
.step_mobile .line:nth-child(2) li:first-child {background: url(../images/join_step4.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 1%;}
.step_mobile .line:nth-child(2) li:nth-child(2) {background: url(../images/join_step5.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_mobile .line:nth-child(2) li:last-child {background: url(../images/join_step6.png) no-repeat; background-size:64px 76px; background-position: center top; margin-right: 1%;}
.step_mobile .line:last-child li:first-child {background: url(../images/join_step7.png) no-repeat; background-size:64px 76px; background-position: center top; margin-left: 1%;}
.step_mobile .line:last-child li:nth-child(2) {background: url(../images/join_step8.png) no-repeat; background-size:64px 76px; background-position: center top;}
.step_mobile .line:last-child li:last-child { background: url(../images/step_arrow.jpg) no-repeat; background-position: right top; float: right; width: 12px; height: 76px;}
.step_pc { display:none; }
}


/*하단 버튼*/
/* 게시판용 버튼 */
.btn_bo {display:inline-block; width:110px; height:54px; font-size:18px; box-sizing:border-box; border-radius:10px; text-align:center; font-weight:400; cursor:pointer; -webkit-transition:.3s; transition:.3s;}
.btn_bo_type2 {display:inline-block; width:60px; height:35px; font-size:15px; border-radius:0px; text-align:center; font-weight:400; cursor:pointer; -webkit-transition:.3s; transition:.3s;}
button.btn_bo {line-height:1.2}
a.btn_bo {line-height:54px;}
a.btn_bo_type2 {line-height:35px;}
a.btn_b01,.btn_b01 {background:#fff; color:#2172cd; border:1px solid #2172cd}
.btn_b01:hover, .btn_b01:hover {color:#fff; background:#2172cd}
a.btn_b02,.btn_b02 {background:#2172cd; color:#fff}
a.btn_b02:hover, .btn_b02:hover {background:#2c8fff}
a.btn_b03, .btn_b03 {background:#fff;border:1px solid #c8c8c8;color:#848484}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
#bo_btn_area {margin:20px 0 65px; overflow:hidden}
.bo_btn_wrap {margin:0 -4px; overflow:hidden; text-align:center}
.bo_btn_wrap li {display:inline-block; margin:0 4px}
.bo_btn_wrap .link_copy_btn {cursor:pointer}
.bo_btn_wrap .link_copy_btn > span {z-index:-11; position:Absolute; width:1px; overflow:hidden; opacity:0}

.ca_name {display:block; width:75px; line-height:33px; margin-bottom:5px; text-align:center; font-size:15px; color:#585858; border:1px solid #585858}

@media screen and (max-width:1024px){
	/*버튼*/
	.btn_bo {width:6.5em; height:3.16em; font-size:.95em; border-radius:5px}
	a.btn_bo {line-height:3.16em}
	.btn_bo_type2 {width:4em; height:2.2em; font-size:.9em}
	a.btn_bo_type2 {line-height:2.2em}
	#bo_btn_area {margin:2em 0}
	.bo_btn_wrap {margin:0 -.1em}
	.bo_btn_wrap li {margin:0 .1em}
	.bo_btn_wrap .link_copy_btn > img {width:4em}

	.ca_name {width:5em; line-height:2.2em; margin-bottom:.5em; font-size:.8em}
}

@media screen and (max-width: 960px) and (min-width: 375px){
	.ca_name {margin-left:2.5%}
}