@charset "utf-8";

/* section */
.mainArea section { padding-top:var(--krds-gap-9); padding-bottom:var(--krds-gap-9); }
.mainArea section .mWrap { position:relative; display: flex; gap:var(--krds-gap-7)}

.mainArea section .rowgroup_title { margin-bottom: var(--krds-pc-gap-layout-title-body-small); font-size:var(--krds-pc-font-size-heading-large); letter-spacing: var(--krds-typo-letter-spacing-1); font-weight: var(--krds-font-weight-bold);}

.swiper-indicator { position: absolute !important; right: 0; top: .1rem;}


/* 검색 */
.msearchWrap { padding-top:var(--krds-gap-5) !important; padding-bottom:var(--krds-gap-5) !important; background: linear-gradient(135deg, #061560 10%, #200462 90%);}
.msearchWrap .mWrap { align-items: center; justify-content: center; flex-wrap: wrap; gap:var(--krds-gap-2) var(--krds-gap-7) !important}

.msearchWrap .main-searchArea { position: relative; display: inline-flex; align-items: center; gap:var(--krds-gap-6); width:100%; max-width: 66rem;  }
.msearchWrap .main-searchArea .krds-form-check { font-size: 1.8rem;color: rgba(255,255,255,.8);}
.msearchWrap .main-searchArea .krds-form-check input[type="radio"]:checked + label {color: rgba(255,255,255,.9);}
.msearchWrap .main-searchArea .formbox { width:100%;}
.msearchWrap .main-searchArea .formbox .search-input-group { position:relative;}
.msearchWrap .main-searchArea .formbox .krds-input { padding:0 6.4rem 0 var(--krds-padding-8); border-radius: 5rem; }
.msearchWrap .main-searchArea .ico-search { position: absolute; top:50%; right:var(--krds-gap-5); transform: translateY(-50%);}
.msearchWrap .main-searchArea .ico-search .ico-sch { width:100%; height:100%; background: url('../../ps/img/cmmImg_2020/mainN/micon_search.png') no-repeat 50% 50%; background-size:24px auto;}

.msearchWrap .exM { font-size:var(--krds-pc-font-size-body-small); color: rgba(255,255,255,.6);}
.msearchWrap .exM em {font-size: var(--krds-pc-font-size-body-xsmall); color: #555; background: #e1e1e1; border-radius: 2rem; padding: 0 8px; margin-right: 3px; display: inline-block;}

.main-chatBotArea { position: relative; padding-left: 10rem;}
.main-chatBotArea>button>.chatBotBox { padding:.8rem 1.6rem 1.2rem 2rem; font-size:var(--krds-pc-font-size-body-xsmall); background:#fff; border-radius: .7rem; display: block; line-height: 1rem; text-align: left;}
.main-chatBotArea>button>.chatBotBox>strong { font-size:var(--krds-pc-font-size-body-medium); line-height: 1rem; color: #FF5B5F;}
.main-chatBotArea>button>.character{ background-image: url('../../ps/img/cmmImg_2020/mainN/chatbot.png'); width:123.91px; height:100px; position: absolute; z-index: 99; left: 0px; top: -12px; animation: play1 4.5s steps(37) 0s infinite; background-size: 123.91px; transform: scale(1.2);}


/* *********************************************************************************
 * S : 검색 자동완성 부분
 * *********************************************************************************/

/*자동완성 20200824 */
/*2015-12-02 css 추가*/
.search-area input.on-autoframe{border:1px solid #65c330;}
.autoframe{z-index:99;position:absolute;top:77px;left:303px;width:337px;background:#fff;border: 1px solid #dad8d8;box-shadow: 2px 2px 12px -5px rgba(0, 0, 0, 0.25);}
.main .autoframe{top:89px; left:350px; }
.search-area .autoframe{top:77px; left:350px;  width: 370px}
.mainsearch-area .autoframe{top:89px; left:350px; width: 370px}
.totalsearch-area .autoframe{top:77px; left:303px; width:300px;}
.wordsearch-area .autoframe{top:78px; left:280px; }
.wordsearch-area2 .autoframe{top:78px; left:320px; }
.wordsearch-area3 .autoframe{top:78px; left: 230px; }

.autoframe .frame-bx{position: relative; top:0; left:0; padding-bottom:36px;}
.autoframe .frame-bx a{margin-top:0 !important;float: none;color:#666;text-align: right;font-size: .9em;}
.autoframe .result-bx{padding:15px 0 15px 0 !important;}
.autoframe .result-bx li{overflow:hidden; display:block; width:100%;}
.autoframe .result-bx li a{width:330px; padding:5px 20px;}
.autoframe .result-bx li a:hover{background:#f5f5f5;}
.autoframe .result-bx li a .keyword{color:#ff0000;}
.autoframe .func{position:absolute;bottom: 0;left: 0;width: 100%;/* height:16px; */padding:10px 20px;background: #f9f9f9;/* border-radius: 0 0 20px 20px; */border-top: 1px solid #eee;}
.wordsearch-area .autoframe .func{width:297px; }
/*.wordsearch-area .autoframe .func{width:231px; }*/

/*2015-12-02 css 추가*/
.autoframe .func a:hover{color:#000;}
.autoframe .func .word-sort{float:left;}
.autoframe .func .word-sort a{margin-right:6px;padding-left:10px;font-size: .9em;position: relative;}
.autoframe .func .word-sort a:before{content: '';clear: both;width:1px;height:10px;background: #b3b3b3;position:absolute;top: 35%;right: -10px;}
.autoframe .func .word-sort a:first-child{padding-left:0; background:none;}
.autoframe .func .word-sort .active{color:#333; font-weight:bold;}

/*2015-12-02 css 추가*/
.autoframe2 .frame-bx{position: relative; top:0; left:0; padding-bottom:36px;}
.autoframe2 .frame-bx a{margin-top:0 !important; float:none; color:#666;}
.autoframe2 .result-bx{padding:15px 0 15px 0 !important;}
.autoframe2 .result-bx li{overflow:hidden; display:block; width:100%;}
.autoframe2 .result-bx li a{width:330px; padding:5px 20px;}
.autoframe2 .result-bx li a:hover{background:#f5f5f5;}
.autoframe2 .result-bx li a .keyword{color:#ff0000;}
.autoframe2 .func{position:absolute; bottom:0; left:0; width:330px; height:16px; padding:10px 20px; background:#f5f5f5; }

.autoframe3{z-index:99; position:absolute; top:77px; left:0; width:337px; background:#fff; border:1px solid #65c330;}
.autoframe3 .frame-bx{position: relative; top:0; left:0; padding-bottom:36px;}
.autoframe3 .frame-bx a{margin-top:0 !important; float:none; color:#666;}
.autoframe3 .result-bx{padding:15px 0 15px 0 !important;}
.autoframe3 .result-bx li{overflow:hidden; display:block; width:100%;}
.autoframe3 .result-bx li a{width:330px; padding:5px 20px;}
.autoframe3 .result-bx li a:hover{background:#f5f5f5;}
.autoframe3 .result-bx li a .keyword{color:#ff0000;}
.autoframe3 .func{position:absolute; bottom:0; left:0; width:330px; height:16px; padding:10px 20px; background:#f5f5f5; }
.autoframe3 .func a:hover{color:#000;}
.autoframe3 .func .word-sort{float:left;}
.autoframe3 .func .word-sort a{margin-right:6px; padding-left:10px; background: url('../img/bg/list-line.gif') no-repeat 0 3px;}
.autoframe3 .func .word-sort a:first-child{padding-left:0; background:none;}
.autoframe3 .func .word-sort .active{color:#333; font-weight:bold;}

.autoframe4{z-index:99; position:absolute; top:77px; left:0; width:368px; background:#fff; border:1px solid #65c330;}
.autoframe4 .frame-bx{position: relative; top:0; left:0; padding-bottom:36px;}
.autoframe4 .frame-bx a{margin-top:0 !important; float:none; color:#666;}
.autoframe4 .result-bx{padding:15px 0 15px 0 !important;}
.autoframe4 .result-bx li{overflow:hidden; display:block; width:100%;}
.autoframe4 .result-bx li a{width:330px; padding:5px 20px;}
.autoframe4 .result-bx li a:hover{background:#f5f5f5;}
.autoframe4 .result-bx li a .keyword{color:#ff0000;}
.autoframe4 .func{position:absolute; bottom:0; left:0; width:328px; height:16px; padding:10px 20px; background:#f5f5f5; }
.autoframe4 .func a:hover{color:#000;}
.autoframe4 .func .word-sort{float:left;}
.autoframe4 .func .word-sort a{margin-right:6px; padding-left:10px; background: url('../img/bg/list-line.gif') no-repeat 0 3px;}
.autoframe4 .func .word-sort a:first-child{padding-left:0; background:none;}
.autoframe4 .func .word-sort .active{color:#333; font-weight:bold;}

#divAutoComplete.newAutoframe{ padding: 10px; left:auto; right: 0;width: 66%;z-index: 100;position: absolute;margin: 0 auto;top: 50px;background:#fff;/* border-radius:0 0 20px 20px; */box-shadow: 2px 2px 12px -5px rgba(0, 0, 0, 0.25);}
.search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe{ left: 365px;  width: 354px !important; border: 0 !important;}
#divAutoComplete.newAutoframe > div, #divAutoComplete.newAutoframe > div, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div{border-top: 0;padding-bottom: 40px;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea, #divAutoComplete.newAutoframe > div #ulAutoApdArea, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea{ padding: 5px 0 15px !important;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul:after, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul:after{ content: ''; display: block; clear: both;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li{float: right;margin: 0 10px 0 0;width: calc(49% - 10px);/* background: #ebf3fb; */line-height: 40px;font-weight: 500;text-indent: 10px;color: #111;font-size: 1.07em;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li:first-child, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li:first-child{margin: 0;width: 100%;/* background: #ebf3fb; */text-indent: 20px;color: #000;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.wide, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.wide{ margin: 0 10px !important; width: calc(100% - 20px) !important}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li:nth-child(2n), .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li:nth-child(2n){ float: left;  margin: 0 0 0 10px}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul{padding: 5px 0;background: #fff;border-top: 1px solid #eee;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li:first-child > ul, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li:first-child > ul{ padding: 5px 10px}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul > li, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul > li{text-indent: 20px;line-height: 100%;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul > li > a, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul > li > a{padding: 0;line-height: 160%;font-weight: 400;font-size: 14px;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul > li > a .keyword, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li > ul > li > a .keyword{ font-weight: 600; color: #e04001}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.line1 ul, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.line1 ul{ height: 28px;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.line2 ul, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.line2 ul{ height: 55px;}
#divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.line3 ul, .search-area.totalsearch #konanSearchFrm #divAutoComplete.newAutoframe > div #ulAutoApdArea > ul > li.line3 ul{ height: 84px;}

/* *********************************************************************************
 * E:// 검색 자동완성 부분
 * *********************************************************************************/



/* rowgroup */
.mainArea section.rowgroup { background: #fafafa url('../../ps/img/cmmImg_2020/common/nongsa_bg.png') no-repeat right 65%;}

/* 이달의 농업기술 */
.rowgroup .colgroup { position:relative; width:calc(100% - 31.8rem - 2.4rem)}
.rowgroup .colgroup .rowgroup_title .poinT { color: #480dcd;} 
.curation_wrap .curation_item a { width:100%; display:block; overflow: hidden; background-color:#fff; border-radius:var(--krds-radius-xlarge1); margin-bottom: 1rem; box-shadow:0 0 1rem rgba(0, 0, 0, 0.12);}
.curation_wrap .curation_item a:focus { outline:.2rem solid var(--krds-light-color-border-primary); outline-offset: -.2rem;}
.curation_wrap .curation_item .thumB { overflow:hidden; display: block; min-width: 31.8rem; min-height: 16rem;}
.curation_wrap .curation_item .thumB img { width:100%; height:auto;max-height: 16rem;  transition: all .3s ease; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.curation_wrap .curation_item a:hover .thumB  { background-color:#222;}
.curation_wrap .curation_item a:hover .thumB img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg); opacity:0.8;}
.curation_wrap .curation_item dl { padding:var(--krds-pc-padding-card-xsmall);}
.curation_wrap .curation_item dl dt { height: 5.1rem; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.curation_wrap .curation_item dl dd {font-size:13px;color:#676767;margin: 5px 0 0;/* text-align: right; */position: absolute;left: 0;top: 0;text-indent: -999999px;}

/* 알림판 */
.rowgroup .colgroup2 { position:relative;}
.popup_wrap { width: 31.8rem;  }
.popup_wrap .popup_item a { display:block; overflow: hidden; height: 24.3rem; border: 1px solid var(--krds-light-color-border-gray-light);border-radius: var(--krds-radius-xlarge1);}
.popup_wrap .popup_item a:focus { box-shadow: none; outline:.2rem solid var(--krds-light-color-border-primary); outline-offset: -.2rem;}
.popup_wrap .popup_item img  { width:100%; height:100%;}
.popup_wrap .swiper-indicator .swiper-pagination { border:0; background-color: transparent;}



/* rowgroup2 */
.rowgroup2 { padding-bottom: 0 !important;}
.rowgroup2 .chatBotWrap {display:none;}
.rowgroup2 .banConWrap { width:100%}
.rowgroup2 .banConWrap ul { display: flex; gap:var(--krds-gap-7); flex-wrap: wrap;}
.rowgroup2 .banConWrap li { width:calc(100% / 4 - 1.8rem); }
.rowgroup2 .banConWrap li .baBox { display: block; position: relative;background-color: #f3ba87;height: 16rem;overflow: hidden; padding: 4rem 2.4rem; text-align: right; border-radius:var(--krds-radius-xlarge1);}
.rowgroup2 .banConWrap li .baBox:before { content: ''; display: block; position: absolute; left: 0;bottom: 0; background-position:left bottom; background-repeat: no-repeat; background-size: contain;}
.rowgroup2 .banConWrap li .baBox.baR01 { background-color: #60e9fd;}
.rowgroup2 .banConWrap li .baBox.baR01:before { width: 23.5rem; height: 13.1rem; background-image: url('../../ps/img/cmmImg_2020/mainN/bnr_img01.png') }
.rowgroup2 .banConWrap li .baBox.baR02 { background-color: #82e4da; padding-top:5.2rem;}
.rowgroup2 .banConWrap li .baBox.baR02:before { width: 28rem; height: 15rem; background-image: url('../../ps/img/cmmImg_2020/mainN/bnr_img02.png')}
.rowgroup2 .banConWrap li .baBox.baR03 { background-color: #6dc7fa; text-align: left;}
.rowgroup2 .banConWrap li .baBox.baR03:before { left:auto; right: 0; width: 16.9rem; height: 14rem; background-image: url('../../ps/img/cmmImg_2020/mainN/bnr_img03.png')}
.rowgroup2 .banConWrap li .baBox.baR04 { background-color: #f8d2e2;}
.rowgroup2 .banConWrap li .baBox.baR04:before { width: 31.4rem; height: 151.rem; background-image: url('../../ps/img/cmmImg_2020/mainN/bnr_img04.png')}
.rowgroup2 .banConWrap li .baBox.baR05{ background-color: #88e4f0; padding-top: 1.5rem;}
.rowgroup2 .banConWrap li .baBox.baR05:before{ background-image: url('../../ps/img/cmmImg_2020/mainN/bnr_img05.png'); width: 18.9rem; height: 15.6rem; bottom:auto; top: 2rem}
.rowgroup2 .banConWrap li .baBox.baR05 span em{ font-size:var(--krds-pc-font-size-body-medium); }
.rowgroup2 .banConWrap li .baBox.baR05 i{ display: block; margin-bottom: .5rem}
.rowgroup2 .banConWrap li .baBox.baR05 i img{ display: inline-block; height: 1.4rem;}
.rowgroup2 .banConWrap li .baBox span { position: relative; line-height: 1.2; font-weight: var(--krds-font-weight-bold); font-size:var(--krds-pc-font-size-body-large);}
.rowgroup2 .banConWrap li .baBox span strong { font-size: 2.8rem;}
.rowgroup2 .banConWrap li .baBox span em { display: block; font-size: var(--krds-pc-font-size-body-xsmall); font-weight: var(--krds-font-weight-regular);}



/* rowgroup3 */
.rowgroup3 .tabConWrap {width:100%; border: 1px solid #385df0; border-radius: var(--krds-radius-xlarge1); padding:var(--krds-pc-padding-card-small);}
.rowgroup3 .tabConWrap .conList { position:relative;}
.rowgroup3 .tabConWrap .conList .myItem .myTabbtn { display:block; position: absolute; top: 0; left: 0; width: 25rem; border-radius:var(--krds-radius-medium1); padding:1.2rem; text-align: left; font-weight: var(--krds-font-weight-bold); background-color: #f3f6fb; transition:background-color 200ms ease-in-out; z-index: 1;}
.rowgroup3 .tabConWrap .conList .myItem.item02 .myTabbtn { top:6rem;}
.rowgroup3 .tabConWrap .conList .myItem.item03 .myTabbtn { top:12rem;}
.rowgroup3 .tabConWrap .conList .myItem .tabcontent { display:none; padding-left: 28rem; min-height: 17rem; }
.rowgroup3 .tabConWrap .conList .myItem.active .myTabbtn { background: linear-gradient(272deg, #365df0 10%, #8550fe 90%); color: #fff;}
.rowgroup3 .tabConWrap .conList .myItem.active .myTabbtn:after {content:''; display:block; position:absolute; right: -.9rem; top: 2.1rem; border-bottom: .7rem solid #365df0; border-right: .7rem solid transparent; border-left: .7rem solid transparent; transform: rotate(90deg); transition:0.3s ease;}
.rowgroup3 .tabConWrap .conList .myItem.active .tabcontent{ display:block;}

/* tab1 - My Farming */	
.rowgroup3 .tabConWrap .item01 .myFmCotWrap { position:relative; display: block;}
.rowgroup3 .tabConWrap .item01 .siTtBox { display: block; padding:4.8rem 0; text-align: center; background: url('../../ps/img/cmmImg_2020/mainN/siTt_bg.png') no-repeat center center; background-size: contain;}
.rowgroup3 .tabConWrap .item01 .siTtBox .siTtP { font-size: var(--krds-pc-font-size-body-large); font-weight: var(--krds-font-weight-bold); margin-bottom: 1rem; }
.rowgroup3 .tabConWrap .item01 .siTtBox .siTtBtn { color: #fff; font-size: var(--krds-pc-font-size-body-small); border: 1px solid #575656; background:#575656; padding: .4rem 2rem; border-radius: 2rem ;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list { display: flex;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list > div { position: relative; width: 50%; min-height: 17rem; padding: 1rem; }
.rowgroup3 .tabConWrap .item01 .myFmCot_list > div strong {display: block; margin-bottom: .8rem;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list > div strong span { color: #365df0;} 
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_L .myFmLink { display: flex; flex-wrap: wrap; gap:.8rem}
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_L .myFmLink li a { display: block; padding: .4rem 1.2rem; font-size: var(--krds-pc-font-size-body-small); border: 1px solid #eaeaea; border-radius: .4rem;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_L .myFmLink li a:hover,
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_L .myFmLink li a:focus {color: #0d7e3b;border: 1px solid #0d7e3b;background:#f3fbf9;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R { padding: 1rem 2rem; border-left:1px dashed #c4cded;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R .myFmLink { display: flex; flex-wrap: wrap; gap:.8rem}
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R .myFmLink li a { display: block; color: #676767; padding: .4rem 1.2rem; background: #f4f4f4; font-size:var(--krds-pc-font-size-body-small); border: 1px solid #f4f4f4;border-radius: 2.5rem;}
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R .myFmLink li a:hover,
.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R .myFmLink li a:focus {color: #1b39b1; border: 1px solid #385df0;}
.rowgroup3 .tabConWrap .setInterestInfo { display:inline-flex; position:absolute; top:0; right:0; align-items: center; gap:.4rem; padding:0 .8rem; border-radius:.4rem; font-size:var(--krds-pc-font-size-body-xsmall); height:27px; background:#575656; color: #fff;}
.rowgroup3 .tabConWrap .setInterestInfo:before { content:''; width:1.4rem; height:1.4rem; background:url('../../ps/img/cmmImg_2020/mainN/setInterestInfo_icon.png'); background-size:1.4rem; opacity:70%}

/* tab2 - 월별 추천작목 */	
.rowgroup3 .tabConWrap .item02 .mReCot_list { display: flex;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox { width:20%; padding: 1rem 2rem; border-left: 1px dashed rgba(0,0,0,0.16);}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:first-child { border-left:0}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox strong { display: block; margin-bottom: .8rem; }
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:nth-child(1) strong {color: #4063b4;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:nth-child(2) strong {color: #399763;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:nth-child(3) strong {color: #8c40b4;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:nth-child(4) strong {color: #b44061;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:nth-child(5) strong {color: #de6136;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink { display: flex; flex-wrap: wrap; gap:.8rem}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink li { width:calc(50% - .4rem)}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink li a { display: block; padding: .4rem; text-align: center; font-size:var(--krds-pc-font-size-body-small); border: 1px solid #eaeaea; border-radius: .4rem;}
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink li a:hover,
.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink li a:focus {color: #4063b4;border: 1px solid #4063b4;background:#f3f7ff;}

/* tab3 - 작목별 정보 */
.rowgroup3 .tabConWrap .item03 .inFoCot_list { display: flex; gap:2rem; align-items: center; height: 17rem;}
.rowgroup3 .tabConWrap .item03 .inFoCot_list li { flex:1; }
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a { display: block; padding: 1rem .5rem; text-align: center; font-size:var(--krds-pc-font-size-body-small); font-weight: var(--krds-font-weight-bold); border: 1px solid #eaeaea; border-radius: var(--krds-radius-xlarge1);}
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .iCo { display:block; width: 3rem; height: 3rem; margin: 0 auto .8rem; background-image:url('../../ps/img/cmmImg_2020/mainN/inFo_icon.png'); transition:all 0.3s;-webkit-transition:all 0.3s; background-size: 240px auto; background-repeat: no-repeat; transition: all 0.3s ease;}
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo01 { background-position: 0 0; }/*식량작물*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo02 { background-position: -30px 0; }/*화훼*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo03 { background-position: -60px 0; }/*과수*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo04 { background-position: -90px 0; }/*채소*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo05 { background-position: -120px 0; }/*축산*/	
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo06 { background-position: -150px 0; }/*특용작물*/	
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo07 { background-position: -180px 0; }/*녹비작물*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li .inFo08 { background-position: -210px 0; }/*곤충*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a { border: 1px solid #542ce5; color:#542ce5; background:#f3f7ff;}
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo01,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo01,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo01 { background-position: 0 -30px; }/*식량작물*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo02,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo02,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo02 { background-position: -30px -30px; }/*화훼*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo03,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo03,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo03 { background-position: -60px -30px; }/*과수*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo04,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo04,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo04 { background-position: -90px -30px; }/*채소*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo05,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo05,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo05 { background-position: -120px -30px; }/*축산*/	
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo06,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo06,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo06 { background-position: -150px -30px; }/*특용작물*/	
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo07,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo07,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo07 { background-position: -180px -30px; }/*녹비작물*/
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:hover .inFo08,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li a:focus .inFo08,
.rowgroup3 .tabConWrap .item03 .inFoCot_list li.on a .inFo08 { background-position: -210px -30px; }/*곤충*/
.rowgroup3 .btnOpen{ position:absolute; top:-4.5rem; z-index:10; right:50%; display:block; width:3.5rem; height:3.5rem; border-radius:50%; transform:translateX(50%); box-shadow:0 .5rem .5rem 0 rgba(114, 114, 114, 0.3); background:linear-gradient(135deg, #6e55f9 10%, #405bef 90%); text-indent:-9999999px;}
.rowgroup3 .btnOpen:focus { outline: .2rem solid var(--krds-light-color-border-primary); outline-offset: -.2rem;}
.rowgroup3 .btnOpen.bnrOpen { top:-5.5rem}
.rowgroup3 .btnOpen:before {content:'';position:absolute;display:block;left:49%;top:50%;width:10px;height:10px;transform:rotate(45deg) translate(-50%);transition:transform 150ms ease-in-out; border-bottom:0;border-right:0;border-top:2px solid #FFF;border-left:2px solid #FFF;}
.rowgroup3 .btnOpen.bnrOpen:before {border-top:0;border-left:0;border-bottom:2px solid #FFF;border-right:2px solid #FFF;top:40%;}



/* rowgroup4 */
.rowgroup4 { background-color:#f3f6fb;}
.rowgroup4 .colgroup { position: relative; }
.rowgroup4 .colgroup.colL { width:calc(100% - 43.2rem - 2.4rem);}
.rowgroup4 .colgroup.colR { width:43.2rem;}
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item { padding:.2rem}
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item a { display:flex; align-items: center; background-color:#fff; height: 9.6rem; border-radius:var(--krds-radius-xlarge1); padding: 1.6rem 2.4rem; box-shadow: 0 0 2px rgb(0 0 0 / 12%);}
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item a:focus { outline: .2rem solid var(--krds-light-color-border-primary); outline-offset: -.2rem;}
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item a span { font-size:var(--krds-pc-font-size-body-small); }
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item .iCo { display:flex; align-items: center; justify-content: center; position: absolute; right: 2.4rem; top: 1.6rem; width: 6.8rem; height: 6.8rem; background: #e8f6fc; border-radius: 3.2rem;}
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item .iCo>img { width: 61%; transition: all .3s ease; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item .iCo>img:hover{transform:translateY(-5px);}
.rowgroup4 .colgroup.colR .disTCotWrap { background-color: #878ED3; border-radius:var(--krds-radius-xlarge1); padding:2.4rem;}
.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list { display: flex; flex-wrap: wrap; gap:2.4rem}
.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list .disT_item  { width:calc(100% / 3 - 1.6rem);}
.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list .disT_item a { display:block; color:#fff; text-align: center; font-size:var(--krds-pc-font-size-body-small); letter-spacing: -.05em;}
.rowgroup4 .disTCotWrap .disTCot_list li .iCo { display:block; width: 7rem; height: 7rem; line-height: 7rem; margin: 0 auto 1rem; background-color: #f4f4f4; border-radius: 5rem;}
.rowgroup4 .disTCotWrap .disTCot_list li .iCo>img { width:70%; vertical-align:middle; padding-bottom:.5rem; transition: all .3s ease; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.rowgroup4 .disTCotWrap .disTCot_list li .iCo>img:hover { transform:translateY(-5px);}



/* rowgroup5 */
.rowgroup5 .colgroup { position: relative; width:calc(100% / 3 - 1.6rem)}

.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list li + li { margin-top: 2rem; padding-top: 2rem; border-top: 1px dashed var(--krds-light-color-border-gray-light);}
.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list .nsIsu_item a { display: block;}
.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list .nsIsu_item .nsState { display:block; line-height: 1; margin-bottom:.5rem; font-size: var(--krds-pc-font-size-body-small); color: #db4b13;}
.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list .nsIsu_item .nsSubject { display:block; overflow: hidden; font-size: var(--krds-pc-font-size-body-large); font-weight: var(--krds-font-weight-regular); text-overflow: ellipsis; white-space: nowrap;}
.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list .nsIsu_item a:hover .nsSubject { text-decoration: underline;}

.rowgroup5 .colgroup.colC .perCotWrap { width:100%; padding:1.6rem 0 1.6rem 1.6rem; background:#eff0f4;}
.rowgroup5 .colgroup.colC .perCotWrap .swiper-slide { width:auto; height: 20.8rem;}
.rowgroup5 .colgroup.colC .perCotWrap .swiper-slide img { height:100%}

.rowgroup5 .colgroup.colR .rInfoCotWrap .thumB { display:block; margin-bottom: 1rem;}
.rowgroup5 .colgroup.colR .rInfoCotWrap .thumB img { width:100%}
.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item { padding: .4rem; }
.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item a { display: flex; }
.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item a:hover span { text-decoration: underline;}
.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item strong { flex-shrink: 0; font-size: var(--krds-pc-font-size-body-small); width: 6.8rem; color: #0096c8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item span { font-size: var(--krds-pc-font-size-body-small); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.colgroup .isT_control { position:absolute; top: .6rem; right:0;  display: flex; gap:.8rem}
.colgroup .isT_control .isT_pause,
.colgroup .isT_control .isT_play,
.colgroup .isT_control .isT_prev,
.colgroup .isT_control .isT_next { width:3rem; height:3rem; overflow: hidden;}
.colgroup .isT_control .isT_pause:before,
.colgroup .isT_control .isT_play:before,
.colgroup .isT_control .isT_prev:before,
.colgroup .isT_control .isT_next:before { content:'';display:block; width:3rem; height:3rem; background-image:url('../../ps/img/cmmImg_2020/mainN/mControl_sprite.png'); background-repeat:no-repeat;}
.colgroup .isT_control .isT_pause:before { background-position:-30px 0;}
.colgroup .isT_control .isT_play:before { background-position:-60px 0;}
.colgroup .isT_control .isT_prev:before { background-position:0 0;}
.colgroup .isT_control .isT_next:before { background-position:-90px 0;}
.colgroup .isT_control .isT_pause:hover:before,
.colgroup .isT_control .isT_play:hover:before,
.colgroup .isT_control .isT_prev:hover:before,
.colgroup .isT_control .isT_next:hover:before { background-image:url('../../ps/img/cmmImg_2020/mainN/mControl_sprite_on.png');}



/* rowgroup6 */
.rowgroup6 { background-color:#f3fbf8;}
.rowgroup6 .libCotWrap { position: relative; width:100%}
.rowgroup6 .libCotWrap .rowgroup_title { position: absolute; top: 1rem; left: 0; line-height: 1;}
.rowgroup6 .libCotWrap .rowgroup_title span { display:block; } 
.rowgroup6 .libCotWrap .linkCot_list {clear: both;position: relative; padding-left: 160px; margin: -1%;overflow: hidden;}
.rowgroup6 .libCotWrap .linkCot_list li {float: left; width: 9.0909%; height: auto; padding: 1%;}
.rowgroup6 .libCotWrap .linkCot_list li a {display:block;color:#666;text-align: center;font-size: .925rem;letter-spacing: -.05em;line-height:1.3;}
.rowgroup6 .libCotWrap .libconBox .libItem .libTabbtn { position: absolute; z-index: 2; padding: .8rem 1.6rem .6rem; font-size: var(--krds-pc-font-size-body-xsmall); color: #0d7e3b; background-color:#fff; border:1px solid #0d7e3b; border-radius:3rem;}
.rowgroup6 .libCotWrap .libconBox .libItem .libTabbtn span{ line-height:1; display:block;}
.rowgroup6 .libCotWrap .libconBox .libItem .libTabbtn:hover,
.rowgroup6 .libCotWrap .libconBox .libItem.active .libTabbtn { color: #fff; background-color: #0d7e3b;}
.rowgroup6 .libCotWrap .libconBox .lib01 .libTabbtn { top: 14rem;}
.rowgroup6 .libCotWrap .libconBox .lib02 .libTabbtn { top: 18rem;}
.rowgroup6 .libCotWrap .libconBox .lib03 .libTabbtn { top: 22rem;}
.rowgroup6 .libCotWrap .libconBox .lib04 .libTabbtn { top: 26rem;}
.rowgroup6 .libCotWrap .libconBox .libItem .libcontent { display:none; padding-left: 20.4rem; }
.rowgroup6 .libCotWrap .libconBox .libItem.active .libcontent { display:block;}
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list { display: flex; gap:var(--krds-gap-5)}
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item { width: calc(20% - (6.4rem / 5)); }
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item a { display:block; }
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item .thumB { overflow: hidden; display:block; border:1px solid var(--krds-light-color-border-gray-light); background-color: #fff;}
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item .thumB img { width:100%; transition: all .3s ease; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item a:hover .thumB  { background-color:#222; border:1px solid #0d7e3b;}
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item a:hover .thumB img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg); opacity:0.8;}
.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item .txT{ display: block; padding:.8rem .4rem; font-size: var(--krds-pc-font-size-body-small); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.rowgroup6 .libCotWrap .btnMore { position: absolute; left:0; top: 9rem; padding-left: 1.8rem; font-size: var(--krds-pc-font-size-body-small); z-index:10;}
.rowgroup6 .libCotWrap .btnMore::before { content: ''; display: block; position: absolute; left: 0; top: .9rem; width: 1.2rem; height: .2rem; background-color:  #a5a8ac; }
.rowgroup6 .libCotWrap .btnMore::after { content: ''; display: block; position: absolute; left: .5rem; top: .4rem; width: .2rem; height: 1.2rem; background-color:  #a5a8ac; }



/* rowgroup7 */
.rowgroup7 .linkCotWrap { position: relative; width:100%;}
.rowgroup7 .linkCotWrap .rowgroup_title { position: absolute; top:0; left:0; line-height:1; }
.rowgroup7 .linkCotWrap .rowgroup_title .poinT { display:block; color:#e16500;} 

.rowgroup7 .linkCotWrap .linkCotBox { padding-left: 20.4rem; }
.rowgroup7 .linkCotWrap .linkCot_list { display: flex; gap:var(--krds-gap-5)}
.rowgroup7 .linkCotWrap .linkCot_list li { width:calc(100% / 11 - (16rem / 11))}
.rowgroup7 .linkCotWrap .linkCot_list li a { display:block; height: 100%; text-align: center; font-size:var(--krds-pc-font-size-body-small);}
.rowgroup7 .linkCotWrap .linkCot_list li .iCo { width:100%; display: flex; align-items: center; justify-content: center; border-radius:var(--krds-radius-xlarge1); box-sizing: border-box; height: 8.8rem; margin-bottom:1.2rem; border:1px solid var(--krds-light-color-border-gray-light); }
.rowgroup7 .linkCotWrap .linkCot_list li .iCo:before { content: ''; display: inline-block; width:6rem; height:6rem; background-image:url('../../ps/img/cmmImg_2020/mainN/linkC_icon.png'); background-size: auto 6rem; background-repeat: no-repeat; background-position: 50% 50%; transition:all 0.3s;-webkit-transition:all 0.3s;transition: all 0.3s ease;} 
.rowgroup7 .linkCotWrap .linkCot_list li .iCo:hover:before { transform:translateY(-5px);}
.rowgroup7 .linkCotWrap .linkCot_list li .iCo01:before { background-position: 0 0; }/*토양정보(흙토람)*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo02:before { background-position: -60px 0; }/*농업기상정보*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo03:before { background-position: -120px 0; }/*병해충정보*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo04:before { background-position: -180px 0; }/*농약안전정보*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo05:before { background-position: -240px 0; }/*농업경영정보*/	
.rowgroup7 .linkCotWrap .linkCot_list li .iCo06:before { background-position: -300px 0; }/*농식품정보*/	
.rowgroup7 .linkCotWrap .linkCot_list li .iCo07:before { background-position: -360px 0; }/*농촌인적자원개발센터*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo08:before { background-position: -420px 0; }/*귀농귀촌종합센터*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo09:before { background-position: -480px 0; }/*농업과학도서관*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo10:before { background-position: -540px 0; }/*코로나19 농촌진흥기관 정보공유*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo11:before { background-position: -600px 0; }/*축사로*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo12:before { background-position: -720px 0; }/*농업안전정보*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo13:before{ background-position: -780px 0;}/*치유농업ON*/
.rowgroup7 .linkCotWrap .linkCot_list li .iCo14:before{ background-position: -840px 0;}/*농업과학기술 정보서비스*/
.rowgroup7 .linkCotWrap .linkCot_list li a:hover .iCo,
.rowgroup7 .linkCotWrap .linkCot_list li a:focus .iCo,
.rowgroup7 .linkCotWrap .linkCot_list li.on a .iCo { border-color: #ff8538;box-shadow: 0 5px 10px rgba(225,103,46,.2);}



/* rowgroup8 */
.rowgroup8 { background-color:#eff7fb;}
.rowgroup8 .rowgroup_title { text-align: center;}
.rowgroup8 .rowgroup_title .poinT { color:#088835;} 
.rowgroup8 .vodCotWrap { position:relative; width:100%;}
.rowgroup8 .vodCotWrap .htagBt { position: absolute; left:0; z-index: 2;}
.rowgroup8 .vodCotWrap .htagBt ul { display:flex; flex-direction: column; gap:1rem }
.rowgroup8 .vodCotWrap .htagBt li a { display:inline-block; padding:.4rem 1.6rem; font-size:var(--krds-pc-font-size-body-small); color: #3c59b5; background-color:#fff; border:1px solid #3c59b5; border-radius:30px;}
.rowgroup8 .vodCotWrap .htagBt li a:hover { color: #fff; background-color: #3c59b5;}
.rowgroup8 .vodCotWrap .vodCot_list { display: flex; gap:var(--krds-gap-7); padding-left:20.4rem}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item { width:calc(25% - 1.8rem)}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item a {display:block; overflow: hidden;background-color:#fff;border-radius:var(--krds-radius-xlarge1);box-shadow:0 0 10px rgba(0, 0, 0, 0.12);}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item a:focus { outline-color:var(--krds-light-color-border-primary)}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item .thumB { position: relative; overflow: hidden; display:block; height: 15rem;}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item .thumB:after { content: ''; display: block; width: 4.2rem; height: 4.2rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto; background: url('../../ps/img/cmmImg_2020/mainN/bt_play.png') center no-repeat; background-size: 4.2rem; }
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item .thumB img { width:100%; height:auto; transition: all .3s ease; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item a:hover .thumB  { background-color:#222;}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item a:hover .thumB img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg); opacity:0.8;}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item dl { padding:.8rem 2rem;}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item dl dt { font-size:var(--krds-pc-font-size-body-small); height: 4.2rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item dl dd { font-size:var(--krds-pc-font-size-body-xsmall); margin-top: 1rem; text-align: right;}



/* 레이어팝업-관심정보설정 */
.cont-type-area p { padding: 1.6rem; font-weight: 500; text-align: center;}
.cont-type-area p span { font-size: 1.5rem;font-weight: 300;}
.cont-type-area p em { display: block; font-size: 1.5rem; font-weight: 300; color: #f00000;}
.cont-type-area .setting_Cont { position: relative; background-color: #f3f6f9; padding: 1.2rem; border-radius: .8rem;}
.cont-type-area .setting_Cont .settingList { position: relative; overflow: hidden;}
.cont-type-area .setting_Cont .settingList li { position: relative; display: inline-block; margin: 4px 10px 4px 0;}
.cont-type-area .setting_Cont .settingList li button { height: 34px; padding: 0 1rem; border: 1px solid #156da9; background: #156da9; border-radius: 18px;}
.cont-type-area .setting_Cont .settingList li button span.tag { font-size: 1.5rem; line-height: 32px; color: #fff; font-weight: 500;}
.cont-type-area .setting_Cont .settingList li button span.tagDel { display: inline-block;  width: 11px; height: 11px; margin: 0 0 2px 7px; text-indent: -9999px; background: url('../../ps/img/cmmImg_2020/common/ico_tagDelW.png') no-repeat; vertical-align: middle; opacity: 0.5;}
.cont-type-area .setting_Cont .settingList li button:hover { border: 1px solid #156da9; background: #fff; }
.cont-type-area .setting_Cont .settingList li button:hover span.tag { color: #156da9;}
.cont-type-area .setting_Cont .settingList li button:hover span.tagDel {opacity: 1;background: url('../../ps/img/cmmImg_2020/common/ico_tagDel.png') no-repeat;}
.cont-type-area .setPop_Cont ul li { width: 50%; margin-bottom: 0; padding-right: 0; text-align: center;}
.cont-type-area .setPop_Cont ul li .checkbox { display: block;}
.cont-type-area .setPop_Cont ul li .checkbox input[type="checkbox"] + label {
    display: block;
    height: 11.11vw;
    line-height: 11.11vw;
    padding-left: 0;
    font-size: 3.61vw;
    color: #999;
    font-weight: 300;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: transparent;
    background-size: auto;
}
.cont-type-area .setPop_Cont ul li:nth-of-type(2n-1) .checkbox input[type="checkbox"] + label {
    border-left: 1px solid #ddd;
}
.cont-type-area .setPop_Cont ul li:nth-of-type(1) .checkbox input[type="checkbox"] + label {
    border-top: 1px solid #ddd;
}
.cont-type-area .setPop_Cont ul li:nth-of-type(2) .checkbox input[type="checkbox"] + label {
    border-top: 1px solid #ddd;
}
.cont-type-area .setPop_Cont ul li .checkbox input[type="checkbox"]:checked + label {
    background: #ff8400;
    border-color: #ffa94d;
    color: #fff;
}
.cont-type-area .btn_wrap { position: absolute; width: 100%; bottom: 1.5rem; padding-top: 2rem; margin: 0;}
.contactBoard dl { width: 100%; margin: 2rem 0; /*border-top: 1px solid #eee;*/ display: table;}
.contactBoard dt { position: relative; padding-top: .5rem; margin-bottom: 1.2rem; font-size: 2rem; color: #333;  font-weight: 500; letter-spacing: -.05rem;}
.contactBoard dt:before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 5px; background-color: #11881f; background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%); border-radius: 50%;}



@media screen and (max-width: 1439px){
	.rowgroup2 .banConWrap li .baBox.baR01:before { width:19rem}
	.rowgroup2 .banConWrap li .baBox.baR02:before { width:22rem}
	.rowgroup2 .banConWrap li .baBox.baR03:before { width:14rem}
	.rowgroup2 .banConWrap li .baBox.baR05:before { width:15rem}
	.rowgroup2 .banConWrap li .baBox span { text-shadow: 2px 1px 1px rgb(255 255 255 / 70%);}
}

@media screen and ( max-width:1279px){
	.rowgroup2 .banConWrap li {width: calc(50% - 1.2rem);}
	.rowgroup2 .banConWrap li .baBox { height: 15rem;}
	.rowgroup3 .tabConWrap .conList .myItem .myTabbtn { width:15rem}
	.rowgroup3 .tabConWrap .conList .myItem .tabcontent { padding-left:17rem}
	.rowgroup3 .tabConWrap .item03 .inFoCot_list { gap:1.6rem}
	.rowgroup4 .mWrap { flex-direction: column; }
	.rowgroup4 .colgroup.colL,
	.rowgroup4 .colgroup.colR { width:100%;}
	.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list .disT_item { width:calc(100% / 6 - (12rem / 6))}
	.rowgroup5 .colgroup { width:calc(76% / 2 - 2.4rem);}
	.rowgroup5 .colgroup.colL { width: 24%; }
	.rowgroup6 .libCotWrap .rowgroup_title { position: static; text-align: center;}
	.rowgroup6 .libCotWrap .rowgroup_title span {display: inline-block;}
	.rowgroup6 .libCotWrap .btnMore { left:auto; top:.8rem; right:0}
	.rowgroup6 .libCotWrap .libconBox .libconList { position: relative;}
	.rowgroup6 .libCotWrap .libconBox .libItem .libTabbtn { top:0; left:0}
	.rowgroup6 .libCotWrap .libconBox .lib02 .libTabbtn { left: 66px;}
	.rowgroup6 .libCotWrap .libconBox .lib03 .libTabbtn { left: 132px;}
	.rowgroup6 .libCotWrap .libconBox .lib04 .libTabbtn { left: 198px;}
	.rowgroup6 .libCotWrap .libconBox .libItem .libcontent { padding-top: 4rem; padding-left: 0; }
	.rowgroup7 .linkCotWrap .rowgroup_title { position: static; text-align: center;}
	.rowgroup7 .linkCotWrap .rowgroup_title .poinT { display: inline-block;}
	.rowgroup7 .linkCotWrap .linkCotBox { padding-left: 0;}
	.rowgroup8 .vodCotWrap .htagBt { position: static; margin-bottom: 1.1rem;}
	.rowgroup8 .vodCotWrap .htagBt ul { flex-direction: row;}
	.rowgroup8 .vodCotWrap .vodCot_list { padding-left:0;}
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item .thumB {height: auto;}
}


@media screen and ( max-width:1023px){
	.msearchWrap {display: none;}
	.rowgroup2 .mWrap { flex-direction: column;}
	.rowgroup2 .chatBotWrap { display:block; position: relative; }
	.rowgroup2 .chatBotWrap>button { width:100%; }
	.rowgroup2 .chatBotWrap>button>.mChatBotBox { border:2px solid var(--krds-light-color-border-gray-light); font-weight:bold; border-radius: var(--krds-radius-medium3); display: block; padding:1.6rem 8rem 1.6rem 1.6rem; text-align:left;}
	.rowgroup2 .chatBotWrap>button>.mCharacter{ background-image: url('../../ps/img/cmmImg_2020/mainN/chatbot.png'); width:123.91px; height:100px; position: absolute; z-index: 99; right: -2rem; top: -2.4rem; animation: play1 3.5s steps(37) 0s infinite; background-size: 123.91px; transform: scale(1); }
	.rowgroup3 .tabConWrap { padding:2rem}
	.rowgroup3 .tabConWrap .item03 .inFoCot_list { flex-wrap: wrap; height: auto; gap:.8rem}
	.rowgroup3 .tabConWrap .item03 .inFoCot_list li { flex:none; width:calc(100% / 4 - .6rem);}
	.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox { padding:1rem}
	.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink { gap:.4rem}
	.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink li { width:auto}
	.rowgroup3 .tabConWrap .item01 .myFmCot_list { flex-direction: column;}
	.rowgroup3 .tabConWrap .item01 .myFmCot_list > div { width:100%; min-height: auto;}
	.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R { padding:1rem; border-left:0; border-top:1px dashed #c4cded}
	.rowgroup3 .tabConWrap .conList .myItem .myTabbtn { width: 13rem;}
	.rowgroup3 .tabConWrap .conList .myItem .tabcontent { padding-left: 15rem;}
	.rowgroup4 .colgroup.colR .disTCotWrap { overflow-x:auto;}
	.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list { width:100%; min-width: 80rem;}
	.rowgroup5 .mWrap { flex-wrap: wrap;}
	.rowgroup5 .colgroup { width:100% !important}
	.rowgroup7 .linkCotWrap .linkCotBox { overflow-x:auto;}
	.rowgroup7 .linkCotWrap .linkCot_list { width:134rem;}
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item { width:calc(100% / 3 - 1.6rem);}
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item:nth-child(4) {display: none;}
}

@keyframes play1{30%,80%{ background-position: 0 /*3700px;-1450px;*/-3700px}}


@media screen and ( max-width:767px){
	.mainArea section { padding-top:var(--krds-gap-8); padding-bottom: var(--krds-gap-8);}
	.mainArea section .rowgroup_title { margin-bottom: var(--krds-mobile-gap-layout-title-body-small); font-size:var(--krds-mobile-font-size-heading-large); }
	.swiper-indicator { position: static !important; margin-top:var(--krds-gap-3)}
	.rowgroup .mWrap { flex-wrap: wrap;}
	.rowgroup .colgroup,
	.rowgroup .colgroup2,
	.rowgroup .popup_wrap { width:100%;}
	.curation_wrap .curation_item .thumB img { max-height: none;}
	.curation_wrap .curation_item dl { padding:var(--krds-mobile-padding-card-xsmall);}
	.popup_wrap .popup_item a { height: auto;}
	.rowgroup2 .banConWrap ul { gap:var(--krds-gap-4)}
	.rowgroup2 .banConWrap li { width:100%}
	.rowgroup2 .banConWrap li .baBox { height:auto; padding:1.6rem !important}
	.rowgroup2 .banConWrap li .baBox span { font-size:var(--krds-mobile-font-size-body-large);}
	.rowgroup2 .banConWrap li .baBox span strong {  font-size:100%;}
	.rowgroup2 .banConWrap li .baBox span em { font-size: var(--krds-mobile-font-size-body-xsmall); }
	.rowgroup2 .banConWrap li .baBox.baR05 i { margin-bottom: 0;}
	.rowgroup2 .banConWrap li .baBox.baR05 br { display: none;}
	.rowgroup2 .banConWrap li .baBox.baR05 span em{ font-size:var(--krds-mobile-font-size-body-medium); }
	.rowgroup2 .banConWrap li .baBox.baR01:before { width:15rem}
	.rowgroup2 .banConWrap li .baBox.baR02:before { width:16rem}
	.rowgroup2 .banConWrap li .baBox.baR03:before { width:11rem}
	.rowgroup2 .banConWrap li .baBox.baR05:before { top:-2rem}
	.rowgroup3 .tabConWrap { padding:var(--krds-mobile-padding-card-xsmall);}
	.rowgroup3 .tabConWrap .conList .myItem .myTabbtn { width: 32%; padding: .8rem 0; text-align: center; font-size: var(--krds-mobile-font-size-body-small)}
	.rowgroup3 .tabConWrap .conList .myItem.item02 .myTabbtn { left:34%; top: 0;}
	.rowgroup3 .tabConWrap .conList .myItem.item03 .myTabbtn { left:68%; top: 0;}
	.rowgroup3 .tabConWrap .conList .myItem.active .myTabbtn {background:linear-gradient(0deg, #365df0 10%, #8550fe 90%)}
	.rowgroup3 .tabConWrap .conList .myItem.active .myTabbtn:after { top: 3.8rem; right: 44%;transform: rotate(181deg);}
	.rowgroup3 .tabConWrap .conList .myItem .tabcontent { padding-left: 0; padding-top: 5.6rem;}
	.rowgroup3 .tabConWrap .item01 .siTtBox .siTtBtn { font-size: var(--krds-mobile-font-size-body-small); }
	.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_L { padding-bottom: 1.6rem;}
	.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_L .myFmLink li a { font-size: var(--krds-mobile-font-size-body-small); }
	.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R { padding:1.6rem 1rem}
	.rowgroup3 .tabConWrap .item01 .myFmCot_list .myFmBox_R .myFmLink li a { font-size:var(--krds-mobile-font-size-body-small); }
	.rowgroup3 .tabConWrap .setInterestInfo { position: static; width:100%; justify-content: center; font-size:var(--krds-mobile-font-size-body-xsmall); }
	.rowgroup3 .tabConWrap .item02 .mReCot_list { flex-direction: column;}
	.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox { width: 100%; border-left:0}
	.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox:not(:first-child) { border-top:1px dashed rgba(0,0,0,0.16)}
	.rowgroup3 .tabConWrap .item02 .mReCot_list .mReCotBox .mReLink li a { font-size:var(--krds-mobile-font-size-body-small); }
	.rowgroup3 .tabConWrap .item03 .inFoCot_list li a { font-size:var(--krds-mobile-font-size-body-small); }
	.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item a { height: 7.5rem; padding:1.6rem 7rem 1.6rem 1.6rem}
	.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item a span { font-size:var(--krds-mobile-font-size-body-small);}
	.rowgroup4 .colgroup.colL .isTCotWrap .isTCot_list .isT_item .iCo { width:5rem; height: 5rem; right:1.6rem}
	.rowgroup4 .colgroup.colR .disTCotWrap { padding:1.6rem}
	.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list { min-width: 60rem; gap:var(--krds-gap-5)}
	.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list .disT_item { width:calc(100% / 6 - (8rem / 6))}
	.rowgroup4 .colgroup.colR .disTCotWrap .disTCot_list .disT_item a { font-size:var(--krds-mobile-font-size-body-small); }
	.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list li + li { margin-top:1.6rem; padding-top:1.6rem}
	.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list .nsIsu_item .nsState { font-size: var(--krds-mobile-font-size-body-small); }
	.rowgroup5 .colgroup.colL .nsIsuCotWrap .nsIsuCot_list .nsIsu_item .nsSubject { font-size: var(--krds-mobile-font-size-body-medium); }
	.rowgroup5 .colgroup.colR .rInfoCotWrap .thumB { display:none;}
	.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item strong { font-size: var(--krds-mobile-font-size-body-small); }
	.rowgroup5 .colgroup.colR .rInfoCotWrap .rInfoCot_list .rInfoBox_item span { font-size: var(--krds-mobile-font-size-body-small); }
	.colgroup .isT_control { top:.3rem}
	.rowgroup6 .libCotWrap .rowgroup_title { text-align: left;}
	.rowgroup6 .libCotWrap .libconBox .libItem .libTabbtn { font-size: var(--krds-mobile-font-size-body-xsmall); }
	.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list { flex-wrap: wrap;}
	.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item { width: calc(100% / 3 - (3.2rem / 3))}
	.rowgroup6 .libCotWrap .libconBox .libItem .libCot_list .libBox_item .txT{ font-size: var(--krds-mobile-font-size-body-small); }
	.rowgroup6 .libCotWrap .btnMore { top:.6rem; font-size: var(--krds-mobile-font-size-body-small);}
	.rowgroup7 .linkCotWrap .rowgroup_title { text-align: left;}
	.rowgroup7 .linkCotWrap .linkCot_list { width:124rem;}
	.rowgroup7 .linkCotWrap .linkCot_list li a { font-size:var(--krds-mobile-font-size-body-small);}
	.rowgroup8 .rowgroup_title { text-align: left;}
	.rowgroup8 .vodCotWrap .htagBt li a { font-size:var(--krds-mobile-font-size-body-small); }
	.rowgroup8 .vodCotWrap .vodCot_list { flex-wrap: wrap; gap:var(--krds-gap-5)}
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item { width:100%}
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item:nth-child(4) {display: block;}
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item dl dt { height: auto; font-size:var(--krds-mobile-font-size-body-small); }
	.rowgroup8 .vodCotWrap .vodCot_list .vodBox_item dl dd { font-size:var(--krds-mobile-font-size-body-xsmall);}

}