@charset "utf-8";
@import url(animated.css);/*애니메이션*/
@import url(common.css);/*공통*/

/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

/*마우스 드래그 배경색*/
::-moz-selection{background:#004886; color:#fff}
::selection {background:#004886; color:#fff}

#wrap {position:relative; background:#fff; overflow:hidden;}

.is_cont, .is_cont2, .cont {word-break: keep-all}

br {opacity:0}


/* --------------------------------------------------헤더 영역-------------------------------------------------- */
#header_wrap {position:relative; width:100%; background:#00a5a1; z-index:100; transition:all 0.3s}
.scroll_doc #header_wrap {position:fixed; top:-112px; left:0;}

@media screen and (max-width:1220px){
	.scroll_doc #header_wrap {top:0;}
}

/*PC 탑 로고부분*/
.header_top {position:relative; background:#004886; color:#fff; z-index:99}

.header_top .hd_cont {position:relative; max-width:1200px; height:112px; margin:0 auto; padding:30px 0; overflow:hidden}

.header_top .logo, .header_top .top_data {display:inline-block; vertical-align:bottom}
.header_top .top_data {font-size:18px; color:#fff; margin-left:15px; letter-spacing:-0.02em}
.header_top .top_data p {font-size:28px; margin-bottom:5px;}
.header_top .top_data span:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:16px; background:#fff; margin:0 10px;}
.header_top .top_data span:last-child:after {display:none}

.header_top .top_rbox {position:absolute; right:0; bottom:30px}
.header_top .top_rbox a {color:#fff}
.header_top .top_rbox ul, .header_top .top_rbox li {display:inline-block}

.header_top .top_link li {font-size:14px;}
.header_top .top_link li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:12px; background:#bbcedf; margin:0 14px;}
.header_top .top_link li:last-child:after {display:none}

.header_top .top_sns li {margin-left:20px}

@media screen and (max-width:1220px){
	.header_top {display:none}
}


/*네비*/
.naviBox .mu_1 .pc_tlt {display:block !important;}
.naviBox .mu_1 .mob_tlt {display:none !important;}

.naviBox {position:relative; max-width:1200px; margin:0 auto; line-height:51px; display:block; text-align:center; z-index:18; transition:all 0.4s}

.naviBox .mu_1 {position:relative; display:inline-block; margin:0 -2px; width:200px; text-align:center; vertical-align:top;}
.naviBox .mu_1 .tlt a {position:relative; display:block; font-size:20px; line-height:51px; width:100%; color:#fff; transition:all 0.4sx}

.naviBox .mu_1 .tlt a:after {content:""; display:block; vertical-align:middle; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:15px; background:#d7d7d7;}
.naviBox .mu_1:last-child .tlt a:after {display:none;}

#header_wrap.open .naviBox .navi .tlt a {color:#fff}
/*#header_wrap .navi:before {opacity:0; content:""; display:block; width:99.3vw; position:absolute; top:52px; left:50%;  transform:translateX(-50%); height:1px; background:#e5e5e5; transition:all 0.1s;}*/
#header_wrap.open .navi:before {opacity:1; transition:all 0.3s; transition-delay:0.1s}

.naviBox .navi .mu_1.on .tlt a {color:#fff000}
.naviBox .navi .mu_1:hover .tlt a , #header_wrap.open .naviBox .navi .mu_1:hover .tlt a, .naviBox.open .navi .mu_1.on .tlt a {color:#fff000;}

.naviBox .detail_list {opacity:0; display:none; position:absolute; top:51px; left:50%; transform:translateX(-50%); padding:30px 0; text-align:center; width:100%; z-index:99999}
#header_wrap.open .naviBox .detail_list {display:block}

.naviBox .navi .mu_1 .detail_list:after {content:""; display:block; width:100%; height:4px; position:absolute; top:0px; left:0;}
.naviBox .navi .mu_1:hover .detail_list:after {background:#004886;}

.naviBox .detail_list ul {position:relarive;}
.naviBox .detail_list ul:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#f7f7f7; transition:all 0.3s; z-index:-1}
.naviBox .navi .mu_1:hover .detail_list ul:after {height:100%}

.naviBox .detail_list .mu_2 {padding-bottom:15px;}
.naviBox .detail_list .mu_2:last-child {padding-bottom:0}
.naviBox .detail_list .mu_2 a {color:#666; font-size:15px; display:block; font-weight:400; line-height:1.4em;}
.naviBox .detail_list .mu_2:hover a, .naviBox .detail_list .mu_2.on a {color:#004886}
.naviBox .detail_list .mu_2:last-child {margin-bottom:0}
.naviBox .detail_list .mu_2 i {vertical-align:top;}
.naviBox .detail_list .sub {padding-bottom:7px;}

.naviBox .detail_list .mu_3 {padding-bottom:15px;}
.naviBox .detail_list .mu_3 a {color:#999; font-size:14px; display:block; font-weight:400; line-height:1.4em;}
.naviBox .detail_list .mu_3:hover a, .naviBox .detail_list .mu_3.on a {color:#004886}

#header_wrap .top_navi_bg {position:absolute; top:163px; left:0; width:100%; background:#fff; z-index:0;}


/*모바일 탑*/
.header_mob {display:none}
.mob_logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.mob_logo img {height:35px;}

.tl_lang {display:none; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.tl_lang a {color:#fff; padding:4px 12px; border:2px solid #fff; border-radius:50px;}

@media screen and (max-width:1220px){
	.naviBox .mu_1 .pc_tlt {display:none !important;}
	.naviBox .mu_1 .mob_tlt {display:block !important;}

	/*메뉴*/
	.head {position:fixed; top:80px; left:0; width:100%; height:100vh; transform: translate(0, -110%); background:#fff;  z-index: 20; transition: all 0.4s;}
	.head_active {transform: translateY(0%); transition: all 0.4s;}

	.navi {position:relative; width:100%; height:0; z-index:99; margin-top:-500%;}
	.head_active .navi {margin-top:0;}
	
	.naviBox {text-align:left; margin-right:0; line-height:60px;}

	.naviBox .navi .mu_1.on .tlt a {color:#004886}
	.naviBox .navi .mu_1:hover .tlt a , #header_wrap.open .naviBox .navi .mu_1:hover .tlt a, .naviBox.open .navi .mu_1.on .tlt a {color:#004886;}

	.naviBox .navi .mu_1 .detail_list:after {display:none}

	.naviBox .navi .mu_1, .naviBox .detail_list {margin-left:0}
	.naviBox .navi .mu_1 {display:block; text-align:left; width:auto;}
	.naviBox .navi .mu_1, .naviBox .detail_list li {display:block; text-align:left;}
	.naviBox .navi .mu_1 {border-bottom:1px solid #ddd}
	.naviBox .navi .mu_1 .tlt a {color:#212121; padding:5px 25px !important;}
	.naviBox .navi .mu_1.on .tlt a, .naviBox .mu_1:hover .tlt a {color:#26397c}
	.naviBox .navi .mu_1 .tlt a:after {content:"\f2c2"; font-size:20px; width:auto; height:auto; background:none; font-family: LineAwesome; position:absolute; top:50%; right:25px; transform:translateY(-50%);}
	.naviBox .navi .mu_1 .tlt.selected a:after, .naviBox .mu_1.on .tlt a:after  {content:"\f28e";}

	.naviBox .navi .mu_1:last-child .tlt a:after {display:block;}

	.naviBox .detail_list {opacity:1; position:relative; top:inherit; left:inherit; transform:inherit; border-top: 1px solid #ddd; height:auto; line-height:1.2em; padding:0; background:#f9f9f9}
	.naviBox .detail_list li {margin:0}

	.naviBox .detail_list ul li a:after {display:none;}
	
	.naviBox .detail_list .mu_2 {border-bottom: 1px solid #ddd; padding-bottom:0}
	.naviBox .detail_list .mu_2:last-child {border-bottom:0}
	.naviBox .detail_list .mu_2 a {padding:16px 35px;}
	.naviBox .detail_list .mu_2 a:before {content:"-"; display:inline-block; margin-right:5px;}
	.naviBox .mu_1 .tlt a {display:block; font-size:18px}
	.naviBox .detail_list .mu_2 a {display:block; font-size:16px; color:#343434}
	.naviBox .detail_list .sub {border-bottom:0 !important;}

	.naviBox .detail_list .mu_3 {border-bottom: 1px solid #ddd; padding-bottom:0}
	.naviBox .detail_list .mu_3 a {padding:0 45px 15px;}

	.top_navi_bg {display:none}

	/*모바일 탑*/
	.header_mob {position:relative; display:block; z-index:99; height:80px; background:#080b1d; max-width:100%; padding:0 3%; margin:0 auto;}
	.tl_lang {display:block; left:3%}
}

@media screen and (max-width:768px){
	.head, .mob_naviBg {top:70px}
	
	.naviBox {line-height:50px;}
	.naviBox .mu_1 .tlt a {display:block; font-size:16px}
	.naviBox .detail_list a {display:block; font-size:14px}
	
	/*모바일 탑*/
	.header_mob {height:70px;}
	.mob_logo img {height:30px;}
}


@media screen and (max-width:480px){
	/*메뉴*/
	.head {width:100%;}
	.head, .mob_naviBg {top:70px}

	.naviBox {line-height:45px;}
	.naviBox .mu_1 .tlt a {font-size:15px}
	.naviBox .detail_list a {font-size:13px}
}


/*전체버튼*/
.all_mnBtn, .all_mn_closeBtn {cursor:pointer; width: 33px; height: 25px; position: absolute;}

.all_mnBtn {top: 50%; transform: translateY(-50%); right:0; z-index:9999; }
.all_mnBtn span, .all_mn_closeBtn span {position:absolute; top: 0; height: 3px;width: 33px; background:#fff;}

.all_mnBtn span:first-child {top: 0px;}
.all_mnBtn span:nth-child(2) {top: 11px;}
.all_mnBtn span:last-child {top: 22px;}

.all_mn_closeBtn {top:-50px; left:50%; transform: translateX(-50%)}
.all_mn_closeBtn span {top:10px; background:#fff}
.all_mn_closeBtn span:first-child {transform: rotate(45deg);}
.all_mn_closeBtn span:nth-child(2) {opacity:0}
.all_mn_closeBtn span:last-child {transform: rotate(-45deg);}

.all_mnBox {position:relative; width:100%;  z-index:101}
.all_mnBox .all_mnBox_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.6); z-index:100}

.all_mnBox .all_logo {margin-bottom:60px;}

.all_mnBox .all_mncontBox {position:fixed; top:30px; left:50%; transform: translate(-50%, -150%); width:1200px; margin:0 auto; background: #fff; z-index:101; border-radius:30px; border:5px solid #004886; transition: all 0.2s;}
.all_mnBox .all_mncontBox.active {transform: translate(-50%, 10%); transition: all 0.2s;}
.all_mnBox .all_mncont {position:relative; max-width:1200px; min-height:200px; margin:0 auto; padding:50px 0 20px;}

.all_mnUl1 {width:90%; margin:30px auto 0;}
.all_mnUl1 .all_mn_1 {display:inline-block; vertical-align:top; margin:0 1.5% 50px; width:30%;}
.all_mnUl1 .all_mn_1:nth-child(3n) {margin-right:0}
.all_mnUl1 .all_mn_1:last-child {margin-right:0}
.all_mnUl1 .all_mn_1 .tlt {margin-bottom:20px; text-align:center; padding-bottom:10px;}
.all_mnUl1 .all_mn_1 .tlt a {display:block; font-size:22px; background:#004886; color:#fff; height:40px; line-height:37px;}

.all_mnUl2 .all_mn_2 {margin-bottom:7px;}
.all_mnUl2 .all_mn_2 a {font-size:17px; color:#939393}
.all_mnUl2 .all_mn_2 a:hover {color:#004886}
.all_mnUl2 .all_mn_2 a:before {content:"-"; display:inline-block; margin-right:5px;}

@media screen and (max-width:1220px){
	.all_mnBtn {display:none !important}
}


/*햄버거*/
.burger {display:none; width: 33px; height: 25px; position: absolute; top: 50%; transform: translateY(-50%); right:0; z-index: 9999; transition:all 0.3s ease-in-out;}
.burger span {position:absolute; top: 0; height: 3px;width: 33px; background:#fff; transition: all 0.3s;}

.burger span:first-child {top: 0px;}
.burger span:nth-child(2) {top: 11px;}
.burger span:last-child {top: 22px;}

.burger.active {cursor: pointer;}
.burger.active span {top:10px;}
.burger.active span:first-child {transform: rotate(45deg);}
.burger.active span:nth-child(2) {opacity:0}
.burger.active span:last-child {transform: rotate(-45deg);}

@media screen and (max-width:1220px){
	.burger {display:block; right:3%}
}

@media screen and (max-width:768px){
	.burger {width: 30px; height: 25px;}
	.burger span {height: 2px;width: 30px;}
}


/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position: relative;display: block; overflow: hidden;}

#contents {position: relative;display: block;margin: 0 auto; background: #fff; padding:120px 0;}
.is_cont {position: relative; max-width:1200px; margin: 0 auto; min-height: 40px;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}

@media screen and (max-width:1220px){
	.is_cont {max-width:94%}
}

@media screen and (max-width:768px){
	#contents {padding:80px 0}
	.no_txt {display:none}
}

@media screen and (max-width:480px){
	#contents {padding:50px 0}
}


/*서브이미지*/
.svis_wrap {position:relative; width:100%; height:289px; background-size:cover; animation-name: zoominout;animation-duration: 3s; animation-iteration-count: 1; animation-timing-function: linear;}
.svis_area {position:relative; max-width:1200px; height:100%; margin:0 auto; color:#fff;}

.svis01 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis02 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis03 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis04 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis05 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis06 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis07 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}
.svis08 {background:#000 url(/share/img/sub/svis01.jpg) no-repeat 50% 50%;}

.svis_wrap .txtBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%}
.svis_wrap .txtBox .svis_tlt {font-size:50px; color:#fff; font-weight:700; line-height:1.6em}
.svis_wrap .txtBox .svis_txt {font-size:18px; color:#fff;}


@keyframes zoominout {
	0% {transform: scale3d(1.2, 1.2, 1);}
	100% {transform: scale3d(1, 1, 1);}
}

@media screen and (max-width:1220px){
	.svis_area {max-width:94%}
}

@media screen and (max-width:768px){
	.svis_wrap {height:35vw}
	.svis_wrap .txtBox .svis_tlt {font-size:40px;}
	.svis_wrap .txtBox .svis_txt {font-size:14px;}
}

@media screen and (max-width:480px){
	.svis_wrap {height:42vw}

	.svis_wrap .txtBox .svis_tlt {font-size:30px;}
	.svis_wrap .txtBox .svis_txt {font-size:11px;}
}


/*3차*/
.snb_3th {position:relative; max-width:1200px; margin:0 auto 70px; overflow:hidden; padding-bottom:1px}
.snb_3th li {float:left; text-align:center; width:14.28%; margin:0 -1px -1px 0}
.snb_3th li a, .snb_3th li button {display:block; color:#7f7f7f; background:#fff; line-height:55px; border:1px solid #d1d1d1;}
.snb_3th li a:hover, .snb_3th li.active a, .snb_3th li #bo_cate_on {color:#fff; background:#004886; border-color:#004886}

.wd_1 li{width:100% !important}
.wd_2 li{width:50% !important}
.wd_3 li{width:33.333% !important}
.wd_4 li{width:25% !important}
.wd_5 li{width:20% !important}
.wd_6 li{width:16.666% !important}
.wd_7 li{width:14.222% !important}
.wd_8 li{width:12.5% !important}
.wd_9 li{width:11.111% !important}
.wd_10 li{width:10% !important}


@media screen and (max-width:1220px){
	.snb_3th {width:100%;}

	.wd_4 li{width:50% !important}
	.wd_5 li{width:33.333% !important}
	.wd_6 li{width:33.333% !important}
	.wd_8 li{width:20% !important}
	.wd_10 li{width:20% !important}
}

@media screen and (max-width:768px){
	.snb_3th {margin:0 auto 50px;}
	.snb_3th li {width:33.333%;}
	.snb_3th li a, .snb_3th li button {line-height:45px;}

	.wd_8 li{width:33.333% !important}
}

@media screen and (max-width:480px){
	.snb_3th {margin:0 auto 40px;}
	.snb_3th li a, .snb_3th li button {line-height:40px;}
}

/*이벤트 이미지확대*/
.sample_image {overflow: hidden;}
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}


/*로케이션*/
.location {position:relative; width:100%; height:60px; border-bottom:1px solid #a6acb1; background:#fff; z-index:20}
.location_cont {position:relative; max-width:1200px; margin:0 auto;}
.location_cont a {display:inline-block; color:#373737;}
.location_cont > div {position:relative; float:left; height:60px; border-left:1px solid #a6acb1}
.location_cont > div:last-child {border-right:1px solid rgba(0,0,0,0.15)}
.location_cont .depth01 > a {min-width:250px; font-size:19px;}
.location_cont .depth01 > a, .location_cont .home > a {display:block; height:100%; line-height:65px; padding:0 23px;}
.location_cont .home > a {position:relative; font-size:14px; width:65px; color:#373737; font-weight:700; text-align:center}
.location_cont .home > a i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.location_cont .depth01 > a .txt {padding-right:30px;}
.location_cont .depth02 {display:none; position:absolute; top:60px; left:0; background:#fff; border:1px solid rgba(0,0,0,0.15); border-top:0; width:100%;}
.location_cont .depth02 li a {display:block; padding:13px 23px; border-bottom:1px solid rgba(0,0,0,0.15);}
.location_cont .depth02 li:last-child a {border-bottom:0}
.location_cont .depth02 li:hover a {background:#004886; color:#fff}

.location_cont .sp_comm {position:absolute; right:20px; top:22px;}

.location_cont .dp_txt .off {display:block;}
.location_cont .dp_txt .on {display:none;}
.location_cont .dp_txt.active .off {display:none;}
.location_cont .dp_txt.active .on {display:block;}


@media screen and (max-width:768px){
	.location_cont {max-width:100%;}
	.location, .location_cont > div {height:50px;}
	.location_cont .depth01 > a {min-width:150px; font-size:15px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.location_cont .depth01 > a, .location_cont .home > a {line-height:50px; padding:0 15px;}
	.location_cont .home > a {width:50px;}

	.location_cont .depth02 {top:50px;}

	.location_cont .sp_comm {right:15px; top:18px;}

	.location_cont .depth02 li a {padding:10px 15px}
}

@media screen and (max-width:480px){
	.location_cont .depth01 {width:49.8%}
	.location_cont .depth01 > a {font-size:14px; max-width:100%;}
	.location_cont .home > a {display:none}
}


@media screen and (max-width:1220px){
	/*영상 풀버전*/
	.video-container {margin: 0; padding-bottom: 57%;  max-width: 100%;  height: 0;  position: relative; overflow: hidden;} 
	.video-container iframe, 
	.video-container object,
	.video-container embed { margin: 0;  padding: 0;    width: 100%;   height: 100%; position: absolute; top: 0;  left:0;}
}


/* --------------------------------------------------후원로고 영역-------------------------------------------------- */
.host_logoBox {background:#ededed; padding:35px 0 20px;}
.host_logo_cont {position:relative; max-width:1200px; margin:0 auto; color:#21224d; overflow:hidden}

.host_logo_cont > div {display:inline-block; margin-bottom:10px;}
.host_logo_cont > div .tlt {padding-top:10px; margin-right:30px; font-size:18px;}
.host_logo_cont > div li {display:inline-block; margin-right:40px;}
.host_logo_cont > div li:last-child {margin-right:0}
.host_logo_cont > div .tlt, .host_logo_cont > div ul {display:inline-block}

.host_logo_cont .host_logo_l {margin-right:50px}


@media screen and (max-width:1220px){
	.host_logo_cont {max-width:94%}
	.host_logo_cont > div .tlt {margin-right:20px; font-size:16px;}
	.host_logo_cont > div li {margin-right:30px;}
	.host_logo_cont .host_logo_l {margin-right:40px}
	.host_logo_cont img {height:40px;}
}

@media screen and (max-width:1024px){
	.host_logo_cont > div li {margin-right:20px;}
	.host_logo_cont .host_logo_l {margin-right:30px}
	.host_logo_cont img {height:35px;}
}

@media screen and (max-width:768px){
	.host_logoBox {padding:20px 0 10px;}
	.host_logo_cont > div .tlt {margin-right:10px; font-size:14px;}
	.host_logo_cont > div li {margin-right:15px;}
	.host_logo_cont .host_logo_l {margin-right:20px}
	.host_logo_cont img {height:25px;}
}

@media screen and (max-width:480px){
	.host_logoBox {padding:15px 0 5px}
	.host_logo_cont > div .tlt {margin-right:5px; font-size:13px;}
	.host_logo_cont > div li {margin-right:5px;}
	.host_logo_cont .host_logo_l {margin-right:18px}
	.host_logo_cont img {height:22px;}
}


/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer_wrap {background:#15161d; padding:30px 0 60px;}
#footer_wrap .ft_cont {position:relative; max-width:1200px; margin:0 auto; color:#b3b3b3; font-size:14px; letter-spacing:-0.02em; word-break: keep-all}
#footer_wrap .login {color:#15161d !important}

.ft_gnb ul {position:relative; margin:5px auto 15px; font-size:16px;}
.ft_gnb li {display:inline-block;}
.ft_gnb li:after {content:"/"; display:inline-block; color:#fff; vertical-align:top; margin:0 7px 0 11px;}
.ft_gnb li:last-child:after {display:none}
.ft_gnb a {color:#fff}

@media screen and (max-width:1220px){
	#footer_wrap .ft_cont {max-width:94%; line-height:1.5em;}
}

@media screen and (max-width:768px){
	#footer_wrap .ft_cont {font-size:12px}

	#footer_wrap .ft_no {display:block; text-indent:-9999px}
	.ft_gnb ul {font-size:13px;}
}


/* --------------------------------------------------중문브로슈어 퀵영역-------------------------------------------------- */
.q_pam {position:fixed; bottom:140px; right:-200px; border-radius:15px; transition:all 0.3s; z-index:10}
.scroll_doc .q_pam {right:30px;}
.q_pam:hover {box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.2);}

.q_pam.close {display:none}
.q_pam_cont {padding:20px 10px 38px; width:163px; background:#00a5a1; border-radius:15px; cursor:pointer; box-sizing:border-box; transition:all 0.2s;}

.q_pam a {position:absolute; bottom:12px; left:0; width:100%; color:#fff; font-size:12px; opacity:.7; text-decoration:underline;}
.q_pam .q_pam_close {position:absolute; top:-12px; right:12px; width:23px; height:23px; line-height:20px; background:#fff; border-radius:50%; cursor:pointer; box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.2); z-index:12}
.q_pam .q_pam_close:hover {animation: rotat2 0.5s;animation-timing-function: ease-out;}

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

@media screen and (max-width:1420px){
	.scroll_doc .q_pam {right:10px}
	.q_pam_cont {width:123px;}
	.q_pam_cont img {height:100px}
}

@media screen and (max-width:1220px){
	.scroll_doc .q_pam {right:5px}
	.q_pam_cont {width:93px;}
	.q_pam_cont img {height:75px}

	.q_pam a {font-size:11px; line-height:1em}
	.q_pam a span {/*display:block;*/}
}

@media screen and (max-width:1024px){
	.q_pam_cont {width:103px; padding:20px 10px 30px; }
	.q_pam_cont img {height:75px}

	.q_pam a {bottom:10px; font-size:10px; line-height:1.3em}
}

@media screen and (max-width:768px){
	.q_pam {bottom:70px;}
}