@charset "UTF-8";

/* 221226 sub06_02 s */
#body_layout .body_wrap{padding-bottom:0!important}
#txt{border-top:1px solid #eee}

.uston{margin-top:32px}
.uston .search--select{display:inline-block;width:100%;height:100%;text-align:center}
.uston .search--select .form-control{float:right;width:293px;height:36px}
.uston .pic img{margin:0 auto}
.uston .main{padding-top:90px}
.uston .main .title_area{position:relative;text-align:center;width:339px;height:170px;padding-top:105px;margin:0 auto -3px}
.uston .main .title_area strong{position:relative;bottom:60px;font-size:16px;font-weight:400;font-family:'score';color:#fff;z-index:1}
.uston .main .tit_Newsletter{display:block;font-size:31px;font-family:'score';font-weight:700;color:#fff;z-index:1}
.uston .main .title_area::before{display:block;position:absolute;z-index:5;width:121px;height:141px;background:url(/images/kor/sub06/sub06_02_cha01.png) no-repeat;right:-48px;bottom:-8px;background-size:100%;content:""}
.uston .main .title_area::after{display:block;position:absolute;z-index:5;width:115px;height:129px;background:url(/images/kor/sub06/sub06_02_cha02.png) no-repeat;left:-44px;bottom:-21px;background-size:100%;content:""}
.uston .main .title_area em{position:absolute;width:116px;height:40px;left:105px;bottom:192px;background-image:url(/images/kor/sub06/sub06_02_logo.png);background-size:100% auto;background-repeat:no-repeat;vertical-align:top;font-size:0}
.uston .main .title_area .circle_bg{background-image:url(/images/kor/sub06/sub06_02_00.png);background-repeat:no-repeat;position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.uston .main .main_box{position:relative;border-top:3px solid #E45348}
.uston .main .main_box:after{display:block;position:absolute;width:249px;height:54px;background:url(/images/kor/sub06/sub06_02_wtmk.png) no-repeat;left:0;bottom:-76px;background-size:100%;content:""}
.uston .main_box .pic,.uston .main_box .pic.no-img{display:block}
.uston .main_box .pic .pic_inner{display:block}
.uston .main_box .pic .pic_inner img{display:block}
.uston .sub_box .pic{display:block}
.uston .sub_box .pic .pic_inner{display:block}
.uston .sub_box .pic .pic_inner img{display:block}
.uston .main .main_box > a,.uston .main .sub_box ul li > a{width:100%;display:block}
.uston .main .main_box .txt_box{position:absolute;background:url(/images/kor/sub06/sub06_02_box_bg.jpg) no-repeat;width:45%;height:auto;bottom:-60px;right:0;padding:40px 30px;background-color:#303344}
.main .txt_box .txt_top{margin-bottom:13px;font-size:15px}
.main .txt_box .txt_top,.main .txt_box .txt_tit{font-weight:700}
.main .txt_box .txt_tit{font-size:20px;color:#222;word-break:normal;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.main .txt_box .txt_date{margin-top:30px;font-size:15px;color:#222;text-align:right}
.main .main_box .txt_box .txt_top{font-size:15px}
.main .main_box .txt_box .txt_tit{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:#fff}
.main .main_box .txt_box .txt_date{color:#fff}
.main .sub_box .txt_box .txt_top{margin-top:30px}
.main .main_box .txt_box span,.main .sub_box .txt_box span{display:block}
.main .main_box .txt_box span.txt_date{margin-top:25px}
.main .sub_box{margin-top:170px}
.main .sub_box .sub_box_inner{display:flex;flex-wrap:wrap}
.main .sub_box ul li{width:calc(50% - 20px);display:inline-block;padding:50px;margin-right:40px;margin-bottom:40px;border:1px solid #ddd}
.main .sub_box ul li:nth-child(even){margin-right:0}
.main .sub_box ul li:hover,.main .sub_box ul li:focus{border:1px solid #e53123;box-shadow:3px 5px 20px 0 rgba(0,0,0,0.09);-webkit-transition:all .3s}
.txt_top.c1{color:#e54523}
.txt_top.c2{color:#e53123}
.txt_top.c3{color:#2e4287}
.txt_top.c4{color:#018268}
.txt_top.c5{color:#cf6600}
.txt_top.c6{color:#8338a2}
.txt_top.c7{color:#06669d}
@media screen and (max-width:1380px) {
.uston .sub_box .pic.no-img{width:100%}
}
@media screen and (max-width:1023px) {
.uston .main .main_box .txt_box{width:60%}
.main .sub_box ul li{padding:40px;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px}
}
@media screen and (max-width:767px) {
.uston .main .main_box:after{display:none}
.uston .main .main_box .txt_box{display:block;position:relative;width:100%;padding:30px;padding-top:25px;padding-bottom:24px;background-color:#303344;bottom:0}
.main .sub_box{margin-top:20px}
.main .sub_box ul li{padding:30px;padding-bottom:24px;margin-right:0;margin-bottom:20px;width:100%}
.uston .sub_box .pic{display:block;width:372px;height:248px;margin:0 auto}
.uston .sub_box .pic .pic_inner{display:block;height:100%;position:relative}
.uston .sub_box .pic .pic_inner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.main .txt_box .txt_tit{font-size:16px;line-height:1.2}
.main .sub_box .txt_box .txt_top{margin-top:25px}
}
@media screen and (max-width:600px) {
.uston .main .title_area::before{bottom:-38px;background-size:80%}
.uston .main .title_area::after{left:-20px;bottom:-30px;background-size:90%}
.uston .main .main_box:after{left:50%;bottom:-145px;transform:translate(-50%,0)}
.uston .main .main_box .txt_box{padding:20px}
.main .sub_box ul li{padding:20px}
.main .main_box .txt_box span.txt_date{margin-top:15px}
}
@media screen and (max-width:500px) {
.main .sub_box .sub_box_inner{flex-direction:column}
.main .sub_box ul li{width:100%;padding:20px}
}
@media screen and (max-width:480px) {
.uston .search--select .form-control{width:100%}
.uston .main .title_area strong{top:-40px}
.uston .main .title_area .circle_bg{background-position:center center;background-size:80%;top:14px}
.main .txt_box .txt_date{margin-top:20px}
.main .sub_box .txt_box .txt_top{margin-top:20px}
.uston .sub_box .pic{width:100%;height:100%}
.uston .sub_box .pic .pic_inner img{position:relative;top:0;left:0;transform:none}
}
@media screen and (max-width:450px) {
.uston .main{padding-top:50px}
.uston .main .title_area em{bottom:155px}
.uston .main .title_area::after{left:15px;bottom:-60px;background-size:70%}
.uston .main .title_area::before{bottom:-58px;background-size:70%;right:-30px}
.uston .main .title_area strong{top:-21px;font-size:14px}
.uston .main .tit_Newsletter{font-size:25px}
.uston .main .title_area .circle_bg{background-size:70%;top:23px}
.main .main_box .txt_box .txt_top{font-size:14px}
.main .txt_box .txt_top{font-size:14px}
.main .txt_box .txt_tit{font-size:14px}
.main .txt_box .txt_date{font-size:14px}
}
@media screen and (max-width:410px) {
.uston .main{padding-top:20px}
.uston .main .title_area{width:200px}
.uston .main .title_area em{left:50%;bottom:130px;transform:translate(-50%,0)}
.uston .main .title_area strong{top:-3px}
.uston .main .tit_Newsletter{font-size:22px}
.uston .main .title_area .circle_bg{width:100%;top:33px;background-size:100%}
.uston .main .title_area::before{bottom:-80px;background-size:50%;right:-100px}
.uston .main .title_area::after{left:-25px;bottom:-77px;background-size:50%}
}
/* 221226 sub06_02 e */