/* @font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/notokr-regular.eot'),
            url('../../fonts/notokr-regular.woff') format('woff'),
            url('../../fonts/notokr-regular.ttf') format('truetype');
    src: local("※"),
        url('../../fonts/notokr-regular.eot'),
        url('../../fonts/notokr-regular.woff') format('woff'),
        url('../../fonts/notokr-regular.ttf') format('truetype'),
        url('../../fonts/notokr-regular.svg#webfonturzspG4F') format('svg');
}
@font-face {
    font-family: 'notokr-m';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/notokr-medium.eot'),
            url('../../fonts/notokr-medium.woff') format('woff'),
            url('../../fonts/notokr-medium.ttf') format('truetype');
    src: local("※"),
        url('../../fonts/notokr-medium.eot'),
        url('../../fonts/notokr-medium.woff') format('woff'),
        url('../../fonts/notokr-medium.ttf') format('truetype'),
        url('../../fonts/notokr-medium.svg#webfonturzspG4F') format('svg');
}
@font-face {
    font-family: 'notokr-b';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/notokr-Bold.eot'),
            url('../../fonts/notokr-Bold.woff') format('woff'),
            url('../../fonts/notokr-Bold.ttf') format('truetype');
    src: local("※"),
        url('../../fonts/notokr-Bold.eot'),
        url('../../fonts/notokr-Bold.woff') format('woff'),
        url('../../fonts/notokr-Bold.ttf') format('truetype'),
        url('../../fonts/notokr-Bold.svg#webfonturzspG4F') format('svg');
} */
 @font-face {
        font-family: "Pretendard";
        src: url("../fonts/Pretendard/Pretendard-Light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
      }

      @font-face {
        font-family: "Pretendard";
        src: url("../fonts/Pretendard/Pretendard-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
      }

      @font-face {
        font-family: "Pretendard";
        src: url("../fonts/Pretendard/Pretendard-Medium.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
      }

      @font-face {
        font-family: "Pretendard";
        src: url("../fonts/Pretendard/Pretendard-Bold.woff2") format("woff2");
        font-weight: 700;
        font-style: normal;
      }

* {}
html, body, div, dl, dt, dd, ul, ol, li, p {margin:0; padding:0; font-family:'Pretendard',sans-serif;list-style:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;}
input,select,textarea{vertical-align:middle;margin:0;padding:0;border:0;font-family:'Pretendard',sans-serif;}
input[readonly="readonly"],
input[readonly],
select:disabled{
    background: #ccc !important; color:#333;border: 1px solid #B2B2B2!important;
}
select {font-size:14px; border:1px solid #dedede; border-radius:4px; padding:8px 2%;font-weight: 500;line-height: 21px;}
a{text-decoration:none;vertical-align:middle;font-size:inherit;color:inherit;}
i {font-style:initial;}
img{border:0;vertical-align:middle;margin:0;padding:0;}
figure{margin:0; padding:0;}
button{margin:0;padding:0;border:none;background:none;font-family:'Pretendard',sans-serif;cursor: pointer;}
table {border-collapse:collapse;width:100%;}
caption{width:0;height:0;font-size:0;overflow:hidden;}
/*.sun {background:url("../images/202512/main/sun.png") no-repeat right top; position:absolute; top:0; right:0; width:100%; height:400px;}*/
body {
  margin: 0;
  background: #fff;
  color: #222222;
}
#wrap{width: 100%;margin: 0 auto;position: relative;}
#wrap.main{width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  background: #FCF5EF; }
.wid{margin:0 16px;}
.tit_bt{border-bottom:1px solid #ddd;}
.hidden {text-indent:-999em; width:1px; height:1px; font-size:0; overflow:hidden;}

.content {margin-top: 20px;max-width: 792px;margin: 20px auto 0;}
.visual_box {overflow:hidden; text-align:center; }
.visual_box > div {}
.visual_box > div.vi3 img {width:402px; height:191px;}
.visual_box > div.vi2 img {width:328px; height:104px;}
.visual_box > div > img {max-width:100%;}
.visual_box > div.vi4 {padding-bottom:10px;}
.visual_box > div.vi4 p{color:#fff;}
.visual_box > div.vi4 {width:280px; margin:0 auto;}
.visual_box > div.vi5 {width:100%; margin:0 auto;background: #fde6e5;padding: 10px 0;margin-bottom: 10px}
.visual_box > div.vi5 > img {width: 350px}
.visual_box .srt_bi {width:50px;}
.visual_box p * {vertical-align:middle; letter-spacing:-1px;}
.con_box {height:410px;}

.gotop { display:none; width:50px; position:absolute; bottom:80px; right:10px;}
.gotop img {width:100%;}
.gobot { display:none; width:50px; position:fixed; bottom:40px; right:10px;}
.gobot img {width:100%;}

.txr{text-align:right;}

.header{background:#fff;height: 52px;border-bottom: 1px solid #DDDDDD;max-width: 792px;margin: 0 auto;}
/* .logo_bx{margin: 0 0 0 15px;} */
.lgn_tg{display:none;padding:5px 12px;background:#544161;border-radius:18px;box-shadow: 2px 2px 4px rgba(84, 65, 97, 0.35);}
.lgn_tg > a{display:inline-block;font-size:14px;color:#fff;font-weight:bold;letter-spacing:-1px;line-height:20px;vertical-align:middle;padding-left:7px;margin-left:5px;background:url(../images/202512/main/ltg_bg.gif) 0 center no-repeat;}
.lgn_tg > a:first-child{background:none;padding-left:0;margin-left:0;}
.lgn_tg a em{font-style:normal;font-weight:bold;}

.header.main{width:100%;background:none;height: 0;}
/* .header.main .logo_bx{float:left;} */
.logo_bx > a {display:inline-block; width:71px;}
.logo_bx > a > img {width:100%;}
.header.main .lgn_tg{display:block;float:right;}
.header.main .lgd{display:none;}
.header .lgd{
    display: flex;
  align-items: center;
  justify-content: space-between;
  padding:11px 0 ;
    /* letter-spacing:-1px; */
}
.header .lgd .lef{
        display: inline-flex;
    justify-content: flex-start;
    align-items: center;}
.header .lgd .rit{
    /* position:absolute;right:2%;top:15px; */
display: inline-flex;
    justify-content: flex-end;
align-items: center;}
.header .lgd .rit > span{display:inline-flex;  font-size: 14px;font-weight: 700; line-height: 21px;color:#111; margin-right:6px;}
.hd_nbt{font-size:14px;color:#111;background: #f3f3f3;;display:inline-block;padding:6px 10px;border-radius:8px;font-weight: 700;cursor: pointer;}

.vsr_bx img.vi1{display:block; width:331px; margin:70px auto 0;}
.vsr_bx img.vi2{display:block; width:222px; margin:70px auto 0; display:none;}
/* 
.mct_bk{text-align:center;padding:0;background:url("../images/202512/main/mct_bg.jpg?ver=20250829") 0 no-repeat;background-size:cover;    border-radius: 8px;
    box-shadow: 2px 2px 4px rgba(84, 65, 97, 0.35); */
}
.mct_bk > div{display:inline-block;text-align:center;color:#fff;padding:27px;height:84px;box-sizing:border-box; background-size:70px;}
.mct_bk > div > h3{font-size:1.5rem;}
.mct_bk > div > dl{display:table;font-size:13px; margin:5px 0;}
.mct_bk > div > dl > dt{display:table-cell;vertical-align:top;white-space:nowrap;}
.mct_bk > div > dl > dd{display:table-cell;padding-left:2px;}

.mcm_bk{background:#fff;margin-top:10px;    border-radius: 8px;box-shadow: 2px 2px 4px rgba(84, 65, 97, 0.35);}
.mcm_bk > a{display:block;font-size:1.25rem;color:#999;font-weight:bold;letter-spacing:-1px;padding:15px 3%; text-align:center;
}
.mcm_bk > a > img {width:34px;}
.mcm_bk > a > i {vertical-align:middle;}
.mcm_bk > a > span{display:inline-block;font-size:1rem;color:#999;font-weight:normal;}

.mcb_bk{padding-bottom:10px;margin-top: 5px}
.mcb_bk > ul{overflow:hidden;}
.mcb_bk > ul > li{background:#fff;float:left;width:48.5%;margin-top:5px; margin-right: 2%;margin-bottom: 5px; height: 48px; text-align:center;box-shadow: 2px 2px 4px rgba(84, 65, 97, 0.35);border-radius: 8px}
.mcb_bk > ul > li:nth-child(2n) {margin-right: 0;}
.mcb_bk > ul > li > a{display:block;font-weight:bold;padding:15px 0;color:black;    border-radius: 8px;font-size: 1.1rem;}
.mcb_bk > ul > li img{display:block;margin:5px auto 5px;}

/* 정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.fl_r {float:right;}
.fl_l {float:left;}
.clear:after {content:""; clear:both; display:block;}
.vertical_m, .vertical_m > * {vertical-align:middle;}
.vertical_t {vertical-align:top;}
.vertical_b {vertical-align:bottom;}

/* 폰트 */
.fc_pink {color:#c7107a;}
.fw_b {font-weight:bold;}
.fw_b_i {font-weight:bold !important;}
.fc_burg {color: #A43F8B;}

/* padding margin */
.mg0{margin:0 !important;}
.mg5{margin:5px !important;}.mg10{margin:10px !important;}.mg15{margin:15px !important;}.mg20{margin:20px !important;}.mg30{margin:30px !important;}.mg40{margin:40px !important;}.mg50{margin:50px !important;}
.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;}.mgt40{margin-top:40px !important;}.mgt50{margin-top:50px !important;}
.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;}.mgb40{margin-bottom:40px !important;}.mgb50{margin-bottom:50px !important;}
.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;}.mgl40{margin-left:40px !important;}.mgl50{margin-left:50px !important;}
.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;}.mgr40{margin-right:40px !important;}.mgr50{margin-right:50px !important;}

.pd0{margin:0 !important;}
.pd5{padding:5px !important;}.pd10{padding:10px !important;}.pd15{padding:15px !important;}.pd20{padding:20px !important;}.pd30{padding:30px !important;}.pd40{padding:40px !important;}.pd50{padding:50px !important;}
.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;}.pdt40{padding-top:40px !important;}.pdt50{padding-top:50px !important;}
.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;}.pdb40{padding-bottom:40px !important;}.pdb50{padding-bottom:50px !important;}
.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;}.pdl40{padding-left:40px !important;}.pdl50{padding-left:50px !important;}
.pdr0{padding-right:0 !important;}
.pdr5{padding-right: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;}.pdr40{padding-right:40px !important;}.mgr50{padding-right:50px !important;}
/* display */
.disnone {display:none;}
.disblock {display:block;}
.disinblock {display:inline-block;}

/* 구분선 */
hr {border:thin solild red; border-bottom:0;}

/* table */

/* floating arrow */
/*
.quick {position:fixed; right:3px; top:50%; margin-top:-102px; text-align:center;}
.quick > div {display:inline-block; width:40px; height:200px;}
.quick > div > img {width:40px; z-index:100;}
.quick > div > img.down {margin-top:110px;}
.quick > div > .qgo_wrap{position:absolute;top:28px;right:4%; z-index:200;}
.quick > div > .qgo_wrap > li{margin-top:5px;}
.quick > div > .qgo_wrap > li > a{display:block;border:3px solid #e5e5e5;width:30px;line-height:30px;background:#fff;font-size:13px;color:#777;text-align:center;border-radius:50%;}
.quick > div > .qgo_wrap > li > a.qgo1-active,
.quick > div > .qgo_wrap > li > a.qgo2-active,
.quick > div > .qgo_wrap > li > a.qgo3-active{background:#c7107a;color:#fff;border:none;padding:3px;}
*/
.floating{ float: left; -webkit-animation-name: Floatingx; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;}
@-webkit-keyframes Floatingx{ from {-webkit-transform:translate(0, 0);} 65% {-webkit-transform:translate(0, 15px);} to {-webkit-transform: translate(0, -0px);}}
@-moz-keyframes Floating{ from {-moz-transform:translate(0, 0);} 65% {-moz-transform:translate(0, 15px);} to {-moz-transform: translate(0, -0px);} }
.scaling{ float: left; -webkit-animation-name: scalex; -webkit-animation-duration:3s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -moz-animation-name: scale;
-moz-animation-duration:2s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease-in-out; }
@-webkit-keyframes scalex{ from {-webkit-transform: scale(0.9);} 65% {-webkit-transform: scale(1.0);} to {-webkit-transform: scale(0.9);}    }
@-moz-keyframes scale{ from {-moz-transform: scale(0.9);} 65% {-moz-transform: scale(1.0);} to {-moz-transform: scale(0.9);}    }

@media screen and (max-width:350px){
    .mct_bk > div {height: 70px;padding: 20px}
    .mct_bk > div > h3{font-size:24px;}
    /* .mct_bk > div{padding-left:90px;background-size:80px;} */
    .mcm_bk > a {padding: 5px 3%;}
    .mcb_bk > ul > li{height: 40px}
    .mcb_bk > ul > li > a{padding: 10px 0;font-size: 1rem;}
    .visual_box > div.vi5 > img {width:320px;}
}
@media screen and (min-width:500px){
    /* .content {margin-top:0;} */
}
@media screen and (max-height:530px){
    .vi4 {display:none;}
}


/* add dev. */
/*body {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; overflow-y:hidden; z-index:1; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}*/
input,select,textarea{background-color:#fff;}
form {padding:0;margin:0;}
legend {display:none;}
fieldset {padding:0;margin:0;border-style:none;}

.common-loading {width:100%; height:100%; position:fixed; left:0; top:0; background-color:#fff; z-index:999;}
.common-loading img {display:block; width:32px; height:32px; margin:0 auto;}

.mcm_bk > a > img {vertical-align:middle;}
.mcm_bk > a > i {vertical-align:middle;}
.mcm_bk > a > span{vertical-align:middle;}

.mcb_bk{padding-bottom:0;}

/* .logo_bx > img {width:71px;} */
/* -- */

.mgt6 {
    margin-top: 6px !important;
}
.mgb6 {
    margin-bottom: 6px !important;
}
.mgl6 {
    margin-left: 6px !important;
}
.mgr6 {
    margin-right: 6px !important;
}
.mgt16 {
    margin-top: 16px !important;
}
.mgb16 {
    margin-bottom: 16px !important;
}
.mgl16 {
    margin-left: 16px !important;
}
.mgr16 {
    margin-right: 16px !important;
}

input[type="radio" i] {
    width: 20px;
    height: 20px;
}

.bdt{
border-bottom: 1px solid #ddd!important;
}
.bdl{
border-bottom: 1px solid #ddd!important;
}
.bdr{
border-bottom: 1px solid #ddd!important;
}
.bdb{
border-bottom: 1px solid #ddd!important;
}