@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------------
    컨텐츠 공통
-------------------------------------------------------------------------------------------------------------------*/
.cont_img {position: relative;display: block;}
.cont_img img {max-width: 100%}

.h3_tit {position: relative;display: block;font-size: 23px;color: #222;font-weight: 600 !important;line-height: 22px;padding-top: 10px;letter-spacing: -0.07em;margin-bottom: 15px}
.h3_tit span {font-weight: 600 !important;}
.h3_tit:after {position: absolute;top: 0;left: 0;width: 25px;height: 3px;background: #0b72ba;content: ""}

.h4_tit {position: relative;display: block;font-size: 17px;color: #222;font-weight: 600 !important;line-height: 22px;padding-left: 20px;margin-bottom: 7px}
.h4_tit span {font-weight: 600 !important;}
.h4_tit:after {position: absolute;top: 1px;left: 0;width: 20px;height: 20px;display: block;background: url("/off/exhibition/kr/assets/images/layout/tit_ico.png") no-repeat left center;background-size: 14px;content: ""}
/*.h4_tit:after {position: absolute;top: 2px;left: 0;width: 19px;height: 19px;line-height: 19px;border-radius: 50%;background: #0b72ba;font-family: lineawesome;text-align: center;font-size: 13px;color: #fff;content: "\f112"}
*/

.h5_tit {position: relative;display: block;font-size: 15px;color: #222;font-weight: 600 !important;line-height: 22px;margin-bottom: 7px}

.enter {display: block}

.cont_tab {position: relative;display: block;overflow: hidden;margin-bottom: 40px}
.cont_tab ul {overflow: hidden;text-align: center}
.cont_tab li {position: relative;float: left;margin: 1px 0 0 1px; min-width: calc(16% - 1px);}
.cont_tab li a {display: block;text-align: center;min-width: 118px;color: #333;line-height: 50px;height: 50px;font-size: 15px;font-weight: 600;padding: 0 15px;background: #e7ebee}
.cont_tab li.active a {color: #fff;background: transparent linear-gradient(45deg,#2758e5,#ae5ce9) 0% 0% no-repeat padding-box}

.cont_tab02 {position: relative;display: block;padding: 0 15px;margin-bottom: 20px}
.cont_tab02 ul {overflow: hidden;text-align: center;border: 1px solid #e3e3e3;border-radius: 0px;padding: 10px 0; background: #e3e3e3;}
.cont_tab02 li {position: relative;display: inline-block;vertical-align: top;padding: 0 20px;margin: 5px 0}
.cont_tab02 li:before {position: absolute;top: 8px;right: -1px;width: 2px;height: 15px;background: #ccc;content: ""}
.cont_tab02 li:last-child:before {display: none;}
.cont_tab02 li a {position: relative;display: inline-block;color: #333;line-height: 30px;height: 30px;font-size: 15px;font-weight: 600;}
.cont_tab02 li.active a {color: #0b72ba;}
.cont_tab02 li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #0b72ba;content: ""}


.cont_tab03 {position: relative;display: block;padding: 0 15px;margin-bottom: 20px}
.cont_tab03 ul {overflow: hidden;border-radius: 0;padding: 10px 0; background: #fff;}
.cont_tab03 li {position: relative;display: inline-block;vertical-align: top;padding: 0 20px;margin: 5px 0}
.cont_tab03 li:before {position: absolute;top: 8px;right: -1px;width: 2px;height: 15px;background: #ccc;content: ""}
.cont_tab03 li:last-child:before {display: none;}
.cont_tab03 li a {position: relative;display: inline-block;color: #333;line-height: 30px;height: 30px;font-size: 15px;font-weight: 600;}
.cont_tab03 li.active a {color: #0b72ba;}
.cont_tab03 li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #0b72ba;content: ""}

.cont_reBox {position: relative;}

.tab50 li {width: 50%}
.tab33 li {width: 33.33%}
.tab25 li {width: 25%}
.tab20 li {width: 20%}

.gr_box {position: relative;display: block;padding: 20px;background: #eee;border-radius: 10px}
.whg_box {position: relative;display: block;padding: 20px;border: 1px solid #ddd;background: #f6f6f6;border-radius: 7px}
.whg_box.mttop {margin-top: -1px}
.wh_box {position: relative;display: block;padding: 20px;border: 1px solid #ddd;}
.bline_box {position: relative;display: block;overflow: hidden;padding: 0 0 44px;margin-bottom: 40px;background: url("/off/exhibition/kr/assets/images/contents/pattern01.png") repeat-x bottom;}

.txtLst {position: relative;display: block}
.txtLst li {position: relative;display: block;padding-left:10px;margin-bottom: 5px;}
.txtLst li:after {position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #1b3ea8;border-radius: 50%;content: ""}
.txtLst li:last-child {margin-bottom: 0}
.txtLst li small {display: block;font-size: 14px}
.txtLst li.gr {color: #999}

.bl_txt {position: relative;display: block;padding-left: 17px;line-height: 150%}
.bl_txt span {position: absolute;top: 0;left: 0}

.stxtLst {position: relative;display: block;margin: 0 0 10px}
.stxtLst li {position: relative;display: block;padding-left:10px;font-size: 14px;color: #777;line-height: 150%}
.stxtLst li:after {position: absolute;top: 11px;left: 0;width: 6px;height: 2px;background: #ccc;content: ""}
.stxtLst li:last-child {margin-bottom: 0}

.dltxt {position: relative;display: block}
.dltxt dt {display: block;font-size: 18px;font-weight: 600;color: #222;margin-bottom: 10px}
.dltxt dd {position: relative;display: block;padding-left:10px;margin-bottom: 5px;}
.dltxt dd:after {position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #0b72ba;border-radius: 50%;content: ""}
.dltxt dd:last-child {margin-bottom: 0}
.dltxt dd a {color: #666}

.numLst {position: relative;display: block}
.numLst li {position: relative;display: block;margin-bottom: 5px;padding: 10px 10px 10px 60px;background: #eee;border-radius: 5px}
.numLst li b {display: block;color: #333;font-size: 16px}
.numLst li .num {position: absolute;top: 20px;left: 15px;width: 30px;height: 30px;border-radius: 50%;color: #fff;text-align: center;line-height: 30px;background: #0b72ba;content: ""}
.numLst li:last-child {margin-bottom: 0}
.numLst li small {display: block;font-size: 14px}


.btxt18 {display: block;font-size: 18px;color: #222;font-weight: 600;}

/*준비중*/
.msg-wrap {width: 800px;max-width: 100%;margin: 0 auto;border: 1px solid #ddd;background: #fafafa;text-align:center;font-size:15px;color:#333;padding:80px 0;}
.msg-wrap .tit {font-size:22px;font-weight:bold;letter-spacing:-1px;margin:15px 0;color:#132E3A;line-height:1;}
.msg-wrap:before {content:"";display:block;width:104px;height:80px;background:url("/off/exhibition/kr/assets/images/contents/msg-sprite.png") no-repeat center;margin:0 auto 30px;}


@media all and (max-width: 1200px) {

    .msg-wrap {padding:60px 20px;box-sizing: border-box}
    .msg-wrap .tit {font-size:18px;}
}

/*테이블*/
.tbl_st01 {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;border-top:2px solid #0b72ba;background: #fff;box-sizing: border-box}
.tbl_st01 th, .tbl_st01 td {padding: 12px;text-align:center;border:1px solid #ccc;line-height: 160%;word-wrap:break-word;word-break:keep-all;}
.tbl_st01 th {background:#f0f7fd;color:#222;}
.tbl_st01 thead th {background:#f0f7fd;color:#222;}
.tbl_st01 a {color: #555}
.tbl_st01 small {font-weight: normal;letter-spacing: 0;color: #555;margin-left: 5px}
.tbl_st01.left td {text-align: left;padding: 10px 15px}
.tbl_st01 .td_bg {background: #f0f7fd}

.tbl_st01.p0 th, .tbl_st01.p0 td {padding: 5px 2px;font-size: 12px}

.tbl_st_ft15 {font-size: 15px}

.tbl_form {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;border-top:2px solid #333;}
.tbl_form th, .tbl_form td {border:1px solid #ccc;line-height: 140%;word-wrap:break-word;word-break:keep-all;}
.tbl_form th {background:#f8f8f8;color:#222;text-align:center;padding:14px 10px;}
.tbl_form td {padding:14px 20px;text-align:left;}
.tbl_form small {font-size: 13px;color: #777;font-weight: normal;display: block}
.tbl_form a {color: #555;}
.tbl_form .l {text-align: left;padding:14px 20px;}
.tbl_form.cntr td {text-align: center;padding:14px 10px;}

.table_rtxt {position: relative;display: block;text-align: right;font-size: 14px}

/*반응형 테이블,이미지*/
.rspvn_tableBox { position: relative;display: block;}
.rspvn_tableBox .astxt {position: absolute;top: -30px;right: 0;font-size: 13px;color: #888}
.rspvn-scroll {overflow:hidden }

/*폼*/
.form_tit {display: block;margin-bottom: 5px}
.form_tit label {position: relative;display: inline-block;color: #333;line-height: 20px;}
.form_tit label.nec {padding-right: 15px;}
.form_tit small {font-size: 12px;color: #777;}
.form_tit label.nec:before {position: absolute;top: 0;right: 0;width: 10px;height: 20px;line-height: 28px;content: "*";color: #e92138}
.form_group {display: block;overflow: hidden;}
.form_group .sm_input {width: 28%;float: left;}
.form_group .form_ctxt {width: 15px;float: left;margin: 0 5px;line-height: 35px;text-align: center}

.visitBt a {width: 215px !important;font-size: 15px;padding: 10px 0 !important}


@media all and (max-width: 1200px) {
    .cont_img img {width: 100%;}
    .enter {display: inline}

    .h3_tit {font-size: 20px}

    .cont_tab li {width: calc(33.33% - 1px);box-sizing: border-box;}
    .cont_tab li a {line-height: 45px;height: 45px;font-size: 14px;padding: 0 18px}

    .visitBt a {width: 180px !important;}

}
@media all and (max-width: 1000px) {

    .rspvn-scroll {position:relative;overflow-x:scroll;width: 100%;background: #fff}
    .rspvn-scroll table {width: 1200px !important}

    .cont_tab02 {padding: 0 10px;margin-bottom: 30px}
    .cont_tab02 ul {border-radius: 5px;padding: 10px 0;}
    .cont_tab02 li {padding: 0 20px;margin: 3px 0}
    .cont_tab02 li a {font-size: 14px;}

    .cont_tab03 {padding: 0 10px;margin-bottom: 30px}
    .cont_tab03 ul {border-radius: 5px;padding: 10px 0;}
    .cont_tab03 li {padding: 0 20px;margin: 3px 0}
    .cont_tab03 li a {font-size: 14px;}

    .visitBt a {width: 160px !important;font-size: 14px}



}
@media all and (max-width:640px) {

    .h3_tit {font-size: 18px}
    .h4_tit {font-size: 15px;}

    .rspvn_tableBox .astxt {top: -25px;font-size: 11px;}

    /*.rspvn_tableBox {padding-top:120px;background: #f2f2f2 url("/off/exhibition/kr/assets/images/contents/rspvn-drag.png") no-repeat center 18px;background-size: 150px}
    .rspvn_tableBox:after, .rspvn_tableBox:before {position:absolute;top:50px;width:40px;height:20px;display: block;background-size: 40px !important;content:"";}
    .rspvn_tableBox:after { right:20px;background:url("/off/exhibition/kr/assets/images/contents/rspvn-arr02.png") no-repeat;}
    .rspvn_tableBox:before { left:20px;background:url("/off/exhibition/kr/assets/images/contents/rspvn-arr01.png") no-repeat;}*/

    .rspvn-scroll {position:relative;overflow-x:scroll;width: 100%;padding-top: 20px;background: #fff}

    .rspvn-scroll table {width:600px !important}

    .tbl_st01 {font-size: 13px;}
    .tbl_st01 th, .tbl_st01 td {padding:10px 8px;}

    .tbl_form {font-size: 13px;}
    .tbl_form th, .tbl_form td {padding:10px 8px;}

    .cont_tab li {width: calc(50% - 1px);box-sizing: border-box;}
    .cont_tab li a {line-height: 40px;height: 40px;font-size: 14px;}

}

@media all and (max-width: 480px) {

    .h3_tit {font-size: 16px}
    .h4_tit {font-size: 14px;}

    .tbl_st01 .msize {width: 80px !important;}

    .tbl_form .msize {width: 100px !important;}
    .tbl_form .w300 {width: 100% !important;}

    .cont_tab li {width: 100%;}
    .cont_tab li a {font-size: 13px;}

    .dltxt dt {font-size: 15px;margin-bottom: 5px}

    .cont_tab02 {padding: 0 10px;margin-bottom: 5px}
    .cont_tab02 ul {padding: 10px 0;}
    .cont_tab02 li {padding: 0 15px;}
    .cont_tab02 li:before {top: 6px;height: 13px}
    .cont_tab02 li a {font-size: 14px;line-height: 25px;height: 25px}

    .cont_tab03 {padding: 0;margin-bottom: 5px}
    .cont_tab03 ul {padding: 10px 0;}
    .cont_tab03 li {padding: 0 15px;}
    .cont_tab03 li:before {top: 6px;height: 13px}
    .cont_tab03 li a {font-size: 14px;line-height: 25px;height: 25px}

    .visitBt a {width: 48% !important;font-size: 13px}


}

@media all and (max-width: 400px) {

}


/*-------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------------*/

.cont_ltit_box {position: relative;display: block;overflow: hidden;border-bottom: 1px solid #e3e3e3;padding: 60px 0 60px 200px}
.cont_ltit_box_last {margin-bottom: 0;border-bottom: none;padding-bottom: 0}
.cont_ltit_box .title {position: absolute;top: 60px;left: 0;font-size: 25px;font-weight: 600;color: #222;line-height: 130%}
.cont_ltit_box .title span {position: relative}
.cont_ltit_box .title.sm {font-size: 23px;}
.cont_ltit_box .title small {font-size: 20px}
.cont_ltit_box:last-child {border-bottom: none;}
.cont_ltit_box .c_pb {padding-bottom: 40px}


@media all and (max-width: 980px) {

    /*.cont_ltit_box {padding: 30px 0 30px 200px}
    .cont_ltit_box .title {font-size: 23px;}
    .cont_ltit_box .title.sm {font-size: 19px;}
    .cont_ltit_box .title small {font-size: 18px}*/

    .cont_ltit_box {padding: 20px 0}
    .cont_ltit_box .title {position: relative;top: 0;font-size: 20px !important;margin-bottom: 15px}
    .cont_ltit_box .title br {display: none}
    .btxt18 {font-size: 16px}

    .cont_ltit_box .c_pb {padding-bottom: 0}
}

@media all and (max-width: 780px) {

    /*.cont_ltit_box {padding: 20px 0}
    .cont_ltit_box .title {position: relative;top: 0;font-size: 20px !important;margin-bottom: 15px}
    .cont_ltit_box .title br {display: none}
    .btxt18 {font-size: 16px}

    .cont_ltit_box .c_pb {padding-bottom: 0}*/

}


@media all and (max-width: 480px) {
    .btxt18 {font-size: 15px}
    .cont_ltit_box .sssgap {height: 5px}
}


/*-------------------------------------------------------------------------------------------------------------------
    전시개요
-------------------------------------------------------------------------------------------------------------------*/


.introduce01_box {position: relative;display: block;overflow: hidden;}
.introduce01_box li {border: 1px solid #DBDBDB;margin-bottom: 15px;padding: 15px 25px;box-sizing: border-box;border-radius: 10px;}
.introduce01_box li .btit {display: block;font-size: 18px;font-weight: 600;line-height: 130%;margin: 0 0 5px;color: #222;}
.introduce01_box li .txt {display: block;line-height: 150%;}
.introduce01_box li:nth-child(even) {background: #f9f9f9}

.introduce01_li {display: block;overflow: hidden;}
.introduce01_li li {display: block;border: 1px solid #d2d6da;padding: 15px;text-align: center;border-radius: 10px;margin-bottom: 15px;background: #f0f7fd;font-weight: bold;color: #333}

.introduce01_box02 {position: relative;display: block;overflow: hidden;}
.introduce01_box02 dl {float: left;}
.introduce01_box02 dl:first-child {margin-right: 30px}
.introduce01_box02 dt {display: block;font-weight: 600;color: #222;font-size: 17px;line-height: 150%;margin-bottom: 15px}
.introduce01_box02 dd {float: left;margin: 0 10px 10px 0}
.introduce01_box02 dd a {display: block;border: 1px solid #eee;padding: 0 4px}
.introduce01_box02 dd a img {height: 55px}
.introduce01_box02 dd:last-child {margin-right: 0}

.introduce01_logo {width: 80%}

/*.introduce022_list {position: relative;display: block;overflow: hidden;padding: 30px}
.introduce022_list li {position: relative;background: #fff;margin-bottom: 30px;padding: 40px 40px 40px 340px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);overflow: hidden;min-height: 100px;border-radius: 12px}
.introduce022_list li .img {position: absolute;top: 0;left: 0;width: 300px;height: 100%;background: #e6e6e6}
.introduce022_list li .img img {width: 100%;position: absolute;top: 50%;margin-top: -93px}
.introduce022_list li .txtBox {display: block;}
.introduce022_list li .tit {position: relative;display: block;font-weight: 600;font-size: 22px;color: #222;line-height: 150%;margin-bottom: 10px}
.introduce022_list li .txt {display: block;font-size: 15px;line-height: 150%;}
.introduce022_list li dl {display: block;}
.introduce022_list li dd {position: relative;padding-left: 140px;margin-bottom: 15px}
.introduce022_list li dd b {position: absolute;top: 0;left: 0;color: #333}*/

.introduce022_list {position: relative;overflow: hidden;padding: 30px;display: flex;gap: 24px;flex-wrap: wrap; justify-content: center;}
.introduce022_list .item {display: flex;width: calc(50% - 12px);overflow: hidden;flex-direction: column;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);border-radius: 15px;background: #fff}
.introduce022_list .item .img {}
.introduce022_list .item .img img {width: 100%}
.introduce022_list .item .contbox {padding: 24px 16px}
.introduce022_list .item .titbox {display: flex;flex-direction: column;margin-bottom: 10px;text-align: center}
.introduce022_list .item .titbox .tit {font-size: 24px;font-weight: 600;color: #161616;line-height: 130%}
.introduce022_list .item .titbox .stit {font-size: 15px;color: #888;letter-spacing: 0}
.introduce022_list .item .txt {text-align: center;font-size: 15px;margin-bottom: 20px}
.introduce022_list .item .sublist {padding-top: 20px;border-top: 1px dotted #e2e2e2}
.introduce022_list .item .sublist-tit {font-weight: 600;color: #1b3ea8;}
.introduce022_list .item .sublist ul {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 10px}
.introduce022_list .item .sublist li {padding: 5px 16px;background: #f6f6f6;font-size: 14px;border-radius: 100px;line-height: 150%}
.introduce022_list .item .sublist .as-tit li {position: relative;padding-left: 90px}
.introduce022_list .item .sublist .as-tit li strong {color: #121212;position: absolute;top: 50%;left: 16px;transform: translateY(-50%)}

.introduce02_list {position: relative;display: block;overflow: hidden;padding: 0 25px;}
.introduce02_list li {float: left;width: 336px;margin-right: 40px;background: #fff;margin-bottom: 44px;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1)}
.introduce02_list li:nth-child(3n) {margin-right: 0}
.introduce02_list li .img {display: block}
.introduce02_list li .img img {width: 100%;height: 267px}
.introduce02_list li .txtBox {display: block;padding: 20px;}
.introduce02_list li .tit {position: relative;display: block;font-weight: 600;font-size: 20px;color: #222;line-height: 140%;text-align: center;margin-bottom: 30px;}
.introduce02_list li .tit:before {position: absolute;bottom: -15px;left: 50%;width: 40px;height: 2px;margin-left: -20px;background: #222;content: "";}
.introduce02_list li .txt {display: block;font-size: 15px;line-height: 150%;text-align: center;min-height: 90px}


.introduce03_icoBox {position: relative;display: block;}
.introduce03_icoBox ul {}
.introduce03_icoBox li {display: inline-block;width: 265px;text-align: center;padding: 60px 0;margin-right: 20px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);border-radius: 10px}
.introduce03_icoBox li:last-child {margin-right: 0}
.introduce03_icoBox li .icon {display: block;}
.introduce03_icoBox li .number {display: block;font-size: 50px;font-weight: 600;color: #f77e17;font-family: 'Spoqa Han Sans';line-height: 150% }
.introduce03_icoBox li .txt {display: block;font-size: 20px;color: #333}
.introduce03_icoBox li:nth-child(even) .number {color: #11a589;}
.introduce03_icoBox li:nth-child(odd) .number {color: #0b72ba;}


.cont_img_oen {position: relative;display: block;padding: 40px;background: #f8fafd;border: 1px solid #ddd;text-align: center}
.cont_img_oen b {display: block;margin-bottom: 15px;font-size: 20px;color: #222}
.cont_img_oen b small {display: block;font-size: 14px;}
.cont_img_oen img {max-width: 100%}

.sdw {overflow: hidden;padding: 10px;background: #fff;border: none !important;border-top: 1px solid #f1f1f1 !important;box-shadow: 0px 2px 3px #00000029;margin: 2px}

.cont_img_two {position: relative;display: block;padding: 40px;background: #f8fafd;border: 1px solid #ddd}
.cont_img_two ul {overflow: hidden}
.cont_img_two li {float: left;width: 50%;text-align: center}
.cont_img_two li img {height: 300px}
.cont_img_two li b {display: block;margin-bottom: 15px;font-size: 20px;color: #222}
.cont_img_two li b small {display: block;font-size: 14px;}

.cont_img_two2 {position: relative;display: block;}
.cont_img_two2 ul {overflow: hidden}
.cont_img_two2 li {float: left;width: 50%;}
.cont_img_two2 li img {width: 100%}

.cont_img_two3 {position: relative;display: block;}
.cont_img_two3 ul {overflow: hidden}
.cont_img_two3 li {float: left;width: 33.333%;box-sizing: border-box;padding: 0 1%}
.cont_img_two3 li.cntr {border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.cont_img_two3 li img {width: 100%}

.introduce03_text {position: relative;display: block;overflow: hidden;}
.introduce03_text ul {}
.introduce03_text li {float: left;width:400px;border: 1px solid #ddd;text-align: center;padding: 20px;background: #fafafa;margin-right: 15px;margin-bottom: 15px}
.introduce03_text li:nth-child(even) {margin-right: 0}
.introduce03_text li .tit {display: block;font-size: 20px;font-weight: 600;color: #222;line-height: 150%;margin-bottom: 5px}
.introduce03_text li .txt {display: block;font-size: 15px;height: 45px;line-height: 140%}

@media all and (max-width: 1200px) {

    /*.introduce01_box li {width: 48%;min-height: 300px;margin: 1% 1% !important;box-sizing: border-box;padding: 30px}
    .introduce01_box li .mbr-iconfont {display: block;font-size: 47px;}
    .introduce01_box li .btit {display: block;font-size: 23px;font-weight: 600;line-height: 130%;margin: 10px 0}
    .introduce01_box li .btit {display: block;line-height: 130%}*/

    .introduce01_box02 dl {float: none;display: block;overflow: hidden}
    .introduce01_box02 dl:first-child {margin-right: 0;margin-bottom: 10px}
    .introduce01_box02 dd {margin: 0 20px 20px 0}

    .introduce02_list {padding: 0;}
    .introduce02_list li {width: 31%;margin: 1% !important;box-shadow: none;border: 1px solid #ddd;box-sizing: border-box}
    .introduce02_list li .img img {width: 100%;height: 220px}

    .introduce03_icoBox li {width: 22%;padding: 40px 0;margin: 0 1% !important;box-sizing: border-box}
    .introduce03_icoBox li .icon img {max-width: 81px;width: 60%}
    .introduce03_icoBox li .number {font-size: 40px;}
    .introduce03_icoBox li .txt {font-size: 17px;}

    .cont_img_two {padding: 40px;}
    .cont_img_two li img {height: auto;width: 90%}

    .introduce03_text li {width:48%;box-sizing: border-box;margin: 1% !important}
    .introduce03_text li .tit {font-size: 17px;}
    .introduce03_text li .txt {font-size: 14px;height: 45px;}
    .introduce03_text li .txt br {display: none;}

}

@media all and (max-width: 980px) {

    .introduce02_list li .img img {height: 200px}
    .introduce02_list li .txtBox {padding: 15px;}
    .introduce02_list li .tit {font-size: 17px;margin-bottom: 25px;}
    .introduce02_list li .tit:before {bottom: -12px;}
    .introduce02_list li .txt {font-size: 14px;min-height: 120px}

    .introduce022_list {padding: 10px}
    .introduce022_list li {position: relative;background: #fff;/*margin-bottom: 30px;*/padding: 0;}
    .introduce022_list li .img {position: relative;width: 100%;height: auto;}
    .introduce022_list li .img img {position: relative;top:0;margin-top:0}
    .introduce022_list li .txtBox {padding: 20px}

}

@media all and (max-width: 780px) {

    .introduce02_list li {width: 48%;margin: 1% !important;}
    .introduce02_list li .img img {height: 180px}
    .introduce02_list li .tit {font-size: 15px;}
    .introduce02_list li .txt {font-size: 13px;min-height: 90px}

    .introduce03_icoBox li {width: 47%;margin: 1% !important;padding: 30px 0;}
    .introduce03_icoBox li .number {font-size: 30px;}
    .introduce03_icoBox li .txt {font-size: 15px;}

    .introduce022_list .item {width: 100%;}
}


@media all and (max-width: 680px) {

    /*.introduce01_box li {width: 100%;min-height: 70px;margin: 10px 0 !important;padding: 20px 30px}
    .introduce01_box li .mbr-iconfont {display: block;font-size: 47px;}
    .introduce01_box li .btit {font-size: 17px;margin: 10px 0 3px 0}
    .introduce01_box li br {display: none}
    .introduce01_box li:nth-child(1), .introduce01_box li:nth-child(3) {background: #f0f7fd;color: #0b72ba;border-top: 2px solid #0b72ba}
    .introduce01_box li:nth-child(2), .introduce01_box li:nth-child(4) {background: #fdf6ef;color: #f77e17;border-top: 2px solid #f77e17;}*/

    .introduce01_box02 dt {font-size: 15px;margin-bottom: 10px}
    .introduce01_box02 dd {margin: 0 10px 10px 0}
    .introduce01_box02 dd a img {height: 35px}

    .introduce03_text li {width:100%;margin: 1% 0 !important}
    .introduce03_text li .tit {font-size: 15px;}
    .introduce03_text li .txt {font-size: 13px;height: auto;}

    .cont_img_two {padding: 30px;}
    .cont_img_two li {width: 100%;float: none}
    .cont_img_two li:first-child {margin-bottom: 50px}
    .cont_img_two li img {height: auto;width: 90%;max-width: 500px}

}

@media all and (max-width: 580px) {

    .introduce02_list li {width: 100%;margin: 10px 0 !important;}
    .introduce02_list li .img img {height: auto}
    .introduce02_list li .txt {min-height: 10px}

    .introduce03_icoBox li {padding: 20px 0;}
    .introduce03_icoBox li .number {font-size: 25px;}
    .introduce03_icoBox li .txt {font-size: 14px;}

    .cont_img_two2 li {float: none;width: 100%;margin-bottom: 30px}
    .cont_img_two2 li img {max-width: 350px;}

    .cont_img_two3 li {float: none;width: 100%;padding: 20px 0}
    .cont_img_two3 li.cntr {border-right: none;border-left: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
    .cont_img_two3 li img {max-width: 350px;}

}


/*-------------------------------------------------------------------------------------------------------------------
    참가안내
-------------------------------------------------------------------------------------------------------------------*/

.online_step {position: relative;display: block;overflow: hidden;}
.online_step ul {overflow: hidden}
.online_step li {position: relative;float: left;width: 430px;border-radius: 60px;background: #f6f6f6;padding: 10px 10px 10px 75px;margin: 20px 20px 0 0;box-sizing: border-box;overflow: hidden}
.online_step li:nth-child(even){margin-right: 0}
.online_step li .num {position: absolute;top: 0;left: 0;width: 60px;height: 50px;text-align: center;line-height: 50px;font-size: 15px;
    color: #fff;background: #283e83}
.online_step li .txt {font-size: 14px}

.online_applicationBox {position: relative;display: block;padding: 40px 30px;max-width: 600px;margin: 70px auto 0;text-align: center;background: #f6f6f6;border: 1px solid #ddd;}
.online_applicationBox .btit {display: block;font-size: 35px;font-weight: 600;line-height: 150%;letter-spacing: -0.07em;color: #f77e17}
.online_applicationBox .btxt {display: block;font-size: 27px;line-height: 150%;color: #333;margin: 5px 0}
.online_applicationBox .txt {display: block;line-height: 150%;}

.left_pd {display: block}
.left_pd .enter {padding-left: 18px}

.participate0302_booth {
    max-width: 400px;
    width: 90%;
}

.ad_photo {position: relative;display: block;overflow: hidden;}
.ad_photo ul {overflow: hidden}
.ad_photo li {position: relative;float: left;width: 220px;overflow: hidden;margin: 0 15px 15px 0;border: 1px solid #ddd;}
.ad_photo li:nth-child(4), .ad_photo li:nth-child(8) {margin-right: 0}
.ad_photo li .img {position: relative;display: block;height: 220px;overflow: hidden}
.ad_photo li .img img {width: 100%;}
.ad_photo li .txt {position: absolute;bottom: 0;left: 0;width: 100%;height: 35px;line-height: 35px;background: rgba(0,0,0,0.8);text-align: center;color: #fff;}

@media all and (max-width: 1200px) {

    .online_step li {width: 100%;box-sizing: border-box;margin: 15px 0 0 !important;}

    .online_applicationBox .btit {font-size: 30px;}
    .online_applicationBox .btxt {font-size: 23px}

    .left_pd .enter {padding-left: 0}

    .ad_photo li {width: 31%;margin: 1% !important;box-sizing: border-box;}
    .ad_photo li .img {width: 100%;height: 270px;}
    .ad_photo li .img img {width: 100%;height: 270px;}

}

@media all and (max-width: 980px) {

    .ad_photo li .img {height: 250px;}
    .ad_photo li .img img {height: 250px;}
}

@media all and (max-width: 680px) {

    .online_applicationBox {padding: 30px 25px;}
    .online_applicationBox .btit {font-size: 25px;}
    .online_applicationBox .btxt {font-size: 19px}

    .online_applicationBox {margin: 0 auto 0;}

    .ad_photo li {width: 48%;}
    .ad_photo li .img {height: 230px;}
    .ad_photo li .img img {height: 230px;}
}

@media all and (max-width: 580px) {
    .online_step li {margin: 10px 0 0 !important}
    .online_step li .num {height: 42px;line-height: 42px;}

}

@media all and (max-width: 480px) {

    .ad_photo li .img {height: 200px;}
    .ad_photo li .img img {height: 200px;}

}

@media all and (max-width: 380px) {

    .ad_photo li {width: 100%;margin: 1% 0 !important}

}


/*-------------------------------------------------------------------------------------------------------------------
    참관안내
-------------------------------------------------------------------------------------------------------------------*/

.cont_logo {position: relative;display: block;text-align: center;}
.cont_logo img {width: 80%;max-width: 480px;}

.visit01_about {position: relative;display: block;text-align: center;}
.visit01_about .cont_logo {position: relative;display: block;padding-bottom: 32px}
.visit01_about .cont_logo:before {position: absolute;bottom: 0;left: 50%;margin-left: -30px;width: 60px;height: 2px;background: #333366;content: "";}
.visit01_about .cont_logo img {width: 80%;max-width: 480px;}
.visit01_about .text {position: relative;display: block;margin: 30px 0 50px;font-size: 17px;line-height: 160%}
.visit01_about .img {position: relative;display: block;}
.visit01_about .img img {width: 100%;}

.busLst {position: relative;display: block;overflow: hidden;margin-top: 10px}
.busLst li {float: left;width: 290px;margin-right: 15px;}
.busLst li:last-child {margin-right: 0}
.busLst li .tit {position: relative;display: block;overflow: hidden;height: 50px;line-height: 50px;color: #fff;font-weight: 600;font-size: 17px;text-align: center;background: #0b72ba}
.busLst li .zoomImg {width: 100%;height: 182px;overflow: hidden}
.busLst li .zoomImg a {position: relative;display: block;}
.busLst li .zoomImg a:before {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);content: "";-webkit-transition-duration: 0.3s;transition-duration: 0.3s;z-index: 10}
.busLst li .zoomImg a:after {opacity: 0;position: absolute;top: 50%;left: 50%;width: 65px;height: 75px;margin: -37px 0 0 -32px;padding-top: 65px;text-align: center;color: #fff;content: "view";background: url("/off/exhibition/kr/assets/images/main/gallery_more.png") no-repeat center top;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;z-index: 10;}
.busLst li .zoomImg img {width: 100%;z-index: 0}
.busLst li .zoomImg a:hover:before {opacity: 1}
.busLst li .zoomImg a:hover:after {opacity: 1}

.double_box {position: relative;display: block;overflow: hidden}
.double_box .box {float: left;width: 430px;}
.double_box .box:first-child {margin-right: 40px}
.double_box .box .btit {display: block;font-weight: 600;font-size: 23px;color: #0b72ba;text-align: center;line-height: 150%}
.double_box .box .stxt {display: block;text-align: center;font-size: 17px}

.parking_guide {position: relative;display: block;overflow: hidden;text-align: center}
.parking_guide li {display: inline-block;vertical-align: top;width: 350px;margin-bottom: 30px;background: #fafafa;border: 1px solid #ddd;border-top: 2px solid #0b72ba;padding: 50px;text-align: center}
.parking_guide li:nth-child(odd) {margin-right: 30px}
.parking_guide li .la {display: block;font-size: 41px;color: #0b72ba;margin-bottom: 5px}
.parking_guide li .tit {display: block;font-size: 25px;font-weight: 600;line-height: 150%;color: #0b72ba}
.parking_guide li .txt {display: block;margin: 0 0 15px;line-height: 140%;}



@media all and (min-width: 1300px) {
    .zoomImg img { -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        -webkit-transition:.5s;
        -moz-transition:.5s;
        -ms-transition:.5s;
        -o-transition:.5s;
        transition:.5s;}

    a:hover .zoomImg img, .zoomImg a:hover img {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
    }

}


@media all and (max-width: 1200px) {
    .visit01_about .text {font-size: 15px;}

    .busLst li {width: 31%;margin: 1% !important;}
    .busLst li .title {height: 45px;line-height: 45px;font-size: 15px;}
    .busLst li .zoomImg {height: auto}
    .busLst li .zoomImg a:before {display: none;}
    .busLst li .zoomImg a:after {display: none;}

    .double_box .box {width: 46%;margin: 0 2% !important}
    .double_box .box .btit {font-size: 20px;}
    .double_box .box .stxt {font-size: 15px}

    .parking_guide li {width: 300px;}


}

@media all and (max-width: 980px) {

}

@media all and (max-width: 680px) {

    .visit01_about .text {font-size: 14px;}

    .busLst li .title {height: 40px;line-height: 40px;font-size: 14px;}

    .double_box .box {width: 100%;margin: 0 0 40px !important}

    .parking_guide li {width: 48%;float: left;display: block;margin: 0 1% !important;padding: 35px}
    .parking_guide li .tit {font-size: 20px;}

}

@media all and (max-width: 580px) {

    .parking_guide li {width: 100%;margin: 0 0 20px !important;}

}

@media all and (max-width: 480px) {
    .visit01_about .text {font-size: 13px;}

    .busLst li {width: 100%;margin: 1% 0 !important;}
}

@media all and (max-width: 380px) {

}


/*-------------------------------------------------------------------------------------------------------------------
    이벤트
-------------------------------------------------------------------------------------------------------------------*/

.event_slider {position: relative;display: block;overflow: hidden;}
.event_slider .item {display: block;}
.event_slider .item img {width: 100%}

.event_slider .slick-dots {position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;z-index: 60}
.event_slider .slick-dots li {display: inline-block;vertical-align: top;margin: 0 5px}
.event_slider .slick-dots li button {width: 15px;height: 15px;border-radius: 50%;border: none;background: rgba(255,255,255,0.5);text-indent: -99999px}
.event_slider .slick-dots li.slick-active button {background: #fff}

.event_step {position: relative;display: block;overflow: hidden;}
.event_step li {position: relative;display: block;overflow: hidden;margin-bottom: 15px;padding-left: 40px;}
.event_step li .num {position: absolute;top: 50%;left: 0;margin-top: -15px;width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #777;letter-spacing: 0;border-radius: 50%;font-size: 13px;}
.event_step li .tit {display: block;font-weight: 600;color: #222}
.event_step li .txt {display: block}

@media all and (max-width: 680px) {
    .event_slider .slick-dots {bottom: 10px;}
    .event_slider .slick-dots li {margin: 0 3px}
    .event_slider .slick-dots li button {width: 10px;height: 10px;}
}