@charset "utf-8";

/* 공통 */
#sub #container .inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sub #container .box:first-child {padding-top: 86px;}
#sub #container .box:last-child {padding-bottom: 100px;}
#sub #container .ttl01 {text-align: center; margin-bottom: 66px; font-family: 'Pretendard', sans-serif;}
#sub #container .ttl01 strong {display: block; font-size: 36px; color: #222222; font-weight: 800; word-break: keep-all; line-height: 60px;}
#sub #container .ttl01 strong::after {content: ''; display: inline-block; width: 11px; height: 11px; background-color: #e30413; vertical-align: top; border-radius: 50%; margin-left: 3px;}



/* 회원 공통 */
.member input[type=text], .member input[type=password] {box-sizing: border-box; height: 50px; background-color: #fafafa; border: 1px solid #dddddd; width: 100%; font-size: 14px; color: #222222; letter-spacing: -0.05em; word-break: keep-all; padding: 0 20px; outline: none;}
.member textarea {box-sizing: border-box; height: 240px; background-color: #fafafa; border: 1px solid #dddddd; width: 100%; font-size: 14px; color: #222222; letter-spacing: -0.05em; word-break: keep-all; padding: 15px 20px; outline: none; resize: none;}
.member select {box-sizing: border-box; height: 50px; border: 1px solid #dddddd; width: 100%; font-size: 14px; color: #222222; letter-spacing: -0.05em; word-break: keep-all; padding: 0 30px 0 20px; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow5.png) no-repeat right 10px center #fafafa;}
.member input[type=text]::placeholder, .member input[type=password]::placeholder {color: #666666;}
.member input[type=text]:focus, .member input[type=password]:focus, .member select:focus, .member textarea:focus {background-color: #fff; border-color: #222222;}

/* 로그인 */
#login {padding: 72px 0 60px;}
#login .txt_bx {text-align: center; margin-bottom: 59px;}
#login .txt_bx strong {display: block; font-size: 30px; color: #222222; font-weight: 700; word-break: keep-all; margin-bottom: 14px;}
#login .txt_bx strong span {color: #e30413;}
#login .txt_bx p {font-size: 16px; color: #444444; letter-spacing: -0.05em; word-break: keep-all;}
#login .form_bx {max-width: 400px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#login input[type=text], #login input[type=password] {border-radius: 5px; margin-bottom: 10px;}
#login .form_bx .btn {display: block; width: 100%; text-align: center; border-radius: 5px; line-height: 60px; background-color: #e30413; margin-top: 10px; font-size: 16px; color: #ffffff; font-weight: 700;}
#login .form_bx .btn.col2 {background-color: #222222}
#login .link_bx {font-size: 0; text-align: center; padding-top: 40px;}
#login .link_bx li {display: inline-block; position: relative; margin-right: 47px;}
#login .link_bx li:last-child {margin-right: 0;}
#login .link_bx li::before {content: ''; width: 1px; height: 16px; width: 2px; background-color: #dddddd; position: absolute; top: 50%; margin-top: -8px; right: -28px;}
#login .link_bx li:last-child::before {display: none;}
#login .link_bx li a {font-size: 14px; color: #666666; letter-spacing: -0.05em; word-break: keep-all;}
#login .link_bx li a.col2 {color: #111111; display: block; line-height: 16px;}

/* 회원가입 */
#join {padding-top: 14px;}
#join.mypage {padding-top: 0;}
#join .step_bx {border: 1px solid #dddddd; padding: 65px 30px 63px; margin-bottom: 57px;}
#join .step_bx ul {max-width: 960px; width: 100%; margin: 0 auto; box-sizing: border-box; display: flex; flex-flow: wrap;}
#join .step_bx ul li {width: 33.333%; box-sizing: border-box; text-align: center; position: relative;}
#join .step_bx ul li::before {content: ''; width: 100%; height: 2px; background-color: #dddddd; position: absolute; bottom: 79px; right: -50%;}
#join .step_bx ul li.comp::before {background-color: #e30413;}
#join .step_bx ul li:last-child::before {display: none;}
#join .step_bx ul li .txt_bx {padding-top: 41px; position: relative; z-index: 1;}
#join .step_bx ul li .txt_bx .num {width: 60px; line-height: 56px; font-size: 22px; color: #ffffff; background-color: #dddddd; border-radius: 50%; margin: 0 auto; border: 2px solid #dddddd; box-sizing: border-box;}
#join .step_bx ul li.on .txt_bx .num {background-color: #e30413; border-color: #e30413;}
#join .step_bx ul li.comp .txt_bx .num {background-color: #fff; border-color: #e30413; color: #e30413;}
#join .step_bx ul li .txt_bx strong {display: block; font-size: 18px; color: #aaaaaa; letter-spacing: -0.05em; word-break: keep-all; font-weight: 400; margin-top: 29px;}
#join .step_bx ul li.on .txt_bx strong {font-weight: 700; color: #222222;}
#join .con_w {margin-bottom: 56px;}
#join .con_w:last-child {margin-bottom: 0;}
#join .con_bx .con_ttl {font-size: 24px; color: #222222; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 16px;}
#join .con_bx .con_ttl a {float: right; display: inline-block; font-size: 14px; color: #aaaaaa; letter-spacing: -0.05em; word-break: keep-all; padding-right: 17px; background: url(../images/icon/arrow6.png) no-repeat right center; font-weight: 400; margin-top: 7px;}
#join .agree_bx {margin-bottom: 0;}
#join .agree_bx .txt_bx {border: 1px solid #ddd;}
#join .agree_bx .chk_bx label {color: #222222;}

#join .form_table {width: 100%; table-layout: fixed; border-top: 1px solid #222222;}
#join .form_table tr {border-bottom: 1px solid #dddddd;}
#join .form_table th {width: 200px; box-sizing: border-box; padding: 0 34px; height: 70px; background-color: #fafafa; text-align: left; font-size: 16px; color: #222222; letter-spacing: -0.05em; word-break: keep-all;}
#join .form_table th em {font-size: 0; font-style: normal;}
#join .form_table th em::after {content: '*'; font-size: 16px; color: #ff0000; padding-left: 4px;}
#join .form_table td {box-sizing: border-box; padding: 10px 40px; height: 70px; font-size: 15px; color: #444444; letter-spacing: -0.05em; word-break: keep-all;}
#join .form_table td input[type=text], #join .form_table td input[type=password] {max-width: 300px;}
#join .form_table td .btn_input {position: relative; padding-right: 170px; box-sizing: border-box; max-width: 570px;}
#join .form_table td .btn_input input[type=text] {max-width: 100%;}
#join .form_table td .btn_input a {width: 160px; line-height: 50px; background-color: #aaaaaa; position: absolute; right: 0; top: 0; font-size: 16px; color: #ffffff; text-align: center;}
#join .form_table td .tel_bx {display: flex; flex-flow: wrap; max-width: 620px;}
#join .form_table td .tel_bx select {width: 90px;}
#join .form_table td .tel_bx [type=text] {width: calc(50% - 65px);}
#join .form_table td .tel_bx span {line-height: 50px; text-align: center; width: 20px;}
#join .form_table td .addr_bx .btn_input {max-width: 420px;}
#join .form_table td .addr_bx .btn_input input[type=text] {margin-top: 0;}
#join .form_table td .addr_bx .btn_input a {background-color: #222222;}
#join .form_table td .addr_bx input[type=text] {max-width: 100%; margin-top: 10px;}
#join .form_table td .ck_bx {margin-top: 5px; display: inline-block; margin-left: 20px;}
#join .form_table td .ck_bx input {position: relative; top: -2px;}
#join .form_table td .ck_bx label {color: #666;}
#join .form_table td .txt1 {display: block; color: #666; word-break: keep-all; margin-top: 5px;}
#join .form_table td .chkNum {position: relative; padding-right: 170px; max-width: 470px; box-sizing: border-box;}
#join .form_table td #certTimer a {width: 160px; line-height: 50px; background-color: #101d1f; font-size: 16px; color: #ffffff; border: none; cursor: pointer; text-align: center; position: absolute; right: 0; top: 0px;}
#join .form_table td #certTimer .com {width: 160px; line-height: 50px; background-color: #a20929; font-size: 16px; color: #ffffff; border: none; cursor: pointer; text-align: center; position: absolute; right: 0; top: 0px;}
#join .form_table td #certTimer em {font-size: 15px; font-style: normal; color: #a20929; display: block; padding-top: 5px; width: calc(100% + 170px); position: relative; margin-top: 5px;}

#join .comp_bx {text-align: center;}
#join .comp_bx .txt1 {font-size: 44px; color: #222222; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 10px;}
#join .comp_bx .txt2 {font-size: 30px; color: #222222; letter-spacing: -0.05em; word-break: keep-all; margin: 0 auto 33px;}
#join .comp_bx .txt3 {font-size: 20px; color: #222222; letter-spacing: -0.05em; word-break: keep-all;}

#join .btm_btn {font-size: 0; text-align: center; padding-top: 60px;}
#join .btm_btn a {width: 180px; line-height: 48px; box-sizing: border-box; margin-right: 20px; text-align: center; font-size: 16px; color: #ffffff; background-color: #e30413; display: inline-block;}
#join .btm_btn a.col2 {background-color: #222222;}
#join .btm_btn a:last-child {margin-right: 0;}




/* CEO 인사말 */
#ceo .con_bx {text-align: center; background: url(../images/sub/ceo_bg.png) no-repeat center; background-size: 100% auto;}
#ceo .con_bx .txt1 {font-size: 30px; line-height: 40px; color: #111111; font-weight: 500; word-break: keep-all;}
#ceo .con_bx .txt1 span {color: #e30413; font-weight: 600;}
#ceo .con_bx .txt2 {font-size: 18px; line-height: 28px; color: #222222; word-break: keep-all; position: relative; margin-top: 23px; padding-top: 64px;}
#ceo .con_bx .txt2::before {content: ''; width: 2px; height: 40px; background-color: #aaaaaa; position: absolute; left: 50%; top: 0; margin-left: -1px;}
#ceo .con_bx .txt3 {font-size: 16px; color: #222222; word-break: keep-all; margin-top: 51px;}
#ceo .con_bx .txt3 strong {font-size: 20px; font-weight: 800;}



/* 라이선스 인증서 */
#license .inner_bx {max-width: 1240px;}
#license .con_bx {padding: 0 0 74px;}
#license .con_bx ul {display: flex; flex-flow: wrap; justify-content:center; position: relative; padding: 0 114px 46px; margin-bottom: 55px; background: url(../images/sub/license_table_02.png) repeat-x center bottom;}
#license .con_bx ul::before {content: ''; width: 60px; height: 70px; background: url(../images/sub/license_table_01.png) no-repeat center #fff; position: absolute; left: 0; bottom: 0; z-index: 1;}
#license .con_bx ul::after {content: ''; width: 60px; height: 70px; background: url(../images/sub/license_table_03.png) no-repeat center #fff; position: absolute; right: 0; bottom: 0; z-index: 1;}
#license .con_bx ul:last-child {margin-bottom: 0;}
#license .con_bx ul li {width: calc(25% - 4.446%); margin-right: 5.92%; box-sizing: border-box; /*padding-bottom: 27.668%;*/ position: relative; overflow: hidden; cursor: pointer;}
/*#license .con_bx ul li::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/sub/license_bg.png) no-repeat center; z-index: 1; background-size: 100% auto;}*/
#license .con_bx ul li:nth-child(4n) {margin-right: 0;}
/*#license .con_bx ul li div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}*/
#license .con_bx ul li img {width: 100%;}



/* 본사전경 */
#photo .txt_bx {min-height: 480px; background: url(../images/sub/photo_bg.jpg) no-repeat center; background-size: cover; box-sizing: border-box; padding: 98px 15px; display:flex; justify-content:center; align-items:end; table-layout:fixed; position: relative;}
#photo .txt_bx::before {content: ''; width: 618px; height: 539px; background: url(../images/sub/photo_bg2.png) no-repeat center; position: absolute; bottom: 0; right: 55px;}
#photo .txt_bx .txt_w {width: 100%; max-width: 1040px; position: relative; z-index: 1;}
#photo .txt_bx img {max-width: 100%;}
#photo .txt_bx p {font-size: 18px; color: #222222; word-break: keep-all; padding: 0 12px; margin-top: 12px;}
#photo .img_bx {display: flex; flex-flow: wrap;}
#photo .img_bx li {margin-top: 30px; width: calc(33.333% - 20px); margin-right: 30px; box-sizing: border-box;}
#photo .img_bx li:nth-child(3n) {margin-right: 0;}
#photo .img_bx li img {max-width: 100%; object-fit: cover;}



/* 아델오시는길 */
#location .map_bx {background: url(../images/sub/location_01.jpg) no-repeat center; background-size: cover; height: 480px; overflow: hidden;}
#location .root_daum_roughmap .border1, #location .root_daum_roughmap .border3, #location .root_daum_roughmap .border4 {display: none!important;}
#location .info_bx {text-align: center; font-size: 0; padding-top: 58px;}
#location .info_bx li {display: inline-block; position: relative; text-align: left; font-size: 18px; color: #222222; word-break: keep-all; margin-right: 120px;}
#location .info_bx li::before {content: ''; width: 1px; height: 40px; background-color: #eeeeee; position: absolute; right: -60px; top: 50%; margin-top: -20px;}
#location .info_bx li:last-child {margin-right: 0; margin-bottom: 0;}
#location .info_bx li:last-child::before {display: none;}
#location .info_bx li span {display: block; font-size: 14px; color: #e30413; font-weight: 800; margin-bottom: 8px;}



/* 베트남결혼, 캄보다아결혼 - 일정안내 */
#schedule {background-color: #f7f7f7;}
#schedule .con_w {position: relative; margin-bottom: 100px;}
#schedule .con_w:last-child {margin-bottom: 0;}
#schedule .con_w::before {content: ''; width: 50%; height: 100%; background-color: #fff; position: absolute; right: 0; top: 0;}
#schedule .con_w:nth-child(2n)::before {right: auto; left: 0;}
#schedule .con_w .inner_bx {display: flex; flex-flow: wrap; position: relative; z-index: 1;}

#schedule .con_w .l_bx {width: 300px; position: relative; z-index: 1; box-sizing: border-box; padding: 70px 0;}
#schedule .con_w:nth-child(2n) .l_bx {text-align: right; order: 2;}
#schedule .con_w .l_bx strong {display: block; font-size: 26px; color: #e30413; font-weight: 800; word-break: keep-all;}
#schedule .con_w .l_bx strong span {display: block; font-size: 80px; color: #111111; line-height: 67px; margin-top: 12px;}
#schedule .con_w .l_bx p {font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all; margin-top: 9px;}

#schedule .con_w .r_bx {width: calc(100% - 300px); position: relative; text-align: center; box-sizing: border-box; padding: 100px 0;}
#schedule .con_w:nth-child(2n) .r_bx {order: 1;}
#schedule .con_w .r_bx::before {content: ''; width: calc(100% + 100px); height: 100%; background-color: #fff; position: absolute; right: 0; top: 0;}
#schedule .con_w:nth-child(2n) .r_bx::before {right: auto; left: 0;}
#schedule .con_w .r_bx ul {position: relative; z-index: 1; display: inline-block; text-align: left;}
#schedule .con_w .r_bx ul li {position: relative; box-sizing: border-box; padding-left: 180px; min-height: 140px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-bottom: 32px;}
#schedule .con_w .r_bx ul li:last-child {margin-bottom: 0;}
#schedule .con_w .r_bx ul li .num {width: 140px; height: 140px; background-color: #eeeeee; position: absolute; left: 0; top: 0; border-radius: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 20px; color: #666666; text-align: center; line-height: 26px;}
#schedule .con_w .r_bx ul li .num::before {content: ''; width: 18px; height: 12px; background: url(../images/sub/schedule_arrow.png) no-repeat center; position: absolute; left: 50%; margin-left: -9px; bottom: -22px;}
#schedule .con_w .r_bx ul li:last-child .num::before {display: none;}
#schedule .con_w .r_bx ul li .num::after {content: ''; width: calc(100% - 30px); height: calc(100% - 30px); background-color: #fff; position: absolute; left: 15px; top: 15px; border-radius: 50%; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);}
#schedule .con_w .r_bx ul li .num > div {position: relative; z-index: 1;}
#schedule .con_w .r_bx ul li .num strong {display: block; font-size: 30px; color: #e30413; font-weight: 800; line-height: 30px;}
#schedule .con_w .r_bx ul li .num strong.col2 {font-size: 22px; color: #111111;}
#schedule .con_w .r_bx ul li .txt_bx strong {display: block; font-size: 20px; color: #111111; font-weight: 800; word-break: keep-all; margin-bottom: 11px; line-height: 30px;}
#schedule .con_w .r_bx ul li .txt_bx p {font-size: 16px; color: #666666; line-height: 26px; word-break: keep-all; position: relative;}
#schedule .con_w .r_bx ul li .txt_bx p.dot {padding-left: 9px;}
#schedule .con_w .r_bx ul li .txt_bx p.dot::before {content: ''; width: 3px; height: 3px; background-color: #111111; border-radius: 50%; position: absolute; left: 0; top: 10px;}
#schedule .con_w .r_bx ul li .txt_bx p span {color: #e30413; font-weight: 800; display: inline-block; padding-right: 12px;}
#schedule .con_w .r_bx ul .btm_txt {background-color: #fff; margin-top: -32px; z-index: 1; position: relative; padding-top: 32px; font-size: 16px; line-height: 26px; color: #e30413; word-break: keep-all;}



/* 베트남결혼, 캄보다아결혼 - 구비서류 */
#document {overflow: hidden;}
#document .con_w {margin-bottom: 30px; background-color: #fff; position: relative; box-shadow: 7px 7px 20px 0px rgba(17,17,17,0.1); display: flex; flex-flow: wrap; padding: 60px 0;}
#document .con_w ::before {content: ''; width: 21px; height: calc(100% - 112px); background: url(../images/main/sec5_03.jpg) no-repeat center; position: absolute; top: 0; right: -21px;}
#document .con_w::after {content: ''; width: 180px; height: 137px; background: url(../images/main/sec5_02.jpg) no-repeat center; position: absolute; bottom: -26px; right: -21px;}
#document .con_w:last-child {margin-bottom: 0;}
#document .con_w .l_bx {width: 420px; box-sizing: border-box; padding-left: 120px;}
#document .con_w .l_bx strong {display: inline-block; padding-left: 66px; line-height: 46px; background: url(../images/icon/chk.png) no-repeat left top; font-size: 22px; color: #222222; font-weight: 700; word-break: keep-all;}
#document .con_w .r_bx {width: calc(100% - 420px); box-sizing: border-box;}
#document .con_w .r_bx ul {padding-right: 50px; position: relative; z-index: 1;}
#document .con_w .r_bx ul li {font-size: 16px; color: #666666; line-height: 26px; word-break: keep-all; text-indent: -17px; padding-left: 17px;}
#document .con_w .r_bx ul li.type2 {padding-left: 0; text-indent: 0;}
#document .con_w .r_bx .btm_txt {font-size: 16px; color: #e30413; line-height: 26px; word-break: keep-all; text-indent: -14px; padding-left: 14px;}
#document .con_bx table {width: 100%; border-top: 1px solid #ddd; position: relative; z-index: 1;}
#document .con_bx table::before, #document .con_bx table tr::before, #document .con_bx table tg::before, #document .con_bx table td::before {display: none!important;}
#document .con_bx table tr {border-bottom: 1px solid #ddd; font-weight: 500;}
#document .con_bx table th {text-align: center; width: 120px; border-right: 1px solid #ddd; padding: 5px; background-color: #f5f5f5; color: #333; font-size: 14px; line-height: 21px;}
#document .con_bx table td {text-align: left; height: 30px; box-sizing: border-box; padding: 5px 20px; font-size: 14px; line-height: 21px;}
#document .con_bx table .col2 {color: #e30413;}



/* 베트남결혼, 캄보다아결혼 - 결혼비용 */
#cost .con_bx table {width: 100%; table-layout: fixed; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#cost .con_bx table tr {border-bottom: 1px solid #dddddd;}
#cost .con_bx table tr:last-child {border-bottom: none;}
#cost .con_bx table td {font-size: 16px; color: #666666; word-break: keep-all; height: 50px; padding: 10px 0 10px 30px; box-sizing: border-box; line-height: 26px;}
#cost .con_bx table td:nth-child(2) {width: 32%}
#cost .con_bx table td.type {width: 190px; font-weight: 700; color: #111111;}
#cost .con_bx table td.cost {text-align: right; width: 120px; padding-left: 0; padding-right: 30px; color: #111111; font-weight: 700;}
#cost .con_bx table td.cost strong {font-size: 20px;}
#cost .con_bx .all_bx {border-bottom: 1px solid #000; display: flex; flex-flow: wrap; padding: 33px 30px 31px;}
#cost .con_bx .all_bx .l_bx {box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed; width: 190px; font-size: 16px; color: #666666; line-height: 30px;}
#cost .con_bx .all_bx .l_bx strong {display: block; font-size: 24px; color: #111111; font-weight: 700; margin-bottom: 2px;}
#cost .con_bx .all_bx .r_bx {box-sizing: border-box; display:flex; justify-content:right; align-items:center; table-layout:fixed; width: calc(100% - 190px); text-align: right; color: #666666; line-height: 30px; font-size: 16px;}
#cost .con_bx .all_bx .r_bx strong {color: #111111; font-weight: 700; display: block; margin-bottom: 1px;}
#cost .con_bx .all_bx .r_bx strong span {font-size: 30px; color: #e30413; display: inline-block; position: relative; top: 2px;}
#cost .con_bx .btm_txt {font-size: 16px; color: #666666; line-height: 26px; word-break: keep-all; margin-top: 15px;}

#cost.type2 .con_bx {display: flex; flex-flow: wrap; border: 2px solid #d9d9d9; padding: 35px 40px;}
#cost.type2 .con_bx .ttl {display: inline-block; padding-left: 66px; line-height: 46px; background: url(../images/icon/chk.png) no-repeat left top; font-size: 22px; color: #222222; font-weight: 700; word-break: keep-all; margin-bottom: 30px;}
#cost.type2 .con_bx .l_bx {width: calc(50% - 15px); box-sizing: border-box; margin-right: 30px;}
#cost.type2 .con_bx .l_bx ul li {font-size: 16px; color: #666; word-break: keep-all; line-height: 26px; margin-bottom: 20px;}
#cost.type2 .con_bx .l_bx ul li:last-child {margin-bottom: 0;}
#cost.type2 .con_bx .l_bx ul li strong {display: block; font-size: 18px; font-weight: 700; color: #111;}
#cost.type2 .con_bx .l_bx ul li p {margin-top: 3px;}
#cost.type2 .con_bx .r_bx {width: calc(50% - 15px); box-sizing: border-box; display: flex; flex-flow: wrap;}
#cost.type2 .con_bx .r_bx .top_bx ul li {font-size: 18px; color: #111; word-break: keep-all; line-height: 26px; padding-bottom: 20px; padding-left: 20px; font-weight: 700; position: relative;}
#cost.type2 .con_bx .r_bx .top_bx ul li:last-child {padding-bottom: 0;}
#cost.type2 .con_bx .r_bx .top_bx ul li::before {content: ''; width: 1px; height: 100%; left: 0; top: 0; position: absolute; background-color: #111;}
#cost.type2 .con_bx .r_bx .top_bx ul li:first-child::before {top: 12px; height: calc(100% - 12px);}
#cost.type2 .con_bx .r_bx .top_bx ul li:last-child::before {height: 13px;}
#cost.type2 .con_bx .r_bx .top_bx ul li strong {font-weight: 700; position: relative;}
#cost.type2 .con_bx .r_bx .top_bx ul li strong::before {content: ''; width: 10px; height: 1px; background-color: #111; position: absolute; left: -20px; top: 10px;}
#cost.type2 .con_bx .r_bx .top_bx ul li p {font-size: 16px; color: #666; word-break: keep-all; line-height: 26px; margin-top: 3px; font-weight: 400;}
#cost.type2 .con_bx .r_bx .top_bx .all {padding-left: 20px; margin-top: 50px; font-size: 24px; color: #111111; font-weight: 700;}
#cost.type2 .con_bx .r_bx .top_bx .all span {color: #e30413;}
#cost.type2 .con_bx .r_bx .btm_bx {display:flex; justify-content:center; align-items:end; table-layout:fixed;}
#cost.type2 .con_bx .r_bx .btm_bx .c_w {width: 100%;}
#cost.type2 .con_bx .r_bx .btm_bx .c_w p {font-size: 16px; color: #666666; line-height: 26px; word-break: keep-all; text-indent: -15px; padding-left: 15px; margin-bottom: 3px;}
#cost.type2 .con_bx .r_bx .btm_bx .c_w p:last-child {margin-bottom: 0;}



/* 우즈베키스탄결혼 */
#schedule.uzbekistan .con_w .l_bx strong span {line-height: 71px;}



/* 필리핀결혼 */
#schedule.philippines .con_w .l_bx strong span {line-height: 71px;}



/* 한국어학당, 신부님들 기숙사 */
.img_con1 .con_bx {display: flex; flex-flow: wrap;}
.img_con1 .con_bx .img_bx {width: 50%; box-sizing: border-box; overflow: hidden; position: relative; min-height: 420px;}
.img_con1 .con_bx .img_bx div {position: absolute; width: 100%; height: 100%; top: 0p; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
.img_con1 .con_bx .txt_bx {width: 50%; box-sizing: border-box; overflow: hidden; background-color: #c31642; padding: 20px 40px; min-height: 420px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
.img_con1 .con_bx .txt_bx .txt_w {width: 100%;}
.img_con1 .con_bx .txt_bx .txt_w strong {display: block; font-size: 24px; color: #ffffff; word-break: keep-all; line-height: 34px; font-weight: 700; margin-bottom: 19px;}
.img_con1 .con_bx .txt_bx .txt_w p {font-size: 18px; line-height: 28px; color: #ffffff; word-break: keep-all;}
.img_con1 ul {display: flex; flex-flow: wrap;}
.img_con1 ul li {margin-top: 30px; width: calc(33.333% - 20px); margin-right: 30px;}
.img_con1 ul li:nth-child(3n) {margin-right: 0;}
.img_con1 ul li img {width: 100%;}

#dormitory .img_con1 .con_bx .txt_bx .txt_w p {max-width: 445px;}



/* 사후관리서비스 약관 공통 */
.service {background-color: #f6f6f6; font-family: 'Noto Sans KR', sans-serif;}
.service .con_bx {background-color: #fff; padding: 52px 20px; font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all;}
.service .con_bx .txt_w {max-width: 960px; margin: 0 auto; box-sizing: border-box; width: 100%;}
.service .con_bx .ttl1 {display: block; font-size: 20px; color: #111111; line-height: 30px; font-weight: 700; word-break: keep-all; margin-top: 27px;}
.service .con_bx .ttl1:first-child {margin-top: 0;}
.service .con_bx .inner2 {padding-left: 12px;}
.service .con_bx .img_bx {display: flex; flex-flow: wrap; justify-content:center;}
.service .con_bx .img_bx .ttl1 {margin-bottom: 20px;}
.service .con_bx .img_bx .img_w {width: calc(50% - 60px); box-sizing: border-box; margin-right: 120px; margin-top: 60px;}
.service .con_bx .img_bx .img_w:nth-child(2n) {margin-right: 0;}
.service .con_bx .img_bx .img_w img {max-width: 100%;}



/* 사후관리 */
#followUp {background-color: #f6f6f6;}
#followUp .con_bx {background-color: #fff; box-sizing: border-box; padding: 80px; position: relative;}
#followUp .con_bx::before {content: ''; width: 4px; height: calc(100% - 160px); background-color: #eee; position: absolute; top: 80px; left: 50%; margin-left: -2px;}
#followUp .con_bx::after {content: ''; height: 4px; width: calc(100% - 160px); background-color: #fff; position: absolute; bottom: 80px; left: 80px; z-index: 1;}
#followUp .con_bx ul {display: flex; flex-flow: wrap;}
#followUp .con_w {width: 50%; box-sizing: border-box; border-bottom: 4px solid #eeeeee; padding: 46px 0 61px;}
#followUp .con_w:nth-child(2n) {text-align: right;}
#followUp .con_w strong {display: block; font-size: 60px; color: #e30413; font-weight: 800; margin-bottom: 1px;}
#followUp .con_w p {font-size: 20px; color: #222222; line-height: 30px; word-break: keep-all;}
#followUp .mid_bx {position: absolute; width: 340px; height: 340px; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background: rgba(227,4,19,0.1); border-radius: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 30px;}
#followUp .mid_bx::before {content: ''; width: calc(100% - 60px); height: calc(100% - 60px); border-radius: 50%; position: absolute; left: 30px; top: 30px; background-color: #e30413; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);}
#followUp .mid_bx .txt {width: 100%; text-align: center; font-size: 20px; color: #ffffff; word-break: keep-all; position: relative; z-index: 1;}
#followUp .mid_bx .txt strong {display: block; font-size: 36px; font-weight: 800; margin-top: 7px;}



/* 피해보상 청구절차 */
#damage {background-color: #f6f6f6;} 
#damage .con_bx {background-color: #fff; padding: 56px 15px 68px;}
#damage .con_bx li {max-width: 960px; width: 100%; box-sizing: border-box; margin: 0 auto 29px; padding-left: 67px; background: url(../images/icon/chk.png) no-repeat left 4px;}
#damage .con_bx li:last-child {margin-bottom: 0;}
#damage .con_bx li strong {display: block; font-size: 20px; color: #111111; font-weight: 700; word-break: keep-all; margin-bottom: 3px;}
#damage .con_bx li p {font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all;}
#damage .con_bx li .img_bx {text-align: center; margin-top: 59px; padding-bottom: 26px; position: relative; width: calc(100% + 67px); left: -67px;}
#damage .con_bx li .img_bx img {max-width: 100%;}



/* 커플매니저모집 */
#manager .con_bx {background: url(../images/sub/manager_bg.jpg) no-repeat center; background-size: cover; padding: 97px 100px 100px;}
#manager .con_bx .ttl_bx {text-align: center; margin-bottom: 33px;}
#manager .con_bx .ttl_bx span {display: block; font-size: 26px; color: #000000; word-break: keep-all; margin-bottom: 7px;}
#manager .con_bx .ttl_bx p {font-size: 50px; color: #000000; word-break: keep-all;}
#manager .con_bx .ttl_bx p strong {font-weight: 700; color: #e30413;}
#manager .con_bx .mid_bx {display: flex; flex-flow: wrap;}
#manager .con_bx .mid_bx .txt {width: 230px; box-sizing: border-box; padding: 0 20px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#manager .con_bx .mid_bx .txt:last-child {text-align: right;}
#manager .con_bx .mid_bx .txt ul {width: 100%;}
#manager .con_bx .mid_bx .txt ul li {font-size: 18px; color: #000000; word-break: keep-all; line-height: 25px; font-weight: 700; margin-bottom: 15px;}
#manager .con_bx .mid_bx .txt ul li:last-child {margin-bottom: 0;}
#manager .con_bx .mid_bx .img {text-align: center; width: calc(100% - 460px); box-sizing: border-box;}
#manager .con_bx .mid_bx .img img {max-width: 100%;}
#manager .con_bx .info_bx {display: flex; flex-flow: wrap; padding: 0 60px 46px; background-color: #fff; border-radius: 10px; box-shadow: 20px 20px 40px 0px rgba(0,0,0,0.1);}
#manager .con_bx .info_bx .info_w {width: 50%; box-sizing: border-box; text-align: center; padding: 0 20px;}
#manager .con_bx .info_bx .info_w strong {max-width: 240px; display: block; margin: 0 auto; width: 100%; background-color: #e30413; border-radius: 25px; line-height: 50px; text-align: center; font-size: 20px; color: #ffffff; font-weight: 700; margin-top: -25px; margin-bottom: 28px;}
#manager .con_bx .info_bx .info_w p {font-size: 18px; color: #111111; word-break: keep-all; margin-bottom: 19px;}
#manager .con_bx .info_bx .info_w p:last-child {margin-bottom: 0;}
#manager .con_bx .info_bx .info_w p span {font-weight: 700;}



/* 전자상거래 표준약관 */
.yg{font-size:14px; line-height:24px; word-break:keep-all}
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#444;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
/* .yg_table div{float:right; width:calc(50% - 10px);} */
/* .yg_table div:first-child{float:left;} */
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd;}

#privacy_box select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}

#privacy_box {max-width: 960px; margin: 0 auto; box-sizing: border-box;}



/* PC */
@media all and (min-width:1025px){
	/* 로그인 */
	#login .link_bx li a:hover {text-decoration: underline;}
	
	
	
	/* 라이선스 인증서 */
	#license .con_bx ul li {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#license .con_bx ul li:hover {transform: translate(0, -20px);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
	#sub #container .box:first-child {padding-top: 43px;}
	#sub #container .box:last-child {padding-bottom: 50px;}
	#sub #container .ttl01 {margin-bottom: 33px;}
	#sub #container .ttl01 strong {font-size: 23px; line-height: 34px;}
	#sub #container .ttl01 strong::after {margin-left: 2px; width: 6px; height: 6px;}
	


	/* 회원 공통 */
	.member input[type=text], .member input[type=password] {height: 35px; font-size: 12px; padding: 0 10px;}
	.member select {height: 35px; font-size: 12px; padding: 0 25px 0 10px; background-size: 7px auto;}
	.member textarea {height: 120px; padding: 8px 10px; font-size: 12px; line-height: 17px;}
	
	/* 로그인 */
	#login {padding: 36px 0 25px;}
	#login .txt_bx {margin-bottom: 17px;}
	#login .txt_bx strong {margin-bottom: 4px; font-size: 20px; line-height: 25px;}
	#login .txt_bx p {font-size: 12px; line-height: 17px;}
	#login .form_bx {max-width: 350px;}
	#login input[type=text], #login input[type=password] {margin-bottom: 5px;}
	#login .form_bx .btn {margin-top: 15px; font-size: 14px; line-height: 45px;}
	#login .link_bx {padding-top: 19px;}
	#login .link_bx li {margin-right: 24px;}
	#login .link_bx li::before {right: -14px; height: 8px; margin-top: -4px;}
	#login .link_bx li a {font-size: 12px; line-height: 17px;}
	#login .link_bx li a.col2 {color: #e30413;}
	
	/* 회원가입 */
	#join {padding: 0;}
	#join .step_bx {padding: 33px 7px 30px; margin-bottom: 28px;}
	#join .step_bx ul {max-width: 560px;}
	#join .step_bx ul li::before {height: 1px; bottom: 40px;}
	#join .step_bx li img {max-width: 40px; width: 100%;}
	#join .step_bx ul li .txt_bx {padding-top: 20px;}
	#join .step_bx ul li .txt_bx .num {font-size: 11px; width: 30px; line-height: 28px; border: 1px solid #dddddd;}
	#join .step_bx ul li .txt_bx strong {margin-top: 12px; font-size: 12px;}
	#join .con_w {margin-bottom: 28px;}
	#join .con_bx .con_ttl {margin-bottom: 12px; font-size: 20px;}
	#join .con_bx .con_ttl a {font-size: 12px; padding-right: 11px; background-size: 6px auto; margin-top: 6px;}
	
	#join .form_table th {height: 40px; padding: 5px 15px; width: 135px; font-size: 13px;}
	#join .form_table th em {font-size: 13px;}
	#join .form_table td {height: 40px; padding: 5px 15px; font-size: 12px;}
	#join .form_table td .btn_input {max-width: 450px; padding-right: 105px;}
	#join .form_table td .btn_input a {width: 100px; line-height: 35px; font-size: 12px;}
	#join .form_table td .tel_bx select {width: 74px;}
	#join .form_table td .tel_bx span {width: 13px; line-height: 35px;}
	#join .form_table td .tel_bx [type=text] {width: calc(50% - 50px);}
	#join .form_table td .addr_bx .btn_input {max-width: 255px;}
	#join .form_table td .addr_bx input[type=text] {margin-top: 5px;}
	#join .form_table td .ck_bx {display: block; margin-left: 0;}
	#join .form_table td .ck_bx input {top: -1px;}
	#join .form_table td .chkNum {max-width: 305px; padding-right: 105px;}
	#join .form_table td #certTimer a {width: 100px; line-height: 35px; font-size: 12px;}
	#join .form_table td #certTimer .com {width: 100px; line-height: 35px; font-size: 12px;}
	#join .form_table td #certTimer em {font-size: 12px;}
	
	#join .comp_bx .txt1 {margin-bottom: 4px; font-size: 25px;}
	#join .comp_bx .txt2 {margin-bottom: 14px; font-size: 20px; line-height: 25px;}
	#join .comp_bx .txt3 {font-size: 12px; line-height: 17px;}
	
	#join .btm_btn {padding-top: 30px;}
	#join .btm_btn a {max-width: 155px; line-height: 45px; font-size: 14px;}
	


	/* CEO 인사말 */
	#ceo .con_bx {max-width: 700px; margin: 0 auto;}
	#ceo .con_bx .txt1 {font-size: 20px; line-height: 25px;}
	#ceo .con_bx .txt2 {margin-top: 11px; padding-top: 33px; font-size: 12px; line-height: 17px;}
	#ceo .con_bx .txt2::before {width: 1px; margin-left: 0; height: 20px;}
	#ceo .con_bx .txt3 {margin-top: 15px; font-size: 12px;}
	#ceo .con_bx .txt3 strong {font-size: 13px;}
	


	/* 라이선스 인증서 */
	#license .con_bx {padding: 0 0 20px;}
	#license .con_bx ul {margin-bottom: 0; padding: 0 85px 46px;}
	


	/* 본사전경 */
	#photo .txt_bx {padding: 50px 15px; min-height: 240px;}
	#photo .txt_bx::before {width: 309px; height: 270px; background-size: 309px auto;}
	#photo .txt_bx img {max-width: 183px; width: 100%;}
	#photo .txt_bx p {margin-top: 7px; padding: 0 6px; font-size: 13px; line-height: 18px;}
	#photo .img_bx li {margin-top: 10px; width: calc(33.333% - 6.666px); margin-right: 10px;}
	


	/* 아델오시는길 */
	#location .map_bx {height: 300px; position: relative;}
	#location .map_bx > div  {position: absolute; width: 100%; height: 480px; left: 0; top: 50%; margin-top: -240px;}
	#location .info_bx {padding-top: 30px;}
	#location .info_bx li {font-size: 12px; margin-right: 60px;}
	#location .info_bx li::before {height: 20px; margin-top: -10px; right: -30px;}
	#location .info_bx li span {margin-bottom: 4px; font-size: 11px;}
	


	/* 베트남결혼, 캄보다아결혼 - 일정안내 */
	#schedule .con_w {margin-bottom: 50px;}
	#sub #container #schedule .inner_bx {max-width: 720px;}
	#schedule .con_w .l_bx {padding: 35px 0; width: 170px;}
	#schedule .con_w .l_bx strong {font-size: 12px;}
	#schedule .con_w .l_bx strong span {margin-top: 6px; font-size: 35px; line-height: 30px;}
	#schedule .con_w .l_bx p {margin-top: 9px; font-size: 13px; line-height: 18px;}
	
	#schedule .con_w .r_bx {width: calc(100% - 170px); padding: 50px 0;}
	#schedule .con_w .r_bx::before {width: calc(100% + 80px);}
	#schedule .con_w .r_bx ul li {min-height: 110px; padding-left: 140px; margin-bottom: 20px;}
	#schedule .con_w .r_bx ul li .num {width: 110px; height: 110px; font-size: 12px; line-height: 20px;}
	#schedule .con_w .r_bx ul li .num::before {width: 10px; background-size: 10px auto; margin-left: -5px; bottom: -15px;}
	#schedule .con_w .r_bx ul li .num::after {width: calc(100% - 26px); height: calc(100% - 26px); left: 13px; top: 13px;}
	#schedule .con_w .r_bx ul li .num strong {font-size: 20px; line-height: 20px;}
	#schedule .con_w .r_bx ul li .num strong.col2 {font-size: 15px; line-height: 20px;}
	#schedule .con_w .r_bx ul li .txt_bx strong {margin-bottom: 3px; font-size: 15px; line-height: 21px;}
	#schedule .con_w .r_bx ul li .txt_bx strong:last-child {margin-bottom: 0;}
	#schedule .con_w .r_bx ul li .txt_bx p {font-size: 12px; line-height: 20px;}
	#schedule .con_w .r_bx ul li .txt_bx p.dot {padding-left: 8px;}
	#schedule .con_w .r_bx ul li .txt_bx p.dot::before {top: 8px;}
	#schedule .con_w .r_bx ul li .txt_bx p span {padding-right: 7px;}
	#schedule .con_w .r_bx ul .btm_txt {margin-top: -14px; padding-top: 14px; font-size: 11px; line-height: 15px;}
	


	/* 베트남결혼, 캄보다아결혼 - 구비서류 */
	#document .con_w {padding: 30px 0; box-shadow: 5px 5px 10px 0px rgba(17,17,17,0.1); margin-bottom: 20px;}
	#document .con_w::after {width: 97px; height: 66px; background: url(../images/main/sec5_02_m.jpg) no-repeat center; background-size: 97px 66px; right: -10px; bottom: -12px;}
	#document .con_w .l_bx {padding-left: 60px; width: 270px;}
	#document .con_w .l_bx strong {font-size: 15px; padding-left: 30px; background-size: 23px auto; line-height: 23px;}
	#document .con_w .r_bx {width: calc(100% - 270px);}
	#document .con_w .r_bx ul {padding-right: 30px;}
	#document .con_w .r_bx ul li {font-size: 11px; line-height: 17px; text-indent: -12px; padding-left: 12px;}
	#document .con_w .r_bx .btm_txt {font-size: 11px; line-height: 17px; text-indent: -9px; padding-left: 9px;}
	#document .con_bx table th {font-size: 11px; line-height: 15px; width: 60px;}
	#document .con_bx table td {font-size: 10px; line-height: 15px; padding: 5px 10px; height: 25px;}
	


	/* 베트남결혼, 캄보다아결혼 - 결혼비용 */
	#cost .con_bx table td {font-size: 11px; line-height: 17px; height: 40px; padding: 5px 0 5px 15px}
	#cost .con_bx table td.type {width: 130px; font-size: 12px;}
	#cost .con_bx table td.cost {padding-right: 15px; font-size: 12px; width: 100px;}
	#cost .con_bx table td.cost strong {font-size: 20px;}
	#cost .con_bx .all_bx {padding: 19px 10px 12px;}
	#cost .con_bx .all_bx .l_bx {font-size: 11px; line-height: 20px; width: 130px;}
	#cost .con_bx .all_bx .l_bx strong {font-size: 12px; margin-bottom: 1px;}
	#cost .con_bx .all_bx .r_bx {font-size: 11px; line-height: 20px; width: calc(100% - 130px);}
	#cost .con_bx .all_bx .r_bx strong {font-size: 12px; margin-bottom: 1px;}
	#cost .con_bx .all_bx .r_bx strong span {font-size: 20px; line-height: 20px; top: 1px;}
	#cost .con_bx .btm_txt {margin-top: 8px; font-size: 12px; line-height: 17px;}
	
	#cost.type2 .con_bx {border-width: 1px; padding: 18px 20px;}
	#cost.type2 .con_bx .ttl {font-size: 15px; padding-left: 30px; background-size: 23px auto; line-height: 23px; margin-bottom: 18px;}
	#cost.type2 .con_bx .l_bx ul li {font-size: 11px; line-height: 17px; margin-bottom: 15px;}
	#cost.type2 .con_bx .l_bx ul li strong {font-size: 13px;}
	#cost.type2 .con_bx .r_bx .top_bx ul li {font-size: 13px; line-height: 17px; padding-bottom: 15px;}
	#cost.type2 .con_bx .r_bx .top_bx ul li strong::before {top: 6px;}
	#cost.type2 .con_bx .r_bx .top_bx ul li:first-child::before {top: 7px; height: calc(100% - 7px);}
	#cost.type2 .con_bx .r_bx .top_bx ul li:last-child::before {height: 8px;}
	#cost.type2 .con_bx .r_bx .top_bx ul li p {font-size: 11px; line-height: 17px;}
	#cost.type2 .con_bx .r_bx .top_bx .all {font-size: 20px; margin-top: 30px;}
	#cost.type2 .con_bx .r_bx .btm_bx .c_w p {font-size: 11px; line-height: 17px; text-indent: -10px; padding-left: 10px;}
	


	/* 우즈베키스탄결혼 */
	#schedule.uzbekistan .con_w .l_bx strong span {line-height: 33px;}
	


	/* 필리핀결혼 */
	#schedule.philippines .con_w .l_bx strong span {line-height: 33px;}
	


	/* 한국어학당, 신부님들 기숙사 */
	.img_con1 .con_bx .img_bx {min-height: 300px;}
	.img_con1 .con_bx .txt_bx {padding: 15px; min-height: 300px;}
	.img_con1 .con_bx .txt_bx .txt_w strong {margin-bottom: 10px; font-size: 15px; line-height: 20px;}
	.img_con1 .con_bx .txt_bx .txt_w p {font-size: 12px; line-height: 17px;}
	.img_con1 ul li {margin-top: 15px; width: calc(33.333% - 10px); margin-right: 15px;}
	
	#dormitory .img_con1 .con_bx .txt_bx .txt_w p {max-width: 297px;}
	
	
	
	/* 사후관리서비스 공통 */
	.service .con_bx {padding: 30px 15px; font-size: 12px; line-height: 20px;}
	.service .con_bx .ttl1 {font-size: 15px; line-height: 25px; margin-top: 20px;}
	.service .con_bx .inner2 {padding-left: 10px;}
	.service .con_bx .img_bx .img_w {width: calc(50% - 30px); margin-right: 60px; margin-top: 30px;}
	.service .con_bx .img_bx .ttl1 {margin-bottom: 10px;}
	


	/* 사후관리 */
	#followUp .con_bx {padding: 40px;}
	#followUp .con_bx::before {height: calc(100% - 80px); top: 40px; width: 2px; margin-left: -1px;}
	#followUp .con_bx::after {width: calc(100% - 80px); bottom: 40px; left: 40px; height: 2px;}
	#followUp .con_w {border-bottom: 2px solid #eee; padding: 23px 0 30px;}
	#followUp .con_w strong {font-size: 30px; margin-bottom: 7px;}
	#followUp .con_w p {font-size: 12px; line-height: 17px;}
	#followUp .mid_bx {width: 170px; height: 170px; padding: 15px;}
	#followUp .mid_bx::before {width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);}
	#followUp .mid_bx .txt {font-size: 12px;}
	#followUp .mid_bx .txt strong {margin-top: 3px; font-size: 20px;}
	


	/* 피해보상 청구절차 */
	#damage .con_bx {padding: 41px 15px 30px;}
	#damage .con_bx li {padding-left: 33px; margin-bottom: 18px; background-size: 23px; background-position: left 0; padding-top: 2px;}
	#damage .con_bx li strong {margin-bottom: 2px; font-size: 15px;}
	#damage .con_bx li p {font-size: 12px; line-height: 17px;}
	#damage .con_bx li .img_bx {margin-top: 29px; padding-bottom: 12px; width: calc(100% + 33px); left: -33px;}
	#damage .con_bx li .img_bx img {max-width: 400px; width: 100%;}



	/* 커플매니저모집 */
	#manager .con_bx {padding: 49px 30px 41px;}
	#manager .con_bx .ttl_bx {margin-bottom: 15px;}
	#manager .con_bx .ttl_bx span {margin-bottom: 4px; font-size: 13px;}
	#manager .con_bx .ttl_bx p {font-size: 30px; line-height: 35px;}
	#manager .con_bx .mid_bx .txt {width: 190px;}
	#manager .con_bx .mid_bx .txt ul li {margin-bottom: 5px; font-size: 11px; line-height: 15px;}
	#manager .con_bx .mid_bx .img {width: calc(100% - 380px);}
	#manager .con_bx .mid_bx .img img {max-width: 300px; width: 100%;}
	#manager .con_bx .info_bx {padding: 0 50px 18px;}
	#manager .con_bx .info_bx .info_w {padding: 0;}
	#manager .con_bx .info_bx .info_w strong {font-size: 15px; max-width: 160px; line-height: 35px; margin-top: -17px; margin-bottom: 18px;}
	#manager .con_bx .info_bx .info_w p {margin-bottom: 0; font-size: 13px; line-height: 18px;}
	
	
	
	/* 전자상거래 표준약관 */
	.yg{font-size:12px; line-height:18px;}
	.yg h2{margin-top:50px; font-size:18px;}
	.yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
	.yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
	.yg p{margin:5px 0;}

	.fly_w{margin-top:5px; padding:10px;}
	.fly_w > li > ul{padding:0 0 0 5px;}
	.fly_w > li > ol{padding:0 0 0 5px;}

	ul.fly_w > li{padding-left:10px; margin-top:3px;}
	ol.fly_w > li{margin-top:3px;}

	.yg_table{margin-top:10px;}
	.yg_table div{width:100%; margin-top:10px;}
	.yg_table div:first-child{margin-top:0;}
	.yg_table div > strong{font-size:12px; padding:8px 0;}
	.yg_table div table{ table-layout:fixed; }
	/* .yg_table div table colgroup col:nth-of-type(1){width:80px !important;}
	.yg_table div table colgroup col:nth-of-type(2){width:calc(100% - 80px) !important;} */
	.yg_table div table thead th{padding:5px 0;}
	.yg_table div table tbody th{padding:5px 0;}
	.yg_table div table tbody td{padding:0 10px}
	#privacy_box select { margin-top: 15px; width: 300px; height: 30px; font-size: 12px; }

}

/* 모바일 */
@media all and (max-width:768px){
	/* 회원가입 */
	#join .form_table tr {display: block; width: 100%; padding: 12px 0 15px;}
	#join .form_table th {display: block; width: 100%; height: auto; padding: 0 0 7px; background-color: transparent;}
	#join .form_table td input[type=text], #join .form_table td input[type=password] {max-width: 100%;}
	#join .form_table td {display: block; width: 100%; height: auto; padding: 0;}
	#join .form_table td .tel_bx {padding-right: 0; /*padding-bottom: 40px;*/}
	/*#join .form_table td .tel_bx a {top: auto; bottom: 0; right: auto; left: 0;}*/
	#join .form_table td .tel_bx a {top: auto; right: auto; position: relative; margin-top: 5px;}
	#join .form_table td .btn_input {max-width: 305px;}
	
	#join .comp_bx .txt2 {max-width: 300px;}
	
	#join .btm_btn {display: flex; flex-flow: wrap; justify-content:center;}
	#join .btm_btn a {width: calc(50% - 5px); margin-right: 10px;}
	#join .btm_btn a:nth-child(2n) {margin-right: 0;}
	#join .btm_btn a:last-child {margin-right: 0;}
	
	
	
	/* CEO 인사말 */
	#ceo .con_bx {background-position: center 1px;}
	#ceo .con_bx .txt2 {margin: 11px auto 0; max-width: 300px;}
	


	/* 라이선스 인증서 */
	#license .con_bx .con_w {padding: 0 28px; position: relative;}
	#license .con_bx .con_w .bg {position: absolute; width: 100%; height: 53px;background: url(../images/sub/license_table_02_m.png) repeat-x center top; left: 0; background-size: 3px auto; top: 50%; margin-top: -53px;}
	#license .con_bx .con_w .bg::before {content: ''; width: 32px; height: 53px; background: url(../images/sub/license_table_01_m.png) no-repeat center; background-size: 32px 53px; position: absolute; left: 0; top: 0;}
	#license .con_bx .con_w .bg::after {content: ''; width: 32px; height: 53px; background: url(../images/sub/license_table_03_m.png) no-repeat center; background-size: 32px 53px; position: absolute; right: 0; top: 0;}
	#license .con_bx .con_w .bg2 {top: auto; bottom: 0; margin-top: 0;}
	#license .con_bx ul {padding: 0; background: none;}
	#license .con_bx ul::after {display: none;}
	#license .con_bx ul::before {display: none;}
	#license .con_bx ul li {width: calc(50% - 28px); margin-right: 56px!important; padding-bottom: 40px;}
	#license .con_bx ul li:nth-child(2n), #license .con_bx ul li:last-child {margin-right: 0!important;}
	


	/* 본사전경 */
	#photo .txt_bx {padding: 30px 15px; background: url(../images/sub/photo_bg_m.jpg) no-repeat center top; background-size: cover; align-items: start;}
	#photo .txt_bx::before {display: none;}
	#photo .txt_bx p {max-width: 150px;}
	#photo .img_bx li:nth-child(n) {width: 100%; margin-right: 0;}
	#photo .img_bx li img {width: 100%;}
	


	/* 아델오시는길 */
	#location .map_bx {height: 240px}
	#location .info_bx {padding-top: 19px;}
	#location .info_bx li {display: block; width: 100%; margin-right: 0; text-align: center; margin-bottom: 26px;}
	#location .info_bx li::before {height: 1px; width: 20px; margin-top: 0; top: auto; right: auto; left: 50%; margin-left: -10px; bottom: -14px;}
	


	/* 베트남결혼, 캄보다아결혼 - 일정안내 */
	#schedule .con_w::before {display: none;}
	#schedule .con_w .inner_bx {display: block; background-color: #fff; padding: 49px 0 45px;}
	#schedule .con_w .l_bx {width: 100%; text-align: center!important; padding: 0 0 37px;}
	#schedule .con_w .r_bx {width: 100%; padding: 0;}
	#schedule .con_w .r_bx::before {display: none;}
	#schedule .con_w .r_bx ul {width: 100%;}
	#schedule .con_w .r_bx ul li {padding-left: 0; text-align: center; display: block; margin-bottom: 25px;}
	#schedule .con_w .r_bx ul li .num {position: relative; left: auto; top: auto; margin: 0 auto 13px;}
	#schedule .con_w .r_bx ul li .num::before {display: none;}
	#schedule .con_w .r_bx ul li .txt_bx {padding: 0 10px;}
	#schedule .con_w .r_bx ul li .txt_bx p.dot {text-align: left; max-width: 250px; margin: 0 auto; box-sizing: border-box;}
	#schedule .con_w .r_bx ul li .txt_bx.type2 p {text-align: left;}
	#schedule .con_w .r_bx ul .btm_txt {padding: 0 20px; margin-top: 10px;}
	


	/* 베트남결혼, 캄보다아결혼 - 구비서류 */
	#document .con_w {display: block; padding: 30px 20px;}
	#document .con_w .l_bx {width: 100%; padding-left: 0;}
	#document .con_w .r_bx {width: 100%; padding-left: 30px;}
	#document .con_w .r_bx ul {padding-right: 0;}
	/*#document .con_bx .tb_bx {overflow-x: auto;}
	#document .con_bx .tb_bx table {min-width: 450px;}*/
	


	/* 베트남결혼, 캄보다아결혼 - 결혼비용 */
	#cost .con_bx table tr {display: block; position: relative; padding: 8px 77px 7px 10px;}
	#cost .con_bx table td {display: block; width: 100%!important; height: auto; padding: 0;}
	#cost .con_bx table td.cost {width: 77px!important; padding-right: 11px; position: absolute; right: 0px; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
	#cost .con_bx .all_bx .l_bx {width: 110px;}
	#cost .con_bx .all_bx .r_bx {width: calc(100% - 110px);}
	
	#cost.type2 .con_bx .l_bx  {width: 100%; margin-right: 0;}
	#cost.type2 .con_bx .r_bx  {width: 100%; margin-right: 0; margin-top: 50px;}
	#cost.type2 .con_bx .r_bx .top_bx .all {padding-left: 0; margin-top: 50px;}
	#cost.type2 .con_bx .r_bx .btm_bx {margin-top: 10px;}
	
	


	/* 한국어학당, 신부님들 기숙사 */
	.img_con1 .con_bx {display: block;}
	.img_con1 .con_bx .img_bx {width: 100%; min-height: auto; padding-bottom: 70%;}
	.img_con1 .con_bx .txt_bx {width: 100%; min-height: auto; padding: 17px 15px;}
	.img_con1 ul li:nth-child(n) {width: 100%; margin-right: 0;}
	
	
	
	/* 사후관리서비스 공통 */
	.service .con_bx .img_bx .img_w {width: 100%; margin-right: 0;}
	


	/* 사후관리 */
	#followUp .con_bx {padding: 40px 25px 36px;}
	#followUp .con_bx::before {display: none;}
	#followUp .con_bx::after {display: none;}
	#followUp .mid_bx {position: relative; transform: none; top: auto; left: auto; margin: 0 auto 24px;}
	#followUp .con_w {width: 100%; padding: 0; text-align: center!important; border-bottom: 1px solid #eee; margin-bottom: 14px; padding-bottom: 16px;}
	#followUp .con_w:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}



	/* 커플매니저모집 */
	#manager .con_bx {padding: 49px 15px 41px; background: url(../images/sub/manager_bg_m.jpg) no-repeat center; background-size: cover;}
	#manager .con_bx .ttl_bx {text-align: left;}
	#manager .con_bx .mid_bx {display: block; position: relative; padding: 0 0 45px;}
	#manager .con_bx .mid_bx::before {content: ''; width: 170px; height: 226px; position: absolute; bottom: 0; right: 0; background: url(../images/sub/manager_01_m.png) no-repeat center; background-size: 170px 226px; }
	#manager .con_bx .mid_bx .txt {display: block; text-align: left!important; margin-bottom: 5px; width: calc(100% - 170px); position: relative; z-index: 1; padding: 0;}
	#manager .con_bx .mid_bx .txt:last-child {margin-bottom: 0;}
	#manager .con_bx .mid_bx .img {display: none;}
	#manager .con_bx .info_bx {position: relative; z-index: 2; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none;}
	#manager .con_bx .info_bx .info_w {width: 100%; background-color: #fff; margin-bottom: 48px; border-radius: 5px; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); padding: 0 15px 27px;}
	#manager .con_bx .info_bx .info_w:last-child {margin-bottom: 0;}
}