/* 2022-07-12 시작 */
/* 2022-07-13 와장창창!추가 */

@import url('json.css');
@import url('intro_page.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* 다같이 쓰자 */
.sub-contents {max-width:1200px; width:100%; margin:0 auto}
.both {clear: both; margin:0; padding:0}
button {border:none; background:none;}
.margin-right-none {margin-right:none!important;}
.bg-base {background:#dfdfdf}
.pd_30 {padding:30px 0}
.broad_wrap{max-width: 1200px; width: 100%; margin: 0 auto;}
.mt_15 {margin-top:15px;}
/* ICON */
.user_ico {background:url("/img/user_ico.png") no-repeat center 10%; background-size:25%; padding:10px 0 0 0}

.trans_form_web {display:block; width:100%; background:#fff; z-index:9999; top:0; min-height:35px; position:fixed}
.trans_form_moblie {display:none}
.pop-up-special-bottom {display:none}
.translation-icons {max-width:1200px; margin:0 auto; width:100%; text-align:right;}
/* 상단상단 자라나라머리머리*/
.logo_wrap {text-align:center; position:relative}
.login_wrap {position:absolute; z-index:1; right:0; top:5px}
.login_wrap ul {display: flex;}
.login_wrap .mem_login {margin-right:10px;margin-top: 20px;}
.ad_banner_wrap {display:block; position:absolute; left:100px; top:5px}
.ad_banner_wrap img {max-width:210px;}
.search_wrap {background-color:#fff; border:1px solid #dfdfdf; border-radius:25px; line-height:35px; font-size:18px;}
.search_wrap input {width:130px; border:none;}
.search_ico {position: relative; width:17px; height:17px;top:-10px}
.search_ico::before {background: url("/img/search_ico.png") no-repeat; width:17px; height:17px; position:absolute; content:""; background-size:100%}
.blind {overflow: hidden; position: absolute; top: 0; left: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;}


/* 메인 첫번째 영역 */
.wrap_margin {margin-top:205px}
#newsbox_wrap {width:100%; min-height: 320px; margin:0 0 30px 0;}
#newsbox_wrap div {float:left}
#newsbox_wrap .main_video_wrap {width:42%;margin-right:1%; min-height: 293px; max-height: 293px; background:#dfdfdf; text-align:center }

#newsbox_wrap .main_news_list {width:24%;margin-right:3%}
#newsbox_wrap .main_news_list ul {margin:0}
#newsbox_wrap .main_news_list ul li {display: flex; margin:0 0 15px 0; }
#newsbox_wrap .main_news_list ul li:last-child {margin:0}
#newsbox_wrap .main_news_list ul li .main_news_img_wrap{width:100px; height:62px; background:#ddd; text-align:center;}
#newsbox_wrap .main_news_list ul li .main_news_img_wrap img {max-width:100px; border:1px solid #dfdfdf}
#newsbox_wrap .main_news_list ul li .main_news_cont_wrap {padding:0 0 0 15px}
#newsbox_wrap .main_news_list ul li .main_news_cont_wrap .news_tit {font-weight:600; font-size:16px; max-height:20px; overflow:hidden}

#newsbox_wrap .main_hot_wrap {width:30%;} 
#newsbox_wrap .main_hot_wrap .notify {width:100%;}
#newsbox_wrap .main_hot_wrap .notify ul {}
#newsbox_wrap .main_hot_wrap .notify ul li {position:relative;float:left; width:50%; text-align:center}
#newsbox_wrap .main_hot_wrap .notify ul li:nth-child(2)::before {position: absolute; content:""; width:1px; height:90px; background:#dfdfdf; left:0; top:-5px}
#newsbox_wrap .main_hot_wrap .notify ul li p {font-size:16px; margin:10px 0 0 0; font-weight:600}
#newsbox_wrap .main_hot_wrap .hit_news {width:100%; margin-top:10px}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit {width:100%; border:1px solid #dfdfdf; padding:5px 15px; line-height:24px; background:#ededed}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit button {width:20px; height:20px; background:#fff; border:1px solid #dfdfdf; border-radius:15px; line-height:15px}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit p {font-size:16px; margin:0 15px 0 0; display: inline-block;}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit .page_count {margin:0 10px;}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit .btn {background:#fff; border:1px solid #dfdfdf; border-radius:15px; width:25px; height:25px; line-height:170%; padding:0}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit .btn_prev {position:relative}
#newsbox_wrap .main_hot_wrap .hit_news .hit_list {width:100%;}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul {margin:0; padding:0; max-height: 155px; overflow-y: hidden;}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul li {font-size:14px; margin:0; width:100%; position: relative; background:#fff; padding:4.5px 15px; text-overflow: clip; max-height: 31px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul li::before {margin:0; width:2px; height:2px; position: absolute; background:#212529; content: ""; top:45%; left:8px}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul li p {margin-bottom:0}

/* 많이 본 기사 좌우 스크롤 스타일 */
/* 슬라이더 공통 */
.slider {
  position:relative;
}

.slider > .pages {
  text-align:center;
  position:absolute;
  bottom:5%;
  left:0;
  width:100%;
  display:none;
}

.slider > .pages > div {
  width:20px;
  height:20px;
  background-color:rgba(255,255,255,0.5);
  display:inline-block;
  cursor:pointer;
  transition:background-color 0.2s;
  border-radius:5px;
}

.slider > .pages > div:hover, .slider > .pages > div.active {
  background-color:rgba(255,255,255,1);
}

.slider > .slides_a > div {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity 0.3s;
}

.slider > .slides_a > div.active {
position:absolute; z-index:999;
  opacity:1;
}
.slider > .side-btns { display:none;}


.slider > .side-btns > div {
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:100%;
  background-color:pink;
  cursor:pointer;
}

.slider > .side-btns > div:last-child {
  left:auto;
  right:0;
}

/* 슬라이더 1 */
.slider-1 {
  margin:0 auto;
  min-height:153px; max-height:153px; width:100%; border:1px solid #dfdfdf; border-top:none
}


/* 메인 두번째 영역 */
#news_quick_wrap {width:100%;padding-bottom:30px}
#news_quick_wrap .division {float: left; width: calc(100%/4 - 15px); margin:0 10px 1rem 10px; }
#news_quick_wrap .division:first-child {margin:0 10px 0 0}
#news_quick_wrap .division:nth-child(4) {margin:0 0 0 10px}
#news_quick_wrap .division p {position:relative; font-size:16px; font-weight:600; border-top:2px solid #212529; border-bottom:1px solid #dfdfdf; padding:10px 10px 10px 10px; margin:0 0 10px 0}
#news_quick_wrap .division p a {position: absolute; top:20%; right:10px}
#news_quick_wrap .division ul {}
#news_quick_wrap .division li {padding:0 10px 0 15px; margin:0 0 10px 0; font-size:14px; position: relative;}
#news_quick_wrap .division li::before {margin:0; width:2px; height:2px; position: absolute; background:#212529; content: ""; top:45%; left:8px} 

/* 메인 세번째 영역
#tab_news_wrap {width:100%}
#tab_news_wrap > div {float:left}
#tab_news_wrap .tab_news {width:60%; margin-right:2%; position:relative; max-width:720px; min-height:300px; display:block}
.tab_news ul:first-child li {width:calc(100%/6)}
.tab_news ul:nth-child(2) li {width:calc(100%/5);}
.tab_news .tabnav {font-size:0; width:100%; margin:0}
.tab_news .tabnav li {display: inline-block;  height:46px; text-align:center; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.tab_news .tabnav li:first-child {border-left:1px solid #dfdfdf}
.tab_news .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tab_news .tabnav li a.active:before{background:#ff7300;}
.tab_news .tabnav li a.active{border-bottom:1px solid #fff;}
.tab_news .tabnav li a{ position:relative; display:block; color: #000; padding:0 15px; line-height:46px; text-decoration:none; font-size:16px;}
.tab_news .tabnav li a:hover, a.active{background:#fff; color:#ff7300; }
.tab_news .tabcontent{width:100%; padding: 20px;border:1px solid #ddd;}
.tab_news .tabcontent div ul {margin:0}
.tab_news .tabcontent div ul li {width:100%; display: block; margin-bottom:15px}
.tab_news .tabcontent div ul li .tab_news_img_wrap {}
.tab_news .tabcontent div ul li .tab_news_img_wrap img {float:left; overflow:hidden; display:block; margin-right:15px; width:125px; max-width:125px}
.tab_news .tabcontent div ul li .tab_news_img_wrap a {overflow:hidden; display:block; padding:4px 0 0 0;}
.tab_news .tabcontent div ul li .tab_news_img_wrap a:hover, a:focus {color:#212529}
.tab_news .tabcontent div ul li .tab_news_img_wrap a h5 {font-size:16px;}
.tab_news .tabcontent div ul li .tab_news_img_wrap a .desc {font-size:14px; margin-bottom:0; max-height:45px}

#tab_news_wrap .main_photo_wrap {width:38%;}
#tab_news_wrap .main_photo_wrap .photo_img {width:100%;} 
#tab_news_wrap .main_photo_wrap .photo_img img {max-width:456px; width:100%; height:270px; max-height:270px; }
#tab_news_wrap .main_photo_wrap .photo_img h5 {width:100%; font-size:16px; text-align:center; margin:10px 0} */

/* 메인 세번째 영역 */
#tab_news_wrap {width:100%}
#tab_news_wrap > div {float:left}
#tab_news_wrap .tab_news_web {width:60%; margin-right:2%; position:relative; max-width:720px; min-height:300px; max-height:300px; display: block;}
#tab_news_wrap .tab_news_moblie {width:100%; margin-right:2%; position:relative; max-width:720px; min-height:260px; max-height:260px; display: none;}
#tab_news_wrap .main_photo_wrap {width:38%;}
#tab_news_wrap .main_photo_wrap .photo_img {width:100%;} 
#tab_news_wrap .main_photo_wrap .photo_img img {width:456px; height:270px; max-height:270px; }
#tab_news_wrap .main_photo_wrap .photo_img h5 {width:100%; font-size:16px; text-align:center; margin:10px 0}

.floatclear {clear:both; content:""; display:block}
/* 커스텀 */
.area_news_first_tab {width:100%; display:flex; flex-wrap:wrap}
.area_news_first_tab li:first-child {width:calc(60% - 10px); margin-right:10px}
.area_news_first_tab li:nth-child(2) {width:40%}
.area_news_wrap h4 {border-top:2px solid #212529; border-bottom:1px solid #dfdfdf; padding:10px; margin-bottom:0; font-size:16px}

.area_news_tab {width:100%; display:flex; flex-wrap:wrap;}
.area_news_tab li {width:calc(100%/3 - 10px); margin-right:10px; display:block; }
.area_news_tab li:last-child{margin-right:0}

.area_news_first_tab li > .area_news_wrap {clear:both}
.area_news_first_tab li > .area_news_wrap .area_news_list {width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf;overflow:hidden}
.area_news_first_tab li > .area_news_wrap .area_news_list .area_news_thum {width:100%; max-width:120px; height:auto; max-height:100px; margin-right:10px; border:1px solid #dfdfdf;display:block; float:left}
.area_news_first_tab li > .area_news_wrap .area_news_list .area_news_thum img {}
.area_news_first_tab li > .area_news_wrap .area_news_list .area_news_cont {display:block;max-height:100px; overflow:hidden; width:calc(100% - 130px)}
.area_news_first_tab li > .area_news_wrap .area_news_list .area_news_cont h5 {font-size:16px; max-height:40px; overflow:hidden;}
.area_news_first_tab li > .area_news_wrap .area_news_list .area_news_cont P {font-size:14px; max-height:45px; overflow:hidden; margin-bottom:0}


.area_news_wrap {display:block}
.area_news_wrap .area_news_list {width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf;overflow:hidden; clear:both}
.area_news_list .area_news_thum {width:100%; max-width:120px; height:auto; max-height:100px; margin-right:10px; border:1px solid #dfdfdf;display:block; float:left}
.area_news_list .area_news_thum img {}
.area_news_list .area_news_cont {display:block; max-height:100px; overflow:hidden; width:calc(100% - 130px)}
.area_news_list .area_news_cont h5 {font-size:16px; max-height:40px; overflow:hidden}
.area_news_list .area_news_cont P {font-size:14px; max-height:40px; overflow:hidden; margin-bottom:0}

/* 슬라이더 1 시작 */
.slider_b {clear:both}

/* 슬라이더 1 - 페이지 버튼 */
.slider_b > .page-btns { position:absolute; bottom:0; right:0; display:block; z-index:99}
.slider_b > .page-btns > div {width:10px; height:10px; background-color:rgba(0,0,0,.5); border-radius:10px; display:inline-block; cursor:pointer;}
.slider_b > .page-btns > div.active {background-color:rgba(0,0,0,1);}

/* 슬라이더 1 - 슬라이드 */
.slider_b > .slides {overflow-x:hidden}
.slider_b > .slides > div {position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; transition: opacity 0.3s; transition:none}
.slider_b > .slides > div.active {opacity:1; position:absolute; z-index:9}

/* 슬라이더 좌우 버튼 */
.slider_b > .side-btns {display:none}
.slider_b > .side-btns > div {position:absolute; top:0; left:0; width:25%; height:100%; cursor:pointer;}
.slider_b > .side-btns > div:last-child {left:auto; right:0;}
.slider_b > .side-btns > div > span {position:absolute; top:50%; left:20px; transform:translatey(-50%); background-color:white; opacity:0.5; padding:1px 13px; border-radius:50px; font-size:25px;}
.slider_b > .side-btns > div:last-child > span {left:auto; right:20px;}



/* 메인 마지막 영역_광고안내 */
.ad_wrap {padding:30px 0;}
.ad_wrap p {font-size:18px; text-align:center; margin:0; font-weight: 600;}

/* 하단하단 */
.footer {position:relative;}
.footer_logo_wrap {color:#fff; position:absolute; top:0px; left:0}
.footer_logo_wrap img {width:80%}
.footer_txt_wrap {color:#fff; margin-left:400px}
.footer_txt_wrap ul {font-weight:normal}
.footer_txt_wrap ul > li{float:left; position:relative; margin:0 10px 0 10px;}
.footer_txt_wrap ul > li:first-child {margin:0 10px 0 0}
.footer_txt_wrap ul > li:last-child::before {display: none;}
.footer_txt_wrap ul > li::before{position:absolute; top:35%; right:-10px; width:1px; height:10px; content:""; background:#fff}
.footer_txt_wrap ul > li > a {color:#fff}
.footer_txt_wrap ul > li > a:hover {color:#fff}
.footer_txt_wrap ul > li > a:active {color:#fff}
.footer_txt_wrap ul > li > a:focus {color:#fff}

.footer_txt_wrap p {margin:0; font-weight:normal}
.footer .copyright {color:#fff; padding:25px 0 0 0; position: relative; margin-top:60px; font-weight:normal}
.footer .copyright::before {content:""; width:100%; height:1px; position:absolute; background:#fff; opacity:.3; top:0; left:0}

/* 위젯바? */
.quickmenu {position:absolute;width:60px;top:30%;margin-top:-50px;right:10px;}
.quickmenu ul {position:relative;float:left;width:100%;display:inline-block;*display:inline; margin-bottom:0}
.quickmenu ul li {float:left;width:100%; text-align:center;display:inline-block;*display:inline; padding:15px 0}
.quickmenu ul li a {position:relative;float:left;width:100%;height:auto;line-height:30px;text-align:center;color:#999;font-size:16px;}
.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}





/* 인사말 */
.greeting {width:100%}
.greeting .greeting_visual_wrap {width:100%; display: inline-block;}
.greeting .greeting_visual_wrap .info_t {width:51%; float:left; background:#f9f9f9; padding:90px 60px; position: relative;}
.greeting .greeting_visual_wrap .info_t::after {position:absolute; content:""; top:0; right:-300px; width:300px; height:100%; background:#f9f9f9}
.greeting .greeting_visual_wrap .info_t strong {display: block; margin:0 0 10px 0}
.greeting .greeting_visual_wrap .info_t em {font-style:normal; font-size:30px; color:#ff7300; letter-spacing:-1px}
.greeting .greeting_visual_wrap .info_t p {margin:30px 0 0 0; position:relative; padding:15px 0 0 0}
.greeting .greeting_visual_wrap .info_t p::before {position: absolute; top:0; left:0; content:""; width:40px; height:3px; background:#ff7300 }
.greeting .greeting_visual_wrap .info_thum {width:49%; float:right; position: relative; z-index:9; top:40px}
.greeting .greeting_txt {margin-top:80px; padding:0 10px;}
.greeting .greeting_txt .ceo_sign {text-align:right; margin:30px 20px 0 0}


/* 조직도 */
.organization_wrap {max-width:100%; background: url('/img/orga_back.png') no-repeat center;display: block}
.ceo_wrap {}
.ceo_wrap .ceo {margin:0 auto; background:#ff7300; max-width:190px; width:190px; font-size:18px; padding:10px 0; text-align:center; color:#fff;}
.ceo_line {margin:5% 0; position: relative;}
.ceo_line ul {display: flex}
.ceo_line ul li {display:block; width:calc(100%/3); text-align:center; color:#fff}
.ceo_line ul li p {margin-bottom:0}
.ceo_line ul li .p_set_mgbt {margin:0 auto 15px auto !important;}
.ceo_line ul li .team {margin:0 auto; background:#9dbc48; max-width:190px; width:190px; font-size:16px; padding:10px 0}
.team_line {margin:10% 0}
.team_line ul {display: flex;}
.team_line ul li {display:block; width:calc(100%/3); text-align:center;}
.team_line ul li p {background:#f8f8f8; border:1px solid #ededed; max-width:190px; margin:0 auto; padding:10px 0}
.organization_wrap_m {display:none}

/* 기자 리슷뜨 */
.orga_list_wrap {width:100%;}
.orga_list_wrap h1 {font-size:36px; border-bottom:1px solid #dfdfdf; padding:0 0 15px 0}


/* 표 */
.table_wrap {width:100%; overflow:auto; display: block; padding:0 15px}
.table_01 {width:100%; min-width:400px}
.table_01 tr th {font-family:"Noto Sans KR"; padding:15px 0; text-align:center; background:none; border-top:2px solid #212529; font-size:16px}
.table_01 tr th:first-child {border-right:1px solid #dfdfdf;}
.table_01 tr th:last-child {border-left:1px solid #dfdfdf;}
.table_01 tr td {font-family:"Noto Sans KR"; padding:15px 0; text-align:center; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:16px}
.table_01 tr td:first-child {border-left:none;}
.table_01 tr td:last-child {border-right:none;} 


/* footer */
.modal {display: none; position: fixed; z-index: 1000; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content {background-color: #fefefe;z-index:99;margin: 10% auto; padding: 40px;max-width:700px;border: 1px solid #888;position:relative;width: 50%;-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.modal-content .subject { width:100%; text-align:left; border-bottom:2px solid #000; font-size:24px; letter-spacing:-1px; color:#222; font-weight:600; padding:15px 0px; padding-top:0; }
.modal-content .content { position:relative; width:100%; font-size:14px; letter-spacing:-0.5px;}
.modal-content .content .service_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; }
.modal-content .content .privacy_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; }
.modal-content .pop_bt { position:absolute; top:35px; right:40px; font-weight:100; font-size:24px; }
.modal-content .pop_bt i:hover { cursor:pointer;}

.provision, .privacy { cursor:pointer; }

/* 이용약관 */
/*이용안내*/
.content_wrap2 .cont_ul {font-weight:normal}
.content_wrap2 .cont_ul > ul{
	font-size: 20px;font-weight:400;letter-spacing: -2px;margin: 0px;padding-bottom:50px; color:#ff7300; text-align:center;line-height:160%;
}
.content_wrap2 .cont_ul > ul > li {
	font-size: 16px;font-weight: normal;letter-spacing: -2px;margin: 0px;padding-top: 10px; color:#ff7300;text-align:left;line-height:160%;
}
.content_wrap2 .cont_ul > ul > li > ul {
	line-height:160%;font-size: 14px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:15px; text-align:left;color: #787878;
}
.content_wrap2 .cont_ul > ul > li > ul > li {
	font-size: 12px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 10px; padding-left:25px; text-align:left;color: #787878;
}
/*개인정보/이메일*/
.content_wrap2 .cont_ul2 > ul {
	font-size: 16px;font-weight: normal;letter-spacing: -2px;margin: 0px;padding-bottom: 10px; color:#ff7300;text-align:left;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li {
	font-size: 14px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:15px; text-align:left;color: #787878;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li > ul {
	font-size: 13px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:25px; text-align:left;color: #787878;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li > ul > li {
	font-size: 12px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:15px; text-align:left;color: #787878;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li > table {
    width: 100%;
    border-width: 2px 0px 1px 0px;
    border-style: solid none;
    border-color: #ff7300; -moz-use-text-color;
    margin: 0px 0px 20px;
    border-collapse: collapse;
}
.content_wrap2 .cont_ul2 > ul > li > table th {
    background: #F4F4F4 none repeat scroll 0% 0%;
    padding: 10px 5px;
    color: #ff7300;
    border: 1px solid #E5E5E5;
    text-align: center;
}
.content_wrap2 .cont_ul2 > ul > li > table td {
    padding: 10px 5px;
	color: #666;
	text-align: center;
    border: 1px solid #E5E5E5;
}





@media (min-width:993px) and (max-width:1400px) {
  /* 위젯바? */
.quickmenu {position:absolute;width:60px;top:30%;margin-top:-50px;right:10px;background:#fff; display: none;}
.quickmenu ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;border:1px solid #ddd;}
.quickmenu ul li {float:left;width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;*display:inline; padding:15px 0}
.quickmenu ul li a {position:relative;float:left;width:100%;height:auto;line-height:30px;text-align:center;color:#999;font-size:16px;}
.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}
}


@media (max-width:992px) {
.ad_banner_wrap {display:none; position:absolute; left:100px; top:5px}

.wrap_margin {margin-top:90px}
.container {padding:0 15px;}
.trans_form_web {display:none; width:100%; background:#fff; z-index:9999; top:0; min-height:35px; position:fixed}
.translation-icons {max-width:1200px; margin:0 auto; width:100%; text-align:right;}
/* 인사말 */
.greeting {width:100%}
.greeting .greeting_visual_wrap {width:100%; display: inline-block;}
.greeting .greeting_visual_wrap .info_t {width:100%; float:left; background:#f9f9f9; padding:30px 40px; position: relative;}
.greeting .greeting_visual_wrap .info_t::after {position:absolute; content:""; top:0; right:-300px; width:300px; height:100%; background:#f9f9f9; display:none}
.greeting .greeting_visual_wrap .info_t strong {display: block; margin:0 0 10px 0}
.greeting .greeting_visual_wrap .info_t em {font-style:normal; font-size:20px; color:#ff7300}
.greeting .greeting_visual_wrap .info_t p {margin:30px 0 0 0; position:relative; padding:15px 0 0 0}
.greeting .greeting_visual_wrap .info_t p::before {position: absolute; top:0; left:0; content:""; width:40px; height:3px; background:#ff7300; }
.greeting .greeting_visual_wrap .info_thum {width:100%; float:right; position: relative; z-index:9; top:0px}
.greeting .greeting_txt {margin-top:40px; padding:0 10px;}
.greeting .greeting_txt .ceo_sign {text-align:right; margin:30px 20px 0 0}

/* 조직도 */
.organization_wrap {max-width:100%; background: url('/img/orga_back.png') no-repeat center;display: none;}
.organization_wrap_m {display:block; width:100%}
.m_orga_Wrap {margin-bottom:30px}
.m_ceo {max-width:50%; font-size:18px; text-align:center; margin:0 auto; background:#ff7300; color:#fff; padding:10px 15px; margin-bottom:30px; position:relative}
.m_ceo::before {position:absolute; left:50%; width:1px; height:30px; background: #dfdfdf; content:""; top:46px}
.m_team_green {max-width:50%; font-size:16px; text-align:center; margin:0 auto; background:#9dbc48; color:#fff; padding:10px 15px; margin-bottom:30px; position:relative}
.m_team_green::before {position:absolute; left:50%; width:1px; height:30px; background: #dfdfdf; content:""; top:46px}
.m_team_gray {max-width:50%; font-size:16px; text-align:center; margin:0 auto; background:#f8f8f8; border:1px solid #ededed; color:#212529; padding:10px 15px; margin-bottom:30px; position:relative}
.m_team_gray::before {position:absolute; left:50%; width:1px; height:30px; background: #dfdfdf; content:""; top:46px}
.m_team_gray:last-child {max-width:50%; font-size:16px; text-align:center; margin:0 auto; background:#f8f8f8; border:1px solid #ededed; color:#212529; padding:10px 15px; margin-bottom:0px}
.m_team_gray:last-child::before {display: none;}

/* 상단상단 자라나라머리머리*/
.m_container {display:flex}
.logo_wrap {text-align:left; position:relative;display: flex; max-width:65%; flex-wrap:wrap;}
.logo_wrap a img {width:100%}
.login_wrap {position:absolute; z-index:1; right:0; top:5px; display:none}
.login_wrap ul {display: flex;}
.login_wrap .mem_login {margin-right:10px;margin-top: 20px;}
.search_wrap {background-color:#fff; border:1px solid #dfdfdf; border-radius:25px; line-height:35px; font-size:18px; padding:0 20px}
.search_wrap input[type=text] {width:90%; border:none; margin-right:15px}
.search_ico {position: relative; width:17px; height:17px;top:-10px}
.search_ico::before {background: url("/img/search_ico.png") no-repeat; width:17px; height:17px; position:absolute; content:""; background-size:100%}
.blind {overflow: hidden; position: absolute; top: 0; left: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;}
.trans_form_moblie {display:block}
.span_blind {position:absolute; visibility:hidden; z-index:-1;}

/* CLASSI DA NON INSERIRE */
button {padding: 0;  margin: 0; cursor: pointer; background: transparent; border: 0; outline: none;}
.text-button {-webkit-flex: 0 0 auto; flex: 0 0 auto; float: left; display: inline-block; width:60px; height:30px; color: white; text-align: center; border: 0; vertical-align: middle; padding: 0; margin-bottom: 0px; line-height: 40px; font-size: 14px; -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; background:url('/img/trans_moblie_img.png') no-repeat; background-size:contain}
.text-button:disabled:hover { opacity: 1;}
/* THIS POP UP */
.pop-up-250 { width: 150px;}
/* POP UP */
.pop-up-button { cursor: pointer;}
.pop-up { position: fixed; z-index: 1000; background: white; transform: scale(0, 0); transition: all 0.3s; text-align: left; line-height: 1.5em; padding:10px 5px 0; border:3px solid #ff7300; color: #333;}
.pop-up.js-active {transform: scale(1, 1); transition: all 0.3s;}
.pop-up button {font-weight: normal;}
.pop-up.pop-up-special-left:before {left: 5px; right: auto;}
.pop-up.pop-up-special-right:before { left: auto; right: 5px;}
.pop-up.pop-up-special-bottom {border-bottom: 2px solid#999;border-top: 0;}
.pop-up.pop-up-special-bottom:before {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid#999; border-bottom: 0; top: 100%;}
.pop-up-close {position: absolute; top: -2px; right: -30px; width: 30px; height: 30px; cursor: pointer;}
.pop-up-special-bottom > .pop-up-close {top: 0px;}
.pop-up-wrapper { white-space: normal;}
.pop-up-title { /*color:#3f51b5;*/ font-size: 14px; line-height: 1.5em; margin-bottom: 10px;}
.pop-up-value {font-size: 36px; line-height: 1.5em; margin-bottom: 0;}
.pop-up-status { font-size: 18px; line-height: 1.5em; margin-bottom: 0; text-align: center; padding: 0 5px; margin-bottom: 10px;}
.pop-up-time { font-size: 18px; margin-bottom: 5px;}
.pop-up-boxed { padding: 5px; background: #e5e5e5; border-top: 2px solid #ccc;}
.pop-up-role { display: block; font-size: 12px; margin-top: 5px;}
.pop-up-time-icon {display: inline-block; vertical-align: middle; width: 30px; height: 30px;}
.pop-up-author { font-weight: normal; line-height: 1.5em; margin: 10px 0; font-size: 12px;}
.pop-up-text { font-weight: normal; line-height: 1.5em; margin: 10px 0; font-size: 12px;}

/* 모바일 영역 변역 */
.translation-icons ul {margin-bottom:0;}
.translation-icons ul:after {content:""; display:block; clear:both}
.translation-icons ul li {float:left; margin:0 5px 10px}
.translation-icons ul li:first-child {margin:0 0 10px 5px}


/* 메인 첫번째 영역 */
#newsbox_wrap {width:100%; min-height: 293px; margin:0 0 3% 0;}
#newsbox_wrap div {float:left}
#newsbox_wrap .main_video_wrap {width:100%;margin-right:0; min-height: 293px; max-height: 293px; background:#dfdfdf; text-align:center }
#newsbox_wrap .main_news_list {width:100%;margin-right:0; margin-top:20px; margin-bottom:20px}
#newsbox_wrap .main_news_list ul {margin:0}
#newsbox_wrap .main_news_list ul li {display: flex; margin:0 0 15px 0; }
#newsbox_wrap .main_news_list ul li:last-child {margin:0}
#newsbox_wrap .main_news_list ul li .main_news_img_wrap{width:100px; height:62px; background:#ddd; text-align:center; border:1px solid #dfdfdf}
#newsbox_wrap .main_news_list ul li .main_news_cont_wrap {padding:10px 0 10px 15px; width:100%}
#newsbox_wrap .main_news_list ul li .main_news_cont_wrap .news_tit {font-weight:600; font-size:16px}

#newsbox_wrap .main_hot_wrap {width:100%;}
#newsbox_wrap .main_hot_wrap .notify {width:100%; margin-bottom:1rem}
#newsbox_wrap .main_hot_wrap .notify ul {}
#newsbox_wrap .main_hot_wrap .notify ul li {position:relative;float:left; width:50%; text-align:center}
#newsbox_wrap .main_hot_wrap .notify ul li:nth-child(2)::before {position: absolute; content:""; width:1px; height:90px; background:#dfdfdf; left:0; top:-5px}
#newsbox_wrap .main_hot_wrap .notify ul li p {font-size:16px; margin:10px 0 0 0; font-weight:600}
#newsbox_wrap .main_hot_wrap .hit_news {width:100%; margin-bottom:15px}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit {width:100%; border-bottom:1px solid #dfdfdf; padding:5px 15px; line-height:24px; background:#ededed}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit button {width:20px; height:20px; background:#fff;}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit p {font-size:16px; margin:0 15px 0 0; display: inline-block;}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit .page_count {margin:0 10px;}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit .btn {background:#fff; border:1px solid #dfdfdf; border-radius:15px; width:25px; height:25px; line-height:170%; padding:0}
#newsbox_wrap .main_hot_wrap .hit_news .hit_news_tit .btn_prev {position:relative}
#newsbox_wrap .main_hot_wrap .hit_news .hit_list {width:100%;}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul {margin:0; padding:0; min-height: 155px; max-height:auto; overflow-y: hidden;}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul li {font-size:14px; margin:0; width:100%; position: relative; background:#fff; padding:5px 15px; text-overflow: clip; max-height: 31px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis}
#newsbox_wrap .main_hot_wrap .hit_news .slider .slides_a div ul li::before {margin:0; width:2px; height:2px; position: absolute; background:#212529; content: ""; top:45%; left:8px}

/* 슬라이더 1 */
.slider-1 {
  margin:0 auto;
  min-height:156px; width:100%; border:1px solid #dfdfdf; border-top:none
}

/* 메인 두번째 영역 */
#news_quick_wrap {width:100%; margin:20px 0}
#news_quick_wrap .division {float: left; width: 100%; margin:0; }
#news_quick_wrap .division:first-child {margin:0}
#news_quick_wrap .division:nth-child(4) {margin:0}
#news_quick_wrap .division p {position:relative; font-size:16px; font-weight:600; border-top:2px solid #212529; border-bottom:1px solid #dfdfdf; padding:10px 10px 10px 10px; margin:0 0 10px 0}
#news_quick_wrap .division p a {position: absolute; top:10px; right:10px}
#news_quick_wrap .division ul {}
#news_quick_wrap .division ul li {padding:0 10px 0 15px; margin:0 0 10px 0; font-size:14px; position: relative;}
#news_quick_wrap .division ul li::before {margin:0; width:2px; height:2px; position: absolute; background:#212529; content: ""; top:45%; left:8px} 

/* 메인 세번째 영역 */
#tab_news_wrap {width:100%}
#tab_news_wrap > div {float:left}
#tab_news_wrap .tab_news_web {width:60%; margin-right:2%; position:relative; max-width:720px; min-height:300px; max-height:300px; display: none;}
#tab_news_wrap .tab_news_moblie {width:100%; margin-right:2%; position:relative; max-width:100%; min-height:320px; max-height:320px; display: block;}
#tab_news_wrap .main_photo_wrap {width:38%;}
#tab_news_wrap .main_photo_wrap .photo_img {width:100%;} 
#tab_news_wrap .main_photo_wrap .photo_img img {width:456px; height:270px; max-height:270px; }
#tab_news_wrap .main_photo_wrap .photo_img h5 {width:100%; font-size:16px; text-align:center; margin:10px 0}

.floatclear {clear:both; content:""; display:block}
/* 커스텀 */
.area_news_first_tab {width:100%; display:block;}
.area_news_first_tab li:first-child {width:100% margin-right:10px}
.area_news_first_tab li:nth-child(2) {width:40%}
.area_news_wrap h4 {border-top:2px solid #212529; border-bottom:1px solid #dfdfdf; padding:10px; margin-bottom:0; font-size:16px}

.area_news_tab {width:100%; display:flex; flex-wrap:wrap}
.area_news_tab li {width:100%; margin-right:0}
.area_news_tab li:last-child{margin-right:0}

.area_news_first_tab li > .area_news_wrap {}
.area_news_first_tab li > .area_news_wrap .area_news_list {width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf;overflow:hidden}
.area_news_first_tab li > .area_news_wrap .area_news_thum {width:100%; max-width:120px; height:auto; max-height:100px; margin-right:10px; border:1px solid #dfdfdf;display:block; float:left}
.area_news_first_tab li > .area_news_wrap .area_news_thum img {}
.area_news_first_tab li > .area_news_wrap .area_news_cont {display:block; display:inline-block; max-height:100px; overflow:hidden; width:calc(100% - 130px)}
.area_news_first_tab li > .area_news_wrap .area_news_cont h5 {font-size:16px}
.area_news_first_tab li > .area_news_wrap .area_news_cont P {font-size:14px; max-height:60px; overflow:hidden; margin-bottom:0}


.area_news_wrap {}
.area_news_wrap .area_news_list {width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf;overflow:hidden}
.area_news_wrap .area_news_thum {width:100%; max-width:120px; height:auto; max-height:100px; margin-right:10px; border:1px solid #dfdfdf;display:block; float:left}
.area_news_wrap .area_news_thum img {}
.area_news_wrap .area_news_cont {display:block; display:inline-block; max-height:100px; overflow:hidden; width:calc(100% - 130px)}
.area_news_wrap .area_news_cont h5 {font-size:16px}
.area_news_wrap .area_news_cont P {font-size:14px; max-height:40px; overflow:hidden; margin-bottom:0}

/* 슬라이더 1 시작 */
.slider_b {position:unset;}

/* 슬라이더 1 - 페이지 버튼 */
.slider_b > .page-btns { position:absolute; bottom:-2%; left:30%; display:block; margin-top:15px}
.slider_b > .page-btns > div {width:10px; height:10px; background-color:rgba(0,0,0,.5); border-radius:10px; display:inline-block; cursor:pointer;}
.slider_b > .page-btns > div.active {background-color:rgba(0,0,0,1);}

/* 슬라이더 1 - 슬라이드 */
.slider_b > .slides > div {position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; transition: opacity 0.3s; background-position:center; background-size:cover; background-repeat:no-repeat;}
.slider_b > .slides > div.active {opacity:1;}

/* 슬라이더 좌우 버튼 */
.slider_b > .side-btns {display:none}
.slider_b > .side-btns > div {position:absolute; top:0; left:0; width:25%; height:100%; cursor:pointer;}
.slider_b > .side-btns > div:last-child {left:auto; right:0;}
.slider_b > .side-btns > div > span {position:absolute; top:50%; left:20px; transform:translatey(-50%); background-color:white; opacity:0.5; padding:1px 13px; border-radius:50px; font-size:25px;}
.slider_b > .side-btns > div:last-child > span {left:auto; right:20px;}



/* 슬라이더 공통 */
.slider_c {}
.slider_c > .pages_c {text-align:center; position:absolute; display:block; bottom:0; right:0}
.slider_c > .pages_c > div {width:15px; height:15px; background-color:rgba(221,223,225,0.5); display:inline-block; cursor:pointer; transition:background-color 0.2s; border-radius:15px;}
.slider_c > .pages_c > div:hover, .slider_b > .pages_b > div.active {background-color:rgba(255,115,0,1); }
.slider_c > .slides_c > div {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.3s;}
.slider_c > .slides_c > div.active {opacity:1;}
.slider_c > .side-btns_c > div {position:absolute; top:0; left:0; width:100px; height:100%; cursor:pointer;}
.slider_c > .side-btns_c > div:last-child {left:auto; right:0;}


#tab_news_wrap .main_photo_wrap {width:100%; margin-top:30px;}
#tab_news_wrap .main_photo_wrap .photo_img {width:100%;} 
#tab_news_wrap .main_photo_wrap .photo_img img {width:100%; height:270px; max-height:270px; }
#tab_news_wrap .main_photo_wrap .photo_img h5 {width:100%; font-size:16px; text-align:center; margin:10px 0}

/* 메인 마지막 영역_광고안내 */
.ad_wrap {padding:30px 15px;}
.ad_wrap p {font-size:16px; text-align:center; margin:0; font-weight: 600;}

/* 위젯바? */
.quickmenu {position:absolute;width:60px;top:30%;margin-top:-50px;right:10px;background:#fff; display: none;}
.quickmenu ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;border:1px solid #ddd;}
.quickmenu ul li {float:left;width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;*display:inline; padding:15px 0}
.quickmenu ul li a {position:relative;float:left;width:100%;height:auto;line-height:30px;text-align:center;color:#999;font-size:16px;}
.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}

/* 하단하단 */
.footer {position:relative;}
.footer_logo_wrap {color:#fff; position:inherit; top:0px; left:0; text-align:center}
.footer_logo_wrap img {width:50%; object-fit: contain;}
.footer_txt_wrap {color:#fff; margin-left:0; padding-top:20px}
.footer_txt_wrap ul {margin-top:15px}
.footer_txt_wrap ul > li{float:left; position:relative; margin:0 10px 0 10px; font-size:14px}
.footer_txt_wrap ul > li:first-child {margin:0 10px 0 0}
.footer_txt_wrap ul > li:nth-child(4)::before {display: none;}
.footer_txt_wrap ul > li::before{position:absolute; top:35%; right:-10px; width:1px; height:10px; content:""; background:#fff}
.footer_txt_wrap ul > li > a {color:#fff}
.footer_txt_wrap ul > li > a:hover {color:#fff}
.footer_txt_wrap ul > li > a:active {color:#fff}
.footer_txt_wrap ul > li > a:focus {color:#fff}

.footer_txt_wrap p {margin:0; font-size:14px}
.footer .copyright {color:#fff; padding:25px 0 0 0; position: relative; margin-top:60px}
.footer .copyright::before {content:""; width:100%; height:1px; position:absolute; background:#fff; opacity:.3; top:0; left:0}


/* 이용안내 */
/* footer */
.modal {display: none; position: fixed; z-index: 1000; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content {background-color: #fefefe;z-index:99;margin: 35% auto; padding: 40px;max-width:700px;border: 1px solid #888;position:relative;width: 90%;-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.modal-content .subject { width:100%; text-align:left; border-bottom:2px solid #000; font-size:24px; letter-spacing:-1px; color:#222; font-weight:600; padding:15px 0px; padding-top:0; }
.modal-content .content { position:relative; width:100%; font-size:14px; letter-spacing:-0.5px;}
.modal-content .content .service_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; }
.modal-content .content .privacy_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; }
.modal-content .pop_bt { position:absolute; top:35px; right:40px; font-weight:100; font-size:24px; }
.modal-content .pop_bt i:hover { cursor:pointer;}

.provision, .privacy { cursor:pointer; }


/* 이용약관 */
/*이용안내*/
.content_wrap2 .cont_ul > ul{
	font-size: 18px;font-weight:400;letter-spacing: -2px;margin: 0px;padding-bottom:50px; color:#ff7300; text-align:center;line-height:160%;
}
.content_wrap2 .cont_ul > ul > li {
	font-size: 14px;font-weight: normal;letter-spacing: -2px;margin: 0px;padding-top: 10px; color:#ff7300;text-align:left;line-height:160%;
}
.content_wrap2 .cont_ul > ul > li > ul {
	line-height:160%;font-size: 14px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:15px; text-align:left;color: #787878;
}
.content_wrap2 .cont_ul > ul > li > ul > li {
	font-size: 12px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 10px; padding-left:25px; text-align:left;color: #787878;
}
/*개인정보/이메일*/
.content_wrap2 .cont_ul2 > ul {
	font-size: 16px;font-weight: normal;letter-spacing: -2px;margin: 0px;padding-bottom: 10px; color:#ff7300;text-align:left;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li {
	font-size: 14px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:15px; text-align:left;color: #787878;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li > ul {
	font-size: 13px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:25px; text-align:left;color: #787878;line-height:160%;
}
.content_wrap2 .cont_ul2 > ul > li > ul > li {
	font-size: 12px;font-weight: normal;letter-spacing: -1px;margin: 0px;padding-top: 5px; padding-left:15px; text-align:left;color: #787878;line-height:160%;
}




}
#bo_v_share {display: flex; float:right}
#bo_v_share li {list-style: none; margin-right:10px;}
#bo_v_share li:last-child {margin-right:0}
#bo_v_share li a {height:34px; width:34px; text-align:center; color:#fff;font-size:0.95em}
#bo_v_share li .sns_f {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -127px -8px;}
#bo_v_share li .sns_t {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -166px -8px;}
#bo_v_share li .sns_n {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -10px -8px;}
#bo_v_share li .sns_nb {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -49px -8px;}
#bo_v_share li .sns_k {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -205px -8px;}
#bo_v_share li .sns_i {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -88px -8px;}
#bo_v_share li .sns_u {display:block;background: url('/plugin/sns/icon/koreaw_sns_ico.png') no-repeat; background-position: -10px -50px;}