@import url('reset.css');



.only_pc { display : block !important }
.only_mobile { display : none !important }


.hidden { display : block; width : 0; height : 0; overflow : hidden; }
.flex { display : flex; justify-content: space-between; }
.flex.align { align-items: center; }
.flex.start { justify-content: flex-start; }
.relative { position : relative }
.transition { transition : all .3s ease }
.inner { max-width : 1400px; margin : 0 auto }

.abl { position : absolute; top : 0; left : 0 }
.abr { position : absolute; top : 0; right : 0 }
.abc { position : absolute; top : 50%; left : 50%; transform: translate(-50%, -50%); }

.padding30 { padding : 3rem 0 !important }
.padding40 { padding : 4rem 0 !important }
.padding50 { padding : 5rem 0 !important }
.padding60 { padding : 6rem 0 !important }
.padding70 { padding : 7rem 0 !important }
.padding80 { padding : 8rem 0 !important }
.padding90 { padding : 9rem 0 !important }
.padding100 { padding : 10rem 0 !important }


.mgt10 { margin-top : 1rem !important }
.mgt20 { margin-top : 2rem !important }
.mgt30 { margin-top : 3rem !important }
.mgt40 { margin-top : 4rem !important }
.mgt50 { margin-top : 5rem !important }
.mgt60 { margin-top : 6rem !important }
.mgt70 { margin-top : 7rem !important }
.mgt80 { margin-top : 8rem !important }
.mgt90 { margin-top : 9rem !important }
.mgt100 { margin-top : 10rem !important }


.title_01 h2 { font-size : 4.2rem }
.title_01 a.abr { font-size : 2rem; top : 7px }
.title_01 .has_sub_title { display : flex; align-items: center; }



.btn { display : inline-block; padding : 5px 10px; font-size : 1.6rem; border-radius : 20px }

.btn2 { display : inline-block; padding : 5px 10px; font-size : 1.6rem; }
.btn_green { border : 1px solid var(--default); color : var(--default)  }
.btn_navy { border : 1px solid #17106E; color : #17106E }
.btn_black { border : 1px solid #111; color : #111 }

.btn_fill_green { background-color: var(--default); color : #fff;}
.btn_fill_gray { background-color : #DBDBDB; color : #333; }
.img_wrap { position : relative; width : 100%; height : 100%; border-radius : 10px; overflow : hidden; background-color : #f1f1f1 }
.img_wrap img {position : absolute;top : 50%;left : 50%; transform: scale(1) translate(-50%, -50%);max-width: 100%;height: 100%;width: auto !important;max-height: 100% !important;height: auto; transition : all .3s ease }

.tab_ctrl a {display: flex; display : inline-block; border-top : 2px solid transparent; padding-top : 5px; margin : 0 20px; font-size : 2.2rem; font-weight: bold; color : #888 }
.tab_ctrl a.active { border-top-color : var(--default); color : var(--default) }

.tabcontent { display : none }
.tabcontent.active { display : block }
.multiline { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }



@media ( max-width : 1024px ){
    .only_pc { display : none !important }
    .only_mobile { display : block !important }
    .inner { padding-left : 20px !important; padding-right : 20px !important }
    .title_01 a.abr { top : -8px }
    .title_01 a.abr i { font-size : 40px }
    .title_01 a.abr span { display : none }
}










/* 상단팝업 */
#topPopup {display:none;}
#topPopup .popupImg {position:relative; width:100%; text-align:center;}
#topPopup .popupImg img {position:relative; max-width:100%;}
#topPopup .popupImg .btnClose {position:absolute; top:55px; right:40px; z-index:10;}
#topPopup .popupImg .today_check {position:absolute; top:65px; right:90px; z-index:10;}
#topPopup .popupImg .today_check label span {color:#400040;}
/*header*/
.header_other {position:relative; width:100%; height:39px; border-bottom:1px solid #d2d5d8; background:#f2f3f3; z-index:10;}
.header_other .other_site {position:relative; float:left;}
.header_other .other_site li {float:left;}
.header_other .other_site li a { display : flex; height:39px; align-items: center; }
.header_other .other_site li span {display : block;background:url("/resource/templete/BG/img/common/icon_sns.png") no-repeat;width : 40px;text-indent: -9999px;height: 40px;}
.header_other .other_site li .bsgugak { height:40px; padding : 0 15px; background:#fff; text-align:center;}
.header_other .other_site li .bsgugak img { width : 80px; height : auto !important }
.header_other .other_site li .love {width:109px; height:39px; background:#963789; text-align:center;}
.header_other .other_site li .love span {font-size:12px; color:#fff; line-height:39px; background-position: 0px -62px; padding-left:17px;}
.header_other .other_site li .satday {width:109px; height:39px; background:#17b2b8; text-align:center;}
.header_other .other_site li .satday span {font-size:12px; color:#fff; line-height:39px; background-position: 0px -86px; padding-left:17px;}
.header_other .other_site li .fbook { height:39px; background:#6281c1; text-align:center; border-right:1px solid #5874ad;}
.header_other .other_site li .fbook span {background-position: 12px -115px;}
.header_other .other_site li .twt {height:39px; background:#43bdee; text-align:center; border-right:1px solid #3caad6;}
.header_other .other_site li .twt span {background-position: 9px -147px;}
.header_other .other_site li .nblog {height:39px; background:#2DB400; text-align:center; border-right:1px solid #5b972f;}
.header_other .other_site li .nblog span {background-position: 8px -178px;}
.header_other .other_site li .istar {height:39px; background:#bc82b3; text-align:center;}
.header_other .other_site li .istar span {background-position: 9px -242px;}
.header_other .other_site li .utube {height:39px; background:#d45353; text-align:center;}
.header_other .other_site li .utube span {background-position: 9px -272px;}

.header_other .other_site li .member_link  { background : #6f3918}
.header_other .other_site li .member_link span {background : none;padding-left : 5px !important;text-indent: 0;width: auto;line-height: 34px;}
.header_other > .top_util {position:absolute; right:0;}
.header_other > .top_util > li {float:left;}
.header_other > .top_util > li > a { display : inline-block; width:85px; height:39px; line-height:40px; font-size:12px; color:#575e64; border-left:1px solid #d2d5d8; text-align:center; }
.header_other > .top_util > li > a:hover {text-decoration:none;}
/*.header_other > .top_util > li:first-child > a {width:120px;}*/
.header_other > .top_util > li.nurizip > a {width:120px;}
.header_other > .top_util > li.bgsound  {width:150px;}
.header_other > .top_util > li.bgsound > a {width:150px;}
.header_other > .top_util > li.bgsound > a span {
  padding-left: 25px;
  width: 120px;
  background: url("/resource/templete/BG/img/common/icon_music_off.png") no-repeat left center;
  height: 39px;
}
.header_other > .top_util > li.bgsound > a span.on {
  background: url("/resource/templete/BG/img/common/icon_music_on.png") no-repeat left center;
}
.header_other > .top_util > li > .select_language {position:relative; border-left:1px solid #d2d5d8;} /*외국어사이트*/
.header_other > .top_util > li > .select_language button {display:block; width:101px; height:39px; line-height:40px; padding:0 26px 0 12px; background:#f2f3f3; color:#575e64; border:0;}
.header_other > .top_util > li > .select_language button span::after {content:""; display:block; width: 15px; height: 15px; overflow:hidden; position:absolute; top:20px; left:80%; background: url("/resource/templete/BG/img/common/icon_common.png") no-repeat 0px -60px; }
.header_other > .top_util > li > .select_language button:active, .select_language button:focus {background-color:#f2f3f3}
.header_other > .top_util > li > .select_language > ul {display:none;background:#f2f3f3; border-bottom:1px solid #d2d5d8;}
.header_other > .top_util > li > .select_language > ul > li > a {display:block; border-top:1px solid #d2d5d8; text-align:center; padding:5px 0; color:#575e64;}
.header_other > .top_util > li > .select_language > ul > li:first-child > a {font-size:12px; text-transform:uppercase;}
.header_other > .popup {position:absolute; left:50%; margin-left:-40px;}
.header_other > .popup a {width:80px; height:39px; font-size:13px; font-family:'AritaSB'; color:#3f505f; line-height:40px; text-align:center; background:url("/resource/templete/BG/img/common/icon_popup.png") no-repeat left center;}
.header_other > .popup a:hover {text-decoration:none;}