@charset "utf-8";
header,
.webtong_visual {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

/************ gnb *********************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 3}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}

#seoul-common-gnb {height:48px;background-color: #0c82e9}
header {background-color: #063c6e;width: 100%;z-index: 3;position: absolute;top: 33px}
header.bron {background-color: #191919}
header.action {position: fixed;background: rgba(0,28,72,0.8);border-bottom:0;top:0}
header:after {content: '';clear: both;display: block}
header .navi {margin: 0 auto;position: relative;padding: 6px 0}
header > .navi > .nav_wrap > h1 {position: absolute;left: 0;top: 2px}
header > .navi > .nav_wrap > h1 > a {background: url(/usr/images/irenk/common/logo.png) no-repeat 0 0/100% ;display: inline-block;text-indent: -999em;width: 287px;height: 54px;margin-left: 7px}
header > .navi > .nav_wrap > h1 > em {background: url(/usr/images/irenk/common/logo02.png) no-repeat 0 6px;display: inline-block;text-indent: -999em;width: 151px;height: 50px;margin-left: 10px}
header > .navi > .nav_wrap > .m_menu {position: absolute;right: 7px;top: 7px;z-index: 4;color: #fff;display: block;background: url(/usr/images/irenk/common/pc_menu.png) no-repeat center;text-indent: -999em;width: 36px;height: 34px;border: 1px solid #eaeaea;display:none}
header .nav_wrap {max-width: 1200px;margin: 0 auto;position: relative}

nav {z-index: 2}
nav:after {content: '';clear: both;display: block}
nav.search-tab:after {content:none}
nav > ul {display: table;margin: 0 0 0 auto;position: relative;text-align: center}
nav > ul:after {content:'';display:block;clear: both}
nav > ul > li {float: left;position: relative}
nav > ul > li > a {display: block;line-height: 22px;position: relative;font-weight: 600;font-size: 18px;padding: 19px 51px 19px 0;color: #fff;text-align: right;}
nav > ul > li > a:hover, nav > ul > li > a:focus, nav > ul > li > a:active {color:#78f8ff}
nav > ul > li > ul {position: absolute;width: 100%;display: none;padding: 10px 0;z-index: 3;top: 53px}
nav > ul > li > ul > li > ul > li > a {color: rgba(255, 255, 255, 0.64);font-size: 14px;background-color: #404040;display: block;padding: 9px}
nav > ul > li > ul > li > a {color: #fff;display: block;padding: 10px 0 10px 2px;font-size: 14px;text-align: left;}
nav > ul > li > ul > li a:hover, nav > ul > li > ul > li a:focus {color: #78f8ff}
nav > ul > .slider {width: 20%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #6dc4ff;transition: all .5s;opacity:0}
nav > ul > li > ul > li > ul {display:none}
nav > ul > li > a.on {color: #78f8ff}

.utility_wrap {background-color:#042543}
.utility_wrap .utility_wrap_inner {max-width: 1200px;margin: 0 auto;text-align: right}
.utility_wrap .utility_wrap_inner .utility {display: inline-block}
.utility_wrap .utility_wrap_inner .utility li {display: inline-block;margin-left: 23px}
.utility_wrap .utility_wrap_inner .utility li a {display: inline-block;color: rgba(255,255,255,0.8);font-size: 13px;padding: 7px 0}
.utility_wrap .utility_wrap_inner .utility li .search_icon {background-position: right 0;display: inline-block;background: url(/usr/images/irenk/common/site_map.png) no-repeat right 11px;padding-right: 20px;height: 31px}
.sub_visual {background-position: center top;background-repeat: no-repeat;position: relative;background-size: cover;}
.menu_bg {width: 100%;height: 180px !important;position: absolute;top: 59px;display: none;left: 0;z-index: 3;background-color: #191919}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}
.v_m {display:none}
#sub00,#sub01, #sub02, #sub03, #sub04, #sub05 {display:none}

footer {background-color: #313137;color: #fff;font-size: 14px;font-weight: 200}
.footer_wrap {max-width:1230px;margin:0 auto;padding: 35px 15px;position: relative}
.f_link > .link_wrap {float: left}
.f_link > .link_wrap li {float:left}
.f_link > .link_wrap li a {display: inline-block;width: 181px;height: 35px;background: url(/usr/images/irenk/common/f_logo01.png) no-repeat;text-indent: -999em;margin-right: 27px}
.f_link > .link_wrap li:last-child a {width: 133px;background: url(/usr/images/irenk/common/f_logo02.png) no-repeat}

address {letter-spacing: -0.2px;color: rgb(202, 202, 202);clear: both;padding-top: 14px}
address p {letter-spacing: 1px}

/**패밀리사이트**/
.f_logo02 {float: right}
.Family_site {width: 250px;position: relative;}
.Family_site h3 {text-align: left}
.Family_site h3 a {border: 1px solid rgba(255, 255, 255, 0.26);padding: 7px 15px;display: block;background: url(/usr/images/irenk/common/Family_open.png) no-repeat right}
.Family_site ul {position: absolute;bottom: 0px;background-color: #3e3f48;width: 100%;border: 1px solid rgba(255, 255, 255, 0.25);padding: 5px 0;display:none;height: 214px;overflow-y: auto;text-align: left}
.Family_site ul li {width: 100%}
.Family_site ul li em {display: block;padding: 8px 15px;font-weight: 500;font-size: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.23)}
.Family_site ul li > a {display: block;padding: 5px 16px}
.Family_site .family_close {background: url(/usr/images/irenk/common/family_close.png) no-repeat;position: absolute;top: 13px;right: 0;text-indent: -999em;width: 17px;height: 17px}

@media screen and (max-width: 1400px) {
	header > .navi > h1 > em {display:none}
}	
	
@media screen and (max-width: 1200px) {
	header.action > .navi > h1 {background-color: rgba(255, 255, 255,0.8)}
	header > .navi > h1 {position: relative;background-color: #fff;padding: 7px 0;width: 100%;z-index: 4;top:0}
	header > .navi > h1 > a {background: url('/usr/images/irenk/common/logo_.png') no-repeat}
	header > h1 {background-color: #01385d;padding: 6px 3% 7px;position: relative;width: 100%;z-index: 4}
	header > .navi > .m_menu {background: url(/usr/images/irenk/common/menu.png) no-repeat center;display: block}
	header > .navi > .m_menu.off {background: url('/usr/images/irenk/common/close.png') no-repeat center;right: 9px}
	header > .navi > .nav_wrap > h1 {top: 4px}
	header > .navi > .nav_wrap > h1 > a {background: url(/usr/images/irenk/common/logo__.png) no-repeat;}
	nav {display: none;background-color: #191919;top: 55px;margin-left: 0;position: absolute;width: 100%}
	nav.search-tab {display:table;position: relative;background: none;top: auto}
	nav.menu-fixed {top: 68px;background-color: #093654}
	nav > ul {margin:0;float: none;padding:0}
	nav > ul > li > a.new:after  {left: 110px}
	nav > ul {display:block}
	nav > ul > li {float:none;width:100%}
	nav > ul > .slider {display:none}
	nav > ul > li > a {line-height: 40px;display:block;padding-left: 28px;text-align:left;color: #fff;font-size: 14px;}
	nav > ul > li > a:hover {color:#78f8ff}
	nav > ul > li.active > a {background-color: #333}
	nav > ul > li.depth_add > a {display:block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: url('/usr/images/irenk/common/up_down.png') no-repeat right 13px;font-weight: 300;font-size: 14px}
	nav > ul > li.depth_add.active > a {background-color: #333;background-position: right -23px}
	nav.menu-fixed > ul > li > ul {top:0}
	nav.menu-fixed > ul > li > a {line-height: 22px}
	nav > ul > li > ul {position:relative;border:0;padding:0;top: 0px}
	nav > ul > li:last-child > ul {position:relative;top:0;border:0}
	nav > ul > li > ul > li > a {padding-left: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-align: left}
	nav > ul > li > ul > li > ul > li > a {padding: 9px 0 9px 55px;text-align: left}
	nav > ul > li > ul > li.depth_add > a {display: block;background: url('/usr/images/irenk/common/up_down.png') no-repeat right 13px}
	nav > ul > li > ul > li.depth_add.active > a {background-color: #333;background-position: right -23px}
	nav > ul > li > ul > li > ul {display:block}
	nav > ul > li > a {height:auto;padding:10px;line-height: 22px}
	nav > ul > li > a.on{color: #fff}
	nav > ul > li > a.new:after {left:68px;top:10px}
	.navi .utility {display:none}
	.sub_visual {background-size: cover}
	.footer_wrap {padding: 35px 1.5%;}
	.f_link {padding: 0;margin: 0 auto;display: table;text-align: center;width: 100%}
	.f_link > .link_wrap {display: table;margin: 0 auto;float: none}
	.f_link > .link_wrap li a {padding:13px 15px;margin-right: 10px}
	.f_sns {position: relative;clear: both;text-align: center;top: 0px}
	address p {margin-bottom:20px}
	.f_logo02 {float: none;clear: both;display: table;margin: 20px auto 5px}
	.sns_wrap {float: none;display: table;margin: 0 auto}
}

@media print {
	header {display:none}
	footer {display:none}
	img {max-width: 100% !important}
}

@media print and (color) {
   * {-webkit-print-color-adjust: exact;print-color-adjust: exact}
}