@charset "utf-8";

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'Noto Sans KR', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Cinzel', serif;
*/

.en {font-family: 'Montserrat', sans-serif!important; letter-spacing: 0!important;}


/* header */
#header {position: fixed; width: 100%; box-sizing: border-box; z-index: 10000; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#header.type1 {padding-right: 80px;}
#header .h_inner {max-width: 1800px; width: calc(100% - 30px); box-sizing: border-box; margin: 0 auto;}
#header.type1 .h_inner {max-width: 1720px;}
#header .h_btm {border-bottom: 1px solid rgba(255,255,255,0.12); position: relative; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s;}
#header .h_btm .h_inner {text-align: center; display: flex; flex-flow: wrap;}
#header .logo {font-size: 0; width: 296px; height: 46px; position: relative; top: 27px; background: url(../images/common/logo.png) no-repeat center; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#header .h_btm .r_bx {position: relative; width: 202px; box-sizing: border-box; padding-top: 38px; text-align: right;}
#header .lang {display: inline-block; position: relative; cursor: pointer;}
#header .lang .on_t {line-height: 24px; padding-right: 17px; font-size: 14px; color: #fff; font-weight: 500; font-family: 'Montserrat', sans-serif; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#header .lang .on_t::before {content: ''; width: 7px; height: 5px; background: url(../images/icon/arrow13.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
/*#header .lang:hover .on_t::before {transform: rotate(180deg);}*/
#header .lang ul {position: absolute; width: 70px; top: 34px; left: 50%; margin-left: -35px; background-color: #f3f3f3; visibility: hidden; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#header .lang:hover ul {z-index: 1; visibility: visible; opacity: 1; top: 24px;}
#header .lang ul li {text-align: center; margin-bottom: 5px;}
#header .lang ul li:first-child {padding-top: 10px;}
#header .lang ul li:last-child {margin-bottom: 0; padding-bottom: 10px;}
#header .lang ul li a {font-family: 'Montserrat', sans-serif; font-size: 14px; display: block; line-height: 20px; color: #333; font-weight: 500;}
#header .menu_btn {width: 46px; height: 24px; display: inline-block; vertical-align: middle; position: relative; z-index: 11; cursor: pointer; margin-left: 32px;}
#header .menu_btn span {width: 100%; position: absolute; height: 2px; left: 0; background-color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#header .menu_btn span:nth-child(1) {top: 0;}
#header .menu_btn.on span:nth-child(1) {top: 50%; margin-top: -1px; transform: rotate(135deg);}
#header .menu_btn span:nth-child(2) {top: 11px;}
#header .menu_btn.on span:nth-child(2) {opacity: 0;}
#header .menu_btn span:nth-child(3) {bottom: 0;}
#header .menu_btn.on span:nth-child(3) {bottom: auto; top: 50%; margin-top: -1px; transform: rotate(-135deg);}

#header.scroll {background-color: #fff;}
#header.scroll .h_btm {border-color: #e4e4e4;}
#header.headOn .h_btm {border-color: #e4e4e4;}
#header.scroll .logo {background: url(../images/common/logo_on.png) no-repeat center;background-size:cover;}
#header.scroll .lang .on_t {color: #282828;}
#header.scroll .menu_btn span {background-color: #282828;}

#header .sm_bx {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background-color: #fff; display: none; box-sizing: border-box;}

#header.type2 .logo{ width:204px; background: url(../images/common/logo_revive.png) no-repeat center; }
#header.type2.scroll .logo{ background: url(../images/common/logo_revive_on.png) no-repeat center; }
#header.type2 .menu_bx{ width:calc(100% - 406px); }
#header.type3 .logo{ width:286px; background: url(../images/common/logo_divorce_new.png) no-repeat center; background-size:cover; }
#header.type3.scroll .logo{ background: url(../images/common/logo_divorce_new_on.png) no-repeat center;background-size:cover;}
#header.type3 .menu_bx{ width:calc(100% - 406px); }

#sub #header.type3{ background:#fff; }
#sub #header.type3 .logo{ background: url(../images/common/logo_divorce_new_on.png) no-repeat center; background-size:cover;}
#sub #header.type3 .h_btm{ border-color: #e4e4e4; }
#sub #header.type3 .menu_bx .dep1 > a{ color:#282828; }
#sub #header.type3 .lang .on_t {color: #282828;}
#sub #header.type3 .menu_btn span {background-color: #282828;}

/* footer */
#footer {font-size: 0;}
#footer .f_inner {max-width: 1440px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; position: relative;}
#footer .top_bx {background-color: #ffffff; border-top: 1px solid #efeff4; padding: 32px 0 33px; text-align: left;}
#footer .top_bx .f_inner {display: flex; flex-flow: wrap; min-height: 34px;}
#footer .top_bx .l_bx {width: calc(100% - 220px); margin-right: 30px; box-sizing: border-box; padding-left: 115px; position: relative;}
#footer .top_bx .l_bx .ttl {display: inline-block; font-size: 20px; color: #282828; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; position: absolute; left: 0; top: 0; line-height: 34px; padding-right: 26px;}
#footer .top_bx .l_bx .ttl::before {content: ''; width: 1px; height: 18px; background-color: #d7d7d7; position: absolute; top: 50%; margin-top: -9px; right: 0;}
#footer .top_bx .l_bx p {font-size: 15px; color: #888888; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all;}
#footer .top_bx .l_bx p strong {display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 28px; color: #bf9d77; font-weight: 700; letter-spacing: 0; word-break: keep-all; vertical-align: sub; margin-right: 10px; display:block;}
#footer .top_bx .r_bx {width: 190px; box-sizing: border-box; text-align: right; position: relative; padding-left: 90px;}
#footer .top_bx .r_bx .ttl {display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 11px; color: #666666; font-weight: 500; text-transform: uppercase; line-height: 34px; position: absolute; left: 0; top: 0;}
#footer .top_bx .r_bx .sns_bx {display: inline-block;}
#footer .top_bx .r_bx .sns_bx li {display: inline-block; vertical-align: middle; margin-right: 24px;}
#footer .top_bx .r_bx .sns_bx li:last-child {margin-right: 0;}
#footer .top_bx .r_bx .sns_bx li a {display: block; height: 34px;}
#footer .top_bx .r_bx .sns_bx li.instagram a {width: 18px; background: url(../images/icon/instagram.png) no-repeat center;}
#footer .top_bx .r_bx .sns_bx li.youtube a {width: 20px; background: url(../images/icon/youtube.png) no-repeat center;}
#footer .top_bx .r_bx .sns_bx li.facebook a {width: 9px; background: url(../images/icon/facebook.png) no-repeat center;}
#footer .btm_bx {padding: 53px 0 60px; box-sizing: border-box; background-color: #171717; text-align: left;}
#footer .btm_bx .f_inner {padding-right: 250px;}
#footer .logo {position: absolute; right: 0; top: 7px;}
#footer .link_bx {padding-bottom: 17px;}
#footer .link_bx > li {display: inline-block; margin-right: 40px; position: relative;}
#footer .link_bx > li:last-child {margin-right: 0;}
#footer .link_bx > li::before {content: ''; width: 4px; height: 4px; background-color: #454545; border-radius: 50%; position: absolute; right: -24px; top: 50%; margin-top: -2px;}
#footer .link_bx > li:last-child::before {display: none;}
#footer .link_bx > li > a {display: block; font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; line-height: 30px; cursor: pointer;}
#footer .info_bx {max-width: 960px; margin-bottom: 38px;}
#footer .info_bx > li {display: inline-block; font-size: 14px; color: #ffffff; opacity: 0.4; letter-spacing: 0; word-break: keep-all; font-weight: 350; margin-right: 34px; margin-top: 13px;}
#footer .btm_txt {font-family: 'Montserrat', sans-serif; font-size: 13px; color: #ffffff; opacity: 0.2; word-break: keep-all;}



/* s_visual */
#s_visual {position: relative; box-sizing: border-box; z-index: 50;}
#s_visual .slogan { display:table; width:100%; table-layout:fixed; height: 560px; box-sizing:border-box; z-index: 1; overflow: hidden;}
#s_visual .slogan > .title_box{ display:table-cell; vertical-align:middle; position: relative; padding: 140px 20px 0;}
#s_visual .slogan > .title_box::before{ content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/common/v_bg.png) no-repeat top center; position: absolute; z-index: 1;}
#s_visual .slogan .title_box > .bg_img {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transform: scale(1.2);}
#s_visual .slogan .title_box > .bg_img.on {transform: scale(1);}
#s_visual .slogan > .title_box .ttl_w {position: relative; z-index: 1;}
#s_visual .slogan > .title_box .title {display:block; text-align: center; font-family:'Nanum Myeongjo', serif; font-size: 54px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}
#s_visual .slogan > .title_box .sub_tit {text-align: center; position: relative; margin-top: 17px;}
#s_visual .slogan > .title_box .sub_tit span {font-size: 18px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; line-height: 32px;}
#s_visual.s_visual_01 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_01.jpg') no-repeat center; background-size:cover;}
#s_visual.s_visual_02 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_02.jpg') no-repeat center; background-size:cover;}
#s_visual.s_visual_03 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_03.jpg') no-repeat center; background-size:cover;}
#s_visual.s_visual_05 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_05.jpg') no-repeat center; background-size:cover;}



/* 상담신청 */
#contact_pop {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100000; background-color: rgba(0,0,0,0.5); padding: 70px 0 40px; box-sizing: border-box; overflow-y: auto; display: none;}
#contact_pop .pop_w {max-width: 560px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box;}
#contact_pop .close_btn {width: 28px; height: 28px; background: url(../images/icon/close2.png) no-repeat center; margin: 0 0 20px auto; cursor: pointer; font-size: 0;}
#contact_pop .tab_bx {display: table; table-layout: fixed; width: 100%; border-radius: 20px 20px 0 0; overflow: hidden;}
#contact_pop .tab_bx li {display: table-cell; vertical-align: middle; background-color: #282828; height: 70px; font-size: 18px; color: #ffffff; letter-spacing: -0.05em; text-align: center; cursor: pointer;}
#contact_pop .tab_bx li.on {background-color: #f4c400; color: #111111;}
#contact_pop .con_bx {background-color: #fff; border-radius: 0 0 20px 20px; overflow: hidden;}
#contact_pop .con_bx .con_w {display: none; padding: 42px 40px 50px;}
#contact_pop .con_bx .con_w.on {display: block;}
#contact_pop .con_bx .ttl_bx {text-align: center; position: relative; padding: 0 0 29px; margin-bottom: 16px;}
#contact_pop .con_bx .ttl_bx::before {content: ''; width: 50%; height: 3px; background-color: #f4c400; position: absolute; bottom: 0; left: 0;}
#contact_pop .con_bx .ttl_bx::after {content: ''; width: 50%; height: 3px; background-color: #000000; position: absolute; bottom: 0; right: 0;}
#contact_pop .con_bx .ttl_bx strong {display: block; font-size: 30px; color: #282828; font-weight: 700; word-break: keep-all; font-family: 'Montserrat', sans-serif;}
#contact_pop .con_bx .ttl_bx p {font-size: 16px; color: #444444; letter-spacing: -0.05em; word-break: keep-all; line-height: 26px; margin-top: 9px;}
#contact_pop .con_bx .list_bx {text-align: left; margin-bottom: 23px;}
#contact_pop .con_bx .list_bx li {font-size: 14px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; text-indent: -16px; padding-left: 16px;}
#contact_pop .con_bx .list_bx li strong {text-indent: 0; padding-left: 0; font-weight: 400; color: #282828; display: inline-block; margin-right: 5px}
#contact_pop .con_bx .form_bx input[type=text] {font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; background-color: #f0f5f8; box-sizing: border-box; padding: 0 19px; outline: none; height: 54px; width: 100%; border: none; margin-bottom: 6px;}
#contact_pop .con_bx .form_bx input[type=text]::placeholder {color: #939da2;}
#contact_pop .con_bx .form_bx select {font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; background: url(../images/icon/arrow5.png) no-repeat right 20px center #f0f5f8; box-sizing: border-box; padding: 0 51px 0 19px; outline: none; height: 54px; width: 100%; border: none; margin-bottom: 6px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#contact_pop .con_bx .form_bx textarea {font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; background-color: #f0f5f8; box-sizing: border-box; padding: 14px 19px; outline: none; height: 120px; width: 100%; border: none; margin-bottom: 6px; resize: none;}
#contact_pop .con_bx .form_bx textarea::placeholder {color: #939da2;}
#contact_pop .con_bx .form_bx .f_w {display: flex; flex-flow: wrap;}
#contact_pop .con_bx .form_bx .f_w input[type=text] {width: calc(50% - 3px); margin-right: 6px;}
#contact_pop .con_bx .form_bx .f_w input[type=text]:nth-child(2n) {margin-right: 0;}
#contact_pop .con_bx .form_bx .chk_bx {text-align: left; padding-top: 10px;}
#contact_pop .con_bx .form_bx .chk_bx input[type=checkbox] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 24px; height: 24px; box-sizing: border-box; border: 2px solid #d0d5d9; background-color: #fff; border-radius: 3px; cursor: pointer;}
#contact_pop .con_bx .form_bx .chk_bx input[type=checkbox]:checked {background: url(../images/icon/chk1.png) no-repeat center #f4c400; border-color: #f4c400;}
#contact_pop .con_bx .form_bx .chk_bx label {display: inline-block; font-size: 16px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; cursor: pointer;}
#contact_pop .con_bx .form_bx .btn {display: block; width: 100%; line-height: 60px; border: 2px solid #f4c400; font-size: 18px; color: #333333; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; z-index: 1; position: relative; overflow: hidden; margin-top: 30px; background-color: #f4c400; text-align: center;}
#contact_pop .con_bx .form_bx .btn span {position: relative; z-index: 2;}




/* 퀵 */
#quick_bx .r_bx {width: 424px; box-sizing: border-box; background-color: #1f1f1f; overflow-x: auto; position: relative; height: 100%;}
#quick_bx .r_bx .con_bx {position: relative; height: 100%; display: table; width: 100%;}
#quick_bx .r_bx .con_w {width: 100%; padding: 50px 46px; display: table-cell; vertical-align: middle;}
#quick_bx .r_bx .top_txt {margin-bottom: 50px;}
#quick_bx .r_bx .top_txt strong {display: block; text-align: center; font-family: 'Cinzel', serif; font-size: 30px; color: #bf9d77; font-weight: 700; word-break: keep-all; margin-bottom: 10px;}
#quick_bx .r_bx .top_txt p {text-align: center; font-size: 15px; line-height: 24px; color: #949494; letter-spacing: -0.025em; word-break: keep-all;}
#quick_bx .r_bx .top_txt ul {border-top: 1px solid #6f5e4b; border-bottom: 1px solid #6f5e4b; margin-top: 32px; padding: 19px 0 20px}
#quick_bx .r_bx .top_txt ul li {font-size: 14px; line-height: 22px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; text-indent: -14px; padding-left: 14px; margin-bottom: 6px;}
#quick_bx .r_bx .top_txt ul li:last-child {margin-bottom: 0;}
#quick_bx .r_bx .form_bx input[type=text] {width: 100%; outline: none; box-sizing: border-box; height: 54px; padding: 0 20px; font-size: 15px; color: #fff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; background-color: #323232; border: none; margin-bottom: 8px;}
#quick_bx .r_bx .form_bx input::placeholder {color: rgba(255,255,255,0.3);}
#quick_bx .r_bx .form_bx select {width: 100%; outline: none; box-sizing: border-box; height: 54px; padding: 0 40px 0 20px; font-size: 15px; color: #fff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; border: none; margin-bottom: 8px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow16.png) no-repeat right 20px center #323232;}
#quick_bx .r_bx .form_bx textarea {width: 100%; outline: none; box-sizing: border-box; height: 150px; padding: 15px 20px; font-size: 15px; color: #fff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; background-color: #323232; border: none; margin-bottom: 8px; resize: none;}
#quick_bx .r_bx .form_bx textarea::placeholder {color: rgba(255,255,255,0.3);}
#quick_bx .r_bx .form_bx .txt {display: block; font-size: 13px; color: #616161; font-weight: 350; letter-spacing: -0.025em; word-break: keep-all; padding-top: 4px; margin-bottom: 8px;}
#quick_bx .r_bx .form_bx .chk_bx {margin-bottom: 20px;}
#quick_bx .r_bx .form_bx .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #575757; cursor: pointer;}
#quick_bx .r_bx .form_bx .chk_bx input:checked {border-color: #aa8964; background: url(../images/icon/chk1.png) no-repeat center #aa8964;}
#quick_bx .r_bx .form_bx .chk_bx label {font-size: 14px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; display: inline-block; cursor: pointer;}
#quick_bx .r_bx .form_bx .btn {display: block; width: 100%; text-align: center; background-color: #aa8964; font-size: 17px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all;}
#quick_bx .r_bx .form_bx .btn span {display: block; line-height: 64px;}

#q_pop_bx {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 13; background: rgba(0,0,0,0.5); display: none;}
#q_pop_bx .pop_w {display: table; width: 100%; height: 100%;}
#q_pop_bx .pop_c {display: table-cell; vertical-align: middle; padding: 50px 0;}
#q_pop_bx .pop_con_bx {max-width: 560px; width: calc(100% - 30px); margin: 0 auto; border-radius: 20px; overflow: hidden;}
#q_pop_bx .ttl_bx {padding: 24px 24px 42px; text-align: center; background-color: #0c0c0c;}
#q_pop_bx .ttl_bx .close_btn {margin: 0 0 0 auto; width: 19px; height: 19px; font-size: 0; background: url(../images/icon/close2.png) no-repeat center; cursor: pointer;}
#q_pop_bx .ttl_bx strong {display: block; font-family: 'Cinzel', serif; font-size: 32px; color: #bf9d77; font-weight: 700; word-break: keep-all;}
#q_pop_bx .ttl_bx p {font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; margin-top: 2px;}
#q_pop_bx .link_bx {background-color: #fff; text-align: center; padding: 36px 39px;}
#q_pop_bx .link_bx li {margin-bottom: 8px;}
#q_pop_bx .link_bx li:last-child {margin-bottom: 0;}
#q_pop_bx .link_bx li a {display: block; border: 1px solid #bf9d77; font-size: 18px; color: #282828; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; position: relative;}
#q_pop_bx .link_bx li a span {display: block; line-height: 68px; padding: 0 50px; background: url(../images/icon/link.png) no-repeat right 24px center; position: relative; z-index: 1;}
#q_pop_bx .link_bx li a span strong {font-weight: 500;}



/* 전자상거래 표준약관 */
.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;}




.pc_show2 {display: block!important;}
.m_show2 {display: none!important;}

/* PC */
@media all and (min-width:1025px){
	.pc_show{ display:block !important;}
	.pc_i_show{ display:inline-block !important;}
	.m_show{ display:none !important;}
	.m_i_show{ display:none !important;}
	
	/* header */
	#header .bg_bx {width: 100%; height: 100%; top: 0; left: 0; z-index: -1; position: fixed; background: rgba(9,9,9,0.4); display: none;}
	#header .h_top {background-color: #0c0c0c; padding: 4px 0 6px; position: relative; display: block!important;}
	#header .h_top ul {font-size: 0; display: inline-block;}
	#header .h_top .r_bx {float: right;}
	#header .h_top ul > li {display: inline-block; margin-right: 24px; position: relative; font-size: 12px; line-height: 30px; color: #888; letter-spacing: -0.05em; word-break: keep-all;}
	#header .h_top ul > li.en {text-transform: uppercase;}
	#header .h_top ul > li:last-child {margin-right: 0;}
	#header .h_top ul > li::before {content: ''; width: 1px; height: 9px; background-color: #2e2e2e; position: absolute; right: -13px; top: 50%; margin-top: -4px;}
	#header .h_top ul > li:last-child::before {display: none;}
	#header .h_top ul > li > a {font-size: 12px; line-height: 30px; color: #888; letter-spacing: -0.05em; word-break: keep-all; display: block;}
	#header .h_top ul > li > a.en {text-transform: uppercase;}
	#header .h_top ul > li > a.col2 {color: #ffffff;}
	#header .h_top ul > li > a:hover {text-decoration: underline;}
	#header .h_btm {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}

	#header .lang ul li a:hover {text-decoration: underline;} 
	
	#header .menu_btn.on span {background-color: #fff!important;}
	
	#header .menu_bx {width: calc(100% - 498px);}
	#header .menu_bx .dep1_wrap {font-size: 0; display: inline-block; vertical-align: top;}
	#header .menu_bx .dep1 {display: inline-block; /*position: relative;*/ margin: 0 16px; vertical-align: top;}
	#header .menu_bx .dep1 > a {display: block; font-size: 18px; color: #fff; line-height: 100px; padding: 0 22px; position: relative; letter-spacing: -0.05em; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#header .menu_bx .dep1 > a::before {content: ''; width: 0; height: 2px; background-color: #f4c400; position: absolute; left: 50%; bottom: -1px; z-index: 1; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header .menu_bx .dep1:hover > a::before {width: 100%;}
	#header .menu_bx .dep1.on > a::before {width: 100%;}
	/*#header .menu_bx .dep2_wrap {position: absolute; text-align: center; background-color: #ffc000; left: 50%; width: calc(100% - 30px); top: 90px; max-width: 1600px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}*/
	#header .menu_bx .dep2_wrap {position: absolute; text-align: center; background-color: #f3f3f3; left: 0%; width: calc(100%); top: 101px; display: none;}
	#header .menu_bx .dep03 .dep2_wrap {display: none!important;}
	#header .menu_bx .dep04 .dep2_wrap {display: none!important;}
	/*#header .menu_bx .dep1:hover .dep2_wrap {visibility: visible; opacity: 1; z-index: 1;}*/
	#header .menu_bx .dep2_wrap > li {display: inline-block; margin: 0 14px;}
	#header .menu_bx .dep2_wrap > li > a {font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; display: inline-block; line-height: 80px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; position: relative; padding: 0 10px;}
	#header .menu_bx .dep2_wrap > li > a::before {content: ''; width: 0%; height: 2px; background-color: #111; position: absolute; bottom: 0; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;}
	#header .menu_bx .dep2_wrap > li > a:hover {color: #282828;}
	
	#header .h_btm.pcOn, #header.headOn .h_btm {background-color: #fff;}
	#header .h_btm.pcOn .h_btm, #header.headOn .h_btm .h_btm {border-color: #e4e4e4;}
	#header .h_btm.pcOn .logo, #header.headOn .h_btm .logo {background: url(../images/common/logo_on.png) no-repeat center;}
	#header .h_btm.pcOn .lang .on_t, #header.headOn .h_btm .lang .on_t {color: #282828;}
	#header .h_btm.pcOn .menu_btn span, #header.headOn .h_btm .menu_btn span {background-color: #282828;}
	
	#header .h_btm.pcOn .menu_bx .dep1 > a, #header.scroll .menu_bx .dep1 > a, #header.headOn .h_btm .menu_bx .dep1 > a {color: #282828;}
	
	#header.type2 .h_btm.pcOn .logo, #header.type2.headOn .h_btm .logo{ background: url(../images/common/logo_revive_on.png) no-repeat center; }
	#header.type3 .h_btm.pcOn .logo, #header.type3.headOn .h_btm .logo{ background: url(../images/common/logo_divorce_new_on.png) no-repeat center; }
	
	/* 사이트맵 */
	#header .sm_bx {background: url(../images/common/sitemap_bg.jpg) no-repeat center; background-size: cover; overflow-y: auto;}
	#header .sm_bx .sm_w {display: table; table-layout: fixed; width: 100%; height: 100%; box-sizing: border-box; padding: 140px 0;}
	#header .sm_bx .sm_inner {display: table-cell; height: 100%; vertical-align: middle;}
	#header .sm_bx .dep1_wrap {max-width: 1200px; margin: 0 auto; width: calc(100% - 30px); box-sizing: border-box; display: table; table-layout: fixed;}
	#header .sm_bx .dep1 {display: table-cell; vertical-align: top; text-align: center;}
	#header .sm_bx .dep1 > a {font-size: 30px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; display: inline-block; cursor: pointer;}
	#header .sm_bx .dep2_wrap {display: block!important; height: auto!important; position: relative; padding: 34px 0 0!important; margin: 21px 0 0!important;}
	#header .sm_bx .dep2_wrap::before {content: ''; width: 36px;height: 3px; background-color: #f4c400; position: absolute; top: 0; left: 50%; margin-left: -18px;}
	#header .sm_bx .dep2_wrap > li {margin-bottom: 25px;}
	#header .sm_bx .dep2_wrap > li:last-child {margin-bottom: 0px;}
	#header .sm_bx .dep2_wrap > li > a {display: inline-block; font-size: 17px; color: #7a7c7e; letter-spacing: -0.05em; word-break: keep-all; line-height: 21px; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header .sm_bx .dep2_wrap > li > a:hover {border-color: #fff; color: #fff;}
	
	#header.type2 .sm_bx {display: none!important;}
	


	/* s_visual */
	#s_visual .tab_box {text-align: center; border-bottom: 1px solid #e4e4e4;}
	#s_visual .tab_box .dep2_wrap {font-size: 0; display: block!important; height: auto!important;}
	#s_visual .tab_box .dep2_wrap > li {display: inline-block; padding: 0 11px; position: relative;}
	#s_visual .tab_box .dep2_wrap > li::before {content: ''; width: 4px; height: 4px; background-color: #d9d9d9; border-radius: 50%; position: absolute; right: -2px; top: 50%; margin-top: -2px;}
	#s_visual .tab_box .dep2_wrap > li:last-child::before {display: none;}
	#s_visual .tab_box .dep2_wrap > li > a {display: block; font-size: 17px; color: #777777; letter-spacing: -0.05em; word-break: keep-all; padding: 0 20px; line-height: 80px; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#s_visual .tab_box .dep2_wrap > li > a:hover {color: #282828;}
	#s_visual .tab_box .dep2_wrap > li.on > a {color: #282828;}
	#s_visual .tab_box .dep2_wrap > li.on > a::before {content: ''; width: 100%; height: 2px; background-color: #f4c400; position: absolute; bottom: -1px; left: 0;}
	
	
	
	/* 상담신청 */
	#contact_pop .con_bx .form_bx .btn::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: #fff; transform-origin: 0 0; transform: translateX(0) translateY(10%) rotate(-45deg); transition: transform .8s;}
	#contact_pop .con_bx .form_bx .btn:hover::before {transform:translateY(10%) translateX(80%) rotate(-45deg);}
	


	/* 상담신청(하단 퀵) */
	#contact_q {height: 100px;}
	#contact_q .q_w {position: fixed; width: 100%; box-sizing: border-box; bottom: 0; left: 0; background-color: #111111; height: 100px; z-index: 1000;}
	#contact_q .inner_bx {max-width: 1352px; width: calc(100% - 30px); margin: 0 auto!important; box-sizing: border-box; display: flex!important; flex-flow: wrap; height: auto!important; padding: 0!important;}
	#contact_q .link_bx {width: 34.32%; font-size: 0; display:flex; justify-content:left; align-items:center; table-layout:fixed; height: 100px;}
	#contact_q .link_bx li {display: inline-block; margin: 3px 23px 3px 0;}
	#contact_q .link_bx li:last-child {margin-right: 0;}
	#contact_q .link_bx li a {display: block; font-size: 16px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; padding-left: 35px; line-height: 26px;}
	#contact_q .link_bx li a.tel {background: url(../images/icon/tel.png) no-repeat left center;}
	#contact_q .link_bx li a.kakao {background: url(../images/icon/kakao.png) no-repeat left center;}
	#contact_q .link_bx li a.chat {background: url(../images/icon/chat.png) no-repeat left center;}
	#contact_q .form_bx {width: 65.68%; height: 100px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
	#contact_q .form_bx form {width: 100%;}
	#contact_q .f_w {display: flex; flex-flow: wrap;}
	#contact_q .ip_bx {display: flex; flex-flow: wrap; width: calc(100% - 340px);}
	#contact_q .ip_bx input[type=text] {width: calc(33.333% - 2.666px); margin-right: 4px; box-sizing: border-box; height: 42px; border: 1px solid #414141; border-radius: 3px; background-color: #171717; font-size: 14px; color: #ffffff; letter-spacing: -0.05em; outline: none; padding: 0 15px; font-weight: 350;}
	#contact_q .ip_bx input[type=text]::placeholder {color: #414141;}
	#contact_q .ip_bx select {width: calc(33.333% - 2.666px); box-sizing: border-box; height: 42px; border: 1px solid #414141; border-radius: 3px; background-color: #171717; font-size: 14px; color: #414141; letter-spacing: -0.05em; outline: none; padding: 0 28px 0 15px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow8.png) no-repeat right 10px center #171717; background-size: 10px auto; font-weight: 350;}
	#contact_q .ip_bx select option {color: #fff;}
	#contact_q .chk_bx {width: 220px; box-sizing: border-box; padding: 12px 0 0 14px;}
	#contact_q .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; background-color: #fff; border-radius: 2px; border: 1px solid #fff; box-sizing: border-box; cursor: pointer;}
	#contact_q .chk_bx input:checked {background: url(../images/icon/chk1.png) no-repeat center #f4c400; background-size: 12px auto; border-color: #f4c400;}
	#contact_q .chk_bx label {font-size: 14px; color: #dcdcdc; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; cursor: pointer; display: inline-block; line-height: 18px;}
	#contact_q .btn {width: 120px; box-sizing: border-box; line-height: 42px; text-align: center; background-color: #f4c400; border-radius: 3px; font-size: 16px; color: #000000; font-weight: 500; letter-spacing: -0.05em;}
	


	/* 퀵(왼쪽) */
	#l_quick {position: fixed; top: 50%; left: 0; z-index: 9;}
	#l_quick .q_w {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
	#l_quick .q_w ul li a {display: block; position: relative;}
	#l_quick .q_w ul li a em {font-style: normal; font-size: 20px; color: #111111; font-weight: 600; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; height: 60px; width: 60px; background-color: #eef2f5; font-family: 'Noto Serif KR', serif;}
	#l_quick .q_w ul li a p {position: absolute; box-sizing: border-box; width: 190px; left: 60px; top: 0; background-color: #eef2f5; line-height: 60px; font-size: 15px; color: #282828; letter-spacing: -0.05em; word-break: keep-all;}
	#l_quick .q_w ul li a p::before {content: ''; width: 1px; height: 24px; background-color: #d3d8dc; position: absolute; left: 0; top: 50%; margin-top: -12px;}
	#l_quick .q_w ul li a p span {display: inline-block; position: relative; padding-right: 17px;}
	#l_quick .q_w ul li a p span::before {content: ''; width: 6px; height: 9px; background: url(../images/icon/arrow9.png) no-repeat center; position: absolute; right: 15px; top: 50%; margin-top: -4px;}
	#l_quick .q_w .btn {width: 60px; height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed; cursor: pointer; font-size: 14px; line-height: 16px; color: #111111; font-weight: 500; letter-spacing: -0.05em;}
	#l_quick .q_w .btn.contact_btn {background-color: #f4c400;}
	#l_quick .q_w .btn.sns_btn {background-color: #021421; color: #fff; font-family: 'Montserrat', sans-serif; letter-spacing: 0; font-size: 13px; font-weight: 600;}
	#l_quick .q_w .btn.top_btn {background: url(../images/icon/top_btn.png) no-repeat center #000000; font-size: 0;}
	
	#l_quick .q_w ul li a p {width: 0px; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;}
	#l_quick .q_w ul li a p span {width: 140px; display: block; padding-left: 24px;}
	#l_quick .q_w ul li a:hover p {width: 190px;}
	#l_quick .q_w ul li a p span::before {-webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s;}
	#l_quick .q_w ul li a p:hover span::before {right: 8px;}
	
	
	
	/* 퀵 */
	#quick_bx {position: fixed; right: 0; bottom: 0; height: 100%; display: flex; flex-flow: wrap; width: 504px; box-sizing: border-box; right: -424px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s;}
	#quick_bx.on {right: 0;}
	#quick_bx .l_bx {width: 80px; box-sizing: border-box; background-color: #0c0c0c; position: relative;}
	#quick_bx .l_bx .f_btn {position: absolute; width: 100%; height: calc(100% - 490px); left: 0; top: 0; background: url(../images/common/q_bg.png) no-repeat center; background-size: cover; cursor: pointer; text-align: center; padding: 30px 0; box-sizing: border-box;}
	#quick_bx .l_bx .f_btn::before {content: ''; width: 32px; height: 32px; background: url(../images/icon/arrow15.png) no-repeat center #8c6e50; position: absolute; bottom: 30px; left: 50%; margin-left: -16px; border-radius: 50%; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; transform: rotate(180deg);}
	#quick_bx.on .l_bx .f_btn::before {transform: rotate(0deg);}
	#quick_bx .l_bx .f_btn strong {font-family: 'Cinzel', serif; writing-mode: vertical-rl; white-space: nowrap; text-transform: uppercase; font-size: 18px; color: #151515; font-weight: 700;}
	#quick_bx .l_bx .q_btn {position: absolute; width: 100%; left: 0; bottom: 0; box-sizing: border-box; padding-top: 10px; height: 490px;}
	#quick_bx .l_bx .q_btn ul li {height: 80px; position: relative; width: 80px; font-size: 0;}
	#quick_bx .l_bx .q_btn ul li a {display: block; position: absolute; width: 80px; right: 0; top: 0; background-color: #0c0c0c; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; overflow: hidden; height: 80px;}
	#quick_bx .l_bx .q_btn ul li a em {display: inline-block; width: 80px; height: 80px; font-style: normal; line-height: 80px; text-align: center; font-family: 'Cinzel', serif; font-size: 22px; color: #ffffff; font-weight: 700; vertical-align: top;}
	#quick_bx .l_bx .q_btn ul li a p {display: inline-block; width: 0px; text-align: right; padding-right: 28px; box-sizing: border-box; position: relative; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; overflow: hidden; vertical-align: top;}
	#quick_bx .l_bx .q_btn ul li a p::before {content: ''; width: 1px; height: 24px; background-color: #282929; position: absolute; left: 0; top: 50%; margin-top: -12px;}
	#quick_bx .l_bx .q_btn ul li a p span {display: inline-block; line-height: 80px; font-size: 16px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; padding-right: 50px; position: relative; box-sizing: border-box; width: 210px;}
	#quick_bx .l_bx .q_btn ul li a p span::before {content: ''; width: 8px; height: 13px; background: url(../images/icon/arrow14.png) no-repeat center; position: absolute; right: 28px; top: 50%; margin-top: -6px;}
	#quick_bx .l_bx .q_btn .naver {display: block; width: 80px; height: 80px; box-sizing: border-box; background: url(../images/icon/naver.png) no-repeat center; font-size: 0; cursor: pointer;}
	#quick_bx .l_bx .q_btn .kakao {display: block; width: 80px; height: 80px; box-sizing: border-box; background: url(../images/icon/kakao2.png) no-repeat center; font-size: 0; cursor: pointer;}
	#quick_bx .l_bx .q_btn .top_btn {display: block; width: 80px; height: 80px; box-sizing: border-box; background: url(../images/icon/top_btn.png) no-repeat center; font-size: 0; cursor: pointer;}
	#quick_bx .l_bx .q_btn ul li a:hover {width: 290px;}
	#quick_bx .l_bx .q_btn ul li a:hover p {width: 210px;}
	
	#q_pop_bx .link_bx li a::before {content: ''; position: absolute; top: 0; left: -60px; width: 200%; height: 1000%; z-index: 1; background: #bf9d77; transform-origin: 0 0; transform: translateY(10%) translateX(90%) rotate(-45deg); transition: transform .6s;}
	#q_pop_bx .link_bx li a:hover::before {transform: translateX(-1%) translateY(10%) rotate(-45deg);}
}

@media all and (max-width:1440px){
	#header .menu_bx .dep1 {margin: 0 5px;}
	#header .menu_bx .dep1 > a {padding: 0 9px;}
	#header.type2 .menu_bx {width: calc(100% - 280px);}
	#header.type2 .h_btm .r_bx {width: 76px;}
}
/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){	
	.pc_show{ display:none !important;}
	.pc_i_show{ display:none !important;}
	.m_show{ display:block !important;}
	.m_i_show{ display:inline-block !important;}

	
	/* header */
	#header.type1 {padding-right: 0}
	/*#header .h_top {padding: 5px 0 6px; z-index: 11;}
	#header .h_top ul > li {margin-right: 15px; font-size: 11px; line-height: 20px;}
	#header .h_top ul > li::before {height: 8px; right: -8px; margin-top: -4px;}
	#header .h_top ul > li > a {font-size: 11px; line-height: 20px;}*/
	/*#header .h_top {position: fixed; width: 100%; top: 0; z-index: 11; top: 45px; display: none;}
	#header .h_top .h_inner {width: 100%; padding: 23px 40px 17px;}
	#header .h_top .l_bx {display: flex; flex-flow: wrap; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;}
	#header .h_top .l_bx li {width: 50%; box-sizing: border-box; text-align: center; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
	#header .h_top .l_bx li a {display: block; line-height: 31px; background-color: #f6f6f6; font-size: 11px; color: #666666; letter-spacing: -0.05em;}*/
	#header .h_top .l_bx {display: none;}
	#header .h_top .r_bx {display: none;}
	
	
	#header .h_btm .h_inner {display: block; text-align: left; padding: 11px 0 0; height: 44px;}
	#header .logo {display: inline-block; width: 180px; height: 28px; background-size: cover; top:auto; vertical-align: middle; z-index: 11;}
	#header .h_btm .r_bx {padding-top: 0; float: right; display: inline-block; width: auto!important;}
	#header .lang {z-index: 11;}
	#header .lang .on_t {padding-right: 12px; font-size: 11px; line-height: 23px;}
	#header .lang ul {top: 33px; width: 50px; margin-left: -25px;}
	#header .lang:hover ul {z-index: 1; visibility: visible; opacity: 1; top: 23px;}
	#header .lang ul li {margin-bottom: 3px;}
	#header .lang ul li:first-child {padding-top: 5px;}
	#header .lang ul li:last-child {padding-bottom: 5px;}
	#header .lang ul li a {font-size: 11px; line-height: 18px;}
	#header .menu_btn {width: 26px; height: 18px; margin-left: 20px; display: inline-block!important;}
	#header .menu_btn span:nth-child(2) {top: 8px;}
	
	#header.mOn .logo, #header.headOn .logo {background: url(../images/common/logo_on.png) no-repeat center;}
	#header.mOn .logo, #header.headOn .logo {width: 180px; height: 28px; background-size: cover!important; top:auto; vertical-align: middle; z-index: 11;}
	#header.mOn .lang .on_t, #header.headOn .lang .on_t {color: #282828;}
	#header.mOn .menu_btn span, #header.headOn .menu_btn span {background-color: #282828;}
	
	#header .menu_bx {display: none!important;}
	
	#header.type2 .logo{ width:102px; }
	#header.type3 .logo{ width:180px; }
		
	
	/* 사이트맵 */
	#header .sm_bx {padding-top: 45px;}
	#header .sm_bx::before {content: ''; width: 100%; height: 1px; background-color: #e4e4e4; position: absolute; left: 0; top: 45px;}
	#header .sm_bx .sm_w {position: fixed; width: 100%; height: calc(100% - 45px); left: 0; top: 45px; box-sizing: border-box; overflow-y: auto;}
	#header .sm_bx .dep1_wrap {padding: 0 40px 40px;}
	#header .sm_bx .dep1 {border-bottom: 1px solid #e4e4e4;}
	#header .sm_bx .dep1 > a {display: block; position: relative; display:flex; justify-content:left; align-items:center; table-layout:fixed; font-size: 21px; color: #282828; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; height: 55px; padding: 0 5px;}
	#header .sm_bx .dep1 > a::before {content: ''; width: 17px; height: 10px; background: url(../images/icon/arrow10.png) no-repeat center; position: absolute; right: 5px; top: 50%; margin-top: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#header .sm_bx .dep1.a_none > a::before {display: none!important;}
	#header .sm_bx .dep1.sOn > a::before {transform: rotate(180deg); background: url(../images/icon/arrow11.png) no-repeat center;}
	#header .sm_bx .dep2_wrap {border-top: 1px solid #e4e4e4; padding: 0 8px; display: none;}
	#header .sm_bx .dep03 .dep2_wrap {display: none!important;}
	#header .sm_bx .dep04 .dep2_wrap {display: none!important;}
	#header .sm_bx .dep2_wrap > li {margin-bottom: 5px;}
	#header .sm_bx .dep2_wrap > li:first-child {padding-top: 16px;}
	#header .sm_bx .dep2_wrap > li:last-child {padding-bottom: 23px; margin-bottom: 0;}
	#header .sm_bx .dep2_wrap > li > a {display: block; padding-left: 8px; position: relative; font-size: 13px; color: #777777; line-height: 23px; letter-spacing: -0.05em; word-break: keep-all;}
	#header .sm_bx .dep2_wrap > li > a::before {content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #d1d1d1; position: absolute; left: 0; top: 11px;}
	/*#header .sm_bx .dep1 {text-align: center;}
	#header .sm_bx .dep1 > a {height: 50px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 24px; color: #282828; letter-spacing: -0.05em; word-break: keep-all; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;}
	#header .sm_bx .dep1.on > a {height: 82px;}
	#header .sm_bx .dep2_wrap {background-color: #ffc000; display: none;}
	#header .sm_bx .dep2_wrap > li {margin-bottom: 9px;}
	#header .sm_bx .dep2_wrap > li:first-child {padding-top: 19px;}
	#header .sm_bx .dep2_wrap > li:last-child {margin-bottom: 0; padding-bottom: 20px;}
	#header .sm_bx .dep2_wrap > li > a {font-size: 16px; color: #282828; letter-spacing: -0.05em; word-break: keep-all; line-height: 25px; display: block;}
	#header .sm_bx .dep2_wrap > li > a span {font-family: 'Montserrat', sans-serif; letter-spacing: 0; font-size: 14px; color: #282828;}*/
	
	#header .sm_bx .m_top {width: 100%; padding: 23px 40px 17px; box-sizing: border-box;}
	#header .sm_bx .m_top ul {display: flex; flex-flow: wrap; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;}
	#header .sm_bx .m_top ul li {width: 50%; box-sizing: border-box; text-align: center; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
	#header .sm_bx .m_top ul li a {display: block; line-height: 31px; background-color: #f6f6f6; font-size: 11px; color: #666666; letter-spacing: -0.05em;}
	
	
	
	/* footer */
	#footer {padding-bottom: 45px;}
	#footer.indexNum_02 {padding-bottom: 45px;}
	#footer.indexNum_03{ padding-bottom:45px; }
	#footer .top_bx {padding: 15px 0 14px;}
	#footer .top_bx .f_inner {min-height: 22px;}
	#footer .top_bx .l_bx {padding-left: 78px; width: calc(100% - 187px);}
	#footer .top_bx .l_bx .ttl {font-size: 14px; padding-right: 16px; line-height: 22px;}
	#footer .top_bx .l_bx .ttl::before {height: 12px; margin-top: -6px;}
	#footer .top_bx .l_bx p {font-size: 12px;}
	#footer .top_bx .l_bx p strong {font-size: 18px; margin-right: 10px;}
	#footer .top_bx .r_bx {padding-left: 85px; width: 157px;}
	#footer .top_bx .r_bx .ttl {font-size: 11px; line-height: 22px;}
	#footer .top_bx .r_bx .sns_bx li {margin-right: 16px;}
	#footer .top_bx .r_bx .sns_bx li a {height: 22px;}
	#footer .top_bx .r_bx .sns_bx li.instagram a {width: 14px; background-size: 14px auto;}
	#footer .top_bx .r_bx .sns_bx li.youtube a {width: 16px; background-size: 16px auto;}
	#footer .top_bx .r_bx .sns_bx li.facebook a {font-weight: 7px; background-size: 7px auto;}
	
	#footer .btm_bx {padding: 28px 0 35px;}
	#footer .btm_bx .f_inner {padding-right: 190px;}
	#footer .link_bx {padding-bottom: 13px;}
	#footer .link_bx > li {margin-right: 20px;}
	#footer .link_bx > li::before {right: -12px; width: 3px; height: 3px; margin-top: -1px;}
	#footer .link_bx > li > a {font-size: 12px; line-height: 24px;}
	#footer .info_bx {margin-bottom: 13px;}
	#footer .info_bx li {font-size: 11px; line-height: 22px; margin-top: 0; margin-right: 20px;}
	#footer .btm_txt {font-size: 10px;}
	#footer .logo {max-width: 92px; width: 100%; top: 40px;}
	
	

	/* s_visual */
	#s_visual .slogan {height: 295px;}
	#s_visual .slogan > .title_box {padding: 45px 15px 0;}
	#s_visual .slogan > .title_box::before {background-size: 100% auto;}
	#s_visual .slogan > .title_box .title {font-size: 29px;}
	#s_visual .slogan > .title_box .sub_tit {margin-top: 11px;}
	#s_visual .slogan > .title_box .sub_tit span {font-size: 13px; line-height: 21px;}
	#s_visual .tab_box {position: relative;}
	#s_visual .tab_box .on_txt {text-align: center; position: relative; min-height: 40px; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; display:flex!important; justify-content:center; align-items:center; table-layout:fixed; font-size: 13px; color: #282828; letter-spacing: -0.05em; word-break: keep-all; padding: 5px 15px; cursor: pointer;}
	#s_visual .tab_box .on_txt::before {content: ''; width: 9px; height: 5px; background: url(../images/icon/arrow5.png) no-repeat center; background-size: 9px 5px; position: absolute; right: 15px; top: 50%; margin-top: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#s_visual .tab_box .on_txt.on::before {transform: rotate(180deg);}
	#s_visual .tab_box .dep2_wrap {position: absolute; width: 100%; box-sizing: border-box; background-color: #ffc000; top: 40px; left: 0; text-align: center; display: none; z-index: 1;}
	#s_visual .tab_box .dep2_wrap > li {padding: 0 15px; margin-bottom: 5px;}
	#s_visual .tab_box .dep2_wrap > li:first-child {padding-top: 10px;}
	#s_visual .tab_box .dep2_wrap > li:last-child {padding-bottom: 10px; margin-bottom: 0;}
	#s_visual .tab_box .dep2_wrap > li > a {display: block; font-size: 12px; color: #282828; letter-spacing: -0.05em; word-break: keep-all; line-height: 20px;}


	/* 상담신청 */
	#contact_pop { padding: 50px 0; }
	#contact_pop .close_btn {width: 16px; height: 16px; background-size:cover; margin: 0 0 15px auto; }
	#contact_pop .tab_bx { border-radius: 10px 10px 0 0; }
	#contact_pop .tab_bx li { height: 35px; font-size: 13px; }
	#contact_pop .con_bx { border-radius: 0 0 10px 10px; }
	#contact_pop .con_bx .con_w { padding: 25px 20px 30px;}
	#contact_pop .con_bx .ttl_bx { padding: 0 0 18px; margin-bottom: 11px;}
	#contact_pop .con_bx .ttl_bx::before { height: 2px; }
	#contact_pop .con_bx .ttl_bx::after { height: 2px; }
	#contact_pop .con_bx .ttl_bx strong { font-size: 19px; }
	#contact_pop .con_bx .ttl_bx p {font-size: 12px; line-height: 20px; margin-top:5px;}
	#contact_pop .con_bx .list_bx { margin-bottom: 18px;}
	#contact_pop .con_bx .list_bx li { margin-bottom:3px; font-size: 11px; line-height: 18px; text-indent: -12px; padding-left: 12px;}
	#contact_pop .con_bx .list_bx li:last-child{ margin-bottom:0; }
	#contact_pop .con_bx .list_bx li strong { margin-right: 4px}
	#contact_pop .con_bx .form_bx input[type=text] {font-size: 12px; padding: 0 11px; height: 30px; margin-bottom: 6px;}
	#contact_pop .con_bx .form_bx select {font-size: 12px; background: url(../images/icon/arrow5.png) no-repeat right 10px center #f0f5f8; background-size:6px auto; padding: 0 52px 0 10px; height: 30px;  margin-bottom: 6px; }
	#contact_pop .con_bx .form_bx textarea {font-size: 12px; padding: 5px 11px; height: 80px; margin-bottom: 6px; }
	
	#contact_pop .con_bx .form_bx .f_w input[type=text] {width: calc(50% - 3px); margin-right: 6px;}
	#contact_pop .con_bx .form_bx .chk_bx { padding-top: 3px;}
	#contact_pop .con_bx .form_bx .chk_bx input[type=checkbox] { width: 16px; height: 16px; border: 1px solid #d0d5d9; border-radius: 2px; }
	#contact_pop .con_bx .form_bx .chk_bx input[type=checkbox]:checked {background-size:7px auto; }
	#contact_pop .con_bx .form_bx .chk_bx label { font-size: 12px; }
	#contact_pop .con_bx .form_bx .btn { line-height: 38px; border: 1px solid #f4c400; font-size: 13px; margin-top: 20px; background:#fff; }
	
	
	
	/* 상담신청(하단 퀵) */
	#contact_q {position: relative; z-index: 100;}
	#contact_q .q_btn {position: fixed; width: 100%; left: 0; bottom: 0; background: url(../images/common/q_bg_m.png) no-repeat center; background-size: cover; padding: 0 15px; box-sizing: border-box; cursor: pointer;}
	#contact_q .q_btn span {font-family: 'Cinzel', serif; font-size: 13px; color: #151515; font-weight: 700; line-height: 45px; display: block; position: relative;}
	#contact_q .q_btn span::before {content: ''; width: 21px; height: 21px; border-radius: 50%; background: url(../images/icon/arrow8.png) no-repeat center #8c6e50; background-size: 8px 5px; position: absolute; right: 0px; top: 50%; margin-top: -10px; transform: rotate(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#contact_q .q_btn.on span::before {transform: rotate(0deg);}
	#contact_q .q_w {position: fixed; width: 100%; left: 0; bottom: 45px;}
	#contact_q .q_w .inner_bx {background-color: #111111; position: absolute; width: 100%; left: 0; bottom: 0; box-sizing: border-box; padding: 0 15px; display: none;}
	#contact_q .link_bx {font-size: 0; text-align: center; margin-bottom: 10px; padding-top: 15px;}
	#contact_q .link_bx li {display: inline-block; margin-right: 20px;}
	#contact_q .link_bx li:last-child {margin-right: 0;}
	#contact_q .link_bx li a {display: block; font-size: 11px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; padding-left: 25px; line-height: 26px; background-size: 17px auto!important;}
	#contact_q .link_bx li a.tel {background: url(../images/icon/tel.png) no-repeat left center;}
	#contact_q .link_bx li a.kakao {background: url(../images/icon/kakao.png) no-repeat left center;}
	#contact_q .link_bx li a.chat {background: url(../images/icon/chat.png) no-repeat left center;}
	#contact_q .form_bx {padding-bottom: 15px;}
	#contact_q .ip_bx {display: flex; flex-flow: wrap;}
	#contact_q .ip_bx input[type=text] {width: calc(33.333% - 3.333px); margin-right: 5px; height: 35px; box-sizing: border-box; border: 1px solid #414141; border-radius: 3px; background-color: #171717; font-size: 12px; color: #ffffff; letter-spacing: -0.05em; outline: none; padding: 0 15px; font-weight: 350;}
	#contact_q .ip_bx input[type=text]::placeholder {color: #414141;}
	#contact_q .ip_bx select {width: calc(33.333% - 6.666px); box-sizing: border-box; height: 35px; border: 1px solid #414141; border-radius: 3px; background-color: #171717; font-size: 12px; color: #414141; letter-spacing: -0.05em; outline: none; padding: 0 28px 0 15px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow8.png) no-repeat right 10px center #171717; background-size: 8px auto; font-weight: 350;}
	#contact_q .ip_bx select option {color: #fff;}
	#contact_q .chk_bx {margin-top: 5px;}
	#contact_q .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 13px; height: 13px; background-color: #fff; border-radius: 2px; border: 1px solid #fff; box-sizing: border-box; cursor: pointer;}
	#contact_q .chk_bx input:checked {background: url(../images/icon/chk1.png) no-repeat center #f4c400; background-size: 9px auto; border-color: #f4c400;}
	#contact_q .chk_bx label {font-size: 11px; color: #dcdcdc; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; display: inline-block; line-height: 13px;}
	#contact_q .btn {display: block; line-height: 35px; font-size: 12px; color: #000000; background-color: #f4c400; border-radius: 3px; margin-top: 15px; text-align: center; font-weight: 500; letter-spacing: -0.05em;}
	


	/* 퀵(왼쪽) */
	#l_quick {display: none!important;}
	
	
	
	/* 퀵 */
	#quick_bx {position: fixed; top: calc(100% - 45px); height: 100%; width: 100%; z-index: 12; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; transition: top 0.3s;}
	#quick_bx.on {top: 0;}
	#quick_bx .l_bx {height: 45px; background-color: #0c0c0c; display: flex; flex-flow: wrap;}
	#quick_bx .l_bx .f_btn {width: calc(100% - 90px); background: url(../images/common/q_bg_m.png) no-repeat center; background-size: cover; box-sizing: border-box; padding: 0 15px; display:flex; justify-content:left; align-items:center; table-layout:fixed; position: relative; cursor: pointer;}
	#quick_bx.on .l_bx .f_btn {width: 100%;}
	#quick_bx .l_bx .f_btn::before {content: ''; width: 21px; height: 21px; border-radius: 50%; background: url(../images/icon/arrow8.png) no-repeat center #8c6e50; background-size: 8px 5px; position: absolute; right: 15px; top: 50%; margin-top: -10px; transform: rotate(180deg);}
	#quick_bx.on .l_bx .f_btn::before {transform: rotate(0deg);}
	#quick_bx .l_bx .f_btn strong {font-family: 'Cinzel', serif; font-size: 13px; color: #151515; font-weight: 700;}
	#quick_bx .l_bx .q_btn {width: 90px; display: flex; flex-flow: wrap;}
	#quick_bx.on .l_bx .q_btn {display: none;}
	#quick_bx .l_bx .q_btn ul {display: none;}
	#quick_bx .l_bx .q_btn .top_btn {display: none;}
	#quick_bx .l_bx .q_btn a {width: 50%; height: 45px; font-size: 0;}
	#quick_bx .l_bx .q_btn a.naver {background: url(../images/icon/naver.png) no-repeat center; background-size: 16px auto;}
	#quick_bx .l_bx .q_btn a.kakao {background: url(../images/icon/kakao2.png) no-repeat center; background-size: 17px auto;}
	#quick_bx .r_bx {height: calc(100% - 45px); width: 100%;}
	#quick_bx .r_bx .con_bx {}
	#quick_bx .r_bx .con_w {padding: 45px;}
	#quick_bx .r_bx .top_txt {margin-bottom: 20px;}
	#quick_bx .r_bx .top_txt strong {font-size: 25px; margin-bottom: 8px;}
	#quick_bx .r_bx .top_txt p {font-size: 11px; line-height: 18px;}
	#quick_bx .r_bx .top_txt ul {margin-top: 19px; padding: 10px 0 12px;}
	#quick_bx .r_bx .top_txt ul li {margin-bottom: 6px; font-size: 10px; line-height: 17px; text-indent: -9px; padding-left: 9px;}
	#quick_bx .r_bx .form_bx input[type=text] {height: 34px; font-size: 11px; padding: 0 11px; margin-bottom: 4px;}
	#quick_bx .r_bx .form_bx select {height: 34px; font-size: 11px; padding: 0 29px 0 11px; margin-bottom: 4px; background-size: 8px auto; background-position: right 10px center;}
	#quick_bx .r_bx .form_bx textarea {height: 34px; font-size: 11px; padding: 7px 11px; margin-bottom: 4px; height: 90px;}
	#quick_bx .r_bx .form_bx .txt {padding-top: 2px; margin-bottom: 2px; font-size: 10px;}
	#quick_bx .r_bx .form_bx .chk_bx {margin-bottom: 15px;}
	#quick_bx .r_bx .form_bx .chk_bx input {width: 13px; height: 13px; background-size: 9px auto!important;}
	#quick_bx .r_bx .form_bx .chk_bx label {font-size: 11px; line-height: 13px;}
	#quick_bx .r_bx .form_bx .btn {font-size: 13px;}
	#quick_bx .r_bx .form_bx .btn span {line-height: 40px;}
	
	#q_pop_bx .pop_con_bx {border-radius: 10px; max-width: 420px;}
	#q_pop_bx .ttl_bx {padding: 12px 12px 25px;}
	#q_pop_bx .ttl_bx .close_btn {width: 11px; height: 11px; background-size: 11px auto;}
	#q_pop_bx .ttl_bx strong {font-size: 23px;}
	#q_pop_bx .ttl_bx p {font-size: 11px; margin-top: 1px;}
	#q_pop_bx .link_bx {padding: 20px;}
	#q_pop_bx .link_bx li {margin-bottom: 4px;}
	#q_pop_bx .link_bx li a {font-size: 12px;}
	#q_pop_bx .link_bx li a span {line-height: 39px; background-size: 10px auto; background-position: right 15px center; padding: 0px 35px;}
	
	
	

	/* 전자상거래 표준약관 */
	.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 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){
	.pc_show2 {display: none!important;}
	.m_show2 {display: block!important;}
	
	/* header */
	/*#header .h_top .r_bx {float: none; display: block;}*/
	
	
	
	/* 사이트맵 */
	/*#header .sm_bx {padding-top: 95px;}
	#header .sm_bx::before {top: 95px;}
	#header .sm_bx .sm_inner {height: calc(100% - 95px); top: 95px;}*/
	
	
	
	/* footer */
	#footer .top_bx .l_bx {width: 100%; margin-right: 0; margin-bottom: 14px; padding-bottom: 18px; text-align: right;}
	#footer .top_bx .l_bx::before {content: ''; width: calc(100% + 30px); height: 1px; position: absolute; left: -15px; bottom: 0; background-color: #e0e0e0;}
	#footer .top_bx .l_bx .ttl::before {display: none;}
	#footer .top_bx .l_bx p strong {margin-right: 0; display: block; margin-bottom: 4px;}
	#footer .top_bx .r_bx {width: 100%; margin-right: 0; text-align: right;}
	
	#footer .btm_bx {padding-top: 30px;}
	#footer .btm_bx .f_inner {padding-right: 0;}
	#footer .info_bx li {width: 100%; display: block; margin-right: 0;}
	#footer .info_bx li span { display:block; }
	#footer .logo {position: relative; right: auto; top: auto; margin-top: 0px; margin-bottom: 18px;}
	


	/* s_visual */
	/*#s_visual {padding-top: 95px;}*/
	#s_visual .slogan > .title_box::before{background: url(../images/common/v_bg_m.png) no-repeat top center; background-size: 100% auto;}
	#s_visual .slogan > .title_box .sub_tit {margin: 11px auto 0; max-width: 280px;}
	#s_visual.s_visual_01 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_01_m.jpg') no-repeat center; background-size:cover;}
	#s_visual.s_visual_02 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_02_m.jpg') no-repeat center; background-size:cover;}
	#s_visual.s_visual_03 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_03_m.jpg') no-repeat center; background-size:cover;}
	#s_visual.s_visual_05 .slogan .title_box > .bg_img { background:url('../images/sub/sub_v_05_m.jpg') no-repeat center; background-size:cover;}
	
	
	
	/* 상담신청(하단 퀵) */
	#contact_q .ip_bx input[type=text] {margin-right: 0; width: 100%; margin-bottom: 5px;}
	#contact_q .ip_bx.two input[type=text] {margin-bottom: 0;}
	#contact_q .ip_bx select {width: 100%;}
}

@media all and (max-width:440px){
	#footer .link_bx {max-width: 260px;}
	#footer .link_bx > li.dotN {margin-right: 0;}
	#footer .link_bx > li.dotN::before {display: none;}
}