@charset "utf-8";
/* CSS Document */

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
} 

html {font-size:20px}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'SCDream', 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.2;
    letter-spacing:-1px;
}

input, select {
	vertical-align:middle;
	color:#666;
}

a {text-decoration:none}
button {background:transparent;border:none;cursor:pointer}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {
	overflow:hidden;
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	clip:rect(0,0,0,0);
	clip-path:inset(50%);
}

strong {font-weight:500}

table {border-collapse:collapse;table-layout:fixed;word-break:break-all}

textarea { line-height:24px;
		   letter-spacing:1px;
		    border:1px solid #ddd;
			overflow-y:scroll;
			resize:none;}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
	outline: 2px solid #d30504 !important;
	outline-offset: 2px !important;
	/* overflow:hidden 부모에서 바깥 outline이 잘릴 경우 대비한 내부 표시선 */
	box-shadow: inset 0 0 0 2px #d30504, 0 0 0 3px rgba(255, 0, 0, 0.4) !important;
	border-radius: 4px;
	position: relative;
	z-index: 2;
}

/* 마우스 클릭(포인터)만으로 눌렸을 때는 포커스 링을 숨겨 과도한 표시를 방지하되,
   키보드(Tab)로 진입한 경우에는 반드시 가시적으로 표시되도록 한다. */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}

#wrap {position:relative;width:100%;height:100%;overflow:hidden}

#header {position:fixed;top:0;left:0;width:100%;box-sizing:border-box;z-index:50}

.top_banner {display:none;position:relative;width:100%;margin:0 auto;height:7.75rem;background:#2b353e}
.top_banner_inner {position:relative;width:100%;max-width:1600px;height:100%;margin:0 auto}
.rolling {position:relative}
.rolling ul {display:flex;flex-wrap:wrap;height:6.5rem}
.rolling ul li {position:relative;width:calc(33.3% - 2rem);height:100%;margin:0 1rem;padding:1rem 0;box-sizing:border-box;display:none}
.rolling ul li.active {display:block}
.rolling > ul > li > a {display:block;height:4.5rem}
.rolling > ul > li > a .bn_tit {overflow:hidden;display:block;width:95%;color:#fff;font-size:.85rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.rolling > ul > li > a .bn_txt {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:2rem;margin-top:.35rem;color:#fff;font-size:.75rem;word-break:break-word;line-height:1.4}
.rolling > ul > li > a img {width:100%;height:100%;max-height:4.5rem}
.rolling > ul > li > a .bn_btn {display:inline-block;height:24px;margin-top:10px;padding:0 10px;border-radius:8px;background:#044076;color:#fff;font-size:.65rem;line-height:1.2rem}
.rolling > ul > li .bn_info {position:absolute;top:7.7rem;left:0;width:calc(100% - 30px);padding:15px;background:#005aab;z-index:100;display:none}
.rolling > ul > li.active .bn_info{display:none}
.rolling > ul > li .bn_info span.bn_detail {color:#fff;font-size:.7rem}
.rolling > ul > li .bn_info span a {display:inline-block;height:1.2rem;margin-top:20px;padding:0 27px 0 10px;background:#04427a url(../../img/portal/common/icon_btn_go.png) no-repeat right 10px center;border-radius:4px;color:#fff;font-size:.6rem;line-height:1.2rem}
.rolling ul:after {content:"";clear:both}

.rl_control {position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%)}
.rl_control ul {overflow:hidden}
.rl_control ul li {float:left;margin-left:.25rem}
.rl_control ul li:first-child {margin-left:0}
.rl_control ul li a {display:block;width:.5rem;height:.5rem;background:#fff;border:2px solid #fff;border-radius:50%;text-indent:-9999px}
.rl_control ul li.active a {background:#568ae5}

.bn_close {position:absolute;bottom:.5rem;right:1rem;display:block;z-index:15}
.bn_close label {display:inline-block;vertical-align:middle}
.bn_close label input[type=checkbox] {display:inline-block;width:.8rem;height:.8rem;background:#fff;border:none;vertical-align:middle}
.bn_close label span {display:inline-block;margin-left:.25rem;color:#fff;font-size:.75rem;vertical-align:middle}
.bn_close a.btn_bn_close {display:inline-block;width:1.1rem;height:1.1rem;margin-left:.5rem;background:#fff url(../../img/portal/common/top_banner_close.png) no-repeat center center;background-size:.5rem;border-radius:50%;text-indent:-9999px;vertical-align:middle}

#header .headerWrap {position:relative;width:100%}

#header .top_util_wrap {position:relative;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.2)}
#header .top_util_wrap:after {content:"";position:absolute;bottom:-1px;left:-1rem;width:100vw;height:1px;background:rgba(255, 255, 255, 0.2)}
#header .top_util {width:100%;max-width:1600px;height:2.5rem;margin:0 auto;text-align:right;box-sizing:border-box}
#header .top_util > ul {font-size:0}
#header .top_util > ul > li {position:relative;display:inline-block;margin-left:.75rem}
#header .top_util > ul > li > a {display:block;color:#fff;font-size:.75rem;line-height:2.5rem}
#header .top_util > ul > li .popup .pop_num {position:relative;display:inline-block;width:1.25rem;margin-left:.5rem;color:#fff;text-align:center}
#header .top_util > ul > li .popup .pop_num:before {content:"";position:absolute;top:.6rem;right:0;width:1.25rem;height:1.25rem;background:#0c2ca6;border-radius:24px;z-index:-1}

#header .header_navi {position:relative;display:flex;align-items:center;width:100%;max-width:1600px;height:5rem;margin:0 auto}
#header .header_navi .logo {width:12.7rem;height:2.35rem;background:url(../../img/portal/common/logo.png) no-repeat;background-size:12.7rem;text-indent:-9999px}
#header .header_navi .logo a {display:block}

#header .header_navi .gnb {width:calc(100% - 16.2rem);text-align:left}
#header .header_navi .gnb > ul {display:flex;justify-content:space-evenly}
#header .header_navi .gnb > ul > li > a {position:relative;display:block;padding:1.9rem .5rem;color:#fff;font-size:1rem;font-weight:500;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6)}
#header .header_navi .gnb > ul > li > .submenuWrap {display:none;position:absolute;top:5.05rem;left:0;width:100%;min-height:13rem;background:#fff}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_tit {position:relative;float:left;width:14rem;padding:0 2rem;background:#2a417c;box-sizing:border-box}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_tit:before {content:"";position:absolute;bottom:1rem;right:1rem;width:7.3rem;height:8rem;background:url(../../img/portal/common/gnb_bg.png)no-repeat;background-size:7.3rem}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_tit span {display:block;padding:2rem 0;color:#fff;font-size:1.4rem;font-weight:600}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list {float:left;width:calc(100% - 14rem)}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul {padding:1rem 2rem;font-size:0}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li {display:inline-block;width:20%;margin:1rem 0;vertical-align:top}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > a {color:#333;font-size:.9rem;font-weight:500}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > a:hover {color:#004ea2}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > .submenu_depth3 {margin-top:.75rem}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > .submenu_depth3 li {position:relative;padding:.25rem 0 .25rem .5rem}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > .submenu_depth3 li:before {content:"";position:absolute;top:50%;left:0;width:.2rem;height:.2rem;margin-top:-.1rem;background:#8a8a8a;border-radius:4px}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > .submenu_depth3 li a {color:#555;font-size:.8rem}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > .submenu_depth3 li a:hover {color:#004ea2;text-decoration:underline}
#header .header_navi .gnb > ul > li > .submenuWrap:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vW;height:100%;background:linear-gradient(to right, #2a417c 0%, #2a417c 20%, #fff 20%, #fff 100%);border-bottom:1px solid #ddd;z-index:-1}
#header .header_navi .gnb > ul > li:hover > .submenuWrap, #header .header_navi .gnb > ul > li.active > .submenuWrap {display:flex}

#header .header_navi .header_util {width:3.5rem;display:flex;align-items:center}
#header .header_navi .header_util .total_search {width:.9rem;height:.9rem;margin-right:1rem;background:url(../../img/portal/common/icon_total_search.png)no-repeat;background-size:.9rem;text-indent:-9999px}
#header .header_navi .header_util .total_menu {width:1.1rem;height:.85rem;background:url(../../img/portal/common/icon_total_menu.png)no-repeat;background-size:1.1rem;text-indent:-9999px}

#header:hover, #header.white {background:#fff;border-bottom:1px solid #ddd}
#header:hover .header_navi .gnb > ul > li > a, #header.white .header_navi .gnb > ul > li > a {text-shadow:none}

#header:hover .top_util_wrap, #header.white .top_util_wrap {border-bottom:1px solid #ddd}
#header:hover .top_util_wrap:after {content:"";position:absolute;bottom:-1px;left:-1rem;width:100vw;height:1px;background:#ddd}

#header:hover .top_util > ul > li > a, #header.white .top_util > ul > li > a {color:#555}

#header:hover .header_navi .logo, #header.white .header_navi .logo {background:url(../../img/portal/common/logo_bl.png) no-repeat;background-size:12.7rem}
#header:hover .header_navi .gnb ul li a, #header.white .header_navi .gnb ul li a {color:#333}
#header:hover .header_navi .header_util .total_search, #header.white .header_navi .header_util .total_search {background:url(../../img/portal/common/icon_total_search_bl.png)no-repeat;background-size:.8rem}
#header:hover .header_navi .header_util .total_menu, #header.white .header_navi .header_util .total_menu {background:url(../../img/portal/common/icon_total_menu_bl.png)no-repeat;background-size:1.1rem}
#header:hover .header_navi .gnb ul li a:hover, #header.white .header_navi .gnb ul li a:hover {color:#004ea2}

.totalSearchWrap {display:none;position:absolute;top:7.55rem;left:0;width:100%;padding:1.5rem 0;background:#005aab;opacity:.95}
.totalSearchWrap .searchBox {position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:1600px;margin:0 auto;text-align:center}
.totalSearchWrap .searchBox input[type=text] {width:100%;max-width:25rem;height:1.5rem;padding:.5rem;background:#fff;border:none;border-radius:8px 0 0 8px;font-size:.8rem;vertical-align:middle}
.totalSearchWrap .searchBox .btn_search {width:2.5rem;height:2.5rem;background:#2a4a98 url(../../img/portal/common/icon_search.png)no-repeat center center;background-size:1.1rem;border-radius:0 8px 8px 0;text-indent:-9999px;vertical-align:middle}
.totalSearchWrap .searchBox .btn_close {width:2.5rem;height:2.5rem;margin-left:.25rem;background:#2a4a98 url(../../img/portal/common/icon_close.png)no-repeat center center;background-size:1.1rem;border-radius:8px;text-indent:-9999px;vertical-align:middle}

#footer {position:relative;width:100%;background:#152e52;display:none}

.footerTop {width:100%;border-bottom:1px solid #4b5e7a}
.footLink {display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:1rem 0}
.ft_left ul {display:flex}
.ft_left ul li {margin-left:.5rem}
.ft_left ul li:first-child {margin-left:0}
.ft_left ul li a {display:block;color:#a9bdd9;font-size:.8rem}
.ft_left ul li:first-child a {color:#fff}
.ft_right {display:flex;justify-content:flex-end;align-items:center}
.ft_right .siteBox {position:relative;width:9rem}
.ft_right .siteBox button {position:relative;display:block;width:100%;height:2rem;padding-left:.75rem;font-size:.8rem;border:none;background:#083562;border:1px solid #334a68;color:#fff;text-align:left;box-sizing:border-box;cursor:pointer}
.ft_right .siteBox button:after {content:"";position:absolute;top:50%;right:.5rem;width:.65rem;height:.4rem;transform:translateY(-50%);background:url(../../img/portal/common/icon_sitemap.png)no-repeat;background-size:.65rem}
.ft_right .siteBox .siteArea {display:none;overflow-y:scroll;position:absolute;bottom:2rem;left:0;width:100%;max-height:20rem;background:#fff;border:1px solid #334a68;box-sizing:border-box;z-index:1}
.ft_right .siteBox .siteArea ul li {position:relative;display:block}
.ft_right .siteBox .siteArea ul li a {display:block;padding:.35rem 1rem;color:#555;font-size:.8rem;letter-spacing:-1.5px}
.ft_right .siteBox .siteArea ul li a:hover {background:#ededf0}
.ft_right .siteBox:first-child {margin-right:.5rem}

.footerBtm {position:relative;display:flex;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:1rem 0}
.footerBtm .ft_logo {width:10.35rem;height:1.9rem;background:url(../../img/portal/common/ft_logo.png)no-repeat;background-size:10.35rem;text-indent:-9999px}
.footerBtm address {width:calc(100% - 14.75rem);padding:0 1.5rem;color:#fff;font-size:.8rem;font-style:normal;line-height:1.5;box-sizing:border-box}
.footerBtm address span {margin-left:.5rem}
.footerBtm address strong {display:block;color:#c5c5c5;font-weight:400}
.footerBtm .wa {display:block;width:4.4rem;height:3rem}
.footerBtm .wa img {width:100%;height:100%}

.mobAllmenu {display:none}

.sideMenu {position:fixed;top:50%;right:1rem;transform:translateY(-50%);width:7rem;text-align:center;z-index:50}
.sideWrap {width:7rem}
.sideWrap h1 {position:relative;padding:1rem .5rem;background:#193356;border-radius:6px 6px 0 0;color:#fff;font-size:.8rem;font-weight:500}
.sideWrap > ul {background:#0070d9;box-sizing:border-box}
.sideWrap > ul > li {position:relative;display:block;border-top:1px solid #4d9be4}
.sideWrap > ul > li:first-child {border-top:none}
.sideWrap > ul > li > a {display:block;padding:.75rem 0;color:#fff;font-size:.8rem}
.sideWrap > ul > li:hover {background:#0058aa}
.sideWrap > ul > li > .side_link {display:none;position:absolute;top:-2.95rem;left:-10.75rem;width:10rem;height:15rem;background:rgba(2, 35, 68, .9);border-radius:8px}
.sideWrap > ul > li > .side_link h2 {height:3rem;border-bottom:1px solid #3c4c68;color:#fff;font-size:1rem;font-weight:500;line-height:3rem}
.sideWrap > ul > li > .side_link ul {overflow-y:scroll;height:calc(100% - 3.8rem);margin-top:.75rem;padding:0 .75rem .75rem .75rem;box-sizing:border-box}
.sideWrap > ul > li > .side_link ul li {position:relative;margin-top:.5rem;padding-left:.75rem;text-align:left}
.sideWrap > ul > li > .side_link ul li:before {content:"";position:absolute;top:50%;left:0;width:.25rem;height:.25rem;background:#80ccec;border-radius:50%}
.sideWrap > ul > li > .side_link ul li:first-child {margin-top:0}
.sideWrap > ul > li > .side_link ul li a {color:#fff;font-size:.75rem}
.sideWrap > ul > li > .side_link ul li a:hover {text-decoration:underline}
.sideWrap > ul > li:nth-child(2) > .side_link {top:-5.45rem}
.sideWrap > ul > li:nth-child(3) > .side_link {top:-7.95rem}
.sideWrap > ul > li.active > .side_link {display:block}
.sideWrap .btnTop a {display:block;padding:.4rem 0;background:#03182c url(../../img/portal/common/side_top.png)no-repeat center center;background-size:.7rem;text-indent:-9999px}
.sideMenu .side_close {display:block;margin:.5rem auto 0;width:2.25rem;height:2.25rem;background:#193356 url(../../img/portal/common/side_close.png)no-repeat center center;background-size:.8rem;border-radius:50%;text-indent:-9999px}

.sideWrap > ul > li:nth-child(4):hover {background:none}
.sideWrap > ul > li .flag_wrap ul {display:flex;flex-wrap:wrap;padding:.5rem 0}
.sideWrap > ul > li .flag_wrap ul li {display:inline-flex;justify-content:center;width:50%;padding:.25rem 0;box-sizing:border-box}
.sideWrap > ul > li .flag_wrap ul li.kor a {display:block;width:2.25rem;height:1.5rem;background:url(../../img/portal/common/flag_kor.png)no-repeat;background-size:2.25rem;border-radius:8px;text-align:center;text-indent:-9999px;box-sizing:border-box}
.sideWrap > ul > li .flag_wrap ul li.eng a {display:block;width:2.25rem;height:1.5rem;background:url(../../img/portal/common/flag_eng.png)no-repeat;background-size:2.25rem;border-radius:8px;text-align:center;text-indent:-9999px;box-sizing:border-box}
.sideWrap > ul > li .flag_wrap ul li.vie a {display:block;width:2.25rem;height:1.5rem;background:url(../../img/portal/common/flag_vie.png)no-repeat;background-size:2.25rem;border-radius:8px;text-align:center;text-indent:-9999px;box-sizing:border-box}
.sideWrap > ul > li .flag_wrap ul li.chi a {display:block;width:2.25rem;height:1.5rem;background:url(../../img/portal/common/flag_chi.png)no-repeat;background-size:2.25rem;border-radius:8px;text-align:center;text-indent:-9999px;box-sizing:border-box}

.side_link ul::-webkit-scrollbar {
    width: 10px;
  }
  .side_link ul::-webkit-scrollbar-thumb {
    background-color: #97a4b2;
    border-radius: 10px;
  }
  .side_link ul::-webkit-scrollbar-track {
    background:#1a3755;
    border-radius: 10px;
  }

.sideMenu_open {display:none;position:absolute;top:50%;right:0;transform:translateY(-50%);background:rgba(25, 51, 86, .9);border-radius:8px 0 0 8px}
.sideMenu_open a {display:block;padding:.75rem .75rem 3rem .75rem;background:url(../../img/portal/common/sidemenu_open.png)no-repeat center bottom 1rem;background-size:.65rem;color:#fff;font-size:.75rem;box-sizing:border-box}

#mask {position:fixed;left:0;top:0;z-index:99;display:none}
#loading {position:fixed;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(255,255,255,0.3);display:none}
.pointer {cursor:pointer}

.searchWrap {display:none}

#sub_container .lnb {position:relative;float:left;width:225px;min-height:820px;border-right:1px solid #cecece}
#sub_container .lnb h1 {height:109px;background:url(../../img/portal/lnb_tit_right.gif) no-repeat right top}
#sub_container .lnb h1 a {position:absolute;top:32px;left:17px;color:#fff;font-size:35px;font-weight:bold;line-height:35px;overflow:hidden;height:68px;line-break:anywhere}
#sub_container .lnb > ul {width:225px;background:#fff}
#sub_container .lnb > ul > li {background:url(../../img/portal/lnb_arrow.gif) no-repeat;padding-right:30px}
#sub_container .lnb > ul > li > a {display:block;padding-left:20px;font-size:15px;font-weight:bold;color:#444;height:41px;line-height:41px;overflow:hidden}
#sub_container .lnb > ul > li.on, #container .content .lnb > ul > li:hover {background:url(../../img/portal/lnb_on.png) no-repeat left 0;z-index:5}
#sub_container .lnb > ul > li.on > a, #container .content .lnb > ul > li:hover > a {color:#fff}
#sub_container .lnb ul li ul.lnb_sub {width:225px;padding:10px 0 0 0;background:#fff;border-bottom:1px solid #ccc}
#sub_container .lnb ul li ul.lnb_sub li {padding:0 0 10px 20px}
#sub_container .lnb ul li ul.lnb_sub li a {padding-left:10px;font-size:13px;color:#4a4a4a}
#sub_container .lnb ul li ul.lnb_sub li a.on {background:url(../../img/portal/lnb_sub_arrow.gif) no-repeat left 3px;color:#336ace}

.skipnav {position:relative;width:100%;background:#000;color:#fff;text-align:center;}
.skipnav a {display:block;color:#fff;font-weight:bold;width:0;height:0;line-height:0;font-size:0;margin:0}
.skipnav a:focus, .skip a:active {display:block;padding:5px 0;width:auto;height:auto;line-height:1.5;font-size:12px;margin:3px}

.logo_thirty {position:fixed;bottom:1rem;right:1rem;display:block;z-index:1000}
.logo_thirty a {display:block;width:6.4rem;height:5.95rem;background:url(../../img/portal/common/logo_thirty.png)no-repeat;background-size:6.4rem;text-indent:-9999px}

.side_sns {position:fixed;top:43%;right:0;z-index:50}
.side_sns ul {display:flex;flex-direction:column;align-items:center;width:7rem}
.side_sns ul li {display:block;margin-top:.5rem}
.side_sns ul li:first-child {margin-top:0}
.side_sns ul li a {display:block;text-indent:-9999px}
.side_sns ul li.side_insta a {width:2.2rem;height: 2.2rem;background: url(../../img/portal/main/sns_instagram.png)no-repeat;background-size:cover;border:3px solid #fff;border-radius:50%}
.side_sns ul li.side_blog a {width:2.2rem;height: 2.2rem;background: url(../../img/portal/main/sns_blog.png)no-repeat;background-size:cover;border:3px solid #fff;border-radius:50%}
.side_sns ul li.side_youtube a {width:2.2rem;height: 2.2rem;background: url(../../img/portal/main/sns_youtube.png)no-repeat;background-size:cover;border:3px solid #fff;border-radius:50%}

.side_sns_youtube {position:fixed;top:63%;right:0;z-index:50}
.side_sns_youtube .sns_item {position: relative;overflow: hidden;height: 10rem;background: #fff;border-radius: 8px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2)}
.side_sns_youtube .sns_item a {display: block;height: 100%}
.side_sns_youtube .sns_item a .snsImg {overflow: hidden;display: block;height: 100%}
.side_sns_youtube .sns_item a img {width: 100%;height: 100%;transition: transform 1s ease-out;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease-out}
.side_sns_youtube .sns_item a img:hover {transform: scale(1.1)}
.side_sns_youtube .sns_close {position:absolute;top:-.5rem;left:-.6rem;z-index:10;display:block;width:1.5rem;height:1.5rem;padding:0;background:#193356 url(../../img/portal/common/side_close.png)no-repeat center center;background-size:.55rem;border:2px solid #fff;border-radius:50%;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);text-indent:-9999px;cursor:pointer}
.side_sns_youtube .sns_close:hover, .side_sns_youtube .sns_close:focus {background-color:#0c1f38}