@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
body.overflow{overflow:hidden;}

.mt40{margin-top:40px;}
.mt60{margin-top:60px;}

.inner{width:100%; max-width:1200px; margin:0 auto;}
.inner1700{width:100%; max-width:1200px; margin:0 auto;}

@media all and (max-width:1200px){
	.inner1700{width:93.75%;}
	.inner{width:93.75%;}
}

/* fonts */
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumpenscript.css');

.nmj{font-family:'Nanum Myeongjo', serif;}
.ns{font-family:'NanumSquare', sans-serif;}
.np{font-family:'Nanum Pen Script', cursive;}
.bodoni{font-family:'NanumSquare', sans-serif;}
.blackhan{font-family:'Black Han Sans', sans-serif;}



/* ==========================================================================
	전시소개
========================================================================== */
.exhibition_con01{padding:100px 0; background:#524FA0; font-size:0; letter-spacing:-4px; overflow:hidden;}
.exhibition_con01 .txt_box{display:inline-block; vertical-align:middle; width:50%;}
.exhibition_con01 .txt_box h4{font-size:35px; color:#F05B40; letter-spacing:0em; font-weight:400; margin:0;}
.exhibition_con01 .txt_box img{max-width:90%; margin:10px 0;}
.exhibition_con01 .txt_box h5{font-size:54px; color:#fff; letter-spacing:0em; font-weight:300; margin:0; line-height:1.2;}
.exhibition_con01 .txt_box p{font-size:46px; color:#FFF585; letter-spacing:0em; font-weight:400; margin-top:20px; line-height:1.2;}
.exhibition_con01 .txt_box .bot_box{margin-top:80px;}
.exhibition_con01 .txt_box .bot_box h6{font-size:25px; color:#fff; letter-spacing:-0.04em; font-weight:700; margin:0; margin-bottom:20px;}
.exhibition_con01 .txt_box .bot_box img{display:inline-block; vertical-align:middle; margin-right:30px;}
.exhibition_con01 .img_box{display:inline-block; vertical-align:middle; width:50%;}

@media all and (max-width:1200px){
	.exhibition_con01 .txt_box{width:100%;}
	.exhibition_con01 .img_box{width:100%; margin-top:60px; text-align:center;}
	.exhibition_con01 .img_box img{max-width:100%;}
}
@media all and (max-width:1000px){
	.exhibition_con01 .txt_box h4{font-size:28px; margin-bottom:10px;}
	.exhibition_con01 .txt_box img{max-width:80%;}
	.exhibition_con01 .txt_box h5{font-size:40px;}
	.exhibition_con01 .txt_box p{font-size:38px;}
	.exhibition_con01 .txt_box .bot_box{margin-top:60px;}
}

.exhibition_con02{padding:100px 0 150px; background:#524FA0;}
.exhibition_con02 .tit{margin-bottom:40px; text-align:center;}
.exhibition_con02 .tit h5{display:inline-block; width:90%; max-width:1000px; font-size:37px; color:#231F20; letter-spacing:-0.04em; font-weight:700; margin:0; padding:10px 20px; border-radius:50px; background:#FCB813; box-sizing:border-box;}
.exhibition_con02 h4{font-size:30px; color:#FCB813; letter-spacing:-0.04em; font-weight:700; margin:0;}
.exhibition_con02 p{font-size:23px; color:#fff; letter-spacing:-0.06em; font-weight:300; line-height:2; word-break:keep-all;}
.exhibition_con02 p span{color:#FCB813;}
.exhibition_con02 .video_box{max-width:1200px; margin:0 auto 60px; text-align:center;}
.exhibition_con02 .video_box .video{height:675px;}
.exhibition_con02 .video_box .video iframe{width:100%; height:100%;}
.exhibition_con02 .video_box p{font-size:30px; color:#fff; letter-spacing:-0.04em; font-weight:500; margin:20px 0; line-height:1.2;}
.exhibition_con02 ul{max-width:1200px; margin:0 auto; font-size:0; letter-spacing:-4px; text-align:center;}
.exhibition_con02 ul li{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-bottom:10px; margin-right:40px;}
.exhibition_con02 ul li:nth-of-type(2n){margin-right:0;}
.exhibition_con02 ul li .video{width:100%;height:360px;}
.exhibition_con02 ul li .video iframe{width:100%; height:100%;}
.exhibition_con02 ul li p{font-size:30px; color:#fff; letter-spacing:-0.04em; font-weight:500; line-height:1.2; margin:20px 0;}

@media all and (max-width:1920px){
/*	.exhibition_con02 p br{display:none;}*/
}
@media all and (max-width:1000px){
	.exhibition_con02 h4{font-size:30px;}
	.exhibition_con02 p{font-size:24px;}
	.exhibition_con02 .video_box .video{height:360px;}
}
@media all and (max-width:767px){
	.exhibition_con02 ul li{width:100%; margin-right:0;}
}



/* ==========================================================================
	국가브랜드업전시
========================================================================== */
/* national_sub_top - 타이틀, 비주얼 */
.national_sub_top{}
.national_sub_top .title{position:relative; padding:100px 0; background:#524fa0; text-align:center;}
.national_sub_top .title h3{font-size:64px; color:#fff; letter-spacing:-0.06em; font-weight:400; margin:0; line-height:1.2; word-break:keep-all;}
.national_sub_top .title h3 span{color:#FFCB01;}
.national_sub_top .title p{font-size:28px; color:#fff; letter-spacing:-0.06em; font-weight:400; line-height:1.6; margin-top:10px; word-break:keep-all;}
.national_sub_top .title a{position:absolute; top:40px; right:40px; display:block; font-size:17px; color:#fff; letter-spacing:0em; font-weight:400; text-align:center;}
.national_sub_top .title a img{display:block; margin:0 auto 10px;}
.national_sub_top .visual{font-size:0; letter-spacing:-4px; overflow:hidden;}
.national_sub_top .visual .text{padding:60px; box-sizing:border-box;}
.national_sub_top .visual .text h2{position:relative; font-size:54px; color:#fff; letter-spacing:-0.02em; font-weight:600; line-height:1.2; margin:0; word-break:keep-all; z-index:1;}
.national_sub_top .visual .text h5{position:relative; font-size:30px; color:#fff; letter-spacing:-0.02em; font-weight:600; line-height:1.2; margin:0; margin-bottom:10px; word-break:keep-all; z-index:1;}
.national_sub_top .visual .text p{position:relative; font-size:28px; color:#fff; letter-spacing:-0.04em; font-weight:400; line-height:1.6; margin-top:20px; word-break:keep-all; z-index:1;}
.national_sub_top .visual .text p.italic{font-style:italic;}
.national_sub_top .visual .text span{display:block; font-size:21px; color:#fff; letter-spacing:0em; font-weight:400; line-height:1.2; margin-top:20px;}

.national_sub_top .visual .black h2{color:#211D1E;}
.national_sub_top .visual .black h5{color:#211D1E;}
.national_sub_top .visual .black p{color:#211D1E;}
.national_sub_top .visual .black span{color:#211D1E;}

.national_sub_top .visual .left_box{display:inline-block; vertical-align:top; width:50%; min-height:646px; overflow:hidden;}
.national_sub_top .visual .right_box{display:inline-block; vertical-align:top; width:50%; min-height:646px; text-align:right; overflow:hidden;}

@media all and (max-width:1800px){
	.national_sub_top .title a{top:20px; right:20px; text-align:left; font-size:16px;}
}
@media all and (max-width:1600px){
	.national_sub_top .title a img{display:inline-block; vertical-align:middle; width:40px; margin:0; margin-right:5px;}
	.national_sub_top .title a span{display:inline-block; vertical-align:middle;}
	.national_sub_top .visual .text{padding:40px;}
	.national_sub_top .visual .text h2 br{display:none;}
	.national_sub_top .visual .text p br{display:none;}
}
@media all and (max-width:1200px){
	.national_sub_top .visual .left_box{width:100%;}
	.national_sub_top .visual .right_box{width:100%;}
}
@media all and (max-width:1000px){
	.national_sub_top .title h3{font-size:50px;}
	.national_sub_top .title p{font-size:24px;}
	.national_sub_top .visual .text h2{font-size:42px;}
	.national_sub_top .visual .text h5{font-size:26px;}
	.national_sub_top .visual .text p{font-size:24px;}
}

.national_sub_conts{padding:100px 0; background:url('/img/sub_conts_bg.png') center center;}

@media all and (max-width:1000px){
	.national_sub_conts{padding:60px 0;}
}


/* sub_tit_big - 종이 bg 타이틀 */
.sub_tit_big{display:table; width:100%; max-width:992px; height:275px; margin-bottom:50px; padding:0 10px; padding-left:120px; background:url('/img/sub_tit_big_bg.png') no-repeat center center / contain; box-sizing:border-box;}
.sub_tit_big h3{display:table-cell; vertical-align:middle; font-size:44px; color:#754C27; letter-spacing:-0.02em; font-weight:800; line-height:1.4; margin:0; word-break:keep-all;}
.sub_tit_big.bg02{height:297px; background-image:url('/img/sub_tit_big_bg02.png');}

.sub_tit_big.col03 h3{color:#F15A37;}
.sub_tit_big.col04 h3{color:#017870;}
.sub_tit_big.col05 h3{color:#067CB9;}
.sub_tit_big.col07 h3{color:#007CB9;}
.sub_tit_big.col08 h3{color:#00A995;}
.sub_tit_big.col10 h3{color:#F15A38;}

@media all and (max-width:1000px){
	.sub_tit_big{margin-bottom:30px; padding-left:80px;}
	.sub_tit_big h3{font-size:34px;}
}
@media all and (max-width:767px){
	.sub_tit_big{height:200px;}
	.sub_tit_big h3{font-size:30px;}
	.sub_tit_big.bg02{height:200px;}
}
@media all and (max-width:640px){
	.sub_tit_big{height:160px; padding-left:40px;}
	.sub_tit_big h3{font-size:22px;}
	.sub_tit_big.bg02{height:160px;}
}

/* title_box - 공통 타이틀 */
.title_box{margin-bottom:60px; font-size:0; letter-spacing:-4px;}
.title_box .num{display:inline-block; vertical-align:top; width:290px;}
.title_box .num h3{display:inline-block; vertical-align:middle; width:calc(100% - 125px); font-size:113px; color:#754C28; letter-spacing:-0.04em; font-weight:700; line-height:1; margin:0;}
.title_box .num .hr{display:inline-block; vertical-align:middle; width:95px; height:4px; background:#754C28;}
.title_box .text{display:inline-block; vertical-align:top; width:calc(100% - 290px); margin-top:35px; padding-left:0px; box-sizing:border-box;}
.title_box .text h4{font-size:42px; color:#754C28; letter-spacing:-0.04em; font-weight:800; margin:0; word-break:keep-all;}
.title_box .text p{position:relative; font-size:23px; color:#58595B; letter-spacing:-0.04em; font-weight:800; line-height:1.6; word-break:keep-all;}
.title_box .text p:first-of-type{margin-top:22px;}
.title_box .text p:before{content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#754C27;}

.title_box.col03 .num h3{color:#F15A37;}
.title_box.col03 .num .hr{background:#F15A37;}
.title_box.col03 .text h4{color:#F15A37;}
.title_box.col03 .text p:before{background:#F15A37;}
.title_box.col04 .num h3{color:#017870;}
.title_box.col04 .num .hr{background:#017870;}
.title_box.col04 .text h4{color:#017870;}
.title_box.col04 .text p:before{background:#017870;}
.title_box.col05 .num h3{color:#067CB9;}
.title_box.col05 .num .hr{background:#067CB9;}
.title_box.col05 .text h4{color:#067CB9;}
.title_box.col05 .text p:before{background:#067CB9;}
.title_box.col07 .num h3{color:#007CB9;}
.title_box.col07 .num .hr{background:#007CB9;}
.title_box.col07 .text h4{color:#007CB9;}
.title_box.col07 .text p:before{background:#007CB9;}
.title_box.col08 .num h3{color:#00A995;}
.title_box.col08 .num .hr{background:#00A995;}
.title_box.col08 .text h4{color:#00A995;}
.title_box.col08 .text p:before{background:#00A995;}
.title_box.col10 .num h3{color:#F15A38;}
.title_box.col10 .num .hr{background:#F15A38;}
.title_box.col10 .text h4{color:#F15A38;}
.title_box.col10 .text p:before{background:#F15A38;}

@media all and (max-width:1200px){
	.title_box{text-align:center;}
	.title_box .num{width:100%;}
	.title_box .num h3{width:100%;}
	.title_box .num .hr{display:block; width:4px; height:40px; margin:10px auto 20px;}
	.title_box .text{width:100%; margin:0; padding:0;}
}
@media all and (max-width:1000px){
	.title_box{margin-bottom:40px;}
	.title_box .num h3{font-size:70px;}
	.title_box .text h4{font-size:46px;}
	.title_box .text p{font-size:24px;}
}

/* ul_layout */
ul.ul_layout01{font-size:0; letter-spacing:-4px; text-align:center;}
ul.ul_layout01 li{display:inline-block; vertical-align:top; width:calc(25% - 4px); margin:2px 0; margin-right:5px; cursor:pointer;}
ul.ul_layout01 li:nth-of-type(4n){margin-right:0;}
ul.ul_layout01 li img{width:100%;}
ul.ul_layout01.grid5 li{width:calc(20% - 4px);}
ul.ul_layout01.grid5 li:nth-of-type(4n){margin-right:5px;}
ul.ul_layout01.grid5 li:nth-of-type(5n){margin-right:0;}

ul.ul_layout02{max-width:calc(100% - 170px); margin-left:auto; font-size:0; letter-spacing:-4px;}
ul.ul_layout02:after{content:''; display:block; clear:both;}
ul.ul_layout02 li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin:10px 0; margin-right:20px; border-radius:30px; overflow:hidden;}
ul.ul_layout02 li:nth-of-type(2n){margin-right:0;}
ul.ul_layout02 li:last-of-type{margin-right:0;}
ul.ul_layout02 li.w100{width:100%; margin-right:0;}
ul.ul_layout02 li img{width:100%;}
ul.ul_layout02 li p{font-size:12px; color:#231F20; letter-spacing:-0.05em; font-weight:700; margin-top:10px; word-break:break-all;}
ul.ul_layout02.grid3 li{width:calc(33.333333% - 6px); margin:4px 0; margin-right:9px;}
ul.ul_layout02.grid3 li:nth-of-type(2n){margin-right:9px;}
ul.ul_layout02.grid3 li:nth-of-type(3n){margin-right:0;}
ul.ul_layout02.float li{float:left;}
ul.ul_layout02.float02 li{float:left;}
ul.ul_layout02.float02 li:nth-of-type(3){margin-right:0;}

ul.ul_layout03{max-width:960px; margin-left:400px; font-size:0; letter-spacing:-4px;}
ul.ul_layout03 li{display:inline-block; vertical-align:top; width:calc(50% - 4px); margin:4px 0; margin-right:8px; border-radius:30px; overflow:hidden;}
ul.ul_layout03 li:nth-of-type(2n){margin-right:0;}
ul.ul_layout03 li img{max-width:100%;}

.ul_layout04{max-width:calc(100% - 170px); margin-left:auto; font-size:0; letter-spacing:-4px;}
.ul_layout04 ul{display:inline-block; vertical-align:top; width:calc(67.5% - 5px); margin-right:10px;}
.ul_layout04 ul li{display:inline-block; vertical-align:top; width:calc(50% - 5px); margin:5px 0; margin-right:10px; border-radius:30px; overflow:hidden;}
.ul_layout04 ul li:nth-of-type(2n){margin-right:0;}
.ul_layout04 ul li img{width:100%;}
.ul_layout04 .img_box{display:inline-block; vertical-align:top; width:calc(32.5% - 5px); margin:5px 0; border-radius:30px; overflow:hidden;}
.ul_layout04 .img_box img{width:100%;}
.ul_layout04 p{font-size:12px; color:#231F20; letter-spacing:-0.04em; font-weight:700; line-height:1.6; margin:0; margin-top:20px;}

.ul_layout05{max-width:calc(100% - 170px); margin-left:auto; font-size:0; letter-spacing:-4px;}
.ul_layout05 ul{display:inline-block; vertical-align:top; width:calc(53.5% - 10px); margin-right:20px;}
.ul_layout05 ul li{margin:5px 0; border-radius:30px; overflow:hidden;}
.ul_layout05 ul li:nth-of-type(2n){margin-right:0;}
.ul_layout05 ul li img{width:100%;}
.ul_layout05 .img_box{display:inline-block; vertical-align:top; width:calc(46.5% - 10px); margin:5px 0; border-radius:30px; overflow:hidden;}
.ul_layout05 .img_box img{width:100%;}
.ul_layout05 p{font-size:12px; color:#231F20; letter-spacing:-0.04em; font-weight:700; line-height:1.6; margin:0; margin-top:20px;}
.ul_layout05.type02 ul{width:calc(50% - 10px);}
.ul_layout05.type02 ul li{margin:10px 0;}
.ul_layout05.type02 .img_box{width:calc(50% - 10px);}

@media all and (max-width:1200px){
	ul.ul_layout02{max-width:100%;}
	ul.ul_layout03{max-width:100%; margin-left:0; text-align:center;}
	.ul_layout04{max-width:100%;}
	.ul_layout05{max-width:100%;}
}
@media all and (max-width:1000px){
	ul.ul_layout01 br{display:none;}
	ul.ul_layout01 li{width:calc(50% - 2.5px);}
	ul.ul_layout01 li:nth-of-type(2n){margin-right:0;}
	ul.ul_layout01.grid5 li{width:calc(50% - 2.5px);}
	ul.ul_layout01.grid5 li:nth-of-type(5n){margin-right:5px;}
	ul.ul_layout01.grid5 li:nth-of-type(4n){margin-right:0;}
	ul.ul_layout01.grid5 li:nth-of-type(2n){margin-right:0;}
}

/* img_layout */
.img_layout{margin-left:290px;}
.img_layout img{max-width:100%;}

@media all and (max-width:1200px){
	.img_layout{margin:0; text-align:center;}
}

/* video_layout */
.video_layout{position:relative; max-width:1455px; margin:0 auto;}
.video_layout .video{position:absolute; top:3.5%; left:50%; width:78.5%; height:87%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.video_layout .video iframe{width:100%; height:100%;}
.video_layout .video img{width:100%;}
.video_layout .video video{width:100%; padding-top:4%;}
.video_layout img{width:100%;}

/* img popup */
.popup_bg{position:fixed; top:0; left:0; right:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:99; cursor:pointer;}
.popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:523px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center; z-index:100;}
.popup img{width:100%;}

/* talk popup */
.talk_popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:640px; background:#fff; border-radius:30px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:100; overflow:hidden;}
.talk_popup .talk_title .top_line{background:#006CB6; padding:5px 25px;}
.talk_popup .talk_title .top_line:after{content:''; display:block; clear:both;}
.talk_popup .talk_title .top_line p{display:inline-block; font-size:14px; color:#fff; letter-spacing:0em; font-weight:400;}
.talk_popup .talk_title .top_line img{float:right; max-width:70px; margin-top:3px;}
.talk_popup .talk_title .profile{padding:25px 20px; background:#0090D0;}
.talk_popup .talk_title .profile:after{content:''; display:block; clear:both;}
.talk_popup .talk_title .profile .left{display:inline-block; margin-top:3px;}
.talk_popup .talk_title .profile .left a{display:inline-block; vertical-align:middle;}
.talk_popup .talk_title .profile .left a img{max-width:14px;}
.talk_popup .talk_title .profile .left .img{display:inline-block; vertical-align:middle; max-width:56px; margin:0 10px;}
.talk_popup .talk_title .profile .left .img img{max-width:100%;}
.talk_popup .talk_title .profile .left h3{display:inline-block; vertical-align:middle; font-size:26px; color:#fff; letter-spacing:0em; font-weight:400;}
.talk_popup .talk_title .profile .right{float:right;}
.talk_popup .talk_title .profile .right .img_box{display:inline-block; vertical-align:middle; text-align:center; font-size:12px; color:#fff; letter-spacing:0em; font-weight:400; margin-right:20px;}
.talk_popup .talk_title .profile .right .img_box img{display:block; max-width:46px; margin:0 auto; }
.talk_popup .talk_title .profile .right a{display:inline-block; vertical-align:middle;}
.talk_popup .talk_title .profile .right a img{max-width:10px;}

.talk_popup .talk_bot{padding:20px 20px 30px; border:1px solid #C1C3C5;}
.talk_popup .talk_bot:after{content:''; display:block; clear:both;}
.talk_popup .talk_bot ul{display:inline-block; margin-top:10px; font-size:0; letter-spacing:-4px;}
.talk_popup .talk_bot ul li{display:inline-block; vertical-align:middle; margin-right:30px;}
.talk_popup .talk_bot ul li a{display:block;}
.talk_popup .talk_bot ul li img{max-width:24px;}
.talk_popup .talk_bot .input_box{float:right; position:relative;}
.talk_popup .talk_bot .input_box input{width:100%; font-size:20px; color:#444; letter-spacing:0em; font-weight:400; padding:5px 38px 5px 16px; border:2px solid #99999A; border-radius:30px; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.talk_popup .talk_bot .input_box input::placeholder{color:#999;}
.talk_popup .talk_bot .input_box input::-ms-clear{display:none;}
.talk_popup .talk_bot .input_box input:focus{outline:none;}
.talk_popup .talk_bot .input_box img{position:absolute; top:50%; right:10px; max-width:28px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}

.talk_popup .talk_conts{height:600px; padding:30px 30px 60px; border:1px solid #C1C3C5; border-top:0; box-sizing:border-box; overflow-y:auto;}
.talk_popup .talk_conts dl{font-size:0; letter-spacing:-4px;}
.talk_popup .talk_conts dl + dl{padding-top:20px;}
.talk_popup .talk_conts dl dt{display:inline-block; vertical-align:top; width:60px; margin-right:10px;}
.talk_popup .talk_conts dl dt img{max-width:100%;}
.talk_popup .talk_conts dl dd{display:inline-block; vertical-align:top; width:calc(100% - 70px);}
.talk_popup .talk_conts dl dd h5{font-size:22px; color:#404041; letter-spacing:0em; font-weight:400; margin:0; margin-bottom:10px;}
.talk_popup .talk_conts dl dd .txt_box{position:relative; padding:15px; background:#524FA0; border-radius:15px;}
.talk_popup .talk_conts dl dd .txt_box:before{content:''; position:absolute; top:0; left:-10px; display:block; width:15px; height:16px; background:url('/img/talk_deco01.png') no-repeat center center / contain; }
.talk_popup .talk_conts dl dd .txt_box p{font-size:16px; color:#fff; letter-spacing:-0.02em; font-weight:300; line-height:1.5;}
.talk_popup .talk_conts dl dd .txt_box p b{font-weight:400;}
.talk_popup .talk_conts dl dd .txt_box p a{font-size:16px; color:#fff; word-break:break-all;}
.talk_popup .talk_conts dl dd .txt_box p img{display:inline-block; vertical-align:middle; max-width:28px; margin-left:5px;}
.talk_popup .talk_conts dl dd .txt_box p .col01{color:#FFF100 !important;}
.talk_popup .talk_conts dl dd .txt_box p .col02{color:#EC1C24 !important;}
.talk_popup .talk_conts dl dd .img_box{position:relative; display:inline-block; padding:8px; background:#524FA0; border-radius:15px;}
.talk_popup .talk_conts dl dd .img_box:before{content:''; position:absolute; top:0; left:-10px; display:block; width:15px; height:16px; background:url('/img/talk_deco01.png') no-repeat center center / contain; }
.talk_popup .talk_conts dl dd .img_box .img{position:relative; padding:8px 20px; border-radius:10px; background:#fff;}
.talk_popup .talk_conts dl dd .img_box .img:before{content:''; position:absolute; top:-8px; left:10px; width:10px; height:23px; background:url('/img/talk_clip.png') no-repeat center center / contain;}
.talk_popup .talk_conts dl dd .img_box .img img{max-width:100%;}
.talk_popup .talk_conts dl dd .img_box .img img.img01{max-width:100px;}
.talk_popup .talk_conts dl dd .img_box .img img.img02{max-width:160px;}
.talk_popup .talk_conts dl dd .img_box .img img.img03{max-width:360px;}

.talk_popup .talk_conts dl.type02 dt{float:right; margin:0; margin-left:10px;}
.talk_popup .talk_conts dl.type02 dd{text-align:right;}
.talk_popup .talk_conts dl.type02 dd .txt_box{background:#D0D2D3; text-align:left;}
.talk_popup .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco02.png');}
.talk_popup .talk_conts dl.type02 dd .txt_box p{color:#231F20;}
.talk_popup .talk_conts dl.type02 dd .txt_box p a{color:#231F20;}
.talk_popup .talk_conts dl.type02 dd .img_box{background:#D0D2D3; margin-left:auto;}
.talk_popup .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco02.png');}

/* 다른 색상 */
.talk_popup.talk02 .talk_title .top_line{background:#808285;}
.talk_popup.talk02 .talk_title .profile{background:#A6CE39;}
.talk_popup.talk02 .talk_conts{background:url('/img/talk_bg02.jpg') no-repeat center center / cover;}
.talk_popup.talk02 .talk_conts dl dd .txt_box{background:#0090D0;}
.talk_popup.talk02 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco03.png');}
.talk_popup.talk02 .talk_conts dl dd .img_box{background:#0090D0;}
.talk_popup.talk02 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco03.png');}
.talk_popup.talk02 .talk_conts dl.type02 dd .txt_box{background:#929497;}
.talk_popup.talk02 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco04.png');}
.talk_popup.talk02 .talk_conts dl.type02 dd .txt_box p{color:#fff;}
.talk_popup.talk02 .talk_conts dl.type02 dd .txt_box p a{color:#fff;}
.talk_popup.talk02 .talk_conts dl.type02 dd .img_box{background:#929497;}
.talk_popup.talk02 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco04.png');}

.talk_popup.talk03 .talk_title .top_line{background:#808285;}
.talk_popup.talk03 .talk_title .profile{background:#A6CE39;}
.talk_popup.talk03 .talk_conts{background:url('/img/talk_bg03.jpg') no-repeat center center / cover;}
.talk_popup.talk03 .talk_conts dl dd h5{color:#fff;}
.talk_popup.talk03 .talk_conts dl dd .txt_box{background:#A6CE39;}
.talk_popup.talk03 .talk_conts dl dd .txt_box p{color:#231F20;}
.talk_popup.talk03 .talk_conts dl dd .txt_box p a{color:#231F20;}
.talk_popup.talk03 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco05.png');}
.talk_popup.talk03 .talk_conts dl dd .img_box{background:#A6CE39;}
.talk_popup.talk03 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco05.png');}
.talk_popup.talk03 .talk_conts dl.type02 dd .txt_box{background:#D0D2D3;}
.talk_popup.talk03 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco06.png');}
.talk_popup.talk03 .talk_conts dl.type02 dd .img_box{background:#D0D2D3;}
.talk_popup.talk03 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco06.png');}

.talk_popup.talk04 .talk_title .top_line{background:#006CB6;}
.talk_popup.talk04 .talk_title .profile{background:#F5D028;}
.talk_popup.talk04 .talk_title .profile .left h3{color:#231F20;}
.talk_popup.talk04 .talk_conts{background:url('/img/talk_bg04.jpg') no-repeat center center / cover;}
.talk_popup.talk04 .talk_conts dl dd h5{color:#fff;}
.talk_popup.talk04 .talk_conts dl dd .txt_box{background:#F5D028;}
.talk_popup.talk04 .talk_conts dl dd .txt_box p{color:#231F20;}
.talk_popup.talk04 .talk_conts dl dd .txt_box p a{color:#231F20;}
.talk_popup.talk04 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco07.png');}
.talk_popup.talk04 .talk_conts dl dd .img_box{background:#F5D028;}
.talk_popup.talk04 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco07.png');}
.talk_popup.talk04 .talk_conts dl.type02 dd .txt_box{background:#A6A8AB;}
.talk_popup.talk04 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco08.png');}
.talk_popup.talk04 .talk_conts dl.type02 dd .txt_box p{color:#fff;}
.talk_popup.talk04 .talk_conts dl.type02 dd .txt_box p a{color:#fff;}
.talk_popup.talk04 .talk_conts dl.type02 dd .img_box{background:#A6A8AB;}
.talk_popup.talk04 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco08.png');}

.talk_popup.talk05 .talk_title .top_line{background:#808285;}
.talk_popup.talk05 .talk_conts{background:url('/img/talk_bg05.jpg') no-repeat center center / cover;}
.talk_popup.talk05 .talk_conts dl dd .txt_box{background:#F5D028;}
.talk_popup.talk05 .talk_conts dl dd .txt_box p{color:#231F20;}
.talk_popup.talk05 .talk_conts dl dd .txt_box p a{color:#231F20;}
.talk_popup.talk05 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco09.png');}
.talk_popup.talk05 .talk_conts dl dd .img_box{background:#F5D028;}
.talk_popup.talk05 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco09.png');}
.talk_popup.talk05 .talk_conts dl.type02 dd .txt_box{background:#A6A8AB;}
.talk_popup.talk05 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco10.png');}
.talk_popup.talk05 .talk_conts dl.type02 dd .txt_box p{color:#fff;}
.talk_popup.talk05 .talk_conts dl.type02 dd .txt_box p a{color:#fff;}
.talk_popup.talk05 .talk_conts dl.type02 dd .img_box{background:#A6A8AB;}
.talk_popup.talk05 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco10.png');}

.talk_popup.talk06 .talk_title .top_line{background:#808285;}
.talk_popup.talk06 .talk_conts{background:url('/img/talk_bg06.jpg') no-repeat center center / cover;}
.talk_popup.talk06 .talk_conts dl dd h5{color:#fff;}
.talk_popup.talk06 .talk_conts dl dd .txt_box{background:#F5D028;}
.talk_popup.talk06 .talk_conts dl dd .txt_box p{color:#231F20;}
.talk_popup.talk06 .talk_conts dl dd .txt_box p a{color:#231F20;}
.talk_popup.talk06 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco11.png');}
.talk_popup.talk06 .talk_conts dl dd .img_box{background:#F5D028;}
.talk_popup.talk06 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco11.png');}
.talk_popup.talk06 .talk_conts dl.type02 dd .txt_box{background:#686A6D;}
.talk_popup.talk06 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco12.png');}
.talk_popup.talk06 .talk_conts dl.type02 dd .txt_box p{color:#fff;}
.talk_popup.talk06 .talk_conts dl.type02 dd .txt_box p a{color:#fff;}
.talk_popup.talk06 .talk_conts dl.type02 dd .img_box{background:#686A6D;}
.talk_popup.talk06 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco12.png');}

.talk_popup.talk07 .talk_conts{background:url('/img/talk_bg07.jpg') no-repeat center center / cover;}
.talk_popup.talk07 .talk_conts dl dd h5{color:#fff;}

.talk_popup.talk08 .talk_title .top_line{background:#58595B;}
.talk_popup.talk08 .talk_title .profile{background:#FDB913;}
.talk_popup.talk08 .talk_conts dl dd .txt_box{background:#F47920;}
.talk_popup.talk08 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco13.png');}
.talk_popup.talk08 .talk_conts dl dd .img_box{background:#F47920;}
.talk_popup.talk08 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco13.png');}
.talk_popup.talk08 .talk_conts dl.type02 dd .txt_box{background:#FDB913;}
.talk_popup.talk08 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco14.png');}
.talk_popup.talk08 .talk_conts dl.type02 dd .img_box{background:#FDB913;}
.talk_popup.talk08 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco14.png');}

.talk_popup.talk09 .talk_title .top_line{background:#58595B;}
.talk_popup.talk09 .talk_title .profile{background:#A7AF39;}
.talk_popup.talk09 .talk_conts dl dd .txt_box{background:#37B34A;}
.talk_popup.talk09 .talk_conts dl dd .txt_box:before{background-image:url('/img/talk_deco15.png');}
.talk_popup.talk09 .talk_conts dl dd .img_box{background:#37B34A;}
.talk_popup.talk09 .talk_conts dl dd .img_box:before{background-image:url('/img/talk_deco15.png');}
.talk_popup.talk09 .talk_conts dl.type02 dd .txt_box{background:#A7AF39;}
.talk_popup.talk09 .talk_conts dl.type02 dd .txt_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco16.png');}
.talk_popup.talk09 .talk_conts dl.type02 dd .img_box{background:#A7AF39;}
.talk_popup.talk09 .talk_conts dl.type02 dd .img_box:before{left:auto; right:-10px; background-image:url('/img/talk_deco16.png');}

@media all and (max-width:767px){
	.talk_popup .talk_title .profile{padding:10px 15px;}
	.talk_popup .talk_conts{height:500px; padding:20px 20px 40px;}
	.talk_popup .talk_conts dl dd .txt_box p br{display:none;}
	.talk_popup .talk_bot{padding:10px 15px 20px;}
	.talk_popup .talk_bot ul li{margin-right:10px;}
	.talk_popup .talk_bot .input_box{width:200px;}
}



/*----- 필리핀 -----*/
.national_sub_top .visual.sv01 .left_box{position:relative; min-height:1293px; background:url('/img/philippines_visual01_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv01 .left_box img{position:absolute; bottom:0; right:0;}
.national_sub_top .visual.sv01 .right_box{position:relative; min-height:1293px; background:url('/img/philippines_visual02_bg.jpg') no-repeat left center / cover;}
.national_sub_top .visual.sv01 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv01 .left_box{min-height:0;}
	.national_sub_top .visual.sv01 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-100px;}
	.national_sub_top .visual.sv01 .right_box{min-height:0;}
	.national_sub_top .visual.sv01 .right_box img{position:static; display:block; max-width:100%; margin-top:-140px;}
}

.philippines_con01{padding:50px 0;}
.philippines_con02{padding:50px 0;}

.philippines_con03{padding:50px 0;}
.philippines_con03 .bot_box{margin-top:40px; text-align:center;}
.philippines_con03 .bot_box h6{display:block; width:90%; max-width:960px; font-size:23px; color:#fff; letter-spacing:-0.04em; font-weight:300; margin:5px auto; padding:8px 20px; background:#804f22; border-radius:50px; box-sizing:border-box; word-break:keep-all;}
.philippines_con03 .bot_box h6 b{font-weight:500;}
.philippines_con03 .bot_box p{display:inline-block; vertical-align:top; margin:5px; font-size:20px; color:#000; letter-spacing:0em; font-weight:400; word-break:break-all;}

.philippines_con04{padding:50px 0;}
.philippines_con05{padding:50px 0;}

@media all and (max-width:1000px){
	.philippines_con01{padding:30px 0;}
	.philippines_con02{padding:30px 0;}
	.philippines_con03{padding:30px 0;}
	.philippines_con04{padding:30px 0;}
	.philippines_con05{padding:30px 0;}
}

/*----- 미얀마 -----*/
.national_sub_top .visual.sv02 .left_box{position:relative; min-height:1293px; background:url('/img/myanmar_visual01_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv02 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv02 .right_box{position:relative; min-height:1293px; background:url('/img/myanmar_visual02_bg.jpg') no-repeat left center / cover;}
.national_sub_top .visual.sv02 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv02 .left_box{min-height:0;}
	.national_sub_top .visual.sv02 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-100px;}
	.national_sub_top .visual.sv02 .right_box{min-height:0;}
	.national_sub_top .visual.sv02 .right_box img{position:static; display:block; max-width:100%; margin-top:-50px;}
}

.myanmar_con01{padding:50px 0;}
.myanmar_con02{padding:50px 0;}
.myanmar_con03{padding:50px 0;}

@media all and (max-width:1000px){
	.myanmar_con01{padding:30px 0;}
	.myanmar_con02{padding:30px 0;}
	.myanmar_con03{padding:30px 0;}
}

/*----- 베트남 -----*/
.national_sub_top .visual.sv03 .left_box{position:relative; min-height:1293px; background:#F15A37;}
.national_sub_top .visual.sv03 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv03 .right_box{position:relative; min-height:1293px; background:#FBB816;}
.national_sub_top .visual.sv03 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv03 .left_box{min-height:0;}
	.national_sub_top .visual.sv03 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-180px;}
	.national_sub_top .visual.sv03 .right_box{min-height:0;}
	.national_sub_top .visual.sv03 .right_box img{position:static; display:block; max-width:100%; margin-top:-180px;}
}

.vietnam_con01{padding:50px 0;}
.vietnam_con02{padding:50px 0;}

.vietnam_con03{padding:50px 0;}
.vietnam_con03 .bot_box{margin-top:40px; text-align:center;}
.vietnam_con03 .bot_box h6{display:block; width:90%; max-width:1080px; font-size:23px; color:#fff; letter-spacing:-0.04em; font-weight:300; margin:5px auto; padding:8px 20px; background:#F15A37; border-radius:50px; box-sizing:border-box; word-break:keep-all;}
.vietnam_con03 .bot_box h6 b{font-weight:500;}
.vietnam_con03 .bot_box p{display:inline-block; vertical-align:top; margin:5px; font-size:20px; color:#000; letter-spacing:0em; font-weight:400; word-break:break-all;}

.vietnam_con04{padding:50px 0;}
.vietnam_con04 .btn{margin-top:40px; text-align:center;}
.vietnam_con04 .btn a{position:relative; display:inline-block; width:90%; max-width:480px; font-size:18px; color:#fff; letter-spacing:-0.04em; font-weight:700; padding:10px 0; background:#F15A37; border-radius:50px;}
.vietnam_con04 .btn a:before{content:''; position:absolute; bottom:-35px; right:-20px; display:block; width:79px; height:66px; background:url('/img/national_btn_icon01.png') no-repeat center center / contain; }
.vietnam_con05{padding:50px 0;}

@media all and (max-width:1000px){
	.vietnam_con01{padding:30px 0;}
	.vietnam_con02{padding:30px 0;}
	.vietnam_con03{padding:30px 0;}
	.vietnam_con04{padding:30px 0;}
	.vietnam_con05{padding:30px 0;}
}

/*----- 싱가폴 -----*/
.national_sub_top .visual.sv04 .left_box{position:relative; background:#F5921F;}
.national_sub_top .visual.sv04 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv04 .left_box.left02{position:relative; background:#00A69C;}
.national_sub_top .visual.sv04 .right_box{position:relative; background:#00A69C;}
.national_sub_top .visual.sv04 .right_box img{position:absolute; bottom:0; left:0;}
.national_sub_top .visual.sv04 .right_box.right02{position:relative; background:#F5921F;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv04 .left_box{min-height:0;}
	.national_sub_top .visual.sv04 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-80px;}
	.national_sub_top .visual.sv04 .left_box.left02{background:#F5921F;}
	.national_sub_top .visual.sv04 .right_box{min-height:0;}
	.national_sub_top .visual.sv04 .right_box img{position:static; display:block; max-width:100%; margin-top:-80px;}
	.national_sub_top .visual.sv04 .right_box.right02{background:#00A69C;}
}

.singapore_con01{padding:50px 0;}
.singapore_con02{padding:50px 0;}
.singapore_con03{padding:50px 0;}
.singapore_con04{padding:50px 0;}

@media all and (max-width:1000px){
	.singapore_con01{padding:30px 0;}
	.singapore_con02{padding:30px 0;}
	.singapore_con03{padding:30px 0;}
	.singapore_con04{padding:30px 0;}
}

/*----- 말레이시아 -----*/
.national_sub_top .visual.sv05 .left_box{position:relative; min-height:1293px; background:#067CB9;}
.national_sub_top .visual.sv05 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv05 .right_box{position:relative; min-height:1293px; background:#9DBADE;}
.national_sub_top .visual.sv05 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv05 .left_box{min-height:0;}
	.national_sub_top .visual.sv05 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-300px;}
	.national_sub_top .visual.sv05 .right_box{min-height:0;}
	.national_sub_top .visual.sv05 .right_box img{position:static; display:block; max-width:100%; margin-top:-140px;}
}

.malaysia_con01{padding:50px 0;}
.malaysia_con02{padding:50px 0;}

@media all and (max-width:1000px){
	.malaysia_con01{padding:30px 0;}
	.malaysia_con02{padding:30px 0;}
}

/*----- 브루나이 -----*/
.national_sub_top .visual.sv06 .left_box{position:relative; min-height:1293px; background:url('/img/brunei_visual01_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv06 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv06 .right_box{position:relative; min-height:1293px; background:url('/img/brunei_visual02_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv06 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv06 .left_box{min-height:0;}
	.national_sub_top .visual.sv06 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-260px;}
	.national_sub_top .visual.sv06 .right_box{min-height:0;}
	.national_sub_top .visual.sv06 .right_box img{position:static; display:block; max-width:100%; margin-top:-240px;}
}

.brunei_con01{padding:50px 0;}
.brunei_con02{padding:50px 0;}

.brunei_con03{padding:50px 0;}
.brunei_con03 .bot_box{margin-top:40px; text-align:center;}
.brunei_con03 .bot_box h6{display:block; width:90%; max-width:960px; font-size:23px; color:#fff; letter-spacing:-0.04em; font-weight:300; margin:5px auto; padding:8px 20px; background:#754C28; border-radius:50px; box-sizing:border-box; word-break:keep-all;}
.brunei_con03 .bot_box h6 b{font-weight:500;}
.brunei_con03 .bot_box p{display:inline-block; vertical-align:top; margin:5px; font-size:20px; color:#000; letter-spacing:0em; font-weight:400; word-break:break-all;}

.brunei_con04{padding:50px 0;}

@media all and (max-width:1000px){
	.brunei_con01{padding:30px 0;}
	.brunei_con02{padding:30px 0;}
	.brunei_con03{padding:30px 0;}
}

/*----- 라오스 -----*/
.national_sub_top .visual.sv07 .left_box{position:relative; min-height:1293px; background:url('/img/laos_visual01_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv07 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv07 .right_box{position:relative; min-height:1293px; background:url('/img/laos_visual02_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv07 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv07 .left_box{min-height:0;}
	.national_sub_top .visual.sv07 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-260px;}
	.national_sub_top .visual.sv07 .right_box{min-height:0;}
	.national_sub_top .visual.sv07 .right_box img{position:static; display:block; max-width:100%; margin-top:-240px;}
}

.laos_con01{padding:50px 0;}
.laos_con02{padding:50px 0;}
.laos_con03{padding:50px 0;}

@media all and (max-width:1000px){
	.laos_con01{padding:30px 0;}
	.laos_con02{padding:30px 0;}
	.laos_con03{padding:30px 0;}
}

/*----- 인도네시아 -----*/
.national_sub_top .visual.sv08 .left_box{position:relative; background:#007DC5;}
.national_sub_top .visual.sv08 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv08 .left_box.left02{position:relative; background:#32C2B1 url('/img/indonesia_visual03_bg.jpg') no-repeat center center / cover;}
.national_sub_top .visual.sv08 .right_box{position:relative; background:#32C2B1 url('/img/indonesia_visual02_bgimg.png') no-repeat center center / cover;}
.national_sub_top .visual.sv08 .right_box img{position:absolute; bottom:0; left:0;}
.national_sub_top .visual.sv08 .right_box.right02{position:relative; background:#007DC5 url('/img/indonesia_visual04_bgimg.png') no-repeat center center / cover;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv08 .left_box{min-height:0;}
	.national_sub_top .visual.sv08 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-100px;}
	.national_sub_top .visual.sv08 .left_box.left02{background-color:#F5921F;}
	.national_sub_top .visual.sv08 .right_box{min-height:0;}
	.national_sub_top .visual.sv08 .right_box img{position:static; display:block; max-width:100%; margin-top:-80px;}
	.national_sub_top .visual.sv08 .right_box.right02{background-color:#007DC5;}
}

.indonesia_con01{padding:50px 0;}
.indonesia_con02{padding:50px 0;}

.indonesia_con03{padding:50px 0;}
.indonesia_con03 .bot_box{margin-top:40px; text-align:center;}
.indonesia_con03 .bot_box h6{display:block; width:90%; max-width:960px; font-size:23px; color:#fff; letter-spacing:-0.04em; font-weight:300; margin:5px auto; padding:8px 20px; background:#00A995; border-radius:50px; box-sizing:border-box; word-break:keep-all;}
.indonesia_con03 .bot_box h6 b{font-weight:500;}
.indonesia_con03 .bot_box p{display:inline-block; vertical-align:top; margin:5px; font-size:20px; color:#000; letter-spacing:0em; font-weight:400; word-break:break-all;}

.indonesia_con04{padding:50px 0;}
.indonesia_con05{padding:50px 0;}
.indonesia_con05 .bot_box{max-width:calc(100% - 230px); margin-left:auto; margin-top:40px; text-align:center;}
.indonesia_con05 .bot_box p{display:inline-block; font-size:20px; color:#58595B; letter-spacing:-0.02em; font-weight:700; margin:5px 0; margin-right:10px;}
.indonesia_con05 .bot_box a{position:relative; display:inline-block; max-width:90%; font-size:18px; color:#fff; letter-spacing:-0.04em; font-weight:700; padding:10px 60px 10px 30px; background:#00A995; border-radius:50px; word-break:break-all; box-sizing:border-box;}
.indonesia_con05 .bot_box a:before{content:''; position:absolute; bottom:-25px; right:-30px; display:block; width:79px; height:66px; background:url('/img/national_btn_icon01.png') no-repeat center center / contain; }
.indonesia_con06{padding:50px 0;}
.indonesia_con07{padding:50px 0;}

@media all and (max-width:1200px){
	.indonesia_con05 .bot_box{max-width:100%; }
}
@media all and (max-width:1000px){
	.indonesia_con01{padding:30px 0;}
	.indonesia_con02{padding:30px 0;}
	.indonesia_con03{padding:30px 0;}
	.indonesia_con04{padding:30px 0;}
	.indonesia_con05{padding:30px 0;}
	.indonesia_con06{padding:30px 0;}
	.indonesia_con07{padding:30px 0;}
}

/*----- 캄보디아 -----*/
.national_sub_top .visual.sv09 .left_box{position:relative; min-height:1293px; background:url('/img/cambodia_visual01_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv09 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv09 .right_box{position:relative; min-height:1293px; background:url('/img/cambodia_visual02_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv09 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv09 .left_box{min-height:0;}
	.national_sub_top .visual.sv09 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-320px;}
	.national_sub_top .visual.sv09 .right_box{min-height:0;}
	.national_sub_top .visual.sv09 .right_box img{position:static; display:block; max-width:100%; margin-top:-320px;}
}

.cambodia_con01{padding:50px 0;}
.cambodia_con02{padding:50px 0;}
.cambodia_con03{padding:50px 0;}
.cambodia_con03 .btn{margin-top:40px; text-align:center;}
.cambodia_con03 .btn a{position:relative; display:inline-block; width:90%; max-width:480px; font-size:18px; color:#fff; letter-spacing:-0.04em; font-weight:700; padding:10px 0; background:#00A995; border-radius:50px;}
.cambodia_con03 .btn a:before{content:''; position:absolute; bottom:-35px; right:-20px; display:block; width:79px; height:66px; background:url('/img/national_btn_icon01.png') no-repeat center center / contain; }
.cambodia_con04{padding:50px 0;}
.cambodia_con04 ul + ul{margin-top:40px;}
.cambodia_con05{padding:50px 0;}
.cambodia_con05 .bot_box{margin-top:40px; text-align:center;}
.cambodia_con05 .bot_box h6{display:block; width:90%; max-width:960px; font-size:23px; color:#fff; letter-spacing:-0.04em; font-weight:300; margin:5px auto; padding:8px 20px; background:#00A995; border-radius:50px; box-sizing:border-box; word-break:keep-all;}
.cambodia_con05 .bot_box h6 b{font-weight:500;}
.cambodia_con05 .bot_box p{display:inline-block; vertical-align:top; margin:5px; font-size:20px; color:#000; letter-spacing:0em; font-weight:400; word-break:break-all;}
.cambodia_con06{padding:50px 0;}
.cambodia_con07{padding:50px 0;}

@media all and (max-width:1000px){
	.cambodia_con01{padding:30px 0;}
	.cambodia_con02{padding:30px 0;}
	.cambodia_con03{padding:30px 0;}
	.cambodia_con04{padding:30px 0;}
	.cambodia_con05{padding:30px 0;}
	.cambodia_con06{padding:30px 0;}
	.cambodia_con07{padding:30px 0;}
}

/*----- 태국 -----*/
.national_sub_top .visual.sv10 .left_box{position:relative; min-height:1293px; background:url('/img/thailand_visual01_bg.jpg') no-repeat right center / cover;}
.national_sub_top .visual.sv10 .left_box img{position:absolute; bottom:0; right:0;} 
.national_sub_top .visual.sv10 .right_box{position:relative; min-height:1293px; background:#FDB913;}
.national_sub_top .visual.sv10 .right_box img{position:absolute; bottom:0; left:0;}

@media all and (max-width:1200px){
	.national_sub_top .visual.sv10 .left_box{min-height:0;}
	.national_sub_top .visual.sv10 .left_box img{position:static; display:block; max-width:100%; margin-left:auto; margin-top:-220px;}
	.national_sub_top .visual.sv10 .right_box{min-height:0;}
	.national_sub_top .visual.sv10 .right_box img{position:static; display:block; max-width:100%; margin-top:-200px;}
}

.thailand_con01{padding:50px 0;}
.thailand_con02{padding:50px 0;}

.thailand_con03{padding:50px 0;}
.thailand_con03 .title_box .text p span.np{font-size:40px; font-weight:400;}
.thailand_con03 .btn{margin-top:40px; text-align:center;}
.thailand_con03 .btn a{position:relative; display:inline-block; width:90%; max-width:480px; font-size:18px; color:#fff; letter-spacing:-0.04em; font-weight:700; padding:10px 0; background:#F15A38; border-radius:50px;}
.thailand_con03 .btn a:before{content:''; position:absolute; bottom:-35px; right:-20px; display:block; width:79px; height:66px; background:url('/img/national_btn_icon01.png') no-repeat center center / contain; }

.thailand_con04{padding:50px 0;}
.thailand_con04 .bot_box{margin-top:40px; text-align:center;}
.thailand_con04 .bot_box h6{display:block; width:90%; max-width:960px; font-size:23px; color:#fff; letter-spacing:-0.04em; font-weight:300; margin:5px auto; padding:8px 20px; background:#F15A38; border-radius:50px; box-sizing:border-box; word-break:keep-all;}
.thailand_con04 .bot_box h6 b{font-weight:500;}
.thailand_con04 .bot_box p{display:inline-block; vertical-align:top; margin:5px; font-size:20px; color:#000; letter-spacing:0em; font-weight:400; word-break:break-all;}

.thailand_con05{padding:50px 0;}

@media all and (max-width:1000px){
	.thailand_con01{padding:30px 0;}
	.thailand_con02{padding:30px 0;}
	.thailand_con03{padding:30px 0;}
	.thailand_con04{padding:30px 0;}
	.thailand_con05{padding:30px 0;}
}


/*----- 인트로 페이지 -----*/
.national_intro_con01{padding:100px 0;}
.national_intro_con01 ul{max-width:1460px; margin:0 auto; font-size:0; letter-spacing:-4px;}
.national_intro_con01 ul li{position:relative; display:inline-block; vertical-align:top; width:calc(20% - 8px); margin:5px 0; margin-right:10px; cursor:pointer;}
.national_intro_con01 ul li:nth-of-type(5n){margin-right:0;}
.national_intro_con01 ul li img{width:100%;}
.national_intro_con01 ul li .text{position:absolute; top:0; left:0; right:0; display:table; width:100%; height:100%; padding:0 10px; background:rgba(0, 0, 0, 0.7); text-align:center; z-index:1; box-sizing:border-box;}
.national_intro_con01 ul li .text p{display:table-cell; vertical-align:middle; font-size:20px; color:#fff; letter-spacing:0em; font-weight:400; line-height:1.6; word-break:keep-all;}
.national_intro_con01 ul li .text p b{font-weight:800;}
.national_intro_con01 ul li.type02 .text{background:transparent;}
.national_intro_con01 ul li.type02 .text p{font-size:24px;}

@media all and (max-width:1200px){
	.national_intro_con01 ul li{width:calc(25% - 7.5px);}
	.national_intro_con01 ul li:nth-of-type(5n){margin-right:10px;}
	.national_intro_con01 ul li:nth-of-type(4n){margin-right:0;}
}
@media all and (max-width:1000px){
	.national_intro_con01 ul li{width:calc(33.333333% - 6.7px);}
	.national_intro_con01 ul li:nth-of-type(4n){margin-right:10px;}
	.national_intro_con01 ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:640px){
	.national_intro_con01 ul li{width:calc(50% - 5px);}
	.national_intro_con01 ul li:nth-of-type(3n){margin-right:10px;}
	.national_intro_con01 ul li:nth-of-type(2n){margin-right:0;}
}

/*----- 프롤로그 -----*/
.prologue_con01{padding:150px 0 580px; background:url('/img/prologue_con01_bg.jpg') no-repeat center center / cover;}
.prologue_con01 .txt_box{width:100%; max-width:1900px; margin:0 auto;}
.prologue_con01 .txt_box .text{max-width:1080px; margin-left:auto;}
.prologue_con01 .txt_box h3{font-size:52px; color:#F05A28; letter-spacing:-0.06em; font-weight:400; margin:0; line-height:1.4; word-break:keep-all; margin-bottom:20px;}
.prologue_con01 .txt_box h3 span{position:relative; display:inline-block;}
.prologue_con01 .txt_box h3 span:before{content:''; position:absolute; bottom:-5px; left:-10%; display:block; width:623px; height:17px; background:url('/img/prologue_con01_deco.png') no-repeat center center / contain;}
.prologue_con01 .txt_box p{font-size:22px; color:#000; letter-spacing:-0.04em; font-weight:400; line-height:1.8; word-break:keep-all;}
.prologue_con01 .txt_box ul{margin-top:40px;}
.prologue_con01 .txt_box ul li{position:relative; font-size:18px; color:#000000; letter-spacing:-0.012em; font-weight:400; padding-left:10px;}
.prologue_con01 .txt_box ul li:before{content:'·'; position:absolute; top:0; left:0;}

@media all and (max-width:1920px){
	.prologue_con01{background-position:90% 50%;}
	.prologue_con01 .txt_box{width:93.75%;}
	.prologue_con01 .txt_box p br{display:none;}
}
@media all and (max-width:1000px){
	.prologue_con01{padding:100px 0 300px;}
	.prologue_con01 .txt_box h3{font-size:40px;}
	.prologue_con01 .txt_box h3 span:before{left:-2%; width:453px;}
	.prologue_con01 .txt_box p{font-size:20px;}
}

/*----- 에필로그 -----*/
.epilogue_tit{margin-bottom:40px; text-align:center;}
.epilogue_tit h4{display:block; width:90%; max-width:580px; font-size:54px; color:#414042; letter-spacing:-0.08em; font-weight:400; line-height:1.2; margin:0 auto; padding:20px 0 10px; background:#FFCB05; text-align:center; box-shadow:8px 8px 10px rgba(0, 0, 0, 0.4); word-break:keep-all;}
.epilogue_tit p{font-size:30px; color:#231F20; letter-spacing:-0.035em; font-weight:400; line-height:1.6; margin-top:20px; word-break:keep-all;}

@media all and (max-width:1700px){
	.epilogue_tit p br{display:none;}
}
@media all and (max-width:1000px){
	.epilogue_tit h4{font-size:40px;}
	.epilogue_tit p{font-size:24px;}
}

.epilogue_con01{padding:100px 0 0;}
.epilogue_con01 h3{font-size:58px; color:#414042; letter-spacing:-0.06em; font-weight:400; margin:0;}
.epilogue_con01 h3 span{position:relative; display:inline-block;}
.epilogue_con01 h3 span:before{content:''; position:absolute; left:0; bottom:0;}
.epilogue_con01 h3 span:nth-of-type(1):before{width:783px; height:11px; background:url('/img/epilogue_con01_deco01.png') no-repeat center center / contain; }
.epilogue_con01 h3 span:nth-of-type(2):before{width:580px; height:17px; background:url('/img/epilogue_con01_deco02.png') no-repeat center center / contain; }
.epilogue_con01 p{font-size:30px; color:#414042; letter-spacing:-0.06em; font-weight:400; line-height:1.6; word-break:keep-all; margin-top:20px;}
.epilogue_con01 .bg{margin-top:40px; padding:40px 0 60px; background:url('/img/epilogue_con01_bg.png') center;}
.epilogue_con01 ul{font-size:0; letter-spacing:-4px;}
.epilogue_con01 ul li{display:inline-block; vertical-align:top; width:calc(25% - 23px); height:400px; margin:10px 0; margin-right:30px;}
.epilogue_con01 ul li:nth-of-type(4n){margin-right:0;}
.epilogue_con01 ul li > div{position:relative; display:table; width:calc(100% + 40px); height:100%; margin-left:-40px;}
.epilogue_con01 ul li .line{position:absolute; top:0; right:0; width:calc(100% - 40px); height:100%;}
.epilogue_con01 ul li .line i{display:inline-block; width:50%; height:30%; box-sizing:border-box;}
.epilogue_con01 ul li .line i:nth-of-type(1){border-top:6px solid #FFCB05; border-left:6px solid #FFCB05; border-top-left-radius:35px;}
.epilogue_con01 ul li .line i:nth-of-type(2){border-top:6px solid #FFCB05; border-right:6px solid #FFCB05; border-top-right-radius:35px;}
.epilogue_con01 ul li .line i:nth-of-type(3){height:40%; }
.epilogue_con01 ul li .line i:nth-of-type(4){height:40%; border-right:6px solid #FFCB05;}
.epilogue_con01 ul li .line i:nth-of-type(5){border-bottom:6px solid #FFCB05; border-left:6px solid #FFCB05; border-bottom-left-radius:35px;}
.epilogue_con01 ul li .line i:nth-of-type(6){border-bottom:6px solid #FFCB05; border-right:6px solid #FFCB05; border-bottom-right-radius:35px;}
.epilogue_con01 ul li .num{position:relative; display:table-cell; vertical-align:middle; font-size:120px; color:#414042; letter-spacing:-0.08em; font-weight:300; z-index:1;}
.epilogue_con01 ul li .text{position:relative; display:table-cell; vertical-align:middle; width:calc(100% - 60px); padding:0 10px; box-sizing:border-box; z-index:1;}
.epilogue_con01 ul li .text h6{font-size:23px; color:#414042; letter-spacing:-0.035em; font-weight:800; margin:0; word-break:keep-all;}
.epilogue_con01 ul li .text p{font-size:18px; color:#414042; letter-spacing:-0.035em; font-weight:400; word-break:keep-all; margin-top:0;}

@media all and (max-width:1200px){
	.epilogue_con01 ul li{width:calc(50% - 15px);}
	.epilogue_con01 ul li:nth-of-type(3n){margin-right:30px;}
	.epilogue_con01 ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:1000px){
	.epilogue_con01 h3{font-size:48px;}
	.epilogue_con01 h3 span:nth-of-type(1):before{width:693px;}
	.epilogue_con01 h3 span:nth-of-type(2):before{width:480px;}
	.epilogue_con01 p{font-size:24px;}
	.epilogue_con01 ul li .text h6{font-size:24px;}
	.epilogue_con01 ul li .text p{font-size:20px;}
}
@media all and (max-width:767px){
	.epilogue_con01 ul li{width:100%; margin-right:0;}
	.epilogue_con01 ul li:nth-of-type(4n){margin-right:0;}
	.epilogue_con01 ul li:nth-of-type(3n){margin-right:0;}
	.epilogue_con01 ul li > div{width:calc(100% + 20px); margin-left:-20px;}
	.epilogue_con01 h3{font-size:30px;}
	.epilogue_con01 h3 span:nth-of-type(1):before{width:463px; height:7px;}
	.epilogue_con01 h3 span:nth-of-type(2):before{width:290px; height:8px;}
	.epilogue_con01 p{font-size:20px;}
}

.epilogue_con02{padding:100px 0;}
.epilogue_con02 .img_box{text-align:center;}
.epilogue_con02 .img_box img{max-width:100%;}
.epilogue_con02 a{display:block; width:90%; max-width:1340px; font-size:33px; color:#231F20; letter-spacing:-0.035em; font-weight:400; margin:20px auto 0; padding:10px 20px; background:#FFCB05; border-radius:80px; text-align:center; box-sizing:border-box; word-break:break-all;}

@media all and (max-width:1000px){
	.epilogue_con02 a{font-size:24px;}
}

.epilogue_con03 .bg{padding:60px 0; background:url('/img/epilogue_con01_bg.png') center;}
.epilogue_con03 .img_box{text-align:center;}
.epilogue_con03 .img_box img{max-width:100%;}

.epilogue_con04{padding:100px 0;}
.epilogue_con04 .video_box{position:relative; margin:0 auto;}
.epilogue_con04 .video_box .video{position:absolute; top:4.8%; left:49.6%; width:93%; height:71%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); border-radius:20px; overflow:hidden;}
.epilogue_con04 .video_box .video iframe{width:100%; height:100%;}
.epilogue_con04 .video_box img{width:100%;}

/*----- 온라인해설 -----*/
.online_popup_bg{position:fixed; top:0; left:0; right:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:99; cursor:pointer;}
.online_popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:1200px; height:60%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center; z-index:100;}
.online_popup iframe{width:100%; height:100%;}

@media all and (max-width:1000px){
	.online_popup{height:50%;}
}



/* ==========================================================================
	청년공공외교대사
========================================================================== */
.youth_con01{padding:140px 0 0; background:#FFF585; overflow:hidden;}
.youth_con01 .inner:after{content:''; display:block; clear:both;}
.youth_con01 .txt_box{float:right; max-width:650px;}
.youth_con01 .txt_box h3{font-size:38px; color:#524FA0; letter-spacing:0em; font-weight:700; margin:0;}
.youth_con01 .txt_box h3 img{display:inline-block; vertical-align:middle; width:100px;}
.youth_con01 .txt_box p{font-size:32px; color:#231F20; letter-spacing:-0.035em; font-weight:300; line-height:1.5; margin-top:20px; word-break:keep-all;}
.youth_con01 .img_box{float:left; position:relative; width:calc(100% - 650px); height:564px; }
.youth_con01 .img_box img{position:absolute; top:0; right:0;}

@media all and (max-width:1000px){
	.youth_con01{padding:100px 0 0; }
	.youth_con01 .txt_box{float:none; width:100%; margin-bottom:20px;}
	.youth_con01 .txt_box h3{font-size:38px;}
	.youth_con01 .txt_box h3 img{width:100px;}
	.youth_con01 .txt_box p{font-size:28px;}
	.youth_con01 .img_box{float:none; width:100%; height:auto;}
	.youth_con01 .img_box img{position:relative; right:auto; left:50%; max-width:110%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
}

.youth_con02{padding:100px 0 150px; background:url('/img/youth_con02_bg.png') repeat center center;}
.youth_con02 .tit{width:100%; max-width:1200px; margin:0 auto 10px;}
.youth_con02 .tit h3{display:inline-block; vertical-align:middle; font-size:82px; color:#F05B40; letter-spacing:0em; font-weight:400; margin:0;}
.youth_con02 .tit h4{display:inline-block; vertical-align:middle; font-size:37px; color:#231F20; letter-spacing:0em; font-weight:700; margin:0;}
.youth_con02 .tit .line{display:inline-block; vertical-align:middle; width:calc(100% - 720px); max-width:170px; height:3px; background:#231F20; margin:0 10px;}
.youth_con02 .tit p{display:inline-block; vertical-align:middle; font-size:21px; color:#231F20; letter-spacing:0em; font-weight:400; }
.youth_con02 .tit p b{font-size:27px; font-weight:700;}
.youth_con02 .video_box{width:100%; max-width:1200px; height:680px; margin:0 auto;}
.youth_con02 .video_box iframe{width:100%; height:100%;}

@media all and (max-width:1000px){
	.youth_con02{padding:80px 0 100px;}
	.youth_con02 .tit .line{display:none;}
	.youth_con02 .tit p{display:block;}
	.youth_con02 .video_box{height:480px;}
}
@media all and (max-width:767px){
	.youth_con02 .tit h4{display:block;}
}

.youth_con03{margin-top:100px; padding:150px 0; background:url('/img/youth_con02_bg.png') repeat center center;}
.youth_con03 h4{font-size:45px; color:#F05B40; letter-spacing:-0.04em; font-weight:800; margin:0; margin-bottom:60px;}
.youth_con03 p{font-size:23px; color:#231F20; letter-spacing:-0.04em; font-weight:400; line-height:2; word-break:keep-all;}

@media all and (max-width:1000px){
	.youth_con03{margin-top:80px; padding:100px 0;}
}

.youth_con04{padding:100px 0;}
.youth_con04 h3{display:inline-block; font-size:45px; color:#fff; letter-spacing:-0.04em; font-weight:700; margin:0; padding:18px 40px; border-radius:100px; background:#F05B40; box-sizing:border-box; margin-bottom:60px;}
.youth_con04 .video_box{width:100%; max-width:1200px; height:680px; margin:0 auto;}
.youth_con04 .video_box iframe{width:100%; height:100%;}

@media all and (max-width:1000px){
	.youth_con04 h3{font-size:40px;}
	.youth_con04 .video_box{height:480px;}
}


/* ==========================================================================
	지난전시
========================================================================== */
.past_con01{padding:100px 0 150px; font-size:0; letter-spacing:-4px;}
.past_con01 p{font-size:16px; color:#222; letter-spacing:0em;}
.past_con01 .year_box{margin-bottom:20px;}
.past_con01 .year_box > a{display:block; font-size:0; letter-spacing:-4px; padding:25px 40px; background:#524FA0; border-radius:100px; box-sizing:border-box;}
.past_con01 .year_box > a img{display:inline-block; vertical-align:top; margin-right:20px;}
.past_con01 .year_box > a span{display:inline-block; vertical-align:top; width:calc(100% - 60px); font-size:25px; color:#fff; letter-spacing:0em; font-weight:400;}
.past_con01 .year_box .conts{display:none; margin-bottom:60px; padding:60px 0; border-bottom:1px dashed #F05B40;}

.past_con01 .top_image{margin-bottom:60px;}
.past_con01 .top_image ul{font-size:0; letter-spacing:-4px; text-align:center;}
.past_con01 .top_image ul li{display:inline-block; vertical-align:top; width:calc(20% - 40px); margin-bottom:20px; margin-right:50px; cursor:pointer;}
.past_con01 .top_image ul li:nth-of-type(5n){margin-right:0;}
.past_con01 .top_image ul li:last-of-type{margin-right:0;}
.past_con01 .top_image ul li .img_box{position:relative; padding-bottom:100%; overflow:hidden;}
.past_con01 .top_image ul li .img_box img{position:absolute; width:100%; max-width:none; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.past_con01 .top_image ul li.w100 .img_box img{width:100%;}
.past_con01 .top_image ul li.h100 .img_box img{width:auto; height:100%;}

.past_con01 .top_title{margin-bottom:60px; padding-left:20px; border-left:3px solid #F05B40; box-sizing:border-box;}
.past_con01 .top_title h3{font-size:34px; color:#404041; letter-spacing:-0.04em; font-weight:400; line-height:1.2; margin:0; margin-bottom:20px;}
.past_con01 .top_title h3 b{color:#F05B40; font-weight:700;}
.past_con01 .top_title p{font-size:20px; color:#000000; letter-spacing:-0.04em; font-weight:400; padding:2px 0;}
.past_con01 .top_title p b{color:#F05B40; font-weight:400;}

.past_con01 .left_box{display:inline-block; vertical-align:top; width:40%;}
.past_con01 .left_box ul li{margin-bottom:10px;}
.past_con01 .left_box ul li img{width:100%;}
.past_con01 .right_box{display:inline-block; vertical-align:top; width:60%; padding-top:40px; padding-left:60px; box-sizing:border-box;}
.past_con01 .right_box .tit{position:relative; padding:15px 0 8px;}
.past_con01 .right_box .tit:before{content:''; position:absolute; top:0; left:0; display:block; width:70px; height:3px; background:#F05B40;}
.past_con01 .right_box .tit h4{font-size:20px; color:#F05B40; letter-spacing:-0.04em; font-weight:700; margin:0;}
.past_con01 .right_box h5{font-size:20px; color:#000000; letter-spacing:-0.04em; font-weight:700; margin:0;}
.past_con01 .right_box p{font-size:20px; color:#000000; letter-spacing:-0.04em; font-weight:400; line-height:1.6; word-break:keep-all;}
.past_con01 .right_box a{font-size:20px; color:#000000; letter-spacing:-0.04em; font-weight:400; word-break:break-all;}
.past_con01 .right_box .box01 ul li{display:inline-block; vertical-align:top; width:60%; margin-bottom:20px; padding-right:20px; box-sizing:border-box;}
.past_con01 .right_box .box01 ul li:nth-of-type(2n){width:40%;}
.past_con01 .right_box .box01 ul li:last-of-type{margin-bottom:0;}
.past_con01 .right_box .box01 ul li p{word-break:keep-all;}
.past_con01 .right_box .box03 ul li{display:inline-block; vertical-align:top; max-width:calc(33.333333% - 5px); margin-right:5px; margin-bottom:5px;}
.past_con01 .right_box .box03 ul li img{max-width:100%;}

.past_popup_bg{position:fixed; top:0; left:0; right:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:99; cursor:pointer;}
.past_popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:523px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center; z-index:100;}
.past_popup .img_box{position:relative; padding-bottom:100%; overflow:hidden;}
.past_popup .img_box img{position:absolute; max-width:100%; max-height:100%; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.past_popup .img_box.w100 img{width:100%;}
.past_popup .img_box.h100 img{width:auto; height:100%;}

@media all and (max-width:1400px){
	.past_con01 .right_box .box01 ul li{width:100%;}
	.past_con01 .right_box .box01 ul li:nth-of-type(2n){width:100%;}
}
@media all and (max-width:1200px){
	.past_con01 .top_image ul li{width:calc(25% - 30px); margin-right:40px;}
	.past_con01 .top_image ul li:nth-of-type(5n){margin-right:40px;}
	.past_con01 .top_image ul li:nth-of-type(4n){margin-right:0;}
	.past_con01 .left_box{width:100%;}
	.past_con01 .right_box{width:100%; padding-left:0;}
}
@media all and (max-width:1000px){
	.past_con01 .top_image ul li{width:calc(33.333333% - 26.7px);}
	.past_con01 .top_image ul li:nth-of-type(4n){margin-right:40px;}
	.past_con01 .top_image ul li:nth-of-type(3n){margin-right:0;}
	.past_con01 .year_box > a{padding:15px 30px;}
	.past_con01 .year_box > a img{width:30px;}
	.past_con01 .year_box > a span{width:calc(100% - 50px); margin-top:-4px;}
}
@media all and (max-width:767px){
	.past_con01 .top_image ul li{width:calc(50% - 10px); margin-right:20px;}
	.past_con01 .top_image ul li:nth-of-type(5n){margin-right:20px;}
	.past_con01 .top_image ul li:nth-of-type(4n){margin-right:20px;}
	.past_con01 .top_image ul li:nth-of-type(3n){margin-right:20px;}
	.past_con01 .top_image ul li:nth-of-type(2n){margin-right:0;}
}



/* ==========================================================================
	VR전시관람
========================================================================== */
.vr_popup_bg{position:fixed; top:0; left:0; right:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:99; cursor:pointer;}
.vr_popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:1200px; height:60%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center; z-index:100;}
.vr_popup .video_box{position:relative; width:100%; height:100%;}
.vr_popup .video_box .btn{position:absolute; bottom:80px; right:20px; z-index:1;}
.vr_popup .video_box .btn a{position:relative; z-index:10; display:block; font-size:24px; color:#fff; letter-spacing:-0.04em; font-weight:800; padding:10px 20px; background:#E84F3E; border-radius:100px; box-shadow:4px 4px 0 rgba(64, 64, 65, 0.62);}
.vr_popup .video_box .btn a img{display:inline-block; vertical-align:middle; width:40px; margin-left:10px; margin-top:-4px;}

.vr_popup .video_box iframe{width:100%; height:100%;}
.vr_popup .video_box #vr_popup{width:100%; height:100%;}

@media all and (max-width:1000px){
	.vr_popup{height:50%;}
}



/* ==========================================================================
	로그인, 회원가입
========================================================================== */
.login_custom{overflow:hidden;}
.login_custom legend{display:none;}
.login_custom .login_wrap{max-width:800px; padding:50px 0; border-top:0;}
.login_custom .loginCon{position:relative; padding:60px 40px; margin:0; padding:60px; border:0; background:#BBBDBF; border-radius:20px; box-sizing:border-box; overflow:visible;}
.login_custom .loginCon:before{content:''; position:absolute; top:-50px; left:50%; width:100px; height:100px; background:url('/img/login_icon01.png') no-repeat center center / contain; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.login_custom .loginCon li:first-of-type{width:100%; padding:0; border:0;}
.login_custom .loginCon li .linp_wrap{float:none; width:100%; margin-bottom:60px;}
.login_custom .loginCon li dl{border:0; margin:20px 0; padding:0;}
.login_custom .loginCon li dl dt{display:none;}
.login_custom .loginCon li dl dd{float:none; width:100%;}
.login_custom .loginCon li dl dd input{width:100%; height:auto; margin:0; padding:30px; border-radius:10px; box-sizing:border-box;}
.login_custom .loginCon li dl dd input:focus{outline:none;}
.login_custom .loginCon li .login_btn{float:none; width:80%; max-width:300px; height:80px; font-size:20px; font-weight:400; line-height:80px; margin:0 auto; background:#00AC9F; border-radius:10px;}
.login_custom .member_box02{padding:0; margin-top:10px; text-align:center;}
.login_custom .member_box02_In > a{float:none; display:block; width:80%; max-width:300px; height:80px; font-size:20px; font-weight:400; line-height:80px; margin:0 auto; border-radius:10px;}
.login_custom .member_box02_In > a.a_bg2{color:#464117 !important; background:#fee500 url('/img/login_kakao_bg.png') no-repeat 10% 50%;}
.login_custom ul.text{margin-top:20px; font-size:0; letter-spacing:-4px;}
.login_custom ul.text li{position:relative; display:inline-block; vertical-align:top; font-size:24px; color:#221E1F; }
.login_custom ul.text li:before{content:'|'; position:absolute; top:0px; left:0;}
.login_custom ul.text li:first-of-type:before{display:none;}
.login_custom ul.text li a{display:inline-block; font-size:24px; color:#221E1F; letter-spacing:0em; padding:0 20px;}

@media all and (max-width:1000px){
	.login_custom .loginCon li .login_btn{height:60px; line-height:60px;}
	.login_custom .loginCon li dl dd input{padding:20px;}
	.login_custom .member_box02_In > a{height:60px; line-height:60px;}
	.login_custom ul.text li{font-size:20px;}
	.login_custom ul.text li a{font-size:20px;}
}
@media all and (max-width: 800px){
	.login_custom .member_box02_In > a{padding-left:20px;}
}

.write_custom .programCon .join .ScrollLy{height:auto;}



/* ==========================================================================
	미디어
========================================================================== */
.media_con01 {margin:0; padding:0 0 80px; background:url('/img/media_bg.png') repeat center center; }
.media_tit {padding:60px 0 0; }
.media_tit h3 {position:relative; display:table; width:235px; height:70px; padding:0 20px; border:3px solid #fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); border-radius:20px; background:linear-gradient(120deg,#5e56a5,#e41d7a 60%,#f47e54); box-sizing:border-box; }
.media_tit h3 span {display:table-cell; vertical-align:middle; font-size:30px; color:#fff; font-weight:bold; }
.media_tit h3 i {position:absolute; right:10px; top:calc(50% - 25px); width:50px; height:50px; }
.media_tit h3 i.news {background:url('/img/media_news_icon.png') no-repeat center center / 100% 100%; }
.media_tit h3 i.youtube {background:url('/img/media_youtube_icon.png') no-repeat center center / 100% 100%; }
.media_tit h3 i.sns {background:url('/img/media_sns_icon.png') no-repeat center center / 100% 100%; }

.media_con01 .programCon {margin:0 auto; }
.media_con01 .programCon .gal_wrap {border-top:0 none; border-bottom:0 none; }


@media all and (max-width:1000px){
	.media_tit h3 {width:200px; height:60px; }
	.media_tit h3 span {font-size:24px; }
	.media_tit h3 i {top:calc(50% - 20px); width:40px; height:40px; }
}

.youtube_popup_bg{position:fixed; top:0; left:0; right:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:99; cursor:pointer;}
.youtube_popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:1200px; height:60%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center; z-index:100;}
.youtube_popup iframe{width:100%; height:100%;}
.youtube_popup #vr_popup{width:100%; height:100%;}

@media all and (max-width:1000px){
	.youtube_popup{height:50%;}
}



/* ==========================================================================
	참여이벤트
========================================================================== */
/* 시작 페이지 */
.event_intro_con01{padding:140px 0; background:url('/img/event_bg01.jpg') no-repeat center center / cover; text-align:center;}
.event_intro_con01 .img_box img{max-width:70%;}
.event_intro_con01 h3{position:relative; z-index:10; font-size:40px; color:#404041; letter-spacing:-0.04em; font-weight:800; line-height:1.6; margin:60px 0; word-break:keep-all;}
.event_intro_con01 h3 span{position:relative; display:inline-block;}
.event_intro_con01 h3 span:before{content:''; position:absolute; bottom:-4px; left:0; display:block; width:100%; height:12px; background:url('/img/event_deco.png') no-repeat center center / contain;}
.event_intro_con01 a{position:relative; z-index:10; display:block; width:80%; max-width:460px; font-size:40px; color:#fff; letter-spacing:-0.04em; font-weight:800; margin:0 auto; padding:20px 0; background:#E84F3E; border-radius:100px; box-shadow:8px 8px 0 rgba(64, 64, 65, 0.62);}

.event_intro_con01 .present_box {padding-top:150px; }
.event_intro_con01 .present_box .img_box {position:relative; }
.event_intro_con01 .present_box .img_box img {position:relative; z-index:10; max-width:90%; }
.event_intro_con01 .present_box .img_box img.bg_img {z-index:5; position:absolute; left:0; top:-100%; width:100%; max-width:100%; }
.event_intro_con01 .present_box p {position:relative; z-index:10; padding:30px 0; font-size:50px; font-weight:bold; line-height:1.6; color:#404041; }
.event_intro_con01 .present_box p b {font-weight:900; }
.event_intro_con01 .present_box p span{font-size:25px;}
.event_intro_con01 .present_box ul {font-size:0; letter-spacing:-4px; }
.event_intro_con01 .present_box ul li {position:relative; display:inline-block; vertical-align:top; width:50%; }
.event_intro_con01 .present_box ul li:before {content:''; position:absolute; right:0; top:15%; width:2px; height:70%; background-color:#404041; }
.event_intro_con01 .present_box ul li:nth-of-type(2):before {display:none; }
.event_intro_con01 .present_box ul li img {max-width:80%;}

@media all and (max-width:1200px){
	.event_intro_con01 .img_box img{max-width:80%;}
}
@media all and (max-width:1000px){
	.event_intro_con01 .img_box img{max-width:90%;}
	.event_intro_con01 h3{font-size:26px;}
	.event_intro_con01 a{font-size:26px;}
	.event_intro_con01 .present_box p {font-size:34px; word-break:keep-all; }
	.event_intro_con01 .present_box p span{font-size:26px;}
	.event_intro_con01 .present_box ul li {width:100%; }
	.event_intro_con01 .present_box ul li:before {right:10%; top:100%; width:80%; height:2px; }
}
@media all and (max-width:640px){
	.event_intro_con01 .present_box p {font-size:30px; }
	.event_intro_con01 .present_box p span{font-size:22px;}
	.event_intro_con01 .present_box p br {display:none; }
}

/* 문제 페이지 */
.event_quiz_con01{padding:100px 0; background:url('/img/event_bg02.jpg') no-repeat center center / cover; overflow:hidden;}
.quiz_box{position:relative; max-width:1080px; margin:248px auto 88px; padding:60px 20px 100px; box-sizing:border-box;}
.quiz_box .timer {position:absolute; right:-163px; top:-120px; width:380px; height:200px; padding-left:10px; background:url('/img/event_quiz_timer_bg.png') no-repeat center center / contain; font-size:50px; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box; line-height:200px; z-index:1;}
.quiz_box .timer b {font-size:80px; font-weight:bolder; }
.quiz_box .bg{position:absolute; top:0; left:50%; width:100%; height:100%; background:url('/img/event_paper_mid.png') repeat-y center center / contain; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.quiz_box .bg:before{content:''; position:absolute; bottom:100%; left:0; display:block; width:100%; height:230px; background:url('/img/event_paper_top.png') no-repeat center bottom / contain;}
.quiz_box .bg:after{content:''; position:absolute; top:100%; left:0; display:block; width:100%; height:88px; background:url('/img/event_paper_bot.png') no-repeat center top / contain;}
.quiz_box .txt_box{position:relative; display:block; max-width:760px; margin:0 auto; padding:20px 40px 60px; box-sizing:border-box;}
.quiz_box .txt_box .tit{font-size:0; letter-spacing:-4px; margin-bottom:40px;}
.quiz_box .txt_box .tit h2{display:inline-block; vertical-align:top; font-size:0; letter-spacing:-4px; margin:0;}
.quiz_box .txt_box .tit h2 b{font-size:80px; color:#EB1442; letter-spacing:-0.04em; font-weight:700; line-height:1;}
.quiz_box .txt_box .tit .tit_right{display:inline-block; vertical-align:top; max-width:calc(100% - 180px); padding-left:20px; box-sizing:border-box;}
.quiz_box .txt_box .tit .tit_right .img{text-align:center;}
.quiz_box .txt_box .tit .tit_right .img img{max-width:100%;}
.quiz_box .txt_box .tit .tit_right span{display:block; font-size:26px; color:#524FA0; letter-spacing:0em; font-weight:700; word-break:keep-all; margin-top:10px; }
.quiz_box .txt_box ul.ox_type {margin:100px 0; font-size:0; letter-spacing:-4px; }
.quiz_box .txt_box ul.ox_type li {position:relative; display:inline-block; vertical-align:top; width:50%; text-align:center; }
.quiz_box .txt_box ul.ox_type li:before {content:''; position:absolute; right:0; top:0; width:2px; height:100%; background-color:#404041; }
.quiz_box .txt_box ul.ox_type li:nth-of-type(2n):before {display:none; }
.quiz_box .txt_box ul.ox_type li.on:after{content:''; position:absolute; top:30%; left:50%; width:200px; height:200px; background:url('/img/event_check.png') no-repeat center center / contain; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.quiz_box .txt_box ul.ox_type li label {padding-left:0; }
.quiz_box .txt_box ul.ox_type li label i {display:none; }
.quiz_box .txt_box ul.ox_type li label > span:before {display:none; }
.quiz_box .txt_box ul.ox_type li img {max-width:90%; }
.quiz_box .txt_box ul li label{position:relative; display:block; font-size:36px; color:#404041; letter-spacing:0em; font-weight:400; padding-left:50px; margin-bottom:10px;}
.quiz_box .txt_box ul li label input{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0; margin:0;}
.quiz_box .txt_box ul li label i{position:absolute; left:0; top:40px; width:40px; height:40px; background:url('/img/event_check_off.png') no-repeat center center / contain; background-size:100% 100%;}
.quiz_box .txt_box ul li label i:before {content:''; display:none;  position:absolute; left:0; bottom:0; width:60px; height:60px; background:url('/img/event_check_on.png') no-repeat center center / contain; background-size:100% 100%; }
.quiz_box .txt_box ul li label input:checked + i:before{display:block; }
.quiz_box .txt_box ul li label > span{position:relative; display:block; vertical-align:top; word-break:keep-all;}
.quiz_box .txt_box ul li label > span:before{content:''; position:absolute; bottom:5px; left:0; display:block; width:100%; height:1px; background:#9fa0a2;}
.quiz_box .txt_box ul li label span b{font-size:80px; color:#524FA0; font-weight:700;}
.quiz_box .txt_box ul li label span span{display:inline-block; vertical-align:top; max-width:calc(100% - 50px); margin-top:30px;}
.quiz_box .txt_box .btns{margin-top:120px;}
.quiz_box .txt_box .btns:after{content:''; display:block; clear:both;}
.quiz_box .txt_box .btns a{display:block; font-size:28px; color:#58595B; letter-spacing:0em; font-weight:700;}
.quiz_box .txt_box .btns a.color_red {color:#FF004A; }
.quiz_box .txt_box .btns a img{display:inline-block; vertical-align:middle; width:60px;}
.quiz_box .txt_box .btns a.prev_btn{float:left;}
.quiz_box .txt_box .btns a.next_btn{float:right;}
.quiz_box .txt_box .btns a.submit_btn {display:block; width:80%; max-width:460px; font-size:40px; color:#fff; letter-spacing:-0.04em; font-weight:800; margin:0 auto; padding:20px 0; background:#E84F3E; border-radius:100px; box-shadow:8px 8px 0 rgba(64, 64, 65, 0.62); text-align:center; }

@media all and (max-width:1000px){
	.quiz_box{max-width:830px; margin:100px auto 60px;}
	.quiz_box .bg{width:760px; height:100%;}
	.quiz_box .timer {right:-147px;}
	.quiz_box .txt_box{max-width:600px; padding:20px 30px 60px;}
	.quiz_box .txt_box .tit h2 b{display:block; font-size:60px;}
	.quiz_box .txt_box .tit .tit_right{max-width:100%; padding:0; padding-top:20px;}
	.quiz_box .txt_box .tit .tit_right span{font-size:28px;}
	.quiz_box .txt_box ul.ox_type li.on:after{width:140px; height:140px;}
	.quiz_box .txt_box ul li label{font-size:24px; padding-left:40px;}
	.quiz_box .txt_box ul li label i{width:30px; height:30px; top:5px;}
	.quiz_box .txt_box ul li label > span:before{bottom:0;}
	.quiz_box .txt_box ul li label span b{font-size:40px;}
	.quiz_box .txt_box ul li label span span{margin-top:10px;}
	.quiz_box .txt_box .btns{margin-top:80px;}
	.quiz_box .txt_box .btns a{font-size:26px;}
	.quiz_box .txt_box .btns a img{width:40px;}
}
@media all and (max-width:800px){
	.quiz_box .timer {top:-80px; right:-10%; width:300px; height:150px; line-height:150px; background-image:url("/img/event_quiz_timer_bg_m.png");}
	.quiz_box .timer b {font-size:65px; }
}
@media all and (max-width:640px){
	.quiz_box{padding:40px 20px 80px;}
	.quiz_box .txt_box{padding:20px 0 60px;}
}

/* 정답 페이지 */
.event_answer_con01 {padding:100px 0; background:url('/img/event_bg02.jpg') no-repeat center center / cover; text-align:center; overflow:hidden;}
.event_answer_con01 .txt_box {padding:20px 40px 50px; }
.event_answer_con01 .answer_box {position:relative; width:90%; max-width:500px; height:500px; margin:30px auto 100px; background:url('/img/event_answer_bg01.png') no-repeat center center / contain; box-sizing:border-box;}
.event_answer_con01 .answer_box p {position:absolute; top:50%; left:50%; width:100%; padding-right:20px; font-size:100px; color:#FAAF40; letter-spacing:-0.04em; font-weight:400; line-height:1; margin:0; box-sizing:border-box;  transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.event_answer_con01 .answer_box:before {content:''; position:absolute; left:50%; bottom:-70px; width:100px; height:100px; background:url('/img/event_answer_icon01.png') no-repeat center center / contain; -webkit-transform:translateX(230%); -moz-transform:translateX(230%); -ms-transform:translateX(230%); -o-transform:translateX(230%); transform:translateX(230%); }
.event_answer_con01 .answer_box.type02 {background-image:url('/img/event_answer_bg02.png'); }
.event_answer_con01 .answer_box.type02 p {color:#fff; }
.event_answer_con01 .answer_box.type02:before {background-image:url('/img/event_answer_icon02.png'); }
.event_answer_con01 .hr {width:100%; height:1px; margin-bottom:60px; background-color:#808184; opacity:0.3; }
.event_answer_con01 .desc_tit{display:block; max-width:200px; font-size:36px; color:#fff; letter-spacing:0em; font-weight:700; margin-bottom:20px; padding:10px 20px; border-radius:40px; background:#5250A0; box-sizing:border-box;}
.event_answer_con01 .desc {font-size:20px; color:#666; letter-spacing:-0.025em; font-weight:400; line-height:1.6; background:url('/img/event_answer_line.png'); word-break:break-all; text-align:left;}
.event_answer_con01 .quiz_box .txt_box .bot_box{margin-top:60px; font-size:0; letter-spacing:-4px; text-align:right;}
.event_answer_con01 .quiz_box .txt_box .bot_box .img_box{display:inline-block; vertical-align:bottom; width:60%; padding:5px; border:5px solid #5250A0; box-sizing:border-box; text-align:center;}
.event_answer_con01 .quiz_box .txt_box .bot_box .img_box img{max-width:100%;}
.event_answer_con01 .quiz_box .txt_box .bot_box .btns{display:inline-block; vertical-align:bottom; width:40%;}
.event_answer_con01 .quiz_box .txt_box .bot_box .btns {margin-top:60px; }

@media all and (max-width:1000px){
	.event_answer_con01 .answer_box {height:365px; }
	.event_answer_con01 .answer_box:before {-webkit-transform:translateX(150%); -moz-transform:translateX(150%); -ms-transform:translateX(150%); -o-transform:translateX(150%); transform:translateX(150%); }
	.event_answer_con01 .answer_box p {font-size:70px;}
}
@media all and (max-width:640px){
	.event_answer_con01 .txt_box {padding:20px 0 60px; }
}

/* 결과 페이지 */
.event_result_con01{padding:100px 0 0; background:url('/img/event_bg03.jpg') no-repeat center center / cover; text-align:center; overflow:hidden;}
.event_result_con01 h3{display:inline-block; vertical-align:top; padding:0 20px; border-bottom:5px solid #404041; font-size:60px; color:#373B46; letter-spacing:-0.04em; font-weight:400; margin:0;}
.event_result_con01 .quiz_box .txt_box {padding:60px 40px 100px; }
.event_result_con01 .rank_box{position:relative; width:90%; max-width:560px; height:560px; margin:30px auto; background:url('/img/event_result_bg.png') no-repeat center center / contain; box-sizing:border-box;}
.event_result_con01 .rank_box h5{position:absolute; top:50%; left:50%; width:100%; font-size:100px; color:#524FA0; letter-spacing:-0.04em; font-weight:400; line-height:1; margin:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.event_result_con01 .rank_box h5 span{display:block; font-size:60px; color:#373B46; margin-bottom:10px;}
.event_result_con01 .txt_box h6{font-size:28px; color:#404041; letter-spacing:0em; font-weight:700; margin:0 0 30px; word-break:keep-all;}
.event_result_con01 .txt_box a{display:block; width:80%; max-width:460px; font-size:40px; color:#fff; letter-spacing:-0.04em; font-weight:800; margin:0 auto; padding:20px 0; background:#E84F3E; border-radius:100px; box-shadow:8px 8px 0 rgba(64, 64, 65, 0.62);}

.info_box{position:relative; max-width:1300px; margin:0 auto; min-height:500px; padding:80px 20px 20px; box-sizing:border-box;}
.info_box .bg{position:absolute; top:0; left:50%; width:1300px; height:505px; background:url('/img/event_paper02.png') no-repeat center center / contain; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.info_box .txt_box{position:relative; display:block; max-width:800px; margin:0 auto; box-sizing:border-box; text-align:left;}
.info_box .txt_box h4{font-size:80px; color:#E84F3E; letter-spacing:-0.04em; font-weight:300; margin:0;}
.info_box .txt_box p{position:relative; display:inline-block; font-size:36px; color:#000000; letter-spacing:0em; font-weight:700; padding-left:40px;}
.info_box .txt_box p:before{content:'ㆍ'; position:absolute; top:0; left:0;}

@media all and (max-width:1000px){
	.event_result_con01 h3{font-size:40px;}
	.event_result_con01 .rank_box{height:365px;}
	.event_result_con01 .rank_box h5{font-size:60px;}
	.event_result_con01 .rank_box h5 span{font-size:40px;}
	.event_result_con01 .txt_box h6{font-size:22px;}
	.event_result_con01 .txt_box a{font-size:26px;}

	.info_box{max-width:900px; min-height:450px;}
	.info_box .bg{width:1260px; height:100%;}
	.info_box .txt_box h4{font-size:48px;}
	.info_box .txt_box p{font-size:28px;}
}
@media all and (max-width:640px){
	.event_result_con01 .quiz_box {padding:40px 20px 80px; }
	.event_result_con01 .quiz_box .txt_box {padding:60px 0; }
}



/* ==========================================================================
	마이페이지
========================================================================== */
.faq_tab.tab_custom{margin:0 auto 40px; font-size:0; letter-spacing:-4px;}
.faq_tab.tab_custom li{float:none; display:inline-block; width:20%; vertical-align:top;}
.faq_tab.tab_custom li a{display:table; width:100%; height:100%; padding:0; letter-spacing:0em; word-break:keep-all;}
.faq_tab.tab_custom li a span{display:table-cell; vertical-align:middle;}

@media all and (max-width:770px){
	.faq_tab.tab_custom li{width:50%; height:60px;}
	.faq_tab.tab_custom li a{font-size:16px;}
}