@charset "UTF-8";
/*이벤트 진행시 ~ 페이지*/
.event_wifi{font-size:16px;}
.event_wifi * {position:relative;}
.event_wifi .btns_box , .businesstrip .btns_box{max-width:280px;margin:50px auto;}
.event_title{font-sizE:2.1rem;font-weight:bold;text-align:center;margin-bottom:20px;}
.event_title .small_txt{font-size:1.6rem;font-weight:normal;margin-bottom:10px}
.event_title .under_line{
    background: linear-gradient(transparent 75%, #ffff66 75%);
    display:inline-block;
    font-size: 2.3rem;
    }
.event_wifi > section{padding:30px 0}
.event_wifi .top_banner{margin:15px auto; border-radius:10px ;width:100%;    background: url(../img/sub/event_wifi/event_top_banner.jpg) no-repeat center;height:450px;}
.event_wifi .top_banner .txt_area{position:absolute;top:35%;right:0%;width:100%;text-align:center;}
.event_wifi .top_banner .txt_area > div{font-size: 3.2em;    line-height: 1.4;    font-weight: bold;    padding-right: 2rem;color:#ff7814;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;}
.event_wifi .top_banner .txt_area .top_txt{font-size:1.7rem;color:#000;}
.event_section1{background:#fff;}
.event_section1 .reccomend_container{width:100%;max-width:650px;padding:50px 10px ;background: #fff6bb;margin: 50px auto 50px;border-radius:20px;}
.reccomend_container .box_title{position:absolute;top:-30px;width:100%;left:0;  text-align: center;}
.reccomend_container .box_title p {font-size:2.2rem;      position: relative;color: #ff7814;font-weight:bold;display:inline-block;margin:0 auto;text-align:center;}
.reccomend_container .box_title p span{display:inline-block;}
.reccomend_container .box_title p span:after, .reccomend_container .box_title p span:before{position: absolute;    top: 20px;    height: 30px;    content: '';}
.reccomend_container .box_title p span::before {    border-left: solid 1.5px;    left: -15px;    transform: rotate(-40deg);}
.reccomend_container .box_title p span:after{    border-right: solid 1.5px;    right: -15px;    transform: rotate(40deg);}
.reccomend_container .box_content i{color:#ff7814;font-size:1.4rem;font-weight:bold;display:inline-block;margin-right:5px;}
.reccomend_container .box_content p{font-size:1.2rem;color:#000;margin-bottom:10px;}
.reccomend_container .box_content p b{color:#ff7814;}


.sloution_container .case_container{display:flex;width:100%;padding-top:50px;}
.sloution_container .case_container .case_item{width:30%;margin:1.5%;background:#fff;padding:1%;border-radius:10px;}
.sloution_container .case_container .case_item .case_item_title{position:absolute;top:-15px;height:30px;text-align:center;lefT:15%;width:70%;padding:5px;border-radius:5px;color:#fff;font-size:1.2rem;}
.case_item .case_item_txt_list ul li{font-size:0.9rem;margin-bottom:10px;}
.case_item_1 .case_item_txt_list ul li{border-bottom: 2px solid #00ba6d;}
.case_item_2 .case_item_txt_list ul li{border-bottom: 2px solid #fd5081;;}
.case_item_3 .case_item_txt_list ul li{border-bottom: 2px solid #1e61ad;}
.case_item_1 .case_item_txt_list ul li i{color:#00ba6d;font-size:1.2rem;}
.case_item_2 .case_item_txt_list ul li i{color:#fd5081;font-size:1.2rem;}
.case_item_3 .case_item_txt_list ul li i{color:#1e61ad;font-size:1.2em;}

.reccomend_speech_bubble {    position: relative;    display: inline-block;    margin-top: 20px;    padding: 3%;    border: 2px solid #0091d4;
    border-radius: 10px;    background-color: #ffffff;    text-align: left;    font-size: 1rem;    font-weight: 400;    line-height: 1.5;    color: #000000;    width: 100%;}
.reccomend_speech_bubble:after{		content: "";    position: absolute;    top: 0;    left: 50%;    border-style: solid;    border-width: 0 7.8px 15.5px 7.8px;    border-color: transparent transparent #ffffff;    translate: -50% -100%;	}
.reccomend_speech_bubble::before {    content: "";    position: absolute;    top: 0;    left: 50%;    border-style: solid;    border-width: 0 9px 19px 9px;    border-color: transparent transparent #0091d4;    translate: -50% -100%;}
.reccomend_speech_bubble  ul li{display:inline-block;width: calc(100% - 240px);vertical-align: middle;}
.reccomend_speech_bubble  ul li:first-child{width:230px;}
.reccomend_speech_bubble  ul li .blue{font-size: 1.3rem;    font-weight: bold;    color: #0091d4;margin-bottom:17px;line-height: 1.5;}
.reccomend_speech_bubble  ul li p{padding-left:30px;}
.reccomend_text {    text-align: center;    margin: 30px auto 15px auto;}
.reccomend_text p {    font-size: 18px;    font-weight: bold;    position: relative;    width: fit-content;    margin: 0 auto;}
.reccomend_text p::before, .reccomend_text p::after {    position: absolute;    top: 0;    height: 30px;    content: '';    color: #ff7814;}
.reccomend_text p::before {    border-left: solid 1.5px;    left: -15px;    transform: rotate(-40deg);}
.reccomend_text p::after {    border-right: solid 1.5px;    right: -15px;    transform: rotate(40deg);}


.event_section2{    background: #f3f9e9;}
.event_section2 .select_container{display:flex;}
.event_section2 .select_container .select_item{position:relative;width:48%;margin:1%;padding:50px 2%;text-align:center;}
.event_section2 .select_container .select_item .absolute_title{position:absolute;top:-20px;height:40px;line-heighT:40px;left:0;width:100%;text-align:center;}
.event_section2 .select_container .select_item .absolute_title p{displaY:inline-block;color:#fff;font-size:1.2rem;font-weight:bold;padding:5px 20px;border-radius:50px;}
.event_section2 .select_container .select_item .top_txt{font-size:1.3rem;font-weight:bold;line-height:1.3}
.event_section2 .select_container .select_item .top_txt span{font-size:1.1rem;color:#000;font-weight:normal;}
.event_section2 .select_container .select_item .img_area{max-width:200px;margin:20px auto;}
.event_section2 .select_container .select_item .bottom_txt{font-size:1rem;color:#333}

.event_section3{text-align:center;}
.event_section3 .ex_txt{font-size:1.1rem;line-height:1.5;margin:30px 0}
.event_sub_title{font-size:1.5rem;font-weight:bold;color: #007AC1;margin:20px auto ;}
.event_section3 .event_sns_box {margin-bottom:50px;}
.event_section3 .event_sns_box ul {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.event_section3 .event_sns_box ul li{background:#F8F8F8;padding:20px 5px;margin: 3%;text-align:center;border-radius:10px;}
.event_section3 .event_sns_box ul li p{margin-bottom:5px;}
.event_section3 .event_sns_box ul li .img_box > img{max-width:100px;margin:0 auto;}
.event_section3 .event_sns_box ul li .bold_txt{font-weight:bold;font-size:0.9rem;}
.event_section3 .event_sns_box ul li .orange_box{background-color: #F27C29; color:#fff;font-size:0.7rem;padding:2px;width:80%;border-radius:30px;margin:5px auto;}
.event_section3 .event_sns_box ul li .middle_txt{font-size:0.8rem;}

.event_section3_notice{background:#fff6bb;padding:5%;max-width:900px;width:100%;margin:10px auto;}
.event_section3_notice h4{font-size:1.3rem;font-weight:bold;margin-bottom:20px}
.event_section3_notice h4 i{color:#ff7814;font-weight:normal;font-size:1.5rem;display:inline-block;margin-right:5px;}
.event_section3_notice p.bold{font-size:1rem;font-weight:bold;margin-bottom:10px;}
.event_section3_notice p{font-size:0.9rem;font-weight:normal}





/*출장 */
.businesstrip{font-size:16px;}
.businesstrip > section{padding:30px 0}
.businesstrip .mo_br{display:none;}
.businesstrip .event_title .dotted{ display:inline-block;margin:20px auto;   background-image: linear-gradient(to right, #a0d15b, #a0d15b 9px, transparent 9px, transparent 20px);    background-size: 14px 2px;
    background-position: left bottom;    background-repeat: repeat-x;    padding-bottom: 2px;}
.businesstrip_01 .top_banner{width:100%;    background: url(../img/sub/event_wifi/business_trip_top_banner.jpg) no-repeat center;height:450px;}
.businesstrip_01 .top_banner .text_area{position:absolute;top:30%;right:5%;text-align:right;}
.businesstrip_01 .top_banner .text_area p{text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;color:#000;font-weight:bold;font-size:1.3rem;}
.businesstrip_01 .top_banner .text_area p.org{font-size:2rem;color:#fff;    text-shadow: 0 0 5px #f87000, 0 0 5px #f87000, 0 0 5px #f87000, 0 0 5px #f87000;margin-bottom:20px;}
.businesstrip_01 .green_box{    letter-spacing: 2px;    height: 57px;    padding: 15px 0 0 0;    color: #fff;    background-color: #94b135;    text-align: center;}
.businesstrip_01 .green_box p{font-size:1.4rem;color:#fff;font-weight:bold;}
.businesstrip_02{background:#fff;text-align:center;}
.businesstrip_02 .businesstrip_02_content{max-width:800px;width:100%;border:3px solid #94b135;border-radius:10px;padding:3%;margin:0 auto;}
.businesstrip_02 .businesstrip_02_content ul {margin-top:30px;}
.businesstrip_02 .businesstrip_02_content ul li{display:inline-block;width:20%;vertical-align:top;}
.businesstrip_02 .businesstrip_02_content ul li:first-child{width:78%;padding:10px;text-align:left;}

.businesstrip_03{background-color: #F5FAEB;}
.businesstrip_03_cont ul {display:flex;margin-top:50px;}
.businesstrip_03_cont ul li{margin:1%;background:#fff;padding:10px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);}
.businesstrip_03_cont ul li p{padding:10px 0;text-align:left;line-height:1.5}
.businesstrip_03_cont ul li .bold_txt{font-weight:bold; font-size:1rem;text-align:center;}
.businesstrip_03_cont ul li img{}

.businesstrip_05 {background:#fff;}
.businesstrip_05_cont .item-box{border: 1px solid #8BC34A; margin-bottom:40px;}
.businesstrip_05_cont .item-box .item-title{background:#8bc34a; position:relative}
.businesstrip_05_cont .item-box .item-title .point-number{ display:inline-block; background:#fff;color:#8bc34a;font-size:1.1rem;width:80px;text-align:center;font-weight:bold;padding:10px;border:1px solid #8bc34a;position:absolute;top:-15px;left:-15px}
.businesstrip_05_cont .item-box .item-title .point-title{ display:inline-block;padding:10px 10px 10px 90px;font-size:1.4rem;font-weight:bold;color:#fff; }
.businesstrip_05_cont .item-box .item-cont{padding:10px;}
.businesstrip_05_cont .item-box .item-cont p{line-height:1.5}
.businesstrip_05_cont .item-box .item-cont .item_btn{margin:20px auto;text-align:center;}
.businesstrip_05_cont .item-box .item-cont .item_btn a{dispaly:inline-block;}
.businesstrip_05_cont .item-box .item-cont .item_btn a p{display:inline-block;padding:10px;width:180px;background:#717a7e;color:#fff;border-radius:10px;box-shadow:3px 4px 0 #424242;}
.businesstrip_05_cont .item-box .item-cont .estimate{
    margin: 20px 0;
}
.businesstrip_05_cont .item-box .item-cont .estimate ul{
    display: flex;

}
.businesstrip_05_cont .item-box .item-cont .estimate ul li{
    width: 33%;
    text-align: center;
}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:first-child{
    color: #4b8130;
    font-size: 1.3rem;
    font-weight: bold;
	position:relative;
    line-height: 1.5;
}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:first-child:after {    content: '';    display: inline-block;    width: 0;    position: absolute;    top: 17px;    right: 10px;    height: 0;
    border-top: 12px solid transparent;    border-bottom: 12px solid transparent;    border-left: 10px solid #35831f;  margin-left: 14px;    vertical-align: middle;}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:nth-child(2) p{display:inline-block;padding:10px 50px;background:#2b395c;color:#fff;border-radius:10px;margin-bottom:10px;box-shadow:3px 3px 0 #000206;}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:nth-child(3){}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:nth-child(3) a{background-color: #f45314;padding:10px 50px;display:inline-block;border-radius:10px;color:#fff;font-weight:bold;box-shadow:3px 3px 0 #7e2100;}

.businesstrip_06_cont {display:flex}
.businesstrip_06_cont .voice-item{margin: 50px 10px;/* display: block; */width: 50%;}
.businesstrip_06_cont .voice-item > div{
    display: inline-block;
    vertical-align: top;
}
.businesstrip_06_cont .voice-item .voice-text{
    position: relative;
    /* display: inline-block; */
    /* margin-right: 14px; */
    padding: 16px;
    border: 1px solid #8bc34a;
    border-radius: 12px;
    background-color: #ffffff;
    text-align: left;
    font-size: 1.1rem;
    /* font-weight: 400; */
    line-height: 1.5;
    color: #000000;
    width: 60%;
    }
.businesstrip_06_cont .voice-item .voice-text:before {    content: "";    position: absolute;    top: 38%;    right: 0;    border-style: solid;    border-width: 10px 0 10px 14px;    border-color: transparent transparent transparent #8bc34a;
    translate: 100% -50%;  }
  .businesstrip_06_cont .voice-item .voice-text:after {    content: "";    position: absolute;    top: 38%;
    right: 0;    border-style: solid;    border-width: 8.8px 0 8.8px 12.3px;    border-color: transparent transparent transparent #ffffff;
    translate: 100% -50%;  }
.businesstrip_06_cont .voice-item .voice-text p{line-height: 1.4;}

.businesstrip_06_cont .voice-item .voice_img{text-align:center;width: 38%;}
.businesstrip_06_cont .voice-item .voice_img img{} 


@media screen and (max-width: 1000px) {
	.event_wifi{font-size:14px;}
	.businesstrip{font-size:14px;}
		.event_title  {font-size:1.6rem;}
		.event_wifi > section{padding:30px 10px}
		.businesstrip > section{padding:30px 10px;}
		
		.businesstrip .mo_br{display:block;}

	/*이벤트*/
.reccomend_container .box_title p{font-size:1.5rem;}
	.sloution_container .case_container{display:block;}
	.sloution_container .case_container .case_item{width:100%;margin:0 0 30px 0}
	.reccomend_speech_bubble  ul li{display:inline-block;width:100%;vertical-align: middle;}
.reccomend_speech_bubble  ul li:first-child{width:100% ;text-align:center;margin-bottom:20px;}
	.reccomend_speech_bubble  ul li:first-child img{width:60%}
.event_section2 .select_container{display:block;margin:30px 0;}
.event_section2 .select_container .select_item{width:100%;margin-bottom:30px}
	.event_section3 .event_sns_box ul {display:grid; grid-template-columns: 1fr 1fr 1fr;}
.event_section3 .event_sns_box ul li{padding:0}


	/*출장*/
	.businesstrip_01{padding:30px 0;}
	.businesstrip_01 .inner{padding:0 !important;}
.businesstrip_01 .top_banner .text_area{position:absolute;top:30%;right: 0%;text-align: center;width: 100%;}
.businesstrip_01 .top_banner .text_area p.org{font-size: 1.5rem;}
.businesstrip_01 .green_box{    letter-spacing: 1px;    height: auto;padding:10px 5px;}
	.event_title .under_line{background:0;font-size: 1.6rem;}
	.businesstrip_02 .businesstrip_02_content ul li{width:100% !important;}
	.businesstrip_03_cont ul { display:block;}
	.businesstrip_03_cont ul  li {margin-bottom:15px}
	.businesstrip_03_cont ul  li p.bold_txt{width:100%;}
	.businesstrip_03_cont ul  li p{display:inline-block;width: 53%;vertical-align:top;padding: 0 0 0 5px;}
	.businesstrip_03_cont ul  li img{display:inline-block;width:45%;}

.businesstrip > section.businesstrip_05{padding: 30px 15px;}
.businesstrip_05_cont .item-box .item-cont .estimate ul{display:block}
.businesstrip_05_cont .item-box .item-cont .estimate ul li{width:100%;margin-bottom:20px;}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:first-child{border:2px dashed #62803b}
.businesstrip_05_cont .item-box .item-cont .estimate ul li:first-child:after{display:none;}
.businesstrip_06_cont{display:block}
.businesstrip_06_cont .voice-item{width:100%}
.businesstrip_06_cont .voice-item > div{vertical-align:middle}
.businesstrip_06_cont .voice-item .voice-text{width:70%}
.businesstrip_06_cont .voice-item .voice_img{width:28%}
	}
	
	
	
	
@media screen and (max-width:768px) {

}

@media screen and (max-width:500px) {
.businesstrip .inner{padding: 5px 5px !important;}
.event_wifi  .inner{padding: 5px 5px !important;}
.event_title{font-size:1.2rem;}
.event_title .under_line{font-size:1.3rem;}
.event_sub_title{font-size:1.1rem;}
.event_wifi .top_banner{   height: 250px;width:96%;background-size: cover;        background-position: 100%;}
.event_wifi .top_banner .txt_area > div{font-size:2rem;}
.event_wifi .top_banner .txt_area .top_txt{font-size:1.3rem;}
.reccomend_speech_bubble ul li p{padding-left:0}
.event_section3 .ex_txt{font-size:1.0rem;}
.event_section3 .event_sns_box ul {display:grid; grid-template-columns: 1fr 1fr }
.event_section3 .event_sns_box ul li .img_box > img{max-width:60px}


.businesstrip .event_title .dotted{margin:5px auto;}

.businesstrip_01 .top_banner{height:300px;}
.businesstrip_01 .top_banner .text_area{top:10%;}
.businesstrip_01 .green_box p{font-sizE:1.2rem;}
.businesstrip_02 .businesstrip_02_content ul{margin-top:0px;}
.businesstrip_03_cont ul li{text-align:center;}
.businesstrip_03_cont ul li img{width:80%;margin:10px auto;}
	.businesstrip_03_cont ul  li p{display:inline-block;width:100%;vertical-align:top;padding: 0 0 0 0px;}
.businesstrip_05_cont .item-box .item-title .point-title{font-size:1.2rem;}
}