@charset "UTF-8";

/* ==========================================================================
   Common CSS
========================================================================== */

.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.hidden {
	display: none;
}

.hide {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -100000000px;
	overflow: hidden;
}

.pc-img {
	display: block;
}

.mo-img {
	display: none;
}

.r-box {
	text-align: right;
}

.c-box {
	text-align: center;
}

._fnctWrap {
	line-height: 1.5;
}

a[class*="btn-link"] {
	display: inline-block !important;
	color: #000;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: 1px solid #000;
}

.btn-link1 {
	width: 90px;
	padding: 11px 0 12px;
	font-size: 15px;
}

.btn-link2 {
	width: 330px;
	padding: 22px 50px 22px 45px;
	font-size: 16px;
	background: url('../../images/ic-more.png') no-repeat right 40px center;
}

span.img {
	position: relative;
	overflow: hidden;
}

span.img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/* ==========================================================================
   Header CSS
========================================================================== */

#sub {
	padding: 0 0 80px 0;
}

#wrap-header {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 100;
	background: #fff;
}

#wrap-article {
	margin: 90px 0 0 0;
}

.header-container {
	height: 90px;
	padding: 24px 7.8% 34px;
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
}

header-container:after {
	display: block;
	clear: both;
	content: '';
}

.lang-wrap,
#logo,
.util-wrap {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.1;
}

#logo a {
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: bottom;
}


#logo span {
	position: relative;
	left: 3px;
	bottom: -4px;
	font-family: 'Noto Regular','T-Bold';
	color: #0a46a5;
	font-size: 26px;
    font-weight: 600;
    text-transform: uppercase
}

#logo span.irq{
    bottom:0
}

#logo span.lineTwo {
	position: relative;
	left: 3px;
	bottom: -4px;
	font-family: 'Noto Regular','T-Bold';
	color: #0a46a5;
	font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    text-transform: uppercase
}


/* ==========================================================================
   Footer CSS
========================================================================== */

/* footer */

#wrap-footer {
	padding: 48px 0 0 0;
	background: #ebebeb;
	letter-spacing: 0;
}

#wrap-footer:after {
	display: block;
	clear: both;
	content: ''
}

#wrap-footer a[href*="tel:"] {
	display: inline;
}

#wrap-footer .container div>p {
	margin-bottom: 18px;
	color: #000;
	font-size: 16px;
	font-family: 'T-Bold';
	line-height: 20px;
}

#wrap-footer .container div:not(.follow)>ul li {
	margin-bottom: 16px;
	color: #787878;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

#wrap-footer .container div:not(.follow)>ul li a {
	color: inherit;
}

#wrap-footer .info {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px 0;
}

#wrap-footer .address {
	float: left;
	width: 50%;
}

.iraq #wrap-footer .address {
	float: right;
}

#wrap-footer .address>div a {
	display: inline-block;
	width: 150px;
	padding: 17px 0;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
}

#wrap-footer .address>div:not(:nth-of-type(1)) {
	margin-left: 6px;
}

#wrap-footer .follow {
	float: left;
	width: 25.4%;
	padding-left: 10px;
}

.iraq #wrap-footer .follow {
	float: right;
}

#wrap-footer .follow li {
	display: inline-block;
	vertical-align: middle;
}

#wrap-footer .follow li:not(:first-child) {
	margin-left: 18px;
}

.iraq #wrap-footer .follow li:not(:first-child) {
	margin-left: 0px;
	margin-right: 18px;
}

#wrap-footer .sites {
	float: right;
	width: 24.6%;
	padding-left: 10px;
}

.iraq #wrap-footer .sites {
	float: left;
}

#wrap-footer .sites a {
	text-decoration: underline;
}

#wrap-footer .copyright {
	padding: 20px 0;
	border-top: 1px solid #c8c8c8;
}


/* ==========================================================================
   LANGUAGE CSS
========================================================================== */

.lang-wrap {
	float: left;
	margin-top: 12px;
}

.lang-wrap li {
	display: inline-block;
}

.lang-wrap li:not(:first-child) {
	position: relative;
	margin-left: 10px;
	padding-left: 14px;
}

.lang-wrap li:not(:first-child):before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 1px;
	height: 10px;
	background-color: #d3d3d3;
	content: '';
}

.iraq .lang-wrap li:not(:first-child) {
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 10px;
}

.iraq .lang-wrap li:not(:first-child):before {
	left: auto;
	right: 0px;
}

.lang-wrap li {
	color: #a1a1a1;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
}

.lang-wrap li a {
	display: block;
	color: #a1a1a1;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
}

.lang-wrap li.on,
.lang-wrap li.on a,
.lang-wrap li:hover a,
.lang-wrap li:focus a,
.lang-wrap li:active a {
	color: #004a8f;
}


/* ==========================================================================
   UTIL(search + gnb) CSS
========================================================================== */

.util-wrap {
	float: right;
	margin-top: 10px;
}

.util-wrap>a,
.util-wrap>a:link,
.util-wrap>a:active,
.util-wrap>a:visited {
	position: relative;
	top: -10px;
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}

.util-wrap>a:not(:nth-of-type(1)) {
	position: relative;
	margin-left: 4px;
	padding-left: 20px;
}

.util-wrap>a:not(:nth-of-type(1)):before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 1px;
	height: 22px;
	background-color: #d3d3d3;
	content: '';
}


/* ==========================================================================
   GNB CSS
========================================================================== */


/* Gnb CSS */

#wrap-gnb {
	border-top: 0px;
}

#gnb {
	/* display: none; */
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 10000;
	width: 100%;
	max-width: 420px;
	height: 100%;
	background: #1674cb;
	opacity: 0;
	text-align: left;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb.on {
	/* overflow-y: auto; */
	right: 0;
	opacity: 1;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .top {
	padding: 31px 7.9% 26px;
	border-bottom: 1px solid #4590d5;
}

#gnb .top .pc-img a {
	display: inline-block;
	vertical-align: middle;
}

#gnb .top .title {
	font-family: 'T-Bold';
	color: #fff;
	font-size: 30px;
}

.gnb-btn.close {
	position: absolute;
	top: 35px;
	right: 7.9%;
}

#gnb .menuUItop {
	position: relative;
	height: calc(100% - (171px));
	margin: -7px 0 0 0px;
}

#gnb .div_1 {
	height: 100%;
}

#gnb .ul_1 {
	height: 100%;
}

#gnb .li_1 {
	position: static;
	display: block;
	width: 100%;
}

#gnb .a_1 {
	width: 100%;
	border-bottom: 1px solid #4590d5;
	height: auto;
	padding: 21px 0 20px 30px;
	text-align: left;
	font-size: 18px;
	font-family: 'T-Regular', 'Noto Light', sans-serif;
	color: #fff;
}

.iraq #gnb .a_1 {
	padding: 21px 30px 20px 0;
	text-align: right;
}

#gnb .a_1.submenu {
	background: url(../../images/ic-gnb-arrow.png) no-repeat right;
}

.iraq #gnb .a_1.submenu {
	background-position: 30px center !important;
}

#gnb .a_1.submenu.on,
#gnb .a_1.submenu:focus {
	background: #125da2 url(../../images/ic-gnb-arrow-ro.png) no-repeat right;
	border-color: #164673;
}

.iraq #gnb .a_1.submenu.on,
.iraq #gnb .a_1.submenu:focus {
	background-position: 30px center !important;
}


#gnb .a_1.submenu:hover:after {
	display: none;
}

#gnb .ul_2 {
	display: block;
	padding: 17px 0;
	border: 0;
	height: 100%;
	min-height: auto;
	margin: 0;
}

#gnb .li_2 {
	float: none;
	width: 100% !important;
}

#gnb .li_2:after {
	display: none;
}

#gnb .a_2 {
	position: relative;
	padding: 9px 20px 9px 45px;
	font-size: 16px;
	line-height: 1.2;
	word-break: keep-all;
	color: #b5dbff;
}

.iraq #gnb .a_2 {
	padding: 9px 45px 9px 20px;
	text-align: right;
}

#gnb .a_2:hover,
#gnb .a_2._active {
	color: #fff;
}

#gnb .a_2:after {
	content: '';
	position: absolute;
	left: 32px;
	top: 17px;
	width: 3px;
	height: 3px;
	background: #fff;
}

.iraq #gnb .a_2:after {
	left: auto;
	right: 32px;
}

#gnb .a_2.plus {
	position: relative;
}

#gnb .a_2.plus:after {
	content: '';
	position: absolute;
	left: 32px;
	top: 17px;
	width: 3px;
	height: 3px;
	background: #fff;
}


#gnb .div_2 {
	overflow: hidden;
	width: 100% !important;
	max-height: 0;
	right: 0px;
	left: auto;
	transition: max-height 0s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .div_2.on {
	position: static;
	top: 0px;
	height: 100%;
	max-height: 1000px;
	background: #125da2;
	transition: max-height 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .ul_3 {
	min-height: auto;
	padding: 10px 25px;
}

#gnb .div_3 {
	display: block;
	overflow: hidden;
	max-height: 0px;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .div_3.on {
	max-height: 500px;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .a_3 {
	position: relative;
	color: #71b7ed;
	padding: 4px 0 4px 35px;
	line-height: 1.5;
}

#gnb .a_3:after {
	content: '';
	position: absolute;
	left: 20px;
	top: 14px;
	width: 4px;
	height: 1px;
	background: #71b7ed;
}

#gnb .a_3._active,
#gnb .a_3:hover {
	color: #fff;
	text-decoration: underline;
}

#gnb .a_3:hover:after {
	background: #fff;
}

#black-bg {
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 500;
	opacity: 0;
	transition: opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#black-bg.on {
	opacity: 1;
	left: 0;
	transition: opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}


/* ==========================================================================
   SEARCH CSS
   ========================================================================== */

.search-wrap {
	overflow: hidden;
	max-height: 0px;
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
	background-color: rgba(20, 147, 158, .8);
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.search-wrap.on {
	max-height: 500px;
	padding: 35px 0;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.search-wrap fieldset>div {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.search-wrap fieldset label {
	display: inline-block;
	padding: 10px 35px 10px 50px;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	vertical-align: middle;
	background: url('../../images/ic-search2.png') no-repeat left center;
}

.search-wrap fieldset input[type="text"] {
	display: inline-block;
	width: 420px;
	height: 60px;
	padding: 0 50px 0 20px;
	font-size: 24px;
	vertical-align: middle;
	border: 0;
}

.search-wrap fieldset>div button {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
}

.search-wrap fieldset>div button img {
	width: 20px;
}

.search-wrap fieldset .search-close {
	display: inline-block;
	margin-left: 16px;
	vertical-align: middle;
}


/* ==========================================================================
   SUB COMMON
   ========================================================================== */

#aside {
	height: 380px;
	margin-bottom: 80px;
	text-align: center;
	background-color: #eaece1;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
}

#aside.v1 {
	background-image: url('../../images/sub-visual1.jpg');
}

#aside.v2 {
	background-image: url('../../images/sub-visual2.jpg');
}

#aside.v3 {
	background-image: url('../../images/sub-visual3.jpg');
}

#aside.v4 {
	background-image: url('../../images/sub-visual4.jpg');
}

#aside.v5 {
	background-image: url('../../images/sub-visual5.jpg');
}

#aside.v6 {
	background-image: url('../../images/sub-visual6.jpg');
}

#aside .container {
	position: relative;
	height: 100%;
}

#aside .container>div {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	word-break: keep-all;
}

#title h2 {
	margin-bottom: 22px;
	padding-top: 32px;
	color: #fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	background: url('../../images/sub-tit.png') no-repeat center top;
}

#submenuNavigation .navHome {
	padding: 0 15px;
}

#submenuNavigation ul {
	display: inline-block;
}

#submenuNavigation ul:after {
	display: block;
	clear: both;
	content: '';
}

#submenuNavigation ul>li {
	position: relative;
	float: left;
	color: #eaece1;
	line-height: 1;
}

#submenuNavigation ul>li button {
	padding: 0 15px;
	color: #eaece1;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	vertical-align: top;
	cursor: text;
}

#submenuNavigation ul>li:not(:first-child) button:before {
	position: absolute;
	top: 5px;
	left: -3px;
	width: 5px;
	height: 7px;
	background: url('../../images/ic-nav-arrow.png') no-repeat center;
	content: '';
}


/* tab */

#contents #tab ul {
	display: inline-block;
	width: 100%;
	margin: 0 0 60px 0;
	text-align: center;
	border-top: 1px solid #033a69;
	border-bottom: 1px solid #d6d6d6;
}

#contents #tab li {
	display: inline-block;
	position: relative;
}

#contents #tab li:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 32px;
	width: 1px;
	height: 13px;
	background: #d6d6d6;
}

#contents #tab li:last-child:after {
	display: none;
}

#contents #tab li:not(:first-child) {
	margin-left: -4px;
}

#contents #tab li a {
	padding: 20px 50px;
	color: #373737;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

#contents #tab li a._active {
	position: relative;
	color: #0178dd;
}

#contents #tab li a._active:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background: #0178dd;
}

#contents #tab li a._active:before {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -10px;
	z-index: 10;
	width: 100%;
	height: 20px;
	background: url("../../images/bullet-tab.png") no-repeat center center;
}


/* heading tag*/

.tit-h3 {
	margin-bottom: 50px;
	color: #4e4e4e;
	font-size: 33px;
	font-weight: 700;
	line-height: 50px;
}


/* sub title */

.sub-tit {
	color: #0178dd;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
}


/* ==========================================================================
   Tablet Mode
   ========================================================================== */

@media all and (max-width:1280px) {

	/* Common */
	.container {
		padding: 0 4.68%;
	}

	/* share & top */
	.fix-box {
		right: 3.68%
	}

	/*  Header */
	.header-container {
		height: 90px;
		padding: 24px 4.68% 34px;
	}

	/* GNB */
	#gnb.on {
		right: 0;
	}

	#aside .container>div {
		padding: 0 4.68%;
	}
}


/* ==========================================================================
   Mobile Mode
   ========================================================================== */

@media all and (max-width:960px) {

	/* tab */
	#contents #tab li a {
		padding: 20px 30px
	}
}

@media all and (max-width:900px) {
	#wrap-footer .address {
		width: 65%;
	}

	#wrap-footer .follow,
	#wrap-footer .sites {
		width: 35%;
	}
}

@media all and (max-width:640px) {
	.pc-img {
		display: none;
	}

	.mo-img {
		display: block;
	}

	.header-container {
		text-align: left;
	}

	#gnb .top {
		padding: 27px 7.9% 21px;
	}

	#wrap-article {
		margin: 70px 0 0 0;
	}

    #logo a{
        top:4px
    }
    
	#logo a img {
		width: 100px;
		margin: 5px 0 0 0;
	}

	#logo span {
		top: 0;
		left: 0;
		font-size: 19px;
	}

    #logo span.lineTwo{
        font-size:12px;
        line-height: 13px;
        left:0
    }

	.btn-link2 {
		width: 250px;
		padding: 21px 35px 21px 30px;
		background-position: right 25px center;
	}

	/* footer */
	#wrap-footer {
		padding: 27px 0 48px;
	}

	#wrap-footer .address,
	#wrap-footer .follow,
	#wrap-footer .sites {
		width: 100%;
		padding: 0px;
	}

	#wrap-footer .follow {
		padding: 33px 0;
	}

	#wrap-footer .container div>p {
		margin-bottom: 13px;
	}

	#wrap-footer .container>div:not(:last-child) {
		margin-bottom: 22px;
	}

	#wrap-footer .container div:not(.follow)>ul li {
		margin-bottom: 2px;
		font-size: 14px;
	}

	#wrap-footer .address ul {
		margin-bottom: 6px;
	}

	#wrap-footer .sites ul:after {
		display: block;
		clear: both;
		content: '';
	}

	#wrap-footer .sites li {
		float: left;
		width: 30%;
		margin-bottom: 5px;
	}

	#wrap-footer .sites li:nth-child(3n-1) {
		width: 40%;
	}

	/* util */
	.util-wrap>a:not(:nth-of-type(1)) {
		margin-left: 4px;
		padding-left: 21px;
	}

	/* language */
	.lang-wrap li:not(:first-child) {
		margin-left: 14px;
		padding-left: 14px
	}

	.lang-wrap {
		display: none;
	}

	#gnb .lang-wrap {
		display: inline-block;
		float: none;
		margin: 13px 0;
	}

	#gnb .lang-wrap li.on,
	#gnb .lang-wrap li.on a,
	#gnb .lang-wrap li:hover a,
	#gnb .lang-wrap li:focus a,
	#gnb .lang-wrap li:active a {
		color: #ffda00;
	}

	#gnb .lang-wrap li a {
		color: #fff;
	}

	/* search */
	.search-wrap.on {
		padding: 15px 4.68%;
	}

	.search-wrap fieldset>div {
		width: calc(100% - 35px);
	}

	.search-wrap fieldset label {
		padding: 10px 18px 10px 40px;
	}

	.search-wrap fieldset input[type="text"] {
		width: calc(100% - 140px);
	}

	.search-wrap fieldset .search-close {
		margin-left: 11px;
	}

	/* ==========================================================================
   SUB COMMON
   ========================================================================== */
	#aside {
		height: 155px;
		margin-bottom: 30px;
	}

	#title h2 {
		margin-bottom: 0;
		padding-top: 0;
		background-image: none;
		font-size: 28px;
	}

	#submenuNavigation {
		display: none;
	}

	/* heading tag */
	.tit-h3 {
		margin-bottom: 30px;
		font-size: 30px;
		line-height: 40px;
	}

	/* tab */
	#contents #tab li a {
		padding: 10px 15px;
		font-size: 16px;
	}

	#contents #tab li:after {
		top: 21px;
	}
}

@media all and (max-width:480px) {

	/* header */
	.header-container {
		height: 70px;
		padding: 21px 4.68%;
	}

	.gnb-btn.close {
		top: 25px;
	}

	#gnb .top {
		padding: 16px 7.9% 12px;
	}

	#logo a img {
		margin: -2px 0 0 0;
	}

	#logo span {
		top: -7px;
	}
    
    #logo span.irq{
        top: -9px
    }

	/* footer */
	#wrap-footer .container div>p {
		margin-bottom: 8px;
	}

	#wrap-footer .sites li,
	#wrap-footer .sites li:nth-child(3n-1) {
		width: 50%;
	}

	/* language */
	.lang-wrap,
	.util-wrap {
		margin-top: 4px;
	}

	.lang-wrap li:not(:first-child) {
		margin-left: 2px;
		padding-left: 6px;
	}

	/* util */
	.util-wrap>a img {
		width: 20px;
		height: auto;
	}

	.util-wrap>a:not(:nth-of-type(1)) {
		margin-left: 3px;
	}

	.util-wrap>a:not(:nth-of-type(1)):before {
		height: 17px;
	}

	/* search */
	.search-wrap {
		top: 70px;
	}

	.search-wrap fieldset>div {
		width: calc(100% - 28px);
	}

	.search-wrap fieldset label {
		padding: 10px 8px 10px 30px;
		font-size: 20px;
		background-size: 25px auto;
	}

	.search-wrap fieldset input[type="text"] {
		width: calc(100% - 100px);
	}

	.search-wrap fieldset>div button img {
		width: 20px;
	}

	.search-wrap fieldset .search-close {
		margin-left: 6px;
	}

	.search-wrap fieldset .search-close img {
		width: 17px;
	}
}

@media all and (max-width:420px) {

	/* footer */
	#wrap-footer .sites li,
	#wrap-footer .sites li:nth-child(3n-1) {
		width: 100%;
	}

	#wrap-footer .address>div a {
		width: 130px;
	}
}

.layer-pop {
	position: relative;
	padding: 30px 40px 30px 40px;
	text-align: left;
}

.layer-pop-line {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 3px solid #0178dd;
}


/* ==========================================================================
   SNS share
   ========================================================================== */

.fix-box {
	position: fixed;
	top: auto;
	bottom: 70px;
	right: 6.8%;
	z-index: 90;
	text-align: center;
}

.fix-box>li {
	position: relative;
}

.fix-box>li:not(:last-child) {
	margin-bottom: 4px;
}

.fix-box>li>a {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: top;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	transition: background 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.fix-box>li ul {
	display: none;
	position: absolute;
	top: auto;
	bottom: 70px;
	left: 7px;
	z-index: 1;
	border-radius: 25px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
}

.fix-box>li li {
	padding: 0 10px;
	width: 45px;
	height: 50px;
}

.fix-box>li li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.fix-box>li li:not(:last-child) a {
	border-bottom: 1px solid #e5e5e5;
}

.fix-box>li li.facebook a {
	background-image: url('../../images/ic-facebook.png');
}

.fix-box>li li.twitter a {
	background-image: url('../../images/ic-twitter.png');
}

.fix-box>li li.kakao a {
	background-image: url('../../images/ic-kakao.png');
}

.fix-box>li li.blog a {
	background-image: url('../../images/ic-blog.png');
}

.btn-share {
	background-image: url('../../images/ic-share.png');
	background-color: rgba(0, 162, 179, .9);
}

.btn-top {
	background-image: url('../../images/ic-top.png');
	background-color: rgba(23, 129, 209, .8);
}

.fix-box>li.on .btn-share {
	background-image: url('../../images/ic-close2.png');
	background-color: rgba(26, 26, 26, .8)
}

.fix-box.main-fix {
	top: auto;
	bottom: 70px;
}


/* =========================
   funnybrain
 =========================== */
/* common */
@media all and (max-width:900px) {

	/* 키르기즈스탄 */
	#logo.kgz span {
		font-size: 30px;
	}
}