@charset "UTF-8";

/* together_sec */
.together_sec article .box_cont{position:relative;}

/* article01 */
.together_sec .article01{padding-bottom:0 !important;background:#fff;}
.together_sec .article01 .box_cont .box_txt{margin:50px auto;text-align:center;}
.together_sec .article01 .box_cont .box_txt .title{color:#51056b;}
.together_sec .article01 .box_cont .box_txt .box_desc{border-top:none;}
.together_sec .article01 .box_cont .box_txt .dotted{margin:40px auto 0;width:4px;}
.together_sec .article01 .box_cont .box_txt .dotted li{width:4px;height:4px;margin:16px 0 0;border-radius:50%;background:#50056b;}
.together_sec .article01 .box_cont .box_txt .dotted li:first-of-type{margin:0;}
@media all and (max-width:1600px){
	.together_sec .article01 .box_cont .box_txt{margin:49px auto;}
	.together_sec .article01 .box_cont .box_txt .dotted{width:3px;}
	.together_sec .article01 .box_cont .box_txt .dotted li{width:3px;height:3px;margin:15px 0 0;}
}
@media all and (max-width:1400px){
	.together_sec .article01 .box_cont .box_txt{margin:46px auto;}
}
@media all and (max-width:1200px){
	.together_sec .article01 .box_cont .box_txt{margin:44px auto;}
}
@media all and (max-width:1000px){
	.together_sec .article01 .box_cont .box_txt{margin:41px auto;}
}
@media all and (max-width:800px){
	.together_sec .article01 .box_cont .box_txt{margin:38px auto;}
	.together_sec .article01 .box_cont .box_txt .dotted{width:3px;margin:30px auto 0;}
	.together_sec .article01 .box_cont .box_txt .dotted li{width:3px;height:3px;margin:15px 0 0;}
}
@media all and (max-width:600px){
	.together_sec .article01 .box_cont .box_txt{margin:36px auto;}
    .together_sec .article01 .box_txt .box_desc .desc br{display:none;}
	.together_sec .article01 .box_cont .box_txt .dotted{margin:25px auto 0;}
}
@media all and (max-width:500px){
	.together_sec .article01 .box_cont .box_txt{margin:35px auto;}
}
@media all and (max-width:380px){
	.together_sec .article01 .box_cont .box_txt{margin:33px auto;}
	.together_sec .article01 .box_cont .box_txt .dotted{margin:20px auto 0;}
}
@media all and (max-width:350px){
	.together_sec .article01 .box_cont .box_txt{margin:30px auto;}
	.together_sec .article01 .box_cont .box_txt .dotted{margin:15px auto 0;}
}

/* article02 */
.together_sec .article02{padding:0 0 200px;background:linear-gradient(to bottom, #190e4c , #4c0869);}
.together_sec .article02 .box_cont .box_book{position:relative;padding:35px;}
.together_sec .article02 .box_cont .box_book .book_inner{position:relative;}
.together_sec .article02 .box_cont .box_book .side_left{box-sizing:border-box;width:50%;padding:70px 70px 90px 140px;background:no-repeat url(../img/bg_book_l.png) top right;background-size:100% 100%;}
.together_sec .article02 .box_cont .box_book .side_left p{margin:30px 0 0 0;line-height:1.7;font-weight:300;color:#0c1048;font-family:'Noto Sans CJK KR, sans-serif';}
.together_sec .article02 .box_cont .box_book .side_left p:first-child{margin:0;}
.together_sec .article02 .box_cont .box_book .side_left p.headline{line-height:1.4;font-size:22px;font-family:'Gmarket Sans';}
.together_sec .article02 .box_cont .box_book .side_left p strong{font-weight:400;}
.together_sec .article02 .box_cont .box_book .side_left .images{display:flex;justify-content:space-between;margin:30px 0 0 0;}
.together_sec .article02 .box_cont .box_book .side_left .images img{display: block; width:calc(33.33% - 5px);height: auto;}
.together_sec .article02 .box_cont .box_book .side_right{position:absolute;top:0px;right:0px;box-sizing:border-box;width:50%;height:100%;padding:50px 100px 90px 40px;background:no-repeat url(../img/bg_book_r.png) top left;background-size:100% 100%;}
@media all and (max-width:1600px){
	.together_sec .article02 .box_cont .box_book{padding:34px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:68px 68px 88px 140px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:29px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:21px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:29px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:49px 97px 88px 39px;}
}
@media all and (max-width:1400px){
	.together_sec .article02{padding:0 0 190px;}
	.together_sec .article02 .box_cont .box_book{padding:32px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:65px 65px 83px 130px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:28px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:20px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:28px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:46px 92px 83px 37px;}
}
@media all and (max-width:1200px){
	.together_sec .article02{padding:0 0 180px;}
	.together_sec .article02 .box_cont .box_book{padding:30px;}
    .together_sec .article02 .box_cont .box_book .side_left{width:100%;padding:61px 61px 79px 120px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:26px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:19px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:26px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{position:relative;width:100%;padding:44px 87px 79px 35px;}
}
@media all and (max-width:1000px){
	.together_sec .article02{padding:0 0 170px;}
	.together_sec .article02 .box_cont .box_book{padding:29px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:57px 57px 74px 120px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:25px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:18px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:25px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:41px 82px 74px 33px;}
}
@media all and (max-width:800px){
	.together_sec .article02{padding:0 0 160px;}
	.together_sec .article02 .box_cont .box_book{padding:27px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:54px 54px 70px 110px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:23px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:17px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:23px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:38px 77px 70px 30px;}
}
@media all and (max-width:600px){
	.together_sec .article02{padding:0 0 150px;}
	.together_sec .article02 .box_cont .box_book{padding:25px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:50px 50px 65px 100px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:22px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:16px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:22px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:36px 72px 65px 28px;}
}
@media all and (max-width:500px){
	.together_sec .article02{padding:0 0 140px;}
	.together_sec .article02 .box_cont .box_book{padding:24px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:48px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:21px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:15px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{display: block; margin:21px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left .images img{width: 100%; margin: 10px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left .images img:first-child{margin: 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:48px;}
}
@media all and (max-width:380px){
	.together_sec .article02{padding:0 0 130px;}
	.together_sec .article02 .box_cont .box_book{padding:23px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:30px 10px;background-image:none;background-color:#fff;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:20px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:14px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:20px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:30px 10px;border-top:solid 3px #434343;background-image:none;background-color:#fff;}
}
@media all and (max-width:350px){
	.together_sec .article02{padding:0 0 120px;}
	.together_sec .article02 .box_cont .box_book{padding:21px;}
    .together_sec .article02 .box_cont .box_book .side_left{padding:25px 10px;}
    .together_sec .article02 .box_cont .box_book .side_left p{margin:18px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_left p.headline{font-size:13px;}
    .together_sec .article02 .box_cont .box_book .side_left .images{margin:18px 0 0 0;}
    .together_sec .article02 .box_cont .box_book .side_right{padding:25px 10px;}
}

.together_sec .messenger{display:flex;flex-direction:column;font-family:'Noto Sans CJK KR, sans-serif';}
.together_sec .messenger .msg_list{flex-grow:1;box-sizing:border-box;padding:30px 20px;height:80%;border:2px solid #240b53;overflow-y:scroll;}
.together_sec .messenger .msg_list .loading{width:100%;height:30px;background:no-repeat url(../img/loding.gif) center center;}
.together_sec .messenger .msg_list .item{position:relative;box-sizing:border-box;max-width:520px;width:80%;margin:20px 0 0 0;padding:15px 25px;border-radius:10px;}
.together_sec .messenger .msg_list .item::after{content:'';position:absolute;top:10px;width:33px;height:30px;}
.together_sec .messenger .msg_list .item.item_l{float:left;margin-left:23px;background:#cce0f9;}
.together_sec .messenger .msg_list .item.item_l::after{left:-25px;background:no-repeat url(../img/bg_message_l.png);background-size:contain;}
.together_sec .messenger .msg_list .item.item_r{float:right;margin-right:23px;background:#ffd75c;}
.together_sec .messenger .msg_list .item.item_r::after{right:-25px;background:no-repeat url(../img/bg_message_r.png);background-size:contain;}
.together_sec .messenger .msg_list .item .txt_name{line-height:1.8;font-weight:400;}
.together_sec .messenger .msg_list .item .txt_message{line-height:1.4;font-weight:300;font-size:15px;}
.together_sec .messenger .msg_list .item .box_extra{position:absolute;width:100px;bottom:0;}
.together_sec .messenger .msg_list .item.item_l .box_extra{right:-110px;text-align:left;}
.together_sec .messenger .msg_list .item.item_r .box_extra{left:-110px;text-align:right;}
.together_sec .messenger .msg_list .item .box_extra .txt_date{line-height:1.6;font-size:13px;color:#777;}
.together_sec .messenger .msg_list .item .box_extra .box_btns{display:none;line-height:1.3;font-weight:400;font-size:15px;color:#777;}
.together_sec .messenger .msg_list .item:hover .box_extra .box_btns{display:block;}
.together_sec .messenger .msg_list .item .box_extra .box_btns a{line-height:inherit;font-size:inherit;color:inherit;}
.together_sec .messenger form{flex-grow:0;}
.together_sec .messenger .msg_write{display:flex;justify-content:space-between;margin:25px 0 0 0;}
.together_sec .messenger .msg_write .box_inp{flex-shrink:1;box-sizing:border-box;border:2px solid #240b53;overflow:hidden;}
.together_sec .messenger .msg_write .box_inp label{display:flex;float:left;width:50%;height:50px;line-height:50px;}
.together_sec .messenger .msg_write .box_inp label span{width:100px;color:#fff;text-align:center;background:#020f40;}
.together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 100px);height:100%;border:none;background:#f5f5f5;}
.together_sec .messenger .msg_write .box_inp textarea{width:100%;height:100px;padding:20px;line-height:1.4;font-family:'Noto Sans CJK KR, sans-serif';border:none;resize:none;overflow:auto;}
.together_sec .messenger .msg_write .btn_submit{flex-shrink:0;width:100px;margin:0 0 0 20px;color:#fff;border:none;background:#020f40;cursor:pointer;}
@media all and (max-width:1600px){
	.together_sec .messenger .msg_list{padding:29px 19px;}
    .together_sec .messenger .msg_list .loading{height:29px;}
    .together_sec .messenger .msg_list .item{max-width:510px;margin:19px 0 0 0;padding:15px 24px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:32px;height:29px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:22px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-24px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:22px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-24px;}
    .together_sec .messenger .msg_list .item .box_extra{width:97px;}
    .together_sec .messenger .msg_write{margin:24px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:49px;line-height:49px;}
    .together_sec .messenger .msg_write .box_inp label span{width:97px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 97px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:97px;padding:19px;}
    .together_sec .messenger .msg_write .btn_submit{width:97px;margin:0 0 0 19px;}
}
@media all and (max-width:1400px){
	.together_sec .messenger .msg_list{padding:28px 18px;}
    .together_sec .messenger .msg_list .loading{height:28px;}
    .together_sec .messenger .msg_list .item{max-width:480px;margin:18px 0 0 0;padding:14px 23px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:30px;height:28px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:21px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-23px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:21px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-23px;}
    .together_sec .messenger .msg_list .item .txt_message{font-size:14px;}
    .together_sec .messenger .msg_list .item .box_extra{width:92px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-100px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-100px;}
    .together_sec .messenger .msg_list .item .box_extra .box_btns{font-size:14px;}
    .together_sec .messenger .msg_write{margin:23px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:46px;line-height:46px;}
    .together_sec .messenger .msg_write .box_inp label span{width:92px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 92px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:92px;padding:18px;}
    .together_sec .messenger .msg_write .btn_submit{width:92px;margin:0 0 0 18px;}
}
@media all and (max-width:1200px){
	.together_sec .messenger .msg_list{height:650px;padding:26px 17px;border: 1px solid #ddd;}
    .together_sec .messenger .msg_list .loading{height:26px;}
    .together_sec .messenger .msg_list .item{max-width:450px;margin:17px 0 0 0;padding:13px 22px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:28px;height:26px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:20px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-22px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:20px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-22px;}
    .together_sec .messenger .msg_list .item .txt_message{font-size:13px;}
    .together_sec .messenger .msg_list .item .box_extra{width:87px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-96px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-96px;}
    .together_sec .messenger .msg_list .item .box_extra .box_btns{font-size:13px;}
    .together_sec .messenger .msg_write{margin:22px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp{border: 1px solid #ddd;}
    .together_sec .messenger .msg_write .box_inp label{height:44px;line-height:44px;}
    .together_sec .messenger .msg_write .box_inp label span{width:87px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 87px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:87px;padding:17px;}
    .together_sec .messenger .msg_write .btn_submit{width:187px;margin:0 0 0 17px;}
}
@media all and (max-width:1000px){
	.together_sec .messenger .msg_list{height:600px;padding:25px 16px;}
    .together_sec .messenger .msg_list .loading{height:25px;}
    .together_sec .messenger .msg_list .item{max-width:430px;margin:16px 0 0 0;padding:13px 20px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:27px;height:25px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:19px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-20px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:19px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-20px;}
    .together_sec .messenger .msg_list .item .box_extra{width:82px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-90px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-90px;}
    .together_sec .messenger .msg_list .item .box_extra .txt_date{font-size:12px;}
    .together_sec .messenger .msg_write{margin:20px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:41px;line-height:41px;}
    .together_sec .messenger .msg_write .box_inp label span{width:82px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 82px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:82px;padding:16px;}
    .together_sec .messenger .msg_write .btn_submit{width:82px;margin:0 0 0 16px;}
}
@media all and (max-width:800px){
	.together_sec .messenger .msg_list{height:550px;padding:23px 15px;}
    .together_sec .messenger .msg_list .loading{height:23px;}
    .together_sec .messenger .msg_list .item{max-width:70%;margin:15px 0 0 0;padding:12px 19px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:25px;height:23px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:18px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-19px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:18px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-19px;}
    .together_sec .messenger .msg_list .item .txt_message{font-size:12px;}
    .together_sec .messenger .msg_list .item .box_extra{width:77px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-85px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-85px;}
    .together_sec .messenger .msg_list .item .box_extra .box_btns{font-size:12px;}
    .together_sec .messenger .msg_write{margin:19px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:38px;line-height:38px;}
    .together_sec .messenger .msg_write .box_inp label span{width:77px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 77px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:77px;padding:15px;}
    .together_sec .messenger .msg_write .btn_submit{width:77px;margin:0 0 0 15px;}
}
@media all and (max-width:600px){
	.together_sec .messenger .msg_list{height:450px;padding:22px 14px;}
    .together_sec .messenger .msg_list .loading{height:22px;}
    .together_sec .messenger .msg_list .item{max-width:300px;margin:14px 0 0 0;padding:12px 18px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:23px;height:22px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:17px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-18px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:17px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-18px;}
    .together_sec .messenger .msg_list .item .box_extra{width:72px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-79px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-79px;}
    .together_sec .messenger .msg_write{margin:18px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:36px;line-height:36px;}
    .together_sec .messenger .msg_write .box_inp label span{width:72px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 72px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:72px;padding:14px;}
    .together_sec .messenger .msg_write .btn_submit{width:72px;margin:0 0 0 14px;}
}
@media all and (max-width:500px){
	.together_sec .messenger .msg_list{height:400px;padding:21px 14px;}
    .together_sec .messenger .msg_list .loading{height:21px;}
    .together_sec .messenger .msg_list .item{max-width:160px;padding:11px 17px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:22px;height:21px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:16px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-17px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:16px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-17px;}
    .together_sec .messenger .msg_list .item .txt_message{font-size:11px;}
    .together_sec .messenger .msg_list .item .box_extra{width:69px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-76px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-76px;}
    .together_sec .messenger .msg_list .item .box_extra .box_btns{font-size:11px;}
    .together_sec .messenger .msg_write{margin:17px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp{flex-wrap:wrap;}
    .together_sec .messenger .msg_write .box_inp label{width:100%;height:35px;line-height:35px;	border-top: 1px solid #fff;}
    .together_sec .messenger .msg_write .box_inp label:first-child{border-top:none}
    .together_sec .messenger .msg_write .box_inp label span{width:69px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 69px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:69px;}
    .together_sec .messenger .msg_write .btn_submit{width:69px;}
}
@media all and (max-width:380px){
	.together_sec .messenger .msg_list{height:350px;padding:20px 13px;}
    .together_sec .messenger .msg_list .loading{height:20px;}
    .together_sec .messenger .msg_list .item{max-width:140px;margin:13px 0 0 0;padding:11px 16px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:21px;height:20px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:15px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-16px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:15px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-16px;}
    .together_sec .messenger .msg_list .item .box_extra{width:66px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-73px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-73px;}
    .together_sec .messenger .msg_write{margin:16px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:33px;line-height:33px;}
    .together_sec .messenger .msg_write .box_inp label span{width:66px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 66px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:66px;padding:13px;}
    .together_sec .messenger .msg_write .btn_submit{width:66px;margin:0 0 0 13px;}
}
@media all and (max-width:350px){
	.together_sec .messenger .msg_list{height:300px;padding:18px 12px;}
    .together_sec .messenger .msg_list .loading{height:18px;}
    .together_sec .messenger .msg_list .item{max-width:120px;margin:12px 0 0 0;padding:10px 15px;}
    .together_sec .messenger .msg_list .item::after{top:10px;width:19px;height:18px;}
    .together_sec .messenger .msg_list .item.item_l{margin-left:14px;}
    .together_sec .messenger .msg_list .item.item_l::after{left:-15px;}
    .together_sec .messenger .msg_list .item.item_r{margin-right:14px;}
    .together_sec .messenger .msg_list .item.item_r::after{right:-15px;}
    .together_sec .messenger .msg_list .item .txt_message{font-size:10px;}
    .together_sec .messenger .msg_list .item .box_extra{width:61px;}
    .together_sec .messenger .msg_list .item.item_l .box_extra{right:-67px;}
    .together_sec .messenger .msg_list .item.item_r .box_extra{left:-67px;}
    .together_sec .messenger .msg_list .item .box_extra .txt_date{font-size:11px;}
    .together_sec .messenger .msg_list .item .box_extra .box_btns{font-size:10px;}
    .together_sec .messenger .msg_write{margin:15px 0 0 0;}
    .together_sec .messenger .msg_write .box_inp label{height:30px;line-height:30px;}
    .together_sec .messenger .msg_write .box_inp label span{width:61px;}
    .together_sec .messenger .msg_write .box_inp label input{width:calc(100% - 61px);}
    .together_sec .messenger .msg_write .box_inp textarea{height:61px;padding:12px;}
    .together_sec .messenger .msg_write .btn_submit{width:61px;margin:0 0 0 12px;}
}

.together_sec .modal_together{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);font-family:'Noto Sans CJK KR, sans-serif';}
.together_sec .modal_together .modal_inner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:90%;max-width:450px;border:2px solid #240b53;background:#fff;transform:translate(-50%, -50%);}
.together_sec .modal_together .modal_head{position:relative;}
.together_sec .modal_together .modal_head .btn_close{position:absolute;top:0;right:0;width:30px;height:30px;font-size:0;text-indent:-9999px;}
.together_sec .modal_together .modal_head .btn_close::after{content:"X";position:absolute;top:50%;left:50%;text-indent:0px;font-size:18px;text-align:center;color:#fff;font-family:'Gmarket Sans';transform:translate(-50%, -50%);}
.together_sec .modal_together .modal_head p{padding:25px 0;line-height:1.7;font-size:15px;text-align:center;color:#fff;background:#240b53;}
.together_sec .modal_together .modal_body{padding:30px 50px;}
.together_sec .modal_together .modal_body label{display:flex;height:30px;line-height:30px;font-size:15px;}
.together_sec .modal_together .modal_body label span{width:73px;font-weight:400;color:#240b53;}
.together_sec .modal_together .modal_body label input{width:calc(100% - 73px);}
.together_sec .modal_together .modal_body .box_btns{margin:20px 0 0 0;text-align:center;}
.together_sec .modal_together .modal_body .box_btns .btn_action{display:inline-block;width:60px;height:30px;margin:0 0 0 10px;line-height:30px;font-size:12px;color:#fff;border-radius:5px;background:linear-gradient(to top, #1d0c4f, #450765);}
.together_sec .modal_together .modal_body .box_btns .btn_action:first-child{margin:0;}
@media all and (max-width:1600px){
	.together_sec .modal_together .modal_inner{max-width:440px;}
    .together_sec .modal_together .modal_head .btn_close{width:29px;height:29px;}
    .together_sec .modal_together .modal_head p{padding:24px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:29px 49px;}
    .together_sec .modal_together .modal_body label{height:29px;line-height:29px;}
    .together_sec .modal_together .modal_body label span{width:73px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 73px);}
    .together_sec .modal_together .modal_body .box_btns{margin:19px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:58px;height:29px;line-height:29px;}
}
@media all and (max-width:1400px){
	.together_sec .modal_together .modal_inner{max-width:420px;}
    .together_sec .modal_together .modal_head .btn_close{width:28px;height:28px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:17px;}
    .together_sec .modal_together .modal_head p{padding:23px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:28px 46px;}
    .together_sec .modal_together .modal_body label{height:28px;line-height:28px;font-size:14px;}
    .together_sec .modal_together .modal_body label span{width:69px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 69px);}
    .together_sec .modal_together .modal_body .box_btns{margin:18px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:55px;height:28px;line-height:28px;}
}
@media all and (max-width:1200px){
	.together_sec .modal_together .modal_inner{max-width:390px;}
    .together_sec .modal_together .modal_head .btn_close{width:26px;height:26px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:16px;}
    .together_sec .modal_together .modal_head p{padding:22px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:26px 44px;}
    .together_sec .modal_together .modal_body label{height:26px;line-height:26px;}
    .together_sec .modal_together .modal_body label span{width:66px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 66px);}
    .together_sec .modal_together .modal_body .box_btns{margin:17px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:52px;height:26px;line-height:26px;}
}
@media all and (max-width:1000px){
	.together_sec .modal_together .modal_inner{max-width:370px;}
    .together_sec .modal_together .modal_head .btn_close{width:25px;height:25px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:15px;}
    .together_sec .modal_together .modal_head p{padding:20px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:25px 41px;}
    .together_sec .modal_together .modal_body label{height:25px;line-height:25px;font-size:13px;}
    .together_sec .modal_together .modal_body label span{width:62px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 62px);}
    .together_sec .modal_together .modal_body .box_btns{margin:16px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:49px;height:25px;line-height:25px;}
}
@media all and (max-width:800px){
	.together_sec .modal_together .modal_inner{max-width:350px;}
    .together_sec .modal_together .modal_head .btn_close{width:23px;height:23px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:14px;}
    .together_sec .modal_together .modal_head p{padding:19px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:23px 38px;}
    .together_sec .modal_together .modal_body label{height:23px;line-height:23px;}
    .together_sec .modal_together .modal_body label span{width:58px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 58px);}
    .together_sec .modal_together .modal_body .box_btns{margin:15px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:46px;height:23px;line-height:23px;}
}
@media all and (max-width:600px){
	.together_sec .modal_together .modal_inner{max-width:330px;}
    .together_sec .modal_together .modal_head .btn_close{width:22px;height:22px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:13px;}
    .together_sec .modal_together .modal_head p{padding:18px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:22px 36px;}
    .together_sec .modal_together .modal_body label{height:22px;line-height:22px;}
    .together_sec .modal_together .modal_body label span{width:54px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 54px);}
    .together_sec .modal_together .modal_body .box_btns{margin:14px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:43px;height:22px;line-height:22px;}
}
@media all and (max-width:500px){
	.together_sec .modal_together .modal_inner{max-width:310px;}
    .together_sec .modal_together .modal_head .btn_close{width:21px;height:21px;}
    .together_sec .modal_together .modal_head p{padding:17px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:21px 35px;}
    .together_sec .modal_together .modal_body label{height:21px;line-height:21px;font-size:12px;}
    .together_sec .modal_together .modal_body label span{width:52px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 52px);}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:42px;height:21px;line-height:21px;}
}
@media all and (max-width:380px){
	.together_sec .modal_together .modal_inner{max-width:300px;}
    .together_sec .modal_together .modal_head .btn_close{width:20px;height:20px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:12px;}
    .together_sec .modal_together .modal_head p{padding:16px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:20px 33px;}
    .together_sec .modal_together .modal_body label{height:20px;line-height:20px;}
    .together_sec .modal_together .modal_body label span{width:50px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 50px);}
    .together_sec .modal_together .modal_body .box_btns{margin:13px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:40px;height:20px;line-height:20px;margin:0 0 0 5px;font-size:11px;}
}
@media all and (max-width:350px){
	.together_sec .modal_together .modal_inner{max-width:280px;}
    .together_sec .modal_together .modal_head .btn_close{width:18px;height:18px;}
	.together_sec .modal_together .modal_head .btn_close::after{font-size:11px;}
    .together_sec .modal_together .modal_head p{padding:15px 0;font-size:15px;}
    .together_sec .modal_together .modal_body{padding:18px 30px;}
    .together_sec .modal_together .modal_body label{height:18px;line-height:18px;font-size:11px;}
    .together_sec .modal_together .modal_body label span{width:46px;}
    .together_sec .modal_together .modal_body label input{width:calc(100% - 46px);}
    .together_sec .modal_together .modal_body .box_btns{margin:12px 0 0 0;}
    .together_sec .modal_together .modal_body .box_btns .btn_action{width:37px;height:18px;line-height:18px;}
}