@charset "utf-8";
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'twaysky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.panel{margin-bottom:0;}
#top_bn{position:relative; margin:0 0 35px; width:100%; background:#0373db; border-radius:10px; padding:41px 90px; box-sizing:border-box;}
#top_bn .txt{}
#top_bn .txt h2{font-size:32px; font-weight:bold; color:#fff; line-height:1.2em; word-break:break-word;}
#top_bn .txt span{display:block; margin:12px 0 0; font-size:15px; font-weight:400; color:#fff; line-height:1.2em; word-break:break-word; opacity:0.9;}
#top_bn img{position:absolute; bottom:0; right:90px;}
#help_warp{width:100%;}
#help_warp:after{content:""; display:block; clear:both;}
#help_warp > div{float:left;}
#area_left{width:270px; min-height:700px; padding:15px; border:1px solid #eee; border-radius:10px; background:#fff; box-sizing:border-box;}
#area_left .box_sch{position:relative; background:#f8f8f8; border:1px solid #eee; border-radius:10px;}
#area_left .box_sch.country{margin:10px 0 0;}
#area_left .box_sch input[type=text]{width:100%; border:none; padding:10px; font-size:15px; font-weight:500; color:#275dd7;}
#area_left .box_sch button{position:absolute; top:50%; right:10px; width:19px; height:19px; background:url(../img/icon_search.svg)no-repeat center; border:none; background-size:cover; transform:translateY(-50%);}
input:-internal-autofill-selected{border-radius:10px;}
#area_left .box_filter{margin:15px 0; padding:15px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
#area_left .select_box{margin:10px 0 0;}
#area_left .select_box .box .select{font-size:14px; color:#777;}
.select_box{display:block; width:100%; text-align:left; vertical-align:top;}
.select_box .box {display: inline-block; position: relative; margin:0; width:100%;}
.select_box .box .select{position: relative; z-index:1; box-sizing: border-box; font-size:15px; color:#333; cursor: pointer;}
.select_box .box .select span{display:block; width:calc(100% - 15px); font-size:15px; color:#333; cursor: pointer;}
.select_box .box .select:after { content: ''; position: absolute; top:50%; right: 15px; z-index:90;  background:url(../img/icon_bt_arrow.svg) no-repeat center; width:10px; height:5px; background-size:contain; transform:translateY(-50%);}
.select_box.on .box .select{border-bottom:none;}
.select_box.on .box .select:after{transform: rotate(-180deg) ;}
.select_box .box .list {display: none; overflow-y: auto; padding:15px; position: absolute; top:30px; left: 0; z-index: 10; box-sizing:border-box; width: 100%; border:1px solid #e8e8e8; background:#fff; z-index:5; border-radius:5px; box-shadow:0px 5px 12.75px 2.25px rgb(0 159 255 / 7%); }
.select_box .box .list > li{font-size:15px; color:#333; line-height:1.5em;}
.select_box .box .list > li span{font-size:12px;}
.select_box .box .list::-webkit-scrollbar { width: 10px; height: 0; }
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment {display: block; height: 0; }
.select_box .box .list::-webkit-scrollbar-track{background: rgba(0, 0, 0, .05); -webkit-border-radius: 10px; border-radius:10px; }
.select_box .box .list::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0, 0, 0, .2); -webkit-border-radius: 5px; border-radius: 5px; }
.select_box .box .list > li {box-sizing: border-box; padding:0 0 5px; width: 100%; cursor: pointer; font-size:14px;}
.select_box .box .list > li:last-child{padding:0;}
.select_box .box .list > li:hover {color:#275dd7; font-weight:500;}
#area_left .box_cate{}
#area_left .box_cate.first{margin:15px 0; padding:15px 0 5px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
#area_left .box_cate ul{margin:10px 0;}
#area_left .box_cate ul > li{position:relative; display:block; margin:0 0 3px;  padding:0 0 0 10px; cursor:pointer; transition:all 0.3s ease;}
#area_left .box_cate ul > li:before{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; line-height:1em; border:1px solid #aaa; box-sizing:border-box; border-radius:50px; transition:all 0.3s ease;}
#area_left .box_cate.country ul > li{padding:0;}
#area_left .box_cate.country ul > li:before{display:none;}
#area_left .box_cate.country ul > li label em{font-weight:400; color:#333;}
#area_left .box_cate ul > li:last-child{margin:0;}
#area_left .box_cate ul > li:hover,
#area_left .box_cate ul > li.active{color:#275dd7;}
#area_left .box_cate ul > li:hover:before,
#area_left .box_cate ul > li.active:before{background:#275dd7; border:1px solid #275dd7;}
#area_left h3{font-size:15px; font-weight:500; color:#111;}

.btn_write{display:none; position:fixed; bottom:90px; right:2%; width:50px; height:50px; z-index:99; background:#6f31ed url(../img/icon_write.svg)no-repeat center; background-size:20px 20px; border-radius:50px; box-shadow:0px 5px 6.51px 0.49px rgb(67 47 224 / 30%);}
.btn_write a{display:block; width:100%; height:100%;}
#help_list{margin:0 30px; width:calc(100% - 630px); width:-webkit-calc(100% - 630px); min-height:550px; box-sizing:border-box;}
#help_list .mbox_cate{display:none; margin:5px 0 0; width:100%; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px; text-align:center;}
#help_list .mbox_cate span{display:block; padding:10px; font-size:15px; font-weight:500; color:#222; cursor:pointer;}
#help_list .mbox_cate i{display:inline-block; margin:0 5px 0 0; width:15px; height:12px; background: url(../img/icon_list.svg)no-repeat center; background-size:contain;}
.top_filter{position:relative;}
.tabs{width:100%;}
.tabs:after{content:''; display:block; clear:both;}
.tabs li{float:left; margin:0 10px 5px 0;  box-sizing:border-box; transition:all 0.3s ease 0s; cursor:pointer; text-align:center;}
.tabs li span{position:relative; padding:0 5px; font-size:16px; font-weight:600; line-height:1.3em; color:#111; opacity:0.5;}
.tabs li span:before{content:''; position:absolute; left:0; right:0; bottom:0; width:0; height:12px; background:#6d42f9; opacity:0.2;}
.tabs li span:hover:before,
.tabs li.active span:before{width:100%;}
.tabs li.active span{opacity:1;}
.tab_container{margin:10px 0 0; width:100%;}
.tab_content{position:relative;}
.tab_content:after{content:''; display:block; clear:both;}
.tab_content .area_right{display:table; float:right; width:50%; height:100%;}
.tab_content .area_left{float:left; width:50%;}
.tab_content .area_right{padding:40px; box-sizing:border-box;}
.sort_list{position:absolute; top:0; right:0;}
.sort_list > li{position:relative; display:inline-block; padding:0 10px; line-height:1em; cursor:pointer;}
.sort_list > li span{position:relative; font-size:13px; font-weight:400; color:#333;}
.sort_list > li.selected span{padding:0 0 0 14px;}
.sort_list > li.selected span:before{content:''; position:absolute; top:4px; left:0; width:10px; height:10px; background:url(../img/icon_select.svg)no-repeat center; background-size:contain;}
.sort_list > li:last-child{padding:0 0 0 10px;}
.sort_list > li:before{content:''; position:absolute; top:1px; right:-2px; width:1px; height:10px; background:#aaa;}
.sort_list > li:last-child:before{display:none;}
.msort_list{display:none; position:absolute; top:0; right:0; cursor:pointer;}
.msort_list span{position:relative; padding:0 0 0 13px; font-size:13px; font-weight:400; color:#333;}
.msort_list span:before{content:''; position:absolute; top:4px; left:0; width:10px; height:10px; background:url(../img/icon_select.svg)no-repeat center; background-size:contain;}
#help_list .list{}
#help_list .list:after{content:''; display:block; clear:both;}
#help_list .list > li{position:relative; width:100%; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px; padding:20px; margin:0 0 15px;}
#help_list .list > li{position:relative; width:100%; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px; padding:20px; margin:0 0 15px;}*/
#help_list .list > li:last-child{margin:0;}
#help_list .list > li a{display:block; width:100%; height:100%;}
#help_list .list > li h3{display:block; margin:0 0 10px; font-size:18px; font-weight:bold; color:#333; word-break:break-word; line-height:1.2em; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#help_list .list > li h3 i{position:relative; top:-1px; display:inline-block; margin:0 8px 0 0; width:28px; text-align:center; font-size:13px; color:#fff; font-weight:bold; border-radius:3px; background-image: -moz-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -ms-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%);}
#help_list .list > li a > span{display:block; margin:0 0 10px; font-size:14px; font-weight:400; color:#777; line-height:1.4em; word-break:break-word; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#help_list .list .left{width:calc(100% - 130px); width:-webkit-calc(100% - 130px);}
#help_list .list .left.noimg{width:100%;}
#help_list .list .right{position:absolute; top:50%; right:20px; width:90px; height:90px; border-radius:7px; box-sizing:border-box; overflow:hidden; transform:translateY(-50%);}
#help_list .list .right img{width:100%; height:100%;}
#help_list .tag{margin:0 0 10px;}
#help_list .tag > li{display:inline-block; font-size:12px; font-weight:400; color:#5d89eb; margin:0 3px 0 0; padding:3px 7px; border:1px solid #5d89eb; word-break:break-word; box-sizing:border-box; border-radius:50px; line-height:1em; cursor:pointer;}
#help_list .tag > li.sch_word{background:#dceeff; border:1px solid #dceeff;}
#help_list .list_info{position:relative; line-height:1em;}
#help_list .list_info:after{content:''; display:block; clear:both;}
#help_list .list_info span{position:relative; font-size:13px; font-weight:400; color:#999; margin:0 9px;}
#help_list .list_info span.view:before{display:none;}
#help_list .help_question.top .list_info span:first-child{margin:0 8px 0 0;}
#help_list .help_question.top .list_info span:first-child:before{right:-9px;}
#help_list .help_question.top .list_info span:before{content:''; position:absolute; top:8px; right:-12px; width:3px; height:3px; border-radius:50%; background:#999;}

#area_help.help_view #help_list .list_info span.view:before{display:none;}
/*
#help_list .list_info span.view:before,
#help_list .list_info span:last-child:before{display:none;}*/
#help_list .list_info span.reply em{color:#275dd7;}
#help_list .list_info .id{cursor:pointer;}
#help_list .list > li a > span .sch_word,
#help_list .list > li h3.sch_word{color:#275dd7;}

@media screen and (max-width:1023px) {
	#top_bn{margin:0 0 20px;}
	.sort_list{display:none;}
	.msort_list,
	#help_list .mbox_cate{display:block;}
	#help_list.write .mbox_cate{margin:0 0 10px;}
	.btn_write{display:block;}
}
@media screen and (max-width:768px) {
	#top_bn{margin:0 0 15px; padding:35px 30px;}
	#top_bn .txt h2{font-size:28px;}
	#top_bn .txt span{margin:8px 0 0;}
	#top_bn img{right:20px; width:200px;}
	#help_list .list > li{padding:15px;}
	#help_list .list > li h3{font-size:17px;}
	#help_list .tag > li{font-size:11px;}
	#help_list .tag{margin:8px 0;}
	#help_list .list .left{width:calc(100% - 115px); width:-webkit-calc(100% - 115px)}
	#help_list .list .right{right:15px; width:105px; height:105px;}
}
@media screen and (max-width:550px) {
	#top_bn{margin:0 0 7px; padding:30px 20px;}
	#top_bn .txt h2{font-size:25px;}
	#top_bn .txt span{font-size:14px;}
	#top_bn img{width:170px;}
	#help_list .mbox_cate span{padding:8px;}
	#help_list .list > li{margin:0 0 10px;}
	#help_list .list > li h3 i{margin:0 5px 0 0;}
	#help_list .list > li h3{font-size:15px; margin:0 0 6px; font-weight:500;}
	#help_list .list > li a > span{ -webkit-line-clamp: 2; font-size:13px;}
	#help_list .tag{margin:6px 0 8px;}
	#help_list .tag > li{margin:0 1px 0 0;}
	#help_list .help_question.top .list_info span:first-child{margin:0 3px 0 0;}
	#help_list .help_question.top .list_info span:first-child:before{right:-4px;}
	#help_list .help_question.top .list_info span:before{right:-8px; width:2px; height:2px;}
	#help_list .list_info span{margin:0 5px;}
	#help_list .list_info span:before{right:-7px; top:8px; width:2px; height:2px;}
	.tab_container{margin:8px 0 0;}
	.tabs li{margin:0 5px 0 0;}
	.tabs li span{font-size:15px; padding:0 3px;}
	#help_list .mbox_cate{margin:2px 0 5p;}
	#help_list .list .left{width:calc(100% - 95px); width:-webkit-calc(100% - 95px)}
	#help_list .list .right{right:12px; width:85px; height:85px;}
	.btn_write{right:3%; bottom:85px; width:45px; height:45px; background-size:16px auto;}
}
@media screen and (max-width:450px) {
	#top_bn{margin:0 0 10px; padding:25px 15px}
	#top_bn .txt h2{font-size:22px;}
	#top_bn .txt span{margin:4px 0 0; font-size:13px; width:70%;}
	#top_bn img{right:5px; width:140px;}
	#help_list .list > li{margin:0 0 8px;}
	#help_list .tag > li{padding:2px 5px;}
}
@media screen and (max-width:400px) {
	#top_bn{padding:15px}
	#top_bn .txt h2{font-size:20px;}
	#top_bn .txt span{font-size:12px;}
	#top_bn img{right:0px; width:120px;}
	#help_list .list_info span:before{right:-7px;}
}
@media screen and (max-width:350px) {
	#help_list .list .left{width:-webkit-calc(100% - 85px);}
	#help_list .list .right{width:75px; height:75px;}
}
@media screen and (max-width:330px) {
	#top_bn{padding:12px 10px}
	#top_bn .txt h2{font-size:17px;}
	#top_bn .txt span{margin:2px 0 0; font-size:11px;}
	#top_bn img{width:90px;}
	#help_list .list .left{width:100%;}
	#help_list .list .right{display:none;}
}
/* 내정보 */
#area_my{position:relative; width:300px; height:auto;}
#area_my .myinfo{width:100%; border:1px solid #eee; border-radius:10px; background:#fff; box-sizing:border-box; text-align:center;}
#area_my .myinfo:after{content:""; display:block; clear:both;}
#area_my .myinfo .myinfo_wrap{text-align:center;}
#area_my .myinfo .area_photo{position:relative; margin:20px 0 0; display:inline-block; width:80px; height:80px; border-radius:50%; border:1px solid #eee; box-sizing:border-box; background:#f9f9f9; overflow:hidden;}
#area_my .myinfo .area_photo img{position:absolute; top:50%; left:50%; width:100%; height:100%; max-width:100%; max-height:100% ; transform:translate(-50%, -50%);}
#area_my .myinfo .area_photo img.basic{position:absolute; top:54%; left:50%; width:42%; height:auto; transform:translate(-50%, -50%);}
#area_my .myinfo .area_photo .upload{position:absolute; right:-2px; width:25px; height:25px; border-radius:50%; box-sizing:border-box; background:#555 url(../img/icon_upload.svg)no-repeat 55% 49%; background-size:45% 45%;}
#area_my .myinfo .id{margin:3px 0 15px;}
#area_my .myinfo .id > i{position:relative; top:-1px; display:inline-block; margin:0; padding:2px 5px 1px; box-sizing:border-box; font-size:11px; font-weight:500; border:1px solid #f3a71b; border-radius:5px; color:#f3a71b; line-height:1.4em;}
#area_my .myinfo .id > i.member{background:#1eb3ec;}
#area_my .myinfo .id span{display:inline-block; position:relative; top:-1px; margin:0 0 0 6px; font-size:16px; font-weight:800; color:#222; line-height:1.5em; vertical-align:middle;}
#area_my .myinfo .id .btn_arrow{display:inline-block; margin:0 0 0 8px; width:7px; height:10px; background:url(../img/icon_myinfo_arrow.svg)no-repeat center; background-size:contain;}
.lv_label{position:absolute; top:-5px; left:15px; width:51px; height:58px;}
.lv_label.lv1{background:url(../img/icon_grade01.png)no-repeat center; background-size:contain;}
.lv_label.lv2{background:url(../img/icon_grade02.png)no-repeat center; background-size:contain;}
.lv_label.lv3{background:url(../img/icon_grade03.png)no-repeat center; background-size:contain;}
.lv_label.lv4{background:url(../img/icon_grade04.png)no-repeat center; background-size:contain;}
.lv_label.lv5{background:url(../img/icon_grade05.png)no-repeat center; background-size:contain;}
.lv_label.lv6{background:url(../img/icon_grade06.png)no-repeat center; background-size:contain;}
.lv_label.lv7{background:url(../img/icon_grade07.png)no-repeat center; background-size:contain;}
.lv_label .txt{text-align:center; display:block;}
.lv_label .txt span{display:inline-block; margin:0; font-size:10px; font-weight:600; color:#fff; line-height:0.6em;}
/*.lv_label .txt h3{display:block; font-size:19px; font-weight:600; color:#fff; line-height:0.8em;}*/
#area_my .lv_label .txt h3{margin:12px 0 0; font-weight:600; font-size:14px; line-height:1em; color:#fff;}
#area_my.company .lv_label .txt h3{margin:12px 0 0;}
#area_my .area_star{}
#area_my .area_star > span{display:inline-block; border:1px solid #ddd; box-sizing:border-box; border-radius:50px; box-shadow:0px 5px 6.51px 0.49px rgb(120 120 120 / 5%); padding:1px 10px; line-height:1.5em; font-size:12px; font-weight:400; color:#333;}
#area_my .area_star > span i{display:inline-block; margin:0; font-size:11px; font-weight:bold; color:#111;}
.area_star .img_star{display:block; margin:10px 0 0;}
.area_star .img_star i{font-size:22px; margin:0; color:#ddd;}
.area_star .img_star i.yellow{color:#fdbb03}
.area_star .img_star span{display:inline-block; margin:0 2px 0 0; width:23px; height:23px; background:url(../img/icon_star.svg)no-repeat center; background-size:contain;}
.area_star .img_star span:last-child{margin:0;}
.area_star .img_star.v1 span:nth-child(1){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v15 span:nth-child(1){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v15 span:nth-child(2){background:url(../img/icon_star_half.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v2 span:nth-child(1),
.area_star .img_star.v2 span:nth-child(2){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v25 span:nth-child(1),
.area_star .img_star.v25 span:nth-child(2){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v25 span:nth-child(3){background:url(../img/icon_star_half.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v3 span:nth-child(1),
.area_star .img_star.v3 span:nth-child(2),
.area_star .img_star.v3 span:nth-child(3){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v35 span:nth-child(1),
.area_star .img_star.v35 span:nth-child(2),
.area_star .img_star.v35 span:nth-child(3){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v35 span:nth-child(4){background:url(../img/icon_star_half.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v4 span:nth-child(1),
.area_star .img_star.v4 span:nth-child(2),
.area_star .img_star.v4 span:nth-child(3),
.area_star .img_star.v4 span:nth-child(4){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v45 span:nth-child(1),
.area_star .img_star.v45 span:nth-child(2),
.area_star .img_star.v45 span:nth-child(3),
.area_star .img_star.v45 span:nth-child(4){background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v45 span:nth-child(5){background:url(../img/icon_star_half.svg)no-repeat center; background-size:contain;}
.area_star .img_star.v5 span{background:url(../img/icon_star_on.svg)no-repeat center; background-size:contain;}

.area_lv{position:relative; margin:0 30px; padding:0 0 20px;}
.area_lv span{position:absolute; font-size:10px; font-weight:700; color:#aaa;}
.area_lv span.left{left:0;}
.area_lv span.right{right:0;}
.lv{width:100%; height:6px; border-radius:10px; box-sizing:border-box; background:#eee; }
.lv_bar{position:relative; height:100%; border-radius:10px;}
.lv_bar:before{content:''; position:absolute; top:50%; right:0; width:13px; height:13px; border:4px solid #eee; background:#fff; box-sizing:border-box; border-radius:50px; transform:translateY(-50%);}
.lv_bar.lv1{background:#f3a71b;}
.lv_bar.lv2{background:#ef6318;}
.lv_bar.lv3{background:#f01955;}
.lv_bar.lv4{background:#1fa966;}
.lv_bar.lv5{background:#1ba6f2;}
.lv_bar.lv6{background:#262cdc;}
.lv_bar.lv7{background:#7b08ff;}
.lv_bar.lv1:before{border:4px solid #f3a71b;}
.lv_bar.lv2:before{border:4px solid #ef6318;}
.lv_bar.lv3:before{border:4px solid #f01955;}
.lv_bar.lv4:before{border:4px solid #1fa966;}
.lv_bar.lv5:before{border:4px solid #1ba6f2;}
.lv_bar.lv6:before{border:4px solid #262cdc;}
.lv_bar.lv7:before{border:4px solid #7b08ff;}
#area_my .myinfo .id > i.lv1{border:1px solid #f3a71b; color:#f3a71b;}
#area_my .myinfo .id > i.lv2{border:1px solid #ef6318; color:#ef6318;}
#area_my .myinfo .id > i.lv3{border:1px solid #f01955; color:#f01955;}
#area_my .myinfo .id > i.lv4{border:1px solid #1fa966; color:#1fa966;}
#area_my .myinfo .id > i.lv5{border:1px solid #1ba6f2; color:#1ba6f2;}
#area_my .myinfo .id > i.lv6{border:1px solid #262cdc; color:#262cdc;}
#area_my .myinfo .id > i.lv7{border:1px solid #7b08ff; color:#7b08ff;}
.my_qna{margin:30px 0 0; width:100%; border-top:1px solid #eee;}
#area_my.company .my_qna{margin:25px 0 0;}
.my_qna:after{content:''; display:block; clear:both;}
.my_qna > li{float:left; display:flex; justify-content: center; align-items: center; flex-direction: column; width:50%; height:85px; padding:15px 10px;   border-right:1px solid #eee;}
.my_qna > li.full{width:100%;}
.my_qna > li:last-child{border-right:none;}
.my_qna > li em{display:inline-block; margin:0 5px 0 0; font-size:14px; font-weight:400; color:#555; line-height:1.1em;}
.my_qna > li a{display:inline-block; font-size:24px; font-weight:700; color:#222; vertical-align:sub;}
.lv_bar.p0{width:0%;}
.lv_bar.p10{width:10%;}
.lv_bar.p20{width:20%;}
.lv_bar.p30{width:30%;}
.lv_bar.p40{width:40%;}
.lv_bar.p50{width:50%;}
.lv_bar.p60{width:60%;}
.lv_bar.p70{width:70%;}
.lv_bar.p80{width:80%;}
.lv_bar.p90{width:90%;}
.lv_bar.p100{width:100%;}
.area_bunker{position:relative; margin:12px 0 0; width:100%; background:#525252; border-radius:10px; padding:15px;}
.area_bunker h3{font-size:17px; font-weight:700; color:#fff; text-transform:uppercase;}
.area_bunker span{position:absolute; top:50%; right:15px; font-size:17px; font-weight:700; color:#fff; transform:translateY(-50%);}
.area_write{position:relative; margin:10px 0 0; width:100%; background:#6f31ed; border-radius:10px; box-shadow: 0px 5px 6.51px 0.49px rgba(67, 47, 224, 0.2); text-align:center;}
.area_write.v2{background:#275dd7; box-shadow:0px 5px 6.51px 0.49px rgb(47 85 224 / 20%);}
.area_write.v2 span{padding:0;}
.area_write.v2 span:before{display:none;}
.area_write a{display:block; width:100%; height:100%; padding:14px 10px;}
.area_write span{position:relative; display:inline-block; padding:0 0 0 20px; font-size:17px; font-weight:500; color:#fff; }
.area_write span:before{content:''; position:absolute; top:4px; left:0; width:15px; height:15px; background:url(../img/icon_write.svg)no-repeat center; background-size:contain;}

@media screen and (max-width:1400px) {
	#area_my{display:none;}
	#help_list{margin: 0 0 0 30px; width:calc(100% - 300px); width:-webkit-calc(100% - 300px);}
}
@media screen and (max-width:1023px) {
	#area_left{display:none;}
	#help_list{margin: 0; width:100%;}
}
@media screen and (max-width:500px) {
	.my_qna > li{height:85px;}
}
/* 헬프미 view */
#help_list .help_question,
#help_list .help_write{position:relative; margin:0 0 20px; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px;}
#help_list .title{position:relative; padding:15px 25px; box-sizing:border-box; border-bottom:1px solid #eee;}
#help_list .title:after{content:''; display:block; clear:both;}
#help_list .title .area_name{cursor:pointer; display:inline-block; vertical-align:middle;}
#help_list .title .area_name:after{content:''; display:block; clear:both;}
#help_list .title h3{position:relative; display:block; padding:2px 0 0 42px; font-size:18px; font-weight:bold; color:#333; line-height:1.2em; word-break: break-word; line-height:1.5em;}
#help_list .title h3:before{content:''; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../img/icon_question.png)no-repeat center; background-size:contain;}
#help_list .title h3.answer:before{background:url(../img/icon_answer.svg)no-repeat center; background-size:contain;}
#help_list .title h3 i{position:relative; top:-1px; display:inline-block; padding:2px 0; margin:0 8px 0 0; width:28px; text-align:center; font-size:13px; color:#fff; font-weight:bold; border-radius:3px; line-height:1.2em; background-image: -moz-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -ms-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%);}
#help_list .btn_more{position:absolute; top:50%; right:15px; width:18px; z-index:120; height:18px; background:url(../img/icon_more.svg)no-repeat center; background-size:contain; transform:translateY(-50%);}
#help_list .edit_list{position:absolute; z-index:90; width:100px; top:45px; right:20px; border:1px solid #555; background:#fff; border-radius:5px; text-align:center; box-shadow:0px 5px 6.51px 0.49px rgb(227 227 227 / 20%);}
#help_list .help_question.top .edit_list{right:0;}
#help_list .edit_list > li{display:block; border-bottom:1px dashed #eee; font-size:15px; color:#333; font-weight:400; box-sizing:border-box;}
#help_list .edit_list > li > a{display:block; width:100%; height:auto; padding:5px; box-sizing:border-box;}
#help_list .edit_list > li:last-child{border-bottom:none;}
#help_list .edit_list > li a:hover{color:#3568da;}
.help_view #help_list .help_question .title .user_list{top:70px; left:25px;}
.help_view #help_list .help_question .title .user_list.answer01{top:24px; left:0;}
#help_list .user_list{z-index:99; display:none; position:absolute; top:40px; left:0; width:105px; border:1px solid #555; background:#fff; border-radius:5px; text-align:center; box-shadow:0px 5px 6.51px 0.49px rgb(227 227 227 / 20%);}
#area_community.view #help_list .help_question .user_list{left:25px; top:60px;}
#area_community.view #help_list .help_question .user_list.answer01{top:19px; left:0;}
#area_community.view #help_list .help_question .user_list.answer02{top:2px; left:unset; right:0;}
#area_community.view #help_list .help_question.top .user_list{left:0; top:40px;}

#help_list .user_list.sm{width:130px;}
#help_list .user_list.sm > li{padding:5px 7px; font-size:13px;}
#help_list .user_list.active{display:block;}
#help_list .user_list > li{display:block; padding:5px 3px; cursor:pointer; line-height:1.1em; border-bottom:1px dashed #eee; font-size:13px; color:#333; font-weight:400; box-sizing:border-box;}
#help_list .user_list > li:last-child{border-bottom:none;}
#help_list .user_list > li a:hover{color:#3568da;}
#help_list .user_list > li em{display:inline-block; font-weight:500; color:#275dd7;}
#help_list .bottom{padding:25px;}
.notice #help_list .bottom{padding:0;}
.notice .cke_sc{display:none;}
#help_list .bottom .secret{display:block; font-size:15px; color:#999; font-weight:400; margin:0 0 20px; text-align:center;}
#help_list .bottom .secret span{display:inline-block; background:#eee; line-height:1.3em; padding:6px 40px; border-radius:50px; color:#62798f;}
#help_list .bottom .secret i{position:relative; font-size:12px; top:-1px; margin:0 5px 0 0;}
#help_list .help_question .cont{width:100%; word-break:break-word;}
#help_list .help_question .cont div{width:100% !important;}
#help_list .help_question .cont img{max-width:100%;}
#help_list .help_question .cont p{font-size:14px; font-weight:400; color:#777; line-height:1.7em; word-break:break-word;}
#help_list .help_question .bottom .tag{margin:20px 0;}
#help_list .list_info span .profile{float:unset; position:relative; display:inline-block; vertical-align:middle; margin:0 5px 0 0; width:30px; height:30px; background:#f9f9f9; border-radius:50px; box-sizing:border-box; border:1px solid #eee; text-align:center;}
#help_list .profile img.basic{position:absolute; top:54%; left:50%; width:42%; height:auto; transform:translate(-50%, -50%);}
#help_list .profile img{position:absolute; top:50%; left:50%; width:100%; height:100%; max-width:100%; max-height:100% ; transform:translate(-50%, -50%);}

#help_list .help_question .info{position:relative; margin:10px 0 0;}
#help_list .help_question .info .thums{position:absolute; top:0; right:0; z-index:90;}
#help_list .help_question .info .thums > li{display:inline-block; margin:0 0 0 13px;}
#help_list .help_question .info .thums > li span{display:inline-block; padding:0 0 0 5px; font-size:15px; font-weight:500; color:#333;}
#help_list .help_question .info .thums > li i{margin:0; cursor:pointer; position:relative; top:2px; transition:all 0.3s ease;}
#help_list .help_question .info .thums > li.good i{display:inline-block; width:18px; height:20px; background:url(../img/icon_thumsup.svg)no-repeat center; background-size:contain;}
#help_list .help_question .info .thums > li.bad i{display:inline-block; width:18px; height:20px; background:url(../img/icon_thumsdown.svg)no-repeat center; background-size:contain;}
#help_list .help_question .info .thums > li.good.on i{background:url(../img/icon_thumsup_on.svg)no-repeat center; background-size:contain;}
#help_list .help_question .info .thums > li.bad.on i{background:url(../img/icon_thumsdown_on.svg)no-repeat center; background-size:contain;}
#help_list .help_question .info .thums > li.on span{color:#275dd7;}


#help_list .help_question .info .thums > li.comment i{display:inline-block; top:3px; width:22px; height:20px; background:url(../img/icon_comment.svg)no-repeat center; background-size:contain;}
#help_list .help_question .info .thums > li.comment:hover i,
#help_list .help_question .info .thums > li.comment.active i{width:22px; height:20px; background:url(../img/icon_comment_on.svg)no-repeat center; background-size:contain;}
#help_list .help_question .info .thums > li.comment.active span{color:#275dd7;}
.line{display:block; margin:0 0 20px;width:100%; height:1px; border-top:1px dashed #ddd;}
#help_list .help_write .title h3{font-weight:400; font-size:18px;}
#help_list .help_write .title h3 .bold{font-weight:bold;}
#help_list .help_write .title h3:before{top:8px;}
#help_list .help_write .profile{position:relative; overflow:hidden; display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:45px; height:45px; border:1px solid #eee; background:#f9f9f9; box-sizing:border-box; border-radius:50px;}
#help_list .help_write .bottom{}
#help_list .help_write .bottom textarea{width:100%; height:200px; border:1px solid #eee; box-sizing:border-box; resize:none;}
.w_filter{display:block; margin:0 0 10px; padding:20px; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px;}
.w_filter h3{position:relative; vertical-align:middle; padding:0 20px 0 0; display:inline-block; font-size:15px; font-family:'Open Sans', 'Noto Sans KR', Dotum, sans-serif; font-weight:600; color:#111;}
.w_filter h3:before{content:''; position:absolute; top:6px; right:0; width:1px; height:12px; background:#ddd;}
.w_filter input[type="checkbox"]{display:none;}
.area_filter{display:inline-block; margin:0 0 0 20px;}
.area_filter > li{position:relative; display:inline-block; margin:0 18px 0 0;}
.area_filter > li:last-child{margin:0;}
.area_filter > li label{margin:0;}
.area_filter > li label span{position:relative; top:2px;}
#area_help.company_write .area_filter .data_password{display:inline-block; margin:5px 0 0; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; height:30px;}
#area_help.company_write .area_filter .data_password span{background:#eee; border-right:1px solid #ddd; color:#333; font-size:13px; font-weight:600; padding:4px 7px 5px; box-sizing:border-box; }
#area_help.company_write .area_filter .data_password input[type=text]{display:inline-block; width:130px; height:auto; padding:3px 7px; font-size:14px; border:none;}


#company_write .box_list > li .area_filter > li label em{position:relative; font-size:15px; font-weight:400; color:#333;}
.btn_confirm{display:block; margin:20px 0; width:100%; border:none; padding:18px 15px; border-radius:10px; box-sizing:border-box; background:#275dd7; text-align:center; font-size:17px; font-weight:500; color:#fff !important;}
.ci_table_btn{display:inline-block; border:none; padding:5px 10px; border-radius:10px; box-sizing:border-box; background:#275dd7; text-align:center; font-size:13px; font-weight:500; color:#fff !important;}
#help_list .area_answer h2{display:block; margin:0 0 15px; font-size:17px; font-weight:bold; color:#111; word-break:break-word;}
#help_list .area_answer h2 .blue{color:#275dd7;}
#help_list .help_question .profile{cursor:pointer; position:relative; float:left; display:inline-block; overflow:hidden; width:45px; height:45px; border:1px solid #eee; box-sizing:border-box; border-radius:50px; background:#f9f9f9; text-align:center;}
.profile_info{position:relative; display:inline-block; float:left; vertical-align:top; margin:3px 0 0 8px;}
.profile_info .area_name{position:relative; display:block;}
.profile_info h4{position:relative; display:inline-block; font-size:16px; font-weight:bold; color:#111; line-height:1.1em; cursor:pointer;}
.profile_info h4 .badge{margin:0 0 0 5px; background:#fff; font-size:10px; color:#742ed3; border:2px solid #742ed3; position:absolute; top:-2px; padding:3px 5px;}
.add_friend{display:inline-block; position:relative; top:-3px; margin:0 0 0 7px; cursor:pointer; vertical-align:middle; width:16px; height:13px; background:url(../img/icon_add_friend.svg)no-repeat center; background-size:contain;}
.add_friend.on{ background:url(../img/icon_add_friend_on.svg)no-repeat center; background-size:contain;}
.help_view #help_list .profile_info h4 .user_list.answer01{top:21px; left:0;}

#help_list .profile_info .list_info{margin:0;}
#help_list .profile_info .list_info .lv{width:auto; background:none; border-radius:0; color:#275dd7;}
#help_list .area_answer .help_question .info .thums{position:relative;}
#help_list .area_answer .help_question .info .thums > li:first-child{margin:0;}
#help_list .area_answer .help_question .info .btn_more{right:-5px;}
#help_list .area_answer .help_question .info .edit_list{top:100%; right:0;}
.area_comment{display:none; border-top:1px solid #eee; background:#f9f9f9; padding:25px; box-sizing:border-box; border-radius:0 0 10px 10px;}
.area_comment.active{display:block;}
.area_comment .area_input{position:relative; width:100%; background:#fff;}
.area_comment .area_input .w_input{display:block; padding:10px; font-size:15px; width:calc(100% - 95px); height:50px; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:5px 0 0 5px;}
#help_list .area_comment .area_input .btn_comment{position:absolute; top:0; right:0; bottom:0; width:95px; color:#fff; background:#275dd7; border:none; border-radius:0 5px 5px 0; margin:0;}
.list_comment{margin:5px 0 0;}
.list_comment > li{position:relative; padding:10px 0; display:block; width:100%; border-top:1px dashed #ddd;}
.list_comment > li:first-child{border-top:none;}
.list_comment > li:last-child{padding:10px 0 0;}
.list_comment > li .area_name{display:inline-block; position:relative; padding:0 115px 0 0;}
.list_comment > li h3{display:inline-block; position:relative; margin:0 0 3px; cursor:pointer; font-size:14px; font-weight:bold; color:#333;}
.list_comment > li span{display:block; margin:0 0 2px; font-size:14px; font-weight:400; color:#777; word-break:break-word; line-height:1.2em;}
.list_comment > li em{display:block; font-size:12px; font-weight:400; color:#999;}
.list_comment > li .edit{}
.list_comment > li .edit > li{display:inline-block;}
.list_comment > li .edit > li a{border:1px solid #ddd; background:#fff; font-size:12px; padding:2px 5px; box-sizing:border-box;}
.list_comment > li .edit > li a:hover{background:#f9f9f9;}
#help_list .user_list.answer02{top:5px; left:unset; right:0;}

.area_select{position:absolute; top:-1px; left:25%; width:44px; height:59px; background:url(../img/select_bg.png)no-repeat center; background-size:contain; text-align:center;}
.area_select span{display:inline-block; margin:10px 0 0; width:18px; height:18px; background:url(../img/icon_view_select.svg)no-repeat center; background-size:contain;}
.area_select em{display:block; margin:0; font-size:12px; font-weight:400; line-height:0.8em; color:#fff;}

.answer_select{position:absolute; top:50%; right:25px; transform:translateY(-50%); border:1px solid #275dd7; border-radius:50px; padding:5px 15px; box-sizing:border-box; transition:all 0.3s ease;}
.answer_select span{display:inline-block; vertical-align:sub; width:16px; height:16px; background:url(../theme/basic_app/mobile/skin/member/app_basic/img/icon_profile_check_on.svg)no-repeat center; background-size:contain;}
.answer_select em{display:inline-block; margin:0 0 0 3px; font-size:14px; font-weight:500; color:#275dd7;}
.answer_select em.mhide{margin:0;}
.answer_select:hover{background:#6f31ed; border:1px solid #6f31ed;}
.answer_select:hover span{background:url(../theme/basic_app/mobile/skin/member/app_basic/img/icon_profile_check.svg)no-repeat center; background-size:contain;}
.answer_select:hover em{color:#fff;}

.answer_print{margin-left: auto; border:1px solid #275dd7; border-radius:50px; padding:5px 15px; box-sizing:border-box; transition:all 0.3s ease;}
.answer_print span{display:inline-block; vertical-align:sub; width:16px; height:16px; background:url(../theme/basic_app/mobile/skin/member/app_basic/img/icon_profile_check_on.svg)no-repeat center; background-size:contain;}
.answer_print em{display:inline-block;font-size:14px; font-weight:500; color:#275dd7;}
.answer_print em.mhide{margin:0;}
.answer_print:hover{background:#6f31ed; border:1px solid #6f31ed;}
.answer_print:hover span{background:url(../theme/basic_app/mobile/skin/member/app_basic/img/icon_profile_check.svg)no-repeat center; background-size:contain;}
.answer_print:hover em{color:#fff;}

#charge_wrap input[type="checkbox"],
#area_help input[type="checkbox"]{display:none; width:15px; height:15px; outline:none; margin:0;}
#charge_wrap input[type="checkbox"] + label span,
#help_list input[type="checkbox"] + label span,
#area_help input[type="checkbox"] + label span{display:inline-block!important; margin-right:3px; width:15px; height:15px; background:url(../img/icon_check02.svg) no-repeat center; cursor: pointer;}
#area_help input[type="checkbox"] + label span + em{display:inline-block!important;}
#charge_wrap input[type="checkbox"]:checked + label span,
#help_list input[type="checkbox"]:checked + label span,
#area_help input[type="checkbox"]:checked + label span{background:url(../img/icon_check02_on.svg) no-repeat center;}
#wrapper .modal-body input[type="checkbox"]{display:block; width:auto; height:auto; outline:none; margin:6px 0 0 -15px;}
.area_btn{z-index:90; margin:25px 0; width:100%; text-align:center;}
.area_btn .btn_list{display:inline-block;}
.area_btn .btn_list:after{content:''; display:block; clear:both;}
.area_btn .btn_list span{position:relative; display:inline-block; padding:0 0 0 28px; font-size:16px; font-weight:500; color:#333;}
.area_btn .btn_list span:before{content:''; position:absolute; top:5px; left:0; width:20px; height:15px; background:url(../img/icon_list.svg)no-repeat center; background-size:contain;}
.area_btn.one .btn_list > li{width:300px;}

@media screen and (max-width:1023px) {

	.area_select{    right: 32%;    left: unset;}
	.w_filter.cate{display:none;}
}
@media screen and (max-width:768px) {
	.area_select{    right: 40%;    left: unset;}
	#help_list .title{padding:15px 20px;}
	#help_list .bottom{padding:20px;}
	#help_list .title h3{padding:0 0 0 35px; font-size:17px;}
	#help_list .title h3:before{width:25px; height:25px;}
	.area_comment{padding:20px;}
	#help_list .help_question, #help_list .help_write{margin:0 0 15px;}
	#help_list .help_write .profile{width:40px; height:40px;}
	#help_list .help_write .title h3{font-size:17px;}
	.btn_confirm.fixed{position:fixed; left:0; right:0; bottom:0; border-radius:0; margin:0;}
}
@media screen and (min-width:550px) {
	#area_help.my #help_list .title .price > i {display: block}
	#area_help.my #help_list .bottom .price2 > i{display: none}
}
@media screen and (max-width:550px) {
	#area_help.my #help_list .title .price > i {display: none!important}
	#area_help.my #help_list .bottom .price2 > i{display: block!important}
	#help_list .help_question, #help_list .help_write{margin:0 0 10px;}
	#help_list .title{padding:15px;}
	#help_list .bottom{padding:15px;}
	.answer_select{right:15px; padding:3px 10px;}
	.answer_select em{font-size:13px;}
	.answer_select span{width:14px; height:14px; position:relative; top:-2px;}
	#help_list .title h3{padding:0 0 0 35px; font-size:15px; font-weight:500;}
	#help_list .title h3:before{width:25px; height:25px;}
	#help_list .title h3 i{margin:0 5px 0 0;}
	#help_list .help_question .bottom .tag{margin:15px 0;}
	#help_list .list_info span .profile{margin:0 6px 0 0;}
	#help_list .help_question .info .thums > li{margin:0 0 0 7px;}
	#help_list .help_question .info .thums > li span{font-size:14px;}
	#help_list .help_question .info .thums > li.good i,
	#help_list .help_question .info .thums > li.bad i{width:15px; height:17px;}
	.line{margin:0 0 15px;}
	.area_comment{padding:15px;}
	.area_comment .area_input .w_input{height:45px; font-size:14px; width:calc(100% - 70px);}
	#help_list .area_comment .area_input .btn_comment{width:70px;}
	.list_comment > li{padding:5px 0;}
	#help_list .help_write .title h3:before{top:5px;}
	#help_list .help_write .profile{margin:0 5px 0 0; width:35px; height:35px;}
	#help_list .help_write .title h3{font-size:16px;}
	#help_list button.btn_confirm{margin:0;}
	.area_select{right:35%}
	.area_btn{margin:20px 0;}
	#help_list .edit_list{width:80px;}
	#help_list .edit_list > li a{font-size:13px; padding:2px;}
	#help_list .btn_more{right:5px; width:16px; height:16px;}
	#help_list .edit_list{right:15px;}
	#help_list .area_answer h2{font-size:14px; margin:5px 0; font-weight:500;}
	#help_list .bottom .secret{font-size:14px;}
	#help_list .bottom .secret span{padding:5px 30px;}
	.profile_info h4{font-size:15px;}
}

@media screen and (max-width:450px) {

	#help_list .title{padding:12px;}
	#help_list .bottom{padding:12px;}
	#help_list .title h3{padding:0 0 0 30px; font-size:15px;}
	#help_list .title h3:before{width:22px; height:22px;}
	#help_list .help_question .bottom .tag{margin:12px 0 0;}
	#help_list .help_question .info{margin:7px 0 0;}
	#help_list .help_question .info .thums > li{margin:0 0 0 5px;}
	#help_list .list_info span .profile{width:25px; height:25px;}
	.line{margin:0 0 12px;}
	.area_comment{padding:12px;}
	#help_list .help_write .title h3:before{top:3px;}
	#help_list .help_write .profile{display:none;}
	.area_select{right:12px;}
	.answer_select{right:12px; padding:0 6px;}
	.answer_select span{width:12px; height:12px;}
	.answer_select em{margin:0 0 0 2px; font-size:12px;}
	.answer_select em.mhide{display:none;}
	.answer_print {    padding: 2px 5px;    width: 36px;    border-radius: 10px;}
	.answer_print em{ font-size: 0.7em;}
}
@media screen and (max-width:400px) {
	#help_list .help_question .info .thums{position:relative;}
	#help_list .list_info span.s_answer{display:none;}
	.profile_info h4{font-size:14px;}
	#help_list .list_info{line-height:0.8em;}
	#help_list .list_info span{font-size:12px;}

}
@media screen and (max-width:340px) {
	.profile_info{margin:0 0 0 8px;}
	#help_list .profile_info .list_info{margin:0;}
	#help_list .help_question .profile{width:40px; height:40px;}
}
/* 관련질문 */
#area_question{background:#fff; padding:60px 0; margin: 0 0 60px;}
#area_question h3{font-size:20px; font-weight:bold; color:#222; word-break:break-word;}
#area_question .list{margin:20px 0 0;}
#area_question .list:after{content:''; display:block; clear:both;}
#area_question .list > li{float:left; margin:0 30px 0 0; width:calc((100% / 4) - 23px); width:-webkit-calc((100% / 4) - 23px); border:1px solid #eee; box-sizing:border-box; border-radius:10px; box-shadow: 0px 5px 12.75px 2.25px rgba(22, 98, 191, 0.03);}
#area_question .list > li:last-child{margin:0;}
#area_question .list > li > a{display:block; width:100%; height:100%; padding:20px; box-sizing:border-box;}
#area_question .list > li > a h3{display:block; width:100%; font-size:17px; font-weight:500; color:#222; line-height:1.5em; word-break:break-word;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#area_question .list > li > a > span{display:block; margin:5px 0; width:100%; min-height:72px; font-size:15px; font-weight:400; color:#555; line-height:1.6em; word-break:break-word;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#area_question .list_info span{position:relative; font-size:13px; font-weight:400; color:#999; margin:0 10px;}
#area_question .list_info span:first-child{margin:0 10px 0 0;}
#area_question .list_info span:before{content:''; position:absolute; top:8px; left:-12px; width:3px; height:3px; border-radius:50%; background:#999;}
#area_question .list_info span:first-child:before,
#area_question .list_info span:last-child:before{display:none;}
#area_question .list_info span.reply{color:#275dd7;}
#area_question .list_info span.good{float:right; margin:0;}
#area_question .list_info span.good i{position:relative; top:2px; margin:0 5px 0 0;  transition:all 0.3s ease; display:inline-block; width:13px; height:15px; background:url(../img/icon_thumsup.svg)no-repeat center; background-size:contain; opacity:0.5;}
#area_question .list > li.nodata{text-align:center; width:100%; margin:0; padding:60px 10px; font-size:15px;}

@media screen and (max-width:1200px) {
	#area_question .list > li{margin:0 20px 0 0; width:calc((100% / 4) - 15px); width:-webkit-calc((100% / 4) - 15px);}
	#area_question .list > li > a{padding:15px;}
}
@media screen and (max-width:1023px) {
	#area_question .list_info span:first-child{margin:0 5px 0 0;}
	#area_question .list_info span{font-size:12px; margin:0 5px;}
	#area_question .list_info span:before{left:-8px;}
}
@media screen and (max-width:768px) {
	#area_question .list > li{margin:0 16px 16px 0; width:calc((100% / 2) - 8px); width:-webkit-calc((100% / 2) - 8px);}
	#area_question .list > li > a{padding:15px;}
	#area_question .list > li:nth-child(2n){margin:0;}
	#area_question .list > li.nodata{font-size:14px; padding:40px 10px;}
	#area_question .list > li > a > span{margin:2px 0;}
}
@media screen and (max-width:550px) {
	#area_question .list > li{margin:0 10px 10px 0; width:calc((100% / 2) - 5px); width:-webkit-calc((100% / 2) - 5px);}
	#area_question .list > li > a h3{font-size:16px;}
	#area_question .list > li > a > span{margin:6px 0; font-size:14px; min-height:68px;}
	#area_question{padding:40px 0;}
}
@media screen and (max-width:450px) {
	#area_question .list_info{line-height:1.1em;}
	#area_question .list > li > a{padding:10px;}
	#area_question .list > li > a h3{font-size:15px;}
	#area_question .list > li > a > span{margin:4px 0 8px; font-size:13px; min-height:63px;}
}
@media screen and (max-width:400px) {
	#area_question .list_info span.good{display:none;}
}

@media screen and (max-width:340px) {
	#area_question .list > li{margin:0 0 10px; width:100%;}
	#area_question .list > li:nth-child(2n){margin:0 0 10px;}
	#area_question .list > li:last-child{margin:0;}
	#area_question .list > li > a > span{min-height:auto;}
}
/* 문의작성 */
.w_filter h3{width:150px;}
.w_filter.hash h3{width:150px; vertical-align:top;}
.w_filter .select_box{display:inline-block; width:calc(100% - 155px); width:-webkit-calc(100% - 155px);}
.w_filter .area_tag{display:inline-block; width:calc(100% - 160px); width:-webkit-calc(100% - 160px);}
.w_filter .select_box .box,
.w_filter .area_tag{padding:0 0 0 14px;}
#help_list .w_filter .select_box .box .list > li,
.w_filter .select_box .box .list > li{font-size:15px; margin:0; padding:3px 0; border:none;}
.w_filter .select_box .box .select:after{right:0;}
#help_list .help_write .title input.subject{width:100%; border:none;}
#help_list.write .help_write .title h3:before{top:1px;}
.w_filter .area_tag .input_tag{position:relative; top:-1px; margin:0 0 3px; display:inline-block; width:100%; border:none;}
.w_filter .area_tag .tag_word{background:#eaf1f8; border-radius:50px; padding:3px 7px; box-sizing:border-box; font-size:13px; color:#1c50c2;}
.w_filter .area_tag .tag_word .btn_close{ position:relative; top:-1px; margin:0 0 0 3px; background:#15306d url(../img/icon_close.svg)no-repeat 50% 50%; background-size:5px 5px; width:15px; height:15px; border-radius:50px; border:none;}


@media screen and (max-width:550px) {
	.w_filter{padding:15px;}
}
@media screen and (max-width:500px) {
	.w_filter h3{width:100%;}
	.w_filter h3:before{display:none;}
	.area_filter{margin:5px 0 0;}
	.w_filter .area_tag{display:block; width:100%; margin:5px 0 0; padding:0;}
	.w_filter .area_tag .input_tag{margin:0 0 5px;}

}
@media screen and (max-width:450px) {
	.w_filter{padding:12px;}
}
@media screen and (max-width:400px) {
	.area_filter > li{margin:0 10px 0 0;}
}

/* 커뮤니티 */
#area_community{}
#sub_bn{display:block; padding:26px 0; width:100%; height:250px; background:#392883; text-align:center;}
#sub_bn > div{display:inline-block;}
#sub_bn > .txt{text-align:left; vertical-align:top; margin:30px 0 0;}
#sub_bn > .txt > h1{display:block; font-size:40px; font-weight:bolder; color:#fff; letter-spacing:-1px; line-height:1.1em;}
#sub_bn > .txt > span{display:block; margin:10px 0 0; font-size:16px; font-weight:400; color:#fff; line-height:1.2em; word-break:break-word;}
#sub_bn > .txt a{display:inline-block; margin:20px 0 0; min-width:130px; text-align:center; background:#6f31ed;  padding:10px 20px; box-sizing:border-box; border-radius:50px;}
#sub_bn > .txt a span{position:relative; font-size:14px; color:#fff; padding:0 0 0 17px;}
#sub_bn > .txt a span:before{content:''; position:absolute; top:3px; left:0; width:13px; height:12px; background: url(../img/icon_write.svg)no-repeat center; background-size: contain;}
#sub_bn > .img{margin:0 0 0 70px;}
.community_cate{margin:70px 0 40px;}
.community_cate .inr{background:#fff; border-radius:10px; border:1px solid #eee; padding:5px;}
.community_cate .inr ul{float:left;}
.community_cate .inr ul > li{display:inline-block;}
.community_cate .inr ul > li > a{display:block;  padding:12px 15px; box-sizing:border-box; font-size:16px; font-weight:500; color:#555;}
.community_cate .inr ul > li:first-child > a{padding:12px 15px 12px 30px;}
.community_cate .inr ul > li > a.active,
.community_cate .inr ul > li > a:hover{color:#1952ed;}
.community_cate .inr .box_sch{position:relative; float:right; margin:0 15px 0 0;}
.community_cate .inr .box_sch:before{content:''; position:absolute; top:50%; left:-10px; width:2px; height:26px; background:#eee; transform:translateY(-50%);}
.community_cate .box_sch{position:relative;}
.community_cate .box_sch input{padding:10px; box-sizing:border-box; width:210px; height:48px; border:none; font-size:15px; font-weight:400; color:#333;}
.community_cate .box_sch button{position: absolute; top: 50%; right: 10px; width: 19px; height: 20px; background: url(../img/icon_search.svg)no-repeat center; border: none; background-size: contain; transform: translateY(-50%);}
#area_community .area_top{margin:0 0 40px;}
#area_community .area_top:after{content:''; display:block; clear:both;}
#area_community .area_top > div{float:left; margin:0 40px 0 0; width:calc((100% / 2) - 20px);}
#area_community .area_top > div ul{position:relative; display:block; width:100%; min-height:258px; border:1px solid #eee; background:#fff; border-radius:10px; padding:20px; box-sizing:border-box;}
#area_community .area_top > div ul > li{position:relative; display:block; width:100%; padding:0 0 0 10px; margin:0 0 8px;}
#area_community .area_top > div ul > li.nodata{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; font-size:14px; font-weight:400; color:#777; word-break: keep-all;}
#area_community .area_top > div ul > li.nodata:before{display:none;}
#area_community .area_top > div ul > li:last-child{margin:0;}
#area_community .area_top > div ul > li:before{content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background:#aaa; border-radius:50%; box-sizing:border-box;}
#area_community .area_top > div ul > li > a{position:relative; display:block; width:100%;}
#area_community .area_top > div ul > li > a:after{content:''; display:block; clear:both;}
#area_community .area_top > div ul > li > a > span{float:left; width:calc(100% - 80px); display:block; font-size:14px; font-weight:400; color:#777; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all 0.3s ease;}
#area_community .area_top > div ul > li > a > em{float:right; font-size:14px; font-weight:400; color:#999; transition:all 0.3s ease;}
#area_community .area_top > div ul > li:hover > a span,
#area_community .area_top > div ul > li:hover > a em{color:#111;}
#area_community .area_top > div:last-child{margin:0;}
#area_community .area_top > div h3,
#area_community .area_bottom > h3{display:block; margin:0 0 10px; font-size:20px; font-weight:500; color:#333;}
#area_community .tabs{margin:25px 0;}
#area_community .tabs li{background:#fff; border:1px solid #ddd; border-radius:7px; padding:12px 20px; box-sizing:border-box;}
#area_community .tabs li span{font-weight:400; color:#333; opacity:1;}
#area_community .tabs li span:before{display:none;}
#area_community .tabs li.active{background:#3568da; border:1px solid #3568da;}
#area_community .tabs li.active span{color:#fff; font-weight:500;}
.board_list{background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px;}
.board_list:after{content:''; display:block; clear:both;}
.board_list > li{display:block; padding:25px 30px; box-sizing:border-box; border-bottom:1px solid #eee;}
.board_list > li.nodata{text-align:center; font-size:15px; font-weight:400; color:#777; border-bottom:none;}
.board_list > li:last-child{border-bottom:none;}
.board_list > li > a{display:block; }
.board_list > li > a > div.subject{margin:0 0 7px;}
.board_list > li > a > div > h3{vertical-align:top; display:inline-block; max-width:calc(100% - 30px); font-size:17px; font-weight:600; color:#111; word-break:break-word; line-height:1.5em; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all 0.3s ease;}
.board_list > li > a > span{display:block; font-size:14px; font-weight:400; color:#777; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.3s  ease;}
.board_list > li > a > span p,
.board_list > li > a > span p span{font-size:14px !important; font-weight:400 !important; color:#777 !important; font-family:'Open Sans', 'Noto Sans KR', Dotum, sans-serif !important; }
.board_list > li > a > div.subject > em{position:relative; top:4px; display:inline-block; margin:0 0 0 5px; width:18px; height:18px; background:#3568da; border-radius:50px;}
.board_list > li > a > div.subject > em i{position:absolute; top:50%; left:50%; display:inline-block; margin:0; font-size:10px; text-align:center; color:#fff; line-height:1.5em; transform:translate(-50%,-50%);}
#area_community .list_info{margin:12px 0 0; line-height:1em;}
#area_community .list_info span{position:relative; font-size:13px; font-weight:400; color:#999; margin:0 5px;}
#area_community .help_question.top .list_info span,
#area_community .board_list .list_info span{margin:0 10px;}
#area_community .list_info span:first-child{margin:0 6px 0 0;}
#area_community .list_info span:first-child:before{right:-9px;}
#area_community .list_info span:before{content:''; position:absolute; top:8px; right:-11px; width:3px; height:3px; border-radius:50%; background:#999;}
#area_community .list_info span.view{margin:0 6px;}
#area_community .list_info.view span:before{top:7.5px;}
#area_community .list_info span:last-child:before{display:none;}
#area_community .list_info span.reply em{color:#275dd7;}
#area_community .top_filter{margin:0 0 10px;}
#area_community .top_filter .view{color:#222;}
#area_community .top_filter .sort_list > li span{font-size:14px;}
#area_community #help_list{margin:30px 0 0; width:100%;}
#area_community #help_list .help_write .title h3{padding:0;}
#area_community #help_list .help_write .title h3:before{display:none;}
#area_community.write #sub_bn > .txt{margin:62px 0 0;}

/* 커뮤니티 뷰 */
#area_community.view,
#area_career.view{margin:30px 0 50px;}
#area_community.view #help_list,
#area_career.view #help_list{float:left; margin:0; width:calc(100% - 310px); width:-webkit-calc(100% - 310px);}
#area_community #help_list .title h3{padding:0; font-size:19px;}
#area_community #help_list .title h3:before{display:none;}
#area_community #help_list .title .list_info{margin:7px 0 0;}
#area_community #help_list .title em.community_type{display:inline-block; margin:0 0 3px;}
#area_community #help_list .title em.community_type a{position:relative; font-size:14px; font-weight:400; padding:0 15px 0 0; color:#1952ed; }
#area_community #help_list .title em.community_type a:before{content:''; position:absolute; top:4px; right:0; width:10px; height:10px; background:url(../img/icon_myinfo_arrow_blue.svg)no-repeat center; background-size:contain;}
#area_community.view #help_list .help_question.top .bottom{padding:25px 25px 0;}
#area_community.view #help_list .help_question.top .info{margin:30px 0 0;}
#area_community.view #help_list .help_question.top .info .thums{position:relative; top:unset; right:unset; text-align:center;}
#area_community.view #help_list .help_question.top .info .thums > li{ margin:0 7px 0 0; background:#e6eef5; border-radius:50px; border:1px solid #d7e4ef; padding:5px 20px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease;}
#area_community.view #help_list .help_question.top .info .thums > li:last-child{margin:0;}
#area_community.view #help_list .help_question.top .info .thums > li.good i,
#area_community.view #help_list .help_question.top .info .thums > li.bad i{width:15px; transition:all 0s ease;}
#area_community.view #help_list .help_question.top .info .thums > li:hover,
#area_community.view #help_list .help_question.top .info .thums > li.on{background:#275dd7; border:1px solid #275dd7;}
#area_community.view #help_list .help_question.top .info .thums > li.good:hover i,
#area_community.view #help_list .help_question.top .info .thums > li.good.on i{background:url(../img/icon_thumsup_wt.svg)no-repeat center; background-size:contain;}
#area_community.view #help_list .help_question.top .info .thums > li.bad:hover i,
#area_community.view #help_list .help_question.top .info .thums > li.bad.on i{background:url(../img/icon_thumsdown_wt.svg)no-repeat center; background-size:contain;}
#area_community.view #help_list .help_question.top .info .thums > li > span{vertical-align:text-bottom;}
#area_community.view #help_list .help_question.top .info .thums > li:hover > span,
#area_community.view #help_list .help_question.top .info .thums > li.on > span{color:#fff;}
#area_community.view #help_list .tag{margin:10px 25px 25px;}
#area_community.view #help_list .help_question .profile{position:relative; width:35px; height:35px;}
#area_community.view #help_list .profile_info{position:relative; top:-2px; margin:0 0 0 6px;}
#area_community.view #help_list .profile_info h4{font-size:15px;}
#area_community.view #help_list .title{padding:15px 20px 13px;}
#area_community.view #help_list .title .list_info{position:relative; margin:0; line-height:0.7em;}
#area_community.view #help_list .title .list_info .btn_more{right:-9px;}
#area_community.view #help_list .title .list_info .edit_list > li{line-height:1.5em;}
#area_community.view .list_info span{font-size:12px;}
#area_community.view .list_info span.view{margin:0 6px;}
#area_community.view .list_info span.view:before{display:none;}
#area_community.view #help_list .bottom{padding:15px 20px 20px;}
#area_community.view #help_list .area_answer .help_question .info .btn_reply{display:inline-block; font-size:13px; font-weight:500; line-height:1em; box-sizing:border-box; transition:all 0.3s ease;}
#area_community.view #help_list .area_answer .help_question .info .btn_reply:hover{color:#275dd7;}
#area_community.view #help_list .area_answer .help_question .info .btn_reply.count{margin:0 5px 0 0; color:#275dd7;}
#area_community.view #help_list .area_answer .help_question .info .thums{position:absolute;}
#area_community.view #help_list .area_answer .help_question .info .thums > li i{width:14px; height:15px;}
#area_community.view #help_list .area_answer .help_question .info .thums > li > span{font-size:13px; vertical-align:baseline;}
#area_community.view .area_comment{display:block; padding:15px 20px;}
#area_community.view .area_comment .list_comment{margin:0;}
#area_community.view .area_comment .list_comment > li:first-child{padding:0 0 10px;}
.area_comment_input{margin:15px 0 0; display:block; width:100%; border:1px solid #eee; border-radius:10px; box-sizing:border-box; }
.area_comment_input textarea{width:100%; height:100px; padding:10px; border:none; border-radius:10px; resize:none; outline:none; font-size:14px; font-weight:400; color:#333; font-family:'Open Sans', 'Noto Sans KR', Dotum, sans-serif;}
.area_comment_input .comment_bottom{padding:0 10px 10px; width:100%; box-sizing:border-box;}
.area_comment_input .comment_bottom:after{content:''; display:block; clear:both;}
.area_comment_input .comment_bottom .w_filter{float:left; border:none; padding:0; margin:0;}
.area_comment_input .comment_bottom .w_filter span{position:relative; top:2px;}
.area_comment_input .comment_bottom .w_filter label{margin:0;}
.area_comment_input .comment_bottom .w_filter em{font-size:13px; font-weight:500; color:#333;}
.area_comment_input .list_btn{float:right; }
.area_comment_input .list_btn button{border:none; font-size:14px; font-weight:500; color:#222; background:#fff;}
.area_comment_input .list_btn button.btn_cancle{color:#999; margin:0 3px 0 0;}
#area_community.view .help_write{padding:25px;}
#area_community.view .help_write h3{font-size:18px; font-weight:600; color:#333;}
#area_community.view .help_write .area_textarea{margin:10px 0 0; width:100%; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
#area_community.view .help_write textarea{width:100%; height:150px; padding:10px; border:none; border-radius:10px; resize:none; outline:none; font-size:14px; font-weight:400; color:#333; font-family:'Open Sans', 'Noto Sans KR', Dotum, sans-serif;}
#area_community.view .help_write .w_filter{padding:0; border:none; margin:10px 0 0;}
#area_community.view .help_write .w_filter .area_filter{margin:0;}
#area_community.view .help_write .w_filter .area_filter > li label em{font-size:14px; font-weight:500;}
#area_community.view #help_list button.btn_confirm{margin:10px 0 0;}
#area_popular{float:left; width:290px; margin:0 0 0 20px; min-height:600px;}
#area_popular .area_write{margin:0 0 13px; background:#275dd7;}
#area_popular .list_best{margin:0;}
#area_popular .list_best h3{display:block; margin:0 0 3px; font-size:16px; font-weight:bold; color:#111;}
#area_popular ul{border-radius:10px; border:1px solid #eee; background:#fff; overflow:hidden;}
#area_popular ul > li{border-bottom:1px dashed #eee;}
#area_popular ul > li:last-child{border-bottom:none;}
#area_popular ul > li > a{display:block; width:100%; height:auto; padding:10px; box-sizing:border-box; line-height:1.5em;}
#area_popular ul > li > a span{display:block; width:100%; font-size:14px; font-weight:400; color:#333; word-break:break-word; line-height:1.4em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#area_popular ul > li > a i{display:inline-block; margin:0 4px 0 0; position:relative; top:-1px; padding:1px 5px 2px; line-height:1em; border:1px solid #275dd7; color:#275dd7; border-radius:50px; font-size:11px; font-weight:bold;}
#area_popular ul > li > a em{display:block; margin:7px 0 0; font-size:13px; font-weight:400; color:#999; line-height:1em; }
#area_popular ul > li > a:hover{font-weight:500;}

@media screen and (max-width:1023px) {
	.community_cate{margin:0 0 40px;}
	.community_cate .inr{width:100%; border:none; border-radius:0;}
	.community_cate .inr .box_sch{display:none;}
	.area_top > div{margin:0 20px 0 0; width:calc((100% / 2) - 10px);}
	#area_community.view{margin:20px 0 0;}
	#area_popular{width:100%; margin:0 0 20px; min-height:auto;}
	#area_popular .area_write{display:none;}
	#area_popular .list_best h3{background:#3568da; color:#fff; padding:10px; border-radius:10px 10px 0 0; box-sizing:border-box; margin:0; text-align:center;}
	#area_popular ul{border-radius:0 0 10px 10px;}
	#area_community.view #help_list{width:100%;}
	#sub_bn > .txt > h1{font-size:35px;}
}
@media screen and (max-width:800px) {
	.top_box{margin:0 0 25px; overflow-x:scroll; overflow-y:hidden;}
	#area_community .tabs{margin:25px 0 0; min-width:800px;}
}
@media screen and (max-width:768px) {
	.community_cate{margin:0 0 40px;}
	.community_cate .inr .box_sch{display:none;}
	#area_community .area_top > div{margin:0 0 40px; width:100%;}
	#sub_bn > .txt h1{height:35px;}
	#sub_bn > .txt h1 img{height:100%;}
	#sub_bn > .img{margin:0 0 0 30px; height:180px;}
	#sub_bn > .img img{width:auto; height:100%;}
	#area_community .tabs li{padding:10px 12px;}
	.board_list > li{padding:20px;}
	#area_community.view #help_list .title{padding:13px 20px;}
	#area_community.view #help_list .help_question.top .bottom{padding:20px 20px 0;}
	#area_community.view #help_list .tag{margin:10px 20px 20px;}
	#area_community.view #help_list .bottom{padding:15px 20px 20px;}
	#area_community.view #help_list .help_question.top .info .thums > li{padding:0 10px; margin:0 4px 0 0;}
	#area_community.view #help_list .help_question.top .info .thums > li i{width: 14px; height: 15px;}
	#area_community.view #help_list .help_question.top .info .thums > li > span{font-size:13px; vertical-align:baseline;}
	#sub_bn > .txt > h1{font-size:30px;}

	#area_community.view .help_write{padding:20px;}
	#area_community.view .area_comment{padding:15px 20px;}
	#area_popular ul > li > a{padding:20px;}
	#area_popular ul > li > a span{font-size:15px; font-weight:500;}
	.board_list > li > a > div.subject{margin:0;}
	#area_community.view .board_list > li > a > div > h3{font-size:15px; font-weight:500;}
	#area_community.view .board_list > li > a > div.subject > em{top:3px;}
	#area_community .tabs{min-width:768px;}
}
@media screen and (max-width:700px) {
	.community_cate{margin:0 0 30px; overflow-x:scroll; overflow-y:hidden;}
	.community_cate .inr ul > li > a{padding:10px;}
	.community_cate .inr ul > li:first-child > a{padding:10px 10px 10px 20px;}
	.community_cate .inr{padding:0; min-width:730px;}
}
@media screen and (max-width:550px) {
	#sub_bn{height:215px;}
	.community_cate{margin:0 0 30px;}
	.community_cate .inr{padding:0;}
	.community_cate .inr ul > li > a{font-size:15px; padding:10px;}
	.community_cate .inr ul > li:first-child > a{padding:10px 10px 10px 20px;}
	#sub_bn > .txt h1{height:30px;}
	#sub_bn > .txt > span{margin:8px 0 0; font-size:15px;}
	#sub_bn > .txt{margin:25px 0 0;}
	#sub_bn > .img{margin:0 0 0 20px; height:160px;}
	#sub_bn > .txt a{margin:15px 0 0; padding:7px 20px; min-width:100px;}
	#area_community .area_top > div{margin:0 0 20px;}
	#area_community .area_top > div h3, .area_bottom > h3{font-size:18px; margin:0 0 5px;}
	#area_community .area_top > div ul{padding:15px;}
	#area_community .tabs{margin:15px 0;}
	#area_community .tabs li{padding:8px 10px;}
	#area_community .tabs li span{font-size:14px;}
	.board_list > li{padding:15px;}
	.board_list > li > a > div.subject{margin:0;}
	.board_list > li > a > div > h3{font-size:15px;}
	.board_list > li > a > div.subject > em{top:3px;}
	.board_list > li > a > span{font-size:13px;}
	#area_community .list_info{margin:5px 0 0;}
	#area_community.write #sub_bn > .txt{margin:54px 0 0;}
	#area_community.view{margin:13px 0 0;}
	#area_community.view #help_list .title{padding:13px 10px;}
	#area_community.view #help_list .help_question.top .bottom{padding:15px 15px 0;}
	#area_community.view #help_list .tag{margin:5px 15px 20px;}
	#area_community.view #help_list .bottom{padding:15px 15px 20px;}
	#area_community.view .help_write{padding:15px;}
	#area_community.view .area_comment{padding:15px;}
	#area_popular ul > li > a{padding:15px;}
	#area_community #help_list .title em.community_type{margin:0;}
	#area_community #help_list .title em.community_type a{font-size:12px; line-height:1em;}
	#area_community #help_list .title em.community_type a:before{top:3px;}
	#area_community #help_list .title h3{font-size:16px;}
	#area_community.view #help_list .help_question.top .profile{width:25px; height:25px;}
	#area_community.view .help_write h3{font-size:14px; font-weight:500;}
	#area_community.view .help_write .area_textarea{margin:5px 0 0;}
	#area_community.view .help_write textarea{padding:5px 10px; height:100px;}
	#area_community.view #help_list .help_question .profile{width:30px; height:30px;}
	#area_community.view #help_list .title .list_info{margin:2px 0 0;}
	#area_community.view .list_info span{font-size:11px;}
	#area_community .list_info span{margin:0 5px;}
	#area_community .help_question.top .list_info span,
	#area_community .board_list .list_info span{margin:0 5px;}
	#area_community .list_info span:first-child{margin:0 5px 0 0;}
	#area_community .list_info span:first-child:before{right:-8px;}
	#area_community .list_info span:before{width:2px; height:2px; right:-7px;}
	#area_community .list_info span.view{margin:0 0 0 3px;}
	#area_community.view #help_list .area_answer .help_question .info .btn_reply{font-size:12px;}
	.area_comment_input{margin:10px 0 0;}
	.area_comment_input textarea{padding:5px 10px;}
	#area_community.view .board_list > li > a > div.subject > em{top:1px; width:16px; height:16px;}
	#sub_bn > .txt > h1{font-size:25px;}
	#sub_bn > .img{display:none;}
	#area_community .tabs{min-width:550px;}
}
@media screen and (max-width:450px) {
	#sub_bn{height:195px;}
	#sub_bn > .img{height:130px;}
	#sub_bn > .txt{margin:20px 0 0;}
	#sub_bn > .txt a{margin:10px 0 0; padding:5px 10px; min-width:90px;}
	#sub_bn > .txt span{font-size:13px;}
	#area_community .area_top > div h3, .area_bottom > h3{font-size:17px;}
	#area_community .tabs li{margin:0 3px 0 0; padding:5px;}
	#area_community.write #sub_bn > .txt{margin:45px 0 0;}
	.board_list > li{padding:12px;}
	#area_community.view{margin:10px 0 0;}
	#area_community.view #help_list .title{padding:13px 12px;}
	#area_community.view #help_list .help_question.top .bottom{padding:13px 12px 0;}
	#area_community.view #help_list .tag{margin:0 12px 15px;}
	#area_community.view #help_list .bottom{padding:15px 12px;}
	#area_community.view .help_write{padding:12px;}
	#area_community.view .area_comment{padding:12px;}
	#area_popular ul > li > a{padding:12px;}
	#area_popular ul > li > a span{font-size:14px;}
	#area_community.view .board_list > li > a > div > h3{font-size:14px;}

	.community_cate .inr{padding:0; min-width:550px;}

	.community_cate .inr ul > li{padding:0;}
	.community_cate .inr ul > li > a{font-size:15px; padding:10px 5px;}
	.community_cate .inr ul > li:first-child > a{padding:10px 5px 10px 10px;}
	#area_community .tabs{min-width:550px;}
}
@media screen and (max-width:400px) {
	#sub_bn{height:165px;}
	#sub_bn > .img{margin:0 0 0 10px; height:100px;}
	#sub_bn > .txt{margin:10px 0 0;}
	#sub_bn > .txt h1{height:25px;}
	#sub_bn > .txt span{font-size:13px;}


	.community_cate .inr ul > li{padding:0;}
	.community_cate .inr ul > li > a{font-size:15px; padding:10px 5px;}
	.community_cate .inr ul > li:first-child > a{padding:10px 5px 10px 10px;}
	.top_box{overflow-x:scroll; overflow-y:hidden;}
	#area_community .tabs{min-width:500px;}
	#area_community.write #sub_bn > .txt{margin:30px 0 0;}
	.community_cate .inr ul > li > a{padding:10px 2px;}
}
@media screen and (max-width:340px) {
	#sub_bn{height:140px;}
	#sub_bn > .img{height:80px;}
	#sub_bn > .txt{margin:0;}
	#sub_bn > .txt h1{height:20px;}
	#sub_bn > .txt span{font-size:12px;}
	#area_community.write #sub_bn > .txt{margin:25px 0 0;}
}

/* 커리어 */
#area_career .area_top{background:#f2f5f8; padding:50px 0; box-sizing:border-box;}
#area_career .area_top .bn_list:after{content:''; display:block; clear:both;}
#area_career .area_top .bn_list > li{position:relative; float:left; padding:40px; width:calc((100% / 2) - 17.5px); width:-webkit-calc((100% / 2) - 17.5px); height:250px; margin:0 35px 0 0; border-radius:20px; box-sizing:border-box; text-align:center; color:#fff; overflow:hidden;}
#area_career .area_top .bn_list > li:first-child{background:#2159d4 url(../img/bn_career01.jpg)no-repeat center top; background-size:cover; box-shadow: 0px 5px 16px 4px rgba(156, 187, 255, 0.34);}
#area_career .area_top .bn_list > li:last-child{background:#6f31ed url(../img/bn_career02.jpg)no-repeat right bottom; background-size:cover; margin:0; box-shadow: 0px 5px 16px 4px rgba(156, 110, 250, 0.34);}
#area_career .area_top .bn_list > li .txt{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); z-index:2;}
#area_career .area_top .bn_list > li h3{font-size:30px; font-weight:400; word-break:break-word; line-height:1.5em;}
#area_career .area_top .bn_list > li h4{font-size:27px; font-weight:400; word-break:break-word; line-height:1.5em;}
#area_career .area_top .bn_list > li h3 .bold,
#area_career .area_top .bn_list > li h4 .bold{font-weight:bold;}
#area_career .area_top .bn_list > li .txt > span{display:block; margin:12px 0 0; font-size:17px; font-weight:300; line-height:1.6em; color:#fff; word-break:break-word; opacity:0.7;}
#area_career .area_top .bn_list > li .btn_inquiry{display:inline-block; margin:18px 0 0; padding:10px 30px; width:auto; font-size:15px; font-weight:600; color:#6f31ed; background:#fff; border-radius:50px;}
#area_career .area_top .bn_list > li:first-child .btn_inquiry{color:#2159d4;}
#area_career .area_top .bn_list > li .obj{position:absolute;}
#area_career .area_top .bn_list > li:first-child .obj{left:-6px; bottom:0;}
#area_career .area_top .bn_list > li:last-child .obj{right:0;  bottom:-2px;}
#area_career .area_bottom{padding:40px 0 0;}
#area_career .area_bottom h3{font-size:25px; font-weight:600; color:#333;}
#area_career .area_bottom .top_filter{margin:10px 0 0; height:46px;}
#area_career .area_bottom .top_filter .sort_list{display:inline-block; position:relative; right:unset;}
#area_career .area_bottom .top_filter .box_sch{position:absolute; top:0; right:0; width:230px; background:#f8f8f8; border:1px solid #eee; border-radius:10px;}
#area_career .area_bottom .top_filter .box_sch input[type=text]{width:100%; border:none; padding:10px; font-size:15px; font-weight:500; color:#275dd7;}
#area_career .area_bottom .top_filter .box_sch button{position:absolute; top:50%; right:10px; width:19px; height:19px; background:url(../img/icon_search.svg)no-repeat center; border:none; background-size:cover; transform:translateY(-50%);}
#area_career .area_bottom .top_filter .box_filter{margin:15px 0; padding:15px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
#area_career .area_bottom .top_filter .select_box{margin:10px 0 0;}
#area_career .area_bottom .top_filter .select_box .box .select{font-size:14px; color:#777;}
#area_career .area_bottom .top_filter .box_left{display:inline-block; margin:10px 0 0;}
.top_filter .view{font-size:14px; font-weight:500; color:#777;}
.top_filter .view .blue{color:#275dd7; font-weight:bold;}
#area_career .area_bottom .top_filter .box_left .sort_list > li span{font-size:14px;}
.career_list{margin:20px 0 0;}
.career_list:after{content:''; display:block; clear:both;}
.career_list > li{float:left; margin:0 30px 30px 0; width:calc((100% / 4) - 23px); width:-webkit-calc((100% / 4) - 23px);border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
.career_list > li.nodata{display:block; margin:100px 0; font-size:16px; width:100%; color:#555; text-align:center; border:none;}
.career_list > li:nth-child(4n){margin:0 0 10px;}
.career_list > li > a{display:block; width:100%; height:100%;}
.career_list > li > a > .top{display:block; padding:20px; box-sizing:border-box;}
.career_list > li > a > .top .company_logo{width:auto; max-width:100%; height:34px;}
.career_list > li > a > .top .company_logo img{width:auto; height:100%;}
.career_list > li > a > .top span{display:block; margin:10px 0 8px; font-size:15px; font-weight:500; color:#777; line-height:1.2em;}
#area_career .career_list > li > a > .top h3{font-size:20px; font-weight:500; color:#222; min-height:56px; line-height:1.4em; word-break:break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.career_list > li > a > .bottom{display:block; padding:6px 20px; box-sizing:border-box; background:#f2f5f8; border-top:1px solid #eee; border-radius:0 0 8px 8px;}
.career_list > li > a > .bottom span{font-size:14px; font-weight:500; color:#555;}
.career_list > li > a > .bottom em{float:right; font-size:14px; font-weight:600; color:#555;}

@media screen and (max-width:1200px) {
	#area_career .area_top .bn_list{margin:0 auto; width:96%;}
	#area_career .area_top .bn_list > li{margin:0 20px 0 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px); height:230px;}
	#area_career .area_top .bn_list > li h3{font-size:32px;}
	#area_career .area_top .bn_list > li h4{font-size:28px;}
	.career_list > li{margin:0 20px 20px 0; width:calc((100% / 4) - 15px);}
}
@media screen and (max-width:1024px) {
	#area_career .area_top .bn_list > li{padding:30px;}
	#area_career .area_top .bn_list > li .txt{width:85%;}
	#area_career .area_top .bn_list > li h3{font-size:28px;}
	#area_career .area_top .bn_list > li h4{font-size:25px;}
	#area_career .area_top .bn_list > li h4 br{display:none;}
	#area_career .area_top .bn_list > li .txt > span{margin:8px 0 0; font-size:16px; line-height:1.5em;}
	#area_career .area_top .bn_list > li .txt > span br{display:none;}
	#area_career .area_bottom .top_filter{position:relative; margin:10px 0 0; height:auto;}
	#area_career .area_bottom .top_filter .box_left{margin:0;}
	#area_career .area_bottom .top_filter .sort_list{display:none;}
	#area_career .area_bottom .top_filter .box_sch{display:none;}
	.career_list > li > a > .top{padding:15px;}
	.career_list > li > a > .bottom{padding:6px 15px;}
	#area_career .area_top .bn_list > li:first-child .obj,
	#area_career .area_top .bn_list > li:last-child .obj{bottom:-10px;}
}
@media screen and (max-width:850px) {
	#area_career .area_top .bn_list > li h3{font-size:24px;}
	#area_career .area_top .bn_list > li h4{font-size:22px;}
	#area_career .area_top .bn_list > li .txt > span{font-size:15px;}
	#area_career .area_top .bn_list > li:first-child .obj img{width:90px;}
	#area_career .area_top .bn_list > li:last-child .obj img{width:110px;}
	#area_career .area_top .bn_list > li:first-child .obj,
	#area_career .area_top .bn_list > li:last-child .obj{bottom:-4px;}
}
@media screen and (max-width:768px) {
	.career_list > li{margin:0 10px 10px 0; width:calc((100% / 2) - 5px);}
	.career_list > li:nth-child(4n){margin:0 10px 10px 0;}
	.career_list > li:nth-child(2n){margin:0 0 10px;}
}
@media screen and (max-width:650px) {
	#area_career .area_top .bn_list > li{width:100%; margin:0 0 15px;}
	#area_career .area_top .bn_list > li .txt > span br{display:block;}
	#area_career .area_top .bn_list > li{height:200px;}
	#area_career .area_top .bn_list > li:last-child{background-position:right bottom;}
	#area_career .area_top .bn_list > li h4 br{display:block;}
	#area_career .area_top .bn_list > li .btn_inquiry{margin:15px 0 0; padding:8px 25px;}
	.career_list{margin:10px 0 0;}
	.career_list > li > a > .top .company_logo{height:30px;}
	.career_list > li > a > .top span{margin:8px 0; font-size:14px;}
	#area_career .career_list > li > a > .top h3{font-size:18px;}
	#area_career .area_bottom h3{font-size:20px;}
	#area_career .area_bottom{padding:20px 0 0;}
	#area_career .area_top .bn_list > li:first-child .obj img{width:auto;}
	#area_career .area_top .bn_list > li:last-child .obj img{width:auto;}
}
@media screen and (max-width:550px) {
	#area_career .area_top{padding:25px 0;}
	#area_career .area_top .bn_list > li{padding:20px; height:190px;}
	#area_career .career_list > li > a > .top h3{font-size:16px; min-height:48px;}
	#area_career .area_top .bn_list > li:first-child .obj img{width:85px;}
	#area_career .area_top .bn_list > li:last-child .obj img{width:100px;}
	#area_career .area_top .bn_list > li .btn_inquiry{font-size:14px; margin:13px 0 0; padding:7px 20px;}

}
@media screen and (max-width:450px) {
	#area_career .area_top .bn_list > li{height:163px;}
	#area_career .area_top .bn_list > li h3{font-size:22px;}
	#area_career .area_top .bn_list > li h4{font-size:18px;}
	#area_career .area_top .bn_list > li .txt > span{font-size:14px;}
	#area_career .area_top .bn_list > li .txt > span br{display:none;}
	#area_career .area_top .bn_list > li .btn_inquiry{margin:10px 0 0; padding:5px 15px; font-size:13px; line-height:1.6em;}
	.career_list > li > a > .top{padding:10px;}
	.career_list > li > a > .bottom{padding:4px 10px;}
	.career_list > li > a > .top .company_logo{height:27px;}
	.career_list > li > a > .top span{font-size:13px;}
	#area_career .career_list > li > a > .top h3{font-size:15px; min-height:42px;}
	.career_list > li > a > .bottom span,
	.career_list > li > a > .bottom em{font-size:13px;}
}
@media screen and (max-width:350px) {
	.career_list > li{margin:0 0 10px; width:100%;}
	#area_career .area_top .bn_list > li h3{font-size:18px;}
	#area_career .area_top .bn_list > li h4{font-size:16px;}
	#area_career .area_bottom .top_filter{margin:8px 0 0;}
	#area_career .area_top .bn_list > li:first-child .obj img{width:75px;}
	#area_career .area_top .bn_list > li:last-child .obj img{width:85px;}

}

/* 커리어 뷰 */
#help_list.career .title{padding:25px 25px 30px; border-bottom:none;}
#help_list.career .title h3{margin:2px 0 0; padding:0; font-size:20px;}
#help_list.career .title h3:before{display:none;}
#help_list.career .title .company_info{}
#help_list.career .title .company_info em{display:inline-block;}
#help_list.career .title .company_info em a{display:block; font-size:15px; color:#777; font-weight:400;}
#help_list.career .title .company_info .link{position:relative; margin:0 0 0 5px; padding:0 0 0 15px;}
#help_list.career .title .company_info .link:before{content:''; position:absolute; top:5px; left:0; width:12px; height:12px; background:url(../img/icon_link_bk.svg)no-repeat center; background-size:contain;}
#help_list.career .title .company_info .link a{display:inline-block; font-size:13px; color:#555;}
#help_list.career .bottom{padding:35px 25px;}
#help_list.career .tag{margin:5px 0 15px;}
#help_list.career #cont_wrap{display:block; overflow:hidden;}
.career_info{}
.career_info:after{content:''; display:block; clear:both;}
.career_info > li{display:block; padding:15px 12px; margin:0 10px 0 0; float:left; width:calc((100% / 4) - 8px); border:1px solid #eee; background:#f9f9f9; box-sizing:border-box; border-radius:5px; box-sizing:border-box;}
.career_info > li:nth-child(4){margin:0;}
.career_info > li > h4{font-size:14px; color:#111; font-weight:600; line-height:1.4em; word-break:break-word;}
.career_info > li span{display:block; margin:5px 0 0; font-size:15px; color:#555; font-weight:400; line-height:1.4em; word-break:break-word;}
#help_list.career .help_write{padding:25px; word-break:break-word;}
#help_list.career .help_write table{width:100% !important;}
#help_list.career .help_write ul.career_info02{margin:0 0 20px;}
#help_list.career .help_write ul.career_info02 > li{display:block; width:100%;}
#help_list.career .help_write ul.career_info02 > li h3{font-size:17px; font-weight:bold; color:#111;}
#help_list.career .help_write ul.career_info02 > li .list{margin:5px 0 0;}
#help_list.career .help_write ul.career_info02 > li .list > li{display:block; margin:0 0 5px; font-size:15px; color:#555; line-height:1.4em; word-break:break-word;}
#help_list.career .box_list{}
#help_list.career .box_list > li{display:block; margin:0 0 10px;}
#help_list.career .box_list > li > em{display:inline-block; width:100px; font-size:15px; font-weight:500; color:#111; vertical-align:top}
#help_list.career .box_list > li > span{display:inline-block; width:calc(100% - 110px); font-size:15px; font-weight:400; color:#333; word-break:break-word;}
#help_list.career .btn_link{margin:0 0 20px;}
#help_list.career .btn_link:after{content:''; display:block; clear:both;}
#help_list.career .btn_link > li{float:left; margin:0 10px 0 0; width:calc((100% / 2) - 5px);}
#help_list.career .btn_link > li.full{width:100%; margin:0;}
#help_list.career .btn_link > li:last-child{margin:0;}
#help_list.career .btn_link > li:last-child > a{background:#1f3056;}
#help_list.career .btn_link > li a{display:block; cursor:pointer;}
#help_list.career .btn_link > li a{margin:0;}
#help_list.career .btn_more{top:20px; transform:none;}
.area_map{display:block; margin:15px 0 0; border-bottom:1px solid #ddd;}
#area_recommend{float:left; width:290px; margin:0 0 0 20px; }
#area_recommend .career_list{margin:0;}
#area_recommend .career_list > li{width:100%; margin:0 0 10px; background:#fff;}
#area_recommend .career_list > li > a > .top{position:relative; padding:10px 15px 15px;}
#area_recommend .career_list > li > a > .top .dday{position:absolute; top:20px; right:15px; font-size:13px; color:#555; font-weight:500;}
#area_recommend .career_list > li > a > .top h3{font-size:17px; min-height:auto; -webkit-line-clamp: 1;}
#area_recommend .career_list > li > a > .top span{margin:7px 0 3px; font-size:13px; font-weight:500;}
#area_recommend .career_list > li > a > .top span.salary{margin:6px 0 0; color:#777;  font-size:14px; font-weight:400;}

@media screen and (max-width:1023px) {
	#area_career.view #help_list{width:100%;}
	#area_recommend{width:100%; margin:0;}
}
@media screen and (max-width:768px) {
	.career_info > li{margin:0 10px 10px 0; width:calc((100% / 2) - 5px);}
	.career_info > li:nth-child(2n){margin:0;}
	#area_career.view .btn_link{position:fixed; left:0; right:0; bottom:0; z-index:90; margin:0; border-radius:0;}
	#area_career.view .btn_link > li{width:50%; margin:0;}
	#area_career.view .btn_link > li a{border-radius:0;}
}
@media screen and (max-width:550px) {
	#help_list.career .title,
	#help_list.career .help_write{padding:12px 10px;}
	#help_list.career .title h3{font-size:16px;}
	#help_list.career .title .company_info em a{font-size:14px;}
	.career_info > li > h4{font-size:13px;}
	.career_info > li span{font-size:14px;}
	.career_info > li{padding:10px;}
	#help_list.career .box_list > li{margin:0 0 5px;}
	#help_list.career .box_list > li > em{display:block;}
	.area_map{margin:10px 0 0;}
	.root_daum_roughmap .wrap_map{height:200px !important;}
	#area_recommend .career_list > li > a > .top{padding:10px 12px 12px;}
	#area_recommend .career_list > li > a > .top .dday{top:13px; right:12px;}
	#area_recommend .career_list > li > a > .top h3{font-size:16px;}
}
@media screen and (max-width:400px) {
	#area_recommend .career_list > li > a > .top h3{font-size:15px;}
	#help_list.career .title .company_info em a{font-weight:600;}
	#help_list.career .title .company_info .link{display:block; margin:0}
}
/* 기업의뢰 */
#area_help.company #top_bn{background:#0e97e7;}
#help_list .list > li.company{padding:0;}
#help_list li.company .title{padding:12px 20px;}
#help_list li.company .title em{display:inline-block; margin:0 0 8px; font-size:13px; font-weight:600; color:#3568da; word-break:break-word; line-height:1em;}
#help_list.inquiry03 li.company .title em{font-size:12px;}
#help_list li.company .title h3{padding:0; margin:0; font-size:18px;width: 100%}
#help_list li.company .title h3:before{display:none;}
#help_list li.company .cont{position:relative; display:block; padding:12px 20px;}
#help_list li.company .cont .list_wrap{width:80%;}
#help_list li.company .cont .area_detail{position:absolute; top:50%; right:20px; width:74px; transform:translateY(-50%); text-align:center;}
#help_list li.company .cont .area_detail a{display:block; padding:15px 10px 13px; background:#275dd7; line-height:1.3em; color:#fff; font-size:15px; font-weight:400; border-radius:5px;}
#help_list li.company .cont .list_text{}
#help_list li.company .cont .list_text em{display:inline-block; margin:0 7px 0 0; text-transform:uppercase; font-size:14px; font-weight:600; color:#333; word-break:break-word;}
#help_list li.company .cont .list_text span{display:inline-block; font-size:14px; font-weight:500; color:#555; word-break:break-word; line-height:1.2em; }
#help_list li.company .cont .list_text li.period span{font-size:12px; font-weight:600; border-radius:50px; margin:8px 0 5px; padding:2px 8px; box-sizing:border-box; background:#eaf5ff; border:1px solid #5d89eb; color:#5d89eb;}
#help_list li.company .list_info{margin:7px 0 0;}
#help_list .mbox_cate.first{margin:0 0 7px;}
#area_help.company #help_list .mbox_cate.filter i{position:relative; top:1.5px; width:11px; height:13px; background: url(../img/icon_filter.svg)no-repeat center; background-size:contain;}
#area_help.company #help_list .mbox_cate.filter.select i{background: url(../img/icon_filter_on.svg)no-repeat center; background-size:contain;}
#area_help.company #help_list .mbox_cate.filter.select span{color:#3568da;}
#area_help.company #help_list .list .right{width:100px; height:100px;}

@media screen and (max-width:768px) {
	#help_list li.company .title{padding:10px 15px;}

	#help_list li.company .title em{width:calc(100% - 75px); margin:0 0 3px; font-size:11px;}
	#help_list.inquiry03 li.company .title em{display:block; margin:0 0 6px; font-size:11px; width:calc(100% - 80px);}
	#help_list li.company .title h3{font-size:16px;}
	#help_list li.company .cont{padding:10px 15px;}
	#help_list li.company .cont ul li{line-height:1.5em;}
	#help_list .company_search_list li.company .cont ul li{line-height:1.2em;}
}
@media screen and (max-width:550px) {
	#help_list li.company .cont .list_text em,
	#help_list li.company .cont .list_text span{font-size:13px;}
	#help_list.inquiry03 li.company .title em{margin:0 0 4px; line-height:1.1em;}
}

/* 기업의뢰등록하기 */
#area_help.company_write h2{text-align:center; display:block; font-size:34px; margin:10px 0 0; font-weight:bold; color:#333; line-height:1.2em; word-break:break-word;}
#company_write{display:block; margin:30px 0 15px; width:100%; background:#fff; border-radius: 0 0 10px 10px; border:1px solid #eee; box-shadow: 0px 5px 16px 4px rgba(0, 0, 0, 0.03);}
#company_write.v2{margin:15px 0; border-radius:10px;}
#area_help.company_write #company_write .box_list{border-top:4px solid #1c2d52;}
#area_help.company_write #company_write.v2 .box_list{border:none;}
#company_write .box_list > li{display:block; padding:35px 100px; box-sizing:border-box; border-bottom:1px dashed #eee;}
#company_write.v2 .box_list > li{padding:50px 100px;}
#company_write .box_list > li:last-child{border-bottom:none;}
#company_write .box_list > li .box_type{display:inline-block; margin:0 5px 0 0;}
#company_write .box_list > li em{display:block; font-size:15px; font-weight:bold; color:#111;}
#company_write .box_list > li .discription{display: inline-block; font-weight:400; vertical-align: middle; word-break: keep-all; line-height: 1.4em; font-size: 13px; color: #275dd7;}
#company_write .box_list > li .area_filter{margin:7px 0 0;}
#company_write .box_list > li .area_box,
#company_write .box_list > li .area_box02{position:relative; display:block; width:100%; margin:10px 0 0;}
#company_write .box_list > li .area_box:after{content:''; display:block; clear:both;}
#company_write .box_list > li .area_box.last{margin:30px 0 0;}
#company_write .box_list > li .area_box label{position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:15px; font-weight:500; color:#222;}
#company_write .box_list > li .area_box > li{position:relative; display:inline-block; margin:0 12px 0 0;}
#company_write .box_list > li .area_box > li:last-child{margin:0;}
#company_write .box_list > li .area_box > li span{margin:0 0 5px;}
#company_write .box_list > li .area_box > li span,
#company_write .box_list > li .area_box span{display:block; font-size:12px; color:#555; font-weight:500; line-height:1.2em; word-break:break-word;}
#company_write .box_list > li .area_box > li input[type=text]{display:block; width:250px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:14px 10px; font-size:15px; color:#333;}
#company_write .box_list > li .area_box input[type=date]{display:inline-block; width:250px; height:54px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:8px 10px; font-size:15px; color:#333;}
#company_write .box_list > li .area_box .input_date{position:relative; padding:8px 10px;}
#company_write .box_list > li .area_box .input_date:before{content:''; z-index:-1; position:absolute; top:50%; right:10px; width: 20px; height: 20px; background:#fff url(../img/icon_calendar.svg)no-repeat center !important; background-size: contain; transform:translateY(-50%);}
#company_write .box_list > li .area_box > li.subject{width:calc(100% - 270px);}
#company_write .box_list > li .area_box > li.subject input{width:100%;}
#company_write .box_list > li .area_filter em{display:inline-block;}
#company_write .box_list > li .table_wrap{position:relative; margin:40px 0 0; border-radius:10px; box-sizing:border-box; border:1px solid #eee;}
#company_write .box_list > li .area_box .data_password{margin:15px 0;}
#company_write .box_list > li .area_box .data_password span{display:block; margin:0 0 5px;}
#company_write .box_list > li .area_box .data_password input{background:#f9f9f9; border:1px solid #ddd; padding:5px 10px; border-radius:5px; box-sizing:border-box;}
#company_write .box_list > li .area_box .data_password button{margin:0 0 0 2px; background:#333; padding:5px 10px; color:#fff; border:none; border-radius:5px; }


#area_help .mob_info{display:none;}
#area_help .mob_info span{word-break:keep-all;}
#company_write .box_list > li table{margin:0;}
#company_write .box_list > li table caption{display:none;}
#company_write .box_list > li table tr th{vertical-align:middle; padding:16px 10px; box-sizing:border-box; background:#46516a; border-bottom:none; color:#fff; font-size:16px; font-weight:600; text-align:center; border-right:1px solid rgba(255,255,255,0.1);}
#company_write .box_list > li table tr th:first-child{border-radius:10px 0 0 0;}
#company_write .box_list > li table tr th:last-child{border-right:none; border-radius:0 10px 0 0;}
#company_write .box_list > li table tr td{vertical-align:middle; padding:10px; box-sizing:border-box; border-right:1px solid #eee; border-top:none; text-align:Center;}
#company_write .box_list > li table tr td:last-child{border-right:none;}
#company_write .box_list > li table tr td .select{display:block; position:relative; padding:14px 0; text-align:left;}
#company_write .box_list > li table tr td .select:after{content:''; position:absolute; top:19px; right:0; background: #fff url(../img/icon_arrow.svg) no-repeat center right; width:14px; height:9px; background-size:contain;}
#company_write .box_list > li table tr td select{display:none; right:0; background: #fff url(../img/icon_arrow.svg) no-repeat center right 5px !important; background-size: 14px 9px !important;}
#company_write .box_list > li table tr td select,
#company_write .box_list > li table tr td input[type=text]{width:100%; border-radius:0; border:none; text-align:center;}
#company_write .box_list > li table.v2 tr th{background:#f9f9f9; border-right:none; border-bottom:1px solid #eee; color:#111; font-size:15px;}
#company_write .box_list > li table.v2 tr td{position:relative; border-right:none; border-bottom:1px solid #eee;}
#company_write .box_list > li table.v2 tr:last-child td{border-bottom:none;}
#profileModal .modal-dialog #area_my .top_box{margin:0; overflow-x:hidden;}
#company_write .box_list > li table.v2 tr td .btn_close{z-index:10; position:absolute; top:50%; right:5px; transform:translateY(-50%); background:#15306d url(../img/icon_close.svg)no-repeat 50% 50%; background-size:6px auto; width:20px; height:20px; border-radius:50px; border:none;}
#company_write .box_list > li .area_box textarea{display:block; margin:10px 0 0; padding:10px; font-size:15px; resize:none; width:100%; height:200px; box-sizing:border-box; border-radius:5px; border:1px solid #ddd; outline:none; line-height:1.4em; word-break:break-word;}
#company_write .box_list > li .area_box em{display:block; font-size:13px; color:#3568da; font-weight:500; line-height:1.3em; word-break:break-word;}
#area_help.company_write .w_filter{margin:0 0 15px; box-shadow: 0px 5px 16px 4px rgba(0, 0, 0, 0.03);}
#area_help.company_write .w_filter h3{width:150px;}
#area_help.company_write .w_filter h3 em{margin: 0 0 0 5px; font-size: 12px; font-weight: 500; color: #3568da;}
#area_help.company_write .w_filter .area_box{display:inline-block; margin:0 0 0 20px;}
#area_help.company_write input[type=text],
#area_help.company_write input[type=number],
#area_help.company_write select{display:block; width:250px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:14px 10px; font-size:15px; color:#333; }
#area_help.company_write select{background: #fff url(../img/icon_arrow.svg) no-repeat center right 10px !important; background-size: 14px 9px !important;}
#area_help.company_write .area_btn{margin:40px 0 0;}
#area_help.company_write .btn_list{}
#area_help .area_btn.two .btn_list > li{display:inline-block; width:300px; margin:0 7px 0 0;}
#area_help .area_btn.two .btn_list > li:last-child{margin:0;}
#area_help .area_btn.two .btn_list > li button{display:block; width:100%; padding:16px 10px; font-size:16px; color:#fff; background:#555; font-weight:500; border:none; border-radius:5px; box-sizing:border-box;}
#area_help .area_btn.two .btn_list > li button.btn_confirm{background:#275dd7;}
#area_help .area_btn.two .btn_list > li button.btn_confirm.violet{background:#6f31ed;}
#area_help .area_btn.two .btn_list > li button.btn_confirm.gray{background:#444;}
.red{display:inline-block; margin:0 0 0 7px; color:red; font-size:12px ;font-weight:400;}
.area_filter > li label em i{cursor:help; position:relative; top:-1px; display:inline-block; margin:0 0 0 5px; width:17px; border:1px dotted #111; box-shadow:0px 2px 5px 1px rgb(0 0 0 / 10%); border-radius: 50px; font-size: 11px; font-weight: bold; padding: 2px 5px; box-sizing: border-box; line-height: 1em; transition:all 0.3s ease; text-align:center;}
.area_filter > li label em i.active{border:1px dotted #275dd7; background:#275dd7; color:#fff;}
.area_info{display:none; position:absolute; right:-255px; bottom:-32px; border:1px solid #222; width:250px; padding:10px; box-sizing:border-box; background:#fff; box-shadow:0px 2px 5px 1px rgb(0 0 0 / 10%);}
.area_info.active{display:block;}
.area_info p{font-size:13px; font-weight:400; line-height:1.4em; word-break:break-word;}
#area_help.company_write.v2 .area_btn{margin:55px 0 0;}
#fileDrag{}
#fileDrag{position:relative; display:block; margin:0 0 15px; width:100%; height:170px; border:2px dashed #ddd; border-radius:10px; box-sizing:border-box; text-align:center;}
#fileDrag .area_txt{text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#fileDrag .area_txt .area_img{display:block; margin:0 auto 10px; width:75px; height:auto;}
#fileDrag .area_txt .area_img img{width:100%; height:auto;}
#company_write #fileDrag .area_txt span{font-size:14px; font-weight:400; color:#777; word-break:break-word; line-height:1.3em;}
#company_write #fileDrag .area_txt span.m{display:none;}
@media screen and (max-width:1023px) {
	#company_write .box_list > li{padding:25px 5%;}
	#company_write.v2 .box_list > li{padding:25px 5%;}
	#company_write .box_list > li table tr td .select_box{display:none;}
	#company_write .box_list > li table tr td select{display:block;}
}
@media screen and (max-width:768px) {
	#company_write{margin:20px 0 15px;}
	#area_help.company_write h2{font-size:30px;}
	#area_help .scrollTable{overflow:auto;}
	#area_help .scrollTable .table{width:750px;}
	#company_write .box_list > li table tr td .select,
	#company_write .box_list > li table tr td input[type=text]{width:180px !important; padding:14px 5px;}
	#area_help .mob_info{position:absolute; top:-26px; display:block; font-size:13px;}
	#area_help .mob_info span.en{display:none;}
	#area_help.company_write .area_btn{margin:25px 0 0;}
	#area_help.company_write .btn_list > li{width:200px;}
	#area_help.company_write .w_filter h3{display:block; width:auto;}
	#area_help.company_write .w_filter h3:before{display:none;}
	.area_filter,
	#area_help.company_write .w_filter .area_box{display:block; margin:5px 0 0;}
	#area_community.write .w_filter h3:before{display:none;}
	#area_help.company_write input[type=text],
	#area_help.company_write select{width:100%;}
	#company_write .box_list > li table tr th{font-size:15px;}
	#company_write .box_list > li .area_box > li{display:block; width:100%; margin:0 0 10px;}
	#company_write .box_list > li .area_box.last{margin:0;}
	#company_write .box_list > li .area_box > li:last-child{margin:0 0 10px;}
	#company_write .box_list > li .area_box > li input{width:100%;}
	#company_write .box_list > li .area_box > li.subject{margin:0 0 10px; width:100%;}
	#area_help .area_btn.two{position:fixed; bottom:0; left:0; right:0; margin:0;}
	#area_help .area_btn.two .btn_list{display:block;}
	#area_help .area_btn.two .btn_list:after{content:''; display:block; clear:both;}
	#area_help .area_btn.two .btn_list > li{float:left; width:50%; margin:0;}
	#area_help .area_btn.two .btn_list > li button{border-radius:0; margin:0;}
	#company_write #fileDrag .area_txt span.w{display:none;}
	#company_write #fileDrag .area_txt span.m{display:block;}

}
@media screen and (max-width:650px) {
	#company_write .box_list > li .area_box > li{display:block; width:100%; margin:0 0 10px;}
	#company_write .box_list > li .area_box.last{margin:0;}
	#company_write .box_list > li .area_box > li input{width:100%;}

}
@media screen and (max-width:550px) {
	#area_help.company_write h2{font-size:25px;}
	#company_write .box_list > li{padding:20px 12px;}
	#company_write.v2 .box_list > li{padding:25px 12px 25px;}
	.area_info{right:unset; left:-30%; bottom:-100px; z-index:1;}
	#company_write .box_list > li .area_box textarea{height:150px;}
	#company_write .box_list > li .area_box > li input,
	#area_help.company_write input[type=text],
	#area_help.company_write .select{padding:12px 10px;}
	#area_help.company_write input[type=text]{width:100%;}
	#company_write .box_list > li .area_box > li input[type=text]{width:100%;}
	#company_write .box_list > li .area_box > li .input_date{padding:6px 10px;}
	#company_write{margin:20px 0 10px;}
	#area_help.company_write .w_filter{margin:0 0 10px;}
	#company_write .box_list > li .area_filter{margin:5px 0 0;}
	#company_write .box_list > li table tr th{padding:10px;}
	#area_help.company_write.v2 .w_filter{margin:0 0 50px;}
	#fileDrag{height:120px;}
	#fileDrag .area_txt .area_img{width:55px; margin:0 auto 8px;}
	#company_write #fileDrag .area_txt span{font-size:13px;}
	#company_write .box_list > li table.v2 tr th{font-size:14px;}
	#company_write .box_list > li .area_box input[type=date]{padding:6px; width:100% !important;}
	#area_help .area_btn.two .btn_list > li button{font-size:15px;}
}
@media screen and (max-width:400px) {
	#area_help .area_btn.two .btn_list > li button{font-size:14px;}
}
@media screen and (max-width:380px) {
	.area_info{bottom:-69px; width:200px; padding:6px; line-height:1.4em;}
	#area_help .area_btn.two .btn_list > li button{font-size:13px;}
}

/* 기업의뢰상세 */
#area_help.view #help_list{margin:0 0 0 30px; width:calc(100% - 300px); width:-webkit-calc(100% - 300px);}
#area_help.view #help_list .title h3{padding:0; font-size:20px;}
#area_help.view #help_list .title h3:before{display:none;}
#area_help.view #help_list  .title em{display: inline-block; margin: 0 0 5px; font-size: 13px; font-weight: 600; color: #3568da; word-break: keep-all; line-height: 1em; }
#area_help.view #company_write{margin:0; border:none; box-shadow:none;}
#company_write .box_list > li .area_box p.type{display:inline-block; border:1px dotted #aaa; box-shadow:0px 2px 5px 1px rgb(0 0 0 / 5%); padding:2px 15px; box-sizing:border-box; border-radius:50px;}
#area_help.view #company_write .box_list > li,
#area_career.view #company_write .box_list > li{padding:0 10px 30px; border-bottom:none;}
#area_help.view #company_write .box_list > li ul.area_box{margin:20px 0 0;}
#area_help.view.v2 #company_write .box_list > li ul.area_box{margin:0;}
#area_help.view #company_write .box_list > li .area_box > li{width:33%; margin:0; padding:0 0 0 20px; box-sizing:border-box; vertical-align:top;}
#area_help.view #company_write .box_list > li .area_box > li:first-child,
#area_help.view #company_write .box_list > li .area_box > li:nth-child(4){padding:0;}
#area_help.view #company_write .box_list > li .area_box > li:before{content:''; position:absolute; top:0; right:0; bottom:0; width:2px; background:#eee;}
#area_help.view #company_write .box_list > li .area_box > li:nth-child(3n):before{display:none;}
#area_help.view #company_write .box_list > li ul.area_box span{font-size:15px; font-weight:bold; color:#111;}
#area_help.view #company_write .box_list > li ul.area_box p{min-height:24px; font-size:16px; font-weight:400; color:#555; word-break:break-word;}
#area_help.view #company_write .box_list > li .area_box .area_txtarea{margin:10px 0 0; display:block; width:100%; border-radius:10px; border:1px solid #eee; padding:10px; box-sizing:border-box;}
#area_help.view #company_write .box_list > li .area_box .area_txtarea p{font-size:15px; font-weight:400; color:#555; word-break:break-word; line-height:1.8em;}
#area_help.view #company_write .box_list > li table tr td{padding:14px 10px;}
#area_help.view #company_write .box_list > li table tr td span{font-size:15px; word-break:break-word;}
#area_help.view.v2 #company_write .box_list > li .area_box.col02{border-top:3px solid #1c2d52;}
#area_help.view.v2 #company_write .box_list > li .area_box:after{content:''; display:block; clear:both;}
#area_help.view.v2 #company_write .box_list > li .area_box > li{float:left; margin:0 0 10px; padding:15px; width:33.33%; box-sizing:border-box; border-top:1px solid #eee; border-bottom:1px solid #eee; }
#area_help.view.v2 #company_write .box_list > li .area_box > li:before{top:10px; bottom:10px; width:1px; background:transparent; border-left:1px dashed #ddd;}
#area_help.view.v2 #company_write .box_list > li .area_box > li:nth-child(3n):before{display:none;}
#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li{margin:0 0 10px; padding:15px; width:50%; box-sizing:border-box; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li:nth-child(3n):before{display:block;}
#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li:nth-child(2n):before{display:none;}
#area_help.view.v2 #company_write .box_list > li .area_box > li:nth-child(3n),
#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li:nth-child(2n){border-right:none;}

#area_help.view.v2 #company_write .box_list > li .area_box.nm{margin:0; border-top:none;}
#file_list{margin:0 0 15px;}
.file_list{}
.file_list > li{position:relative; display:block; padding:14px 15px; margin:0 0px 10px; border:1px solid #eee; border-radius:5px; box-sizing:border-box;}
.file_list > li:last-child{margin:0;}
.file_list > li > a{display:inline-block; }
.file_list > li span{position:relative; display:inline-block; padding:0 0 0 15px; font-size:15px; font-weight:400; color:#555;}
.file_list > li span:before{content:''; position:absolute; top:6px; left:0; width:12px; height:12px; background:url(../img/icon_file.svg)no-repeat center; background-size:contain;}
.file_list > li:hover span{color:#3568da !important; font-weight:600;}
.file_list > li:hover span:before{background:url(../img/icon_file_on.svg)no-repeat center; background-size:contain;}
.file_list > li .btn_delete{z-index:10; position:absolute; top:50%; right:15px; transform:translateY(-50%); background:#15306d url(../img/icon_close.svg)no-repeat 50% 50%; background-size:6px auto; width:20px; height:20px; border-radius:50px; border:none;}
.file_list > li > span{position:relative; display:inline-block; padding:0 0 0 15px;}
.file_list > li > span a{ display:block; font-size:15px; }
.file_list > li:hover span a{color:#3568da !important; font-weight:500;}
.file_list:after{content:''; display:block; clear:both;}
.file_list.img > li{float:left; margin:0 10px 10px 0; width:calc((100% / 4) - 10px); text-align:center;}
.file_list.img > li:last-chlid{margin:0;}
/*.file_list.img > li:nth-child(4n){margin:10px 10px 0 0;}*/
.file_list.img > li .area_img{margin:0 0 10px;}
.file_list.img > li img{width:100%;}
.file_list.img > li span{display:inline-block !important;}
.file_list > li span:before{top:2px;}

#area_help.view .area_btn .btn_list > li{width:300px;}
#company_write .mbox_cate.filter{cursor:pointer;}
#company_write .mbox_cate.filter span{border:1px solid #ddd; padding:18px 15px; box-sizing:border-box; border-radius:5px; font-size:16px; color:#333; font-weight:600 !important; text-align:center;}
#company_write .mbox_cate.filter i{display:inline-block; margin:0 5px 0 0; position:relative; top:2px; width:11px; height:13px; background: url(../img/icon_filter.svg)no-repeat center; background-size:contain;}
#company_write .mbox_cate.filter.select i{display:inline-block; background: url(../img/icon_filter_on.svg)no-repeat center; background-size:contain;}
#company_write .mbox_cate.filter.select span{color:#3568da; border:1px solid #3568da;}
#company_write .filter_list{margin:15px 0 0;}
#company_write .filter_list > li{position:relative; padding:0 23px 0 0; display:inline-block;}
#company_write .filter_list > li .box,
#company_write .box_list > li .filter_list > li em{display:inline-block;}
#company_write .filter_list > li .box{margin:0 7px 0 0;}
#company_write .filter_list > li .box i{margin:0 0 4px; display:block; font-size:13px; font-weight:600; color:#111;}
#company_write .filter_list > li .box span{display:inline-block; margin:0 !important; padding:3px 15px; box-sizing:border-box; border-radius:5px; font-size:14px; font-weight:500; color:#3568da; border:1px solid #ebeff3; background:#f2f5f8;}
#company_write .box_list > li .filter_list > li em{vertical-align:middle; margin:0 5px;}
#company_write .filter_list > li .btn_close{z-index:10; position:absolute; bottom:6px; right:0; background:#15306d url(../img/icon_close.svg)no-repeat 50% 50%; background-size:6px auto; width:20px; height:20px; border-radius:50px; border:none;}
#company_write .box_list > li .area_box.col02 > li{float:left; margin:0 20px 40px 0; width:calc((100% / 2 ) - 10px); vertical-align:top;}
#company_write.v2 .box_list > li .area_box.col02 > li{margin:0 20px 30px 0;}
#company_write.v2 .box_list > li .area_box.col02 > li:nth-child(n+3){margin-bottom:0;}
#company_write .box_list > li .area_box.col02 > li:after{content:''; display:block; clear:both;}
#company_write .box_list > li .area_box.col02 > li:nth-child(2n){margin:0;}
#company_write .box_list > li .area_box.col02 > li input,
#company_write .box_list > li .area_box.col02 > li select,
#company_write .box_list > li .area_box.col03 > li input{width:100%;}
#company_write .box_list > li .area_box.col02 > li .input_wrap{position:relative; border:1px solid #ddd; border-radius:5px;}
#company_write .box_list > li .area_box.col02 > li .input_wrap:after{content:''; display:block; clear:both;}
#company_write .box_list > li .area_box.col02 > li.double input{float:left; width:calc(100% - 130px); border:none;}
#company_write .box_list > li .area_box.col02 > li.double select{float:left; width:120px; margin:0 0 0 10px; border:none; background:#fff url(../img/icon_arrow.svg) no-repeat center right 15px !important; background-size:10px 12px !important;}
#company_write .box_list > li .area_box.col02 > li > span,
#company_write .box_list > li .area_box.col03 > li > span{font-size:14px; color:#111; font-weight:bold;}
#company_write.career .box_list > li .area_box.col03 > li{margin-bottom:0;}
#company_write.career .box_list > li .area_box.col03 > li > span{font-weight:400; color:#555;}
#company_write .box_list > li .area_box.col03 > li{float:left; margin:0 20px 40px 0; width:calc((100% / 3 ) - 13.5px); vertical-align:top;}
#company_write .box_list > li .area_box.col03 > li:nth-child(3n){margin:0;}
#company_write .box_list > li .area_box.col03 > li.addr{width:calc((100% / 2 ) - 10px);}
#company_write .box_list > li .area_box.col03 > li.addr.last{margin:0;}
#company_write .box_list > li .input label{position:relative; top:unset; right:0; transform:none; vertical-align: -1px; cursor:pointer;}
#company_write .box_list > li .input label.selector{margin:0; float:left;position:relative; box-sizing:border-box; width:50%; height:54px; font-weight:500; border-width:1px 1px 1px 0; border-style: solid; border-color: #ddd; text-align:center;}
#company_write .box_list > li .input label.selector:first-child{border-width: 1px 1px 1px 1px; border-radius:5px 0 0 5px;}
#company_write .box_list > li .input label.selector:last-child{border-radius: 0  5px 5px 0;}
#company_write .box_list > li .input label.selector input[type=radio]{ position: absolute; top: 0; left: -100px; width: 0; height: 0; opacity: 0; }
#company_write .box_list > li .input label.selector input[type=radio] + span{display: inline-block; position: absolute; top: 0; left:-1px; right:-1px; width:auto;  height: 54px; font-size: 16px; line-height: 50px; color: #a6a9ad; }
#company_write .box_list > li .input label.selector input[type=radio]:checked + span{margin:-1px 0 0 0; border: 1px solid #3568da; font-weight: 700; color:#3568da;}
#company_write .box_list > li .input label.selector:first-child input[type=radio]:checked + span{border-radius:5px 0 0 5px;}
#company_write .box_list > li .input label.selector:last-child input[type=radio]:checked + span{border-radius: 0 5px 5px 0;}
#area_help.company_write .input_subject{width:100% !important;}
#area_help.company_write.v2 .area_info{bottom:-46px;}
#area_help.company_write.v2 #company_write .box_list > li .table_wrap{margin:0 0 20px;}
#area_help.company_write.v2 #company_write .box_list > li .box_btn{text-align:center; display:block; margin:0 0 30px;}
#area_help.company_write.v2 #company_write .box_list > li .box_btn.sm{position:absolute; top:-45px; right:0; }
#area_help.company_write.v2 #company_write .box_list > li .box_btn.sm a{width:auto; padding:5px 15px;}
.box_btn .btn_add{display:inline-block; padding:14px 10px; width:200px; box-sizing:border-box; border-radius:5px; background:#275dd7; color:#fff; font-size:15px; font-weight:500;}
#help_list .btn_confirm.chat{border:4px solid #275dd7; box-shadow:0px 5px 10px 2px rgb(73 163 255 / 12%); color:#fff;}
#help_list .btn_confirm.email{background:transparent; border:4px solid #275dd7; color:#275dd7 !important; box-shadow:0px 5px 10px 2px rgb(73 163 255 / 12%);}



@media screen and (max-width:1100px) {
	#area_help.view #company_write .box_list > li .area_box > li{width:32%;}
}
@media screen and (max-width:1023px) {
	#area_help.view #help_list{margin:0; width:100%;}

	#company_write .box_list > li .area_box.col02 > li:nth-child(1),
	#company_write .box_list > li .area_box.col02 > li:nth-child(2){width:100%; margin:0 0 40px;}
}
@media screen and (max-width:768px) {
	#area_help.view #help_list .title h3{font-size:18px;}
	#area_help.view #help_list .title em{font-size:11px; margin:0 0 3px;}
	#area_help.view #company_write .box_list > li ul.area_box{margin:10px 0 25px;}
	.area_btn.v2{position:fixed; left:0; right:0; bottom:0; margin:0; z-index:900;}
	#help_list .area_btn.v2 button.btn_confirm{margin:0; border-radius:0;}
	#area_help.view .area_btn .btn_list{display:block;}
	#area_help.view .area_btn .btn_list > li{width:100%;}
	#area_help.view #company_write .box_list > li ul.area_box{margin:0 0 20px;}
	#area_help.view #company_write .box_list > li{padding:0 0 20px;}
	#area_help.view #company_write .box_list > li .area_box > li{display:inline-block;}
	#help_list .btn_confirm.chat{border:3px solid #275dd7; border-bottom:4px solid #275dd7;}
	#help_list .btn_confirm.email{border-top:3px solid #275dd7; border-bottom:4px solid #275dd7;}

	#company_write .box_list > li .area_box.col02,
	#company_write .box_list > li .area_box.col03{margin:0;}
	#company_write .box_list > li .area_box.col02 > li:nth-child(1),
	#company_write .box_list > li .area_box.col02 > li:nth-child(2),
	#company_write .box_list > li .area_box.col02 > li:nth-child(2n),
	#company_write .box_list > li .area_box.col03 > li:nth-child(3n){margin:0 0 20px;}
	#company_write .box_list > li .area_box.col02 > li,
	#company_write .box_list > li .area_box.col03 > li{width:100%; margin:0 0 20px;}
	#company_write .box_list > li .area_box.col03 > li.addr{width:100%;}
	#area_help.company_write.v2 #company_write .box_list > li .table_wrap{margin:30px 0 20px;}
	#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li,
	#area_help.view.v2 #company_write .box_list > li .area_box > li{margin:0; width:100%; border-top:none; border-bottom:1px dashed #eee; border-right:none;}
	#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li:nth-child(3n){border-right:none;}
	#area_help.view.v2 #company_write .box_list > li ul.area_box span{margin:0; font-size:14px;}
	#area_help.view.v2 #company_write .box_list > li ul.area_box p{font-size:15px;}
	#area_help.view.v2 #company_write .box_list > li .area_box > li:before,
	#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li:nth-child(3n):before{display:none;}

	.file_list.img > li{margin:0 10px 10px 0; width:calc((100% / 2) - 5px);}
	.file_list.img > li:nth-child(2n){margin:0;}
	#area_help.view .area_btn.two .btn_list > li{float:left; width:50%; margin:0;}
	#area_help.view .area_btn.two .btn_list > li > a{margin:0; border-radius:0;}
	#area_help.view .area_btn.two .btn_list > li.mfull{width:100%;}
	#help_list .btn_confirm.email{background:#fff;}
	.company_write.v3 #company_write.v2 .box_list > li .area_box.col02 > li:nth-child(3){margin:0 0 20px;}
	.company_write.v3 #company_write.v2 .box_list > li .area_box.col02 > li:nth-child(4){margin:0;}

	#area_help.company_write.v2 #company_write .box_list > li .box_btn.sm{top:-35px;}
	#area_help.company_write.v2 #company_write .box_list > li .box_btn.sm a{padding:2px 10px; font-size:13px;}
}
@media screen and (max-width:650px) {
	#area_help.view #company_write .box_list > li table tr td span{font-size:14px;}
}
@media screen and (max-width:550px) {
	#area_help.view #help_list .title h3{font-size:16px;}
	#company_write .box_list > li .area_box{margin:3px 0 0;}
	#company_write .box_list > li .area_box p.type{padding:0 10px;}
	#area_help.view #company_write .box_list > li .area_box > li{display:block; padding:10px 0; width:100%; border-bottom:1px dashed #eee;}
	#area_help.view #company_write .box_list > li .area_box > li:first-child{padding:10px 0;}
	#area_help.view #company_write .box_list > li .area_box > li:last-child{border-bottom:none;}
	#area_help.view #company_write .box_list > li .area_box > li:before{display:none;}
	#area_help.view #company_write .box_list > li ul.area_box span{margin:0; font-size:14px;}
	#area_help.view #company_write .box_list > li ul.area_box p{font-size:15px;}
	#area_help.view #company_write .box_list > li .area_box .area_txtarea p{font-size:14px;}
	#area_help.view #company_write .box_list > li ul.area_box p{font-size:14px;}
	#company_write .box_list > li em{font-size:14px;}
	#company_write .box_list > li .discription{font-size:12px;}
	#company_write .box_list > li .input label.selector,
	#company_write .box_list > li .input label.selector input[type=radio] + span{height:50px;}
	#company_write .box_list > li .area_box.col02.last > li:last-child{margin:0;}
	#company_write .box_list > li table tr td .select, #company_write .box_list > li table tr td input[type=text]{font-size:14px;}
	#company_write .box_list > li table.v2 tr td input[type=text]{width:120px !important;}
	#area_help.company_write.v2 .area_info{bottom:-80px;}
	.file_list > li{padding:9px 12px; margin:0 0 7px;}
	.file_list > li .btn_delete{right:12px;}
	.file_list > li > span a{font-size:14px;}
	#area_help.view.v2 #company_write .box_list > li .area_box > li:last-child{border-bottom:1px dashed #eee;}
	#area_help.view.v2 #company_write .box_list > li .area_box > li:first-child,
	#area_help.view.v2 #company_write .box_list > li .area_box.col02 > li{padding:10px;}
	.file_list.img > li span{font-size:13px !important;}
}
@media screen and (max-width:450px) {
	#area_help.view.v2 #company_write .box_list > li ul.area_box span{font-size:13px; line-height:1.3em;}
	#area_help.view.v2 #company_write .box_list > li ul.area_box p{font-size:14px;}
	.file_list.img > li{width:100%; margin:0 0 10px;}
	.file_list.img > li:nth-child(2n){margin:0 0 10px;}
	.file_list.img > li:last-child{margin:0;}
}
@media screen and (max-width:380px) {
	#area_help.company_write.v2 .area_info{left:-50%; bottom:-91px;}
	#area_help .mob_info{width:calc(100% - 100px); line-height:1.2em; top:-36px;}
}

/* 견적보내기 */
#area_help.company_write #help_list{display:block; margin:30px 0 0; width:100%; min-height:auto; box-shadow:0px 5px 16px 4px rgb(0 0 0 / 3%);}
#area_help.company_write #help_list .list > li{background:#fff; border:1px solid #eee; border-radius:10px;}
#company_write .box_list > li textarea.estimate{height:300px;}
#area_help.company_write .box_list > li.addinput .input_wrap{position: relative; border: 1px solid #ddd; border-radius: 5px; }
#area_help.company_write .box_list > li.addinput .input_wrap:after{content:''; display:block; clear:both;}
#area_help.company_write .box_list > li.addinput .input_wrap input[type=text]{float:left; border:none !important; width:calc(100% - 130px) !important;}
#area_help.company_write .box_list > li.addinput select{float:left; border:none !important; width:120px; margin:0 0 0 10px;}
#area_help.company_write .box_list > li.addinput select#ce_unit {float: right!important;}


@media screen and (max-width:550px) {
	#area_help.company_write #help_list{margin:20px 0 0;}
	#company_write .box_list > li textarea.estimate{height:200px;}
}

/* 기업검색 */
#top_txt{margin:0 0 30px; text-align:center;}
#top_txt h2{font-size:32px; font-weight:bold; color:#111; line-height:1.2em; word-break:break-word;}
#top_txt span{display:block; margin:7px 0 0; font-size:15px; font-weight:400; color:#555; line-height:1.2em; word-break:break-word; opacity:0.9;}
#area_help.c_sch #help_list{width:calc(100% - 500px); width:-webkit-calc(100% - 500px);}
#area_help.c_sch .tab_container{margin:30px 0 0;}
#help_list li.company .title:after{content:''; display:block; clear:both;}
#help_list li.company .title > div{float:left;}
#help_list li.company .title .company_logo{position:absolute; top:50%; transform:translateY(-50%); width:80px; height:60px; overflow:hidden;}
#help_list li.company .title .company_logo img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:86%; max-width:100%; height:auto; max-height:85%; }
#help_list li.company .title .company_logo img.com{width:auto; height:120%;}
#help_list li.company .title .company_info{margin:0 0 0 90px;}
#help_list li.company .title .company_info h3{line-height:1.5em; font-size:17px;}
#help_list li.company .title .company_info .area_star .img_star{margin:2px 0 0; line-heighT:1em;}
#help_list li.company .title .company_info .area_star .img_star span{margin:0; width:12px; height:12px;}
#help_list li.company .cont span.intro{display: block; font-size: 14px; font-weight: 400; color: #777; line-height: 1.5em;  word-break:break-word; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#help_list li .cont h2{font-size:23px; font-weight:400; color:#222; line-height:1.5em; word-break:break-word;}
#help_list li .cont .btn_inquiry{display:inline-block !important; margin:10px 0 0; width:auto !important; padding:7px 25px; border-radius:50px; box-sizing:border-box; background:#275dd7; font-size:15px; color:#fff; font-weight:400; box-shadow:0px 5px 10px 4px rgb(156 187 255 / 34%)}
#help_list li .cont .obj{position:absolute; bottom:-11px; right:30px; width:auto; height:166px;}
#help_list li .cont .obj img{width:auto; height:100%;}
#help_list li.first{padding:30px !important; border:1px solid #7dabe3 !important; box-shadow:0px 5px 16px 4px rgb(0 0 0 / 3%); overflow:hidden;}
#area_help.c_sch #help_list li.company .list_info{display:inline-block;}
#area_ad{width:170px;}
#area_ad ul{display:block;}
#area_ad ul > li{cursor:pointer; position:relative; display:block; margin:0 0 10px; background:#fff; overflow:hidden; width:100%; height:220px; box-sizing:border-box; border-radius:10px; text-align:center;}
#area_ad ul > li > a{display:block; width:100%; height:100%;}
#area_ad ul > li > a img,
#area_help.c_sch a img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%);}
#area_help.c_sch .basic{border:1px solid #eee;}
#area_help.c_sch .basic .area_txt{position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
#area_help.c_sch .basic .area_txt .img{margin:0 auto; display:block; width:45px; height:auto;}
#area_help.c_sch .basic .area_txt img{width:100%; height:auto; opacity:0.6;}
#area_help.c_sch .basic .area_txt h3{display:block; margin:5px 0 0; font-size:19px; font-weight:bold; color:#ddd;}
#area_help.c_sch .basic .area_txt span{position:relative; font-size:13px; padding:0 3px; display: inline-block; line-height: 1em; color:#555; font-weight:400; box-sizing: border-box;}
#area_help.c_sch .basic .area_txt span:before{content:''; position:absolute; left:0; right:0; bottom:-2px; width:100%; height:5px; background:#2786d7; z-index:-1; opacity:0.1;}
.ad_list{margin:0 0 30px;}
.ad_list:after{content:''; display:block; clear:both;}
.ad_list > li{float:left; margin:0 12px 0 0; width:calc((100% / 5) - 8px); height:150px; border:1px solid #eee; border-radius:10px; box-sizing:border-box; background:#fff; text-align:center;}
.ad_list > li:last-child{margin:0;}
.swiper-slide{cursor:pointer; overflow:hidden; text-align: center; height:150px; background: #fff;  border:1px solid #eee; border-radius:10px; box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide a{display:block; width:100%; height:100%;}

@media screen and (max-width:1400px) {
	#area_help.c_sch #help_list{margin:0 30px;}
	#help_list li .cont .obj{right:15px;}
}
@media screen and (max-width:1200px) {
	#help_list li .cont .obj{height:150px; right:5px;}
}
@media screen and (max-width:1150px) {
	#help_list li .cont .obj{display:none;}
}
@media screen and (max-width:1023px) {
	#area_help.c_sch #help_list{margin:0; width:100%;}
	#area_ad{width:100%; margin:30px 0 0;}
	#area_ad ul:after{content:''; display:block; clear:both;}
	#area_ad ul > li{float:left; margin:0 12px 12px 0; width:calc((100% / 6) - 10px); height:190px;}
	#area_ad ul > li:nth-child(6){margin:0;}
	#help_list li .cont .obj{display:block; height:166px; right:20px;}
	#area_help.c_sch .basic .area_txt span:before{display:none;}
}
@media screen and (max-width:850px) {
	#area_ad ul > li{height:150px;}
}
@media screen and (max-width:768px) {
	#area_ad ul > li{float:left; margin:0 12px 12px 0; width:calc((100% / 3) - 8px); height:270px;}
	#area_ad ul > li:nth-child(6){margin:0 12px 12px 0;}
	#area_ad ul > li:nth-child(3n){margin:0;}
	#help_list li.first{padding:20px !important;}
	#help_list li .cont .btn_inquiry{margin:7px 0 0;}
	#help_list li .cont .obj{height:150px; right:10px;}
	#top_txt{margin:20px 0 30px;}
	#top_txt h2{font-size:28px;}
}
@media screen and (max-width:650px) {
	#area_ad ul > li{height:220px;}
	#help_list li .cont h2{font-size:20px;}
	#help_list li .cont .obj{height:130px;}
}
@media screen and (max-width:550px) {
	.ad_list{margin:0 0 10px;}
	#area_ad ul > li{height:180px;}
	#help_list li .cont .obj{height:100px;}
}
@media screen and (max-width:500px) {
	#help_list li .cont .obj{height:90px;}
	#top_txt{margin:20px 0;}
	#top_txt h2{font-size:23px;}
	#top_txt span{margin:3px 0 0;}
}
@media screen and (max-width:450px) {
	#area_ad ul > li{float:left; margin:0 10px 10px 0; width:calc((100% / 2) - 5px); height:240px;}
	#area_ad ul > li:nth-child(6){margin:0 10px 10px 0;}
	#area_ad ul > li:nth-child(3n){margin:0 10px 10px 0;}
	#area_ad ul > li:nth-child(2n){margin:0;}
	#help_list li.first{padding:15px !important;}
	#help_list li .cont .obj{display:none;}
	#help_list li .cont h2{font-size:18px;}
	#help_list li .cont .btn_inquiry{padding:5px 18px; font-size:14px;}
}

@media screen and (max-width:380px) {
	#area_ad ul > li{height:200px;}
}
@media screen and (max-width:320px) {
	#area_ad ul > li{height:180px;}
}

/* 커리어 채용등록*/
#company_write .box_list > li .area_box .area_filter.cdata{margin:0 0 0 15px;}
#company_write .box_list > li .area_box .area_filter.cdata label{position:relative; top:unset; right:unset; transform:none;}
#company_write .box_list > li .area_box .area_filter.cdata span{display:inline-block; margin-right:2px;}
#company_write .box_list > li .area_box .area_filter.cdata em{display:inline-block;}
#area_help.company_write .w_filter.career{padding:50px 100px;}
#area_help.company_write .w_filter.career h3{width:auto; margin:0; padding:0 5px 0 0;}
#area_help.company_write .w_filter.career h3:before{display:none;}
#area_help.company_write .w_filter.career > span{display:inline-block; vertical-align:middle; word-break:break-word; line-height:1em; font-size:12px; color:#275dd7;}
#area_help.company_write .w_filter.career .area_tag{margin:5px 0 0; padding:0; width:100%;}
#area_help.company_write .w_filter.career input[type=text]{width:100%;}
#area_help.company_write .w_filter.career .area_tag .tag_list{margin:7px 0 0;}

@media screen and (max-width:1023px) {
	#area_help.company_write .w_filter.career{padding:25px 5%;}
}
@media screen and (max-width:768px) {
	#area_help.company_write .w_filter.career h3{display:inline-block;}
	#company_write .box_list > li .area_box input[type=date]{width:calc((100% / 2) - 10px);}
	#company_write .box_list > li .area_box .area_filter.cdata{margin:7px 0 0;}
}

@media screen and (max-width:550px) {
	#company_write.v2{margin:10px 0;}
	#area_help.company_write .w_filter.career{padding:20px 12px;}
	#area_help.company_write .w_filter.career h3{display:block; line-height:1em;}
}
@media screen and (max-width:350px) {
	#company_write .box_list > li .area_box input[type=date]{width:100%;}
	#company_write .box_list > li .area_box input[type=date].last{margin:8px 0 0;}
	#company_write .box_list > li .area_box i.cdata{display:none;}
}

/* 벙커스테이션 */

#area_bunker #sub_bn{position:relative; z-index:1; background:url(../img/bg_bunker.jpg)no-repeat center; background-size:cover; height:390px;}
#area_bunker #sub_bn > .txt{text-align:Center; position:absolute; top:45%; left:50%; width:100%; transform:translate(-50%, -50%);}
#area_bunker #sub_bn > .txt > h2{line-height:1.2em; font-size:50px; font-style:italic; font-family: 'twaysky'; color:#fff; text-shadow:-1px 4px 4px #00000024;}
#area_bunker #sub_bn > .txt > span{display:block; margin:10px 0 0; font-size:17px; font-weight:400; color:#fff; line-height:1.2em; word-break:break-word;}
#area_bunker #sub_bn > .txt a{padding:12px 30px; margin:25px 0 0; font-size:15px; color:#fff; background:#044def; box-shadow:0px 3px 10px 0px rgb(20,112,227,0.4);}
#area_bunker #sub_bn .obj{z-index:-1; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.bunker_info{margin:60px 0 0;}
.bunker_info .btn_check{display:block; margin:15px 0 0; width:100%; padding:14px 10px; box-sizing:border-box; border-radius:10px; background:#044def; font-size:15px; color:#fff; text-align:Center; text-transform:uppercase; font-weight:600; cursor:pointer;}

#area_premium{position:relative; width:100%; height:200px; padding:53px 0 57px; margin:0 0 30px; box-sizing:border-box; border-radius:10px; background:#222;  box-shadow: 0px 5px 16px 4px rgba(0, 0, 0, 0.14);}
#area_premium a{display:flex; align-items: center; width:100%; height:100%;}
#area_premium .txt{padding:0 0 0 140px; width:78%}
#area_premium .txt h2{display:block; line-height:1.2em; word-break:break-word; font-size:38px; font-weight:300; color:#fff;}
#area_premium .txt h2 .bold{font-weight:bold; transition:all 0.3s ease; }
#area_premium .txt em{display:block; margin:8px 0 0; width:75%; font-size:17px; font-weight:300; color:#fff; word-break:break-word; line-height:1.2em;}
#area_premium a:hover .txt h2 .bold.last{color:#fff35d;}
#area_premium .obj{position:absolute; top:50%; right:140px; transform:translateY(-50%);}
#area_premium.ad{background:#652ed3; }
#area_premium.ad .obj{top:22px; transform:none;}
#area_premium .txt h2 br{display:none;}
#area_bunker .box{margin:60px 0;}
#area_bunker .box h3{display: block; margin: 0 0 10px; font-size: 20px; font-weight: 500; color: #333;}
#area_bunker .box.last{margin:0;}
.table.v1{margin:5px 0 0; background:#fff; border-radius:10px; border:1px solid #eee; border-collapse:inherit;}
.table.v1 thead tr{background:#333;}
.table.v1 thead tr th{padding:20px 5px; font-size:16px; font-weight:500; border-right:1px solid rgba(255,255,255,0.1); color:#fff; text-align:center; border-bottom:none;}
.table.v1 thead tr th:first-child{border-radius:10px 0 0 0;}
.table.v1 thead tr th:last-child{border-radius:0 10px 0 0; border-right:none;}
.table.v1 tbody tr{border-bottom:1px solid #3568da;}
.table.v1 tbody tr:last-child{border-bottom:none;}
.table.v1 tbody tr th{padding:20px 5px; font-size:16px; font-weight:500; color:#111; text-align:center; word-break:break-word;}
.table.v1 tbody tr td{padding:20px 5px; font-size:16px; font-weight:600; color:#333; text-align:center; word-break:break-word; border-right:1px solid #eee; border-bottom:none; border-top:1px solid #eee; vertical-align:middle;}

.table.v2{margin:5px 0 0; background:#fff; border-radius:10px; border:1px solid #eee; border-collapse:inherit;}
.table.v2 thead tr th{background: #46516a!important;padding:20px 5px; font-size:16px; font-weight:500; border-right:1px solid rgba(255,255,255,0.1)!important; color:#fff!important; text-align:center; border-bottom:none;}
.table.v2 tbody tr td{padding:20px 5px; font-size:16px; font-weight:600; color:#333; text-align:center; word-break:break-word; border-right:1px solid #eee!important; border-bottom:1px solid #eee; border-top:1px solid #eee; vertical-align:middle;}
.table.v2 tbody tr{border-bottom:1px solid #3568da;}
.table.v2 tbody tr:last-child{border-bottom:none;}
.grade .table.v1 thead tr th{font-weight:bold;}
.grade .table.v1 tbody tr td{padding:20px 10px;}
.grade .table.v1 tbody tr td:first-child{font-weight:400; word-break:break-word; color:#111;}
.grade .table.v1 tbody tr td:last-child{font-weight:400; word-break:break-word; color:#555;}
.grade .table.v1 tbody tr td p,
.grade .table.v1 tbody tr td ul li{display:block; font-weight:400; word-break:break-word; color:#555;}
.grade .table.v1 tbody tr td ul li{margin:0 0 5px;}
.grade .table.v1 tbody tr td ul li:last-child{margin:0;}
#area_bunker .table tbody tr td span{position:relative; padding:0 0 0 24px; font-size:16px; font-weight:600; color:#333; text-align:center; word-break:break-word;}
#area_bunker .table tbody tr td em{color:#999;}
#area_bunker .table tbody tr td span:before{content:''; position:absolute; top:1px; left:0; width:18px; height:20px; background:url(../img/icon_bunker.svg)no-repeat center; background-size:contain;}
.table.v1 tbody tr td:last-child{border-right:none;}
#area_bunker .table tbody tr td a{display:inline-block; width:100px; font-size:15px; border-radius:4px; padding:5px; box-sizing:border-box; color:#1d5ae3; border:1px solid #3568da; transition:all 0.3s ease;}
#area_bunker .table tbody tr td a:hover{background:#e7f4fd;}
.table.v1 tbody tr td span{word-break:break-word;}
#area_bunker .box .info{margin:10px 0 0;}

@media screen and (max-width:1200px) {
	#area_premium.ad .txt h2{font-size:32px;}
}
@media screen and (max-width:1023px) {
	.bunker_info{margin:30px 0 0;}
	#area_bunker .box{margin:30px 0;}
	#area_premium .txt{padding:0 0 0 60px;}
	#area_premium .obj{right:50px;}
	#area_bunker #sub_bn{background:url(../img/bg_bunker02.jpg)no-repeat center; background-size:cover; }
}
@media screen and (max-width:850px) {
	#area_premium{padding:27px 0;height:155px;}
	#area_premium .txt{padding:0 0 0 40px;}
	#area_premium .txt h2{font-size:32px;}
	#area_premium.ad{padding:44px 0; height:auto;}
	#area_premium.ad .txt h2{font-size:30px; line-height:1.25em;}
	#area_premium .txt h2 br{display:block;}
}
@media screen and (max-width:768px) {
	#area_bunker #sub_bn{height:300px;}
	#area_bunker #sub_bn .obj{display:none;}
	#area_bunker #sub_bn > .txt{margin:15px 0 0;}
	#area_bunker #sub_bn > .txt > h2{font-size:38px;}
	#area_bunker #sub_bn > .txt > span{margin:5px 0 0;}
	#area_bunker #sub_bn > .txt a{margin:20px 0 0; padding:10px 25px;}

	#area_premium{padding:21px 0; height:130px;}
	#area_premium .txt{padding:0 0 0 20px;}
	#area_premium .txt h2{font-size:28px;}
	#area_premium .txt em{margin:4px 0 0; font-size:15px;}
	#area_premium .obj{right:20px; height:100px;}
	#area_premium .obj img{width:auto; height:100%;}
	#area_premium.ad{padding:24px 0; height:140px;}
	#area_premium.ad .txt h2{font-size:26px;}
	#area_premium.ad .obj{height:100px;}
}
@media screen and (max-width:700px) {
	#area_bunker #sub_bn{background:url(../img/bg_bunker03.jpg)no-repeat center; background-size:cover; }
}
@media screen and (max-width:650px) {
	#area_premium .obj{height:80px;}
}
@media screen and (max-width:600px) {
	#area_premium{padding:14px 0; height:100px;}
	#area_premium .txt h2{font-size:24px;}
	#area_premium .txt em{font-size:14px;}
	#arae_chat #area_premium .obj{width:auto !important;}
	#area_premium .obj{height:60px; width:auto;}

	#area_premium a{display:block;}
	#area_premium.ad{padding:24px 0; height:120px;}
	#area_premium.ad .txt h2{font-size:20px;}
	#area_premium .txt em{font-size:13px;}
	#area_premium.ad .obj{height:80px;}
}
@media screen and (max-width:550px) {
	#area_bunker #sub_bn{height:250px;}
	#area_bunker #sub_bn .obj{display:none;}
	#area_bunker #sub_bn > .txt{margin:10px 0 0;}
	#area_bunker #sub_bn > .txt > h2{font-size:30px;}
	#area_bunker #sub_bn > .txt > span{font-size:15px; line-height:1.4em;}
	#area_bunker #sub_bn > .txt a{margin:15px 0 0; padding:6px 20px;}

	#area_premium .txt{width:100%;}
	#area_premium.ad,
	#area_premium{padding:18px 10px 22px; text-align:Center; height:auto; }
	#area_premium.ad .obj,
	#area_premium .obj{position:relative; width:100%; margin:0 auto 5px; transform:none; top:unset; right:unset; height:50px;}
	#area_premium.ad .obj{height:55px;}
	#area_premium .txt{padding:0;}
	#area_premium.ad .txt h2,
	#area_premium .txt h2{font-size:30px;}
	#area_premium .txt em{margin:5px 0; font-size:14px; width:100%;}
	.bunker_info{margin:20px 0 0;}

	#area_bunker #sub_bn{background:url(../img/bg_bunker04.jpg)no-repeat center; background-size:cover; }
}
@media screen and (max-width:450px) {
	#area_bunker #sub_bn{height:200px;}
	#area_bunker #sub_bn > .txt > h2{font-size:27px;}
	#area_bunker #sub_bn > .txt > span{margin:0 !important;}
	#area_bunker #sub_bn > .txt > span,
	#area_bunker #sub_bn > .txt a{margin:5px 0 0; font-size:14px; padding:3px 10px;}

	#area_premium.ad .txt h2,
	#area_premium .txt h2{font-size:24px;}
	#area_premium .obj{height:40px;}
}
@media screen and (max-width:400px) {
	#area_premium.ad .txt h2,
	#area_premium .txt h2{font-size:22px; line-height:1.2em;}
	#area_premium .txt em{line-height:1.3em;}
}

/* 충전하기 */
#area_charge > h2{margin:10px 0 0; text-align: center; font-size: 34px; font-weight: 500; color: #111;}
#charge_wrap{width:640px; margin:30px auto 0; box-sizing:border-box;}
#charge_wrap > div{width:100%; padding:50px; background:#fff; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
#box_charge > h3{display:block; margin:0 0 10px; line-height:1.4em; font-size:28px; font-weight:400; color:#111; text-align:center;}
#charge_wrap .area_btn{background:none; border-radius:0; border:none;}
.list_product li{position:relative; display:block;}
.list_product li:after{content:''; display:block; clear:both;}
.list_product li .btn_charge{display:inline-block; margin:0 0 0 7px; border:1px solid #eee; font-size:15px; font-weight:500; color:#333; padding:13px 20px;}
.list_product.premium li{text-align:center; margin:25px 0 0; padding:20px; background:#f2f5f8; border:1px dashed #dee6ef; box-sizing:border-box; border-radius:10px;}
.list_product.premium li label{margin:0;}
.list_product.premium li h3{width:100%; line-height:1.2em; padding:0 5px; display:block; border:none; color:#275dd7; text-align:center; box-sizing:border-box; font-size:34px; font-weight:bold; transition: all 0.3s ease;}
.list_product.premium li h3 span{font-size:30px;}
.list_product.charge li input{width:100%; padding:0 5px; display:block; border:none; border-bottom:3px solid #eee; color:#275dd7; box-sizing:border-box; background:#fff; font-size:30px; font-weight:bold; transition: all 0.3s ease;}
.list_product.charge li input:focus{border-bottom:3px solid #275dd7;}
.list_product.charge li input::placeholder{font-size:23px; color:#aaa; font-weight:500;}
.list_product.charge li .btn_close{z-index:10; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#15306d url(../img/icon_close.svg)no-repeat 50% 50%; background-size:8px 8px; width:20px; height:20px; border-radius:50px; border:none;}
.area_withdraw .price{text-align:right; margin:15px 10% 0; width:80%; font-size:16px; font-weight:500; color:#333; border-radius:5px;}
.mybunker{margin:7px 0 0; text-align:right; font-size:15px; font-weight:400; color:#777;}
.carge_list{margin:25px 0 0;}
.carge_list:after{content:''; display:block; clear:both;}
.carge_list > li{padding:12px 10px; margin:0 5px 5px 0; float:left; width:calc((100% / 3) - 4px); text-align:center; background:#eee; border-radius:5px; box-sizing:border-box; cursor:pointer;}
.carge_list > li:nth-child(3n){margin:0;}
.carge_list > li:last-child{margin:0;}
.carge_list > li > span{font-size:15px; font-weight:600; color:#333;}
.carge_list > li.on{background:#e7f4fd;}
.carge_list > li.on > span{color:#3568da; font-weight:bold;}
#box_charge .box{margin:40px 0 0;}
#box_charge .box > h3{font-size:18px; font-weight:500; color:#333;}
#box_charge .area_btn{display:inline-block; width:100%; margin:10px 0 0; text-align:left;}
#box_charge .btn_next{display:block; padding:15px 10px; box-sizing:border-box; width:100%; background:#3568da; border-radius:50px; font-size:17px; font-weight:500; color:#fff !important; text-align:center; box-shadow:0px 5px 9px 1px rgb(33 107 209 / 25%);}
#box_charge .area_pay{margin:15px 0 30px;}
#box_charge .area_pay > li{cursor:pointer; margin:0 0 7px;}
#box_charge .area_pay label {display: block; position:relative; margin:0; cursor:pointer;}
#box_charge .area_pay label em{display:inline-block; font-weight:400; font-size:16px; color:#555;}
#box_charge .area_pay input[type="radio"] {opacity: 0; z-index: 1; position: absolute; }
.radio_body{display:inline-block; vertical-align:sub; margin:0 3px 0 0; }
.radio_body{position: relative; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;}
.radio_body::after {display: inline-block; position:absolute; content: " "; width: 6px; height: 6px; top:50%; left:50%; border-radius: 50%; background-color: #3568da; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0) translate(-50%, -50%); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.box_radio input[type="radio"]:checked+span{border-color: #3568da;}
.box_radio input[type="radio"]:checked+.radio_body::after {-webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) translate(-50%, -50%);}

@media screen and (max-width:768px) {
	#area_charge > h2{display:none;}
	#box_charge > h3{font-size:26px;}
	#charge_wrap{width:90%; margin:20px auto 0; }
}
@media screen and (max-width:550px) {
	.charge #container{padding:0;}
	.charge #wrapper{background:#fff}
	#charge_wrap{width:100%; margin:0 auto; }
	#charge_wrap > div{padding:30px; border:none; border-radius:0; background:#fff;}
	#box_charge .area_btn.fixed{position:fixed; left:0; right:0; bottom:0;}
	#box_charge .area_btn.fixed .btn_next{padding:18px 10px; border-radius:0;}
	.scrollTable{width:100%; overflow:auto;}
	.scrollTable .table.v1{width:650px; max-width:650px;}
	.scrollTable::-webkit-scrollbar{height:6px;}
	#box_charge .box.premium{margin:25px 0 0;}
	.list_product.premium li{margin:20px 0 0; padding:15px;}
	.list_product.premium li h3{font-size:30px;}
	.list_product.premium li h3 span{font-size:24px;}
}
@media screen and (max-width:500px) {
	#box_charge > h3{margin:10px 0 15px; font-size:25px;}
	.carge_list > li{margin:0 5px 5px 0; width:calc((100% / 3) - 4px);}
	.carge_list > li:nth-child(3){margin:0;}
	.list_product.charge li input{font-size:27px;}
	.list_product.charge li input::placeholder{font-size:22px;}
}
@media screen and (max-width:400px) {
	#box_charge > h3{margin:5px 0 10px; font-size:22px;}
	.carge_list > li{padding:10px 5px;}
	.carge_list > li > span{font-size:14px;}
}
@media screen and (max-width:300px) {
	#charge_wrap > div{padding:15px;}
	#box_charge > h3{margin:5px 10px 10px; font-size:22px;}
	.list_product.charge li input{font-size:25px;}
	.list_product.charge li input::placeholder{font-size:20px;}
}

/* 미니홈피 */
#area_company{}
#area_company .company_top{width:100%; height:auto; background:url(../img/company_bg.jpg)no-repeat center; background-size:cover; text-align:center;}
#area_company .company_top .wrap{padding:46px 0;}
#area_company .company_top .wrap > div{display:inline-block;}
#area_company .company_top .inr{text-align:left; }
#area_company .company_top .logo{position:relative; display:inline-block; margin:0 25px 0 0; vertical-align:middle;/* padding:20px; */overflow:hidden;width:155px; height:155px; border-radius:10px; box-sizing:border-box; background:#fff;}
#area_company .company_top .logo img{/*position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%; height:auto;*/
    width: 100%;
    height: 100%;
    object-fit: contain;}
#area_company .company_top .cop_info{text-align:left; vertical-align:middle;}
#area_company .company_top .cop_info em{display:inline-block; margin:0 0 13px; padding:2px 7px; border:1px solid #fff; border-radius:5px; box-sizing:border-box; line-height:1.3em; font-size:14px; font-weight:400; color:#fff;}
#area_company .company_top .cop_info h3{display:block; margin:0 0 10px; font-size:27px; font-weight:600; color:#fff;}
#area_company .company_top .cop_info > .list_info{    max-width: 600px;}
#area_company .company_top .cop_info > .list_info > li{display:inline-block; margin:0 10px 0 0; font-size:16px; font-weight:400; color:#fff;}
#area_company .company_top .cop_info > .list_info > li span,
#area_company .company_top .cop_info > .list_info > li a{position:relative; font-size:16px; font-weight:400; color:#fff;}
#area_company .company_top .cop_info > .list_info > li span{padding:0 0 0 20px;}
#area_company .company_top .cop_info > .list_info > li span:before{content:''; position:absolute; left:0; width:15px;}
#area_company .company_top .cop_info > .list_info > li:nth-child(1) span:before{top:3px; left:0; height:15px; background:url(../img/icon_location.svg)no-repeat center; background-size:contain;}
#area_company .company_top .cop_info > .list_info > li:nth-child(2) span:before{top:5px; left:0; height:13px; background:url(../img/icon_call.svg)no-repeat center; background-size:contain;}
#area_company .company_top .cop_info > .list_info > li:nth-child(3) span:before{top:3px; left:0; height:15px; background:url(../img/icon_fax.svg)no-repeat center; background-size:contain;}
#area_company .area_star{margin:2px 0 0;}
#area_company .area_star span{display:inline-block; font-size:15px; color:#fff; vertical-align:middle;}
#area_company .area_star .img_star{display:inline-block; margin:0 3px;}
#area_company .area_star .img_star span{width:15px; height:15px;}
#area_company .company_top .btn_cs{position:absolute; top:50%; right:0; transform:translateY(-50%);}
#area_company .company_top .btn_cs > li{display:inline-block; margin:0 3px 0 0; border:1px solid #fff; border-radius:50px; width:auto; text-align:center;}
#area_company .company_top .btn_cs > li:last-child{margin:0;}
#area_company .company_top .btn_cs > li > a{display:block; padding:6px 15px; box-sizing:border-box;}
#area_company .company_top .btn_cs > li > a > span{position:relative; display:inline-block; font-size:15px; font-weight:400; color:#fff; padding:0 0 0 18px;}
#area_company .company_top .btn_cs > li > a > span:before{content:''; position:absolute; top:5px; width:14px; height:14px;}
#area_company .company_top .btn_cs > li.interest{width:auto; padding:6px 15px; transition:all 0.3s ease;}
#area_company .company_top .btn_cs > li.interest span{position: relative; display: inline-block;  padding:0 0 0 18px; font-size: 15px; font-weight: 400; color: #fff; padding: 0 0 0 22px;}
#area_company .company_top .btn_cs > li.interest span:before{content:''; position:absolute; left:0; top:4px; width:18px; height:18px; background:url(../img/icon_heart.svg)no-repeat center; background-size:contain; transition:all 0.3s ease;}
#area_company .company_top .btn_cs > li.interest:hover,
#area_company .company_top .btn_cs > li.interest.on{background:#fff;}
#area_company .company_top .btn_cs > li.interest:hover span,
#area_company .company_top .btn_cs > li.interest.on span{color:#333; font-weight:500;}
#area_company .company_top .btn_cs > li.interest:hover span:before,
#area_company .company_top .btn_cs > li.interest.on span:before{background:url(../img/icon_heart_on.svg)no-repeat center; background-size:contain;}
#area_company .company_top .btn_cs > li.homepage span:before{left:0; background:url(../img/icon_link.svg)no-repeat center; background-size:contain;}
#area_company .company_top .btn_cs > li.inquiry span:before{top:6px; height:11px; right:0; background:url(../img/icon_c_arrow.svg)no-repeat center; background-size:contain;}
#area_company .company_top .btn_cs > li.inquiry{background:#0aa4f3; border:1px solid #0aa4f3;}
#area_company .company_top .btn_cs > li.inquiry span{padding:0 18px 0 0;}
#area_company .company_top .btn_cs > li.chat{background:#742ed3; border:1px solid #742ed3;}
#area_company .company_top .btn_cs > li.chat > a{padding:6px 20px;}
#area_company .company_top .btn_cs > li.chat > a > span{padding:0;}
#area_company .company_cont .area_tab{width:100%; background:#fff; border-bottom:1px solid #eee;}
#area_company .company_cont .area_tab .tabs{width:1200px; margin:0 auto;}
#area_company .company_cont .area_tab .tabs > li{position:relative; padding:20px 10px; margin:0; line-height:1em;}
#area_company .company_cont .area_tab .tabs > li.active:before{content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:2px; background:#3568da;}
#area_company .company_cont .area_tab .tabs > li.active span{color:#3568da;}
#area_company .company_cont .area_tab .tabs > li span{font-size:16px; font-weight:500; color:#555; padding:0; opacity:1;}
#area_company .company_cont .area_tab .tabs > li span:before{display:none;}
#area_company .company_cont{}
#area_company .company_cont .wrap{margin:30px 0 0;}
#area_company .company_cont .wrap:after{content:''; display:block; clear:both;}
#area_company .company_cont nav.left_m{position:absolute; top:0; left:-75px; width:76px; z-index:1; }
#area_company .company_cont nav.fixed{position:fixed; top:20px; left:50%; margin-left:-725px;}
#area_company .company_cont nav ul li a{display:block; padding:7px 0; border-radius:5px 0 0 5px; border:1px solid #eee; border-radius:0 0 0 5px; background:#f9f9f9; border-top:none; text-align:center;}
#area_company .company_cont nav ul li a.current{background:#fff; border-right:none; }
#area_company .company_cont nav ul li:first-child a{border-top:1px solid #eee; border-radius:5px 0 0 5px;}
#area_company .company_cont nav ul li a span{display:inline-block; margin:3px 0 0; line-height:1.1em; font-size:12px; font-weight:500; color:#555;}
#area_company .company_cont nav ul li a.current span{color:#3568da;}
#area_company .company_cont nav ul li .icon{margin:5px auto 2px; width:35px; height:35px;}
#area_company .company_cont nav ul li.nav01_01 .icon{background:url(../img/icon_cop01.svg)no-repeat center; background-size:contain;}
#area_company .company_cont nav ul li.nav01_01 a.current .icon{background:url(../img/icon_cop01_on.svg)no-repeat center; background-size:contain;}
#area_company .company_cont nav ul li.nav02_01 .icon{background:url(../img/icon_cop02_01.svg)no-repeat center; background-size:contain;}
#area_company .company_cont nav ul li.nav02_01 a.current .icon{background:url(../img/icon_cop02_01_on.svg)no-repeat center; background-size:contain;}
#area_company .tab_container{float:left; width:calc(100% - 340px);  margin:0;}
#area_company .tab_container section{position:relative; display:block; width:100%; margin:0 0 30px; padding:40px; background:#fff; border:1px solid #eee; border-radius:10px 10px 10px 10px; box-sizing:border-box;}
#area_company .tab_container section:first-child{border-radius:0 10px 10px 10px;}
#area_company .tab_container section .box{display:block; margin:0 0 40px; box-sizing:border-box;}
#area_company .tab_container section .box h1{display:block; margin:0 0 15px; font-size:21px; font-weight:500; color:#333;}
#area_company .tab_container section .box p{display:block; font-size:15px; font-weight:400; color:#777; line-height:1.7em; word-break:break-word;}
#area_company .tab_container section .box p.en{margin:20px 0 0;}
#area_company .tab_container section .box:last-child{margin:0;}
#area_company .tab_container section .box table{width:100%; border-top:2px solid #111;}
#area_company .tab_container section .box table tr{border-bottom:1px solid #ddd;}
#area_company .tab_container section .box table tr th{padding:15px; background:#f2f5f8; font-size:16px; font-weight:500; color:#333; text-align:center; line-height:1.4em;}
#area_company .tab_container section .box table tr td{padding:15px 20px; font-size:16px; font-weight:400; color:#555;}
#area_company .tab_container section .box table tr td span{display:inline-block; font-size:14px; border:1px solid #3568da; border-radius:50px; padding:4px 10px;  margin:0 4px 0 0;line-height:1em; color:#3568da;}
#area_company .tab_container section .box table tr td em{display:inline-block;}
.list_service{}
.list_service > li{margin:0 0 5px; position:relative; padding:0 0 0 10px; }
.list_service > li:before{content:''; position:absolute; top:11px; left:0; width:5px; height:1px; background:#333; word-break:break-word;}
.list_service > li:last-child{margin:0;}
#cop_inquiry{float:left; width:310px; margin:0 0 0 30px; transition: translateY 0.3s ease;}
#cop_inquiry.fixed{position:fixed; top:30px; right:50%; margin-right:-650px;}
#cop_inquiry #cop_inquiry_wrap{padding:20px; border:3px solid #1f3668; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow: 0px 5px 9px 1px rgba(116, 157, 246, 0.18);}
#cop_inquiry h2{display:block; margin:0 0 20px; font-size:23px; font-weight:600; color:#1f3668; text-align:center;}
#cop_inquiry textarea,
#cop_inquiry input[type=text]{display:block; margin:0 0 10px; padding:8px; border:1px solid #eee; border-radius:5px; box-sizing:border-box; background:#f2f5f8; font-size:14px; color:#333 !important; width:100%; display:block; outline:None;}
#cop_inquiry textarea{resize:none; height:120px;}
#cop_inquiry a{display:block; padding:13px 10px; box-sizing:border-box; border-radius:5px; background:#1f3668; font-size:15px; font-weight:500; color:#fff; text-align:center;}
#cop_inquiry .area_write{margin:0 0 15px;}
#cop_inquiry .area_write > a{padding:15px 10px; background:#3568da;}
#area_company .tab_container section .box .area_map{width:100%; border-bottom:none;}
#area_company .tab_container section .box .daum_map{position:relative; width:100%;}
#area_company .tab_container section .box .wrap_map{height:250px !important;}
#area_company .tab_container section .box .add{z-index:999; position:absolute; right:0; bottom:0; padding:5px 10px; background:#fff; font-size:16px; color:#222; line-height:1.4em; word-break:break-word;}
#area_company .tab_container section .box .area_map .info_list{margin:20px 0 0; border-top:2px solid #111; border-bottom:1px solid #eee;}
#area_company .tab_container section .box .area_map .info_list:after{content:''; display:block; clear:both;}
#area_company .tab_container section .box .area_map .info_list > li{position:relative; float:left; padding:30px 10px; box-sizing:border-box; width:calc(100% / 3); text-align:center;}
#area_company .tab_container section .box .area_map .info_list > li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:70px; background:#eee; transform:translateY(-50%);}
#area_company .tab_container section .box .area_map .info_list > li:last-child:before{display:none;}
#area_company .tab_container section .box .area_map .info_list > li h3{display:block; font-size:15px; font-weight:600; color:#222;}
#area_company .tab_container section .box .area_map .info_list > li span{display:block; margin:3px 0 0;}
#area_company .tab_container section .box .area_map .info_list > li span,
#area_company .tab_container section .box .area_map .info_list > li a{display:block; font-size:17px; font-weight:400; color:#777; word-break:break-word;}
#area_company .area_cont{margin:10px 0 0; display:block; width:100%;}
#area_company .area_cont iframe{width:100%; height:400px;}
.list_edit{width:100%; padding:30px; box-sizing:border-box;}
.list_edit > li{display:block; border:3px solid #ddd; text-align:center; box-sizing:border-box; margin:0 0 12px 0; border-radius:50px; transition:all 0.3s ease;}
.list_edit > li:last-child{margin:0;}
.list_edit > li > a{display:block; padding:10px; box-sizing:border-box; font-size:16px; font-weight:500; color:#555; transition:all 0.3s ease;}
.list_edit > li:hover{ border:3px solid #3568da;}
.list_edit > li:hover > a{color:#3568da;}
.list_edit > li.deactivate > a{color:#ddd; cursor:default;}
.list_edit > li.deactivate:hover{border:3px solid #ddd;}

.catalog_list{}
.catalog_list:after{content:''; display:block; clear:both;}
.catalog_list > li{position:relative; display:block; float:left; margin:0 20px 0 0; width:calc((100% / 4) - 15px); box-sizing:border-box; transition:all 0.3s ease;}
.catalog_list > li:last-child{margin:0;}
.catalog_list > li > a{position:relative; display:block; width:100%; text-align:center;}
.catalog_list > li > a .area_img{position:relative; margin:0 0 5px; width:100%; height:100%; padding-bottom:120%; overflow:hidden;}
.catalog_list > li > a .area_img img{position:absolute; top:50%; left:50%; width:100%; height:auto; max-height:100%; transform:translate(-50% , -50%);}
.catalog_list > li > a .area_img.mbox{width:100%; height:100%; background:#fff !important;}
.catalog_list > li > a span:before{display:none; content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background:#1f3668; box-shadow:0px 2px 2px 1px rgb(116 157 246 / 18%);}
.catalog_list > li > a .download span:after{content:''; opacity:0.3; position:absolute; top:2px; right:0; width:15px; height:13px; background:url(../img/icon_down.svg)no-repeat center; background-size:contain;}
.catalog_list > li > a .download{margin:5px auto 0; display:inline-block; text-align:center; border:1px solid #eee; padding:2px 12px; box-sizing:border-box; border-radius:50px;}
.catalog_list > li > a .download span{font-size:14px; font-weight:bold; padding:0 18px 0 0; }
.catalog_list > li > a .basic{background:#fff; border:1px solid #eee; }
.catalog_list > li > a .basic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; max-width:100%;}
.catalog_list > li > a .area_txt{display:block; text-align:center;}
.catalog_list > li > a span{position:relative; display:inline-block; font-size:15px; font-weight:400; color:#333; line-height:1.3em; word-break:break-word;}
.catalog_list > li > .btn_close{z-index:10; position:absolute; top:50%; right:10px; transform:translateY(-50%); background:#15306d url(img/icon_close.svg)no-repeat 50% 50%; background-size:7px 7px; width:20px; height:20px; border-radius:50px; border:none;}
.catalog_list > li:hover > a span:after{opacity:1;}


#area_company .box_nodata{display:block; padding:0 0 20px; box-sizing:border-box; width:100%; text-align:center;}
#area_company .tab_container section .box_nodata p{font-size:22px; font-weight:400; color:#333; line-height:1.5em; word-break:break-word;}
.area_business{display:block;}
.area_business .box_business{position:relative; margin:30px 0 0;}
.area_business .box_business .btn_delete{position:absolute; top:3px; right:0; border:1px solid #999; padding:5px 8px; border-radius:2px; line-height:1em; background:#f9f9f9; color:#333;}
.area_business .box_business.sample,
.area_business .box_business.last{border-bottom:none;}
.area_business .title > h1{position:relative; display:inline-block !important; margin:0 !important; padding:0 0 0 13px; box-sizing:border-box; font-size:20px !important; font-weight:500; color:#222 !important; line-height:1.4em; word-break:break-word;}
.area_business .title > h1:before{content:''; position:absolute; top:4px; left:0; width:6px; height:20px;
  background-image: -moz-linear-gradient( -90deg, rgb(54,209,220) 0%, rgb(91,134,229) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(54,209,220) 0%, rgb(91,134,229) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(54,209,220) 0%, rgb(91,134,229) 100%);border-radius:3px; box-shadow:0px 2px 6px 2px rgb(0 159 255 / 10%);}
.list_business{}
.list_business > li{display:block; padding:25px 0; box-sizing:border-box; border-bottom:1px dashed #eee;}

.business_info{position:relative; display:block; width:100%;}
.business_info:after{content:''; display:block; clear:both;}
.business_info > div{float:left; width:100%;}
.business_info .img{position:relative; width:100px; height:100px; border-radius:5px; box-sizing:border-box; background:#f9f9f9; overflow:hidden;}
.upload{border:1px solid #eee; cursor:pointer; background:#f9f9f9 url(../img/icon_plus.svg)no-repeat center !important; background-size:40% auto !important;}
.business_info .img img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%);}
.business_info .txt{position:relative; margin:0 0 0 15px; width:calc(100% - 115px); width:-webkit-calc(100% - 115px); height:100px;}
.business_info .p_box .img{position:relative;}
.business_info .p_box button{margin:5px 0 0; width:100px; font-size:12px; padding:2px; text-align:center; background:#555; color:#fff;}
#area_company .list_business > li .business_info > .txt .wrap{width:100%; margin:0; position:absolute; top:50%; transform:translateY(-50%);}
#area_company .list_business > li .business_info > .txt h3{font-size:18px; font-weight:500; color:#333;}
#area_company .list_business > li .business_info > .txt span{display:block; margin:5px 0 0; font-size:15px; font-weight:400; color:#666; line-height:1.4em; word-break:break-word;}
.list_business02{display:block; margin:20px 0 0; width:100%; border:1px solid #eee; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.list_business02 > li{display:block; padding:14px 15px; border-bottom:1px solid #eee; background:#fff; font-size:15px; color:#555; line-height:1.4em; word-break:break-word;}
.list_business02 > li:last-child{border-bottom:none;}
.list_business02 > li:nth-child(even){background:#f2f5f8;}
.area_business .line{width:100%; height:1px; border-top:none; border-bottom:1px dashed #ddd;}
.area_business .line02{width:100%; height:3px; border-top:none; border-radius:50px; background:#1f3668;}
dl.reference dt span{display:inline-block; margin:5px 0 0; font-size:13px; font-weight:500; color:#0a5bcb; word-break:break-word;}

dl.reference{padding:15px 20px 0; margin:0; box-sizing:border-box; background:#f9f9f9; border:1px dashed #e4e4e4; border-radius:10px;}
dl.reference dt{z-index:999; padding: 0 0 15px;position:relative; display:block; cursor:pointer; text-align:center;}
dl.reference dt h2{position:relative; font-size:18px; font-weight:600; color:#333;}
dl.reference dt:after{content:''; position:absolute; right:0; top:7px; background:url(../img/icon_arrow_gray.svg) no-repeat 50% 50% !important;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;background-size: cover !important;width: 14px;height: 9px; }
dl.reference dt.active:after{transform:rotate(-180deg); }

.box_business.sample{}
.box_business.sample .list_business02{margin:0;}
.box_business.sample .list_business > li{padding:20px 0; border-bottom:none;}
.box_business.sample .depth{margin:20px 0 0;}
.area_business .box_business.sample{padding:20px 0 0; margin:0; border-top:1px solid #eee;}

/* 사업등록 */
.area_business.edit .box_business{padding:30px 0; border-bottom:none;}
.area_business.edit .box_business.last{border-bottom:none;}
.area_business.edit .title{position:relative;}
.area_business.edit label{display:block; margin:0 0 2px; font-size:14px; font-weight:500; color:#111;}
#join_info .profile_content dt button{position:relative; top:-3.5px; padding:4px 10px; float:right; font-size:14px; background:#742ed3; color: #fff; outline: none; border: none; border-radius: 5px; }
.area_business.edit .box_business{margin:0;}
.area_business.edit input[type=text]{width:100%; border:1px solid #eee; border-radius:5px; display:block; padding:12px 10px; font-size:15px; color:#333;}
.area_business.edit .business_info{margin:20px 0 0;}
#area_company .company_cont .business_info .wrap{margin:0;}
.business_info .info{display:block; float:left; margin:10px 0 0; width:100%; height:auto;}
.business_input{}
.business_input > li{position:relative; margin:0 0 10px;}
.business_input > li:last-child{margin:0;}
.business_input > li.subject .btn_close{z-index:10; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background: #15306d url(../img/icon_close.svg)no-repeat 50% 50%; background-size: 7px 7px; width: 20px; height: 20px; border-radius: 50px; border: none;}

.area_business.edit .area_btn{margin:30px 0 50px;}
#area_company .company_cont .btn_add{display:inline-block; padding:12px 35px; border:none; box-sizing:border-box; border-radius:50px; background:#555; font-size:15px; font-weight:600; color:#fff; box-shadow:0px 5px 9px 1px rgb(0 0 0 / 18%);}
.area_business.edit .btn_confirm{background:#1f3668;}
.btn_depth{position:absolute; top:0; right:0; z-index:40; display:block; width:auto; padding:1px 5px; background:#555; border-radius:5px; border:none; box-sizing:border-box; font-size:13px; font-weight:500; color:#fff; text-align:center;}
.top_title{display:block; width:100%; position:relative; margin:0 0 13px;}
.top_title.plus{margin-top:20px;}
html{scroll-behavior: smooth;}


@media screen and (max-width:1400px) {
	#area_company .company_cont nav.fixed{margin-left:-602px;}
	#area_company .tab_container{margin:0 0 0 73px; width:calc(100% - 413px);}
}
@media screen and (max-width:1300px) {
	#area_company .company_cont .area_tab .tabs{width:96%;}
	#area_company .company_cont nav.fixed{left:1.8%; margin-left:0;}
	#cop_inquiry.fixed{margin-right:0; right:2%;}
}
@media screen and (max-width:1200px) {
	#area_company .company_cont nav.left_m{display:none;}
	#area_company .tab_container{margin:0; width:calc(100% - 290px);}
	#area_company .tab_container section:first-child{border-radius:10px;}
	#cop_inquiry{margin:0 0 0 20px; width:270px;}
	#cop_inquiry_wrap{padding:20px 15px 15px;}
	#area_company .company_top .btn_cs > li{display:block; width:124px; margin:0 0 5px;}
	#area_company .company_top .cop_info > .list_info {    max-width: 500px;}
}
@media screen and (max-width:1050px) {
	#cop_inquiry{display:none;}
	#area_company .tab_container{width:100%;}
	#area_company .company_cont .wrap{margin:20px 0 0;}
	#area_company .tab_container section{margin:0 0 20px;}
}
@media screen and (max-width:950px) {
	#area_company .tab_container section{padding:30px;}/*
	#area_company .company_top{height:220px;}*/
	#area_company .company_top .wrap{padding:40px 0;}
	#area_company .company_top .logo{margin:0 15px 0 0; width:140px; height:140px;}
	#area_company .company_top .cop_info h3{font-size:22px; margin:0 0 7px;}
	#area_company .company_top .btn_cs > li:last-child{margin:0;}
	#area_company .company_top .btn_cs > li.homepage{margin:7px 0;}
	#area_company .company_top .btn_cs > li > a{padding:5px 0;}
	#area_company .company_top .btn_cs > li.interest{padding:5px 0;}
	#area_company .company_top .btn_cs > li.interest span:before{top:3px;}
	#area_company .company_top .btn_cs > li.interest span,
	#area_company .company_top .btn_cs > li > a > span{font-size:14px;}
	#area_company .company_top .cop_info .area_star{margin:0;}
	#area_company .company_top .cop_info em{margin:0 0 9px; font-size:13px;}
	#area_company .company_top .cop_info > .list_info {    max-width: 400px;}
}
@media screen and (max-width:768px) {
	#area_company .company_cont .area_tab .tabs > li{padding:14px 10px;}
	#area_company .company_cont .wrap{margin:15px 0 0;}
	#area_company .tab_container section{margin:0 0 15px;}
	#area_company .tab_container section{padding:20px;}
	.catalog_list > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px);}
	.catalog_list > li:nth-child(2n){margin:0 0 20px;}/*
	#area_company .company_top{height:180px;}*/
	#area_company .company_top .wrap{padding:27px 0;}
	#area_company .company_top .logo{margin:0 10px 0 0; width:100px; height:100px;}
	#area_company .company_top .cop_info h3{margin:0 0 3px; font-size:19px;}
	#area_company .company_top .cop_info > .list_info > li span,
	#area_company .company_top .cop_info > .list_info > li a{font-size:15px;}
	#area_company .company_top .cop_info .area_star{line-height:1.5em;}
	#area_company .company_top .cop_info .area_star span{font-size:14px;}
	#area_company .company_top .cop_info .area_star > span{position:relative; top:2px;}
	#area_company .tab_container section .box table tr td span:last-child{margin:3px 0 0;}
	#area_company .company_top .cop_info em{margin:0 0 6px; font-size:10px;}
	#edit_home .modal-dialog{top:unset; left:0; right:0; bottom:0; width:100%; transform:none !important;}
	#edit_home .modal-content{border-radius:6px 6px 0 0;}
	#edit_home .modal-body{padding:0;}
	#edit_home .modal-header{border-radius:5px 5px 0 0;}
	.list_edit{padding:0;}
	.list_edit > li{border:none; margin:0; border-radius:0; border-bottom:1px dashed #eee;}
	.list_edit > li:last-child{border-bottom:none;}
	.list_edit > li > a{padding:15px;}
	.list_edit > li:hover{border:None;}

	#area_company .company_top .cop_info > .list_info{display:none;}
	#area_company .company_top .btn_cs {position:relative; top:unset; transform:none; margin:3px 0 0;}
	#area_company .company_top .btn_cs > li{display:inline-block; width:auto; border-radius:5px;}
	#area_company .company_top .btn_cs > li.interest{padding:0 0 0 16px;}
	#area_company .company_top .btn_cs > li.interest,
	#area_company .company_top .btn_cs > li > a,
	#area_company .company_top .btn_cs > li.chat > a{padding:2px 7px;}
	#area_company .company_top .btn_cs > li.interest span,
	#area_company .company_top .btn_cs > li > a > span{font-size:13px; padding:0 0 0 15px;}
	#area_company .company_top .btn_cs > li.interest span{padding:0 0 0 18px;}
	#area_company .company_top .btn_cs > li.interest span:before{width:15px; height:15px; top:5px;}
	#area_company .company_top .btn_cs > li > a > span:before{width:12px; height:12px;}
	#area_company .company_top .btn_cs > li.inquiry span{padding:0 15px 0 0;}
	#area_company .company_top .btn_cs > li.inquiry span:before{top:6px;}
}
@media screen and (max-width:600px) {
	#area_company .tab_container section{padding:15px;}/*
	#area_company .company_top{height:160px;}*/
	#area_company .company_top .logo{width:80px; height:80px;}
	#area_company .company_top .cop_info h3{font-size:16px; margin:0;}
	#area_company .company_top .cop_info > .list_info > li{display:none; line-height:1.5em;}
	#area_company .company_top .cop_info > .list_info > li:nth-child(1) span:before{height:12px; top:4px;}
	#area_company .company_top .cop_info > .list_info > li span{padding:0 0 0 16px;}
	#area_company .company_top .cop_info .area_star span{font-size:13px;}
	#area_company .company_cont .area_tab .tabs > li{margin:0;}
	#area_company .company_cont .area_tab .tabs > li span{font-size:15px;}
	#area_company .tab_container section .box h1{font-size:18px; margin:0 0 10px;}
	#area_company .company_top .cop_info em{margin:0 0 5px; padding:2px 4px;}

	#area_company .company_top .btn_cs > li.interest,
	#area_company .company_top .btn_cs > li > a,
	#area_company .company_top .btn_cs > li.chat > a{padding:0 7px;}
	#area_company .company_top .btn_cs > li.interest span,
	#area_company .company_top .btn_cs > li > a > span{font-size:12px;}
}
@media screen and (max-width:550px) {
	.catalog_list > li{margin:0 14px 14px 0; width:calc((100% / 2) - 7px);}
	.catalog_list > li:nth-child(2n){margin:0 0 14px;}/*
	#area_company .company_top .btn_cs > li{width:105px;}*/
	#area_company .company_top .btn_cs > li > a > span{font-size:13px; padding:0 0 0 13px;}
	#area_company .company_top .btn_cs > li > a > span:before{top:6px; width:11px; height:13px;}
	#area_company .company_top .btn_cs > li.interest{padding:4px 0;}
	#area_company .company_top .btn_cs > li.interest span{font-size:13px; padding: 0 0 0 18px;}
	#area_company .company_top .btn_cs > li.interest span:before{width:15px; height:15px; top:4px;}
	#area_company .company_top .btn_cs > li.inquiry span{padding:0 12px 0 0;}
	#area_company .company_top .btn_cs > li.homepage{margin:4px 0;}
	#area_company .tab_container section .box{margin:0 0 20px;}
	#area_company .company_top .cop_info .area_star{line-height:1.4em;}
	#area_company .tab_container section .box p.en{margin:10px 0 0;}
	#area_company .tab_container section .box table tr td,
	#area_company .tab_container section .box table tr th{font-size:14px;}
	#area_company .tab_container section .box table tr td{padding:10px;}
	.list_service > li{margin:0;}
	#area_company .tab_container section .box table tr td span{font-size:13px; padding:2px 5px;}
	#area_company .tab_container section .box .area_map .info_list > li span,
	#area_company .tab_container section .box .area_map .info_list > li span a{margin:0; font-size:16px;}
	.business_info > .img{width:80px; height:80px;}
	.business_info > .txt{margin:0 0 0 7px; height:80px; width:calc(100% - 87px); width:-webkit-calc(100% - 87px);}
	#area_company .list_business > li .business_info > .txt h3{font-size:16px;}
	#area_company .area_cont iframe{height:350px;}
	.area_business.edit .area_btn{margin:0 0 30px;}
	.area_business .box_business{margin:0 0 25px;}
	.btn_confirm{font-size:16px;padding:15px;}
	.area_business.edit .box_business{padding:20px 0;}
	#area_company .company_cont .btn_add{font-size:14px; padding:10px 28px;}
	#area_company .company_cont .wrap{margin:10px 0 0;}
	#area_company .tab_container section{margin:0 0 10px;}
	#area_company .company_top .wrap{padding:30px 0;}
	#area_company .company_top .cop_info > .list_info{display:none;}
	#area_company .company_top .btn_cs {position:relative; top:unset; transform:none; margin:6px 0 0;}
	#area_company .company_top .btn_cs > li{display:inline-block; width:auto; border-radius:5px;}
	#area_company .company_top .btn_cs > li.interest{padding:0 0 0 16px;}
	#area_company .company_top .btn_cs > li.interest,
	#area_company .company_top .btn_cs > li > a,
	#area_company .company_top .btn_cs > li.chat > a{padding:0 7px; line-height:1.54em;}
	#area_company .company_top .btn_cs > li.inquiry span:before{width:5px; top:4px;}
	#area_company .company_top .btn_cs > li.interest span,
	#area_company .company_top .btn_cs > li > a > span{font-size:11px;}
	#area_company .company_top .btn_cs > li.interest span{padding:0 0 0 15px;}
	#area_company .company_top .btn_cs > li.interest span:before{width:12px; height:12px;}
	#area_company .company_top .btn_cs > li.homepage{display:none;}
	#area_company .area_star .img_star span{width:13px; heighT:13px; margin:0;}
	#area_company .company_top .cop_info{margin-top: 10px;}
}
@media screen and (max-width:450px) {
	#area_company .tab_container section{padding:10px;}
	#area_company .tab_container section .box h1{font-size:17px; margin:0 0 3px;}
	#area_company .company_cont .area_tab .tabs > li{padding:12px 8px;}
	#area_company .company_cont .area_tab .tabs > li span{font-size:14px;}
	#area_company .box_nodata{padding:0 0 10px;}
	#area_company .tab_container section .box_nodata p{font-size:19px;}
	.box_business.sample .list_business > li{padding:15px 0;}
	dl.reference{padding:10px 15px 0;}
	dl.reference dt h2{font-size:16px;}
	dl.reference dt{padding:0 0 10px;}
	.area_business .title > h1{font-size:14px !important; padding:6px 10px;}
	.business_info > .img{width:70px; height:70px;}
	.business_info > .txt{height:70px; width:calc(100% - 77px); width:-webkit-calc(100% - 77px);}
	#area_company .list_business > li .business_info > .txt h3{font-size:15px;}
	#area_company .list_business > li .business_info > .txt span{font-size:14px; margin:0;}
	.list_business02 > li{padding:12px 10px; font-size:14px;}
	.area_business.edit input[type=text]{padding:10px;}
	.list_business > li{padding:15px 0;}
	.list_business02{margin:10px 0 0;}
	.list_business > li{padding:10px 0;}
	#area_company .tab_container section .box .add{font-size:15px;}
	#area_company .area_cont iframe{height:300px;}
	#area_company .tab_container section .box .area_map .info_list > li span,
	#area_company .tab_container section .box .area_map .info_list > li span a{margin:0; font-size:15px; line-height:1.3em;}
	.catalog_list > li{margin:0 10px 10px 0; width:calc((100% / 2) - 5px);}
	.catalog_list > li > a span{font-size:14px;}
	.catalog_list > li > a .download span{font-size:12px;}
	.catalog_list > li > a .download{margin:0 auto; padding:0 7px;}

}
@media screen and (max-width:420px) {
	#area_company .tab_container section .box .add{font-size:14px;}
	#area_company .tab_container section .box .area_map .info_list > li{display:block; width:100%; padding:10px; border-bottom:1px dashed #eee;}
	#area_company .tab_container section .box .area_map .info_list > li:last-child{border-bottom:none;}
	#area_company .tab_container section .box .area_map .info_list > li:before{display:none;}
	#area_company .tab_container section .box .area_map .info_list > li span,
	#area_company .tab_container section .box .area_map .info_list > li span a{font-size:14px;}
	#area_company .company_top .cop_info .area_star span.review{display:none;}
}
@media screen and (max-width:400px) {
	#area_company .company_top .wrap{padding:30px 0;}
	#area_company .company_top .cop_info > .list_info{display:none;}


}
@media screen and (max-width:330px) {
	#area_company .company_top .logo{margin:0 5px 0 0; width:60px; height:60px;}
}

/* 미니홈피 인재채용 */
#area_company .career_list{margin:0; }
#area_company .career_list > li{width:100%; background:#fff; margin:0 0 10px;}
#area_company #area_career .career_list > li > a > .top h3{min-height:auto; -webkit-line-clamp:1; font-size:18px;}
#area_company #area_career .career_list > li > a > .top span.info{margin:2px 0 0; font-size:0;}
#area_company #area_career .career_list > li > a > .top span.info > span{display:inline-block; border-right:1px solid #ddd; font-weight:400; margin:5px 0 0; padding:0 10px; line-height:0.8em; font-size:14px; color:#777; word-break:break-word;}
#area_company #area_career .career_list > li > a > .top span.info > span:first-child{padding:0 7px 0 0;}
#area_company #area_career .career_list > li > a > .top span.info > span:last-child{border-right:none;}
#area_company #area_career .career_list > li > a > .bottom{background:#fff;}
#area_company #area_career .career_list > li > a > .bottom span{color:#999; font-weight:400;}
#area_company #area_career .career_list > li > a > .bottom em{color:#3568da;}
#area_company #area_career .career_list > li.nodata{padding:20px; display:block; border:1px solid #eee; text-align:center; background:#fff !important; font-size:13.5px;}

/* 미니홈피 기업리뷰 */
#area_review{}
#area_review .list_review{}
#area_review .list_review > li{display:block; margin:0 0 10px; padding:20px; width:100%; border:1px solid #eee; background:#fff; box-sizing:border-box; border-radius:10px;}
#area_review .list_review > li.nodata{background:#fff !important; text-align:center;}
#area_company .list_review .area_star{margin:0;}
#area_company .list_review .area_star .img_star{margin:0 3px 0 0;}
#area_company .list_review .area_star span{color:#333; font-weight:bold;}
#area_company .list_review .area_cont{margin:10px 0;}
#area_company .list_review .area_cont p{font-size:15px; font-weight:400; color:#333; line-height:1.4em; word-break:break-word;}
#area_company .list_review .list_info span{position: relative; font-size: 13px; font-weight: 400; color: #999; margin: 0 10px;}
#area_company .list_review .list_info span:first-child{margin:0 10px 0 0;}
#area_company .list_review .list_info span:before{content:''; position:absolute; top:8px; right:-12px; width:3px; height:3px; border-radius:50%; background:#999;}
#area_company .list_review .list_info span:last-child:before{display:none;}

@media screen and (max-width:1024px) {
	#area_review .list_review > li{padding:15px;}
}
@media screen and (max-width:550px) {
	#area_company .list_review .area_cont{margin:5px 0;}
}
@media screen and (max-width:450px) {
	#area_company .career_list > li{margin:0 0 5px;}
	#area_company #area_career .career_list > li > a > .top h3{font-size:15px;}
	#area_company #area_career .career_list > li > a > .top span.info{margin:1px 0 0;}
	#area_company #area_career .career_list > li > a > .top span.info > span{font-size:13px;}
	#area_review .list_review > li{padding:10px;}
	#area_company .list_review .area_star span{margin:0;}
	#area_company .list_review .area_cont p{font-size:14px}
}

/* 마이페이지 */
.mypage #area_my{width:100%;}
.mypage #area_my .myinfo{position:relative; box-shadow:0px 7px 9px 1px rgb(151 151 151 / 5%);}
.mypage #area_my .myinfo:after{content:''; display:block; clear:both;}
.mypage #area_my .myinfo .area_photo{margin:0;}
.mypage #area_my .myinfo .id{margin:0 0 5px;}
.mypage #area_my .location span{position:relative; padding:0 0 0 15px;}
.mypage #area_my .location span:before{content:''; position:absolute; top:2px; left:0; width:13px; height:13px; background:url(../img/icon_location_gray.svg)no-repeat center; background-size:contain;}
.mypage #area_my .myinfo .id .btn_arrow{display:none;}
.mypage #area_my .area_intro{margin:0 0 7px;}
.mypage #area_my .area_intro p{line-height:1.4em; word-break:break-word;}
.area_nm{display:inline-block; margin:0; padding:1px 30px; background:#f2f5f8; border:1px solid #eee; box-sizing:border-box; border-radius:50px;}
.area_nm span{display:inline-block; font-size:14px; color:#3568da; font-weight:bold;}
.area_nm em{display:inline-block; font-size:14px; font-weight:400; color:#28323c;}
.mypage .area_lv{margin:15px 40px 0;}
.mypage .area_bunker{margin:0; text-align:left;}
.mypage .my_qna{display: flex; justify-content: center; align-items: center; margin:0 0 15px; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box; border-radius:10px;}
.mypage .my_qna > li{position:relative; padding:15px; width:calc(100% / 3); height:93px; border:none;}
.mypage .my_qna > li:before{content:''; position:absolute; top:10px; bottom:10px; right:0; width:1px; border-right:1px dashed #ddd;}
.mypage .my_qna > li:last-child:before{display:none;}
.mypage .my_qna > li em{display:block; margin:2px 0 0; line-height:1.2em;}
.mypage .my_qna.left{background:#fff; margin:0 0 10px;}
.mypage .my_qna.left > li{text-align:center;}
#area_my .top_box{position:relative; float:left; width:calc(100% / 3); min-height:300px; padding:30px; box-sizing:border-box;}
#area_my .top_box .box_wrap{position:absolute; top:50%; left:50%; width:100%; padding:0 30px; box-sizing:border-box; transform:translate(-50%, -50%);}
#area_my .top_box .box_wrap.hauto{position:relative; padding:0; top:unset; left:unset; transform:none;}
#area_my .top_box .box_wrap02{position:absolute; top:50%; left:50%; width:84%; margin-left:-42%; transform:translateY(-50%);}
#area_my .top_box:before{content:''; position:absolute; top:25px; bottom:25px; right:0; width:1px; border-right:1px dashed #eee;}
#area_my .top_box:last-child:before{display:none;}
#area_my .top_box .area_box{display:block; margin:0 0 10px; text-align:left;}
#area_my .top_box .area_box:last-child{margin:0;}
#area_my .top_box .area_box h3{font-size:14px; font-weight:500; color:#111;}
#area_my .top_box .area_box h3 p,
#area_my .top_box .area_box ul li{font-size:14px; font-weight:400; color:#777;}
#mypage_wrap{margin:30px 0 0;}
#mypage_wrap:after{content:''; display:block; clear:both;}


#mypage_menu{display:none; background:#fff; border:1px solid #eee; border-radius:10px; padding:30px; box-sizing:border-box;}
#mypage_menu{display:block; float:left; width:300px;}
.cmypage #mypage_menu.basic{display:none;}
.mypage #mypage_menu.company{display:none;}
#mypage_menu h3{display:block; font-size:19px; font-weight:500; color:#111;}
#mypage_menu ul.menu_list{margin:10px 0 0; padding:10px 0 0 ;border-top:2px solid #111;}
#mypage_menu ul.menu_list > li{}
#mypage_menu ul.menu_list > li > a{position:relative; display:block; padding:7px 0;  box-sizing:border-box; font-size:15px; font-weight:500; color:#777;}
#mypage_menu ul.menu_list > li > a:hover{color:#3568da;}
#mypage_menu ul.menu_list > li:last-child > a{padding:7px 0 0;}
#mypage_menu ul.menu_list > li > a:before{content:''; position:absolute; top:50%; right:0; width:10px; height:10px; background:url(../img/icon_bt_arrow.svg) no-repeat center; background-size:contain; transform:translateY(-50%) rotate(-90deg);}
.mypage_cont{display:block; float:right; margin:0 0 30px 30px; padding:30px 40px; box-sizing:border-box; border:1px solid #eee; background:#fff; border-radius:10px; width:calc(100% - 330px); width:-webkit-calc(100% - 330px); min-height:800px;}
.cmypage .mypage_cont{min-height:700px}

.mypage_cont .box{position:relative; display:block; margin:0 0 30px;}
.mypage_cont .box:last-child{margin:0;}
.mypage_cont .box h3{display:block; margin:0 0 16px; font-size:16px !important; font-weight:500; color:#111;}
.mypage_cont .box h3 i{position: relative; top:-1px; display:inline-block; margin: 0 0 0 4px; line-height:17.5px; padding: 1px 6px; background: #3568da; border-radius: 50px; font-size:12px; color:#fff; text-align:center;}
.mypage_cont .box .box_cont{position:relative; margin:0; display:block; width:100%; text-align:center; min-height:150px;}
.mypage_cont .box .btn_more{position:absolute; top:0; right:0; display:inline-block; padding:3px 5px; border:1px solid #ddd; border-radius:5px; font-size:12px; line-height:1.3em; color:#333; transition:all 0.3s ease;}
.mypage_cont .box .btn_more:hover{background:#3568da; border:1px solid #3568da; color:#fff;}
/*.mypage_cont .box .box_cont .nodata{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}*/

.table_wrap{border-top:1px solid #eee; border-radius:10px 10px 0 0; box-sizing:border-box;}
.tbl{}
.tbl:after{ display:block; content:""; clear:both;}
.tbl > li{float:left; padding:12px 5px; font-size:14px;}
.tbl_hd{background:#f1f1f1; border-radius:9px 9px 0 0; display:flex; justify-content: center; align-items: center;}
.tbl_hd > li{padding:12px 10px; font-size:14px; font-weight:bold; line-height:1.1em; color:#333; text-align:center;}
.tbl > li.w1{width:10%;}
.tbl > li.w15{width:15%;}
.tbl > li.w2{width:20%;}
.tbl > li.w25{width:25%;}
.tbl > li.w3{width:30%;}
.tbl > li.w35{width:35%;}
.tbl > li.w4{width:40%;}
.tbl > li.w45{width:45%;}
.tbl > li.w5{width:50%;}
.tbl > li.w55{width:55%;}
.tbl > li.w6{width:60%;}
.tbl > li.w65{width:65%;}
.tbl_cont_wrap > li{font-size:15px; font-weight:400; color:#333; text-align:center; line-height:1.4em;}
.tbl_cont_wrap li.nodata{width:100%;}
.tbl_list{position:relative; border-bottom:1px dashed #eee; display: flex; justify-content: center; align-items: center; line-height:1.1em;}
.tbl_cont li.subject{text-align:left; line-height: 1.2em; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}
.tbl_cont li .reply{display:none;}
.tbl_cont > a{display:block; width:100%;}


/* 나의친구 */
#help_list.friend .btn_delete{position:absolute; top:50%; right:20px; line-height:1em; padding:5px 8px; box-sizing:border-box; border:1px solid #e2e2e2; background:#f9f9f9; font-size:12px; font-weight:500; color:#333; border-radius:50px; transform:translateY(-50%);}


/* 맞춤정보 */
.cmypage .tab_container,
.mypage .tab_container{text-align:left;}
.mypage .tab_container .nodata{padding:30px 0; text-align:center; font-size:15px; font-weight:400; color:#777;}
.cmypage #area_mypage #help_list,
.mypage #area_mypage #help_list{width:100%; margin:0; min-height:auto; text-align:left;}
.cmypage #area_mypage #help_list .list > li,
.mypage #area_mypage #help_list .list > li{float:left; margin:0 15px 15px 0; width:calc((100% / 2) - 7.5px); box-shadow:0px 7px 9px 1px rgb(151 151 151 / 5%);}
.cmypage #area_mypage #help_list .list > li:nth-child(2n),
.mypage #area_mypage #help_list .list > li:nth-child(2n){margin:0 0 15px;}
#area_mypage #help_list .list.full > li{width:100%; margin:0 0 15px;}
#help_list li.company .title{position:relative; line-height:1em;}
#help_list li.company .title .interest_corp{position:absolute; top:50%; right:20px; width:22px; height:22px; cursor:pointer; background:url(../img/icon_heart_gray.svg) no-repeat center; background-size:contain; transform:translateY(-50%); transition:all 0.3s ease;}
#help_list li.company .title .interest_corp.on,
#help_list li.company .title .interest_corp:hover{background:url(../img/icon_heart_on.svg) no-repeat center; background-size:contain;}
.mypage .career_list > li{margin:0 15px 15px 0; width:calc((100% / 2) - 7.5px); width:-webkit-calc((100% / 2) - 7.5px); box-shadow:0px 7px 9px 1px rgb(151 151 151 / 5%);}
.mypage .career_list > li:nth-child(2n){margin:0;}
.mypage .career_list > li > a h3{margin:0; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.cmypage .board_list,
.mypage .board_list{border:none;}
.cmypage .board_list > li,
.mypage .board_list > li{padding:20px; float:left; margin:0 15px 15px 0; width:calc((100% / 2) - 7.5px); width:-webkit-calc((100% / 2) - 7.5px); border:1px solid #eee; border-radius:10px; box-shadow:0px 7px 9px 1px rgb(151 151 151 / 5%);}
.cmypage .board_list > li:nth-child(2n),
.mypage .board_list > li:nth-child(2n){margin:0;}
.cmypage .board_list > li > a > div > h3,
.mypage .board_list > li > a > div > h3{display: inline-block; margin:0; max-width:auto; font-size: 17px; font-weight: 600; color: #111; word-break: keep-all;}

/* 마이페이지 헬프미 */
#area_mypage.help .mypage_cont .box h3{font-size:20px !important;}
.mypage #area_my.help{float:left; width:300px; margin:0 0 20px;}
#area_my.help .myinfo{padding:25px; margin:0 0 10px;}
#area_mypage.help .tabs{text-align:center;}
#area_mypage.help .tabs > li{float:unset; display:inline-block;}
#area_mypage.help .tabs > li span{vertical-align:bottom; font-size:18px;}
#area_mypage.help .tabs li em{display:inline-block; padding: 0 10px; box-sizing: border-box; background: #ddd; border-radius: 50px; font-size: 14px; font-weight: bold; color: #aaa;}
#area_mypage.help .tabs li span:hover:before,
#area_mypage.help .tabs li.active span:before{display:none;}
#area_mypage.help .tabs li.active em{background:#3568da; color:#fff;}
#area_mypage.help .tabs li.active:before,
#area_mypage.help .tabs li:hover:before{opacity:1;}
#area_mypage.help .tab_container{margin:20px 0 0;}
#area_mypage.help .table_wrap{margin:0 0 30px;}
#area_mypage.help .tab_container input[type=checkbox]{display:block; margin:0 0 10px;}
#area_mypage.help .tab_container #all_chk{display:inline-block; vertical-align:-webkit-baseline-middle;}
#area_mypage.help .tab_container label.chk{margin:0 0 0 5px; font-size:13px; font-weight:500; color:#333;}

/* 벙커관리 */
#area_mypage .bunker_type{margin:15px 0 40px;}
#area_mypage .bunker_type em.info{display:block; margin:10px 0 0; font-size:14px; color:#777; word-break:break-word; line-height:1.4em;}
#area_mypage .bunker_list{width:100%; box-sizing:border-box;}
#area_mypage .bunker_list:after{ display:block; content:""; clear:both;}
#area_mypage .bunker_list > li{float:left; margin:0 20px 0 0; width:calc((100% / 3) - 14px); width:-webkit-calc((100% / 3) - 14px); text-align:center; background:#f9f9f9; border:1px solid #eee; border-radius:5px; box-sizing:border-box;}
#area_mypage .bunker_list > li:last-child{margin:0;}
#area_mypage .bunker_list > li{display:block; padding:20px; box-sizing:border-box;}
#area_mypage .bunker_list > li.total{background:#e7f4fd; border:1px solid #ccdfec;}
#area_mypage .bunker_list > li h3.number{display:block; font-size:37px !important; margin:0; font-weight:bold; color:#333; line-height:1.1em;}
#area_mypage .bunker_list > li h3.complete a{color:#3350c7;}
#area_mypage .bunker_list > li span{display:block; box-sizing:border-box; font-size:14px; font-weight:400; color:#444;}
#area_mypage .mybunker{position:relative; text-align:left; padding:20px;width:100%;  border:1px solid #eee; border-radius:5px; box-sizing:border-box; }
#area_mypage .mypage_cont .box .mybunker > h3{font-size:18px !important; font-weight:500; color:#111; margin:0;}
#area_mypage .mybunker p{position:absolute; top:50%; right:20px; font-size:20px; font-weight:bold; color:#111; transform:translateY(-50%);}
#area_mypage .mybunker p span{position:relative; top:2px; font-size:22px; font-weight:600; color:#333;}
#area_mypage .mybunker p i{display:inline-block; margin:0 5px 0 0; width:23px; height:23px; background:#ffe668; border-radius:50px; font-size:15px; font-weight:800; color:#3350c7; line-height:23px; text-align:center;}
#area_mypage .mybunker p a{vertical-align:middle; margin:0 0 0 7px; display:inline-block; padding:3px 8px 3px; background:#333; border-radius:50px; box-sizing:border-box; font-size:13px; font-weight:500; color:#fff; line-height:1.5em;}
#area_mypage.bunker .tabs{width:auto; text-align:center;}
#area_mypage.bunker .tabs > li{float:unset; display:inline-block;}
#area_mypage.bunker .filter{display:block; text-align:left;}
#area_mypage.bunker .filter select{display:inline-block; width:auto; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:2px 20px 2px 5px; background:url(../img/icon_bt_arrow.svg) no-repeat 92% center; background-size:10px 5px; font-size:14px; color:#222; font-weight:400;}
.bunker .mypage_cont{padding:0; background:none; border:none;}
.bunker .mypage_cont .mypage_cont_wrap{padding:30px 40px; border:1px solid #eee; box-sizing:border-box; border-radius:10px; background:#fff; margin:0 0 30px;}
.bunker .mypage_cont .mypage_cont_wrap.last{padding:0; margin:0; border:none; border-radius:0; background:None;}
.bunker .tab_container{min-height:250px;}
.bn_bunkertrade{position:relative; outline:none; display:inline-block; width:100%; background:#2f394e; border-radius:10px;}
.bn_bunkertrade > a{display:block; padding:25px 22px; box-sizing:border-box;}
.bn_bunkertrade > a h2{display:inline-block; margin:0 0 2px; font-size:20px; font-weight:500; color:#fff; line-height:1.4em; word-break:break-word;}
.bn_bunkertrade > a span{display:block; margin:5px 0 0; font-size:13px; color:#fff; line-height:1.3em; word-break:break-word; line-height:1.2em; opacity:0.9;}
.yellow{color:#fff189;}

.bn_bunkertrade i{display:inline-block; position:absolute; top:0; right:0; padding:2px 10px; background:#2e6efe; font-weight:bold; font-size:13px; color:#fff; border-radius:0 8px 0 8px;}
.bn_bunkertrade i.v2{background:#fe2e71;}
/* 환전 */
.area_withdraw{margin:50px 0;}
#area_mypage.withdraw .area_withdraw h3{display:block; margin: 0 0 10px; line-height: 1.4em; font-size: 28px !important; font-weight: 400; color: #111; text-align: center;}
#area_mypage.withdraw .mypage_cont .box .box_cont{min-height:auto;}
#area_mypage.withdraw .area_withdraw .list_product{width:80%; margin:0 auto;}
#area_mypage.withdraw .mypage_cont .box .mybunker{background:#e7f4fd; border:1px solid #ccdfec;}

.withdraw_info{margin:30px 0 0}
.withdraw_info.bunker{margin:0 0 30px; text-align:center;}
.withdraw_info.bunker .btn_withdraw{margin:0; width:100%; border-radius:10px;}
.withdraw_info h2{display:block; margin:0 0 20px; font-size:17px; font-weight:700; color:#222; text-align:left;}

.withdraw_info ul{width:100%;}
.withdraw_info ul:after{ display:block; content:""; clear:both;}
.withdraw_info ul > li{float:left; width:100%; position:relative; margin:0 0 12px;}
.withdraw_info ul > li:after{ display:block; content:""; clear:both;}
.withdraw_info ul > li.col2{margin:0 10px 12px 0; float:left; width:calc((100% / 2) - 5px);}
.withdraw_info ul > li:nth-child(2){margin:0 0 12px !important;}
.withdraw_info ul > li span{display:block; margin:0 0 5px ;font-size:14px; font-weight:500; color:#333; line-height:1.5em; word-break:break-word;}
.withdraw_info ul > li span a{display:inline-block; margin:0 0 0 10px; box-sizing:border-box; background:#fff; border:1px solid #eee; font-size:12px; font-weight:400; color:#222;}
.withdraw_info ul > li em{font-size:15px; font-weight:500; color:#333; line-height:1.5em; word-break:break-word;}
.withdraw_info ul > li .cont{display:block; width:100%;}
.withdraw_info ul > li .cont input{border:1px solid #eee; width:100%; height:50px; padding:10px; line-height:50px; border-radius:5px; box-sizing:border-box; background:#f9f9f9 !important; font-size:15px; font-weight:400; color:#333;}
.withdraw_info ul .secret_num .cont{width:100%;}
.withdraw_info ul .secret_num .cont:after{ display:block; content:""; clear:both;}
.withdraw_info ul .secret_num i{position:relative; top:10px; float:left; display:inline-block; margin:0 5px;}
.withdraw_info ul .secret_num .cont input{float:left; width:calc((100% / 2) - 8.8px);}
.withdraw_info ul .secret_num em{display:block; margin:5px 0 0; font-size:14px; font-weight:400; color:#3568da; word-break:break-word; width:100%;}
.withdraw_info.v2{text-align:center; margin:0 0 20px;}
.withdraw_info.v2 ul > li input{text-align:right; padding:0 27px 0 0; font-size:18px; font-weight:bold; color:#3e59a8;}
.withdraw_info ul > li label{position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:16px; font-weight:600; color:#222;}
.withdraw_info .btn_withdraw{display:inline-block; margin:30px 0 0; padding:13px 40px; box-sizing:border-box; font-size:17px; font-weight:500; color:#fff !important; background:#3568da; border-radius:50px; box-shadow:0px 5px 9px 1px rgb(33 107 209 / 25%);}
.withdraw_info ul > li .cont select {border: 1px solid #eee; width: 100%; height: 50px; padding: 10px; border-radius: 5px; box-sizing: border-box; background: #f9f9f9 url(../img/icon_bt_arrow.svg) no-repeat 98% center !important; background-size:10px 5px !important; font-size: 15px; font-weight: 400; color: #333; }

/* 기업마이페이지 */
.cmypage #area_my{float:left; margin:0 0 20px;}
.cmypage #area_my .myinfo .id .btn_arrow{display:none;}
#area_my .homepage{display:block; width:100%; margin:20px 0 0; padding:15px 10px; border-top:1px solid #eee;}
#area_my .homepage a{display:block;}
#area_my .homepage a em{position:relative; display:inline-block; font-size:14px; font-weight:400; color:#333; padding:0 0 0 20px;}
#area_my .homepage a em:before{content:''; position:absolute; top:5px; left:0; width:15px; height:15px; background:url(../img/icon_home.svg)no-repeat center; background-size:contain;}
.cmypage #area_my .my_qna{background:#fff; margin:10px 0 0; border-radius:10px; border:1px solid #eee;}
#area_my .ranking{margin:5px 0 0; font-size:14px;}
#area_my .ranking .blue{color:#3568da; font-weight:600;}
.cmypage .my_qna > li{width:33.33%; text-align:center; border-right:none;}
.cmypage .my_qna > li em{display:block;}
.bn_premium{margin:10px 0 0; width:100%; padding:15px 10px; border-radius:10px; box-sizing:border-box; background: linear-gradient(137deg, #fab40b, #f77c99, #6578f2, #2fe497); background-size: 800% 800%; -webkit-animation: AnimationName 5s ease infinite; -moz-animation: AnimationName 6s ease infinite; -o-animation: AnimationName 6s ease infinite; animation: AnimationName 6s ease infinite;
text-align:center; box-shadow:0px 3px 10px 1px rgb(151 151 151 / 25%);}
.bn_premium a{display:block; color:#fff; font-size:16px; font-weight:600;}
@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }


.list_send{}
.list_send:after,
.list_receive:after{content:''; display:block; clear:both;}
.list_send > li,
.list_receive > li{position:relative; float:left; margin:0 15px 15px 0; width:calc((100% / 2) - 7.5px); width:-webkit-calc((100% / 2) - 7.5px); border:1px solid #eee; border-radius:10px; box-shadow:0px 7px 9px 1px rgb(151 151 151 / 5%);}
.list_send > li:nth-child(2n),
.list_receive > li:nth-child(2n){margin:0 0 15px;}
.list_send > li > a,
.list_receive > li > a{display:block;}
#help_list li.company .title > i,
.cmypage #mypage_wrap .area_cont ul li i{cursor:pointer; position:absolute; top:12px; right:15px; margin:0; padding:0 0 0 12px; font-size:12px; font-weight:500; color:#fff; line-height:1.2em; padding:3px 5px; border-radius:5px; box-sizing:border-box;}
#help_list li.company .title > i > em,
.cmypage #mypage_wrap .area_cont ul li i > em{position:relative; top:1px; display:inline-block; margin:0 2px 0 0; width:11px; height:11px; background:url(../img/icon_select02.svg)no-repeat center; background-size:contain;}
#help_list li.company .title > i{right:20px; font-size:13px; padding:5px 9px; right:14px;}
#help_list.inquiry03 li.company .title > i{top:0; right:0; border-radius:0 5px 0 5px;}
i.wait{background:#444;}
i.check{background:#19a8de;}
i.select{background:#742ed3;}
i.no{background:#999;}
i.finish{background:#ddd; color:#aaa;}
.cmypage #mypage_wrap .area_cont ul li .top span{vertical-align:top;}
.cmypage #mypage_wrap .area_cont ul li .data{vertical-align:top; display:inline-block; margin:0 0 7px; font-size:12px; font-weight:400; color:#999; line-height:1em;}
.cmypage #mypage_wrap .area_cont ul li .dday{ vertical-align:top; position:relative; top:-3px; margin:0 0 0 2px; display:inline-block; font-size:11px; font-weight:500; color:#333; padding:2px 5px; line-height:1em; box-sizing:border-box; border:1px solid #ddd; background:#fff; color:#111; border-radius:50px; box-shadow:1px 2px 2px 0px rgb(151 151 151 / 10%);}
.cmypage #mypage_wrap .area_cont ul li .dday.on{cursor:pointer; background:#ec1551; border:1px solid #ec1551;}
.cmypage #mypage_wrap .area_cont ul li .dday.on em{color:#fff; font-weight:600;}
.cmypage #mypage_wrap .area_cont .list_receive > li a h3{font-size:19px !important; width:100%; margin:0 !important; line-height:1.5em; word-break:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cmypage #mypage_wrap .area_cont .list_receive > li.nodata{position: relative; width: 100%; height: 350px; margin: 0; text-align: center;}
.cmypage #mypage_wrap .area_cont .list_receive > li.nodata p{position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); font-size: 15px; font-weight: 400; color: #777;}
.cmypage #mypage_wrap .area_cont .list_send > li a h3{font-size:15px !important; line-height: 1.4em; word-break: keep-all; overflow: hidden; white-space:inherit; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cmypage #mypage_wrap .list_profile{display:block; margin:8px 0;}
.cmypage #mypage_wrap .list_profile:after{ display:block; content:""; clear:both;}
.cmypage #mypage_wrap .list_profile > li{float:left; margin:0 6px 0 0; width:calc((100% / 6) - 5px); width:-webkit-calc((100% / 6) - 5px);}
.cmypage #mypage_wrap .list_profile > li:nth-child(6n){margin:0;}
.cmypage #mypage_wrap .list_profile > li:nth-child(n + 7){margin-top:5px;}
.cmypage #mypage_wrap .list_profile > li .area_profile{position:relative; width:100%; height:50px;  background:#fff; border-radius:5px; border:1px solid #eee; box-sizing:border-box; outline:none; overflow:hidden;}
.cmypage #mypage_wrap .list_profile > li .area_profile .area_add{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:100; text-align:center;}
.cmypage #mypage_wrap .list_profile > li .area_profile .area_add span{display:block; position:absolute; top:50%; left:50%; width:auto; color:#fff; font-size:15px; font-weight:bold; transform:translate(-50% , -50%);}
.cmypage #mypage_wrap .list_profile > li .area_profile.basic{background:#f9f9f9;}
.cmypage #mypage_wrap .list_profile > li .area_profile.basic img{width:100%;}
.cmypage #mypage_wrap .list_profile > li .area_profile.basic img.com{width:80%;}
.cmypage #mypage_wrap .list_profile > li .area_profile img{position:absolute; top:50%; left:50%; width:100%; height:100%; max-height:100%; transform:translate(-50%,-50%);}
.cmypage #mypage_wrap .list_profile > li.nodata{display:block; padding:16px 0 0; width:100%; font-size:13px; color:#777; line-height:1.2em; word-break:break-word; min-height:50px; text-align:center;}
.cmypage #mypage_wrap .list_profile > li.podo{color:#3568da; font-weight:500; border:1px solid #eee; border-radius:5px; background:#f9f9f9;}
.cmypage #mypage_wrap .area_cont .list_send > li a .price label{vertical-align:baseline; margin:0; font-weight:500; color:#333;}
.cmypage #mypage_wrap .area_cont .list_send > li a .price span{float:right; font-weight:600; color:#333;}
.cmypage #mypage_wrap .list_receive > li{padding:15px;}
.cmypage #mypage_wrap .list_send > li{overflow:hidden;}
.cmypage #mypage_wrap .list_send > li > i{cursor:initial !important;}
.cmypage #mypage_wrap .list_send > li .top{padding:15px;}
.cmypage #mypage_wrap .list_send > li .top .data{margin:1px 0 7px;}
.cmypage #mypage_wrap .list_send > li .price{padding:4px 15px; border-top:1px solid #eee; background:#f2f5f8;}

#mypage_wrap .btn_box{display:block; margin:15px 0 0; text-align:right;}
#mypage_wrap .btn_box input{padding: 8px; border-radius:8px; line-height:1.2em; border:none; background: #555; color: #fff; text-decoration: none; vertical-align: middle;}

#mypage_wrap .top_filter{margin:20px 0 0; height:46px; text-align:left;}
#mypage_wrap .top_filter .box_left{display:block; width:100%; position:relative; top:11px;}
#mypage_wrap .top_filter .sort_list{display:inline-block; position:relative; right:unset;}
#mypage_wrap .top_filter .box_sch{position:absolute; top:0; right:0; width:230px; background:#f8f8f8; border:1px solid #eee; border-radius:10px;}
#mypage_wrap .top_filter .box_sch input[type=text]{width:100%; border:none; padding:10px; font-size:15px; font-weight:500; color:#275dd7;}
#mypage_wrap .top_filter .box_sch button{position:absolute; top:50%; right:10px; width:19px; height:19px; background:url(../img/icon_search.svg)no-repeat center; border:none; background-size:cover; transform:translateY(-50%);}


/*
.blink{ -webkit-animation:blink 0.8s ease-in-out infinite alternate; -moz-animation:blink 0.8s ease-in-out infinite alternate; animation:blink 0.8s ease-in-out infinite alternate; }
*/


.blink{-webkit-animation:color-change 1.2s ease infinite alternate;
-moz-animation:color-change 1.2s ease infinite alternate;
-o-animation:color-change 1.2s ease infinite alternate;
-ms-animation:color-change 1.2s ease infinite alternate;
animation:color-change 1.2s ease infinite alternate;}


@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }

@-webkit-keyframes color-change {
    0% { color: #fff; }
    50% { color:#ff5c8a; }
}
@-moz-keyframes color-change {
    0% { color: #fff; }
    50% { color:#ff5c8a; }
}
@-ms-keyframes color-change {
    0% { color: #fff; }
    50% { color:#ff5c8a; }
}
@-o-keyframes color-change {
    0% { color: #fff; }
    50% { color:#ff5c8a; }
}
@keyframes color-change {
    0% { color: #fff; }
    50% { color:#ff5c8a; }
}

/* 마이페이지 기업의뢰 */
.cmypage #snb{margin:0 0 30px; text-align:center;}
.cmypage #snb > li{display:inline-block; font-size:0; margin:0 7px 0 0;}
.cmypage #snb > li > a{display:block; font-size:16px; font-weight:500; color:#222; padding:9px 20px; box-sizing:border-box; border:3px solid #ddd; background:#fff; border-radius:50px; line-height:1.2em; word-break:break-word; color:#555; transition:all 0.3s ease;}
.cmypage #snb > li:hover > a,
.cmypage #snb > li > a.active{background:#fff; border:3px solid #3568da; color:#3568da; font-weight:600;}

#area_mypage.company .inquiry03 li.nodata_inquiry,
.list_send li.nodata_inquiry,
.list_receive li.nodata_inquiry{position:relative; width:100%; height:350px; margin:0; text-align:center;}
#area_mypage.company .inquiry03 li.nodata_inquiry p,
.list_receive li.nodata_inquiry p,
.list_send li.nodata_inquiry p{width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:15px; font-weight:400; color:#777; word-break:break-word;}
.cmypage #help_list.product .list > li{width:100%; margin:0 0 15px;}
.cmypage #help_list.product .list > li:nth-child(2n){margin:0 0 15px;}
.cmypage #help_list.product .list > li:last-child{margin:0;}


/* 요청한 견적 업체 리스트 */
#area_list{display:block; width:100%; margin:20px 0 0; padding:30px 20px; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:0px 5px 16px 4px rgb(0 0 0 / 3%);}
#area_list .nodata{display:block; padding:50px 0; text-align:center;}
#area_list .nodata p{font-size:15px; font-weight:500; color:#777;}
#area_list .company_list{}
#area_list .company_list > li{display:block; width:100%; padding:20px 0; border-bottom:1px dashed #eee;}
#area_list .company_list > li:first-child{padding:0 0 20px;}
#area_list .company_list > li:last-child{padding:20px 0 0; border-bottom:none;}
#area_list .company_list > li:after{content:''; display:block; clear:both;}
#area_list .company_list > li > div{float:left;}
#area_list .company_list > li .area_profile{position:relative; overflow:hidden; width:110px; height:110px; background-color:#fff; background-size:cover; background-position:50% 50%; border:1px solid #eee; border-radius:5px;}
#area_list .company_list > li .area_profile img{width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%);}
#area_list .company_list > li .area_service{position:relative; display:table; height:110px; width:calc(100% - 115px); padding:0 0 0 15px;}
#area_list .company_list > li .area_service .service_wrap{width:88%; display:table-cell; vertical-align:middle;}
#area_list .company_list > li .area_service .service_wrap > a{display:block;}
#area_list .company_list > li .area_service h3{display:block; margin:0 0 2px; font-size:16px; font-weight:500; color:#111; line-height:1.4em; word-break:break-word;}
#area_list .company_list > li .area_service span{display:block; font-size:15px; font-weight:400; color:#555; line-height:1.6em; word-break:break-word;}
#area_list .company_list > li .area_service .price{display:block; margin:2px 0 0; font-size:15px; font-weight:600; color:#222; line-height:1.5em; word-break:break-word;}
#area_list .company_list > li .area_service .price i{margin:0 5px 0 0; font-size:14px; font-weight:500;}
#area_list .company_list > li .area_inquiry_select{position:absolute; top:50%; right:0; transform:translateY(-50%);}
#area_list .company_list > li .area_inquiry_select .answer_select{position:relative; top:unset; right:0; padding:8px 15px; transform:none;}
#area_list .company_list > li .area_inquiry_select .answer_select span{display:inline-block;}
.list_file{margin:5px 0 0;}
.list_file > li{display:inline-block; margin:0 8px 0 0;box-sizing:border-box;}
.list_file > li > a{position:relative; display:block; padding:0 0 0 14px; font-size:13px; font-weight:400; line-height:1.5em; color:#666;}
.list_file > li > a:before{content:''; position:absolute; top:3px; left:0; width:10px; height:12px; background:url(../img/icon_file.svg)no-repeat center; background-size:contain;}
#area_help.my #help_list{box-shadow:none;}
#area_help.my #help_list .help_question{margin:0 0 15px;}
#area_help.my .help_question .title{padding:10px 15px;display: flex; justify-content: space-between;align-items: center}
#area_help.my #help_list .title:after{display: none}
#area_help.my #help_list .title a.btn-cps {margin-left: 10px;    font-size: 25px;    padding-bottom: 8px;    padding-right: 10px;}
#area_help.my #help_list .title .answer_select{position: unset; transform: unset;margin-left: 10px}
#area_help.my #help_list .title .profile_info h4{font-size:15px; font-weight:500;}
#area_help.my #help_list .bottom{padding:15px;}
#area_help.my #help_list .bottom > span{display: block; font-size: 15px; font-weight: 400; color: #222; line-height: 1.5em; word-break: keep-all;}
#area_help.my #help_list .title .price{    display: flex;    align-items: center; margin:1px 0 0; font-size:15px; font-weight:600; color:#275dd7; line-height:1.5em; word-break:break-word;}
#area_help.my #help_list .title .price i{margin:0 5px 0 0; font-size:13px; font-weight:600; color:#555;}
#area_help.my #help_list .panel.panel-default {    border: 0;    box-shadow: none;}
#area_help.my #help_list .panel-body {   padding: 0;}

/*Request My RFQs*/
#area_help.my .company_box {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 15px}
#area_help.my .company_box > div:first-child{width: calc( 30% - 10px );margin-right: 10px}
#area_help.my .company_box > div:last-child{width: 70%}
#area_help.my .company_box .cinfo{border:1px solid #eee; border-radius:10px; ;padding: 20px; background:#fff; box-sizing:border-box; text-align:left;}
#area_help.my .company_box .cinfo:after{content:""; display:block; clear:both;}
#area_help.my .company_box .cinfo .cinfo_wrap{text-align:center;}
#area_help.my .company_box .cinfo .area_photo{position:relative;  display:inline-block; width:80px; height:80px; border-radius:50%; border:1px solid #eee; box-sizing:border-box; background:#f9f9f9; overflow:hidden;}
#area_help.my .company_box .cinfo .area_photo img{position:absolute; top:50%; left:50%; width:100%; height:100%; max-width:100%; max-height:100% ; transform:translate(-50%, -50%);}
#area_help.my .company_box .cinfo .area_photo img.basic{position:absolute; top:54%; left:50%; width:42%; height:auto; transform:translate(-50%, -50%);}
#area_help.my .company_box .cinfo .area_photo .upload{position:absolute; right:-2px; width:25px; height:25px; border-radius:50%; box-sizing:border-box; background:#555 url(../img/icon_upload.svg)no-repeat 55% 49%; background-size:45% 45%;}
#area_help.my .company_box .cinfo .area_star{text-align:center;}
#area_help.my .company_box .cinfo .area_star > span {position: relative;display: inline-block;    border: 1px solid #ddd;    box-sizing: border-box;    border-radius: 50px;    box-shadow: 0px 5px 6.51px 0.49px rgb(120 120 120 / 5%);    padding: 1px 10px;    line-height: 1.5em;    font-size: 12px;    font-weight: 400;    color: #333;}
#area_help.my .company_box .cinfo .area_star > span i {position: unset;    padding: 0!important;    display: inline-block;    margin: 0;    font-size: 11px;    font-weight: bold;    color: #111;}
#area_help.my .company_box .cinfo .id{margin:3px 0 15px;text-align:center;}
#area_help.my .company_box .cinfo .id > i{position:relative; top:-1px; display:inline-block; margin:0; padding:2px 5px 1px; box-sizing:border-box; font-size:11px; font-weight:500; border:1px solid #f3a71b; border-radius:5px; color:#f3a71b; line-height:1.4em;}
#area_help.my .company_box .cinfo .id > i.lv6{border: 1px solid #262cdc;color: #262cdc;font-size:14px; padding:0px 5px;}
#area_help.my .company_box .cinfo .id > i.member{background:#1eb3ec;}
#area_help.my .company_box .cinfo .id span{display:inline-block; position:relative; top:-1px; margin:0 0 0 6px; font-size:16px; font-weight:800; color:#222; line-height:1.5em; vertical-align:middle;}
#area_help.my .company_box .cinfo .id .btn_arrow{display:inline-block; margin:0 0 0 8px; width:7px; height:10px; background:url(../img/icon_myinfo_arrow.svg)no-repeat center; background-size:contain;}
#area_help.my .company_box .cinfo.v2 p:not(:first-child){margin-top: 15px;}
#area_help.my .company_box .cinfo.v2 p{font-weight: 700;opacity: 0.3;font-size: 13px;}
#area_help.my .company_box .cinfo.v2 h1{font-size: 16px}
#area_help.my .quotation {text-align: right;/*padding: 10px 0;*/}
#area_help.my  .area_box {    padding: 10px;    border: 1px solid #eee;    border-radius: 10px;    margin: 5px 0;}
#area_help.my .area_box h3 {    margin: 0px 0 0 !important;}
#area_help.my .area_box h3 em {    display: block;    font-size: 13px;    color: #3568da;    font-weight: 500;    line-height: 1.3em;    word-break: break-word;}
#area_help.my .bottom h3 {    margin: 10px 0 0 !important;    font-size: 16px !important;    font-weight: 700;    text-overflow: initial;    white-space: initial;    overflow: visible;}
#area_help.my  .input_wrap{position: relative; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px}
#area_help.my  .input_wrap:after{content:''; display:block; clear:both;}
#area_help.my  .input_wrap input[type=text]{float:left; border:none !important; width:calc(100% - 130px) !important;}
#area_help.my  .input_wrap select{float:left; border:none !important; width:120px; margin:0 0 0 10px;}
#area_help.my table.v2{margin:0;}
#area_help.my table.v2 caption{display:none;}
#area_help.my table.v2 tr th{vertical-align:middle; padding:16px 10px; box-sizing:border-box; background:#46516a; border-bottom:none; color:#fff; font-size:16px; font-weight:600; text-align:center; border-right:1px solid rgba(255,255,255,0.1);}
#area_help.my table.v2 tr th:first-child{border-radius:10px 0 0 0;}
#area_help.my table.v2 tr th:last-child{border-right:none; border-radius:0 10px 0 0;}
#area_help.my table.v2 tr td{vertical-align:middle; padding:10px; box-sizing:border-box; border-right:1px solid #eee; border-top:none; text-align:Center;}
#area_help.my table.v2 tr td:last-child{border-right:none;}
#area_help.my table.v2 tr td .select{display:block; position:relative; padding:14px 0; text-align:left;}
#area_help.my table.v2 tr td .select:after{content:''; position:absolute; top:19px; right:0; background: #fff url(../img/icon_arrow.svg) no-repeat center right; width:14px; height:9px; background-size:contain;}
#area_help.my table.v2 tr td select{display:none; right:0; background: #fff url(../img/icon_arrow.svg) no-repeat center right 5px !important; background-size: 14px 9px !important;}
#area_help.my table.v2 tr td select,
#area_help.my table.v2 tr td input[type=text]{width:100%; border-radius:0; border:none; text-align:center;}
#area_help.my table.v2 label em {font-size: 13px;    color: #3568da;    font-weight: 500;    line-height: 1.3em;    word-break: break-word;}
#area_help.my table.v2 label span {vertical-align: middle!important;}
#area_help.my input#ci_valid_date {border: 0}
#area_help.my .area_box {padding: 10px;    border: 1px solid #eee;    border-radius: 10px;    margin: 5px 0;}

/*Request My RFQs end*/

.mypage_box{margin:0 0 40px;}
.mypage_box .area_detail{display:block; text-align:center;}
.mypage_box .area_detail > a{display:inline-block; margin:20px 0 0; padding:10px 30px; box-sizing:border-box; background: #275dd7; border-radius:50px; color: #fff; font-weight:500; font-size: 15px; font-weight:500;}
.mypage_box > h3{display:block; font-size:26px; font-weight:400; color:#333; text-align:left;}
.mypage_box .area_select{height:53px; background-size:100% 100%;}
.mypage_box .area_select span{margin:7px 0 0;}
.mypage_box .dday{display:block; margin:30px 0 0; width:100%; padding:15px 10px; text-align:center; cursor:pointer; border:2px solid #ec1551; background:#fff; border-radius:10px; box-sizing:border-box;}
.mypage_box .dday i{display:inline-block; vertical-align:inherit; padding:4px 8px; font-size:12px; line-height:1.2em; margin:0 5px 0 0; background:#ec1551; font-weight:bold; color:#fff; border-radius:50px;}
.mypage_box .dday p{display:inline-block; font-size:16px; font-weight:600; color:#ec1551; word-break:break-word; line-height:1.4em;}
.btn_review{display:inline-block; margin:15px 0 0;}
#area_help.my .btn_review{display:inline-block; /*margin: 10px 0 0; */border: 1px solid #ddd; padding: 3px 10px; background: #f9f9f9; border-radius: 5px; }
#area_help.my .btn_review.v2{margin:0 0 0 2px;}
#area_help.send .btn_review > span,
#area_help.my #help_list .btn_review > span{display:block; font-size:13px; font-weight:600; color:#222;}
#area_help.send .btn_review:hover,
#area_help.my #help_list .btn_review:hover{background:#eaf5ff; border:1px solid #5d89eb;}
#area_help.send .btn_review:hover span,
#area_help.my #help_list .btn_review:hover span{color:#275dd7;}
.area_btn_list{margin:50px 0 0; text-align:center;}
.area_btn_list > a{display:inline-block; border:1px solid #275dd7; background:#fff; padding:7px 20px; width:80px; font-size:15px; font-weight:600; color:#275dd7; border-radius:50px; box-sizing:border-box;}


/* 기업 마이페이지 보낸 견적 상세*/
#area_help.send #mypage_wrap{}
#area_help.send .list_send{margin:0 0;}
#area_help.send .list_send > li{width:100%; margin:0; background:#fff;}
#area_help.send #mypage_wrap .list_send > li .price{background:#fff;}
#area_help.send #help_list{box-shadow:none;}
#area_help.send #help_list h4{position:relative; display:block; margin:0 0 10px; font-size:15px; font-weight:600; color:#111;}
#area_help.send #help_list h4 .btn_link{position:absolute; right:0; top:0; font-size:14px; font-weight:500; color:#555;}
#area_help.send #help_list h4 .btn_link:hover{color:#275dd7; font-weight:600;}
.cmypage #area_help.send #mypage_wrap .area_cont ul li .data{font-size:14px; margin:0;}
.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li h3{margin:10px 0 0 !important; font-size:16px !important; font-weight:700; text-overflow:initial; white-space:initial; overflow:visible;}
.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li .area_box h3{margin:0px 0 0 !important;}
.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li h3 em{    display: block;    font-size: 13px;    color: #3568da;    font-weight: 500;    line-height: 1.3em;    word-break: break-word;}
.cmypage #area_help.send #mypage_wrap .list_send > li .price{padding:10px 15px;}
.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li .price label{vertical-align:baseline; font-weight:500 !important; font-size:15px; margin:0;}
.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li .price span{float: right; font-weight: 600; color: #333; font-size:17px;}
.cmypage #area_help.send #mypage_wrap .area_cont ul li i{font-size:14px; padding:5px 9px;}
.cmypage #area_help.send #mypage_wrap .area_cont ul li i.lv6{    position: unset;border: 1px solid #262cdc;color: #262cdc;font-size:14px; padding:0px 5px;}
.cmypage #area_help.send .list_file{margin:7px 0 0;}
.cmypage #area_help.send #help_list .list > li{float:unset; width:100%;}
#area_help.send #mypage_wrap .area_detail{display:block; text-align:center;}
#area_help.send #mypage_wrap .area_detail > a{display:inline-block; margin:20px 0 0; padding:10px 30px; box-sizing:border-box; background: #275dd7; border-radius:50px; color: #fff; font-weight:500; font-size: 15px; font-weight:500;}

/*Quotations sent*/
#area_help.send .company_box {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 15px}
#area_help.send .company_box > div:first-child{width: calc( 30% - 10px );margin-right: 10px}
#area_help.send .company_box > div:last-child{width: 70%}
#area_help.send .company_box .cinfo{border:1px solid #eee; border-radius:10px; ;padding: 20px; background:#fff; box-sizing:border-box; text-align:left;}
#area_help.send .company_box .cinfo:after{content:""; display:block; clear:both;}
#area_help.send .company_box .cinfo .cinfo_wrap{text-align:center;}
#area_help.send .company_box .cinfo .area_photo{position:relative;  display:inline-block; width:80px; height:80px; border-radius:50%; border:1px solid #eee; box-sizing:border-box; background:#f9f9f9; overflow:hidden;}
#area_help.send .company_box .cinfo .area_photo img{position:absolute; top:50%; left:50%; width:100%; height:100%; max-width:100%; max-height:100% ; transform:translate(-50%, -50%);}
#area_help.send .company_box .cinfo .area_photo img.basic{position:absolute; top:54%; left:50%; width:42%; height:auto; transform:translate(-50%, -50%);}
#area_help.send .company_box .cinfo .area_photo .upload{position:absolute; right:-2px; width:25px; height:25px; border-radius:50%; box-sizing:border-box; background:#555 url(../img/icon_upload.svg)no-repeat 55% 49%; background-size:45% 45%;}
#area_help.send .company_box .cinfo .area_star{text-align:center;}
#area_help.send .company_box .cinfo .area_star > span {position: relative;display: inline-block;    border: 1px solid #ddd;    box-sizing: border-box;    border-radius: 50px;    box-shadow: 0px 5px 6.51px 0.49px rgb(120 120 120 / 5%);    padding: 1px 10px;    line-height: 1.5em;    font-size: 12px;    font-weight: 400;    color: #333;}
#area_help.send .company_box .cinfo .area_star > span i {
    border: 0!important;position: unset;    padding: 0!important;    display: inline-block;    margin: 0;    font-size: 11px;    font-weight: bold;    color: #111!important;}
#area_help.send .company_box .cinfo .id{margin:3px 0 15px;text-align:center;}
#area_help.send .company_box .cinfo .id > i{position:relative; top:-1px; display:inline-block; margin:0; padding:2px 5px 1px; box-sizing:border-box; font-size:11px; font-weight:500; border:1px solid #f3a71b; border-radius:5px; color:#f3a71b; line-height:1.4em;}
#area_help.send .company_box .cinfo .id > i.member{background:#1eb3ec;}
#area_help.send .company_box .cinfo .id span{display:inline-block; position:relative; top:-1px; margin:0 0 0 6px; font-size:16px; font-weight:800; color:#222; line-height:1.5em; vertical-align:middle;}
#area_help.send .company_box .cinfo .id .btn_arrow{display:inline-block; margin:0 0 0 8px; width:7px; height:10px; background:url(../img/icon_myinfo_arrow.svg)no-repeat center; background-size:contain;}
#area_help.send .company_box .cinfo.v2 p:not(:first-child){margin-top: 15px;}
#area_help.send .company_box .cinfo.v2 p{font-weight: 700;opacity: 0.3;font-size: 13px;}
#area_help.send .company_box .cinfo.v2 h1{font-size: 16px}
#area_help.send .quotation {text-align: right;padding: 10px 0; margin-bottom: 15px}

#area_help.send  .input_wrap{position: relative; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px}
#area_help.send  .input_wrap:after{content:''; display:block; clear:both;}
#area_help.send  .input_wrap input[type=text]{float:left; border:none !important; width:calc(100% - 130px) !important;}
#area_help.send  .input_wrap select{float:left; border:none !important; width:120px; margin:0 0 0 10px;}
#mypage_wrap table.v2{margin:0;}
#mypage_wrap table.v2 caption{display:none;}
#mypage_wrap table.v2 tr th{vertical-align:middle; padding:16px 10px; box-sizing:border-box; background:#46516a; border-bottom:none; color:#fff; font-size:16px; font-weight:600; text-align:center; border-right:1px solid rgba(255,255,255,0.1);}
#mypage_wrap table.v2 tr th:first-child{border-radius:10px 0 0 0;}
#mypage_wrap table.v2 tr th:last-child{border-right:none; border-radius:0 10px 0 0;}
#mypage_wrap table.v2 tr td{vertical-align:middle; padding:10px; box-sizing:border-box; border-right:1px solid #eee; border-top:none; text-align:Center;}
#mypage_wrap table.v2 tr td:last-child{border-right:none;}
#mypage_wrap table.v2 tr td .select{display:block; position:relative; padding:14px 0; text-align:left;}
#mypage_wrap table.v2 tr td .select:after{content:''; position:absolute; top:19px; right:0; background: #fff url(../img/icon_arrow.svg) no-repeat center right; width:14px; height:9px; background-size:contain;}
#mypage_wrap table.v2 tr td select{display:none; right:0; background: #fff url(../img/icon_arrow.svg) no-repeat center right 5px !important; background-size: 14px 9px !important;}
#mypage_wrap table.v2 tr td select,
#mypage_wrap table.v2 tr td input[type=text]{width:100%; border-radius:0; border:none; text-align:center;}
#mypage_wrap table.v2 label em {font-size: 13px;    color: #3568da;    font-weight: 500;    line-height: 1.3em;    word-break: break-word;}
#mypage_wrap table.v2 label span {vertical-align: middle!important;}
#mypage_wrap input#ci_valid_date {border: 0}
#mypage_wrap .area_box {padding: 10px;    border: 1px solid #eee;    border-radius: 10px;    margin: 5px 0;}
/*Quotations sent end*/

/* 미니홈피 문의내역 */
.cmypage #help_list.inquiry .list > li{width:100%; margin:0 0 15px;}
.cmypage #help_list.inquiry li.company .title h3{font-size:18px !important;}
.cmypage .corp #help_list.inquiry li.company .title h3{font-size:16px !important; text-overflow:initial; white-space:initial; overflow-x:auto; line-height:1.4em;}
.cmypage #help_list.inquiry li.company .title em{font-size:14px;}
.cmypage #help_list.inquiry .content_box{ margin:0 0 10px;}
.cmypage #help_list.inquiry .content_box span{display:block; width:100%; font-size:14px; font-weight:400; color:#555; line-height:1.5em; word-break:break-word;}
.cmypage #help_list.inquiry .content_box .more{z-index:900; position:absolute; right:20px; bottom:16px; text-align:right; width:auto; height:auto; font-size:14px; font-weight:500; color:#3568da;}
.cmypage #help_list.inquiry .content_box .more i{display:inline-block; margin:0 0 0 5px; position:relative; top:0px; width:12px; height:12px; background:url(../img/icon_blue_arrow.svg)no-repeat center; background-size:contain;}
.cmypage #help_list.inquiry .content_box .more.short i{transform:rotate(180deg);}
#help_list.inquiry li.nodata{position:relative; width:100%; height:350px; margin:0; text-align:center;}
#help_list.inquiry li.nodata p{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); font-size:15px; font-weight:400; color:#777;}
#help_list.inquiry li.nodata.full{width:100% !Important;}
.cmypage .corp #mypage_wrap .area_cont ul li .data{vertical-align:inherit; margin:0;}
.cmypage .corp #mypage_wrap .list_receive > li{width:100%; margin:0 0 15px;}
.cmypage .corp #mypage_wrap .list_receive > li .company{font-size: 19px !important; font-weight:500; width: 100%; margin: 0 0 5px; line-height: 1.5em; color:#222;}
.cmypage .corp #mypage_wrap .list_receive > li p{display:block; margin:0 0 7px; line-height:1.2em; word-break:break-word; font-size:14px; font-weight:400; color:#555;}
.cmypage .corp #mypage_wrap .list_receive > li p.end{font-size:14px; margin:0;}
.cmypage .corp #mypage_wrap .btn_link{display:block; margin:2px 0 0;}
.cmypage .corp #mypage_wrap .btn_link a{display:inline-block; margin: 10px 0 0; border: 1px solid #ddd; padding: 3px 10px; background: #f9f9f9; border-radius: 5px; font-size: 13px; font-weight: 600; color:#333;}
.cmypage .corp #mypage_wrap .btn_link a:hover{background:#eaf5ff; border:1px solid #5d89eb; color:#275dd7;}

/* 마이페이지 받은문의 */
.cmypage #help_list li.company .list_info{position:relative; }
.cmypage #help_list li.company .list_info .msort_list{display:block; position:absolute; top:unset; right:0; bottom:7px; cursor:pointer;}
.cmypage #help_list li.company .list_info .msort_list em{position:relative; padding:0 0 0 13px; font-size:13px; font-weight:400; color:#333;}
.cmypage #help_list li.company .list_info .msort_list em:before{content:''; position:absolute; top:4px; left:0; width:10px; height:10px; background:url(../img/icon_select.svg)no-repeat center; background-size:contain;}
.cmypage #help_list .list_info span:before{right:-10px;}
.cmypage #help_list .list_info span.data:before{display:none;}

/* 미니홈피 커리어 */
#help_list li.company .cont .subject{font-size:15px; font-weight:500; color:#333; word-break:break-word;}
#help_list li.company .cont .list_cinfo{display:block; margin:8px 0 10px;}
#help_list li.company .cont .list_cinfo > li{display:block; margin:0 0 7px; font-size:13.5px; font-weight:400; color:#555; line-height:1.2em; word-break:break-word;}
#help_list li.company .cont .list_cinfo > li:last-child{margin:0;}
.read_ck{position:absolute; top:15px; right:20px;}
.read_ck span{display:inline-block; position:relative; font-size:13px; color:#275dd7;}
.read_ck span:before{content:''; display:inline-block; width:12px; height:12px; margin:0 3px 0 0; background:url(../img/icon_select_blue.svg)no-repeat center; background-size:contain;}



@media screen and (max-width: 1400px){
	.cmypage #area_my,
	.mypage #area_my{display:block;}
}
@media screen and (max-width: 1200px){
	.cmypage .mypage_cont{margin:0 0 30px 20px; width:calc(100% - 320px); width:-webkit-calc(100% - 320px);}
	.cmypage #mypage_wrap .list_profile > li .area_profile{height:45px;}
	.cmypage #mypage_wrap .list_profile > li.nodata{min-height:45px;}
}
@media screen and (max-width: 1150px){
	#area_mypage.help .tabs{width:70%; margin:0 auto;}
	#area_mypage.help .tabs > li:nth-child(n+5){margin-top:10px;}
}
@media screen and (max-width: 1023px){
	#mypage_wrap{margin:20px 0 0;}
	.mypage_cont{margin:0 0 20px; width:100%; min-height:auto;}
	.mypage_cont .box .box_cont{min-height:auto;}
	#mypage_menu{width:100%;}
	.mypage #area_my.help{width:100%;}
	.cmypage #area_my{width:100%;}
	.cmypage .mypage_cont{margin:0 0 20px; width:100%;}

	#area_list .company_list > li .area_profile{width:90px; height:90px;}
	#area_list .company_list > li .area_service{height:90px; width:calc(100% - 90px);}
	#area_list .company_list > li .area_service .service_wrap{width:80%;}

	#area_mypage.help .tabs{width:100%; margin:0 auto;}
	#area_mypage.help .tabs li{margin:0 3px 7px 0;}
	#area_mypage.help .tabs > li:nth-child(n+5){margin-top:0;}

	#area_help.company_write #help_list{margin:20px 0 0;}
	.bunker .mypage_cont .mypage_cont_wrap{margin:0 0 20px;}
	.cmypage #help_list.inquiry .content_box .more i{top:1px;}
	#help_list.inquiry li.nodata{height:auto; padding:80px 0;}

	#mypage_wrap .top_filter .sort_list{display:none;}
	#mypage_wrap .top_filter .msort_list{right:unset; left:0;}

	.cmypage #mypage_wrap .area_cont .list_receive > li.nodata{height:auto; padding:80px 0;}

	#area_help.send .company_box > div:first-child{width: 100%!important; margin-right: 0!important;margin-bottom: 15px}
	#area_help.send .company_box > div:last-child{width: 100%!important; margin-right: 0!important}

	#area_help.my .company_box > div:first-child{width: 100%!important; margin-right: 0!important;margin-bottom: 15px}
	#area_help.my .company_box > div:last-child{width: 100%!important; margin-right: 0!important}


}
@media screen and (max-width: 850px){
	#area_my .top_box{width:100%;}
	#area_my .top_box:before{top:unset; bottom:0; left:20px; right:20px; width:auto; height:1px; border-bottom:1px dashed #eee;}
	#area_my .top_box .box_wrap,
	#area_my .top_box .box_wrap02{position:relative; top:unset; left:unset; margin-left:0; width:100%; transform:none;}
	#area_my .top_box{min-height:auto !important;}
}
@media screen and (max-width: 768px){
	#area_my .top_box{padding:25px 20px;}
	#profileModal .modal-dialog #area_my .top_box{padding:15px 20px;}
	#area_my.help .myinfo{padding:25px 20px;}
	.mypage_cont{padding:20px;}
	.bunker .mypage_cont .mypage_cont_wrap{padding:20px;}
	.mypage .board_list > li{padding:15px;}

	.tbl_hd{display:none;}
	.table_wrap{border-radius:0; border-top:none;}
	.table_wrap .tbl > li.cont{display:block;}
	.tbl > li{font-size:13px;}
	.tbl > li.w1,
	.tbl > li.w15,
	.tbl > li.w2,
	.tbl > li.w25,
	.tbl > li.w3,
	.tbl > li.w35,
	.tbl > li.w4,
	.tbl > li.w45,
	.tbl > li.w5{width:100%;}
	.tbl > li{padding:0; text-align:left;}
	.tbl_list{display:block; padding:15px; margin:0 0 15px; border:1px solid #eee; border-radius:10px;}
	.tbl_list .reply,
	.tbl_list .data{display:inline-block; width:auto !important; margin:0 5px 0 0; color:#555; font-size:13px;}
	.tbl_list .type{font-size:13px; color:#1952ed; font-weight:bold;}
	.helpme_q .tbl_list .select,
	.helpme_a .tbl_list .select{display:inline-block; color:#333; font-size:13px; font-weight:700;}
	.helpme_q .tbl_list .select .reply,
	.helpme_a .tbl_list .select .reply{font-weight:400;}
	/*.tbl_list .select{position:absolute; top:0; right:0; width:auto !important; background:#333; color:#fff; font-size:13px; padding:0 5px; border-radius:0 5px 0 5px;}*/
	.tbl_list .subject{margin:5px 0;}
	.tbl_cont li .reply{display:inline-block; margin:0 3px 0 0;}
	.mypage_cont .box .btn_more{border:none; font-size:13px;}

	.list_send > li,
	.list_receive > li{width:calc((100% / 2) - 7.5px); width:-webkit-calc((100% / 2) - 7.5px);}
	.list_send > li:nth-child(3n),
	.list_receive > li:nth-child(3n){margin:0 15px 15px 0;}
	.list_send > li:nth-child(2n),
	.list_receive > li:nth-child(2n){margin:0;}
	.cmypage #mypage_wrap .list_profile > li{width:calc((100% / 6) - 5px);}
	.cmypage #mypage_wrap .list_profile > li:nth-child(4n){margin:0 6px 0 0;}
	.cmypage #mypage_wrap .list_profile > li:nth-child(6n){margin:0;}
	.cmypage #mypage_wrap .list_profile > li:nth-child(n + 5){margin-top:0;}
	#area_mypage.help .table_wrap{margin:0;}
	.mypage_cont{min-height:auto;}
	#area_mypage .mybunker{padding:15px;}
	#area_mypage .bunker_type{margin:10px 0 30px;}
	#area_mypage .bunker_list > li{float:left; margin:0 10px 0 0; width:calc((100% / 3) - 7px); width:-webkit-calc((100% / 3) - 7px);}
	#area_mypage.withdraw .area_withdraw h3{font-size:26px !important;}
	.cmypage .board_list > li, .mypage .board_list > li{padding:15px;}
	.cmypage #mypage_wrap .area_cont .list_receive > li a h3{font-size:16px !important;}

	#area_list{padding:0 15px; margin:10px 0 0;}
	#area_list .company_list > li{position:relative; padding:15px 0;}
	#area_list .company_list > li:first-child,
	#area_list .company_list > li:last-child{padding:15px 0;}
	#area_list .company_list > li .area_profile{position:absolute; top:15px; right:0; width:60px; height:60px;}
	#area_list .company_list > li .area_service{width:100%; padding:0; height:auto;}
	#area_list .company_list > li .area_service h3{display:inline-block; margin:0 0 4px;}
	#area_list .company_list > li .area_service span{width:calc(100% - 70px); line-height:1.3em; margin:0 0 6px;}
	#area_list .company_list > li .area_service .service_wrap{display:block; width:100%;}
	#area_list .company_list > li .area_inquiry_select{display:none; position:relative; top:-2px; right:unset; transform:none;}
	#area_list .company_list > li .area_inquiry_select .answer_select{display:inline-block; padding:1px 5px; line-height:1.5em;}
	#area_list .company_list > li .area_inquiry_select .answer_select span{margin:0; width:12px;}
	#area_list .company_list > li .area_service .price{line-height:1em;}
	#area_list .company_list > li .area_service .list_file{margin:10px 0 0;}
	#area_list .answer_select em{font-size:13px;}
	#area_list .answer_select span{width:12px;}
	#help_list li.company .cont .area_detail{width:62px; right:15px;}
	#help_list li.company .cont .area_detail a{font-size:14px; padding:11px 10px 9px;}

	.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li h3{font-size:15px !important; line-height:1.4em;}
	.cmypage #area_help.send #mypage_wrap .list_send > li .price{padding:7px 15px;}
	.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li .price label{font-size:14px;}
	.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li .price span{font-size:16px;}
	.cmypage #area_help.send #mypage_wrap .area_cont ul li i,
	.cmypage #area_help.send #mypage_wrap .area_cont ul li .data{font-size:13px;}

	.cmypage #help_list.inquiry li.company .title em{margin:0 0 5px;}

	#area_mypage.help .tabs{width:90%;}
	#area_mypage.help .tabs > li{display:block; margin:0 0 10px;}
	#area_mypage.help .tabs > li:nth-child(n+5){margin-top:0;}

	.mypage_box{margin:0 0 30px;}
	.mypage_box > h3{font-size:23px; text-align:center;}
	#area_help.company_write #help_list{margin:15px 0 0;}
	#area_help.my #help_list .help_question{margin:0 0 10px;}

	.cmypage #help_list.inquiry .content_box .more{font-size:13px;}
	#help_list li.company .title .interest_corp{right:15px; width:20px; height:20px;}
	#help_list.friend .btn_delete{right:15px;}

	.read_ck{top:12px; right:15px;}
	.read_ck span{font-size:13px;}
	.read_ck span:before{margin:0 3px 0 0;}

}
@media screen and (max-width: 650px){

	#mypage_wrap{margin:10px 0 0;}
	.mypage_cont{margin:0 0 10px;}
	.mypage #area_my.help{margin:0 0 10px;}

	/*
	.cmypage #mypage_wrap .list_profile > li{width:calc((100% / 4) - 5px);}
	.cmypage #mypage_wrap .list_profile > li:nth-child(4n){margin:0;}
	.cmypage #mypage_wrap .list_profile > li:nth-child(6n){margin:0 6px 0 0;}
	.cmypage #mypage_wrap .list_profile > li:nth-child(n + 5){margin-top:5px;}
	*/

	#area_list .company_list > li .area_service span{font-size:14px;}
	.cmypage #help_list.inquiry .content_box .more{right:15px;}

	.cmypage #mypage_wrap .list_send > li{width:100%; margin:0 0 10px;}
	.cmypage #area_mypage #help_list .list > li,
	.mypage #area_mypage #help_list .list > li{width:100%; margin:0 0 10px;}
	#area_mypage #help_list .list.full > li{ margin:0 0 10px;}
	.cmypage #area_mypage #help_list .list > li:nth-child(2n),
	.mypage #area_mypage #help_list .list > li:nth-child(2n){margin:0 0 10px;}
	.cmypage #mypage_wrap .list_receive > li{width:100%; margin:0 0 10px;}
	.cmypage #mypage_wrap .list_profile > li .area_profile{height:65px;}

	.cmypage #area_help.send #mypage_wrap .area_cont ul li i{padding:4px 7px; font-size:12px;}
	#help_list li.company .title > i{display:inline-block; margin:0 0 5px; padding:4px 7px; font-size:12px;}
	.bunker .mypage_cont .mypage_cont_wrap{margin:0 0 10px;}
	#help_list li.company .title > i,
	.cmypage #area_help.send #mypage_wrap .area_cont ul li i{position:relative; top:0; right:unset; }
	#help_list li.company .title em{display:block; width:100%;}
	.cmypage #area_help.send #mypage_wrap .area_cont ul li .data{display:block; margin:8px 0 0;}

	#area_help.send #mypage_wrap .list_send > li{margin:0;}
}
@media screen and (max-width: 600px){
	.cmypage #snb{margin:0 0 20px;}
	.cmypage #snb > li{margin:0 5px 0 0;}
	.cmypage #snb > li > a{padding:6px 15px;}
}
@media screen and (max-width: 550px){
	#area_mypage.help .mypage_cont .box h3{font-size:18px !important;}
	#area_mypage.help .tabs > li span{font-size:17px;}
	#area_mypage.help .tabs li em{line-height:1.6em;}
	#area_mypage.help .tab_container{margin:10px 0 0;}
	#area_mypage .mybunker{padding:12px 10px;}
	#area_mypage .mypage_cont .box .mybunker > h3{font-size:16px !important;}
	#area_mypage.bunker .filter{margin:10px 0 0;}
	#area_mypage .bunker_list > li{padding:15px 10px;}
	#area_mypage .bunker_list > li span{line-height:1.4em; font-size:13px;}
	#area_mypage .bunker_list > li h3.number{font-size:27px !important;}
	.cmypage #snb > li > a{font-size:15px;}
	.cmypage #snb > li{margin:0 3px 0 0; top:1px;}

	#area_list .company_list > li .area_service h3{font-size:15px;}
	#area_list .company_list > li .area_profile{width:45px; height:45px;}
	#area_list .company_list > li .area_service span{width:calc(100% - 55px);}
	#area_list .company_list > li .area_service h3{margin:0 0 2px;}
	#area_list .company_list > li .area_service span{margin:0 0 4px;}
	#area_list .company_list > li .area_service .list_file{margin:8px 0 0;}
	#area_list .company_list > li .area_service .price{font-size:14px;}
	#area_list .company_list > li .area_service .price i{font-size:13px;}

	#area_mypage.help .tabs{width:85%;}
	.cmypage #help_list.inquiry li.company .title h3{font-size:17px !important;}
	.cmypage #help_list.inquiry .content_box .more{font-size:13px;}

	.cmypage #snb{margin:0 0 15px;}
	#area_mypage.help .tabs li em{font-size:13px; padding:0 8px; line-height:1.5em;}
	#area_mypage.help .tabs > li span{vertical-align:middle;}
	#area_mypage.help .tabs > li{margin-bottom:0;}
	#area_mypage.help .tabs > li:nth-child(n+5){margin-top:0;}
	#area_mypage.help .tabs > li span{font-size:15px;}
	#area_mypage.help .tabs li em{font-size:12px;}

	.cmypage #mypage_wrap .list_profile > li .area_profile{height:50px;}
	.cmypage #mypage_wrap .area_cont .list_receive > li a h3{font-size:16px !important;}
	#area_help.my #help_list .help_question{margin:0 0 7px;}
	.cmypage #mypage_wrap .area_cont ul li .top span{font-size:12px; vertical-align:middle;}

	#help_list li.company .title .interest_corp{right:10px;}
	.mypage_box .dday{margin:20px 0 0; padding:10px 8px;}
	.mypage_box .dday i{font-size:10px;}
	.mypage_box .dday p{font-size:15px;}

	#area_help.company_write .mypage_box .area_btn{margin:20px 0 0;}

	#mypage_wrap .top_filter{margin:15px 0 0; height:35px;}
	#mypage_wrap .top_filter .msort_list{top:-4px;}
	#mypage_wrap .top_filter .box_sch{width:180px;}
	#mypage_wrap .top_filter .box_sch input[type=text]{padding:5px 8px; font-size:14px;}
	#area_mypage.help .tab_container input[type=checkbox]{margin:0 0 5px;}
	#area_mypage.help .tab_container #all_chk{margin:0 0 8px;}
	#area_mypage.help .tab_container label.chk{margin:0 0 0 3px;}

	#mypage_wrap .btn_box{ margin:10px 0 0;}
	#mypage_wrap .btn_box input{font-size:13px; padding:5px; border-radius:4px;}

	.cmypage #help_list .list_info span:before{right:-5px;}
}
@media screen and (max-width: 500px){
	.mypage_cont .box h3{margin:0 0 10px;}
	.tbl_list{margin:0 0 10px;}
	.mypage_cont,
	.bunker .mypage_cont .mypage_cont_wrap{padding:20px 15px;}
	.mypage .board_list > li,
	.mypage .career_list > li,
	.cmypage #help_list .list > li,
	.cmypage .board_list > li,
	.mypage #help_list .list > li{width:100%; margin:0 0 10px;}
	.cmypage .board_list > li:nth-child(2n),
	.cmypage #help_list .list > li:nth-child(2n),
	.mypage .board_list > li:nth-child(2n),
	.mypage .career_list > li:nth-child(2n),
	.mypage #help_list .list > li:nth-child(2n){margin:0 0 10px;}
	.cmypage .board_list > li:last-child,
	.cmypage #help_list .list > li:last-child,
	.mypage .board_list > li:last-child,
	.mypage .career_list > li:last-child,
	.mypage #help_list .list > li:last-child{margin:0;}
	.bn_bunkertrade > a{padding:15px;}
	/*
	.cmypage #mypage_wrap .list_profile > li .area_profile{height:40px;}
	.cmypage #mypage_wrap .list_profile > li.nodata{padding:13px 0 0; min-height:40px;}
	*/
	.area_withdraw{margin:35px 0 0;}
	#area_mypage.withdraw .area_withdraw h3{margin:0 0 5px; font-size:25px !important;}
	#area_mypage.withdraw .area_withdraw .list_product{width:90%;}
	.withdraw_info .btn_withdraw{margin:15px 0 0;}
	.cmypage #snb > li > a{padding:6px 12px; font-size:14px;}
	.cmypage #snb > li > a{border:2px solid #ddd;}
	.cmypage #snb > li:hover > a, .cmypage #snb > li > a.active{border:2px solid #3568da;}

	.cmypage #area_help.send #help_list .list > li,
	#area_help.my #help_list .list > li{border-radius:10px 10px 0 0;}
	.mypage_box .area_detail > a{display:block; margin:0; border-radius:0 0 10px 10px; font-size:14px; line-height:1.5em;}

	#area_help.send #mypage_wrap .area_detail > a{margin:12px 0 0; padding:7px 20px; font-size:14px;}
}
@media screen and (max-width: 450px){
	/*
	.cmypage #mypage_wrap .list_profile > li{width:auto; margin:5px 6px 0 0;}
	.cmypage #mypage_wrap .list_profile > li:nth-child(4n){margin:5px 6px 0 0;}
	.cmypage #mypage_wrap .list_profile > li:nth-child(n + 8){margin-top:5px 6px 0 0;}
	.cmypage #mypage_wrap .list_profile > li .area_profile{width:40px; height:40px;}
	*/

	.cmypage #mypage_wrap .area_cont ul li i{top:8px; right:12px;}
	#area_mypage .bunker_list > li{padding:10px;}
	#area_mypage .bunker_list > li h3.number{font-size:22px !important;}
	.tbl_list{padding:12px;}
	.cmypage #mypage_wrap .list_send > li{width:100%; margin:0 0 10px;}
	.cmypage #mypage_wrap .list_receive > li,
	.cmypage #mypage_wrap .list_send > li .top{padding:12px;}
	.cmypage #mypage_wrap .list_send > li .price{padding:4px 12px;}
	#help_list li.company .cont,
	#help_list li.company .title{padding:10px 12px;}
	#help_list .list > li{padding:12px;}
	.cmypage .board_list > li,
	.mypage .board_list > li{padding:12px;}
	.cmypage #area_help.send #mypage_wrap .list_send > li .price{padding:5px 12px;}
	.cmypage #area_help.send #mypage_wrap .area_cont .list_send > li .price span{font-size:15px;}

	.cmypage #help_list.inquiry li.company .title h3{font-size:16px !important;}
	.cmypage #help_list.inquiry li.company .title em{font-size:13px;}
	.cmypage #help_list.inquiry .content_box .more{bottom:12px;}
	.cmypage #help_list li.company .title h3{font-size:15px !important;}
	.cmypage #snb > li{margin:0;}
	.cmypage #snb > li > a{padding:4px 8px; font-size:13px;}

	#area_mypage.help .tabs{width:90%;}


	.mypage_box > h3{font-size:20px;}
	#area_help.my .btn_review{padding:3px 6px;}
	.bn_bunkertrade > a h2{font-size:18px; margin:0;}
	#area_my .top_box .box_wrap{padding:0;}

	.mypage_box .dday p{display:block; margin:3px 0 0;}
	#mypage_wrap .top_filter .box_sch{width:140px;}
}
@media screen and (max-width: 400px){
	#area_mypage.help .mypage_cont .box h3{font-size:16px !important;}
	#area_mypage .bunker_list > li{margin:0 0 7px; width:100%;}
	#area_mypage.withdraw .area_withdraw h3{font-size:22px !important;}
	.cmypage #mypage_wrap .list_profile > li.nodata{padding:14px 0 0;}

	.cmypage #mypage_wrap .list_profile > li .area_profile{height:45px;}
	.cmypage #mypage_wrap .list_profile > li.nodata{min-height:45px;}

	 #area_help.company_write .mypage_box .area_btn{margin:15px 0 0;}

	 .cmypage #help_list li.company .list_info .msort_list em{font-size:12px;}
	 .area_nm{padding:1px 20px;}
}

@media screen and (max-width:340px) {
	#help_list .list > li{padding:10px;}
	.mypage_cont,
	.bunker .mypage_cont .mypage_cont_wrap{padding:15px;}
	#help_list.friend .btn_delete{right:10px; font-size:10px; padding:5px 8px;}
	.profile_info h4 .badge{border:1px solid #7423d3;}
}

/* 거래후기보내기 */
#star_rating{margin:10px 0 0; padding:0 0 20px; text-align:center; border-bottom:1px solid #eee;}
#star_rating h2{margin-top:12px; font-size:1.12em; font-weight:500;}
#star_rating h3{margin-top:12px; font-size:1.5em; font-weight:500;}
#star_rating span{display:inline-block; margin-top:5px; font-size:14px; font-weight:400; color:#555; line-height:1.5em; word-break:break-word;}
.star_rating {text-align:center;}
.star_rating a { font-size:2.5em; letter-spacing:0; display:inline-block; margin-left:5px; color:#ccc !important; text-decoration:none; }
.star_rating a:first-child {margin-left:0;}
.star_rating a.on {color:#FC0 !important;}
.area_check label{position:inherit !important; margin:0; font-size:15px; line-height:1.4em !important;  text-indent:1 !imporatnt; overflow:auto;}
.check_list{margin:30px 5% 0;}
.check_list h3{position:relative; padding:0 0 0 10px; display:block; margin:0 0 7px; font-size:16px; font-weight:600; color:#222; line-height:1.5em;; }
.check_list h3:before{content:''; position:absolute; top:8px; left:3px; width:3px; height:3px; border-radius:50%; background:#222;}
.check_list h3 i{ margin: 0; width: 23px; height: 23px; font-size: 13px; font-weight: bold; background: #1975e6; border-radius: 2px; display:inline-block; text-align: center; color: #fff; margin: 0 5px 0 0; font-style: normal; line-height: 25px;}
.check_list > li{position:relative; margin:0 0 10px; }
.check_list input[type="radio"]{display:none; width:20px; height:20px; outline:none; margin:0;}
.check_list input[type="radio"] + label span{display:inline-block; margin-right:4px; width:20px; height:20px; background:url(../img/icon_select02_gray.svg) 0 0 no-repeat; background-size:cover; cursor: pointer;}
.check_list input[type="radio"]:checked + label span{background:url(../img/icon_select02_blue.svg) 0 0 no-repeat center;  background-position:left bottom;}

#reportModal .modal-body .check_list input[type="checkbox"],
#wrapper .modal-body .check_list input[type="checkbox"]{display:none; width:20px; height:20px; outline:none; margin:0;}
#reportModal .modal-body .check_list input[type="checkbox"] + label span,
#wrapper .modal-body .check_list input[type="checkbox"] + label span{display:inline-block; margin-right:4px; width:20px; height:20px; background:url(../img/icon_select02_gray.svg) 0 0 no-repeat; background-size:cover; cursor: pointer;}
#reportModal .modal-body .check_list input[type="checkbox"]:checked + label span,
#wrapper .modal-body .check_list input[type="checkbox"]:checked + label span{background:url(../img/icon_select02_blue.svg) no-repeat center; background-position:left bottom;}
#reportModal #star_rating{margin:0; padding:0; border-bottom:none;}
#reportModal #star_rating h3{margin:0; }
#reportModal .check_list{20px 5% 0;}
#reportModal .check_list > li textarea{margin:10px 0 0 ;}


.check_list label em{position:relative; top:-5px; font-style:normal; font-size:15px;  font-weight:500; color:#555;}
.check_list > li textarea{width:100%; margin:5px 0 0; padding:10px; border:1px solid #ddd; resize:none; outline:none; height:89px; border-radius:3px; font-size:14px;}
.area_btn.popup{margin:17px 0;}
.area_btn.popup .btn_wrap{display:inline-block; padding:0 20px; border-radius:50px; border:2px solid #eee;}
.area_btn.popup .bunker{display:inline-block;}
.area_btn.popup .bunker .area_icon{display:Inline-block; width:20px; height:20px;}
.area_btn.popup .bunker .area_icon img{width:auto; height:100%;}
.area_btn.popup .bunker input{border:none; width:65px; padding:0 0 0 5px; box-sizing:border-box; border-radius:0; font-size:16px; font-weight:bold; color:#222;}
.area_btn.popup .bunker input::placeholder{font-size:14px; color:#555;}
.area_btn.popup a{display: inline-block; padding: 8px 20px; box-sizing: border-box; background: #275dd7; border-radius: 50px; color: #fff; font-weight: 500; font-size: 15px; font-weight: 500;}

.area_btn.col02 a{border-radius:5px; padding:10px 20px;}
.area_btn.col02 a.v2{background:#555; margin:0 0 0 2px;}

#finishModal .modal-body{padding:35px 20px;}
#finishModal .area_btn.popup{display:inline-block; margin:17px 0 0;}
.modal-body .txt h2{font-size:19px; font-weight:400; color:#333; line-height:1.6em; word-break:break-word;}

#finishModal .area_data{margin:15px auto 10px; width:250px; text-align:left;}
#finishModal .area_data label{display:inline-block; margin:0 0 5px; font-size: 14px; color: #555; font-weight: 500; line-height: 1.2em; word-break: keep-all; }
#finishModal .area_data input[type=date]{display: inline-block; width: 250px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; padding: 5px 10px; font-size: 15px; color: #333; }
.area_btn.popup .btn_list{}
.area_btn.popup .btn_list > li{display:inline-block; margin:0 5px 0 0;}
.area_btn.popup .btn_list > li:last-child{margin:0;}
.area_btn.popup .btn_list > li > a{display:block; min-width:110px; background:#eee; color:#333; transition:all 0.3s ease;}
.area_btn.popup .btn_list > li > a:hover{background:#275dd7; color:#fff;}
#selectModal .modal-body{padding:35px 0;}
#selectModal .area_btn.popup{margin:10px 0;}

#thanksModal .modal-body textarea{display:block; margin:10px auto 21px; width:80%; height:150px; outline:none; resize:none; border:1px solid #ddd; padding:10px; box-sizing:border-box; font-size:15px; font-weight:400; color:#555; line-height:1.4em; word-break:break-word;}
#thanksModal .area_btn.popup a{position:relative; background:#fff; color:#333; font-size:16px; padding:10px 5px;transition:all 0.3s ease; z-index:2; }
#thanksModal .area_btn.popup a:hover{color:#275dd7; font-weight:bold;}
#thanksModal .area_btn.popup a:before{content:''; position:absolute; left:0; right:0; bottom:10px; width:0; height:12px; background:#eaf5ff; z-index:-1; transition:all 0.3s ease;}
#thanksModal .area_btn.popup a:hover:before{width:100%;}
@media screen and (max-width: 550px){
	#star_rating{margin:0; padding:0 0 15px;}
	.star_rating a{font-size:2.1em; margin-left:3px;}
	#star_rating h2{margin-top:5px;}
	.check_list{margin:20px 0 0;}
	.check_list input[type="radio"] + label span{ width:17px; height:18px; background-size:100% 100%;}
	#thanksModal .modal-body textarea{width:96%;}
}
@media screen and (max-width: 450px){
	#thanksModal .area_btn.popup a{font-size:15px;}
	.area_btn.col02 a{ padding:8px 10px; font-size:14px;}
}
@media screen and (max-width: 400px){
	.star_rating a{font-size:1.9em;}
	.check_list > li{margin:0 0 5px;}
	#reportModal .modal-body .check_list input[type="checkbox"] + label span,
	#wrapper .modal-body .check_list input[type="checkbox"] + label span{position:absolute; left:0;}
	.check_list label em{display:block; top:0; margin:0 0 0 25px; font-size:14px;}
	.check_list input[type="radio"] + label span{position:absolute; top:0; left:0; }
	.check_list > li textarea{height:78px;}
	.area_btn.popup{margin:10px 0;}
	.area_btn.popup a{padding:7px 20px; font-size:14px;}
	.area_btn.col02 a{padding:7px 9px;}

	.area_btn.popup .bunker input{width:57px; font-size:15px;}
	.area_btn.popup .bunker input::placeholder{font-size:13px;}
	#thanksModal .area_btn.popup a{font-size:14px;}
}
@media screen and (max-width: 350px){
	.area_btn.popup .btn_wrap{border:none; padding:0;}
	#thanksModal .area_btn.popup a{display:block; font-size:13px; padding:0 5px; margin:7px 0 0; background:#eee; padding:7px 20px;}
	#thanksModal .area_btn.popup a:hover{background:#275dd7; color:#fff;}
	#thanksModal .area_btn.popup a:before{display:None;}
	.area_btn.col02 a{padding:5px; font-size:13px;}


}

/* 채팅 */
#area_chat{}
#area_chat:after{content:""; display:block; clear:both;}
#area_chat #chat_room{position:relative; float:left; width:75%; height:calc(100vh - 90px); border-right:1px solid #eee; background:#ecf2f7; overflow:hidden;}
#area_chat #chat_room .chat_hd{position:absolute; top:0px; left:0; right:0; z-index:10; padding:15px 20px; box-sizing:border-box; width:100%; background:#fff; border-bottom:1px solid #eee;}
#area_chat #chat_room .chat_hd .btn_more{position:relative; top:3px; float:right; width: 18px; z-index: 90; height: 18px; background: url(../img/icon_more.svg)no-repeat center; background-size: contain;}
#area_chat #chat_room .edit_list{position:absolute; z-index:90; width:auto; top:45px; right:20px; border:1px solid #555; background:#fff; border-radius:5px; text-align:center; box-shadow:0px 5px 6.51px 0.49px rgb(227 227 227 / 20%);}
#area_chat #chat_room .edit_list > li{display:block; border-bottom:1px dashed #eee; font-size:15px; color:#333; font-weight:400; box-sizing:border-box;}
#area_chat #chat_room .edit_list > li > a{display:block; width:100%; height:auto; padding:8px 10px; box-sizing:border-box; color:#333; cursor:pointer;}
#area_chat #chat_room .edit_list > li:last-child{border-bottom:none;}
#area_chat #chat_room .edit_list > li a:hover{color:#3568da;}
#area_chat #chat_room .chat_hd .back{display:inline-block; width:20px; height:18px;}
#area_chat #chat_room .chat_hd .back img{width:auto; height:100%;}
#area_chat #chat_room .chat_hd .name{display:inline-block; margin:0 5px 0 12px; font-size:20px; font-weight:600; color:#333; vertical-align:middle;}
#area_chat #chat_room .chat_hd .interest_corp{vertical-align:middle; display:inline-block; width:20px; height:20px; cursor:pointer; background:url(../img/icon_heart_gray.svg) no-repeat center; background-size:contain; transition:all 0.3s ease;}
#area_chat #chat_room .chat_hd .interest_corp.on,
#area_chat #chat_room .chat_hd .interest_corp:hover{background:url(../img/icon_heart_on.svg) no-repeat center; background-size:contain;}
#area_chat #chat_room .chat_msg{position:relative; height:100%; overflow-y:scroll; overflow-x:hidden;}
#area_chat #chat_room .chat_msg .chat_wrap{margin:90px 0; padding:0 30px;}
#area_chat #chat_room .chat_msg .chat_wrap:after{display:block;visibility:hidden;clear:both;content:""}
#area_chat #chat_room .chat_msg .chat_wrap .data{display:block; margin:0 0 15px; font-size:13px; font-weight:400; color:#555; text-align:center;}
#area_chat #chat_room .chat_ft{position:absolute; bottom:0; left:0; right:0; width:100%; padding:10px; box-sizing:border-box; border-top:1px solid #eee; background:#fff; box-shadow:0px 10px 24px 16px rgb(0 0 0 / 6%);}
#area_chat #chat_room .chat_ft:after{display:block;visibility:hidden;clear:both;content:""}
#area_chat #chat_room .chat_ft > div{float:left;}
#area_chat #chat_room .chat_ft .chat_input{margin:0 38px; width:calc(100% - 76px); box-sizing:border-box;}
#area_chat #chat_room .chat_ft .chat_input textarea{display:block; font-size:14px; font-weight:400; color:#333; padding:12px; box-sizing:border-box; width:100%; height:45px; overflow-x:hidden; line-height:1.5em; border-radius:50px; border:1px solid #eee; resize:none; outline:none;}
#area_chat #chat_room .chat_ft .chat_input textarea:focus{border-color:#3568da; box-shadow:0 0 0 0.25rem rgb(14 117 223 / 12%);}


#area_chat #chat_room .chat_ft .chat_input textarea::-webkit-scrollbar { width:0px; height: 0; }
#area_chat #chat_room .chat_ft .chat_input textarea::-webkit-scrollbar-button:start:decrement,
#area_chat #chat_room .chat_ft .chat_input textarea::-webkit-scrollbar-button:end:increment {display: block; height: 0; }
#area_chat #chat_room .chat_ft .chat_input textarea::-webkit-scrollbar-track{background: rgba(0, 0, 0, .02); -webkit-border-radius: 10px; border-radius:10px; }
#area_chat #chat_room .chat_ft .chat_input textarea::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0, 0, 0, .2); -webkit-border-radius: 5px; border-radius: 5px; }



#area_chat #chat_room .chat_ft .icon_attach{position:absolute; top:50%; left:10px; transform:translateY(-50%); width:30px; height:30px; background:url(../img/icon_chat_plus.svg)no-repeat center; background-size:contain;}
#area_chat #chat_room .chat_ft .icon_send{position:absolute; top:50%; right:10px; transform:translateY(-50%); width:31px; height:30px; background:url(../img/icon_send.svg)no-repeat center; background-size:contain;}
#area_chat #chat_room .chat_ft .icon_send.on{background:url(../img/icon_send_on.svg)no-repeat center; background-size:contain;}
#area_chat #chat_info{float:left; width:25%; height:calc(100vh - 90px); box-sizing:border-box; background:#fff;}
#area_chat #chat_info .info_wrap{position:relative; height:100%; overflow-y:scroll;}
#area_chat #chat_info .chat_profile{position:relative; display:block; padding:35px 25px 30px; }
#area_chat #chat_info .chat_profile:after{display:block;visibility:hidden;clear:both;content:""}
#area_chat #chat_info .chat_profile .area_photo{position:relative; float:left; width:100px; height:100px; background:#f9f9f9; border:1px solid #eee; overflow:hidden; border-radius:10px;}
#area_chat #chat_info .chat_profile .area_photo img{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width:100%;  height:100%;}
#area_chat #chat_info .chat_profile .area_photo img.basic{position: absolute; top: 54%; left: 50%; width: 42%; height: auto; transform: translate(-50%, -50%);}
#area_chat #chat_info .chat_profile .cop_info{float:left; margin:0 0 0 15px; padding:10px 0 0; text-align:left; vertical-align:middle;}
#area_chat #chat_info .chat_profile .cop_info em.premium{display:inline-block; margin:0 0 8px; padding:2px 7px; border:1px solid #eee; border-radius:5px; box-sizing:border-box; background:#f9f9f9; line-height:1.2em; font-size:12px; text-transform:uppercase; font-weight:400; color:#333;}
#area_chat #chat_info .chat_profile .cop_info h3{display:block; font-size:22px; font-weight:600; color:#333;}
#area_chat #chat_info .chat_profile .cop_info .area_star{margin:1px 0 0;}
#area_chat #chat_info .chat_profile .cop_info .area_star span{display:inline-block; font-size:15px; color:#333; vertical-align:middle;}
#area_chat #chat_info .chat_profile .cop_info .area_star .img_star{display:inline-block; margin:0 3px 0 0;}
#area_chat #chat_info .chat_profile .cop_info .area_star .img_star span{margin:0; width:15px; height:15px;}
#area_chat #chat_info .info_box{padding:0 25px 25px;}
#area_chat #chat_info .chat_box{margin:30px 0 0;}
#area_chat #chat_info .chat_box h3{display:block; font-size:18px; font-weight:600; color:#333;}
#area_chat #chat_info .chat_box .cont{display:block; margin:5px 0 0;}
#area_chat #chat_info .chat_box .cont p{font-size:15px; font-weight:400; color:#555; line-height:1.4em;}
#area_chat .corp_home{position:relative; padding:0 20px;}
#area_chat .corp_home a{display:block; width:100%; background:#1f3668; padding:14px; box-sizing:border-box; border-radius:5px; font-size:15px; font-weight:500; color:#fff; text-align:Center;}
#area_chat #chat_info .chat_box .cont .list_info{margin:10px 0 0; border-radius:2px; overflow:hidden; }
#area_chat #chat_info .chat_box .cont .list_info > li{display:block; padding:15px 10px; margin:0 0 5px; border:1px solid #eee; background:#f9f9f9; border-radius:5px;}
#area_chat #chat_info .chat_box .cont .list_info > li em{display:block; margin:0 0 5px; font-size:13px; font-weight:600; line-height:1.2em; color:#222;}
#area_chat #chat_info .chat_box .cont .list_info > li span{display:block; font-size:15px; font-weight:400; color:#555; line-height:1.2em;}
#area_chat .chat_box{display:block;}
#area_chat .receive{margin:0 0 12px;float:left; width:100%; text-align:left;}
#area_chat .receive:after{content:''; display:block; clear:both;}
#area_chat .area_img{position:relative; float:left; width:40px; height:40px; border-radius:50%; background:#fff; overflow:hidden;}
#area_chat .area_img img{width:100%; height:100%;}
#area_chat .area_img img.basic{position:absolute; top:54%; left:50%; width:42%; height:auto; transform:translate(-50%, -50%);}
#area_chat .receive .area_msg{position:relative; float:left; margin:0 0 0 10px; max-width:40%;}
#area_chat .cont_box{display:inline-block; padding:8px 12px; background:#fff; border-radius:20px; color: #323232; word-break: break-all; word-wrap: break-word; line-height:1.3em; text-align:left; font-size:14px;}
#area_chat .send .cont_box{background:#ccd6f7;}
#area_chat .estimate{width:250px; background:#fff; border-radius:15px; overflow:hidden;}
#area_chat .estimate h3{    line-height: 1em; background: #3568da;  padding: 15px 15px 13px; font-size:16px; font-weight:600; color:#fff; line-height:1.1em;}
#area_chat .estimate .cont{padding:15px;}
#area_chat .estimate p{display:block; font-size:14px; font-weight:400; color:#555; line-height:1.45em; word-break:break-word;}
#area_chat .estimate p.gray{color:#777;}
#area_chat .estimate .price{display:block; margin:10px 0; background:#f9f9f9; border:1px solid #eee; text-align:center; padding:10px; border-radius:5px;}
#area_chat .estimate .price span{font-size:13px; font-weight:600; color:#222; word-break:break-word; line-height:0.8em;}
#area_chat .estimate .price h4{display:block; margin:0; font-size:20px; font-weight:600; color:#3568da; letter-spacing:-1px;}
#area_chat .area_msg .time{display:block; margin:4px 0 0; font-size:11px; line-height:1.3em; font-weight:400; color:#999;}
#area_chat .area_msg i{position:absolute; bottom:0; left:-8px; display:inline-block; margin:0 3px 0 0; font-size:11px; font-weight:500; color:#3568da; line-height:1em;}
#area_chat .send{margin:0 0 10px; float:right; width:100%; text-align:right;}
#area_chat .send .area_msg{position:relative;display:inline-block; max-width:40%;}
#area_chat .send .area_msg .cont_wrap{display:inline-block; position:relative;}
#area_chat .send .area_msg .cont_wrap .cont_box{box-sizing:border-box;}
#area_chat .cont_box.img{width:300px; overflow:hidden; padding:0;}
#area_chat .cont_box.img img{width:100%; height:auto; background:None;}
#area_chat .send .area_msg .cont_wrap.img{width:300px;}
#area_chat .send .area_msg .cont_wrap .cont_box.img{width:290px;}
#area_chat .send .area_msg .cont_wrap.img i{bottom:5px;}
#area_chat .send .area_msg .txt{background:#7061dd; margin:0 0 0 5px; color:#fff; border-radius:10px 0 10px 10px;}
#area_chat .send .area_msg .txt.img{background:transparent;}
#area_chat .send .area_msg .txt.emoticon{background:transparent;}
#area_chat .cont_box.file{border-radius:10px; background:#fff;}
#area_chat .cont_box.file .file_box{display:block; padding:5px; box-sizing:border-box; width:100%; height:100%; display:flex; align-items: center;}
#area_chat .cont_box.file .file_box .icon{margin:0 7px 0 0; width:35px; height:auto; box-sizing:border-box;}
#area_chat .cont_box.file .file_box .icon img{width:100%; height:auto;}
#area_chat .cont_box.file .file_info{width: calc(100% - 40px); width: -webkit-calc(100% - 40px);}
#area_chat .cont_box.file .file_info .subject{display:block; color: #323232; word-wrap: break-word; line-height: 1.3em; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#area_chat .cont_box.file .file_info .size{display:block; font-size:11px; color:#999; line-height:1.1em;}

#area_chat #chat_info .area_nm{display:block; background:#3568da; box-shadow:0px 5px 9px 1px rgb(33 107 209 / 25%); border:none; border-radius:5px; margin:0 20px; padding:5px;  text-align:center;}
#area_chat #chat_info.corp .area_nm{margin:10px 20px 0; box-shadow:none;}
#area_chat #chat_info .chat_profile .cop_info > i{position:relative; top:-1px; display:inline-block; margin:0 0 7px; padding:2px 5px 1px; box-sizing:border-box; font-size:11px; font-weight:500; border:1px solid #f3a71b; border-radius:5px; color:#f3a71b; line-height:1.4em;}
#area_chat #chat_info .chat_profile .cop_info > i.lv1{border:1px solid #f3a71b; color:#f3a71b;}
#area_chat #chat_info .chat_profile .cop_info > i.lv2{border:1px solid #ef6318; color:#ef6318;}
#area_chat #chat_info .chat_profile .cop_info > i.lv3{border:1px solid #f01955; color:#f01955;}
#area_chat #chat_info .chat_profile .cop_info > i.lv4{border:1px solid #1fa966; color:#1fa966;}
#area_chat #chat_info .chat_profile .cop_info > i.lv5{border:1px solid #1ba6f2; color:#1ba6f2;}
#area_chat #chat_info .chat_profile .cop_info > i.lv6{border:1px solid #262cdc; color:#262cdc;}
#area_chat #chat_info .chat_profile .cop_info > i.lv7{border:1px solid #7b08ff; color:#7b08ff;}
#area_chat #chat_info.basic .chat_profile .cop_info{padding:12px 0 0;}
#area_chat #chat_info .chat_profile .cop_info span.blue{display:inline-block; font-size:14px; color:#3568da; font-weight:bold;}


#area_chat.admin #chat_room{width:100%;}
#area_chat.admin #chat_info{display:none;}
.btn_bunker{width: auto; height: auto; padding:8.5px 5px; display:block; border-radius: 10px; color: #fff !important; font-size: 15px; font-weight: 500; }

@media screen and (max-width: 1700px){
	.btn_bunker{font-size:14px; padding:10px;}
}
@media screen and (max-width: 1500px){
	#area_chat #chat_room{width:70%;}
	#area_chat #chat_info{width:30%;}
}
@media screen and (max-width: 1200px){
	#area_chat #chat_room{width:65%;}
	#area_chat #chat_info{width:35%;}
	#area_chat .receive .area_msg,
	#area_chat .send .area_msg{max-width:50%;}
}
@media screen and (max-width: 1024px){
	.chat #hd,
	.chat #ft{display:none;}
	#area_chat #chat_room .chat_hd,
	#area_chat #chat_room .chat_ft{position:fixed;}
	#area_chat #chat_room .chat_msg .chat_wrap{margin:70px 0;}
	#area_chat #chat_room{width:100%; height:100vh;}
	#area_chat #chat_info{display:none;}
	#area_chat .receive .area_msg,
	#area_chat .send .area_msg{max-width:55%;}
	#area_chat #chat_room .chat_msg {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
	}
	#area_chat #chat_room .chat_msg::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
}

@media screen and (max-width:768px){
	#area_chat #chat_room .chat_msg .chat_wrap{padding:0 20px;}
	#area_chat .receive .area_msg,
	#area_chat .send .area_msg{max-width:70%;}
	#area_chat #chat_room .edit_list > li > a{font-size:14px;}
}
@media screen and (max-width:550px){
	#area_chat #chat_room .chat_hd{padding:15px 5px 15px 15px;}
	#area_chat #chat_room .chat_hd .back{width:18px; height:15px;}
	#area_chat #chat_room .chat_hd .name{font-size:18px; margin:0 5px 0 9px;}
	#area_chat #chat_room .chat_msg .chat_wrap{padding:0 10px;}
	#area_chat .receive .area_msg,
	#area_chat .send .area_msg{max-width:85%;}
	#area_chat .area_img{width:30px; height:30px;}
	#area_chat .cont_box{padding:7px 10px; line-height:1.4em;}
	#area_chat .estimate .cont{padding:12px;}
	#area_chat .estimate h3{font-size:15px; padding:13px 12px 11px;}
	#area_chat .receive .area_msg{margin:0 0 0 6px;}
	#area_chat .cont_box.img{border-radius:10px;}
	#area_chat .cont_box.file .file_box{padding:2px;}
	#area_chat #chat_room .chat_ft .chat_input{margin:0px 36px; width:calc(100% - 72px);}
	#area_chat #chat_room .chat_ft .chat_input textarea{padding:10px; height:42px;}
	#area_chat #chat_room .edit_list > li > a{padding:5px 8px; font-size:13px;}

	#area_chat .cont_box.file .file_box .icon{width:30px;}
	#area_chat .cont_box.file .file_info{width: calc(100% - 37px); width: -webkit-calc(100% - 37px);}
	#area_chat .cont_box.file .file_info .size{font-size:10px;}
}
@media screen and (max-width:450px){
	#area_chat #chat_room .chat_msg .chat_wrap .data{font-size:12px;}
	#area_chat #chat_room .chat_ft{padding:8px;}
	#area_chat #chat_room .chat_msg .chat_wrap{margin:65px 0;}
	#area_chat .area_msg .time{font-size:10px;}
	#area_chat .cont_box.file .file_info .subject{font-size:13px;}
}
@media screen and (max-width:400px){
	#area_chat #chat_room .chat_msg .chat_wrap{padding:0 6px;}
	#area_chat .cont_box.img{width:100%;}
	#area_chat .send .area_msg .cont_wrap.img{width:100%;}
	#area_chat .send .area_msg .cont_wrap .cont_box.img{width:calc(100% - 10px);}
}
@media screen and (max-width:350px){
	#area_chat .estimate{width:220px;}
}


/* 채팅리스트 */
.chat_list_wrap{position:relative; width:700px; margin:0 auto;}
.chat_list_wrap .box_sch{position:relative; margin:15px 0; width:100%; background:#fff; border:1px solid #eee; border-radius:10px;}
.chat_list_wrap .box_sch input[type=text]{width:100%; border:none; padding:13px 15px; font-size:15px; font-weight:500; color:#275dd7;}
.chat_list_wrap .box_sch button{position:absolute; top:50%; right:15px; width:19px; height:19px; background:url(../img/icon_search.svg)no-repeat center; border:none; background-size:cover; transform:translateY(-50%);}
body.chat_list{background:#f2f5f8;}
#area_chat .chat_list_wrap .tabs{margin:0 0 30px; text-align:center;}
#area_chat .chat_list_wrap .tabs li{display:inline-block; float:unset;}
#area_chat .chat_list_wrap .tabs li:last-child{margin:0;}
#area_chat .chat_list_wrap .tabs li span{font-size:18px;}
#area_chat .chat_list{border-radius:10px; border:1px solid #eee; overflow:hidden;}
#area_chat .chat_list > li{position:relative; display:block; background:#fff;box-sizing:border-box; border-bottom:1px solid #eee;}
#area_chat .chat_list > li:last-child{border-bottom:none;}
#area_chat .chat_list > li > a{display:block; padding:20px 15px; box-sizing:border-box;}
#area_chat .chat_list > li > a:after{content:""; display:block; clear:both;}
.chat_list #area_chat .area_img{margin:1px 0 0; background:#f9f9f9; border:1px solid #eee;}
#area_chat .chat_list > li.nodata{position:relative; min-height:400px; text-align:center;}
#area_chat .chat_list > li.nodata p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:14px; font-weight:400; color:#777;}
#area_chat .chat_txt{float:left; margin:0 0 0 10px; width:calc(100% - 50px);}
#area_chat .chat_txt .info{display:inline-block; line-height:1em;}
#area_chat .chat_txt .info em{display:inline-block; font-size:15px; font-weight:600; color:#222; margin:0 5px 0 0; line-height:1em;}
#area_chat .chat_txt .info span{display:inline-block; font-size:13px; font-weight:400; color:#999; line-height:1em;}
#area_chat .chat_txt .cont{display:block; width:90%; font-size:14px; font-weight:400; color:#333; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.3s ease; line-height:1.1em;}
.chat_list > li .badge{position:absolute; top:50%; right:15px; margin:0 !important; padding:5px; background:#ff2d2d !important;; min-width:23px; border-radius:25px; font-weight:600; font-size:11px; transform:translateY(-50%);}


@media screen and (max-width:1024px){
	.chat_list_wrap{padding:30px 0 0;}
}
@media screen and (max-width:768px){
	.chat_list_wrap{padding:0;}
	.chat_list #container{padding-top:0;}
	#area_chat .chat_list_wrap .tabs{margin:0; background:#fff;}
	#area_chat .chat_list_wrap .tabs li{position:relative; float:left; width:50%; padding:12px 10px; margin:0; box-sizing:border-box;}
	#area_chat .chat_list_wrap .tabs li:before{content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:0; background:#222; transition:all 0.3s ease;}
	#area_chat .chat_list_wrap .tabs li span{font-size:16px;}
	#area_chat .tabs li:hover:before,
	#area_chat .tabs li.active:before{height:2px;}
	#area_chat .tabs li span:hover:before,
	#area_chat .tabs li.active span:before{display:none;}
	.chat_list_wrap{width:100%;}
	.chat_list_wrap .btn_confirm{width:96%; margin:20px auto;}
	.chat_list_wrap .box_sch{margin:0; border:0; border-top:1px solid #eee; border-radius:0;}
	#area_chat .chat_list{border-left:none; border-right:none;}
	#area_chat .tab_container{margin:0;}
	#area_chat .chat_list{border-radius:0;}
}
@media screen and (max-width:550px){
	#area_chat .chat_list_wrap .tabs li{padding:10px;}
	#area_chat .chat_list_wrap .tabs li span{font-size:15px;}
	#area_chat .chat_list > li > a{padding:17px 10px;}
	.chat_list > li .badge{right:10px;}
	.chat_list #area_chat .area_img{width:40px; height:40px;}
}

/*로딩바*/
#mask { position:fixed; z-index:9000; background-color:#000000; display:none; left:0; top:0; }
#loadingImg { position:fixed; left:50%; top:50%; display:none; z-index:10000;transform: translate(-50%, -50%); }
#loadingImg img {
	width: 50px;
	height: 50px;
}

/* 프리미엄 회원 혜택 */
#area_benefit{display:block; padding:100px 0; background:#f2f5f8;}
#area_benefit > h2,
#premium_form h2{text-align: center; font-size: 37px; font-weight: 500; color: #111;}
.benefit_list{margin:60px 0 0;}
.benefit_list:after{content:""; display:block; clear:both;}
.benefit_list > li{float:left; margin:0 40px 0 0; width:calc((100% / 3) - 27px); box-sizing:border-box; }
.benefit_list > li:last-child{margin:0;}
.benefit_list > li .area_img{width:100%; height:auto; background:#fff; border-radius:10px; text-align:center;}
.benefit_list > li .area_img img{width:auto; max-width:100%; height:auto;}
.benefit_list > li .area_txt{margin:30px 0 0;}
.benefit_list > li .area_txt h3{display:block; font-size:32px; font-weight:600; color:#222; line-height:1.3em;  word-break:break-word;}
.benefit_list > li .area_txt .list{margin:15px 0 0;}
.benefit_list > li .area_txt .list > li{position:relative; display:block; margin:0 0 5px; font-size:15px; font-weight:400; color:#555; word-break:break-word; line-height:1.2em;}
.benefit_list > li .area_txt .list > li:before{content:''; position:relative; top:-4.5px; left:0; margin:0 4px 0 0; display:inline-block; width:3px; height:3px; background:#595f65;}
.benefit_list > li .area_txt .list > li span{display:inline-block; vertical-align:top; width:96%;}
.benefit_list > li .area_txt .list > li span br{display:none;}
#premium_form{display:block; padding:100px 0; width:100%; background:#fff; }
#premium_form .top{text-align:center;}
#premium_form .top > span{display:inline-block; margin:15px 0 0; text-align:center; font-size:15px; font-weight:400; color:#555; line-height:1.4em; word-break:break-word;}
#premium_form .area_filter{margin:0 0 10px;}
#premium_form .area_filter em{font-size:15px; font-weight:500; color:#333;}
#premium_form #charge_wrap > div{border:3px solid #333; box-shadow:0px 5px 16px 4px rgb(0 0 0 / 3%);}
.form_list{margin:0 0 20px;}
.form_list li{padding:15px 0; border-bottom:1px dashed #eee;}
.form_list li:last-child{border-bottom:none;}
.form_list li:after{content:""; display:block; clear:both;}
.form_list li > div{float:left;}
.form_list li .left{padding:12px 0 0; width:150px; font-size:17px; font-weight:400; color:#222; vertical-align:middle;}
.form_list li .right{width:calc(100% - 150px);}
.form_list li .right input[type=text],
.form_list li .right input[type=number]{width:100%; padding:10px; border:1px solid #ddd; border-radius:5px; font-size:15px; font-weight:400; color:#333; word-break:break-word;}
.form_list li .right em{display:block; margin:5px 0 0; font-size:13px; font-weight:400; word-break:break-word; line-height:1.2em; color:#3568da;}

#premium_bottom{padding:140px 0; text-align:Center; display:block; background:#f2f5f8;}
#premium_bottom h3{display:block; margin:0 0 10px; font-size:34px; font-weight:300; color:#333; line-height:1.3em; word-break:break-word;}
#premium_bottom h3 .bold{font-weight:600;}

#premium_bottom a{position:relative; display: block; width:200px; margin:27px auto 0; padding: 13px 10px; box-sizing: border-box;  border:3px solid #999; border-radius: 50px; font-size: 17px; font-weight: 500; color: #999; text-align: center; transition:all 0.3s ease;}
#premium_bottom a:hover{background:#6f31ed; border:3px solid #6f31ed; color:#fff; box-shadow:0px 5px 6.51px 0.49px rgb(67 47 224 / 20%);}
@media screen and (max-width:1200px){
	.benefit_list > li{margin:0 30px 0 0; width:calc((100% / 3) - 20px);}
	.benefit_list > li .area_txt h3{font-size:28px;}
}
@media screen and (max-width:1024px){
	.benefit_list > li{margin:0 20px 0 0; width:calc((100% / 3) - 14px);}
	.benefit_list > li .area_txt{margin:20px 0 0;}
	.benefit_list > li .area_txt h3{font-size:25px;}
	#premium_bottom h3{width:80%; margin:0 auto 10px;}
}
@media screen and (max-width:768px){
	#area_benefit{padding:60px 0;}
	.benefit_list{text-align:center; margin:40px 0 0;}
	.benefit_list > li{float:unset; display:inline-block; width:45%; vertical-align:top;}
	.benefit_list > li:nth-child(1){margin:0 50px 30px;}
	.benefit_list > li .area_txt{text-align:left; margin:20px 0 0;}
	.benefit_list > li .area_txt h3{font-size:26px;}
	.benefit_list > li .area_txt .list{margin:10px 0 0;}
	#area_benefit > h2, #premium_form h2{font-size:30px;}
	#premium_form{padding:60px 0 0;}
	#premium_form #charge_wrap{width:80%;}
	#premium_form #charge_wrap > div{padding:30px 25px;}
	.form_list li .left{font-size:16px; width:130px;}
	.form_list li .right{width:calc(100% - 130px);}

	.premium #container{padding:0 0 60px;}
	#premium_bottom{padding:80px 0;}
	#premium_bottom h3{font-size:26px;}
	#premium_bottom a{margin:20px auto 0;}
}
@media screen and (max-width:550px){
	.form_list li:first-child{padding:0 0 15px;}
	#area_benefit > h2, #premium_form h2{font-size:25px;}
	#area_benefit{padding:40px 0;}
	.benefit_list{text-align:center; margin:30px 0 0;}
	.benefit_list > li{display:block; width:90%; margin:0 auto 30px;}
	.benefit_list > li:nth-child(1){margin:0 auto 30px;}
	.benefit_list > li:last-child{margin:0 auto;}
	#premium_form{padding:40px 0;}
	#premium_form #charge_wrap{width:90%; margin:20px auto 0;}
	#premium_form #charge_wrap > div{border-radius:10px;}
	.form_list{margin:0 0 5px;}
	.form_list li .left{font-size:15px; width:120px;}
	.form_list li .right{width:calc(100% - 120px);}

	#premium_bottom{padding:60px 0;}
	#premium_bottom h3{width:90%; font-size:23px;}
	#premium_bottom a{margin:15px auto 0;font-size:16px; padding:10px; width:170px;}

}
@media screen and (max-width:450px){
	#area_benefit > h2, #premium_form h2{font-size:22px;}
	.benefit_list > li .area_txt{margin:12px 0 0;}
	.benefit_list > li .area_txt h3{font-size:23px;}
	.benefit_list > li .area_txt .list > li{font-size:14px;}
	.form_list li{padding:10px 0;}
	.form_list li:first-child{padding:0 0 10px;}
	.form_list li .left{width:100%; margin:0 0 5px; padding:0; font-size:14px; line-height:1.2em;}
	.form_list li .right{width:100%;}
	#premium_form #charge_wrap > div{padding:20px;}
	#premium_form .top > span{width:80%; margin:10px 0 0; }
	.form_list li .right input[type=text]{padding:8px;}
	.benefit_list > li .area_txt .list > li span br{display:block;}
	#premium_form .area_filter em{font-size:14px;}
	#premium_bottom h3{font-size:20px; margin:0 auto 7px;}
	#premium_bottom a{font-size:15px; padding:8px; width:160px;}
}



/* 공지사항 */
.notice #wrapper{background:#fff;}
.notice #container{padding:0 0 150px;}
#sub_bn.notice{position:relative; margin:0 0 50px; background:#333 url(../img/notice_topbg.jpg)no-repeat center; background-size:cover; height:350px;}
#sub_bn.notice .txt{margin:0; position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%, -50%); text-align:center;}
#sub_bn.notice .txt h2{display:block; margin:0 0 10px; font-size:40px; font-weight:bold; color:#fff; line-height:1.2em;}


@media screen and (max-width:768px){
	#sub_bn.notice{height:300px;}
	#sub_bn.notice .txt h2{font-size:34px; margin:0;}
	#sub_bn.notice > .txt > span{margin:5px 0 0;}
}

@media screen and (max-width:550px){
	#sub_bn.notice{height:200px;}
	#sub_bn.notice .txt h2{font-size:25px; margin:0;}
	#sub_bn.notice > .txt > span{margin:2px 0 0;}
}

/* 고객센터 */
#area_faq{position:relative; display:block; padding:60px 0;}
.faq #sub_bn{padding:54px 0; background:#17294e; height:300px;}
.faq #sub_bn .txt h1{margin:0 0 15px; font-size:35px; font-weight:bold; color:#fff;}
.faq #sub_bn .img{height:180px;}
.faq #sub_bn .img img{width:auto; height:100%;}
.faq .box_sch{position:relative; margin:20px 0 0; width:280px; background:#fff; border-radius:50px;}
.faq .box_sch input{padding:10px 15px; box-sizing:border-box; width:calc(100% - 40px); height:48px; border:none; font-size:15px; font-weight:400; color:#333;}
.faq .box_sch button{position: absolute; top: 50%; right: 15px; width: 19px; height: 20px; background: url(../img/icon_search.svg)no-repeat center; border: none; background-size: contain; transform: translateY(-50%);}


.faq_list{}
.faq_list:after{content:""; display:block; clear:both;}
.faq_list > li{position:relative; float:left; margin:0 40px 40px 0; width:calc((100% / 2) - 20px);  width:-webkit-calc((100% / 2) - 20px); min-height:451px; border:1px solid #eee; background:#fff; padding:30px; box-sizing:border-box; border-radius:10px;}
.faq_list > li.full{margin:0; width:100%;}
.faq_list > li:nth-child(2){margin:0;}
.faq_list > li h3{font-size:21px; font-weight:500; color:#222; line-height:1.4em; word-break:break-word;}
.faq_list > li .article_list{margin:20px 0 0;}
.faq_list > li .article_list > li{display:block; margin:0 0 13px; }
.faq_list > li .article_list > li:last-child{margin:0;}
.faq_list > li .article_list > li > a{display:block; font-size:15px; font-weight:400; line-height:1.4em; word-break:break-word; padding:5px 0; color:#666; transition:all 0.3s ease;}
.faq_list > li .article_list > li > a:hover{display:block; color:#1952ed;}
.faq_list > li .btn_more{position:absolute; top:30px; right:30px; font-size:14px; font-weight:500; color:#1952ed;}
#arae_chat h3{display:block; margin: 0 0 10px; font-size: 20px; font-weight: 500; color: #333; }
#arae_chat #area_premium{background:#2e2e35;}
#arae_chat #area_premium .obj{width:100px;}

#area_faq > div .area_box > h3{display:block; margin:0 0 24px; font-size: 25px; font-weight: 500; color: #222; line-height: 1.4em; word-break: keep-all;}
.all #area_faq .area_history{position:relative; right:unset; text-align:right; margin:0 0 20px;}
#area_faq .area_history{position:absolute; right:0; top:0;}
#area_faq .area_history > li{display:inline-block; margin:0 0 0 22px;}
#area_faq .area_history > li > a{position:relative; display:block; padding:0; font-size:14px; font-weight:400; color:#777; word-break:break-word; transition:all 0.3s ease;}
#area_faq .area_history > li > a:before{content:''; position:absolute; top:5.5px; left:-17px; display:inline-block; width:11px; height:11px; background:url(../img/icon_arrow.svg)no-repeat center; background-size:contain; transform:rotate(-90deg);}
#area_faq .area_history > li:nth-child(1){margin:0;}
#area_faq .area_history > li:nth-child(1) > a:before{display:none;}
#area_faq .area_history > li.current > a,
#area_faq .area_history > li > a:hover{font-weight:500; color:#1952ed;}

.faq .board_list > li > a > div.subject{margin:0; line-height:1.4em;}
.faq_list > li .article_list > li > a i,
.faq .board_list > li > a i{display:inline-block; margin:0 7px 0 0; line-height:1em; border-radius:5px; border:1px solid #1952ed; font-size:12px; padding:3px 5px; color:#1952ed;}
.faq_list > li .article_list > li > a i{vertical-align:bottom;}
.faq .board_list > li > a > div > h3{font-weight:400; line-height:1.2em; max-width: calc(100% - 49px);}
.faq .sch .board_list > li > a > div > h3{font-weight:600;}
.faq .board_list > li > a:hover > div > h3{color:#1952ed;}
.btn_box{margin:0 0 10px;}
.btn_box:after{content:""; display:block; clear:both;}
.btn_fwrite{margin:10px 0 0; float:right; display:inline-block; padding:12px 20px; box-sizing:border-box; border-radius:7px; background:#3568da; font-size:15px; font-weight:400; line-height:1.2em; color:#fff !important;}
#area_community.view.faq #help_list .help_question.top .bottom{padding:25px;}
#area_community.view.faq #area_popular ul > li.current{background:#fefff4;}
#area_community.view.faq #help_list .btn_more{top:unset; bottom:10px;}
#area_community.view.faq #help_list .edit_list{top:85px;}

#area_community.faq .sch .list_info span:first-child{margin: 0 7px 0 0;}
#area_community.faq .sch .list_info span{margin: 0 7px;}
#area_community.faq .sch .list_info span:before{width:10px ;height:10px; right:-14px; top:4px; background:url(../img/icon_arrow.svg)no-repeat center; background-size:contain; transform:rotate(-90deg);}
.faq .sch .community_cate{position:relative; display:block; margin:0 0 40px;}
.faq .sch .community_cate:after{content:""; display:block; clear:both;}
.faq .sch .community_cate .box_sch{float:right; margin:0;}
.faq #area_faq.sch .community_cate .area_history{float:left; position: absolute; right: unset; left: 20px; top: 50%; transform: translateY(-50%);}

@media screen and (max-width:1023px){
	.faq_list > li{margin:0 30px 30px 0; width:calc((100% / 2) - 15px); width:-webkit-calc((100% / 2) - 15px);}

	.faq #area_faq.sch .community_cate .inr .box_sch{display:block;}
	.faq #area_faq.sch .community_cate .inr{width:96%; min-width:auto; border:1px solid #eee; border-radius:10px;}
}
@media screen and (max-width:768px){
	.faq #sub_bn .txt h1{font-size:30px; height:auto; margin:0 0 5px;}
	.faq .box_sch{margin:15px 0 0; width:230px;}

	.faq_list > li{width:100%; margin:0 0 15px; min-height:150px;}
	.faq_list > li:nth-child(2){margin:0 0 15px;}
	#area_faq{padding:40px 0;}
	#area_faq .area_history{margin:0 0 5px;position:relative; right:unset;}
	#area_faq .area_history > li:nth-child(1){margin:0;}
	#area_faq > div .area_box > h3{font-size:22px; margin:0 0 20px;}
}

@media screen and (max-width:600px){
	#area_faq{padding:30px 0;}
	.faq #sub_bn{height:240px; padding:40px 0;}
	.faq #sub_bn .img{height:140px;}
	.faq .box_sch input{height:45px;}
	.faq #sub_bn .txt h1{font-size:27px;}
	.btn_fwrite{padding:8px 15px; font-size:14px;}
	#area_faq .area_history{text-align:Center;}
	#area_faq .area_history > li{margin:0 0 0 15px;}
	#area_faq .area_history > li > a{font-size:12px;}
	#area_faq .area_history > li > a:before{width:8px; height:8px; left:-12px;}
	#area_faq > div .area_box > h3{text-align:center;}

	.faq #area_faq.sch .community_cate{text-align:center; margin:0 0 30px;}
	.faq #area_faq.sch .community_cate .area_history{position:relative; top:unset; left:0; width:100%; transform:none; display:block; text-align:Center;}
	.faq #area_faq.sch .community_cate .inr{border:none; background:none;}
	.faq .sch .community_cate .box_sch{float:left; width:80%; margin:5px 10% 0; text-align:left;}
	#area_faq.sch .community_cate .inr .box_sch:before{display:none;}
}

@media screen and (max-width:550px){
	.faq_list > li{padding:20px; margin:0 0 10px;}
	.faq_list > li:nth-child(2){margin:0 0 10px;}
	.faq_list > li h3{font-size:18px;}
	.faq_list > li .btn_more{top:20px; right:20px;}
	.faq_list > li .article_list{margin:15px 0 0;}
	.faq_list > li .article_list > li > a{padding:0;}

	.faq_list > li .article_list > li > a i,
	.faq .board_list > li > a i{font-size:11px; padding:2.5px 5px; margin:0 5px 0 0;}
	.faq_list > li .article_list > li > a i{position:relative; top:-1px; vertical-align:middle;}
}
@media screen and (max-width:500px){
	.faq #sub_bn{height:210px; padding:40px 0;}
	.faq #sub_bn .img{height:110px;}
	.faq #sub_bn .txt h1{font-size:24px;}
	#sub_bn > .txt > span{font-size:14px;}
	.faq .box_sch{margin:10px 0 0; width:190px;}
	.faq .box_sch input{height:40px;}
	#area_faq .area_history{margin:0 0 2px;}
	#area_faq > div .area_box > h3{font-size:19px; margin:0 0 10px;}
}

@media screen and (max-width:450px){
	#area_faq > div .area_box > h3{font-size:18px;}
	.faq #sub_bn{text-align:center; height:190px; padding:30px 0;}
	.faq #sub_bn .img{display:none;}
	.faq #sub_bn > .txt{text-align:Center; width:90%;}
	#area_faq .area_history{margin:0;}
	.faq .box_sch{text-align:left; width:75%; margin:10px auto 0;}

	.faq #area_faq.sch .community_cate{overflow:hidden;}
}

/*요소숨김*/
.noshow { display: none !important; }

/* 회사소개 */
#area_intro{}
#area_intro h2{display:none; margin:40px 0 ; font-size:40px; font-weight:600; color:#222; text-align:center;}
#area_intro.movie h2{display:block;}
#area_intro .list{display:block;margin:60px 0 0;}
#area_intro .list li{margin:0 0 70px; display:flex; justify-content: center; align-items: center;}
#area_intro .list li:last-child{margin:0;}
#area_intro .list li:nth-child(2n){flex-direction: row-reverse;}
#area_intro .list li:nth-child(2n) .area_txt{margin:0 100px 0 0;}
#area_intro .list li > div{display:inline-block;}
#area_intro .list li .area_img{width:500px; box-shadow:5px 9px 10px 4px rgb(184 193 195 / 20%);}
#area_intro .list li .area_img img{width:auto; max-width:100%;}
#area_intro .list li .area_txt{margin:0 0 0 80px; width:calc(100% - 580px);}
#area_intro .list li .area_txt h3{font-size:40px; font-weight:600; color:#333;}
#area_intro .list li .area_txt span{display:block; margin:30px 0 0; font-size:18px; font-weight:400; color:#555; line-height:1.6em; word-break:keep-all;}
.box_img_full{display:block; width:100%; height:600px; margin:100px 0 90px;}
.box_img_full img{width:100%; max-width:100%; height:100%;}
#area_intro .area_box{margin:0 0 60px; text-align:center;}
#area_intro .area_box p{font-family: 'Iropke Batang', serif; font-size:22px; line-height:1.8em; font-weight:600; color:#333; word-break:keep-all;}
#area_intro .area_box .ceo{margin:50px 0 0; font-family: 'Iropke Batang', serif; font-size:23px; font-weight:bold; color:#222; word-break:keep-all;}

/* 소개영상 */
#area_intro.movie .area_video{margin:0 auto; width:1000px; height:auto;}
#area_intro.movie .area_video video{width:100%;}
@media screen and (max-width:1200px){
	#area_intro .list{margin:60px auto 0; width:90%;}
	#area_intro .list li{margin:0 0 60px;}
	#area_intro .list li .area_img{width:400px;}
	#area_intro .list li .area_txt{margin:0 0 0 50px; width:calc(100% - 450px); }
	#area_intro .list li:nth-child(2n) .area_txt{margin:0 50px 0 0;}
	#area_intro .list li .area_txt h3{font-size:35px;}
	#area_intro .list li .area_txt span{margin:20px 0 0; font-size:17px;}
	.box_img_full{margin:80px 0;}
	#area_intro .area_box p{font-size:20px;}
	#area_intro .area_box .ceo{font-size:21px;}
	#area_intro.movie .area_video{width:100%;}

}
@media screen and (max-width:950px){
	#area_intro .list li .area_img{width:45%;}
	#area_intro .list li .area_txt{margin:0 0 0 5%; width:50%; }
	#area_intro .list li .area_txt h3{font-size:30px;}
	#area_intro .list li .area_txt span{margin:15px 0 0; font-size:16px;}
	#area_intro .area_box p br{display:none;}
	#area_intro .area_box{width:80%; margin:0 auto;}
	#area_intro h2{font-size:34px;}
}
@media screen and (max-width:850px){
	#area_intro .list li{flex-direction: column;}
	#area_intro .list li .area_img{width:400px;}
	#area_intro .list li .area_txt{width:80%; margin:50px 0 0; text-align:center;}
	#area_intro .list li:nth-child(2n){flex-direction:column;}
	#area_intro .list li:nth-child(2n) .area_txt{margin:50px 0 0;}
	#area_intro .list li .area_txt span br{display:none;}
	.box_img_full{height:400px; margin:60px 0;}
	#area_intro .area_box p{font-size:18px; line-height:1.6em;}
	#area_intro .area_box .ceo{margin:30px 0 0; font-size:19px;}
}
@media screen and (max-width:550px){
	#area_intro .list li{margin:0 0 30px;}
	#area_intro .list li .area_img{width:100%;}
	#area_intro .list li .area_txt{width:100%; margin:20px 0 0; text-align:center;}
	#area_intro .list li:nth-child(2n) .area_txt{margin:20px 0 0;}
	#area_intro .list li .area_txt h3{font-size:25px;}
	#area_intro .list li .area_txt span{margin:10px 0 0; font-size:15px;}
	.box_img_full{margin:40px 0; height:300px;}
	#area_intro .area_box{width:90%;}
	#area_intro .area_box p{font-size:17px; line-height:1.5em;}
	#area_intro .area_box .ceo{margin:20px 0 0; font-size:18px;}
	#area_intro h2{margin:20px 0; font-size:27px;}
}
@media screen and (max-width:450px){
	#area_intro .area_box p{font-size:16px;}
	#area_intro .area_box .ceo{margin:15px 0 0; font-size:17px;}
	#area_intro h2{font-size:24px;}
}

@media screen and (max-width:400px){
	#area_intro .area_box p{font-size:15px;}
	#area_intro .area_box .ceo{margin:12px 0 0; font-size:16px;}
}

/* 회원탈퇴 */
.area_secession{padding:30px 0 0;}
.area_secession h2{display:block; text-align:center; font-size:35px; font-weight:bold; color:#222;}
.area_secession .area_box{margin:40px 0 0;}
.area_secession .area_box .box{display:block; width:100%; padding:20px; border:1px solid #eee; box-sizing:border-box; background:#fff;}
.area_secession .area_box .box h3{font-size:17px; font-weight:500; color:#333; line-height:1.3em; word-break:keep-all;}
.area_secession .area_box .box ul{margin:10px 0 0;}
.area_secession .area_box .box ul > li{display:block; margin:0 0 7px; font-size:15px; font-weight:400; color:#555; line-height:1.4em; word-break:keep-all;}
.area_secession .area_box .box ul > li:last-child{margin:0;}
.area_secession .area_confirm{margin:40px 0 0; text-align:Center;}
.area_secession .ck_box{position:relative; background:#f9f9f9; padding:10px; border:1px solid #eee; border-top:none;}
.area_secession .ck_box label{margin:0;}
.area_secession .ck_box label em{font-size:15px;}
.area_secession input[type="checkbox"]{display:none; width:15px; height:15px; outline:none; margin:0;}
.area_secession input[type="checkbox"] + label span{position:relative; top:3px; display:inline-block; margin-right:3px; width:15px; height:15px; background:url(../img/icon_check02.svg) no-repeat center; cursor: pointer;}
.area_secession input[type="checkbox"]:checked + label span{background:url(../img/icon_check02_on.svg) no-repeat center;}

@media screen and (max-width:768px){
	.area_secession h2{font-size:28px;}
	.area_secession .area_box{margin:20px 0 0;}
	.area_secession .area_box .box h3{font-size:16px;}
	.area_secession .area_box .box ul{margin:7px 0 0;}
	.area_secession .area_box .box ul > li{font-size:14px; margin:0 0 5px;}
	.area_secession .ck_box label em{font-size:14px;}
	.area_secession .area_confirm{margin:30px 0 0;}
	.area_secession input[type="checkbox"] + label span{top:2px;}
}
@media screen and (max-width:500px){
	.area_secession .area_box .box{padding:10px;}
	.area_secession .ck_box label em{font-size:14px;}
}

@media screen and (max-width:450px){
	.area_secession .area_box .box{padding:10px;}
	.area_secession input[type="checkbox"] + label span{position:absolute; left:10px; top:10px;}
	.area_secession .ck_box label em{display:block; margin:0 0 0 23px; width:calc(100% - 23px); line-height:1.2em;}
}



/*2305*/
span.certified {
    padding: 2px 5px;
    font-size: 0.8em;
    border: 0;
    background: linear-gradient(90deg, rgb(27 170 206), #275dd7);
    border-radius: 3px;
    margin-left: 5px;
    font-weight: 400;
    color: #fff;}
span.certified i {    margin: 0!important;    background: none!important;    color: inherit!important;    top: unset!important;    width: auto!important;}

#area_company .company_top .cop_info h3 {    display: flex;	align-items: center;}

#area_company span.certified {
    min-width: 65px;
	padding: 0px 5px;
	font-size: 0.4em;
	border: 0;
	background: linear-gradient(90deg, rgb(27 170 206), #275dd7);
	border-radius: 3px;
	margin-left: 5px;
	font-weight: 400;
	color: #fff;
}

div#area_help.company_write.my  .mob_info span.kr {display: none}
#area_help.my .input_wrap {    padding: 15px;}

#area_help.my #help_list .total_cost { margin-top: 10px;}
#area_help.my #help_list .total_cost p { font-weight: 600;  font-size: 18px; float: right;}
#area_help.my #help_list .total_cost p span { color: #275dd7; }

#area_help.send  .total_cost { margin-top: 10px;}
#area_help.send  .total_cost p { font-weight: 600;  font-size: 18px; float: right;}
#area_help.send  .total_cost p span { color: #275dd7; }

#company_write .box_list > li .area_box table textarea
{ 	margin-top: 0;;
    font-weight: 500;
    font-size: 12px;
    padding: 0;
    border: 0;
    height: auto;
}

@media print {
	caption { position:unset!important; }
	body,  div {
			position: relative;
		}
		table { font-size: 12px!important;
			page-break-inside: avoid;
			-webkit-region-break-inside: avoid;
			position: relative;table-layout: auto!important; width: 100%!important; table-layout: fixed!important;
		}
	.printBox table tr th:nth-child(1) {width: 1%!important}
	.printBox table tr th:nth-child(3) {width: 10%!important}
	.printBox table tr th:nth-child(4) {width: 10%!important}
	.printBox table tr th:nth-child(5) {width: 5%!important}
	.printBox table tr th:nth-child(6) {width: 5%!important}
	.printBox table tr th:nth-child(7) {width: 5%!important}
	.printBox table tr th:nth-child(8) {width: 5%!important}
	.printBox table tr th:nth-child(9) {width: 12%!important}
	.printBox table tr th:nth-child(10) {width: 12%!important}
	.printBox table tr td:nth-child(1) {width: 1%!important}
	.printBox table tr td:nth-child(3) {width: 10%!important}
	.printBox table tr td:nth-child(4) {width: 10%!important}
	.printBox table tr td:nth-child(5) {width: 5%!important}
	.printBox table tr td:nth-child(6) {width: 5%!important}
	.printBox table tr td:nth-child(7) {width: 5%!important}
	.printBox table tr td:nth-child(8) {width: 5%!important}
	.printBox table tr td:nth-child(9) {width: 12%!important}
	.printBox table tr td:nth-child(10) {width: 12%!important}
#area_help.my .company_box .cinfo .area_photo {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
    background: #f9f9f9;
    overflow: hidden;
}
#area_help.my .company_box .cinfo .area_photo img.basic {
    position: absolute;
    top: 54%;
    left: 50%;
    width: 42%;
    height: auto;
    transform: translate(-50%, -50%);
}
}

/*datepicker*/
.ui-widget-content{padding:0 !important; border: none !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0 !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:0 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:0 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:0 !important;}
.ui-widget-header{padding:5px !important; border:none !important; background:#3568da !important; color:#fff !important;}
select.mtz-monthpicker.mtz-monthpicker-year{border:none !important; line-height:2em !important; color:#fff !important; }
select.mtz-monthpicker.mtz-monthpicker-year option{color:#222;}
.ui-datepicker table{margin:0 !important; padding:10px 0 !important; border:1px solid #ddd; border-top:none;}
body #monthpicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none !important; color:#333 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:none !important; color:#3568da !important; font-weight:bold !important;}
.ui-datepicker table tbody tr.mtz-monthpicker:first-child td{padding:7px 5px 5px !important;}
.ui-datepicker table tbody tr.mtz-monthpicker:last-child td{padding:5px 5px 10px !important;}

#ui-datepicker-div .ui-datepicker-title select{text-align:center; color:#fff; width:auto; padding:0 5px;  margin:0 5px; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
#ui-datepicker-div .ui-datepicker-title select option{color:#222;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{text-align:center !important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top:50% !important; transform:translateY(-50%);}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus{
	border: none !important;;
	background:transparent !important;;
}

@media screen and (max-width:768px) {
	.ui-widget-content{z-index:1; position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important;}
	.month_bg{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#333; z-index:0; opacity:0.2;}
}