@charset "utf-8";

@font-face {
    font-family: nsR;
    src: url('/theme/safety-way/font/NanumSquareR.eot');
    src: local('?'),url('/theme/safety-way/font/NanumSquareR.woff') format('woff'),url('/theme/safety-way/font/NanumSquareR.ttf') format('truetype'),url('/theme/safety-way/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')
}

@font-face {
    font-family: nsB;
    font-weight: 600;
    src: url('/theme/safety-way/font/NanumSquareR.eot');
    src: local('?'),url('/theme/safety-way/font/NanumSquareR.woff') format('woff'),url('/static/font/NanumSquareR.ttf') format('truetype'),url('/theme/safety-way/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')
}

@font-face {
    font-family: ulR;
    src: url('/theme/safety-way/font/UNIVERSLIGHTR.eot');
    src: local('?'),url('/theme/safety-way/font/UNIVERSLIGHTR.woff') format('woff'),url('/theme/safety-way/font/UNIVERSLIGHTR.ttf') format('truetype'),url('/theme/safety-way/font/UNIVERSLIGHTR.svg#webfontdeSVIj0D') format('svg')
}

@font-face {
    font-family: nm;
    src: url('/theme/safety-way/font/NanumMyeongjo.eot');
    src: local('?'),url('/static/font/NanumMyeongjo.woff') format('woff'),url('/theme/safety-way/font/NanumMyeongjo.ttf') format('truetype'),url('/theme/safety-way/font/NanumMyeongjo.svg#webfontdeSVIj0D') format('svg')
}

@font-face {
    font-family: 'NanumSquareB';
    font-weight: 700;
    src: url('/theme/safety-way/font/NanumSquareB.eot');
    src: local('?'), url('/theme/safety-way/font/NanumSquareB.woff') format('woff'), url('/theme/safety-way/font/NanumSquareB.woff') format('woff'), url('/theme/safety-way/font/NanumSquareB.woff2') format('woff2'), url('/theme/safety-way/font/NanumSquareB.ttf') format('truetype');
    /* url('https://www.dlenc.co.kr/static/font/NanumSquareB.svg#webfontdeSVIj0D') format('svg') */
}

/*에스코어드림*/
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-6Bold.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-6Bold.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-8Heavy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 던파 비트비트체 v2 */
@font-face{
    font-family:'DNFBitBitv2';
    font-style:normal;font-weight:400;src:url('//cdn.df.nexon.com/img/common/font/DNFBitBitv2.otf')format('opentype')
}

/* 어그로체 */
@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 티웨이항공체 */
@font-face {
    font-family: 'twayair';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
}


* {font-family: 'S-CoreDream-4Regular'; font-size: 14px}

.mobile{display: none;}

.popup{position: fixed; top:0; left:0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 2;}
.popup > .box{position: absolute; top:50%; left:50%; padding:35px 25px; background: #fff; transform: translate(-50%, -50%); border-radius: 10px;}
.popup > .box > p{font-size: 25px; font-family: 'S-CoreDream-6Bold'; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #EBEBEB;}
.popup > .box > button {width: 100%; border: 0; border-radius: 10px; background: #3967F6; color: #fff; text-align: center; font-size: 18px; height: 60px; font-family: 'S-CoreDream-6Bold';}
.popup > .box a.close{background: url(/theme/nofee/img/icon_close_w_01.svg) no-repeat center; display: inline-block; width: 30px; height: 30px; position: absolute; top: -35px; right: -0px; cursor: pointer;}

#hd_login_msg{display: none;}
#skip_to_container{display: none;}

#hd{background:#fff; border-bottom:1px solid #e4e5ed;}
#hd h2{display: none;}

#hd .top_banner{width: 100%; background:#3967F6;}
#hd .top_banner div{width: 100%; max-width: 1280px; min-width: 1280px; margin: 0 auto;}
#hd .top_banner div:after{content:""; display:block; clear:both;}
#hd .top_banner div span{float: left; font-size: 15px; color:#fff; line-height: 40px; font-weight: bold;}
#hd .top_banner div span:last-child{float: right;}

#hd .headerin{width: 100%; max-width: 1280px; min-width: 1280px; margin: 0 auto; position: relative;}
#hd .headerin:after{content:""; display:block; clear:both;}
#hd .headerin > div{float:left; }
#hd .headerin > div#hd_wrapper{width:100%; height: auto; margin-top:18px; padding: 0;}

#hd .headerin > div#hd_wrapper > div{float: left; margin-right: 15px;}

#hd .headerin > div#hd_wrapper #logo{padding:2.5px 0;}
#hd .headerin > div#hd_wrapper #logo a img{height: 30px;}

#hd .headerin > div#hd_wrapper .hd_sch_wr{padding: 0; margin-left: 0; border: 2px solid #4D81E3; width: calc(100% - 575.05px); max-width: 800px; border-radius: 15px;}
#hd .headerin > div#hd_wrapper .hd_sch_wr #hd_sch #sch_stx{background: #fff; float: left; padding-left: 30px; font-size: 15px; height: 35px; width: calc(100% - 45px); color:#333;}
#hd .headerin > div#hd_wrapper .hd_sch_wr #hd_sch #sch_stx:focus{outline: none; border:none; box-shadow: none;}
#hd .headerin > div#hd_wrapper .hd_sch_wr #hd_sch #sch_submit{background: #fff; float: right; height: 35px; width: 45px;}
#hd .headerin > div#hd_wrapper .hd_sch_wr #hd_sch #sch_submit img{height: 19px; position: relative; top:-2px;}

#hd .headerin > div#hd_wrapper .profile_btn{float: right;}
#hd .headerin > div#hd_wrapper .profile_btn a{float: left; line-height:40px; font-size:14px; font-family: 'S-CoreDream-5Medium'; position: relative;}
#hd .headerin > div#hd_wrapper .profile_btn a:nth-child(n + 2){margin-left: 20px;}
#hd .headerin > div#hd_wrapper .profile_btn a:nth-child(n + 2):after{content:""; display:block; clear:both; position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #333; left: -11px; top:18.5px;}

#hd .headerin > div#hd_wrapper .hd_login{float: right; position: static; padding:2px 0;}
#hd .headerin > div#hd_wrapper .hd_login li{border: 0; margin: 0; padding: 0; position: relative;}
#hd .headerin > div#hd_wrapper .hd_login li:nth-child(n + 2){margin-left:10px;}
#hd .headerin > div#hd_wrapper .hd_login li:first-child a{background:#3F80E9; color:#fff;}
#hd .headerin > div#hd_wrapper .hd_login li a{display: block; line-height: 34px; border: 1px solid #3F80E9; color:#3F80E9; font-size:14px; padding:0 19px; border-radius: 6px;}

#hd .headerin > nav{float:left; margin-left: 54px; background: none;}
#hd .headerin > nav .gnb_wrap{width: max-content;}
#hd .headerin > nav .gnb_wrap div#gnb_1dul{border-bottom: 0; background: none;}
#hd .headerin > nav .gnb_wrap div#gnb_1dul span.gnb_1dli{line-height: 70px; }
#hd .headerin > nav .gnb_wrap div#gnb_1dul span.gnb_1dli .bg{display: none;}
#hd .headerin > nav .gnb_wrap div#gnb_1dul span.gnb_1dli a.gnb_1da{padding: 0; font-size: 16px; color:#999;}
#hd .headerin > nav .gnb_wrap div#gnb_1dul span.gnb_1dli a.gnb_1da.on{color:#222;}

#hd .headerin > div.cate{width: 100%; max-width: 1280px; min-width: 1280px; margin:0 auto;}

#hd .headerin > div.cate .gnb_mnal{float: left; width: max-content; margin-right: 20px;}
#hd .headerin > div.cate .gnb_mnal button{font-size: 17px; line-height:60px; height:60px; padding-left:25px; width: max-content; font-family: 'S-CoreDream-7ExtraBold'; background: url("/theme/nofee/img/icon_menu_b.svg") no-repeat; background-position: 2px center;  background-size: 12% auto;}

#hd .headerin > div.cate #gnb{float: left; width: calc(100% - 372px); height: 70px;}
#hd .headerin > div.cate #gnb .gnb_wrap{width: 100%; height: 100%; }
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul{border-bottom: 0;  padding: 0 30px;}

#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul .slick-arrow{opacity: 1; z-index: 2; width: 28px; height: 28px; top:50%; background-repeat: no-repeat !important; background-position: center !important; background-size: 35% !important;}
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul .slick-arrow:before{display: none;}
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul .slick-arrow.slick-prev{left:0; background: url("/theme/nofee/img/icon_arrow_L_b.svg");}
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul .slick-arrow.slick-next{right:0; background: url("/theme/nofee/img/icon_arrow_R_b.svg");}

#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul span.gnb_1dli{text-align: center; width: auto; }
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul span.gnb_1dli a.gnb_1da{line-height: 60px; font-size: 16px; padding:0 18px; font-weight: bold;}
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul span.gnb_1dli .gnb_2dli{background: #fff;}
#hd .headerin > div.cate #gnb .gnb_wrap #gnb_1dul span.gnb_1dli .gnb_2dli .gnb_2da{width: max-content;}

#hd .headerin > div.cate > a{float: right; display: block; line-height: 24px; font-size: 16px; color:#333; font-family: 'S-CoreDream-7ExtraBold'; padding: 0 20px 0 25px; position: relative; margin-left:0px; margin: 20px 0 0 0;}
#hd .headerin > div.cate > a.community{color:#3F80E9;}
#hd .headerin > div.cate > a:before{content:""; display:block; clear:both; width: 1px; height: 19px; position: absolute; top:2.5px; left:0; background:#DFDFE0; }
#hd .headerin > div.cate > a.new:after{content:"NEW"; display:block; clear:both; position: absolute; top: -8px; right: 12px; font-size: 10px; color: #FF5A67; line-height: 1}

#hd .headerin .gnb_mnal{}
#hd .headerin .gnb_mnal button{height:70px; width: 70px; background:none; border: 0; color:#222; font-size: 20px;}

/*#hd{background:#0c2340}
#hd .headerin > nav .gnb_wrap ul#gnb_1dul li.gnb_1dli a.gnb_1da{color:#ccc;}
#hd .headerin > nav .gnb_wrap ul#gnb_1dul li.gnb_1dli a.gnb_1da.on{color:#fff;}
#hd .headerin .gnb_mnal button{color:#fff;}
*/

#gnb .gnb_close_btn{background: none; color:#fff; background: url("/theme/nofee/img/icon_close_w_01.svg") no-repeat center; top:15px; background-size: 100%;}

#container_wr.main{width: 100%; min-width: 1280px; margin: 0 auto;}
#container_wr.main #container{width: 100%; margin: 0;}

#container_wr.main{}
#container_wr.main .cons{text-align: center;}
#container_wr.main .cons > p{font-family: 'SBAggroB'; font-size:25px; margin-bottom: 1.5rem;}
#container_wr.main .cons > p b{font-family: 'SBAggroB'; font-size: 25px; color:#3572E5;}
#container_wr.main .cons{width: 100%; max-width: 1280px; min-width: 1280px; margin:100px auto 0 auto;}

#container_wr.main .slick-arrow{width: 46px; height: 46px;}
#container_wr.main .slick-arrow:before{content:""; display:none;}
#container_wr.main .slick-arrow.slick-prev{background: url("/theme/nofee/img/icon_slick_btn01_l.svg"); left: -65px;}
#container_wr.main .slick-arrow.slick-next{background: url("/theme/nofee/img/icon_slick_btn01_r.svg"); right: -65px;}

#container_wr.main .cons.con01{width: 100%; overflow: hidden; max-width: 100%; height: 280px; position: relative; margin-top:40px;}
#container_wr.main .cons.con01 .row.main_img{position: absolute; left:50%; top:0; transform: translate(-50%, 0%); width: 2430px;}
#container_wr.main .cons.con01 .row.main_img .slick-slide{ background: #000; margin: 0 15px; border-radius: 25px; overflow: hidden;}
#container_wr.main .cons.con01 .row.main_img .slick-slide img{opacity: 0.8; width: 100%; height: auto;}
#container_wr.main .cons.con01 .row.main_img .slick-slide.slick-center img{opacity: 1;}
#container_wr.main .cons.con01 .row.main_img .slick-arrow{opacity: 1; z-index: 2; width: 28px; height: 28px; top:50%; background-repeat: no-repeat !important; background-position: center;}
#container_wr.main .cons.con01 .row.main_img .slick-arrow:before{display: none;}
#container_wr.main .cons.con01 .row.main_img .slick-arrow.slick-prev{left:50%; transform: translate(-360px, -50%); background: url("/theme/nofee/img/icon_arrow_L_btn.svg");}
#container_wr.main .cons.con01 .row.main_img .slick-arrow.slick-next{right:50%; transform: translate(360px, -50%); background: url("/theme/nofee/img/icon_arrow_R_btn.svg");}

#container_wr.main .cons.con02{margin-top:60px;}
#container_wr.main .cons.con02 .row.boxs{}
#container_wr.main .cons.con02 .row.boxs:after{content:""; display:block; clear:both;}
#container_wr.main .cons.con02 .row.boxs .box{float: left; margin-right: 40px; width: calc((100% - 40px) / 2); padding:25px 20px; border-radius: 20px; overflow:hidden; position: relative;   color:#333;  background: #f7fbff;}
#container_wr.main .cons.con02 .row.boxs .box:after{content:""; display:block; clear:both; position: absolute; z-index: 1; background-size: contain !important;}
#container_wr.main .cons.con02 .row.boxs .box P{ font-family: 'S-CoreDream-7ExtraBold'; font-size: 20px; position: relative; z-index: 2;  margin: 10px 0 2px 0;}
#container_wr.main .cons.con02 .row.boxs .box span{font-family: 'S-CoreDream-5Medium'; line-height: 1.3; display: block; margin-top: 5px; position: relative; z-index: 2;}
#container_wr.main .cons.con02 .row.boxs .box .btns{margin-top:0px; position: relative; z-index: 2; width: max-content; display: inline-block;}
#container_wr.main .cons.con02 .row.boxs .box .btns:after{content:""; display:block; clear:both;}
#container_wr.main .cons.con02 .row.boxs .box .btns a{display: block; width: 160px; height: 46px; line-height:46px; text-align: center; background: #383838; color:#fff; margin-top: 10px; border-radius: 10px; float: left;}
#container_wr.main .cons.con02 .row.boxs .box .btns a:nth-child(n + 2){margin-left: 10px;}
#container_wr.main .cons.con02 .row.boxs .box .btns a font{font-family: 'S-CoreDream-7ExtraBold'; position: relative; padding-right: 30px; }
#container_wr.main .cons.con02 .row.boxs .box .btns a font:after{content:""; display:block; clear:both; position: absolute; width: 20px; height: 20px; border-radius: 20px; background:#000000 url("/theme/nofee/img/icon_arrow_L_w.svg") no-repeat center; right: 0; top:-0.5px;}


#container_wr.main .cons.con02 .row.boxs .box:last-child{margin-right: 0; }

/* #container_wr.main .cons.con02 .row.boxs .box:first-child{background:#45A7D3}
#container_wr.main .cons.con02 .row.boxs .box:first-child:after{right: 32px; bottom: 10px; width: 227px; height: 175px; background: url("/theme/nofee/img/con01 _box_img01.png") no-repeat; }
#container_wr.main .cons.con02 .row.boxs .box:last-child:after{right: -39px; bottom:-169px; width: 443px; height: 436px; background: url("/theme/nofee/img/con01 _box_img02.png") no-repeat; }
#container_wr.main .cons.con02 .row.boxs .box:first-child .btns a:last-child{background: #1B7ADD;}
#container_wr.main .cons.con02 .row.boxs .box:first-child .btns a:last-child font:after{background:#1965B0 url("/theme/nofee/img/icon_arrow_L_w.svg") no-repeat center;}
#container_wr.main .cons.con02 .row.boxs .box:last-child .btns a:last-child{background: #8B5FF5;}
#container_wr.main .cons.con02 .row.boxs .box:last-child .btns a:last-child font:after{background:#714EC3 url("/theme/nofee/img/icon_arrow_L_w.svg") no-repeat center;} */

#container_wr.main .cons.con02 .row.notice{margin-top: 20px;}
#container_wr.main .cons.con02 .row.notice span{display: block; line-height: 1.5; color:#989898; }

#container_wr.main .cons.con03 .cate_btn{margin-bottom: 20px;}
#container_wr.main .cons.con03 .cate_btn:after{content:""; display:block; clear:both;}
#container_wr.main .cons.con03 .cate_btn span{float: left; margin-right: 10px; cursor: pointer; padding: 9px 15px; display: inline-block; border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.05); }
#container_wr.main .cons.con03 .cate_btn span.on{background-color: #000; font-weight: bold; color:#fff;}
#container_wr.main .cons.con03 .cate_btn span:hover{background-color: #000; font-weight: bold; color:#fff;}
#container_wr.main .cons.con03 ul{display:flex; gap: 20px; flex-wrap: wrap; }
#container_wr.main .cons.con03 ul li{width: calc((100% - 80px) / 5); text-align: left;}
#container_wr.main .cons.con03 ul li .img{width: 100%; height:9.1vw; overflow: hidden; border-radius: 10px;}
#container_wr.main .cons.con03 ul li .img img{width: 100%; height:auto; min-height: 100%;}
#container_wr.main .cons.con03 ul li .bot{margin-top: 10px;}
#container_wr.main .cons.con03 ul li .bot span{display: block;}
#container_wr.main .cons.con03 ul li .bot span.title{font-size: 16px; }
#container_wr.main .cons.con03 ul li .bot span.price{font-weight: bold; color:#3F80E9; font-size: 20px; line-height:2; font-family: 'S-CoreDream-7ExtraBold';}
#container_wr.main .cons.con03 ul li .bot span.name{font-size: 13px;}
#container_wr.main .cons.con03 > a{text-align: center;  margin-top: 60px; width: 200px; height: 40px; border-radius:8px; border: 1px solid #C9CAD3; display: inline-block;}
#container_wr.main .cons.con03 > a font{line-height: 38px; font-size: 13px; position: relative; color:#333333; padding-right: 30px; display: inline-block;}
#container_wr.main .cons.con03 > a font:after{content:""; display:block; clear:both; position: absolute; width: 7px; height:10px; background:url("/theme/nofee/img/icon_aorrw_r_b.svg") no-repeat; background-size: contain; right: 0; top:50%; transform: translate(0, -50%);}

#container_wr.main .cons.con04{background:#F4FAFE; padding: 50px 0 100px 0; max-width: 100%; position: relative; overflow: hidden;}
#container_wr.main .cons.con04 .row{max-width: 1280px; margin: 0 auto; position: relative; z-index: 2;}
#container_wr.main .cons.con04 .row .box:after{content:""; display:block; clear:both;}
#container_wr.main .cons.con04 .row .box div{float: left; width: calc((100% - 80px) / 5); height:100px; background: #fff;  display: flex; justify-content: center;  align-items: center;  overflow: hidden; margin-right: 20px;}
#container_wr.main .cons.con04 .row .box div:nth-child(5n){margin-right: 0;}
#container_wr.main .cons.con04 .row .box div:nth-child(n + 6){margin-top:20px;}
#container_wr.main .cons.con04 .row .box div img{max-height:70%; width: auto;}
#container_wr.main .cons.con04 > span{color:#DEEEF7; position: absolute; bottom:0; left:50%; transform: translate(-50%, 25%); font-size: 7vw; white-space: nowrap; width: 100%; text-align: center; line-height: 1; font-family: 'SBAggroB';}


#container_wr.main .cons.con05 .row:after{content:""; display:block; clear:both;}
#container_wr.main .cons.con05 .row .box{float: left; margin-right: 30px; width: calc((100% - 30px) / 2); text-align: left;}
#container_wr.main .cons.con05 .row .box:nth-child(2) .bot{background: #3967F6;}
#container_wr.main .cons.con05 .row .box:nth-child(2) .bot ul li{border-color:#8EAAFF;}
#container_wr.main .cons.con05 .row .box:last-child{margin-right: 0;}
#container_wr.main .cons.con05 .row .box .img{height:100px; overflow: hidden; border-radius: 20px 20px 0 0; display: none;}
#container_wr.main .cons.con05 .row .box .img img{width: 100%; height: auto; min-height: 100%;}
#container_wr.main .cons.con05 .row .box:nth-child(2) .pic_list2 > a{background: url("/theme/nofee/img/icon_arrow_r_wb.svg")}


#container_wr.main .cons.con06{background:#F7F8F9; padding: 50px 0; max-width: 100%; position: relative; overflow: hidden; text-align: left;}
#container_wr.main .cons.con06 .row{padding: 20px 0; max-width: 1280px; margin: 0 auto; background: #ffff; border-radius:20px; }
#container_wr.main .cons.con06 .row:after{content:""; display:block; clear:both;}
#container_wr.main .cons.con06 .row .box{float: left; width: 50%; padding: 0 30px; border-right: 1px solid #D4D4D4; position: relative;}
#container_wr.main .cons.con06 .row .box:last-child{border: 0;}


#ft{background: #fff; padding-top: 20px; text-align: left;}
#ft .footerin{width: 100%; max-width: 600px; min-width: 1280px; margin: 0 auto;}
#ft .footerin #ft_wr{padding: 0 0 10px 0}
#ft .footerin #ft_wr #ft_link{width: 100%;}
#ft .footerin #ft_wr #ft_link:after{content:""; display:block; clear:both;}
#ft .footerin #ft_wr #ft_link a{font-size: 13px; color: #222; padding: 0 15px; display: inline-block; float: left;}
#ft .footerin #ft_wr #ft_link a:first-child{padding-left: 0}
#ft .footerin #ft_wr #ft_link a:last-child{padding-right: 0}
#ft .footerin #ft_wr #ft_company{color:#222; width: 100%; padding: 0; }
#ft .footerin #ft_wr #ft_company div{width: max-content; display: inline-block;}
#ft .footerin #ft_wr #ft_company div:after{content:""; display:inline-block; clear:both;}
#ft .footerin #ft_wr #ft_company div span{float: left; padding: 0 10px; position: relative;}
#ft .footerin #ft_wr #ft_company div span::after{content:""; display:block; clear:both; position: absolute; top:6.5px; right: 0; height: 15px; width: 1px; background: #b6b6b6;}
#ft .footerin #ft_wr #ft_company div span:first-child{padding-left: 0;}
#ft .footerin #ft_wr #ft_company div span:last-child:after{display: none;}

#ft_copy{border-top: 0; text-align: left; margin: 0;}

/*로그인*/
#mb_login.mbskin{width: 430px;}
#mb_login.mbskin .mbskin_box{border: 0;}
#mb_login.mbskin .mb_log_cate{}
#mb_login.mbskin .mb_log_cate h2{padding: 0; font-size: 37px; font-family: 'S-CoreDream-6Bold'; text-align: left; width: 100%;}
#mb_login.mbskin .mb_log_cate span{ text-align: left; width: 100%; color:#666666; font-size: 20px; display: block;}

#mb_login.mbskin #login_fs{padding: 0; margin-top: 45px;}
#mb_login.mbskin #login_fs .frm_input{border-radius: 10px; padding: 0 16px; height: 60px; font-size: 14px;}
#mb_login.mbskin #login_fs .btn_submit{margin-top: 30px !important; font-size: 15px; height: 60px; border-radius: 10px; font-family: 'S-CoreDream-6Bold'; background: #3571E5;}
#mb_login.mbskin #login_info .login_if_lpl{width: 100%;}
#mb_login.mbskin #login_info .login_if_lpl a{float: left;}
#mb_login.mbskin #login_info .login_if_lpl a:after{content:""; display:block; clear:both;}
#mb_login.mbskin #login_info .login_if_lpl a:last-child{float: right;}

#mb_login.mbskin #sns_login{margin-top: 45px; padding: 20px 0 0 0;}
#mb_login.mbskin #sns_login h2{font-size: 16px; font-family: 'S-CoreDream-6Bold';}
#mb_login.mbskin #sns_login .txt{display: none;}
#mb_login.mbskin #sns_login .sns-wrap{ display: inline-block;}
#mb_login.mbskin #sns_login .sns-wrap:after{content:""; display:block; clear:both;}
#mb_login.mbskin #sns_login .sns-icon{width: 50px !important; height: 50px !important; border-radius: 50px; background-size: auto; background-position: center; padding: 0 !important; margin-right: 15px !important; position: relative; margin-top: 20px;}
#mb_login.mbskin #sns_login .sns-google{background: #fff; border: 1px solid #cdcdcd;}
#mb_login.mbskin #sns_login .sns-google .ico{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}


/*회원가입 - 약관*/
.register{width: 430px; position: relative; margin: 100px auto 0 !important; padding-bottom: 100px;}
.register .mb_log_cate{margin-top: 35px; padding-bottom: 30px; border-bottom: 1px solid #DEDFE8;}
.register .mb_log_cate h2{padding: 0; font-size: 37px; font-family: 'S-CoreDream-6Bold'; text-align: left; width: 100%;}
.register .mb_log_cate span{ text-align: left; width: 100%; color:#666666; font-size: 20px; display: block;}

.register #fregister{margin-top:30px;}
.register #fregister section{border: 0; margin: 40px 0 0 0;}
.register #fregister section:first-child{margin-top: 0;}
.register #fregister section h2{border-bottom: 0; padding: 0; margin-bottom: 15px;}
.register .fregister_agree input[type="checkbox"] + label span{top:2.5px;}
.register #fregister textarea{resize: none; border:1px solid #DEDFE8; border-radius: 10px;}
.register #fregister_private div{border:1px solid #DEDFE8;  border-radius: 10px;}

.register .login-sns{border: 0;}
.register #sns_register{margin-top: 30px;}
.register #sns_register h2{padding: 0; line-height: 50px; }
.register #sns_register .sns-wrap{padding: 0;}
.register #sns_register .sns-icon{width: 50px; height: 50px; border-radius: 50px; background-position: center; background-size:auto ;}
.register #sns_register .sns-google .ico{width: 50px; height: 50px; background-position: center; background-size:60%;}

.register  #fregister_chkall{margin: 20px 0 30px 0; border-radius: 10px; }
.register  .fregister_agree input[type="checkbox"]:checked + label{cursor: pointer;}

.register .btn_confirm:after{content:""; display:block; clear:both;}
.register .btn_confirm .btn_close{width: 35% !important; font-family: 'S-CoreDream-4Regular' !important; border: 0; background:#CBD1DB; color:#fff; border-radius: 10px 0 0 10px;}
.register .btn_confirm .btn_submit{margin-left:0 !important; width: 65% !important; border-radius: 0 10px 10px 0; background: #3571E5; font-family: 'S-CoreDream-6Bold'; font-size: 16px;}

.register.yatt{width:490px;}
.register.yatt .cert_req{color:#F25B5B ; display: inline-block;}
.register.yatt .register_form_inner{border: 0; background: none;}
.register.yatt #register_form h2{font-size: 25px; font-family: 'S-CoreDream-6Bold'; padding: 0; border-bottom: 0; margin-bottom: 40px;}
.register.yatt .register_form_inner ul{padding: 0;}
.register.yatt .register_form_inner ul li{margin-bottom: 30px;}
.register.yatt .register_form_inner ul li input{width: 100%; height: 50px; border-radius: 10px; border-color:#DEDFE8; padding: 15px; font-size: 14px;}
.register.yatt .register_form_inner ul li input.readonly{background: #F8F8F8; border-color:#CCCCCC;}
.register.yatt .register_form_inner label{margin-bottom: 3px;}
.register.yatt #fregisterform .btns{margin-bottom: 0;}
.register.yatt #fregisterform .btns:after{content:""; display:block; clear:both;}
.register.yatt #fregisterform .btns button{width: 49.5%; margin-right: 0.5%; float: left;}
.register.yatt #fregisterform .btns button:nth-child(2){display: none;}
.register.yatt #fregisterform .btns button:last-child{margin-right: 0;}

.register.yatt #fregisterform .email_fim_show{background:#F1F2F5; padding: 20px; border-radius: 10px; display: none; margin-top:10px;}
.register.yatt #fregisterform .email_fim_show > div{position: relative; margin: 20px 0 0 0;}
.register.yatt #fregisterform .email_fim_show > div:first-child{margin-top: 0;}
.register.yatt #fregisterform .email_fim_show > div input{height: 50px; border-radius: 10px; border:1px solid #DEDFE8;}
.register.yatt #fregisterform .email_fim_show > div a{position: absolute; top:50%; right: 10px; transform: translate(0, -50%); background: #434a54; border-radius: 3px; color: #fff; height: 30px; padding: 0 10px; line-height: 30px;}
.register.yatt #fregisterform .email_fim_show > div a.resand{background: none; text-decoration: underline; color:#333;}
.register.yatt #fregisterform .email_fim_show > div.inputs2{display: none;}
.register.yatt #fregisterform .email_fim_show > div.texts{margin-bottom: 0;}
.register.yatt #fregisterform .email_fim_show > div.texts span{display: block; color:#F25B5B;}


div.radio{padding: 15.5px 0;}
div.radio label{display: flex; align-items: center; position: relative; cursor: pointer; float: left; margin-right: 20px;}
div.radio label input[type="radio"] {display: none;}
div.radio label span.radio-icon {width: 27px; height: 27px; background: url("/theme/nofee/img/icon_radio_off.png") no-repeat center; margin-right: 10px;}
div.radio label input[type="radio"]:checked + span.radio-icon {background: url("/theme/nofee/img/icon_radio_on.png") no-repeat center;}
div.radio input[type="text"],
div.radio select{position: relative; top: -17px;}

div.checkbox{padding: 15.5px 0;}
div.checkbox label{display: flex; align-items: center; position: relative; cursor: pointer; float: left; margin-right: 20px;}
div.checkbox label input[type="checkbox"] {display: none;}
div.checkbox label span.checkbox-icon {width: 27px; height: 27px; background: url("/theme/nofee/img/icon_checkbox_off.png") no-repeat center; margin-right: 10px;}
div.checkbox label input[type="checkbox"]:checked + span.checkbox-icon {background: url("/theme/nofee/img/icon_checkbox_on.png") no-repeat center;}

div.box_radio{}
div.box_radio label{position: relative; line-height: 56px; height: 58px; border: 1px solid #DEDFE8; border-right: 0; display: block; float: left; z-index: 2; width: 130px; text-align: center; }
div.box_radio label input{position: absolute; top:0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
div.box_radio label:first-child{border-radius: 10px 0 0 10px;}
div.box_radio label:last-child{border-radius: 0 10px 10px 0; border-right: 1px solid #DEDFE8;}
div.box_radio label.on{color:#3571E5; border:1px solid #3571E5;}

.sub .cont .row{width: 100%; max-width: 1280px; margin: 0 auto;}

.google{width: 100%; text-align: center; margin: 50px 0;}
.google img{}

/*회원가입 - sns*/
.social_register{width: 430px; position: relative; margin: 100px auto 0 !important; padding-bottom: 100px;}
.social_register #fregisterform p{display: none;}
.social_register #fregisterform fieldset input{opacity: 0;}
.social_register #fregisterform #fregister_chkall input{opacity: 0;}
.social_register #fregisterform .form_01 li:first-child{display:;}
.member_connect{display: none;}

.sub.community .cont .row {display: flex; flex-wrap: wrap; gap:  45px 20px;}
.sub.community .cont .row .pic_li_lt {width: calc(50% - 10px); box-sizing: border-box;}
.sub.community .cont .row .pic_li_lt .lat_title a{font-size: 18px;}
.sub.community .cont .row .pic_li_lt ul li:after{content:""; display:block; clear:both;}
.sub.community .cont .row .pic_li_lt ul li a{float: left; width:calc(100% - 100px ); font-size: 16px; line-height: 40px; font-weight: normal; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.sub.community .cont .row .pic_li_lt ul li .lt_info{float: right; text-align: left; padding-right: 20px;}
.sub.community .cont .row .pic_li_lt ul li .lt_info span{color:#94969b; font-size: 14px; opacity: 0.6; margin-left: 5px; background-repeat: no-repeat !important; background-position:center left !important; line-height: 40px;}
.sub.community .cont .row .pic_li_lt ul li .lt_info span:first-child{margin-left: 0;}
.sub.community .cont .row .pic_li_lt ul li .lt_info span.view{background: url("/theme/nofee/img/view.svg"); background-size:auto 90%; padding-left: 22px;}
.sub.community .cont .row .pic_li_lt ul li .lt_info span.talk{background: url("/theme/nofee/img/messenger.svg"); background-size:auto 70%; padding-left: 18px;}

.sub.community .cont .best_list{margin-top: 35px;}
.sub.community .cont .best_list .pic_li_lt{width:90%; margin: 0 auto;}
.sub.community .cont .best_list .pic_li_lt ul li .cate{float: left; border:1px solid #eee; line-height: 26px; padding: 0 6px 0 7px;; font-size: 14px;  margin: 6px; color: #94969b; font-family: 'S-CoreDream-3Light';}
.sub.community .cont .best_list .pic_li_lt ul li a{width: calc(100% - 220px);}

.sub.mypage{width: 1240px; margin: 100px auto;}
.sub.mypage:after{content:""; display:block; clear:both;}
.sub.mypage .left_menu{float: left}
.sub.mypage .left_menu .my_info .img{width: 166px; height: 166px; border-radius: 166px; overflow: hidden;}
.sub.mypage .left_menu .my_info .img img{width: 100%; min-height: 100%;}
.sub.mypage .left_menu .my_info  span{display: block; margin-top: 15px; font-size: 20px; text-align: center;}
.sub.mypage .left_menu .menu{margin-top: 90px;}
.sub.mypage .left_menu .menu p{font-size: 20px; font-family: 'S-CoreDream-8Heavy';}
.sub.mypage .left_menu .menu ul{margin-top: 10px;}
.sub.mypage .left_menu .menu ul li a{font-size: 16px; line-height: 35px;}
.sub.mypage .left_menu .menu ul li.on{padding:0 20px; background:#3967F6; border-radius: 20px; position:relative; left: -20px; margin: 2px 0;}
.sub.mypage .left_menu .menu ul li.on a{color:#fff;}

.sub.mypage .cont{float: right; width: calc(100% - 250px); background:#F5F6F8; border-radius: 10px; border: 1px solid #E4E5ED; padding: 20px; min-height: 700px;}
.sub.mypage .cont .box:nth-child(n + 2){margin-top: 20px;}
.sub.mypage .cont .box p{font-size: 16px; font-family: 'S-CoreDream-6Bold';}
.sub.mypage .cont .box .list{margin-top: 15px;}
.sub.mypage .cont .box .list ul li{padding: 15px; background: #fff; border-radius: 10px; border: 1px solid #E4E5ED; position: relative;}
.sub.mypage .cont .box .list ul li:nth-child(n + 2){margin-top: 10px;}
.sub.mypage .cont .box .list ul li div:after{content:""; display:block; clear:both;}
.sub.mypage .cont .box .list ul li div span{display: block; float: left;  line-height: 30px; margin-left:5px;}
.sub.mypage .cont .box .list ul li .info span.img{width: 30px; height: 30px; border-radius: 30px; overflow: hidden; margin-left: 0;}
.sub.mypage .cont .box .list ul li .info span.img img{width: 100%; min-height: 100%;}
.sub.mypage .cont .box .list ul li .info span.name{font-size: 16px; font-family: 'S-CoreDream-6Bold'; }
.sub.mypage .cont .box .list ul li .info span.day{font-size: 12px;}
.sub.mypage .cont .box .list ul li .info span.link{float:initial; position: absolute; top:15px; right: 15px; }
.sub.mypage .cont .box .list ul li .info span.link a{font-size: 12px; display: inline-block; border-radius: 5px; border: 1px solid #E4E5ED; line-height: 25px; padding:0 10px;}
.sub.mypage .cont .box .list ul li .sub{margin: 10px 0 15px 0; font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 100%;}
.sub.mypage .cont .box .list ul li .bot .cate{font-size: 12px; display: inline-block; border-radius: 5px; border: 1px solid #E4E5ED; line-height: 25px; padding:0 10px;}
.sub.mypage .cont .box .list ul li .bot .tit{line-height: 27px; font-size: 15px; font-family: 'S-CoreDream-6Bold';}
.sub.mypage .cont .box .pg_wrap{margin-top: 25px; text-align: center; width: 100%;}

.sub.mypage.board .cont{background: none; border: 0; border-left: 2px solid #E4E5ED; padding:20px 20px 20px 60px}
.sub.mypage.board .cont .box .list ul li:after{content:""; display:block; clear:both;}
.sub.mypage.board .cont .box .list ul li > button{float: left; width: 100%; margin-top: 10px; border: 1px solid #E4E5ED; background: #FAFAFC; line-height: 30px; font-size: 12px;}
.sub.mypage.board .cont .box .list ul li > div{float: left;}
.sub.mypage.board .cont .box .list ul li > div.img{width: 120px; height: 94px; overflow: hidden;}
.sub.mypage.board .cont .box .list ul li > div.img img{width: 100%; min-height: 100%;}
.sub.mypage.board .cont .box .list ul li .info{margin-left: 10px; }
.sub.mypage.board .cont .box .list ul li .info span{display: block;  }
.sub.mypage.board .cont .box .list ul li .info .day{font-size: 13px; line-height: 30px; margin-left: 10px;}
.sub.mypage.board .cont .box .list ul li .info .title{font-size: 15px; font-family: 'S-CoreDream-6Bold'; width: 100%;}
.sub.mypage.board .cont .box .list ul li .info .price{font-size: 15px; font-family: 'S-CoreDream-6Bold'; width: 100%;}
.sub.mypage.board .cont .box .list ul li .info > a{display: inline-block; float: left; padding:0 10px 0 30px; background: #3F80E9; border-radius: 5px; color:#fff; font-family: 'S-CoreDream-5Medium'; font-size: 15px; line-height: 35px; position: relative; margin-top: 10px;}
.sub.mypage.board .cont .box .list ul li .info > a:after{content:""; display:block; clear:both; position: absolute; width:19px; height: 19px; background: url("/theme/nofee/img/icon_up.svg") no-repeat center; position: absolute; left: 10px; top:8px; }
.sub.mypage.board .cont .box .list ul li .inquiry{background: #FAFAFC; padding: 15px; width: 100%; margin-top: 10px;}
.sub.mypage.board .cont .box .list ul li .inquiry > div{position: relative;}
.sub.mypage.board .cont .box .list ul li .inquiry > div p{font-size: 15px; line-height: 30px;}
.sub.mypage.board .cont .box .list ul li .inquiry > div .text{display: block; margin-top: 5px; line-height: 1.5;}
.sub.mypage.board .cont .box .list ul li .inquiry > div .day{font-size: 13px; color:#B9B9B9;}
.sub.mypage.board .cont .box .list ul li .inquiry .top .day{position: absolute; right: 0px; top:0px; }
.sub.mypage.board .cont .box .list ul li .inquiry .top .info{margin: 0; }
.sub.mypage.board .cont .box .list ul li .inquiry .top button{display: inline-block; border-radius: 5px; border: 1px solid #E4E5ED; line-height: 25px; padding: 0 10px; background: #fff; font-family: 'S-CoreDream-4Regular'; float:left; margin: 10px 0 0 0;}
.sub.mypage.board .cont .box .list ul li .inquiry .bot{margin-top: 10px; padding-top: 10px; border-top: 1px solid #C4C4C4;}

.sub.mypage.board .cont .box .list ul li .inquiry.estimate{margin-top: 10px;}
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top{}
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top > span{margin: 0; }
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top .day{}
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top .img{width: 30px; height: 30px; border-radius: 30px; overflow: hidden; margin-left: 0;}
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top .img img{width: 100%; min-height: 100%;}
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top .text{width: 100%; margin-top: 5px;}
.sub.mypage.board .cont .box .list ul li .inquiry.estimate .top .name{font-size: 16px; font-family: 'S-CoreDream-6Bold'; line-height: 30px; margin-left: 10px; }

.sub.mypage.board.item{}
.sub.mypage.board.item .box .list ul li{border: 0; border-radius: 0; border-bottom: 1px solid #F2F2F2;}
.sub.mypage.board.item .box .list ul li:last-child{border-bottom: 1px solid #DDDDDD;}
.sub.mypage.board.item .box .list ul li:after{content:""; display:block; clear:both;}
.sub.mypage.board.item .box .list ul li span{float: left; width:10%; text-align: center; }
.sub.mypage.board.item .box .list ul li span:nth-child(2){text-align: left; width: 50%;}
.sub.mypage.board.item .cont .box .list ul li:nth-child(n + 2){margin-top: 0;}
.sub.mypage.board.item .cont .box .list ul li.tit{background: rgba(245,246,248,.5); border-bottom: 1px solid #DDDDDD; }
.sub.mypage.board.item .cont .box .list ul li.tit span{font-family: 'S-CoreDream-6Bold';}
.sub.mypage.board.item .box .list ul li.none span{width: 100%;}

.sub.mypage.board.item.item2 .box .list ul li span{width: 60%; line-height: 30px;}
.sub.mypage.board.item.item2 .box .list ul li span:nth-child(1){text-align: left;}
.sub.mypage.board.item.item2 .box .list ul li span:nth-child(2){width: 20%;}
.sub.mypage.board.item.item2 .box .list ul li span:nth-child(3){width: 20%;}
.sub.mypage.board.item.item2 .box .list ul li span a{background: #3F80E9; color: #fff; display:inline-block; padding: 0 19px; border-radius: 6px; line-height: 30px;}

#reg_mb_icon, #reg_mb_img{border: 1px solid #DEDFE8;}
.reg_mb_img_file .img{width: 166px; height: 166px; border-radius: 166px; overflow: hidden; margin: 20px 0 0 0 !important; float: left;}
.reg_mb_img_file .img img{width: 100%; min-height: 100%;}

#forderform{position: relative; padding-bottom: 100px; background: #F3F5F7;}
#forderform #sod_frm{max-width: 1200px; margin: 0 auto; background: #fff; padding: 80px 40px;}
#forderform #sod_frm:after{content:""; display:block; clear:both;}
#forderform #sod_frm .sod_right{width: 100%;}
.od_prd_list .td_prd .sod_name b{width: 100%; display: block; line-height: 1.5; padding: 10px 0;}
#sod_frm #sod_bsk_tot ul{display: flex;}
#sod_frm #sod_bsk_tot ul li{border-bottom: 0; display: flex; justify-content: center; flex-wrap: wrap;}
#sod_frm #sod_bsk_tot ul li span{display: block; width: 100%;}
#sod_frm #sod_bsk_tot .sod_bsk_cnt{width: 33.333333%; text-align: center; height: 70px; border-bottom: 1px solid #e7ebf1; padding: 15px 0;}
#sod_frm #sod_bsk_tot .sod_bsk_cnt:before{display: block; content: "="; position: absolute; top: 25px; left: -10px; width: 20px; height: 20px; background: #fff; color: #ff006c; border-radius: 50%; border: 1px solid #e7ebf1; font-weight: bold; font-size: 16px; line-height: 14px;}
#sod_frm #sod_bsk_tot .sod_bsk_cnt span{float:initial; line-height: 19px; margin-bottom: 5px;}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong{font-size: 14px;}
#od_pay_sl .lb_icon{width: 25%;}

/*검색결과*/
.search_end{width: 100%; max-width: 1280px; min-width: 1280px; margin: 50px auto;}
.search_end h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0; overflow:hidden; }
.search_end #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1; display: flex; gap: 20px; flex-wrap: wrap;}
.search_end #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.search_end .gall_li {width: calc(20% - 20px);}
.search_end .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
.search_end .gall_box {position:relative; border-radius:0 0 2px 2px}
.search_end .gall_con {position:relative}

.search_end .gall_info {line-height:1.5em; line-height:20px; position: relative; }
.search_end .gall_info:after {display:block; clear:both;content:"";}
.search_end .gall_info .price{display: inline-block; font-size: 18px; font-family: 'S-CoreDream-6Bold'; color:#3F80E9; float: left; line-height: 24px;}
.search_end .gall_info .right{float: right; display: inline-block;}
.search_end .gall_info .pf_img {float:left;margin-right:10px; width: 24px; height: 24px; border-radius: 24px; overflow:hidden;}
.search_end .gall_info .pf_img img {width: 100%; min-height: 100%;}
.search_end .gall_info .name .sv_member{line-height: 24px; #333333; font-family: 'S-CoreDream-6Bold';}
.search_end .gall_info .career{color:#999;}
.search_end .gall_info strong {display:inline-block;margin:0; }
.search_end .gall_info i {font-size:12px}
.search_end .gall_info .gall_date,
.search_end .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}

.search_end .gall_li .gall_box .gall_con .gall_img a{height: 170px; border-radius: 10px; overflow: hidden;}
.search_end .gall_li .gall_box .gall_con .gall_img a img{width: 100%;}

.search_end .gall_li .icon_option{ position: absolute; top:-10px; left: 10px; }
.search_end .gall_li .icon_option span{display: none; float: left; margin-right: 5px;}
.search_end .gall_li .icon_option span:after {display:block; clear:both;content:"";}
.search_end .gall_li .icon_option span img{width: 60px;}
.search_end .gall_li .icon_option span b{float: left; line-height: 16px; display: none;}

.search_end .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
.search_end .gall_img {border-bottom:1px solid #eee;text-align:center;overflow:hidden}
.search_end .gall_img a,#bo_gall .gall_img .no_image{line-height: 180px; width: 100%;}
.search_end .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
.search_end .gall_img img, #bo_gall .gall_img video {max-width:100%;height:auto !important}
.search_end .gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777; width: 100%;}

.search_end .gall_text_href {margin:10px 0 5px 0; }
.search_end .gall_text_href a {font-weight:bold; line-height: 1.4; word-break: keep-all}
.search_end .gall_text_href img {margin:0 0 0 4px}
.search_end .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em}
.search_end .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.search_end > p{font-size: 20px;}
.search_end > p b{font-size: 24px;}
.search_end .cate{color:#999; font-size: 12px; margin-top: 10px;}

/*전체카테고리*/
#gnb_all .gnb_al_ul{display: flex; gap: 10px; flex-wrap: wrap;}
#gnb_all .gnb_al_ul .gnb_al_li{width: calc(20% - 10px);}

/*주문완료*/
#sod_fin{width: 100%; max-width: 1280px; min-width: 1280px; margin: 50px auto;}
#sod_fin:after {display:block; clear:both;content:"";}
#sod_fin #sod_sts_wrap{display: none;}
#sod_fin .sod_left{display: none;}
#sod_fin .sod_right{width: 100%;}
#sod_fin #sod_fin_pay li>strong{width: 90px; margin-right: 0;}
#sod_fin #sod_fin_pay li>span{width: 70%;}
#sod_fin #sod_fin_list .sod_name a{line-height: 55px;}

/*가입완료*/
#reg_result{background:none !important; border: 0 !important;; width: auto; }
#reg_result .reg_result_p span{color:#333;}
#reg_result .reg_result_p i{font-style: normal; display: block; line-height: 2;}
#reg_result .reg_result_p strong{font-size: 24px; color:#333;}
#reg_result .result_txt{text-align: center !important; color:#999;}

.reg_result_btn{margin-bottom: 200px !important;}

.popup{display: ;}
.popup .box.request{}
.popup .box.request ul li{margin-bottom: 15px; }
.popup .box.request ul li:after{content:""; display:block; clear:both;}
.popup .box.request ul li > span{float: left; display: block; width: calc(100% - 80px); line-height: 45px; position: relative;}
.popup .box.request ul li > span.tit{width:80px;}
.popup .box.request ul li > span input{width: 100%; height: 45px; border-radius: 10px; border: 1px solid #DEDFE8; padding:0 10px;}
.popup .box.request ul li input[type="file"]{padding: 10px;}
.popup .box.request ul li input[type="file"]:nth-child(n + 2){margin-top: 10px;}
.popup .box.request ul li > span textarea{width: 100%; height: 90px; border-radius: 10px; border: 1px solid #DEDFE8; padding:10px; resize: none;}
.popup .box.request ul li > span b{font-weight: normal;}
.popup .box.request ul li.price input{text-align: right; padding-right: 35px; font-size: 20px; }
.popup .box.request ul li.price b{position: absolute; right:20px; bottom:13px; line-height: 1;}
.popup .box.request ul li.phone input{ font-size: 20px; }

.popup .box.request.view{min-width: 700px;}
.popup .box.request.view input{}
.popup .box.request.view ul li.title span:nth-child(2){line-height: 1.4; font-size: 20px; padding: 8.5px 0;}
.popup .box.request.view ul li.file span:nth-child(2){padding: 7.5px 0;}
.popup .box.request.view ul li.file span a{display: block; line-height: 30px;}
.popup .box.request.view ul li.name > span .img{width: 45px; height: 45px; border-radius: 45px; display: inline-block;}
.popup .box.request.view ul li.name > span .img img{width: 100%; min-height: 100%;}
.popup .box.request.view ul li.name > span .name{line-height: 45px; margin-left: 10px; font-size: 20px;}

.popup > .box.request.my > button{width: 48.5%; border: 1px solid #3967F6; }
.popup > .box.request.my > button:nth-child(4){background: #fff; color:#3967F6; float: right}

.popup > .box.board > p{text-align: center;}
.popup > .box.board > span{text-align: center; display: block; font-size: 20px; margin-bottom: 30px;}


.w1p { width: 1%; }
.w2p { width: 2%; }
.w3p { width: 3%; }
.w4p { width: 4%; }
.w5p { width: 5%; }
.w6p { width: 6%; }
.w7p { width: 7%; }
.w8p { width: 8%; }
.w9p { width: 9%; }
.w10p { width: 10%; } 
.w11p { width: 11%; }
.w12p { width: 12%; }
.w13p { width: 13%; }
.w14p { width: 14%; }
.w15p { width: 15%; }
.w16p { width: 16%; }
.w17p { width: 17%; }
.w18p { width: 18%; }
.w19p { width: 19%; }
.w20p { width: 20%; }
.w21p { width: 21%; }
.w22p { width: 22%; }
.w23p { width: 23%; }
.w24p { width: 24%; }
.w25p { width: 25%; }
.w26p { width: 26%; }
.w27p { width: 27%; }
.w28p { width: 28%; }
.w29p { width: 29%; }
.w30p { width: 30%; }
.w31p { width: 31%; }
.w32p { width: 32%; }
.w33p { width: 33%; }
.w34p { width: 34%; }
.w35p { width: 35%; }
.w36p { width: 36%; }
.w37p { width: 37%; }
.w38p { width: 38%; }
.w39p { width: 39%; }
.w40p { width: 40%; }
.w41p { width: 41%; }
.w42p { width: 42%; }
.w43p { width: 43%; }
.w44p { width: 44%; }
.w45p { width: 45%; }
.w46p { width: 46%; }
.w47p { width: 47%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w51p { width: 51%; }
.w52p { width: 52%; }
.w53p { width: 53%; }
.w54p { width: 54%; }
.w55p { width: 55%; }
.w56p { width: 56%; }
.w57p { width: 57%; }
.w58p { width: 58%; }
.w59p { width: 59%; }
.w60p { width: 60%; }
.w61p { width: 61%; }
.w62p { width: 62%; }
.w63p { width: 63%; }
.w64p { width: 64%; }
.w65p { width: 65%; }
.w66p { width: 66%; }
.w67p { width: 67%; }
.w68p { width: 68%; }
.w69p { width: 69%; }
.w70p { width: 70%; }
.w71p { width: 71%; }
.w72p { width: 72%; }
.w73p { width: 73%; }
.w74p { width: 74%; }
.w75p { width: 75%; }
.w76p { width: 76%; }
.w77p { width: 77%; }
.w78p { width: 78%; }
.w79p { width: 79%; }
.w80p { width: 80%; }
.w81p { width: 81%; }
.w82p { width: 82%; }
.w83p { width: 83%; }
.w84p { width: 84%; }
.w85p { width: 85%; }
.w86p { width: 86%; }
.w87p { width: 87%; }
.w88p { width: 88%; }
.w89p { width: 89%; }
.w90p { width: 90%; }
.w91p { width: 91%; }
.w92p { width: 92%; }
.w93p { width: 93%; }
.w94p { width: 94%; }
.w95p { width: 95%; }
.w96p { width: 96%; }
.w97p { width: 97%; }
.w98p { width: 98%; }
.w99p { width: 99%; }
.w100p { width: 100%; }

.color_red { color: red; }
.color_blue { color: blue; }
.color_green { color: green; }
.color_yellow { color: yellow; }
.color_orange { color: orange; }
.color_purple { color: purple; }
.color_pink { color: pink; }
.color_brown { color: brown; }
.color_black { color: black; }
.color_white { color: white; }
.color_gray { color: gray; }
.color_lightblue { color: lightblue; }
.color_lightgreen { color: lightgreen; }
.color_lime { color: lime; }
.color_cyan { color: cyan; }
.color_magenta { color: magenta; }
.color_maroon { color: maroon; }
.color_navy { color: navy; }
.color_olive { color: olive; }
.color_teal { color: teal; }
.color_aqua { color: aqua; }
.color_fuchsia { color: fuchsia; }
.color_gold { color: gold; }
.color_silver { color: silver; }
.color_chocolate { color: chocolate; }
.color_coral { color: coral; }
.color_crimson { color: crimson; }
.color_darkblue { color: darkblue; }
.color_darkgreen { color: darkgreen; }
.color_darkred { color: darkred; }



ul.list_types {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.list_types{border-bottom: 1px solid #DAD9DA;}
ul.list_types li {width: 100%;  display: flex; align-items: center; border-top: 1px solid #DAD9DA;}
ul.list_types li:first-child{border-top:0}
ul.list_types li > span { text-align: center; line-height: 30px; flex-shrink: 0; padding: 10px 0;}
ul.list_types li > span .cmt_contents{line-height: 1.5; word-break: keep-all;}
ul.list_types li.tit > span {font-weight: bold;background: #f7f7f7;}

ul.list_types.list_type01 li > span:nth-child(1){width: 15%;}
ul.list_types.list_type01 li > span:nth-child(2){width: 45%;}
ul.list_types.list_type01 li > span:nth-child(3){width: 20%;}
ul.list_types.list_type01 li > span:nth-child(4){width: 20%;}

ul.list_types li.recomment{background: #f8f8f8; border-top:0;}
ul.list_types li.recomment .color_blue{color:#333;}