@charset 'UTF-8';
a:hover .pic_area:after{content:'';}
a:hover .article_area{transition:.3;}
.wrap{position:relative;width:auto;min-width:1200px;margin:109px auto 0;}
body{font-family:'Malgun Gothic',Gulim,'Apple SD Gothic Neo',sans-serif;/* overflow-x:scroll; */}

/*.pic_area{position:relative;overflow:hidden;}
.pic_area:after{display:block;content:'';}
*/

/*content*/
.content{overflow:hidden;min-height:0;margin:0 auto;word-break:break-word;}
.sub_banner{height:355px;background:#321148  url(../img/sub_banner.jpg?20241028) no-repeat center;}
.tab_area{width:1178px;margin:40px auto 0;}
.tab_area ul{display:block;overflow:hidden;width:100%;border:1px solid #ddd;}
.tab_area li{float:left;width:33.3%;height:56px;transition:.3s;text-align:center;border-right:1px solid #ddd;}
.tab_area li:last-child{border-right:none;}
.tab_area li a{font-size:17px;height:100%;padding-top:19px;color:#555;}
.tab_area li.on a{font-weight:bold;color:#fff!important;}
.tab_area li.on{background: #653ea5!important;}
.tab_area li:hover,.tab_area li:active,.tab_area li:focus{background:#ebebeb;}
.tab_area li.on a,.tab_area li:hover a,.tab_area li:active a,.tab_area li:focus a{    /* color: #ebebeb; */}
.tab_area_02{width:1078px;margin:30px auto 0;}
.tab_area_02 ul{display:block;overflow:hidden;width:100%;border:1px solid #ddd;}
.tab_area_02 li{float:left;width:50%;height:56px;transition:.3s;text-align:center;border-right:1px solid #ddd;}
.tab_area_02 li:last-child{border-right:none;}
.tab_area_02 li a{height:100%;padding-top:19px;color:#555;}
.tab_area_02 li:hover,.tab_area_02 li:active,.tab_area_02 li:focus{background:#ebebeb;}
.tab_area_02 li.on{background: #653ea5!important;}
.tab_area_02 li.on a{font-weight:bold;color:#fff!important;}
.tab_area_02 li.on a,.tab_area_02 li:hover a,.tab_area_02 li:active a,.tab_area_02 li:focus a{    /* color:#fff; */}

/*infor_area*/
.infor_area div{display:block; background:url(../img/about_img.jpg?20241028) no-repeat;margin: 80px auto 40px; width: 988px; height: 0; padding-bottom: 317px; background-size: contain;}
.infor_area .tit.type_01{display: none;}
.infor_area .ex{font-size:16px;line-height:28px;display:block;box-sizing:border-box;width:1100px;margin:0 auto 120px;padding:0 15px;letter-spacing:-.75px;color:#666;}

/*vision_area*/
.vision_area .tit_01{margin:80px auto 25px;}
.vision_area{
    width: 1038px;
    margin: 0 auto 80px;
}
.vision_area .tit_txt{
    color: #653ea5;
    font-size: 24px;
}
.vision_area .ex_txt{
    margin-bottom: 60px;
    color: #666;
    line-height: 1.5;
    font-size: 15px;
    margin-top: 15px;
}
.vision_area .vision_txt{
    color: #5d5d5d;
    font-size: 32px;
    text-align: center;
}
.vision_area .txt_01{font-size:18px;line-height:36px;text-align:center;color:#000;}
.vision_area .img_01{background:url(../img/info_vision_img.png?20241028) no-repeat center;height: 0; padding-bottom: 54%; background-size: contain;}
.vision_area img{display:block;margin:0 auto 0;}
.vision_area .ex{font-size:16px;line-height:28px;display:block;box-sizing:border-box;width:1100px;margin:0 auto 120px;padding:0 15px;letter-spacing:-.75px;color:#666;}

/*host_area*/
.host_area{width:1200px;margin:80px auto 120px;padding:0 50px;}
.host_area li{margin-bottom: 60px;}
.host_area .type_01{position:relative;min-height: 274px;color:#fff;background:url(../img/info_orgBg.gif?20191021108) no-repeat center;}
.host_area .type_01:first-of-type{background-size: 1300px; min-height: 320px;}
.host_area .type_01 .tit_01{font-size:32px;position:relative;display:inline-block;padding:30px 60px 20px 30px;color: #7cbbff;}
.host_area .type_01 .tit_01:after{position:absolute;top:28px;right:1px;display:block;width:40px;height:40px;content:'';background:url(../img/icon_home.png?20191021108) no-repeat center;}
.host_area .type_01 a:hover .tit_01:after{display:block;display:block;content:'';-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.host_area .type_01 .firm{position:absolute;top:50%;right:30px;width:230px;height:65px;margin-top: -50px;transition:.3s;}
.host_area .type_01 .firm.pic_01{background:url(../img/info_orgLogo1.gif?2021) no-repeat center;}
.host_area .type_01 .firm.pic_02{background:url(../img/info_orgLogo2.png?20241105) no-repeat center;background-size: contain;}
.host_area .type_01 .firm.pic_03{background:url(../img/info_orgLogo3.gif?2021) no-repeat center;}
.host_area .type_01 .ex{font-size:14px;line-height:28px;clear:both;width:670px;margin: 30px 0 0px 30px;letter-spacing:-.65px;color:#aaafb5;}
.host_area .type_02{overflow:hidden;margin-bottom:60px;}
.host_area .type_02 .pic_area{display:block;float:left;margin-left:25px;}
.host_area .type_02 .txt_area{display:block;float:left;width:763px;margin:10px 0 0 40px;}
.host_area .type_02 .txt_area strong{font-size:28px;color:#31384f;}
.host_area .type_02 .txt_area span{font-size:18px;margin-left:10px;color: #653ea5;}
.host_area .type_02 .txt_area .ex{font-size:16px;line-height:28px;padding:14px 0 0 5px;color:#666;}
.map_area{overflow:hidden;width:1095px;margin:0 auto;}
.map_area .map{height:520px;margin-top:80px;background:#eee;}
.map_area .txt_map{display: block;padding: 40px 0;}
.map_area .txt_map .map_tit{font-size:28px;line-height:1.3;margin:20px 0;color:#653ea5;}
.map_area .txt_map .addr{font-size:17px;line-height:1.1;margin-bottom: 10px;color:#333;clear: both;display: inline-block;}
.map_area .txt_map .addr .as_dt{font-size:17px;display:block;float:left;margin-right:30px;color: #653ea5; font-weight: bold;}
.map_area .txt_map .addr .as_dd{letter-spacing:-1px;word-break:keep-all;margin-right: 50px;}
.map_area .txt_map .tel{text-align:justify;}
.map_area .txt_map .tel span{margin-right:15px;}
.map_area .txt_map .transfer{margin-top: 20px;padding-top: 30px;border-top: 1px solid #ddd; width: 100%;}
.map_area .txt_map .transfer h2{font-size:30px; width:250px; height:300px; display:inline-block;float:left;color:#555;}
.map_area .txt_map .transfer .add_txt{display: inline-block; float: left; width: 500px; margin: 0;float:left;padding-left: 50px;position: relative;margin-bottom: 25px;}
.map_area .txt_map .transfer .add_txt .as_dt{display:inline-block;margin-bottom:10px;width: 150px;}
.map_area .txt_map .transfer .add_txt:before{background:url(../img/info_map_img.gif?202011) 0 0 no-repeat; width:50px; height:41px; top:-10px; left:0; content:'';display: block; position: absolute;}
.map_area .txt_map .transfer .add_txt:last-of-type:before {background:url(../img/info_map_img.gif?202011) 0 -41px no-repeat;}
.map_area .txt_map .transfer .add_txt .as_dd{font-size:15px;line-height:1.4;position:absolute;box-sizing:border-box;margin-bottom:8px;padding-left:50px; word-break:keep-all;color:#888;display: inline-block;}
.map_area .txt_map .transfer .add_txt:last-of-type .as_dd{margin-right: 11px;}

/*speaker_area*/
.speaker_area{width:1093px;margin:85px auto 150px;}
.speaker_area .list_speaker{overflow:hidden;}

/*.speaker_area li{position:relative;overflow:hidden;margin:0 0 30px;border:1px solid #e3e3e3;border-top:none;border-bottom:none;}
.speaker_area li.type_01:before{display:block;width:100%;height:8px;content:'';background:url(../img/bg_speaker.png?20191021108) no-repeat -1px 0;}
.speaker_area li.type_01:after{display:block;position:absolute;width:100%;height:20px;bottom:0;content:'';background:url(../img/bg_speaker.png?20191021108) no-repeat bottom;}
.speaker_area .type_01 .pic_area{float:left;width:225px;padding:35px 40px;}
.speaker_area .type_01 .txt_area{float:right;width:800px;overflow:hidden;margin:30px 40px 0 0;}
.speaker_area .type_01 .txt_area .tit_01{padding-bottom:12px;}
.speaker_area .type_01 .txt_area .tit_01 span{font-size:28px;color:#31384f;}
.speaker_area .type_01 .txt_area .tit_01 strong{font-size:18px;margin-left:10px;color: #999;}
.speaker_area .type_01 .txt_area .ex{display:block;font-size:19px;line-height:28px;color: #e5695d;word-break: break-word;}
.speaker_area .type_01 .txt_area .txt{overflow:hidden;font-size:14px;line-height:26px;margin-top:25px;padding:20px 0 40px;color:#666;word-break: keep-all;border-top:1px solid #eee;}
*/
.speaker_area{margin:10px auto 70px;}
.speaker_area .list_speaker{position:relative;display:block;margin:40px 20px 0;}
.speaker_area .list_speaker li{position:relative;margin:0 0 30px 0;padding-bottom:30px;border:1px solid #dadada;border-top: 5px solid #cfc4df;}
.speaker_area .list_speaker li:last-child{/* border:none; */}
.speaker_area .list_speaker li .tit_speaker{font-size:22px;line-height:1.2;position:relative;margin:30px 0 30px;color:#0facc3;}
.speaker_area .list_speaker li .tit_speaker .impact_01{font-size:22px;font-weight:bold;line-height:1.5;display:block;color:#0facc3;}
.speaker_area .list_speaker li .tit_speaker:before{display:block;content:'';}
.speaker_area .list_speaker li .picbox{position:relative;min-height:190px;}
.speaker_area .list_speaker li .picbox .pic_area{position:absolute;top:20px;left:20px;width:160px;height:100%;}
.speaker_area .list_speaker li .picbox img{width:100%;}
.speaker_area .list_speaker li .txt_area{clear:both;margin:30px 0 0 240px;}
.speaker_area .list_speaker li .txt_area .name{padding:0 0 10px 0;}
.speaker_area .list_speaker li .txt_area .name strong{font-size:15px;margin-left:11px;color:#8a8a8a;}
.speaker_area .list_speaker li .txt_area .name span{font-size:20px;color:#323232;/* font-weight:bold; */}
.speaker_area .list_speaker li .txt_area .txt{font-size:15px;line-height:28px;color:#333;}
.speaker_area .list_speaker li .txt_area .ex{font-size:19px;line-height:28px;display:block;margin: 0 30px 20px 0px;padding:0 0 20px 0;word-break:break-word;color: #653ea5;border-bottom:1px solid #ddd;}

/*program_area*/
.program_area{width:1080px;/* height: 1286px; */margin: 0px auto 20px;/* padding-top:270px; *//* background:url(../img/pro_00.gif?20191021108) no-repeat; */}
.program_area.day_02{width:1080px;/* height: 1566px; */margin:40px auto 40px;/* background:url(../img/info_program_img2.gif?20191021108) no-repeat; */}
.program_area table{width:100%;border-top: 3px solid #cfc4df;}
.program_area tr{min-height:50px;border-bottom:1px solid #dbdbdb;}
.program_area td{padding: 12px 10px 12px 15px;}
.program_area td:first-child{border-right:1px solid #dbdbdb;}
.program_area .time{font-size:16px;width:200px;text-align:center;letter-spacing:0;color:#282828;background:#f4f4f4;}
.program_area .col_2_td{font-size:21px;font-weight:bold;text-align:center;}
.program_area .col_3_td{font-size:21px;font-weight:bold;text-align:center;border-right:none!important;}
.program_area td p{font-size:16px;line-height:21px;position:relative;}
.program_area td p .mr-left{left: 83px;}
.program_area .col_2_td strong{font-size:19px;color:#653ea5;}
.program_area .col_3_td strong{font-size:18px;line-height:2;color:#666;}
.program_area .br_00 strong{font-size:20px;line-height:21px;position:relative;display:inline-block;margin:0 0 6px 0;padding:0 10px 0 0;color:#653ea5;}
.program_area .br_00.excp strong{font-size:19px;line-height:35px; font-weight: 400;}
.program_area .br_00 strong.type_01{
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: bold;
    position: relative;
    line-height: 27px;
    top: -1px;
}
/*.program_area .br_00 strong:after{position:absolute;top:5px;right:0;display:block;width:1px;height:15px;content:'';border-right:1px solid #bdbdbd;}
.program_area .br_00.excp strong:after{content:none;}*/
.program_area .br_01 strong{font-size:21px;position:relative;display:inline-block;margin:0 10px 0 0;padding:0 10px 0 0;color:#129a95;}
.program_area .br_01 strong:after{position:absolute;top:5px;right:0;display:block;width:1px;height:15px;content:'';border-right:1px solid #bdbdbd;}
.program_area span{font-size:15px;}
.program_area .br_00 span{position:relative;top:-2px;}
.program_area .br_00.excp span{font-weight: bold;line-height: 35px; color:#333;}
.program_area .br_00{width: 480px;border-right:1px solid #dbdbdb;}
.program_area .speaker_td{width:350px;position: relative;}
.program_area .speaker_td p{
    /*padding: 0 110px 0 0;*/ padding:0;
}
.program_area .speaker_td strong{font-size:16px;display:block;color:#282828;}
.program_area .speaker_td span{font-size:13px;color:#8a8a8a;}
.notic_program{display:block;width:1080px;margin:30px auto 100px;color:#666;color: #c86262;}
.notic_program span{display:block;margin-bottom:10px;}
.program_time{width:1080px;/* height: 1286px; */margin:40px auto 20px; display: flex; justify-content: space-between;  flex-direction: row; align-items: center;}
.program_time .program_time_img{width:500px;background: url(../img/info_program_img.png?20241028) no-repeat;position: relative; height: 250px;display: inline-block;}
.program_time .program_schedule{display: inline-block; position: relative; margin: 0;max-width: 550px; min-width: 500px;}
.program_time .program_schedule p{ display: flex;  flex-direction: row; align-items: flex-start;padding: 3px 0;}
.program_time .program_schedule b{background: #653ea5; color:#fff; padding: 5px 40px;border-radius: 20px;display: inline-block;}
.program_time .program_schedule span{margin-left: 20px; position: relative; display: inline-block;padding: 3px 0}

.program_area .pg_book_area{
    overflow: hidden;
}
.program_area .pg_book_area .down_file{
    font-size: 16px;
    color: #000;
    display: block;
    float: right;
    padding: 15px 45px 25px 0px;
    position: relative;
}
.program_area .pg_book_area .down_file:after{
    display:block;
    content:"";
    width: 20px;
    height: 20px;
    background: url(../img/btn_down_pc.png) no-repeat;
    position: absolute;
    right: 14px;
    top: 14px;
}
.program_area .speaker_td .down_file{}

.program_area .speaker_td .down_file{
    font-size: 14px;
    color: #838383;
    display: block;
    float: right;
    padding: 15px 45px 15px 0px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -26px;
}
.program_area .speaker_td  .down_file:after{
    display:block;
    content:"";
    width: 20px;
    height: 20px;
    background: url(../img/btn_down_pc.png) no-repeat;
    position: absolute;
    right: 14px;
    top: 14px;
}

/*live*/
.live{line-height: 50px;padding-left: 20px; text-align: center; margin-top: 60px;}
.live .txt{font-size:30px;}
.live .blue{color:#653ea5;}

/*live_area*/
.live_area{width:1080px;margin: 0px auto 20px; padding: 50px 0;}

/*order_area*/
.order_area{font-family:'nanum';font-size:18px;width:990px;margin:50px auto;padding:40px 34px;}
.order_area .ex_txt{font-size:14px;font-weight:bold;line-height:1.7;padding:36px;text-align:left;color:#666;border:1px solid #e6e6e6;}
.order_area .ex_txt strong{display:inline-block;clear:none;letter-spacing:0;color:#000;}
.order_list tr{font-size:14px;border-bottom:1px solid #e1e1e1;}
.order_list .tit_order{font-weight:bold;float:left;color:#333;padding: 25px;width: 30%;max-width: 200px;}
.order_list .ex_order{float:left;letter-spacing:0;padding: 25px; word-break: break-all;width: 70%;}
.order_list .ex_order.big strong{font-size:24px;font-weight:bold;margin-right:10px;letter-spacing:0;color:#e4450d;}
.order_list .ex_order.big{color:#666;}
.order_list{border-top:3px solid #ccc;width: 100%;}
.ex_order input{line-height:26px;width:42px;height:26px;text-align:center;border:1px solid #ddd;}
.ex_order button{line-height:26px;width:42px;height:28px;text-align:center;border:1px solid #ddd;background:linear-gradient(to bottom,rgba(255,255,255,1) 1%,rgba(246,247,249,0) 100%);}
.order_area .ex_txt.type_02{font-size:13px;font-weight:normal;padding:14px 0;padding-left:0;text-align:left;color:#666;border:none;}
.order_area .btn_area{display:block;float:none;clear:both;width:100%;text-align:center;}
.order_area .box_type_02{font-size:15px;line-height:18px;position:relative;display:inline-block;width:178px;margin:8px auto;margin-left:10px;padding:10px;padding-right:40px;text-align:center;letter-spacing:0;color:#fff;border:1px solid #333;background:#333;}
.order_area .box_type_02:before{position:absolute;top:8px;right:7px;display:block;float:right;width:13px;height:22px;margin:auto;content:'';background:url(../img/icon_btn02.png?20191021108) no-repeat -22px -56px;}
.ex_order input{line-height:26px;width:42px;height:26px;text-align:center;border:1px solid #ddd;}
.ex_order select{line-height:26px;display:block;width:60px;height:26px;text-align:center;border:1px solid #ddd;}
.ex_order button{line-height:26px;width:42px;height:28px;text-align:center;border:1px solid #ddd;background:linear-gradient(to bottom,rgba(255,255,255,1) 1%,rgba(246,247,249,0) 100%);}

/*wrap_confirm*/
.msg{font-size:34px;font-weight:bold;line-height:190px;min-height:50vh;margin-top:80px;text-align:center;color:#666;}

/*wrap_confirm*/
.wrap_confirm{overflow:hidden;width:100%;padding:10px;}
.wrap_confirm li{display:block;margin:26px 0;padding:0 0 30px 0;border-bottom:1px dashed #ddd;}
.wrap_confirm li:last-child{border:none;}
.wrap_confirm .confirm{text-align:center;}
.wrap_confirm .box_user{overflow:hidden;border:2px solid #ccc;}
.wrap_confirm .box_user .user{line-height:56px;float:left;width:100%;height:56px;text-align:center;}
.wrap_confirm .box_user .user label{font-size:16px;font-weight:bold;line-height:30px;display:inline-block;height:30px;margin-right:10px;}
.wrap_confirm .box_user .user input{position:relative;box-sizing:border-box;width:140px;height:30px;padding:0 10px;text-align:right;color:#666;border:1px solid #aaa;}
.wrap_confirm .btn_s01{font-size:14px;line-height:35px;display:inline-block;float:none;width:100px;height:35px;margin:15px auto 0;text-align:center;color:#fff;border:1px solid #0078d0;background:#308ee5;}
.wrap_confirm li .text{font-weight:bold;line-height:1.5;overflow:hidden;margin-bottom:20px;padding:10px 10px;text-align:center;border:2px solid #ccc;}
.wrap_confirm li .warn{font-size:13px;font-weight:normal;line-height:1.8;overflow:hidden;padding:10px 0;padding:10px 20px;text-align:left;border:1px solid #ccc;background:#e8e8e8;}
.wrap_confirm li .warn strong{font-size:14px;font-weight:bold;color:inherit;border:none;}
.wrap_confirm li strong{margin:0 2px;padding:0 1px;color:#308ee5;border-bottom:1px solid;}
.wrap_confirm{width:910px;margin:90px auto;padding:0;}
.wrap_confirm li:last-child{border:none;}
.wrap_confirm .box_user .user{line-height:86px;width:50%;height:86px;}
.wrap_confirm .box_user .user input{line-height:0;}
.wrap_confirm li .text{line-height:90px;height:90px;padding:0;}
.wrap_confirm li .warn{font-size:13px;font-weight:normal;line-height:1.8;overflow:hidden;padding:10px 0;text-align:center;border:1px solid #ccc;background:#e8e8e8;}
.wrap_confirm li .warn strong{font-size:14px;font-weight:bold;color:inherit;border:none;}
.wrap_confirm li strong{margin:0 2px;padding:0 1px;color:#308ee5;border-bottom:1px solid;}
.event_p{width:925px;margin:0 auto;}
.main_p  .banner_02{height:0;padding-bottom:30%;background:url(../img/banner_02.jpg?20191021108) no-repeat;background-size:cover;}
.event_p .about_event{font-family:'notokr-r';padding:0 20px;word-break:keep-all;}
.event_p .banner_02{width:100%;height:238px;margin:50px 0 80px;background:url(../img/event_img_txt.jpg?20191021108) no-repeat center top;}
.event_p .txt_area{font-size:18px;line-height:38px;margin-bottom:50px;text-align:center;color:#666;}
.event_p .impact_txt{font-size:22px;font-weight:bold;line-height:27px;padding-bottom:85px;text-align:center;color:#1097c2;border-bottom:3px solid #1097c2;}
.event_p .table_event{width:100%;color:#1097c2;}
.event_p .table_event tr{min-height:60px;color:#444;border-bottom:1px solid #ddd;}
.event_p .table_event tr th{font-size:15px;font-weight:bold;line-height:20px;width:175px;min-height:62px;padding-left:5px;text-align:center;color:#1097c2;background:#e8f5fc;}
.event_p .table_event tr td{font-size:14px;line-height:20px;min-height:62px;word-break:keep-all;}
.event_p .table_event tr .inner_td{font-size:15px;overflow:hidden;padding:20px 0 20px 33px;color:#595857;}
.event_p .table_event tr .inner_td .col_2{display:inline-block;min-width:42%;}
.event_p .table_event tr td .txt{line-height:30px;}
.event_p .table_event tr td .txt_type_02{line-height:20px;word-break:keep-all;}
.event_p .table_event tr td .txt_type_02 strong{font-size:20px;word-break:keep-all;}
.event_p .table_event tr td .dot:before{position:absolute;top:8px;left:3px;display:block;overflow:hidden;width:4px;height:4px;content:'';border-radius:3px;background:#1097c2;}
.event_p .table_event tr td .dot{font-size:15px;position:relative;margin-right:50px;padding-left:15px;}
.event_p .table_event tr td .dot_2:before{position:absolute;top:16px;left:3px;display:block;overflow:hidden;width:4px;height:4px;content:'';border-radius:3px;background:#1097c2;}
.event_p .table_event tr td .dot_2{font-size:15px;position:relative;display:block;padding:7px 0 7px 15px;padding-left:15px;}
.event_p .btn_area_event{overflow:hidden;width:100%;padding:60px 0 90px;text-align:center;}
.event_p .btn_area_event .btn_01{display:inline-block;width:234px;height:54px;margin-right:34px;background:url(../img/event_btn_01.gif?20191021108) no-repeat;}
.event_p .btn_area_event .btn_02{display:inline-block;width:234px;height:54px;background:url(../img/event_btn_02.gif?20191021108) no-repeat;}
.event_p .table_event tr:last-child{padding-bottom:0;}



@media (max-width:1220px) and (min-width:990px) {
    .tab_area{width:900px;}
    .wrap{min-width:auto;}
    .infor_area div, .infor_area .ex{}
    .vision_area{width:100%;}
    .vision_area .tit_txt, .vision_area .ex_txt {padding: 0 30px; width: 100%;}
    .vision_area .tit_01{width: 50%;}
    .vision_area .img_01{width: 100%;}
    .host_area{width:100%;}
    .host_area .type_01 .firm.pic_01, .host_area .type_01 .firm.pic_02, .host_area .type_01 .firm.pic_03{right: 2%; background-size: contain;}
    .host_area .type_01 .ex{width: 67%;}
    .host_area .type_02 {display:flex;}
    .host_area .type_02 .pic_area {flex:1;}
    .host_area .type_02 .txt_area {flex:5;}

    .map_area{padding: 0 20px; width: 100%;}
    .speaker_area{width:100%;}
    .program_time{width:100%;margin: 40px 20px;justify-content: space-around;}
    .program_area, .notic_program{width: 100%;padding: 0 20px;}
    .tab_area_02{width:90%;}
    .article_area.list_01{padding: 0 20px; width: 100%;}
    .article_area.list_01.pht{    width: 1000px; padding:0;}
    .article_list.news, .article_area.list_01 li{width:100%;}
    .article_area.list_01 h3{width: 400px; position: absolute;left: 220px;}
    .article_area.list_01 p{position: relative;width: 75%; top: 40px;}
    .article_area .article_list.photo h3{position: relative;  left: 0;}
}

@media (max-width:989px) {
    .wrap{min-width:auto;}
    .sub_banner{display: none;}
    .tab_area{width:auto;}
    .tab_area ul{width: 334px; margin: 14px auto; border-top: 0; display: block; overflow: hidden;}
    .tab_area li{font-size: 14px; font-weight: bold; line-height: 40px;  float: left;  width: 33.33%;  height: 40px;  text-align: center;  border: 1px solid #eee; border-right: 0;  border-bottom: 0;}
    .tab_area li.on {color: #fff; background: #21c19f;}
    .tab_area li a{padding-top:0;}
    .infor_area div {background:url(../img/about_img.jpg?20241028) no-repeat; margin: 20px auto; width: 90%; padding-bottom: 35%; display: block;position: relative; background-size: 100%;}
    .infor_area .tit.type_01{display: block;font-size: 25px;line-height: 29px; padding: 0 15px 30px; color: #653ea5;}
    .infor_area .ex{width:100%;}
    .vision_area{width:100%}
    .vision_area .tit_txt, .vision_area .ex_txt {padding: 0 30px; width: 100%;}
    .vision_area .tit_01, .vision_area .vision_txt {margin-bottom: 20px;width: 100%; display: none;}
    .vision_area .img_01{background-size: contain; }

    .host_area{width:100%;}
    .host_area li{ margin-bottom: 15px; padding: 20px 15px; box-shadow: 0 2px 7px rgba(2,2,6,.35);}
    .host_area .type_01{background:none;}
    .host_area .type_01 a{outline: none!important;}
    .host_area .type_01 .tit_01{font-size: 25px; padding: 0 0 15px; color: #653ea5; border-bottom: 2px solid #ddd; width: 100%;}
    .host_area .type_01 .tit_01:after{top: -6px;height: 35px;background: url(../img/icon_home_m.png?202011) no-repeat center;}
    .host_area .type_01 .firm.pic_01,.host_area .type_01 .firm.pic_02,.host_area .type_01 .firm.pic_03{width: 163px; margin: 20px auto 10px; padding-bottom: 60px; top: auto;right: auto;  background-size: contain; position: relative;}
    .host_area .type_01 .firm.pic_01 {background:url(../img/info_orgLogo1_m.gif?202011) no-repeat center; background-size: contain;}
    .host_area .type_01 .ex{margin-top: 0; position: relative;  width: 100%;  margin: 20px 0;  word-break: keep-all; color: #444; font-size: 16px;}

    .host_area .type_02{position: relative; margin: -15px 0 15px 0;  background: #fff; box-shadow: 0 5px 3px rgba(2,2,6,.35);}
    .host li.type_02:before{display: block; margin: 0 15px; height: 1px; content: ''; border-top: 2px solid #ddd;}
    .host_area .type_02 .pic_area{width: 100%; text-align: center;margin: 20px 0 0;}
    .host_area .type_02 .txt_area{width: 100%; margin: 20px 0;}
    .host_area .type_02 .txt_area strong{width: 100%;  clear: right;  display: block; text-align: center;}
    .host_area .type_02 .txt_area span{width: 100%; clear: both; text-align: center; display: block; font-size: 16px; line-height: 24px; margin: 15px 0; color: #653ea5;}
    .host_area .type_02 .txt_area .ex{font-size: 16px;  line-height: 28px; padding: 14px 0 0 5px; color: #666;}

    .map_area{width: 100%;}
    .map_area .map{ margin-top: 10px;}
    .map_area .txt_map{padding: 0 20px 100px;  width: 100%;}
    .map_area .txt_map .map_tit{font-size: 23px;}
    .map_area .txt_map .addr{display: block;}
    .map_area .txt_map .addr .as_dt{margin-right: 10px;}
    .map_area .txt_map .add_txt .as_dd:before{position:absolute;top:8px;left:3px;display:block;width:6px;height:6px;content:'';border-radius:3px;background:#653ea5;}
    .map_area .txt_map .transfer h2{display: none;}
    .map_area .txt_map .transfer .add_txt{display: block;  width: auto; margin: 0 0 20px 0;  padding: 0;  float: none;}
    .map_area .txt_map .transfer .add_txt .as_dt{display: block;}
    .map_area .txt_map .transfer .add_txt .as_dd{display: block; float: none;}
    .map_area .txt_map .transfer .add_txt:before{content:none;}

    .speaker_area{width:100%;margin: 0 auto 70px;}
    .speaker_area .list_speaker{margin: 0 20px 0;}
    .speaker_area .list_speaker li{ margin-bottom: 15px; padding: 20px 12px; text-align: center;  box-shadow: 0 2px 7px rgba(5,5,10,.35); }
    .speaker_area li:before {content:none;}
    .speaker_area li:after {content:none;}
    .speaker_area .list_speaker li .picbox .pic_area{width: 100%; top: 0; position: relative; left:0; }
    .speaker_area .list_speaker li .picbox img{width:220px;}
    .speaker_area .list_speaker li .txt_area {margin: 0;width: 100%;}
    .speaker_area .list_speaker li .txt_area .name span{display: block; font-size: 25px; position: relative;  margin: 22px auto 0; padding-bottom: 15px; color: #653ea5;}
    .speaker_area .list_speaker li .txt_area .name span:after{display: block;width: 30px; height: 3px;margin: 15px auto 0;  content: ''; border-bottom: 3px solid #653ea5;}
    .speaker_area .list_speaker li .txt_area .name strong{display: block; font-size: 16px; line-height: 24px;clear: both; width: 100%; margin-top: 15px; margin-left: 0; text-align: center;letter-spacing: -1px;word-break: keep-all; color: #653ea5;}
    .speaker_area .list_speaker li .txt_area .ex{display: none;}
    .speaker_area .list_speaker li .txt_area .txt{text-align: left;}

    .program_time, .program_area, .notic_program{width: 100%;}
    .program_time{position: relative; padding: 30px 20px;margin: 0; width: 100%; max-width: none;}
    .program_time .program_time_img{background:none; display: none;}
    .program_time .program_schedule{top: 0; width: 100%; left: 0; padding-right: 0;font-size: 16px; max-width: initial;  min-width: initial;}
    .program_time .program_schedule p{position: relative;display: flex; flex-direction: row; align-items: flex-start;}
    .program_time .program_schedule b{margin-left: 0;padding: 2px 20px; height: 22px;display: inline-block;;}
    .program_time .program_schedule span{margin-left: 10px; padding: 3px 0;    word-break: break-all;}
    .program_area, .notic_program {padding:0 20px;}
    .program_area .pg_book_area .down_file{background:url(../img/btn_down_m_programbook_kr.gif?202011) no-repeat;float: none; position: relative; width: 100%;background-size: contain;padding-bottom: 15%;max-width: 400px; height: 0; margin: 0 auto;}
    .program_area .pg_book_area .down_file:after{content:none;}
    .program_area .pg_book_area .down_file span{display: none;}
    .program_area table{border-top: 3px solid #cfc4df;}
    .program_area tr{font-size: 16px; overflow: hidden; padding: 15px 0; letter-spacing: 0;  color: #282828; border-bottom: 1px solid #ddd; width: 100%;}
    .program_area td.time{font-weight: bold; line-height: 21px; display: inline-block; float: left; width: 100px; text-align: center; position: relative; color:#333; background: #fff; border: none; padding: 12px 10px 12px 2px;}
    .program_area td.col_2_td{line-height: 21px;  padding: 0 0 0 20px;text-align: left;}
    .program_area .col_2_td strong{font-weight: bold;line-height: 1.3;margin-bottom: 7px; word-break: keep-all; color: #333; font-size: 16px;}
    .program_area .speaker_td p { padding: 0;}

    .tab_area_02{width: 90%;}
    .article_area.list_01{width: 100%;}
    .article_list.news{width: 100%; padding: 0 20px;  box-shadow: none; margin: 0px auto 0;position: relative;}
    .article_area.list_01 li{width: 100%;  border-bottom: 1px solid #eee;  margin: 0; padding-bottom: 10px;}
    .article_area.list_01 .article a{margin: 0; position: relative;}
    .article_area.list_01 h3{ width: 100%;float: left;  position: absolute;   z-index: 1;  background: rgba(0,0,0,0.6);  text-align: center; padding: 15px;  bottom: 60px; height: auto;max-width: 100%; color: #fff;font-size: 4vw;}
    .article_area.list_01 .news_photo{ width: 100%; height: auto;  margin-right: 0;  position: relative;}
    .article_area.list_01 p{width: 100%;}
    .article_list.photo{width:100%; margin:0; padding:0 20px;}
    .article_area .article_list.photo li{min-height: 45px; margin-bottom: 14px;  border-bottom: 2px solid #eee;  width: 100%;padding: 0; height: auto;}
    .article_area .article_list.photo .news_photo{ overflow: hidden; float: left; width: 100%; height: 0; padding-bottom: 63%; box-shadow: 0 2px 7px rgba(2, 2, 6, .35); position: relative; }
    .article_area .article_list.photo h3{position: relative; font-size: 4vw; height: auto; padding: 15px;  bottom: 60px; font-weight: bold;}

    .order_area{width:100%;}

    .wrap_confirm{width:100%; padding:0 20px;}
}
@media (max-width:639px) {
    .order_list .tit_order, .order_list .ex_order {padding: 25px 10px;}
    .wrap_confirm .box_user .user {width: 100%;}
}

@media (max-width:450px) {
    .program_area td{ padding: 5px 5px 5px 5px;}
    .program_area td.time{font-size: 14px;word-break: break-word;width: 60px;}
    .program_area td p{line-height: 18px;}
    .program_area td p .mr-left{left: 70px;}
    .program_area .col_2_td strong, .program_area .br_00 strong.type_01{font-size: 14px;}
    .program_area .br_00 strong{font-size: 16px;word-break: break-word;}
    .program_area .br_00.excp strong{font-size: 16px;}
    .program_area span{font-size: 13px;word-break: break-word;}
    .program_area .speaker_td strong { font-size: 14px;word-break: break-word;}
    .program_area .speaker_td span { font-size: 12px;word-break: break-word;}

    .host_area{padding: 0 20px;}

    .order_area{padding:20px;}
    .order_list .tit_order{padding-left: 5px;}

    .map_area .map{ height: 320px;}
}