@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:"Nanum Gothic", sans-serif;font-size:14px;color:#333;}
.title .crumb, .title .crumb strong {font-size:11px;}

/* Headline */
#header h1 img {max-width:212px;}
h2 {font-size:20px;font-weight:600;color:#5e2205;background:url(../../img/images/bg_h2.png) no-repeat left bottom;padding-bottom:11px;}
h2 span {font-size:12px;color:#b89d78;display:block;}
h3 {font-size:24px;font-weight:600;color:#523c1e;}
h4 {font-size:18px;font-weight:600;color:#e45e1b;padding-left:27px;background:url(../../img/images/bullet_h4.png) no-repeat 3px 3px;background-size:16px 16px;margin:25px 0 12px !important;}
.title + h4 {margin-top:30px !important;}
/* Common */
#wrap {padding:0 20px;}
#contents_wrap {background:#fff;padding:30px;margin-bottom:0;border:1px solid #d7ceb3;border-radius:30px;}
#contents_wrap .contents_btm {background:none;padding:0;margin:0;}
.contents_btm .substance {background:none;}
.substance .left_area {padding:0;}
.substance #content {padding:0 0 0 48px;}
.moto {font-size:20px;color:#555;font-weight:600;letter-spacing:-1px;margin-bottom:20px;}
.moto strong {font-size:30px;color:#6f8c3a;}
.img-box {border:1px solid #e2dbc6;background-color:#f8f8f8;border-radius:1em;text-align:center;box-sizing:border-box;padding:30px;}
.img-box img {width:100%;max-width:720px;}
.clearfix::after {content:"";display:block;clear:both;visibility:hidden;}
.point-color {color:#669933;font-weight:600;}
.mt7 {margin-top:7px !important;}
#header .top_menu li {background-position:0 8px;}
#header .top_menu li:last-child {display:none;}
#footer .selectbox a {font-size:12px;}
#footer .btn-top-block {position:absolute;right:0;bottom:20px;}
#footer .btn-top-block a.btn-top:link, #footer .btn-top-block a.btn-top:visited {display:block;font-size:12px;font-weight:bold;color:#fff;background-color:rgba(204,51,51,.5);border:1px solid #c33;padding:5px 10px;text-align:center;line-height:1.2em;border-radius:3px;}
#footer .btn-top-block a.btn-top:hover, #footer .btn-top-block a.btn-top:active {background-color:rgba(204,51,51,.8);}
#gnb-mobile {display:none;}
/* ¼­ºê ºñÁÖ¾ó */
.sub-visual {position:relative;}
.sub-visual .bg-img img {width:100%;max-width:1000px;}
.sub-visual .is-table {display:table;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.sub-visual .moto, .sub-visual ul {display:table-cell;}
.sub-visual .moto {width:53.6%;box-sizing:border-box;padding-right:50px;padding-top:45px;}
.sub-visual ul {width:46.4%;height:100%;position:absolute;top:0;right:0;z-index:2;}
.sub-visual .moto img {width:100%;max-width:463px;}
.sub-visual li {position:absolute;}
.sub-visual li img {width:100%;}
.sub-visual .quick1 {top:9.3%;left:0;-webkit-animation:ani-quick1 2s;-webkit-animation-fill-mode:forwards;animation:ani-quick1 2s;animation-fill-mode:forwards;}
.sub-visual .quick2 {top:19.5%;left:37.3%;-webkit-animation:ani-quick2 3s;-webkit-animation-fill-mode:both;animation:ani-quick2 3s;animation-fill-mode:both;-webkit-animation-delay: .5s;animation-delay: .5s;}
.sub-visual .quick3 {top:100%;left:30%;-webkit-animation:ani-quick3 2s;-webkit-animation-fill-mode:both;animation:ani-quick3 2s;animation-fill-mode:both;-webkit-animation-delay: 1s;animation-delay: 1s;}
.sub-visual .quick4 {top:12%;right:0;-webkit-animation:ani-quick4 3s;-webkit-animation-fill-mode:both;animation:ani-quick4 3s;animation-fill-mode:both;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.sub-visual a {display:block;}
@-webkit-keyframes ani-quick1 {
from {width:0;height:0;opacity:0;}
to {width:25.8%;height:25.8%;opacity:1;}
}
@keyframes ani-quick1 {
from {width:0;height:0;opacity:0;}
to {width:25.8%;height:25.8%;opacity:1;}
}
@-webkit-keyframes ani-quick2 {
from {width:0;height:0;opacity:0;}
to {width:20.5%;height:20.5%;opacity:1;}
}
@keyframes ani-quick2 {
from {width:0;height:0;opacity:0;}
to {width:20.5%;height:20.5%;opacity:1;}
}
@-webkit-keyframes ani-quick3 {
from {width:0;height:0;opacity:0;}
to {width:20.5%;height:20.5%;opacity:1;}
}
@keyframes ani-quick3 {
from {width:0;height:0;opacity:0;}
to {width:20.5%;height:20.5%;opacity:1;}
}
@-webkit-keyframes ani-quick4 {
from {width:0;height:0;opacity:0;}
to {width:36.7%;height:36.7%;opacity:1;}
}
@keyframes ani-quick4 {
from {width:0;height:0;opacity:0;}
to {width:36.7%;height:36.7%;opacity:1;}
}
/* GNB */
#gnb > ul > li {margin-left:53px;}
#gnb > ul > li > a {display:block;font-size:18px;color:#644822;font-weight:600;padding-right:20px;line-height:32px;}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a {color:#e3520b;background:url(../../img/images/bg_gnb.png) no-repeat right center;background-size:18px 18px;}
#gnb li .sgnb {display:none !important;}
#gnb li.on .sgnb {display:block !important;z-index:999;width:fit-content;}
#gnb .sgnb01 {width:405px;}
#gnb .sgnb02 {width:311px;}
#gnb .sgnb03 {width:230px;}
#gnb li .sgnb li {line-height:inherit;}
#gnb li .sgnb li > a {font-weight:600;color:#887962;}
#gnb li .sgnb li > a:hover {color:#494134;}
#gnb-mobile-list, #gnb-mobile-list.off {display:none;}
/* lnb */
.snb li {border-bottom:none;}
.snb li > a {display:block;box-sizing:border-box;padding:0 14px;font-size:16px;color:#887962;font-weight:600;line-height:36px;border:1px solid transparent;border-bottom:1px solid #ede5ce;}
.snb li > a:hover, .snb li > a.on {background:url(../../img/images/bullet_arrow.png) #a3ba47 no-repeat 153px center;border:1px solid #94a941;border-radius:0 10px 0 10px;color:#fff;}
/* Footer */
address span {font-style:normal;font-size:12px;color:#a89c85;font-weight:600;display:inline-block;padding-right:10px;margin-right:10px;background:url(../../img/images/bg_bar.png) no-repeat right center;}
address .copy span {text-transform:uppercase;}
address span:last-child {padding-right:0;margin-right:0;background:none;}
.pravicy_info {padding:6px 0;border-top:none;}
#footer {height:auto;padding-bottom:20px;}
#footer .familySite {top:7px;}
.footer_logo {padding-top:26px;}
/* ¼­ºñ½º ¼Ò°³ */
.intro {width:100%;box-sizing:border-box;padding:0 285px 0 25px;background:url(../../img/images/bg_service.png) no-repeat right top;min-height:200px;height:auto;}
.use {padding-left:17px;}
.use li {line-height:1.5em;}
.use li:last-child {margin-bottom:0;}
.effect {padding-top:10px;padding-left:17px;}
.effect li {padding-left:70px;width:50%;box-sizing:border-box;background-repeat:no-repeat;background-position:0 0;background-size:60px 60px;}
.effect li:nth-child(1) {background-image:url(../../img/images/img_num01.png);padding-right:30px;}
.effect li:nth-child(2) {background-image:url(../../img/images/img_num02.png);}
.effect li:nth-child(3) {background-image:url(../../img/images/img_num03.png);padding-right:30px;}
.effect li:nth-child(4) {background-image:url(../../img/images/img_num04.png);}
.effect li span {display:block;}
.effect li span:first-child {font-size:16px;font-weight:600;margin-bottom:5px;}
/* ƯÀåÁ¡ */
.fea-box {padding-left:25px;}
.fea-box li {float:left;width:25%;padding-right:10px;box-sizing:border-box;}
.fea-box li span {display:block;box-sizing:border-box;}
.fea-box li > span {font-size:16px;font-weight:600;color:#000;border-style:solid;border-width:2px;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);padding:10px 20px;border-radius:30px;}
.fea-box li:nth-child(1) > span {border-color:rgb(77, 163, 220);background:url(../../img/images/bg_img_fea1.png) #fff no-repeat right center;background-size:57px 37px;}
.fea-box li:nth-child(2) > span {border-color:rgb(255, 94, 160);background:url(../../img/images/bg_img_fea2.png) #fff no-repeat right center;background-size:56px 42px;}
.fea-box li:nth-child(3) > span {border-color:rgb(236,113,33);background:url(../../img/images/bg_img_fea3.png) #fff no-repeat right center;background-size:64px 39px;}
.fea-box li:nth-child(4) > span {border-color:rgb(152, 89, 12);background:url(../../img/images/bg_img_fea4.png) #fff no-repeat right center;background-size:52px 43px;}
.fea-box li > span > span {font-size:12px;}
.fea-box li:nth-child(1) > span > span {color:rgb(77, 163, 220);}
.fea-box li:nth-child(2) > span > span {color:rgb(255, 94, 160);}
.fea-box li:nth-child(3) > span > span {color:rgb(236,113,33);}
.fea-box li:nth-child(4) > span > span {color:rgb(152, 89, 12);}
/* ÁÖ¿ä±â´É */
.section-col2 {display:table;width:100%;}
.section-col2 > * {display:table-cell;vertical-align:top;}
.section-col2 .screen {width:320px;}
.section-col2 .moto {margin-bottom:10px;}
.section-col2 .moto, .section-col2 .moto .point-color {font-size:18px;}
.section-col2 .moto strong {font-size:22px;}
.section-col2 .exp .use {padding-left:0;}
/* °áÁ¦º°¾È³» */
.bank_lst {padding-top:0;}
.account-exp {margin-bottom:20px;}
.tab {margin-top:30px;}
.tab li {float:left;width:50%;}
.tab.col3 li {width:33.333%;}
.tab li > a {display:block;border:2px solid #eea01e;line-height:30px;font-size:16px;font-weight:600;color:#eea01e;text-align:center;border-radius:0 20px;}
.tab li > a:hover, .tab li > a.on {background-color:#eea01e;color:#fff;}
/* µµÀÔ»ç·Ê */
.sample-exp {position:relative;}
.sample-exp > * {margin-bottom:20px;}
.sample-exp > .inro_img {margin-bottom:0;}
.sample-exp > .inro_img.ex1 {top:-30px;}
.sample-exp > .inro_img.academy2 {top:70px;}
.sample-exp dt {font-weight:600;margin-bottom:20px;}
.sample-exp dd {padding-left:70px;box-sizing:border-box;background-repeat:no-repeat;background-position:0 0;background-size:60px 60px;min-height:80px;vertical-align:middle;}
.sample-exp dd:nth-child(2) {background-image:url(../../img/images/img_num01.png);}
.sample-exp dd:nth-child(3) {background-image:url(../../img/images/img_num02.png);}
.pr330 {padding-right:325px;}
.wspace {word-spacing:-2px;}
.inro_img.academy {top:90px;}
/* ÀÌ¿ë¾È³» */
.pl17 {padding-left:17px;}
.pl25 {padding-left:25px;}
.step {margin-left:10px;margin-right:-5px;}
.step li {float:left;width:20%;padding:0 5px;box-sizing:border-box;}
.step li div {border-style:solid;border-width:2px;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);border-radius:0 20px 0 20px;box-sizing:border-box;padding:10px;height:166px;overflow:hidden;}
.step li:nth-child(1) div {border-color:#4da3dc;background:url(../../img/images/bg_step1.png) no-repeat left bottom;background-size:126px 91px;}
.step li:nth-child(2) div {border-color:#e15ea0;background:url(../../img/images/bg_step2.png) no-repeat left bottom;background-size:126px 91px;}
.step li:nth-child(3) div {border-color:#ec7121;background:url(../../img/images/bg_step3.png) no-repeat left bottom;background-size:126px 91px;}
.step li:nth-child(4) div {border-color:#98590c;background:url(../../img/images/bg_step4.png) no-repeat left bottom;background-size:126px 91px;}
.step li:nth-child(5) div {border-color:#91a833;background:url(../../img/images/bg_step5.png) no-repeat left bottom;background-size:126px 91px;}
.step li div > span {display:block;font-weight:600;}
.step li:nth-child(1) div > span {color:#4da3dc;}
.step li:nth-child(2) div > span {color:#e15ea0;}
.step li:nth-child(3) div > span {color:#ec7121;}
.step li:nth-child(4) div > span {color:#98590c;}
.step li:nth-child(5) div > span {color:#91a833;}
.step li div > span:last-child {font-size:16px;color:#333;letter-spacing:-1px;text-shadow:0 0 10px #fff;}
.step li div > span:last-child > span {display:block;font-size:12px;color:#893a1e;text-shadow:0 0 10px #fff;}
.col2 > div {padding:20px 15px;border:2px solid #e2dbc6;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);border-radius:0 20px 0 20px;margin-bottom:2px;}
.col2 dl {float:left;box-sizing:border-box;}
.col2 dl:first-child {width:49.5%;background:url(../../img/images/bg_useinfo1.png) no-repeat right 38px;background-size:95px 95px;}
.col2 dl:last-child {width:50.5%;padding-left:15px;border-left:1px dotted #d7ceb3;background:url(../../img/images/bg_useinfo2.png) no-repeat right 38px;background-size:118px 101px;}
.col2 dt {font-size:16px;color:#333;font-weight:600;margin-bottom:10px;}
.col2 dd {background: url(../../img/images/ico/ico_cercle.gif) left 6px no-repeat;padding-left:10px;line-height:1.5em;}
.col2 dd.pd {letter-spacing:-1px;}
/* ¿ø°ÝÁö¿ø */
.remote {padding:0 0 0 25px;min-height:310px;height:auto;}
.remote p {margin-bottom:20px;}
.remote p.info {margin-bottom:0;}
.remote p:nth-child(2) {padding-right:300px;}
.remote p:nth-child(3) {padding-right:330px;}
.remote p:nth-child(4) {padding-right:350px;}
.remote .point-color {font-size:16px;}
.info {color:#e3520b;font-size:12px;}
a.btn-basic {display:inline-block;background:linear-gradient(#eea01e, #e67d16);border:1px solid #d44600;font-weight:600;color:#fff;line-height:30px;border-radius:5px;padding:0 15px;}
a.btn-basic:hover {background:linear-gradient(#e8860f, #dc600a);}
/*ÀÚ·á½Ç */
.request_desc {height:auto;}
.request_desc .btn-basic {margin-top:20px;margin-bottom:10px;}
.control {margin:20px 290px 40px 0;}
/* üÇèÇϱâ */
.experience {height:auto;}
.txt_introduction.experience {padding:20px 0;}
.txt_introduction.manual {padding-top:10px !important;}
.tab.col5 {margin-top:0;}
.tab.col5 li {width:20%;}
/* °Ô½ÃÆÇ */
.board_v1.qna td.bbsetc_dateof_write {width:79px;}
.board_v2 td.board_bgcolor, td.board_bgcolor {padding:6px 10px;text-align:right;min-width:46px;font-family:"Nanum Gothic", sans-serif;}
.board_v2 td #post_area br {display:block;}
.board_v2 td br {display:none;}
.bbsnewf5 {padding:0 !important;margin:0;height:auto !important;}
.bbsnewf5 a {display:inline-block;}
.bbsnewf5 a, .bbsnewf5 input {vertical-align:middle;}
input#border {width:100%;box-sizing:border-box;font-family:"Nanum Gothic", sans-serif !important}
input#border[name^="phone_"] {width:60px;text-align:center}
textarea#border {font-family:"Nanum Gothic", sans-serif !important}
/* °Ë»ö */
table#search_table {width:auto !important;table-layout:fixed;text-align:left;margin:0 auto;}
table#search_table select {height:24px;}
table#search_table td {vertical-align:top;}
.est_cate_cell {width:70px;}
.est_keyword_cell {width:178px;}
.est_keyword_cell input {height:18px;}
/* ¸ÞÀÎ */
.board_wrap {width:450px;margin-bottom:20px;}
.board_wrap .board_title {font-size:14px;margin-bottom:10px;color:#e45e1b;font-weight:bold;}
.info_banner {width:610px;height:134px;background:url(../../img/images/bg/bg_info.gif);}
.request {padding:20px 30px 0 28px;float:left;position: relative;}
.information {padding:13px 0 0 0;}
#main-visual {position:relative;}
.main-bg img {width:100%;max-width:1000px;}
.main-moto {width:44.2%;position:absolute;top:40px;left:20px;z-index:1;}
.main-moto img {width:100%;}
.main-bg-768 {display:none;}
#main-visual ul {width:57%;height:49%;position:absolute;top:0;right:0;z-index:2;}
#main-visual li {position:absolute;z-index:5;}
#main-visual .quick1 {top:50.83%;left:0;-webkit-animation:m-ani-quick1 2s;-webkit-animation-fill-mode:forwards;animation:m-ani-quick1 2s;animation-fill-mode:forwards;}
#main-visual .quick2 {top:34.05%;right:56.84%;-webkit-animation:m-ani-quick2 3s;-webkit-animation-fill-mode:both;animation:m-ani-quick2 3s;animation-fill-mode:both;-webkit-animation-delay: .5s;animation-delay: .5s;}
#main-visual .quick3 {top:84.17%;right:49.47%;-webkit-animation:m-ani-quick3 2s;-webkit-animation-fill-mode:both;animation:m-ani-quick3 2s;animation-fill-mode:both;-webkit-animation-delay: 1s;animation-delay: 1s;}
#main-visual .quick4 {top:11.38%;right:6.7%;-webkit-animation:m-ani-quick4 3s;-webkit-animation-fill-mode:both;animation:m-ani-quick4 3s;animation-fill-mode:both;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
#main-visual a {display:block;}
#main-visual a img {width:100%;}
@-webkit-keyframes m-ani-quick1 {
from {width:0;height:0;opacity:0;}
to {width:27.01%;height:27.01%;opacity:1;}
}
@keyframes m-ani-quick1 {
from {width:0;height:0;opacity:0;}
to {width:27.01%;height:27.01%;opacity:1;}
}
@-webkit-keyframes m-ani-quick2 {
from {width:0;height:0;opacity:0;}
to {width:18.24%;height:18.24%;opacity:1;}
}
@keyframes m-ani-quick2 {
from {width:0;height:0;opacity:0;}
to {width:18.24%;height:18.24%;opacity:1;}
}
@-webkit-keyframes m-ani-quick3 {
from {width:0;height:0;opacity:0;}
to {width:16.84%;height:16.84%;opacity:1;}
}
@keyframes m-ani-quick3 {
from {width:0;height:0;opacity:0;}
to {width:16.84%;height:16.84%;opacity:1;}
}
@-webkit-keyframes m-ani-quick4 {
from {width:0;height:0;opacity:0;}
to {width:34.2%;height:34.2%;opacity:1;}
}
@keyframes m-ani-quick4 {
from {width:0;height:0;opacity:0;}
to {width:34.2%;height:34.2%;opacity:1;}
}
.main-child {width:31.6%;position:absolute;top:24.96%;right:1.5%;z-index:3;-webkit-animation:m-ani-child 3s;-webkit-animation-fill-mode:both;animation:m-ani-child 3s;animation-fill-mode:both;-webkit-animation-delay: 3.5s;animation-delay: 3.5s;}
.main-child img {width:100%;}
@-webkit-keyframes m-ani-child {
from {opacity:0;}
to {opacity:1;}
}
@keyframes m-ani-child {
from {opacity:0;}
to {opacity:1;}
}

.m_contents {position:absolute;top:60%;left:20px;z-index:4;}
.mfooter #footer {border-top:1px solid #d7ceb3;}

@media only screen and (max-width: 999px) {
#wrap {width:auto;}
#contents_wrap {padding-top:0;}
.footer_logo {display:none;}
address {padding-left:15px;padding-right:15px;}
.substance .left_area {display:none;}
.substance #content {float:none;padding-left:0;width:auto;}
.bank_lst li {box-sizing:border-box;width:20%;}
.bank_lst li img {width:100%;}
.bank_lst li.last {padding-right:13px;}
.notice_desc, .question_desc, .faq_desc, .request_desc {width:100%;}
table {width:100% !important;table-layout:fixed;box-sizing:border-box;}
table td {box-sizing:border-box;}
.board_v1 td:nth-child(1) {width:60px;}
.board_v1 td:nth-child(5) {width:60px;}
.board_v1 td.bbswriter {width:100px;}
.board_v1 td.bbsetc_dateof_write {width:100px;}
.m_contents {top:50%;}
}
@media only screen and (max-width: 815px) {
.board_v1 td:nth-child(3), .board_v1 td:nth-child(4) {display:none;}
}
@media only screen and (max-width: 799px) {
.sample-exp > .inro_img {display:none;}
.sample-exp > .pr330 {padding-right:0;}
.remote {background-position:right 60px;}
.m_contents {top:48%;}
}
@media only screen and (max-width: 768px) {
#header .top {display:none;}
.intro {background:none;padding-right:0;min-height:0;margin-bottom:20px;}
.bank_lst li {width:25%;}
.step li {width:33.333%;margin-bottom:10px;}
.step li:nth-child(4), .step li:nth-child(5) {margin-bottom:0;}
.txt_introduction {background:none;}
.notice_desc, .question_desc, .faq_desc, .request_desc {background:none;height:auto;padding-bottom:20px;}
.sub-visual ul {display:none;}
.sub-visual .bg-img {display:none;}
.sub-visual .is-table, .sub-visual .moto {position:static;}
.sub-visual .moto {padding-right:0;padding-top:0;}
.sub-visual .is-table {padding-bottom:20px;background:url(../../img/images/bg_subvisual.png) no-repeat right bottom;background-size:contain;}
.pravicy_info, .familySite {display:none;}
address {padding-left:0;padding-right:0;}
.m_contents {position:static;margin-bottom:20px;margin-left:20px;}
.main-bg {display:none;}
.main-bg-768 {display:block;}
.main-bg-768 img {width:100%;}
.main-child {top:33.96%;}
.main-moto {top:0;}
#main-visual {border-bottom:1px solid #d7ceb3;margin-bottom:20px;}
#main-visual ul {width:100%;}
#main-visual .quick2 {top:66.05%;right:42.84%;}
#main-visual .quick3 {top:137.17%;right:30.47%;}
#gnb {display:none;}
#gnb-mobile {display:block;position:absolute;top:30px;right:20px;z-index:998;}
#gnb-mobile .btn-list {display:block;width:40px;height:40px;background:url(../../img/images/btn_menu.png) no-repeat center center;background-size:50%;overflow:hidden;}
#gnb-mobile-list.on {display:block;position:absolute;top:0;right:0;width:100%;height:100%;z-index:999;background:#fff;padding:20px 50px;box-sizing:border-box;}
#gnb-mobile-list.on .logo {margin-bottom:20px;text-align:center;}
#gnb-mobile-list.on .logo img {width:100%;max-width:200px;}
#gnb-mobile-list.on a {display:block;line-height:30px;box-sizing:border-box;font-weight:600;}
#gnb-mobile-list.on > ul > li > a {background-color:#94a941;color:#fff;border-radius:0 10px;line-height:40px;padding:0 15px;}
#gnb-mobile-list.on > ul > li > ul > li > a {padding:0 15px;border-bottom:1px solid #ede5ce;}
#gnb-mobile-list.on > ul > li > ul > li:last-child > a {border-bottom:none;}
#gnb-mobile-list.on .btn-close {display:block;width:40px;height:40px;position:absolute;top:10px;right:10px;background:url(../../img/images/btn_close.png) no-repeat center center;background-size:40%;overflow:hidden;}
#gnb-mobile-list.on .btn-close span, #gnb-mobile .btn-list span {display:inline-block;text-indent:-9999px;}
}
@media only screen and (max-width: 680px) {
.effect li {float:none;width:100%;}
.effect li:last-child {padding-bottom:0;}
.fea-box li {width:50%;}
.fea-box li:nth-child(1), .fea-box li:nth-child(2) {margin-bottom:10px;}
.section-col2 > * {display:block;}
.section-col2 .screen {width:100%;text-align:center;}
.exp .use li {float:left;width:50%;box-sizing:border-box;margin-bottom:3px;}
.bank_lst li {width:33.333%;}
.col2 dl:first-child, .col2 dl:last-child {background:none;}
.manual {height:auto;}
.remote, .manual {background:none;}
.remote p {padding-right:0 !important;}
.control {margin-right:0;}
.notice_desc, .question_desc, .faq_desc, .request_desc {display:none;}
.board_v1, .board_v2 {border-top:none !important;}
.board_v1 td.bbsnewf5 {padding:6px !important;width:auto !important;}
.board_wrap, .info_banner {width:100%;}
.info_banner {background:#fcfcf4;text-align:center;border-radius:20px;border:2px dashed #f6a890;height:auto;padding-bottom:20px;}
.request {float:none;border-bottom:1px dotted #ccc;overflow:hidden;}
}

@media only screen and (max-width: 590px) { 
.col2 dl {float:none;width:100% !important;}
.col2 dl:last-child {padding-left:0;border-left:none;padding-top:10px;border-top:1px dotted #d7ceb3;margin-top:10px;}
.tab.col5 li {width:33.333%;margin-bottom:10px;}
.tab.col5 li:nth-child(4), .tab.col5 li:nth-child(5) {margin-bottom:0;}
#descriptionView_IFRAME {height:200px !important;}
#header .top-tel {position:relative;top:inherit;left:inherit;text-align:right;}
}
@media only screen and (max-width: 480px) {
#contents_wrap {padding:0 15px 30px;border-radius:20px;}
h4 {font-size:16px;}
.familySite {display:none;}
.img-box {padding:10px;border-radius:10px;}
.exp .use li {float:none;width:100%;}
.section-col2 .screen img {width:100%;max-width:301px;}
.bank_lst li {width:50%;}
.fea-box {padding-left:0;}
.step li {float:none;width:100%;}
.step li:nth-child(4) {margin-bottom:10px;}
.step li:nth-child(5) {margin-bottom:0;}
.step li div {height:90px;padding-left:145px;}
.tab.col3 li {float:none;width:100%;margin-bottom:10px;}
.tab.col3 li:last-child {margin-bottom:0;}
.sample-exp > .inro_img {display:block;position:static;top:inherit;right:inherit;text-align:center;}
.txt_introduction.experience {display:none;}
.tab.col5 {margin-top:30px;}
table#search_table td.est_keyword_cell {width:95px;}
table#search_table td.est_keyword_cell input {width:95%;box-sizing:border-box;height:24px;}
.sub-visual .is-table {background:none;}
#main-visual {overflow:hidden;}
}
@media only screen and (max-width: 463px) {
.sub-visual .moto img {width:100%;}
}

@media only screen and (max-width: 360px) {
#contents_wrap {padding:15px 15px 30px;}
.effect li:nth-child(1), .effect li:nth-child(2), .effect li:nth-child(3), .effect li:nth-child(4) {padding-left:0;background:none;}
.fea-box li {width:100%;}
.fea-box li:nth-child(3) {margin-bottom:10px;}
.step li div {padding-left:125px;background-size:45% !important;}
.tab.col5 li {width:50%;}
.tab.col5 li:nth-child(4) {margin-bottom:10px;}
#footer .btn-top-block {bottom:60px;right:-10px;}
}
@media only screen and (max-width: 320px) {
.step li div {padding-left:90px;background-size:40% !important;}
.title .crumb {display:none;}
}
.textB {font-weight:bold !important;}

.popup {position:fixed;top:0;left:0;z-index:190000;width:600px;height:600px;}
.popup > img {width:100%;}
#btnClose {display:block;width:40px;height:40px;position:absolute;top:0;right:0;cursor:pointer;}
#btnClose > img {width:100%;}

@media only screen and (max-width: 400px) {
.popup {width:100%;height:auto;}
}