@charset "utf-8";

html, body {
	height: 100%;
}

body { 
	height: 100%;
	text-align: center;
	font-size: 81.3%;
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
	color: #000;
	list-style: none;
	line-height: 1.7em;
	letter-spacing: -0.05em;
	border: 0px solid blue;
	outline: 0;
}

body.body-fixed {
	height: 100%;
	overflow: hidden;
}

/* 스킵네비게이션 */
.skip-navigation a {
	display: none;
	height: 1px; 
	width: 1px; 
	margin: 0 -1px -1px 0; 
	padding: 0; 
	overflow: hidden; 
	font-size:0; 
	line-height:0;
}

.skip-navigation a:hover,
.skip-navigation a:active,
.skip-navigation a:focus {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 20px; 
	line-height: 20px; 
	vertical-align: middle; 
	font-size: 75%;
	font-weight: bold; 
	text-align: center; 
	background: #000; 
	color: #fff;
	z-index: 10;
	border: 0px solid red;
}


.blind, caption {
	visibility: hidden; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 0; 
	height: 0; 
	font-size: 0;
	line-height: 0
}

.clear,
.clear:after {
	content: "";
	clear: both;
	display: block;
}

/* wrapper */
.wrapper {
	position: relative;
	padding-top: 118px;
	min-width: 1200px;
	font-size: 1em;
	text-align: left;
	background: #f3f3f6;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 14px;
	z-index: 1000;
	background: url(../images/common/bg_topmenu_shadow01.png) repeat-x left bottom;
}

.header-area {
	min-height: 118px;
	background: #fff;
}

.gnb-area {
	position: relative;
	display: block;
	max-width: 1200px;
	height: 49px;
	margin: 0 auto;
	padding: 18px 0 19px 0;
	text-align: center;
}

.gnb-area .family-site {
	position: absolute;
	top: 27px;
	left: 0;
	width: 198px;
	height: 36px;
	text-align: left;
	z-index: 1000;
}

.gnb-area .family-site dt {
	display: block;
}

.gnb-area .family-site dt > a {
	position: relative;
	display: block;
	width: 142px;
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
	padding-right: 39px;
	color: #737373;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	border: 1px solid #bfbfbf
}

.gnb-area .family-site dt > a .arrow {
	position: absolute;
	top: 50%;
	right: 16px;
	width: 7px;
	height: 4px;
	background: url(../images/common/icon_arrow_down01.gif) no-repeat 0 0;
	background-size: 7px 4px;
}

.gnb-area .family-site dt > a.on {
	background: #f9f9f9;
	font-size: #222;
}

.gnb-area .family-site dt > a.on .arrow {
	background: url(../images/common/icon_arrow_up01.gif) no-repeat 0 0;
	background-size: 7px 4px;
}

.gnb-area .family-site dd {
	position: relative;
	display: none;
	border: 1px solid #bfbfbf;
	border-width: 0px 1px;
}

.gnb-area .family-site dd ul {
	background: #fff;
}

.gnb-area .family-site dd ul li {
	display: block;
	border-bottom: 1px solid #bfbfbf
}

.gnb-area .family-site dd ul li a {
	display: block;
	padding: 5px 15px;
	color: #737373;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.gnb-area .family-site dd ul li a:hover {
	background: #f9f9f9;
}

.gnb-area .gnb-top-menu {
	position: absolute;
	top: 38px;
	right: 5px;
}


.gnb-area .gnb-top-menu li {
	float: left;
	padding-left: 11px;
	margin-left: 10px;
	background: url(../images/common/icon_gnb_bar01.gif) no-repeat left 2px;
}

.gnb-area .gnb-top-menu li.line-none {
	padding-left: 0;
	margin-left: 0;
	background: transparent;
}

.gnb-area .gnb-top-menu li a {
	display: block;
	color: #737373;
	line-height: 13px;
}

.topmenu-wrapper {
	display: block;
	height: 50px;
	background: #4e545c;
	opacity: 1;
}

.topmenu-wrapper.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	opacity: 0.95;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);

}

.topmenu-wrapper ul {
	width: 1200px;
	margin: 0 auto;
}

.topmenu-wrapper ul > li {
	position: relative;
	float: left;
	width: 240px;
	height: 50px;
}

.topmenu-wrapper ul li .top-menu-depth1 {
	position: relative;
	display: block;
	width: 240px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #d5d6d7;
	font-size: 18px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	background: url(../images/common/bg_line01.gif) repeat-y left top;
}

.topmenu-wrapper ul li:first-child .top-menu-depth1 {
	background: transparent;
}

.topmenu-wrapper ul li .top-menu-depth1 .icon {
	position: absolute;
	top: 50%;
	right: 28px;
	display: block;
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background: url(../images/common/icon_topmenu_depth01_off.gif) no-repeat 0 0;
	background-size: 13px 13px;
}

.topmenu-wrapper ul li .top-menu-depth1.selected,
.topmenu-wrapper ul li .top-menu-depth1.on,
.topmenu-wrapper ul li .top-menu-depth1:hover {
	color: #fff;
	background: url(../images/common/bg_topmenu_depth01.gif) repeat;
}

.topmenu-wrapper ul li .top-menu-depth1.selected .icon,
.topmenu-wrapper ul li .top-menu-depth1.on .icon,
.topmenu-wrapper ul li .top-menu-depth1:hover .icon {
	background: url(../images/common/icon_topmenu_depth01_on.gif) no-repeat 0 0;
	background-size: 13px 13px;
}
.topmenu-wrapper ul li .top-menu-dpeth2 {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 240px;
	background: #4e545c;
	z-index: 1000;
}

.topmenu-wrapper ul li .top-menu-dpeth2 li {
	border-top: 1px solid #636363;
}

.topmenu-wrapper ul li .top-menu-dpeth2 li a {
	display: block;
	padding: 0 25px;
	line-height: 50px;
	color: #9e9e9e;
	font-size: 16px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.topmenu-wrapper ul li .top-menu-dpeth2 li a.selected,
.topmenu-wrapper ul li .top-menu-dpeth2 li a.on,
.topmenu-wrapper ul li .top-menu-dpeth2 li a:hover {
	background: url(../images/common/bg_topmenu_depth02.gif) repeat;
	color: #fff;
}

/* container */
.container {
	margin: 0;
	padding: 0;
}

/* contents */
.contents {
	max-width: 1200px;
	margin: 0 auto;
	padding: 38px 0 100px 0;
	border: 0px solid red;
}

.contents-navigation-area {
	display: flex;
	justify-content: flex-end;
}

.contents-navigation-area .contents-navigation {
	display: inline-block;
	vertical-align: middle;
}

.contents-navigation-area .contents-navigation .icon-home {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 16px;
	text-indent: -5000em;
	font-size: 0;
	background: url(../images/common/icon_home.gif) no-repeat 0 0;
	background-size: 17px 16px;
}

.contents-navigation-area .contents-navigation .icon-gt {
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 16px;
	margin: 0 5px;
	text-indent: -5000em;
	font-size: 0;
	background: url(../images/common/icon_gt.gif) no-repeat 0 0;
	background-size: 4px 16px;
}

.contents-navigation-area .contents-navigation .location,
.contents-navigation-area .contents-navigation strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 16px;
	color: #818181;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.contents-navigation-area .contents-btns {
	display: inline-block;
	vertical-align: middle;
}

.contents-navigation-area .contents-btns li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 17px;
	height: 16px;
}

.contents-navigation-area .contents-btns li a {
	display: block;
	width: 17px;
	height: 16px;
}

.contents-navigation-area .contents-btns li a img {
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 16px;
}

.contents-title02 {
	font-size: 38px;
	line-height: 40px;
	color: #022222;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;	
	margin-bottom: 20px;
}

.footer {
	background: #fff;
	padding: 25px 0 40px 0;
}

.footer-area {
	width: 1020px;
	margin: 0 auto;
}

.footer-menu {
	margin-bottom: 15px;
}

.footer-menu li {
	float: left;
	padding-left: 13px;
	margin-left: 12px;
	background: url(../images/common/icon_footer_bar01.gif) no-repeat left center;
}

.footer-menu li.privacy {
	margin-left: 0;
	padding-left: 0;
	background: transparent;
}

.footer-menu li a {
	color: #3a3a3a;
	line-height: 15px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.footer-menu li.privacy a {
	color: #ee4124
}

.footer-menu li a:hover {
	text-decoration: underline;
}

.word-copyright {
	color: #939393;
	font-size: 12px;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

/* 공통 */

.title0301 {
	padding-left: 11px;
	color: #089da9;
	font-size: 18px;
	margin-bottom: 17px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	background: url(../images/bullet/bullet01.png) no-repeat 0 7px;
}


.title0302 {
	color: #333339;
	font-size: 24px;
	line-height: 25px;
	margin-bottom: 18px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.title0401 {
	font-size: 16px;
	line-height: 28px;
	color: #666669;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.title-area {
	margin-bottom: 11px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.btns-download {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	border: 1px solid #d0d5d8;
	min-width: 144px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 15px;
	background: #fff;
	color: #6d6d74
}

.btns-download img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	line-height: 37px;
}


.mt0 {margin-top: 0}
.mt05 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}
.mt45 {margin-top: 45px}
.mt50 {margin-top: 50px}
.mt55 {margin-top: 55px}
.mt60 {margin-top: 60px}
.mt65 {margin-top: 65px}
.mt70 {margin-top: 70px}
.mt75 {margin-top: 75px}
.mt80 {margin-top: 80px}
.mt85 {margin-top: 85px}
.mt90 {margin-top: 90px}
.mt95 {margin-top: 95px}
.mt100 {margin-top: 100px}
.mt105 {margin-top: 105px}
.mt110 {margin-top: 110px}
.mt115 {margin-top: 115px}
.mt120 {margin-top: 120px}
.mt125 {margin-top: 125px}
.mt130 {margin-top: 130px}
.mt135 {margin-top: 135px}
.mt140 {margin-top: 140px}
.mt145 {margin-top: 145px}
.mt150 {margin-top: 150px}

.mb0 {margin-bottom: 0}
.mb05 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mb30 {margin-bottom: 30px}
.mb35 {margin-bottom: 35px}
.mb40 {margin-bottom: 40px}
.mb45 {margin-bottom: 45px}
.mb50 {margin-bottom: 50px}
.mb55 {margin-bottom: 55px}
.mb60 {margin-bottom: 60px}
.mb65 {margin-bottom: 65px}
.mb70 {margin-bottom: 70px}
.mb75 {margin-bottom: 75px}
.mb80 {margin-bottom: 80px}
.mb85 {margin-bottom: 85px}
.mb90 {margin-bottom: 90px}
.mb95 {margin-bottom: 95px}
.mb100 {margin-bottom: 100px}
.mb105 {margin-bottom: 105px}
.mb110 {margin-bottom: 110px}
.mb115 {margin-bottom: 115px}
.mb120 {margin-bottom: 120px}
.mb125 {margin-bottom: 125px}
.mb130 {margin-bottom: 130px}
.mb135 {margin-bottom: 135px}
.mb140 {margin-bottom: 140px}
.mb145 {margin-bottom: 145px}
.mb150 {margin-bottom: 150px}

.ml0 {margin-left: 0}
.ml05 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml25 {margin-left: 25px}
.ml30 {margin-left: 30px}
.ml35 {margin-left: 35px}
.ml40 {margin-left: 40px}
.ml45 {margin-left: 45px}
.ml50 {margin-left: 50px}
.ml55 {margin-left: 55px}
.ml60 {margin-left: 60px}
.ml65 {margin-left: 65px}
.ml70 {margin-left: 70px}
.ml75 {margin-left: 75px}
.ml80 {margin-left: 80px}
.ml85 {margin-left: 85px}
.ml90 {margin-left: 90px}
.ml95 {margin-left: 95px}
.ml100 {margin-left: 100px}
.ml105 {margin-left: 105px}
.ml110 {margin-left: 110px}
.ml115 {margin-left: 115px}
.ml120 {margin-left: 120px}
.ml125 {margin-left: 125px}
.ml130 {margin-left: 130px}
.ml135 {margin-left: 135px}
.ml140 {margin-left: 140px}
.ml145 {margin-left: 145px}
.ml150 {margin-left: 150px}

.mr0 {margin-right: 0}
.mr05 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr25 {margin-right: 25px}
.mr30 {margin-right: 30px}
.mr35 {margin-right: 35px}
.mr40 {margin-right: 40px}
.mr45 {margin-right: 45px}
.mr50 {margin-right: 50px}
.mr55 {margin-right: 55px}
.mr60 {margin-right: 60px}
.mr65 {margin-right: 65px}
.mr70 {margin-right: 70px}
.mr75 {margin-right: 75px}
.mr80 {margin-right: 80px}
.mr85 {margin-right: 85px}
.mr90 {margin-right: 90px}
.mr95 {margin-right: 95px}
.mr100 {margin-right: 100px}
.mr105 {margin-right: 105px}
.mr110 {margin-right: 110px}
.mr115 {margin-right: 115px}
.mr120 {margin-right: 120px}
.mr125 {margin-right: 125px}
.mr130 {margin-right: 130px}
.mr135 {margin-right: 135px}
.mr140 {margin-right: 140px}
.mr145 {margin-right: 145px}
.mr150 {margin-right: 150px}


.pt0 {padding-top: 0}
.pt05 {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pt20 {padding-top: 20px}
.pt25 {padding-top: 25px}
.pt30 {padding-top: 30px}
.pt35 {padding-top: 35px}
.pt40 {padding-top: 40px}
.pt45 {padding-top: 45px}
.pt50 {padding-top: 50px}
.pt55 {padding-top: 55px}
.pt60 {padding-top: 60px}
.pt65 {padding-top: 65px}
.pt70 {padding-top: 70px}
.pt75 {padding-top: 75px}
.pt80 {padding-top: 80px}
.pt85 {padding-top: 85px}
.pt90 {padding-top: 90px}
.pt95 {padding-top: 95px}
.pt100 {padding-top: 100px}

.pb0 {padding-bottom: 0}
.pb05 {padding-bottom: 5px}
.pb10 {padding-bottom: 10px}
.pb15 {padding-bottom: 15px}
.pb20 {padding-bottom: 20px}
.pb25 {padding-bottom: 25px}
.pb30 {padding-bottom: 30px}
.pb35 {padding-bottom: 35px}
.pb40 {padding-bottom: 40px}
.pb45 {padding-bottom: 45px}
.pb50 {padding-bottom: 50px}
.pb55 {padding-bottom: 55px}
.pb60 {padding-bottom: 60px}
.pb65 {padding-bottom: 65px}
.pb70 {padding-bottom: 70px}
.pb75 {padding-bottom: 75px}
.pb80 {padding-bottom: 80px}
.pb85 {padding-bottom: 85px}
.pb90 {padding-bottom: 90px}
.pb95 {padding-bottom: 95px}
.pb100 {padding-bottom: 100px}

.pl0 {padding-left: 0}
.pl05 {padding-left: 5px}
.pl10 {padding-left: 10px}
.pl15 {padding-left: 15px}
.pl20 {padding-left: 20px}
.pl25 {padding-left: 25px}
.pl30 {padding-left: 30px}
.pl35 {padding-left: 35px}
.pl40 {padding-left: 40px}
.pl45 {padding-left: 45px}
.pl50 {padding-left: 50px}
.pl55 {padding-left: 55px}
.pl60 {padding-left: 60px}
.pl65 {padding-left: 65px}
.pl70 {padding-left: 70px}
.pl75 {padding-left: 75px}
.pl80 {padding-left: 80px}
.pl85 {padding-left: 85px}
.pl90 {padding-left: 90px}
.pl95 {padding-left: 95px}
.pl100 {padding-left: 100px}

.pr0 {padding-right: 0}
.pr05 {padding-right: 5px}
.pr10 {padding-right: 10px}
.pr15 {padding-right: 15px}
.pr20 {padding-right: 20px}
.pr25 {padding-right: 25px}
.pr30 {padding-right: 30px}
.pr35 {padding-right: 35px}
.pr40 {padding-right: 40px}
.pr45 {padding-right: 45px}
.pr50 {padding-right: 50px}
.pr55 {padding-right: 55px}
.pr60 {padding-right: 60px}
.pr65 {padding-right: 65px}
.pr70 {padding-right: 70px}
.pr75 {padding-right: 75px}
.pr80 {padding-right: 80px}
.pr85 {padding-right: 85px}
.pr90 {padding-right: 90px}
.pr95 {padding-right: 95px}
.pr100 {padding-right: 100px}