@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=East+Sea+Dokdo:400');


body{background:rgba(34,46,94,0.1)}
.comment{width: 100%;}
#header{transition: top 0.5s;}
#header.on:before {width: 100%;right: 0;bottom: 0;
    background: -webkit-linear-gradient(left, #222e5e, #00C6C2, #FFB75E, #4D90F9);
    background: -o-linear-gradient(left, #222e5e, #00C6C2, #FFB75E, #4D90F9);
    background: -moz-linear-gradient(left, #222e5e, #00C6C2, #FFB75E, #4D90F9);
    background: linear-gradient(to right, #222e5e, #00C6C2, #FFB75E, #4D90F9); }

#header .logo{margin-left: 4.16%;}
#footer{background:rgba(250,250,250,0.8);}
#header.on{position: fixed;top: 0;left: 0;z-index: 1000;}
#btnTop{position: fixed;bottom: 4.4rem;right: 2rem;width: 4rem;height: 4rem;background: rgba(34,46,94,0.6) url("../images/btnTop.png") no-repeat center;background-size: 4rem; border-radius: 50%;border:0.1rem solid #fff;font-size: 0;box-sizing:border-box;text-indent: -9999em;z-index: 1000;}

/* ==========뉴스리스트 */
.type-row{overflow: hidden;}
.type-row>div{overflow-y: hidden;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.type-row ul{height: 100%;padding-left: 4.16%;padding-right: 4.16%;}
.type-row li{float: left;width: calc(50% - 0.7rem);margin-right: 1.4rem;}
.type-row li:last-child{margin-right: 0;}
.type-row li .img{position: relative;width: 100%;box-sizing: border-box;overflow: hidden;text-align: center;}
.type-row li .img:before, .type-ver.ver02 .img:before{position:absolute;top:0;left:0;display: inline-block;content:'';width: 100%;height: 100%;background: rgba(0,0,0,0.15);}
.type-row li .img img{margin-top: -10px;}
.type-row li .img .time{position: absolute;bottom: -0.1rem;right: -0.1rem;}
.type-row li .title{font-size:1.5rem;line-height: 2.2rem;}
.type-row li .program{color:#757575;}

/*type01*/
.type-row.ver01{height: 17.4rem;padding-top: 1.5rem;padding-bottom: 1.1rem;}
.type-row.ver01>div{height: 20.4rem;}
.type-row.ver01 li .img{position: relative;height: 9rem;}
.type-row.ver01 li .img:after{position: absolute;top: 0;left: 0;display: inline-block;content:'';width: 100%;height: 100%;border:1px solid rgba(0,0,0,0.1);z-index: 50;box-sizing: border-box;}
.type-row.ver01 li .txt-wrap{max-height:4rem;padding:0.6rem 0.5rem; font-weight:500;}
.type-row.ver01 li .title{color:#000;}
.type-row.ver01 li .program{margin-top: 0.4rem;font-size:1.3rem;line-height: 1.4;}


/* 영상이 있을 경우 */
/* .news-vedio .img:before{position:absolute;top:0;left:0;display:inline-block;content:'';width: 100%;height:100%;box-sizing:border-box;
    background: linear-gradient(to top, rgba(8, 43, 75, 0.8) 20%, transparent 80%);
    background: -webkit-linear-gradient(bottom,rgb(8, 43, 75,0.8) 0%, transparent 80%);
    background: -o-linear-gradient(bottom , rgb(8, 43, 75,0.8) 0%, transparent 80%);
    background: -moz-linear-gradient(bottom, rgb(8, 43, 75,0.8) 0%, transparent 80%);
} */
.news-vedio .img:after{background-image:url("../images/ico-play.png");opacity:1;;background-repeat:no-repeat;background-size:24px;background-position:12px 90%;z-index:10;}
.type-ver.ver02 .news-vedio .img:after{background-size: 20px;background-position:1rem 88%;}


.type-ver{padding-left: 4.16%;}
.type-ver:first-child{display: block;}
.type-ver ul li{position: relative;padding: 1rem 4.16% 1rem 0;border-bottom:0.1rem solid #EDEDED;overflow: hidden;}
.type-ver ul li a{display: block;width: 100%;height: 100%;}
.type-ver .img2{float:left;}
.type-ver .txt-wrap{width:calc(100% - 12.8rem - 1.2rem);padding-left:0.6rem;line-height: 1;overflow: hidden;}
.type-ver .txt-wrap .time{margin:0.6rem 0 0.2rem;font-size:1.3rem;color:#757575;letter-spacing: 0;line-height: 1;}
.type-ver .txt-wrap .title{font-weight:400;font-size:1.5rem;color:#1a1a1a;line-height: 2.2rem;}
.type-ver .txt-wrap .title strong{font-weight: 500;}
.type-ver .txt-wrap .date{font-family: 'noto-regular';font-size:1.3rem;color:#757575;letter-spacing: -0.05rem;}
.type-ver .txt-wrap .tit-sort{margin:0.4rem 0 0.5rem;font-size:1.2rem;color:#757575;line-height: 1.1rem;}
.type-ver .txt-wrap .tit-sort .ico-play-sort{width: 0.9rem;height: 1.1rem;margin-right: 0.4rem;}

.type-ver.ver02 ul li a{display: table-row;}
.type-ver.ver02 ul li:last-child{border: 0;}
.type-ver.ver02{position: relative;padding: 1rem 0 2.5rem 4.16%;border-bottom:0.1rem solid #EDEDED;overflow: hidden;}
.type-ver.ver02 .img{display: table-cell;float:left;}
.type-ver.ver02 .img img{width: initial;height: 100%;}
.type-ver.ver02 .txt-wrap{display: table-cell;width: 100%;vertical-align: middle;}


.img{position: relative;display: inline-block;width: 12rem;height: 6.8rem;overflow: hidden;text-align: center;}
.img:after{position: absolute;top: 0;left: 0;display: inline-block;content:'';width: 100%;height: 100%;border:1px solid rgba(0,0,0,0.1);z-index: 10;box-sizing: border-box;}
.img img{width: 100%;height: initial;}


/*======================뉴스리스트 */
#btmWrap{padding: 0;}
#btmWrap section{background: #fff;margin-top: 0.8rem;}
.list-wrap{position:relative;width: 100%;}
/* 링크-데이터룸 */
.list-wrap .link-dataroom{position:absolute;top: 3.8rem;right: 4.16%;display:inline-block;width:76px;height:28px;-webkit-border-radius:0;border-radius: 12px;-moz-border-radius:12px;-webkit-border-radius:12px;text-align: center;overflow: hidden;box-sizing: border-box;}
.list-wrap .ani-turn{width: 200%;height:10rem;margin-top:-5rem;margin-left:-50%;animation:turn 1.2s infinite;
    background-image: -webkit-linear-gradient(left,rgb(160, 72, 219) 0%, rgba(0,130,207,1) 100%);
    background-image: -o-linear-gradient(left,rgba(160, 72, 219,1) 0%, rgba(0,130,207,1) 100%);
    background-image: -moz-linear-gradient(left,rgba(160, 72, 219,1) 0%, rgba(0,130,207,1) 100%);
    background-image: linear-gradient(to right, rgba(160, 72, 219,1) 0%, rgba(0,130,207,1) 100%);
}
.list-wrap .link-dataroom strong{position:absolute;display:inline-block;width: 92%;height: 82%;top: 0.25rem;left:0.3rem;padding-left: 0.4rem;padding-right: 0.2rem;background:#fff;border-radius: 1rem;font-weight:600;font-size:1.4rem;color:rgb(48, 16, 124);line-height: 1.7;box-sizing: border-box;}
.list-wrap .link-dataroom strong:after{display: inline-block;content:'';width: 12px;height: 12px;margin-top: 5px;margin-left: 2px;background: url("../images/ico-arrow-down.png") no-repeat right center;background-size: cover;transform:rotate(-90deg);opacity: 0.6;vertical-align: top;}
body.web .list-wrap .link-dataroom strong:after{margin-top: 6px;}


.list-wrap .tit-list{padding:4.2rem 4.16% 1rem;font-size: 1.7rem;font-weight:500;line-height: 1.9rem;color:#1a1a1a;font-weight: 600;letter-spacing: -0.15rem;}
.list-wrap .tit-list strong{margin-right:0.4rem;font-size: 1.8rem;line-height: 1;font-weight: 700;color:#243060;font-style: italic;}
.list-top .type-row.ver01{height: auto;padding: 1rem 4.16% 1.6rem;}
.list-top .type-row.ver01 ul{width: 100%;padding: 0;}
.list-wrap .list-top{border-bottom:0.1rem solid rgba(0,0,0,0.15)}
.list-btm .type-ver .txt-wrap{padding-left: 0.6rem;padding-right: 1.2rem;}

/* 출처-원소스 */
.origin-area{padding:0; border:0.1rem solid #dedede;background:rgba(163,174,206,0.2);box-sizing: border-box;}
.origin-area dl{margin-bottom: 1rem;}
.origin-area dl:last-child{margin-bottom: 0;}
.origin-area dt{display: inline-block;width: 18rem;font-size: 1.5rem;font-weight: 600;line-height: 1.7;text-align: center;vertical-align: top;}
.origin-area dd{display: inline-block;width: calc(100% - 19rem);line-height: 1.7;vertical-align: top;}
.origin-area dd a{display: inline;}
.origin-area .line{margin-right:0.4rem;font-weight: 500; text-decoration: underline;}

.origin-area{padding:1rem 2%;}
.origin-area dl{margin-bottom: 1.5rem;}
.origin-area dt{width: 100%;margin-bottom: 0.8rem;border-bottom: 0.1rem solid rgba(250,250,250,0.8)}
.origin-area dd{width: 100%;font-size: 1.3rem;}

/* 변경 소스 */
.relation-wrap{width: 100%;margin:0 auto;}
.origin-area{padding:1.4rem 4.16% 2.4rem;background: #fff;border:0;color:rgba(34,46,94,0.9);}
.origin-area dt{border-bottom:0.1rem solid rgba(34,46,94,0.1);line-height:2;}

#comment{padding:0 3%;box-sizing: border-box;}


.sec-top{width: 100%;min-height:73rem;margin: 0 auto;padding:2rem 0 4rem;background:#fff;}

.ui-first .tit-area{padding:5rem 0 7rem;text-align: center;}
body.web .ui-first .tit-area{padding:5rem 0 6rem;}
.ui-first .tit-area .tit-article{margin-left:1rem;margin-bottom: 1rem;font-family: 'East Sea Dokdo';font-size: 0;color:#1a1a1a;text-indent:-9999em;line-height: 1}
body.web .ui-first .tit-area .tit-article{margin-bottom: 2rem;font-size:5.8rem;}
.ui-first .tit-area .tit-sub{font-family: 'Nanum Myeongjo';font-size: 1.7rem;font-weight: 600;line-height: 2.4rem;}

/* line animation */
.line-box{position: relative;display: inline-block;}
.line-box strong{position: relative;font-family:inherit;font-size:2.2rem;font-weight:800;z-index: 50}
.txt-line{display: inline-block;position: absolute;left: -1%;bottom: 0;width: 102%;height:6px; overflow: hidden;}
.txt-line:after{content:'';position: absolute;bottom: 0;left: 0;display: inline-block;width:100%;height: 12px;animation:horizon 0.8s linear 1;transition: width 1.2s;}

.category1:after, .category1:before{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(0,130,207,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(0,130,207,0.5) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(0,130,207,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,130,207,0.5) 100%);
}

.category2:after, .category2:before{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(242,60,52,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(242,60,52,0.5) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(242,60,52,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(242,60,52,0.5) 100%);
}

.category3:after, .category3:before{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(159,88,32,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(159,88,32,0.5) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(159,88,32,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(159,88,32,0.5) 100%);
}


.category4:after, .category4:before{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(112,188,76,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(112,188,76,0.5) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(112,188,76,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(112,188,76,0.5) 100%);
}


.category5:after, .category5:before{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(255,190,0,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(255,190,0,0.5) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(255,190,0,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(255,190,0,0.5) 100%);
}


.category6:after, .category6:before{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(160,116,196,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(160,116,196,0.5) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0.6) 0%, rgba(160,116,196,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(160,116,196,0.5) 100%);
}



@keyframes horizon{
    0%{width: 0;opacity: 0;}
    100%{width:100%;opacity: 1}
}
@keyframes horizon2{
    0%{width: 0;height:6px;opacity: 0;}
    100%{width:100%;hegiht:1px;opacity: 1}
}

@keyframes turn{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}

.ui-select form{margin:4rem 0 6rem}


.select-wrap{position:relative;width:calc(100% - 3.16% - 3.16%);margin-left: 3.16%;padding:0;text-align:center;}
.select-wrap .deco-arr{position:absolute;top: -3.9rem;left: 0;display: inline-block;width: 5.4rem;height: 4rem;background:rgba(250,250,250,0.8);border-radius: 100% 0 0 0;border:0.1rem solid #ddd;border-bottom:0.1rem solid #fff;box-sizing: border-box;}
.select-wrap .deco-arr:after{position:absolute;top: 0;right: -2px;display: inline-block;content: '';width: 25px;height: 39px;background: #fff;border:1px solid #ddd;border-radius: 100% 0 0 0%;box-sizing: border-box;border-right: 1px solid #fff;}

.select-area{width: 100%;border-radius:0 3rem 0 3rem; border:0.1rem solid #ddd;box-sizing:border-box;overflow: hidden;}

.select-area select{float:left;width: 50%;height: 4.4rem;border:0;background:rgba(250,250,250,0.8) url("../images/ico-arrow-down.png") no-repeat 92% center;background-size:1.2rem;filter:alpha(opacity=50);font-family:'Nanum Myeongjo';font-size:1.4rem;font-weight:400;color:#191919;letter-spacing: -0.05rem;border-radius:0;box-sizing:border-box;vertical-align: top;box-sizing: border-box;-moz-appearance:none;-webkit-appearance:none;appearance:none;} 
.select-area select::-ms-expand {display:none}
.select-area select option{color:#191919;font-weight: 400;line-height: 40px;letter-spacing: -0.05rem;}
.select-area #sel1{width: 101%;padding-left: 4%;border-right:1px solid #ddd;}
.select-area #sel2{display:none;width: 64%;padding-left: 1rem;}

#list{width: 100%;text-align:left;overflow: hidden;}
#list li{width: 100%;border-top:1px solid #ddd;}
#list li a{display:block;width: 100%;height: 100%;padding:1.7rem 0 1.5rem 1.6rem;overflow: hidden;box-sizing: border-box;}
#list li .txt-wrap{float:left;width:calc(100% - 8rem);}
#list li .title{font-size: 1.7rem;color:#3a3a3a;line-height: 1.2;font-weight:600;}
#list li .title strong{font-weight: 700}
#list li .sort{margin-top:0.7rem;font-size:1.4rem;color:#aaa;line-height: 1;font-weight: 500;}
#list li .sort strong{font-weight: 600;color:#999}
#list li .sort strong:before{display: inline-block;content:'|';margin:0 0.6rem;font-weight: 400;}
#list li .ico-wrap{float:left;width: 8rem;min-height:4rem;text-align: center;}
.ico-dialog{display:inline-block;width: 2.8rem;height: 2.3rem;margin-top: 0.9rem;background:url("../images/ico-dialog-blue.png");background-size:cover;background-position: center;background-repeat:no-repeat;opacity: 0.8;}
/* .arr-link{display:inline-block;width: 1.4rem;height: 3rem;margin-top: 0.6rem;background:url("../images/arr-link.png") no-repeat;background-size:cover;background-position: center;} */


.info-area{position:relative;width: 100%;height:5rem;overflow: hidden;}
.info-area>div{float:left;display:inline-block;}
.info-area .info-left{width:100%;height: 100%;padding-left:4.16%;background:#222E5E;font-family: 'Nanum Myeongjo';font-size:1.2rem;color:#dadada;line-height: 50px;letter-spacing:-0.5px;box-sizing: border-box;}
.info-area .info-right{position:absolute;top: 0;right: 0;width: 10rem;height: 100%;padding:0.8rem 0;background:rgba(250,250,250,0.95);border-radius:3rem 0 0 3rem;font-family: 'East Sea Dokdo';font-size: 1.8rem;color:#1a1a1a;line-height:1;text-align: center;box-sizing: border-box;z-index: 10;}
.info-area .info-right img{width:70px;opacity: 0.8;;}
.info-area .info-left span{padding-left: 1rem;margin-left: 0.9rem;background:url("../images/arr-right-full.png") no-repeat left center;background-size:0.5rem 0.65rem;font-weight: bold;color:#fafafa;}
.info-area .info-left span:before{display:inline-block;content:''}
.info-area .info-right:after{position: absolute;bottom: 15px;left: -10px;display: inline-block;content: '';width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 0em solid transparent;border-right: 12px solid rgb(250,250,250,0.95);border-left:0 solid transparent;border-radius: 3px 0 0 0;box-sizing: border-box;}


.dialog-wrap{position:relative;width: 100%;border-bottom:0.1rem solid #ccc;overflow: hidden;}
.dialog-wrap .question-area{position:absolute;top: 0;left: 0;width: 100%;background:#fff;}
.dialog-wrap .dialog-area{max-height:400px;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
body.web .dialog-wrap .dialog-area{max-height:100%;}

.feedback-area{width: 100%;height: 4.8rem;border-top:0.1rem solid #ccc;background:rgba(0,0,0,0.05);box-sizing: border-box;overflow:hidden;}
.feedback-area>div{float:left;display:inline-block;width: 25%;height: 100%;text-align:center;box-sizing: border-box;}
.feedback-area>div a{display: inline-block;width:initial;height:initial;padding-top:1rem;transition:all 1s;}
.feedback-area .icon{width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:center;background-size: cover;opacity: 0.4;}
.feedback-area .ico-area{width:2.9rem;height:2.9rem;background-image:url("../images/ico-area.png");}
.feedback-area .ico-search2{margin-top: 0.2rem;background-image:url("../images/ico-search-black.png");}
.feedback-area .last{
    background:#fff;
}
.feedback-area .first{
    background:#fff;
}
.feedback-area .txt-ico{display:none;margin-left: 0.3rem;font-size:1.2rem;font-weight:600;line-height: 3rem;}
.feedback-area>div a:hover .txt-ico{display:none}
body.web .feedback-area>div a:hover .txt-ico{display:inline-block;}
.feedback-area>div a:hover .icon{opacity: 0.6;}
.emotion-area{position:relative;padding-top:1rem;background:#fff;overflow: hidden;cursor:pointer;}
.emotion-area svg{height: 64%;margin-top: 1%;}
.emotion-area svg path{stroke:#999;stroke-width:4;fill:#fff;}
.emotion-area.v2 svg{transform:rotate(180deg)}
.emotion-area .txt-like{display:inline-block;margin-top:0.2rem;padding:0.1rem 1.5rem 0.2rem;border:0.1rem solid #aaa;background:#fff;-webkit-border-radius:15px;-moz-radius:15px;border-radius:15px 0;font-size:1.2rem;color:#555;font-weight:600;text-align:center;box-sizing: border-box;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.emotion-area.on svg path{stroke:rgba(0,120,215,1);stroke-width:2;fill:rgba(102, 184, 216, 0.5)}
.emotion-area.on .txt-like{border-color:rgba(0,120,215,1);color:rgba(0,120,215,1)}
.emotion-area.v2.on .txt-like{border-color:rgba(126,56,121,1);color:rgb(88, 14, 84)}
.emotion-area.v2.on svg path{stroke:#999;stroke-width:2;fill:rgba(126,56,121, 0.5)}
.emotion-area label{width: 2.8rem;height: 3.6rem;}
.emotion-area label, .emotion-area input{display:inline-block;}
.emotion-area.v2 label{margin-top: 0.2rem;}


/* pc 분기 처리 */
body.web{background:#fff;}
body.web #wrapper, body.web #btmWrap, body.web #comment{width:640px;margin:0 auto;}
body.web #wrapper{border:1px solid rgba(0,0,0,0.1);border-top:0;border-bottom:0;box-sizing: border-box}
body.web #btmWrap{border:1px solid rgba(0,0,0,0.1);border-top:0;border-bottom:0;background:rgba(0,0,0,0.1);box-sizing: border-box;overflow: hidden;}

body.web .type-row.ver01 li .img{height: 13.4rem;}
body.web .type-row li .img img{margin-top: -15px;}
body.web .type-ver.ver02 .img{width: 15rem;height: 8.8rem;}
body.web .type-ver.ver02 ul li a:hover, body.web .type-row li a:hover .title{text-decoration: underline;font-weight: 600;line-height: 2rem;}

body.web .tit-area{padding:10rem 4.16% 7rem;}
body.web.view_word .tit-area{padding:10rem 4.16% 5rem;}

@media screen and (min-width: 0) and (max-width: 960px) {
    #wrapper{width: 100%;}
    .ui-second #wrapper{padding: 0;min-height:0}
    .tit-area{padding:4rem 4.16% 6rem;text-align: center;}
    .tit-area .tit-article{margin-bottom: 2.4rem;font-family: 'East Sea Dokdo';font-size: 0;color:#1a1a1a;line-height: 1;text-indent:-9999em;}
    .tit-area .tit-sub{font-family: 'Nanum Myeongjo';font-size: 1.6rem;font-weight: 600;line-height: 2.2rem;}

    .feedback-area .icon{width: 2rem;height: 2rem;}
    .feedback-area .ico-area{width: 2.6rem;height: 2.6rem;}
    
    .emotion-area{position:relative;padding-top:1.1rem;background:#fff;}
    .emotion-area .txt-like{margin-left:0.3rem;padding:0.2rem 1rem 0.1rem;}

}
.tit-article{display:inline-block;width:198px;height:101px;background:url("../images/img-tit-mob.png") no-repeat center;background-size:cover;}
body.web .tit-article{display:inline-block;width:219px;height:111px;background:url("../images/img-tit.png") no-repeat center;}

body.web .feedback-area .txt-ico{display:none;}

.view_word .info-area .info-left{background:#016670;}
.view_word .ico-dialog{background-image:url("../images/ico-dialog-brown.png");}
.view_word .info-area .info-left span{font-size:1.5rem;}

.view_word .feedback-area>div{width: 50%;}
.view_word .feedback-area .txt-ico{display: inline-block;}
body.web .view_word .feedback-area .txt-ico{display: none;}
body.web .feedback-area>div a:hover .txt-ico{display:inline-block;}

.search-area{position:relative;width: 70%;margin:0 auto 4rem;box-sizing: border-box;}
body.web .search-area{width: 40%;}
.search-area input{width:100%;height: 4.6rem;padding-top:0.2rem;padding-right:3.6rem;line-height: 4rem;border: 0.1rem solid #A3AECE;border-radius:2.5rem;background:#fff;font-size:1.6rem;letter-spacing: -0.1rem;text-indent:2.5rem;box-sizing: border-box;}
.search-area input:focus{box-shadow:0px 1px 5px 2px rgba(1,102,112,0.6);background:#fff;border: 0.1rem solid rgb(90, 183, 219);color: rgb(59, 8, 8);}
.search-area button {position: absolute;right: 1.1rem;top: 1rem;width: 2.5rem;height: 2.5rem;background: url("../images/ico-search.png") no-repeat center;background-size:cover;opacity:0.5;font-size:0;text-indent: -9999em;z-index: 10;}
body.web .search-area input{padding-top:0;line-height: 4rem;}

.ex-area{margin-bottom: 3rem;text-align:center}
.ex-area a{display:inline-block;width:auto;height:auto;padding:0.7rem 1.5rem 0.5rem;margin:0 0.8%;border:0.1rem solid #A3AECE;border-radius: 2.5rem;font-size:1.3rem;line-height: 18px;transition: all 0.5s;}
.ex-area a:hover{border-color:rgb(59, 8, 8);color: rgb(59, 8, 8);font-weight:600}
.ex-area a.on{box-shadow:0px 1px 5px 2px rgba(59, 8, 8,0.6);border-color:rgb(59, 8, 8);color: rgb(59, 8, 8);font-weight:600}
body.web .ex-area a{padding:0.4rem 1.2rem;margin:0 1.6rem;font-size:1.5rem;line-height: 1;} 
@media screen and (min-width: 0) and (max-width: 410px) {
    .search-area input{height: 4rem;} 
    .ex-area a{padding:0.4rem 1rem;margin:0 1%;font-size:1.3rem;line-height: 1;}
    .search-area button{top: 0.7rem;}
}
#list ul{max-height:600px;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}