/* 사이트 bg 컬러 */
.bgc{background-color: #fff9ef;}

/* 스타일 가이드 폰트 컬러 */
.ftc-blue1{color: #010280 !important;}
.ftc-blue2{color: #000190 !important;}
.ftc-blue3{color: #0001be !important;}
.ftc-red1{color: #e12900 !important;}
.ftc-red2{color: #fe3203 !important;}
.ftc-red3{color: #ff3e11 !important;}

/* ------------ 타이틀 & 서브타이틀 폰트 공통 스타일 ------------ */
/* 타이틀 풀컬러 텍스트 & 테두리컬러 텍스트 */
.red-stroke-text{color: #fff9ef; text-shadow: -1px -1px 0 #e12900, 1px -1px 0 #e12900, -1px 1px 0 #e12900, 1px 1px 0 #e12900;} /* 빨간 테두리 텍스트 !!텍스트가 들어가는 bg의 color와 글자 color값을 동일하게 맞춰줘야함! */
.red-stroke-text2{color: #fff9ef; text-shadow: -1px -1px 0 #fe3203, 1px -1px 0 #fe3203, -1px 1px 0 #fe3203, 1px 1px 0 #fe3203;} /* 빨간 테두리 텍스트 !!텍스트가 들어가는 bg의 color와 글자 color값을 동일하게 맞춰줘야함! */
.blue-stroke-text{color: #fff9ef; text-shadow: -1px -1px 0 #000190, 1px -1px 0 #000190, -1px 1px 0 #000190, 1px 1px 0 #000190;} /* 파란 테두리 텍스트 !!텍스트가 들어가는 bg의 color와 글자 color값을 동일하게 맞춰줘야함! */
.pink-stroke-text {
    color: #fff9ef;
    text-shadow: -1px -1px 0 rgba(253, 48, 2, 0.2), 1px -1px 0 rgba(253, 48, 2, 0.2), -1px 1px 0 rgba(253, 48, 2, .2), 1px 1px 0 rgba(253, 48, 2, .2);
} /* 연분홍색 테두리 텍스트 !!텍스트가 들어가는 bg의 color와 글자 color값을 동일하게 맞춰줘야함! */

.tt-58-500{font-size: 58px; font-weight: 500;} /* 메인 페이지 검은색 서브 타이틀 텍스트*/
/* ------------ 타이틀 & 서브타이틀 폰트 공통 스타일 ------------ */

/* 포트폴리오 500x650 썸네일 이미지 wrapper */
.pf-img-wrapper{width: 500px; height: 650px; border-radius: 20px; overflow: hidden; transition: 0.3s;} /* 포트폴리오 페이지 > 포폴 이미지 감싸는 wrapper */

/* box-shadow */
.box-shadow1{box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.06);} /* 포트폴리오 페이지 > 포폴 이미지 감싸는 wrapper의 마우스오버 애니메이션 등 */
.box-shadow2{box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.06);}

/* --------------------------- animation --------------------------- */
/* ani-색 채우기(왼쪽부터 채우기) */
.ani_Lfill_black1 {
    position: relative;
    display: inline-block;
    background-color:#fff9ef;
}

/* 이미지를 감싼 부모에게 넣기 */

.ani_Lfill_black1::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform:translate(0, -50%);
    width: 0;
    height: calc(100% - 2px);
    background-color: #000;
    transition: 0.2s;
    border:1px solid #fff9ef;
}

/*
.ani_Lfill_black1:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background:url('../img/arr/arr_footer_full.svg') no-repeat center / cover;
    z-index:-1;
    transition:all 0.6s;
    -ms-transition:all 0.6s;
}
*/
.ani_Lfill_black1 img {
    position: relative;
    z-index: 2;
}

.ani_Lfill_toggle1:hover .ani_Lfill_black1:after { width:100%; }

/* hover 애니메이션을 작동할 부모에게 ani_Lfill_toggle1 넣기 */

/* ani-색 채우기(오른쪽부터 채우기) */
.ani_Rfill_black1{position: relative; display: inline-block;} /* 이미지를 감싼 부모에게 넣기 */
.ani_Rfill_black1::after{content:''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; transform: scale(0, 1); transition: 0.2s; transform-origin: right;}
.ani_Rfill_black1 img{position: relative; z-index: 2;}
.ani_Rfill_toggle1:hover .ani_Rfill_black1::after{transform: scale(1);} /* hover 애니메이션을 작동할 부모에게 ani_Rfill_toggle1 넣기 */
/* --------------------------- animation --------------------------- */






/* common.css */
/* ---------------------- basic-style --------------------------- */
.noscroll {height:100%; min-height:100%; overflow:hidden !important; -ms-touch-action:none; touch-action:none;} /* 스크롤 막기 */
/* -- inner 사이즈 정의 -- */
.inner{padding: 0 20px; margin: 0 auto; width: 1300px;}
@media screen and (max-width: 1300px){
    .inner{width: 100%;}
}
/* -- clearfix - float 샤용 시 부모에 clearfix 추가 -- */
.clearfix::after {content: ''; display: table; clear: both;}
/* -- margin-style -- */
.no_margin{margin: 0 !important;} /* margin: 0 */
.no_mgT{margin-top: 0 !important;} /* margin-top: 0 */
.no_mgR{margin-right: 0 !important;} /* margin-right: 0 */
.no_mgB{margin-bottom: 0 !important;} /* margin-bottom: 0 */
.no_mgL{margin-left: 0 !important;} /* margin-left: 0 */
/* margin */
.mg5{margin: 5px !important;}
.mg10{margin: 10px !important;}
.mg15{margin: 15px !important;}
.mg20{margin: 20px !important;}
.mg25{margin: 25px !important;}
.mg30{margin: 30px !important;}
.mg35{margin: 35px !important;}
.mg40{margin: 40px !important;}
.mg45{margin: 45px !important;}
.mg50{margin: 50px !important;}
.mg55{margin: 55px !important;}
.mg60{margin: 60px !important;}
.mg65{margin: 65px !important;}
.mg70{margin: 70px !important;}
.mg75{margin: 75px !important;}
.mg80{margin: 80px !important;}
.mg85{margin: 85px !important;}
.mg90{margin: 90px !important;}
.mg95{margin: 95px !important;}
.mg100{margin: 100px !important;}
/* margin top+bottom */
.mgTB5{margin: 5px 0 !important;}
.mgTB10{margin: 10px 0 !important;}
.mgTB15{margin: 15px 0 !important;}
.mgTB20{margin: 20px 0 !important;}
.mgTB25{margin: 25px 0 !important;}
.mgTB30{margin: 30px 0 !important;}
.mgTB35{margin: 35px 0 !important;}
.mgTB40{margin: 40px 0 !important;}
.mgTB45{margin: 45px 0 !important;}
.mgTB50{margin: 50px 0 !important;}
.mgTB55{margin: 55px 0 !important;}
.mgTB60{margin: 60px 0 !important;}
.mgTB65{margin: 65px 0 !important;}
.mgTB70{margin: 70px 0 !important;}
.mgTB75{margin: 75px 0 !important;}
.mgTB80{margin: 80px 0 !important;}
.mgTB85{margin: 85px 0 !important;}
.mgTB90{margin: 90px 0 !important;}
.mgTB95{margin: 95px 0 !important;}
.mgTB100{margin: 100px 0 !important;}
/* margin left+right */
.mgLRauto{margin: 0 auto;}
.mgLR5{margin: 0 5px !important;}
.mgLR10{margin: 0 10px !important;}
.mgLR15{margin: 0 15px !important;}
.mgLR20{margin: 0 20px !important;}
.mgLR25{margin: 0 25px !important;}
.mgLR30{margin: 0 30px !important;}
.mgLR35{margin: 0 35px !important;}
.mgLR40{margin: 0 40px !important;}
.mgLR45{margin: 0 45px !important;}
.mgLR50{margin: 0 50px !important;}
.mgLR55{margin: 0 55px !important;}
.mgLR60{margin: 0 60px !important;}
.mgLR65{margin: 0 65px !important;}
.mgLR70{margin: 0 70px !important;}
.mgLR75{margin: 0 75px !important;}
.mgLR80{margin: 0 80px !important;}
.mgLR85{margin: 0 85px !important;}
.mgLR90{margin: 0 90px !important;}
.mgLR95{margin: 0 95px !important;}
.mgLR100{margin: 0 100px !important;}
/* margin-top */
.mgT0{margin-top: 0 !important;}
.mgT5{margin-top: 5px !important;}
.mgT10{margin-top: 10px !important;}
.mgT15{margin-top: 15px !important;}
.mgT20{margin-top: 20px !important;}
.mgT25{margin-top: 25px !important;}
.mgT30{margin-top: 30px !important;}
.mgT35{margin-top: 35px !important;}
.mgT40{margin-top: 40px !important;}
.mgT45{margin-top: 45px !important;}
.mgT50{margin-top: 50px !important;}
.mgT55{margin-top: 55px !important;}
.mgT60{margin-top: 60px !important;}
.mgT65{margin-top: 65px !important;}
.mgT70{margin-top: 70px !important;}
.mgT75{margin-top: 75px !important;}
.mgT80{margin-top: 80px !important;}
.mgT85{margin-top: 85px !important;}
.mgT90{margin-top: 90px !important;}
.mgT95{margin-top: 95px !important;}
.mgT100{margin-top: 100px !important;}
/* margin-right */
.mgR0{margin-right: 0 !important;}
.mgR5{margin-right: 5px !important;}
.mgR10{margin-right: 10px !important;}
.mgR15{margin-right: 15px !important;}
.mgR20{margin-right: 20px !important;}
.mgR25{margin-right: 25px !important;}
.mgR30{margin-right: 30px !important;}
.mgR35{margin-right: 35px !important;}
.mgR40{margin-right: 40px !important;}
.mgR45{margin-right: 45px !important;}
.mgR50{margin-right: 50px !important;}
.mgR55{margin-right: 55px !important;}
.mgR60{margin-right: 60px !important;}
.mgR65{margin-right: 65px !important;}
.mgR70{margin-right: 70px !important;}
.mgR75{margin-right: 75px !important;}
.mgR80{margin-right: 80px !important;}
.mgR85{margin-right: 85px !important;}
.mgR90{margin-right: 90px !important;}
.mgR95{margin-right: 95px !important;}
.mgR100{margin-right: 100px !important;}
/* margin-bottom */
.mgB0{margin-bottom: 0 !important;}
.mgB5{margin-bottom: 5px !important;}
.mgB10{margin-bottom: 10px !important;}
.mgB15{margin-bottom: 15px !important;}
.mgB20{margin-bottom: 20px !important;}
.mgB25{margin-bottom: 25px !important;}
.mgB30{margin-bottom: 30px !important;}
.mgB35{margin-bottom: 35px !important;}
.mgB40{margin-bottom: 40px !important;}
.mgB45{margin-bottom: 45px !important;}
.mgB50{margin-bottom: 50px !important;}
.mgB55{margin-bottom: 55px !important;}
.mgB60{margin-bottom: 60px !important;}
.mgB65{margin-bottom: 65px !important;}
.mgB70{margin-bottom: 70px !important;}
.mgB75{margin-bottom: 75px !important;}
.mgB80{margin-bottom: 80px !important;}
.mgB85{margin-bottom: 85px !important;}
.mgB90{margin-bottom: 90px !important;}
.mgB95{margin-bottom: 95px !important;}
.mgB100{margin-bottom: 100px !important;}
/* margin-left */
.mgL0{margin-left: 0 !important;}
.mgL5{margin-left: 5px !important;}
.mgL10{margin-left: 10px !important;}
.mgL15{margin-left: 15px !important;}
.mgL20{margin-left: 20px !important;}
.mgL25{margin-left: 25px !important;}
.mgL30{margin-left: 30px !important;}
.mgL35{margin-left: 35px !important;}
.mgL40{margin-left: 40px !important;}
.mgL45{margin-left: 45px !important;}
.mgL50{margin-left: 50px !important;}
.mgL55{margin-left: 55px !important;}
.mgL60{margin-left: 60px !important;}
.mgL65{margin-left: 65px !important;}
.mgL70{margin-left: 70px !important;}
.mgL75{margin-left: 75px !important;}
.mgL80{margin-left: 80px !important;}
.mgL85{margin-left: 85px !important;}
.mgL90{margin-left: 90px !important;}
.mgL95{margin-left: 95px !important;}
.mgL100{margin-left: 100px !important;}
/* -- //margin-style -- */
/* -- padding-style -- */
.no_padding{padding: 0 !important;} /* padding: 0 */
.no_pdT{padding-top: 0 !important;} /* padding-top: 0; */
.no_pdR{padding-right: 0 !important;} /* padding-right: 0; */
.no_pdB{padding-bottom: 0 !important;} /* padding-bottom: 0; */
.no_pdL{padding-left: 0 !important;} /* padding-left: 0; */
/* padding */
.pd5{padding: 5px !important;}
.pd10{padding: 10px !important;}
.pd15{padding: 15px !important;}
.pd20{padding: 20px !important;}
.pd25{padding: 25px !important;}
.pd30{padding: 30px !important;}
.pd35{padding: 35px !important;}
.pd40{padding: 40px !important;}
.pd45{padding: 45px !important;}
.pd50{padding: 50px !important;}
.pd55{padding: 55px !important;}
.pd60{padding: 60px !important;}
.pd65{padding: 65px !important;}
.pd70{padding: 70px !important;}
.pd75{padding: 75px !important;}
.pd80{padding: 80px !important;}
.pd85{padding: 85px !important;}
.pd90{padding: 90px !important;}
.pd95{padding: 95px !important;}
.pd100{padding: 100px;}
/* padding top+bottom */
.pdTB5{padding: 5px 0 !important;}
.pdTB10{padding: 10px 0 !important;}
.pdTB15{padding: 15px 0 !important;}
.pdTB20{padding: 20px 0 !important;}
.pdTB25{padding: 25px 0 !important;}
.pdTB30{padding: 30px 0 !important;}
.pdTB35{padding: 35px 0 !important;}
.pdTB40{padding: 40px 0 !important;}
.pdTB45{padding: 45px 0 !important;}
.pdTB50{padding: 50px 0 !important;}
.pdTB55{padding: 55px 0 !important;}
.pdTB60{padding: 60px 0 !important;}
.pdTB65{padding: 65px 0 !important;}
.pdTB70{padding: 70px 0 !important;}
.pdTB75{padding: 75px 0 !important;}
.pdTB80{padding: 80px 0 !important;}
.pdTB85{padding: 85px 0 !important;}
.pdTB90{padding: 90px 0 !important;}
.pdTB95{padding: 95px 0 !important;}
.pdTB100{padding: 100px 0 !important;}
/* padding left+right */
.pdLR5{padding: 0 5px !important;}
.pdLR10{padding: 0 10px !important;}
.pdLR15{padding: 0 15px !important;}
.pdLR20{padding: 0 20px !important;}
.pdLR25{padding: 0 25px !important;}
.pdLR30{padding: 0 30px !important;}
.pdLR35{padding: 0 35px !important;}
.pdLR40{padding: 0 40px !important;}
.pdLR45{padding: 0 45px !important;}
.pdLR50{padding: 0 50px !important;}
.pdLR55{padding: 0 55px !important;}
.pdLR60{padding: 0 60px !important;}
.pdLR65{padding: 0 65px !important;}
.pdLR70{padding: 0 70px !important;}
.pdLR75{padding: 0 75px !important;}
.pdLR80{padding: 0 80px !important;}
.pdLR85{padding: 0 85px !important;}
.pdLR90{padding: 0 90px !important;}
.pdLR95{padding: 0 95px !important;}
.pdLR100{padding: 0 100px !important;}
/* padding-top */
.pdT0{padding-top: 0 !important;}
.pdT5{padding-top: 5px !important;}
.pdT10{padding-top: 10px !important;}
.pdT15{padding-top: 15px !important;}
.pdT20{padding-top: 20px !important;}
.pdT25{padding-top: 25px !important;}
.pdT30{padding-top: 30px !important;}
.pdT35{padding-top: 35px !important;}
.pdT40{padding-top: 40px !important;}
.pdT45{padding-top: 45px !important;}
.pdT50{padding-top: 50px !important;}
.pdT55{padding-top: 55px !important;}
.pdT60{padding-top: 60px !important;}
.pdT65{padding-top: 65px !important;}
.pdT70{padding-top: 70px !important;}
.pdT75{padding-top: 75px !important;}
.pdT80{padding-top: 80px !important;}
.pdT85{padding-top: 85px !important;}
.pdT90{padding-top: 90px !important;}
.pdT95{padding-top: 95px !important;}
.pdT100{padding-top: 100px !important;}
/* padding-right */
.pdR0{padding-right: 0 !important;}
.pdR5{padding-left: 5px !important;}
.pdR10{padding-right: 10px !important;}
.pdR15{padding-right: 15px !important;}
.pdR20{padding-right: 20px !important;}
.pdR25{padding-right: 25px !important;}
.pdR30{padding-right: 30px !important;}
.pdR35{padding-right: 35px !important;}
.pdR40{padding-right: 40px !important;}
.pdR45{padding-right: 45px !important;}
.pdR50{padding-right: 50px !important;}
.pdR55{padding-right: 55px !important;}
.pdR60{padding-right: 60px !important;}
.pdR65{padding-right: 65px !important;}
.pdR70{padding-right: 70px !important;}
.pdR75{padding-right: 75px !important;}
.pdR80{padding-right: 80px !important;}
.pdR85{padding-right: 85px !important;}
.pdR90{padding-right: 90px !important;}
.pdR95{padding-right: 95px !important;}
.pdR100{padding-right: 100px !important;}
/* padding-bottom */
.pdB0{padding-bottom: 0 !important;}
.pdB5{padding-bottom: 5px !important;}
.pdB10{padding-bottom: 10px !important;}
.pdB15{padding-bottom: 15px !important;}
.pdB20{padding-bottom: 20px !important;}
.pdB25{padding-bottom: 25px !important;}
.pdB30{padding-bottom: 30px !important;}
.pdB35{padding-bottom: 35px !important;}
.pdB40{padding-bottom: 40px !important;}
.pdB45{padding-bottom: 45px !important;}
.pdB50{padding-bottom: 50px !important;}
.pdB55{padding-bottom: 55px !important;}
.pdB60{padding-bottom: 60px !important;}
.pdB65{padding-bottom: 65px !important;}
.pdB70{padding-bottom: 70px !important;}
.pdB75{padding-bottom: 75px !important;}
.pdB80{padding-bottom: 80px !important;}
.pdB85{padding-bottom: 85px !important;}
.pdB90{padding-bottom: 90px !important;}
.pdB95{padding-bottom: 95px !important;}
.pdB100{padding-bottom: 100px !important;}
/* padding-left */
.pdL0{padding-left: 0 !important;}
.pdL5{padding-left: 5px !important;}
.pdL10{padding-left: 10px !important;}
.pdL15{padding-left: 15px !important;}
.pdL20{padding-left: 20px !important;}
.pdL25{padding-left: 25px !important;}
.pdL30{padding-left: 30px !important;}
.pdL35{padding-left: 35px !important;}
.pdL40{padding-left: 40px !important;}
.pdL45{padding-left: 45px !important;}
.pdL50{padding-left: 50px !important;}
.pdL55{padding-left: 55px !important;}
.pdL60{padding-left: 60px !important;}
.pdL65{padding-left: 65px !important;}
.pdL70{padding-left: 70px !important;}
.pdL75{padding-left: 75px !important;}
.pdL80{padding-left: 80px !important;}
.pdL85{padding-left: 85px !important;}
.pdL90{padding-left: 90px !important;}
.pdL95{padding-left: 95px !important;}
.pdL100{padding-left: 100px !important;}
/* -- //padding-style -- */
.displaynone{display: none !important;}   /* display: none 부여 */
.displayblock{display: block;}
.inlineblock{display: inline-block;}
.displaytable{display: table;}
.displaytablecell{display: table-cell;}
.displayflex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.displayinlineflex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
/* table-style */
.tc_center{display: table-cell; vertical-align: middle; text-align: center;}
.tc_v_center{display: table-cell; vertical-align: middle;}
.tc_h_center{display: table-cell; text-align: center;}
/* flex-style */
.flex_center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.jsc_start{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.jsc_end{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.jsc_center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.jsc_sb{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.jsc_sa{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around;}
.ali_stretch{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.ali_start{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.ali_end{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.ali_center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.ali_base{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.alc_stretch{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch;}
.alc_start{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start;}
.alc_end{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; align-content: end;}
.alc_center{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center;}
.alc_sb{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between;}
.alc_sa{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: distribute; align-content: space-around;}
/* -- position-sytle -- */
.positionfixed{position: fixed;} /* position: fixed 부여 */
.positionrelative{position: relative;}
.positionabsolute{position: absolute;}
.positionstatic{position: static;}
/* position - center */
.po_ab_center{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* position: absolute, 정가운데 */
.po_fx_center{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* position: fixed, 정가운데 */
.po_re_center{position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* position: relative; 정가운데 */
.po_ab_v_center{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} /* position: absolute; vertical 중앙 */
.po_ab_h_center{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} /* position: absolute; horizontal 중앙 */
/* -- float -- */
.float_left{float: left;}
.float_right{float: right;}
.float_none{float: none;}
.clear_both{clear: both;}
/* no-wrap, mobile-touch  */
.nowrap_p{overflow-x: auto; overflow-y: hidden; white-space: nowrap; font-size: 0; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;} /* 부모 영역 */
.nowrap_c{display: inline-block; vertical-align: top;} /* 자식 영역 */
/* -- width-style -- */
.wdt100per{width: 100% !important;}
.wdt90per{width: 90% !important;}
.wdt80per{width: 80% !important;}
.wdt70per{width: 70% !important;}
.wdt60per{width: 60% !important;}
.wdt50per{width: 50% !important;}
.wdt40per{width: 40% !important;}
.wdt30per{width: 30% !important;}
.wdt20per{width: 20% !important;}
.wdt10per{width: 10% !important;}
.w35px{width: 35px !important;}
.w40px{width: 40px !important;}
.w50px{width: 50px !important;}
.w60px{width: 60px !important;}
.w70px{width: 70px !important;}
.w80px{width: 80px !important;}
.w90px{width: 90px !important;}
.w100px{width: 100px !important;}
.w150px{width: 150px !important;}
.w160px{width: 160px !important;}
.w170px{width: 170px !important;}
.w180px{width: 180px !important;}
.w200px{width: 200px !important;}
.w280px{width: 280px !important;}
.w290px{width: 290px !important;}
/* -- height-style -- */
.hgt100per{height: 100% !important;}
.hgt90per{height: 90% !important;}
.hgt80per{height: 80% !important;}
.hgt70per{height: 70% !important;}
.hgt60per{height: 60% !important;}
.hgt50per{height: 50% !important;}
.hgt40per{height: 40% !important;}
.hgt30per{height: 30% !important;}
.hgt20per{height: 20% !important;}
.hgt10per{height: 10% !important;}
/* -- overflow-style -- */
.overflowhidden{overflow: hidden;}
.overflowxhidden{overflow-x: hidden;}
.overflowyhidden{overflow-y: hidden;}
.overflowxscroll{overflow-x: scroll;}
.overflowyscroll{overflow-y: scroll;}
.overflowxauto{overflow-x: auto;}
.overflowyauto{overflow-y: auto;}
/* -- shape-style -- */
.img_circle{border-radius: 50%;} /* 원 */
.img_rounded_square{border-radius: 32px;} /* 둥근 사각형 */
/* -- box-shadow-style -- */
/* .box_shadow1{-webkit-box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);}
.box_shadow2{-webkit-box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF;box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF;}
.box_shadow3{-webkit-box-shadow: 0px 4px 68px rgba(0, 0, 0, 0.25);box-shadow: 0px 4px 68px rgba(0, 0, 0, 0.25);}
.box_shadow4{-webkit-box-shadow: -5px -3px 20px rgba(255, 255, 255, 0.19), 10px 9px 16px rgba(0, 0, 0, 0.21);box-shadow: -5px -3px 20px rgba(255, 255, 255, 0.19), 10px 9px 16px rgba(0, 0, 0, 0.21);}
.box_shadow5{-webkit-box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1);box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1);}
.box_shadow6{-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);} */
/* -- border-style -- */
/* border-all */
/* main_color gold */
.bd_mc_go1{border: 1px solid #9C8255;}
.bd_mc_go2{border: 1px solid #C3B8A3;}
.bd_mc_go3{border: 1px solid #B8A37F;}
/* main_color navy */
.bd_mc_na1{border: 1px solid #002F79;}
.bd_mc_na2{border: 1px solid #4876BE;}
/* main_color gray */
.bd_mc_gr1{border: 1px solid #c4c4c4;}
.bd_mc_gr2{border: 1px solid #d5d5d5;}
/* point_color */
.bd_pc1{border: 1px solid #443738;}
/* etc */
.bd_000{border: 1px solid #000;}
.bd_ccc{border: 1px solid #ccc;}
.bd_ddd{border: 1px solid #ddd;}
.bd_f9f9f9{border: 1px solid #f9f9f9;}
.bd_fff{border: 1px solid #fff;}
/* border-top+bottom */
/* main_color gold */
.bdTB_mc_go1{border-top: 1px solid #9C8255; border-bottom: 1px solid #9C8255;}
.bdTB_mc_go2{border-top: 1px solid #C3B8A3; border-bottom: 1px solid #C3B8A3;}
.bdTB_mc_go3{border-top: 1px solid #B8A37F; border-bottom: 1px solid #B8A37F;}
/* main_color navy */
.bdTB_mc_na1{border-top: 1px solid #002F79; border-bottom: 1px solid #002F79;}
.bdTB_mc_na2{border-top: 1px solid #4876BE; border-bottom: 1px solid #4876BE;}
/* main_color gray */
.bdTB_mc_gr1{border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;}
.bdTB_mc_gr2{border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
/* point_color */
.bdTB_pc1{border-top: 1px solid #443738; border-bottom: 1px solid #443738;}
/* etc */
.bdTB_000{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.bdTB_ccc{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.bdTB_ddd{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.bdTB_fff{border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
/* border-left+right */
/* main_color gold */
.bdLR_mc_go1{border-left: 1px solid #9C8255; border-right: 1px solid #9C8255;}
.bdLR_mc_go2{border-left: 1px solid #C3B8A3; border-right: 1px solid #C3B8A3;}
.bdLR_mc_go3{border-left: 1px solid #B8A37F; border-right: 1px solid #B8A37F;}
/* main_color navy */
.bdLR_mc_na1{border-left: 1px solid #002F79; border-right: 1px solid #002F79;}
.bdLR_mc_na2{border-left: 1px solid #4876BE; border-right: 1px solid #4876BE;}
/* main_color gray */
.bdLR_mc_gr1{border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;}
.bdLR_mc_gr2{border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
/* point_color */
.bdLR_pc1{border-left: 1px solid #443738; border-right: 1px solid #443738;}
/* etc */
.bdLR_000{border-left: 1px solid #000; border-right: 1px solid #000;}
.bdLR_ccc{border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.bdLR_ddd{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.bdLR_fff{border-left: 1px solid #fff; border-right: 1px solid #fff;}
/* border-top */
/* main_color gold */
.bdT_mc_go1{border-top: 1px solid #9C8255;}
.bdT_mc_go2{border-top: 1px solid #C3B8A3;}
.bdT_mc_go3{border-top: 1px solid #B8A37F;}
/* main_color navy */
.bdT_mc_na1{border-top: 1px solid #002F79;}
.bdT_mc_na2{border-top: 1px solid #4876BE;}
/* main_color gray */
.bdT_mc_gr1{border-top: 1px solid #c4c4c4;}
.bdT_mc_gr2{border-top: 1px solid #d5d5d5;}
/* point_color */
.bdT_pc1{border-top: 1px solid #443738;}
/* etc */
.bdT_000{border-top: 1px solid #000;}
.bdT_ccc{border-top: 1px solid #ccc;}
.bdT_ddd{border-top: 1px solid #ddd;}
.bdT_eee{border-top: 1px solid #eee;}
.bdT_fff{border-top: 1px solid #fff;}
/* border-right */
/* main_color gold */
.bdR_mc_go1{border-right: 1px solid #9C8255;}
.bdR_mc_go2{border-right: 1px solid #C3B8A3;}
.bdR_mc_go3{border-right: 1px solid #B8A37F;}
/* main_color navy */
.bdR_mc_na1{border-right: 1px solid #002F79;}
.bdR_mc_na2{border-right: 1px solid #4876BE;}
/* main_color gray */
.bdR_mc_gr1{border-right: 1px solid #c4c4c4;}
.bdR_mc_gr2{border-right: 1px solid #d5d5d5;}
/* point_color */
.bdR_pc1{border-right: 1px solid #443738;}
/* etc */
.bdR_000{border-right: 1px solid #000;}
.bdR_ccc{border-right: 1px solid #ccc;}
.bdR_ddd{border-right: 1px solid #ddd;}
.bdR_fff{border-right: 1px solid #fff;}
/* border-bottom */
/* main_color gold */
.bdB_mc_go1{border-bottom: 1px solid #9C8255;}
.bdB_mc_go2{border-bottom: 1px solid #C3B8A3;}
.bdB_mc_go3{border-bottom: 1px solid #B8A37F;}
/* main_color navy */
.bdB_mc_na1{border-bottom: 1px solid #002F79;}
.bdB_mc_na2{border-bottom: 1px solid #4876BE;}
/* main_color gray */
.bdB_mc_gr1{border-bottom: 1px solid #c4c4c4;}
.bdB_mc_gr2{border-bottom: 1px solid #d5d5d5;}
/* point_color */
.bdB_pc1{border-bottom: 1px solid #443738;}
/* etc */
.bdB_000{border-bottom: 1px solid #000;}
.bdB_ccc{border-bottom: 1px solid #ccc;}
.bdB_ddd{border-bottom: 1px solid #ddd;}
.bdB_fff{border-bottom: 1px solid #fff;}
/* border-left */
/* main_color gold */
.bdL_mc_go1{border-left: 1px solid #9C8255;}
.bdL_mc_go2{border-left: 1px solid #C3B8A3;}
.bdL_mc_go3{border-left: 1px solid #B8A37F;}
/* main_color navy */
.bdL_mc_na1{border-left: 1px solid #002F79;}
.bdL_mc_na2{border-left: 1px solid #4876BE;}
/* main_color gray */
.bdL_mc_gr1{border-left: 1px solid #c4c4c4;}
.bdL_mc_gr2{border-left: 1px solid #d5d5d5;}
/* point_color */
.bdL_pc1{border-left: 1px solid #443738;}
/* etc */
.bdL_000{border-left: 1px solid #000;}
.bdL_ccc{border-left: 1px solid #ccc;}
.bdL_ddd{border-left: 1px solid #ddd;}
.bdL_fff{border-left: 1px solid #fff;}
/* -- opacity-style -- */
.opacity1{opacity: 1;}
.opacity0{opacity: 0;}
/* -- text-style -- */
.text_left{text-align: left;} /* 왼쪽 정렬 */
.text_right{text-align: right;} /* 오른쪽 정렬 */
.text_center{text-align: center;} /* 중앙 정렬 */
.text_justify{text-align: justify;} /* 양쪽 정렬 */
.text_nowrap{white-space: nowrap;} /* 문장 줄바꿈 없음 */
.text_lowercase{text-transform: lowercase;} /* 영어 - 소문자 */
.text_uppercase{text-transform: uppercase;} /* 영어 - 대문자 */
.text_capitalize{text-transform: capitalize;} /* 영어 - 첫글자만 대문자 */
/* -- color-style -- */
/* bg */
/* main_color gold */
.bg_mc_go1{background: #9C8255;}
.bg_mc_go2{background: #C3B8A3;}
.bg_mc_go3{background: #B8A37F;}
/* main_color navy */
.bg_mc_na1{background: #002F79;}
.bg_mc_na2{background: #4876BE;}
/* main_color gray */
.bg_mc_gr1{background: #c4c4c4;}
.bg_mc_gr2{background: #d5d5d5;}
/* point_color */
.bg_pc1{background: #443738;}
/* etc */
.bg_000{background: #000;}
.bg_ccc{background: #ccc;}
.bg_ddd{background: #ddd;}
.bg_f9f9f9{background: #f9f9f9;}
.bg_fff{background: #fff;}
/* -- font-style -- */
/* 폰트 스타일 정의 (사이즈, 색상) */
.ft20{font-size: 20px;}
.ft15{font-size: 15px;}
.ft12{font-size: 12px;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700  !important;}
/* main_color gold */
.ftc_mc_go1{color: #9C8255;}
.ftc_mc_go2{color: #C3B8A3;}
.ftc_mc_go3{color: #B8A37F;}
/* main_color navy */
.ftc_mc_na1{color: #002F79;}
.ftc_mc_na2{color: #4876BE;}
/* main_color gray */
.ftc_mc_gr1{color: #c4c4c4;}
.ftc_mc_gr2{color: #d5d5d5;}
/* point_color */
.ftc_pc1{color: #443738;}
/* etc */
.ftc_000{color: #000;}
.ftc_333{color: #333;}
.ftc_aaa{color: #aaa;}
.ftc_ccc{color: #ccc;}
.ftc_ddd{color: #ddd;}
.ftc_f9f9f9{color: #f9f9f9;}
.ftc_fff{color: #fff;}
.fontbold{font-weight: 700 !important;}
.fontnormal{font-weight: 400 !important;}
/* pc font */
@media screen and (min-width: 1025px){
    .pc_font74{font-size: 74px !important;}
    .pc_font40{font-size: 40px !important;}
    .pc_font39{font-size: 39px !important;}
    .pc_font38{font-size: 38px !important;}
    .pc_font37{font-size: 37px !important;}
    .pc_font36{font-size: 36px !important;}
    .pc_font35{font-size: 35px !important;}
    .pc_font34{font-size: 34px !important;}
    .pc_font33{font-size: 33px !important;}
    .pc_font32{font-size: 32px !important;}
    .pc_font31{font-size: 31px !important;}
    .pc_font30{font-size: 30px !important;}
    .pc_font29{font-size: 29px !important;}
    .pc_font28{font-size: 28px !important;}
    .pc_font27{font-size: 27px !important;}
    .pc_font26{font-size: 26px !important;}
    .pc_font25{font-size: 25px !important;}
    .pc_font24{font-size: 24px !important;}
    .pc_font23{font-size: 23px !important;}
    .pc_font22{font-size: 22px !important;}
    .pc_font21{font-size: 21px !important;}
    .pc_font20{font-size: 20px !important;}
    .pc_font19{font-size: 19px !important;}
    .pc_font18{font-size: 18px !important;}
    .pc_font17{font-size: 17px !important;}
    .pc_font16{font-size: 16px !important;}
    .pc_font15{font-size: 15px !important;}
    .pc_font14{font-size: 14px !important;}
    .pc_font13{font-size: 13px !important;}
    .pc_font12{font-size: 12px !important;}
    .pc_font11{font-size: 11px !important;}
}
/* pc1 font */
@media screen and (min-width: 1301px){
    .p1_font74{font-size: 74px !important;}
    .p1_font40{font-size: 40px !important;}
    .p1_font39{font-size: 39px !important;}
    .p1_font38{font-size: 38px !important;}
    .p1_font37{font-size: 37px !important;}
    .p1_font36{font-size: 36px !important;}
    .p1_font35{font-size: 35px !important;}
    .p1_font34{font-size: 34px !important;}
    .p1_font33{font-size: 33px !important;}
    .p1_font32{font-size: 32px !important;}
    .p1_font31{font-size: 31px !important;}
    .p1_font30{font-size: 30px !important;}
    .p1_font29{font-size: 29px !important;}
    .p1_font28{font-size: 28px !important;}
    .p1_font27{font-size: 27px !important;}
    .p1_font26{font-size: 26px !important;}
    .p1_font25{font-size: 25px !important;}
    .p1_font24{font-size: 24px !important;}
    .p1_font23{font-size: 23px !important;}
    .p1_font22{font-size: 22px !important;}
    .p1_font21{font-size: 21px !important;}
    .p1_font20{font-size: 20px !important;}
    .p1_font19{font-size: 19px !important;}
    .p1_font18{font-size: 18px !important;}
    .p1_font17{font-size: 17px !important;}
    .p1_font16{font-size: 16px !important;}
    .p1_font15{font-size: 15px !important;}
    .p1_font14{font-size: 14px !important;}
    .p1_font13{font-size: 13px !important;}
    .p1_font12{font-size: 12px !important;}
    .p1_font11{font-size: 11px !important;}
}
/* pc2 font */
@media screen and (max-width: 1300px) and (min-width: 1025px){
    .p2_font40{font-size: 40px !important;}
    .p2_font39{font-size: 39px !important;}
    .p2_font38{font-size: 38px !important;}
    .p2_font37{font-size: 37px !important;}
    .p2_font36{font-size: 36px !important;}
    .p2_font35{font-size: 35px !important;}
    .p2_font34{font-size: 34px !important;}
    .p2_font33{font-size: 33px !important;}
    .p2_font32{font-size: 32px !important;}
    .p2_font31{font-size: 31px !important;}
    .p2_font30{font-size: 30px !important;}
    .p2_font29{font-size: 29px !important;}
    .p2_font28{font-size: 28px !important;}
    .p2_font27{font-size: 27px !important;}
    .p2_font26{font-size: 26px !important;}
    .p2_font25{font-size: 25px !important;}
    .p2_font24{font-size: 24px !important;}
    .p2_font23{font-size: 23px !important;}
    .p2_font22{font-size: 22px !important;}
    .p2_font21{font-size: 21px !important;}
    .p2_font20{font-size: 20px !important;}
    .p2_font19{font-size: 19px !important;}
    .p2_font18{font-size: 18px !important;}
    .p2_font17{font-size: 17px !important;}
    .p2_font16{font-size: 16px !important;}
    .p2_font15{font-size: 15px !important;}
    .p2_font14{font-size: 14px !important;}
    .p2_font13{font-size: 13px !important;}
    .p2_font12{font-size: 12px !important;}
    .p2_font11{font-size: 11px !important;}
}
/* table font */
@media screen and (max-width: 1024px) and (min-width: 601px){
    .t_font65{font-size: 65px !important;}
    .t_font60{font-size: 60px !important;}
    .t_font40{font-size: 40px !important;}
    .t_font39{font-size: 39px !important;}
    .t_font38{font-size: 38px !important;}
    .t_font37{font-size: 37px !important;}
    .t_font36{font-size: 36px !important;}
    .t_font35{font-size: 35px !important;}
    .t_font34{font-size: 34px !important;}
    .t_font33{font-size: 33px !important;}
    .t_font32{font-size: 32px !important;}
    .t_font31{font-size: 31px !important;}
    .t_font30{font-size: 30px !important;}
    .t_font29{font-size: 29px !important;}
    .t_font28{font-size: 28px !important;}
    .t_font27{font-size: 27px !important;}
    .t_font26{font-size: 26px !important;}
    .t_font25{font-size: 25px !important;}
    .t_font24{font-size: 24px !important;}
    .t_font23{font-size: 23px !important;}
    .t_font22{font-size: 22px !important;}
    .t_font21{font-size: 21px !important;}
    .t_font20{font-size: 20px !important;}
    .t_font19{font-size: 19px !important;}
    .t_font18{font-size: 18px !important;}
    .t_font17{font-size: 17px !important;}
    .t_font16{font-size: 16px !important;}
    .t_font15{font-size: 15px !important;}
    .t_font14{font-size: 14px !important;}
    .t_font13{font-size: 13px !important;}
    .t_font12{font-size: 12px !important;}
    .t_font11{font-size: 11px !important;}
}
/* mobile font */
@media screen and (max-width: 600px) and (min-width: 0){
    .m_font40{font-size: 40px !important;}
    .m_font39{font-size: 39px !important;}
    .m_font38{font-size: 38px !important;}
    .m_font37{font-size: 37px !important;}
    .m_font36{font-size: 36px !important;}
    .m_font35{font-size: 35px !important;}
    .m_font34{font-size: 34px !important;}
    .m_font33{font-size: 33px !important;}
    .m_font32{font-size: 32px !important;}
    .m_font31{font-size: 31px !important;}
    .m_font30{font-size: 30px !important;}
    .m_font29{font-size: 29px !important;}
    .m_font28{font-size: 28px !important;}
    .m_font27{font-size: 27px !important;}
    .m_font26{font-size: 26px !important;}
    .m_font25{font-size: 25px !important;}
    .m_font24{font-size: 24px !important;}
    .m_font23{font-size: 23px !important;}
    .m_font22{font-size: 22px !important;}
    .m_font21{font-size: 21px !important;}
    .m_font20{font-size: 20px !important;}
    .m_font19{font-size: 19px !important;}
    .m_font18{font-size: 18px !important;}
    .m_font17{font-size: 17px !important;}
    .m_font16{font-size: 16px !important;}
    .m_font15{font-size: 15px !important;}
    .m_font14{font-size: 14px !important;}
    .m_font13{font-size: 13px !important;}
    .m_font12{font-size: 12px !important;}
    .m_font11{font-size: 11px !important;}
}
/* transform */
.transformnone{-webkit-transform: none !important;transform: none !important;}
/* scroll-bar hidden */
.scroll_hidden{-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
.scroll_hidden::-webkit-scrollbar{display: none !important;} /* Hide scrollbar for Chrome, Safari and Opera */
/* no-resize */
.noresize{resize: none;}
/* visibility */
.visibilityhidden{visibility: hidden;}
/* event_prevent */
.eventnone{pointer-events: none;}
/* ---------------------- //basic-style --------------------------- */
/* ---------------------- custom-style --------------------------- */
/* -- dimmed -- */ /* 배경색 임시 */
.dimmed{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2001;}
.dimmed.on{display: block;}
/* 화살표 생성 */
.arrow_img{position: relative; padding-right: 15px; line-height: 1.1;}
.arrow_img::after{display: inline-block; position: absolute; top: 50%; right: 0; margin-right: 4px; width: 7px; height: 7px; border: 1px solid #9C8255; border-left: none; border-bottom: none; opacity: 1; content: ""; -webkit-transform: rotate(45deg) translateY(calc(-50% - 1px)); transform: rotate(45deg) translateY(calc(-50% - 1px));}
_:-ms-input-placeholder, :root .arrow_img::after {
    -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);
}
/* -- button-style -- */ /* 이미지 임시 */
.btn{display: inline-block; cursor: pointer; outline: 0; font-size: 0;} /* 하단 버튼 스타일과 함께 병기 */
.btn a{display: block; font-size: 18px;}
/* 기본 사각형 버튼1 */
.normal_btn1{position: relative; background: rgba(255,255,255,0.3);}
.normal_btn1 a{padding: 8px 26px 8px 16px; color: #fff; font-weight: 700;}
.normal_btn1::after{display: inline-block; position: absolute; top: 50%; right: 0; margin-right: 14px; width: 7px; height: 7px; border: 1px solid #fff; border-left: none; border-bottom: none; content: ""; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);}
/* 기본 사각형 버튼2 */
.normal_btn2{background:#fff; border:1px solid #ccc; border-radius: 8px; text-align: center;}
.normal_btn2 a{padding: 14px 50px; font-size:14px; font-weight: 400; color:#666;}
.board_icon{display: inline-block; position: relative; margin-right: 8px; overflow: hidden; height: 17px; vertical-align: top; opacity: 0.5; -ms-flex-negative: 0; flex-shrink: 0;}
.board_icon img{width: auto; height: 100%; min-width: 11px;}
.btn_wrapper{width: 100%; white-space: nowrap;}
.btn_wrapper > *{display: inline-block; padding: 15px 0; width: 50%; border: 1px solid #333; border-radius: 8px;}
.btn_wrapper .btn_black{background: #333; color: #fff;}
.btn_wrapper .btn_white{background: #fff; color: #333;}
.close_btn{position: relative; width: 24px; height: 24px; cursor: pointer;}
/*
.close_btn a::before, .close_btn a::after{position: absolute; top: 0; left: 50%; margin-left: -2px; width: 4px; height: 100%; background: #9FABAE; content: "";}
.close_btn a::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.close_btn a::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
*/
.close_btn a{display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%;}
.close_btn a::before, .close_btn a::after{position: absolute; top: 0; left: 50%; margin-left: -2px; width: 4px; height: 100%; background: #9FABAE; content: "";}
.close_btn a::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.close_btn a::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.download_btn{background: #f1f1f1; border-radius: 5px;}
.download_btn a{display: table; padding: 8px 15px 8px 33px; background: url(../../img/common/download_icon.png) no-repeat; background-size: auto 18px; background-position: 10px center; color: #333; font-size: 15px;}
.download_btn a .name{display: table-cell; overflow: hidden; max-width: 100px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    word-wrap:break-word; line-height: 1.0em; word-break: break-all; white-space: nowrap;}
.download_btn a .ext{display: table-cell;}
@media screen and (max-width: 1300px){
    .btn a{font-size:15px;}
    .normal_btn3 a, .normal_btn4 a{line-height: 20px; font-size: 13px;}
    .normal_btn3 a::before{width: 20px; height: 20px;}
}
@media screen and (max-width: 1024px){
    .btn_wrapper > *{font-size: 15px;}
    .btn a{font-size: 15px;}
    .download_btn a{background-image: url(../../img/common/download_icon_m.png);}
    .refresh_btn::before{background-image: url(../../img/common/refresh_btn_m.png);}
    .close_btn a{width: 80%; height: 80%;}
    .close_btn a::before, .close_btn a::after{margin-left: -1.5px; width: 3px;}
}
@media screen and (max-width: 600px){
    .btn_wrapper > *{font-size: 14px;}
    .btn a{font-size: 14px;}
    .close_btn a{width: 70%; height: 70%;}
    .close_btn a::before, .close_btn a::after{margin-left: -1px; width: 2px;}
}
/* 엠보싱 버튼1 - 원 */
.emboss_btn1{display: inline-block; position: relative; width: 100%; border-radius: 50%; background: -webkit-gradient(linear, left bottom, left top, from(#B8A37F), to(#B8A37F)), #F4ECDF; background: linear-gradient(0deg, #B8A37F, #B8A37F), #F4ECDF; -webkit-box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15); box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);}
.emboss_btn1 a{display: block; padding-top: 100%; width: 100%; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 22px auto;}
.emboss_btn1 a img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 100%; height: 60%;}
/* 엠보싱 버튼1 - 둥근 사각형 */
.emboss_btn2{display: inline-block; position: relative; border-radius: 48px; background: -webkit-gradient(linear, left bottom, left top, from(#B8A37F), to(#B8A37F)), #F4ECDF; background: linear-gradient(0deg, #B8A37F, #B8A37F), #F4ECDF; -webkit-box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15); box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);}
.emboss_btn2 a{display: table; padding: 15px 25px; overflow: hidden;}
.emboss_btn2 a img{display: table-cell; height: 32px; width: auto; max-width: inherit;}
.emboss_btn2 a span{display: table-cell; vertical-align: middle; padding: 0 25px 0 10px; font-size: 18px; font-weight: 700; color: #fff;}
.emboss_btn2 a span.arrow_img::after{border-color: #fff; margin: 0 0 0 15px;}
/* -- contents-style -- */
/* 엠보싱 컨텐츠1 - 둥근 사각형 */
.emboss_con1{position: relative; width: 300px; background: #f9f9f9; border-radius: 32px; -webkit-box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF; box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF;}
.emboss_con1 .con_inner{display: block; padding-top: calc(100% / 3 * 2); width: 100%;}
.emboss_con1 .con_inner .box{display: table; position: absolute; left: 50%; top: 50%; padding: 10%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; }
.emboss_con1 .con_inner .box .text{display: table-cell; vertical-align: bottom;}
.emboss_con1 .con_inner .box .text span{display: block; letter-spacing: -1px;}
.emboss_con1 .con_inner .box .tit{margin: 0 0 8px; font-size: 21px; color: #333; font-weight: 700;}
.emboss_con1 .con_inner .box .desc{margin: 0 0 0 15px; color: #666; line-height: 1.3; font-size: 14px; font-weight: 400;}
.emboss_con1 .con_inner .box .image{display: table-cell; vertical-align: top; width: 65px;}
.emboss_con1 .con_inner .box .image img{margin: 0 auto; max-width: 100%; height: 65px;}
.emboss_con1 .con_inner img{max-width: 100%;}
/* bg */
.bg_filter{position: relative;}
.bg_filter::after{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(105,87,79,0.8); content: "";}
.bg_filter > *{position: relative; z-index: 1;}
.bg_filter2{position: relative; z-index: 1;}
.bg_filter2::after{display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(255,255,255,0.6); border-radius: 50%; content: "";}
.bgBlur:before {position: absolute; top: 0; left:0; right:0; bottom:0; background: inherit; z-index:-1; filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); filter:url(#blur); content: '';}
/* input */
/* input text 너비 조정 */
input[type="text"]{width: 250px;}
/* input 체크박스 아이콘 변경 */
/*
input[type="checkbox"] + label{position: relative; padding-left: 25px;}
input[type="checkbox"] + label::before{display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 18px; border: 2px solid #c1c1c1; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; content: "";}
input[type="checkbox"]:checked + label::before{background-color: #000; background-image: url(../../img/common/checkbox_chk.png); background-position: center; background-repeat: no-repeat; border-color: #000;}
@media screen and (max-width: 1024px){
    input[type="checkbox"]:checked + label::before{background-image: url(../../img/common/checkbox_chk_m.png); background-size: 12px auto;}
}
*/
/* input radio 아이콘 변경 */
input[type="radio"]{display: none;}
input[type="radio"] + label{display: block; float: left; position: relative; padding-left: 35px; margin-right: 30px; line-height: 24px; cursor: pointer;}
input[type="radio"] + label:last-child{margin-right: 0;}
input[type="radio"] + label::before{display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 3px; width: 24px; height: 24px; border: 1px solid #333; border-radius: 50%; background-clip: content-box; content: "";}
input[type="radio"]:checked + label::before{background-color: #000;}
@media screen and (max-width: 1024px){
    input[type="radio"] + label{padding-left: 30px;}
   input[type="radio"] + label::before{width: 22px; height: 22px;}
}
@media screen and (max-width: 600px){
    input[type="radio"] + label{padding-left: 25px;}
   input[type="radio"] + label::before{width: 20px; height: 20px;}
}
/* select 아이콘 스타일 변경 */
select{padding: 0 20px 0 5px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* 글자 수 제한 - 부모 영역에 font-size 줄 것 */
.text_line1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 1.2em; white-space: nowrap;}
.text_line2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; white-space: normal;}
.text_line3{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; white-space: normal;}
.text_line4{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 4.8em; white-space: normal;}
.text_line5{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 6.0em; white-space: normal;}
/* pc/mobile block */
@media screen and (min-width: 1301px){
    .p2_block{display: none !important;}
    .m_block{display: none !important;}
    .t_block{display: none !important;}
    .tm_block{display: none !important;}
}
@media screen and (max-width: 1300px) and (min-width: 1025px){
    .p1_block{display: none !important;}
    .p2_block{display: block !important;}
    .tm_block{display: none !important;}
}
@media screen and (max-width: 1024px){
    .pc_block{display: none !important;}
    .p1_block{display: none !important;}
    .p2_block{display: none !important;}
    .tm_block{display: block !important;}
}
@media screen and (max-width: 1024px) and (min-width: 601px){
    .pc_block{display: none !important;}
    .p1_block{display: none !important;}
    .p2_block{display: none !important;}
    .t_block{display: block !important;}
}
@media screen and (max-width: 600px) and (min-width: 0){
    .pc_block{display: none !important;}
    .p1_block{display: none !important;}
    .p2_block{display: none !important;}
    .t_block{display: none !important;}
    .m_block{display: block !important;}
}
/* ------------------------- //sub 공통 -------------------------- */
/* ---------------------------------- 폰트 ----------------------------------- */
.font_eng1{font-family: 'Montserrat' !important;}
.font_eng2{font-family: 'Sail' !important;}
.font_eng3{font-family: 'Open Sans' !important;}
.font_kor1{font-family: 'NEXON Lv2 Gothic' !important;}
.font_kor2{font-family: 'Noto Serif KR'!important;}
/* ---------------------------------- //폰트 ----------------------------------- */