@charset "utf-8";
@import url('/sites/seowon/style/css/font.css');
/**[common]********************************************************/
.w1820 {
    max-width: 1840px; margin: 0 auto;
    padding: 0 10px; box-sizing: border-box;
}
.w1440 {
    max-width: 1480px; margin: 0 auto;
    padding: 0 20px; box-sizing: border-box;
}
.w1400 {
    max-width: 1440px; margin: 0 auto;
    padding: 0 20px; box-sizing: border-box;
}
.w1300 {
    max-width: 1340px; margin: 0 auto;
    padding: 0 20px; box-sizing: border-box;
}
#_wrapHeader {position: relative; z-index: 3;}
#_wrapArticle {position: relative; z-index: 1;}

#progress {
	height: 3px; background: rgb(30, 56, 110);
	position: fixed; top: 0;
	z-index: 99;
}
/* progress fixed */
#progress.fixed {
    position: fixed; top: 57px;
}

/* ========= default css ========= */
* {font-family:'NotoKR' !important; font-weight: 300;}
body {font-size: 18px; line-height: 1.6; color: #686868;}
strong, b {font-weight: 500;}
a:hover	{color: #2b9cd8;}

.hiddenT {position: absolute; top: 0; left: 0; text-indent: -5000px;}
body.Mobile	{min-width: 320px;}

/* 스킵네비게이션 */
#skip {position: absolute; width: 100%; left: 0; top: 0;  z-index: 105;}
#skip a {display: block;height: 1px;width: 1px;margin-bottom: -1px;overflow: hidden; color: #fff;background: #426dca;white-space: nowrap;text-align: center;transition: all 0.2s ease;}
#skip a:focus,#skip a:active {height: auto; width: auto; padding: 7px; margin-bottom: 10px;}


/**[animate]********************************************************/
#_header,
#gnb_wrap {
    -webkit-transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/**[Header]********************************************************/
#_wrapHeader > .w1400 {position: relative;}
.utilWrap {position: absolute; top: 0; right: 0; height: 45px; overflow: hidden;}
.utilWrap > li {float: left; height: 100%;}
.utilWrap > li > a {
	display: block; color: #fff; font-size: 14px; font-weight: 300;
	height: 100%;
	padding: 10px 20px; box-sizing: border-box;
}
.utilWrap > li > a:before {
	content: ''; display: inline-block; width: 13px; height: 14px;
	vertical-align: middle; margin: -2px 5px 0 0;
	background: url('../images/util_icon.png') left center no-repeat;
}
.utilWrap > li.q_menu > a {background-color: #0054a6;}
.utilWrap > li.siteMap > a {background-color: #191919;}
.utilWrap > li.siteMap > a:before {background-position: left center;}
.utilWrap > li.sw_link > a:before {background-position: -28px center;}
.utilWrap > li.login > a:before,
.utilWrap > li.q_menu > a:before {display: none;}
.utilWrap > li.sw_link > a {
    font-size: 15px; text-align: center;
    color: #0f2b4b; background-color: #fff;
    padding: 10px 29px;
}
#_header {
    position: relative; z-index: 2; height: 175px;
	background-color: rgba(0,0,0,0.5);
}
#_header .w1400 {position: relative;}
#_header .utilBox {
	height: 45px;
	background-color: #2a2c2d;
}
#_logo {position: absolute; top: 20px; left: 0;}
#_logo a {
    display: block; height: 65px; text-align: right;
    background: url('../images/logo_w.png') left top no-repeat;
    margin: 19px auto 0;
}
#_logo a > span {color: #fff; font-size: 30px; font-weight: 300; padding-left: 210px;}
#_logo a > span > strong {font-weight: 500; margin-left: 5px;}
#_logo a > span:before {content: ''; display: inline-block; width: 1px; height: 24px; background-color: #cbcbcb; vertical-align: middle; margin: -1px 10px 0 0;}

#mMenuOpen {
    position: absolute; right: 20px; top: 25px;
    width: 50px; height: 50px; text-indent: -5000px; vertical-align: middle;
    background: url('../images/header_allMenu.png') center top no-repeat;
}


/**[top Menu]********************************************************/
#gnb_wrap {
	overflow: hidden;
	position: absolute; width: 100%; display: inline-block; z-index: 3;
	height: 175px; margin-bottom: -6px;
}

#gnb_wrap .mMenuClose {
    display: none; position: absolute; top: 30px; left: 20px;
    width: 28px; height: 30px; background: url('../images/mMenuClose.png') center top no-repeat;
    text-indent: -5000px; z-index: 2;
}

#menuUItop .ul_1 {display: table; width: 100%; text-align: center;}
#menuUItop .ul_1 > .li_1 {
    display: table-cell; vertical-align: top; /* width: calc(100% / 7); */ 
}
#menuUItop .ul_1 > .li_1 .a_1 {
    position: relative; display: inline-block; color: #fff; font-size: 22px;
    /* width: 100%; */ padding: 0; box-sizing: border-box;
    margin: 0 auto;
}

#menuUItop .li_1.on .div_2 {display: block;}

#menuUItop .div_3 .li_3 > .a_3 {
    display: block; color: #d6dae1; font-size: 15px; box-sizing: border-box;
    margin-left: 10px;
}
#menuUItop .div_3 .li_3 > .a_3:hover,
#menuUItop .div_3 .li_3 > .a_3._active {color: #3a3a3a;}
#menuUItop .div_3 .li_3 > .a_3:before {
    content: ''; display: inline-block; vertical-align: top;
    width: 8px; height: 1px; background-color: #676767;
    margin: 12px 4px 0 -16px;
}

/* topmenu titlewrap */
#menuUItop .titleWrap {display: none;}

/* fixed & hover */
#_wrapHeader.navOn #gnb_wrap {height: 500px;}

/**[Footer]********************************************************/
#_footer {
  background-color: #3d4352;
  position: relative; z-index: 2;
}
._jumpWrap {position: relative;  background-color: #3d3f48;}
._jumpWrap .jumpArea {
    overflow: hidden;
    position: relative;
}
._jumpWrap .jump_close {
    position: absolute;  top: 30px; right: 0; width: 40px; height: 40px; text-indent: -5000px;
    background: url('../images/jump_close.png') center center no-repeat;
}
._jumpWrap .jump-tabList {overflow: hidden; position: relative;}
._jumpWrap .jump-tabList:before {
    content: '';  position: absolute; top: 0; left: 50%;
    width: 1px; height: 63px; background-color: #5b606b;
    z-index: 1;
}
._jumpWrap .jump-tabList > li {
    float: left; width: 50%;
}
._jumpWrap button.openBtn {
    position: relative;
    color: rgba(255, 255, 255, 0.7); font-size: 20px; font-weight: 300; text-align: center;
    width: 100%; padding: 17px; box-sizing: border-box; background-color: #323846;
}
._jumpWrap li._on button.openBtn {
    background-color: #3d3f48;
}
._jumpWrap button.openBtn:after{
    content: ''; width: 15px; height: 9px; position: absolute; top: 27px; right: 30px;
    background: url('../images/f_link_arrow.png') left top no-repeat;
    transform: rotate(180deg);
}
._jumpWrap li._on button.openBtn:after{
    transform: rotate(0);
}
._jumpWrap .jump-contents .ulClose,
._jumpWrap .jump-contents {display: none;}
._jumpWrap .jump-tab._on .jump-contents {display: block;}
.jump-contents {
	position: absolute; top: 60px; left: 0; width: 100%; margin: 0 auto;
}
.jump-contents .j_link {
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 20px;
    box-sizing: border-box;
    position: relative;
}
.jump-contents .j_link {overflow: hidden;}
.jump-contents .j_link h4 {
    color: #619ff6; font-size: 28px; font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}
.jump-contents .j_link h5 {
    color: #fff; font-size: 22px; font-weight: 400;
    margin-bottom: 10px;
}
.jump-contents .j_link > .list {
    float: left;
    margin: 0 13px;
    min-width: 245px;
}
.jump-contents .j_link > .list._2 {width: calc(100% - 305px);}
.jump-contents .depth1 > li {margin-bottom: 1px;}
.jump-contents .depth1 > li > a {
    display: block; color: #dbdbdb;
    padding: 6px 15px;
    background-color: #2a2c2d;
}
.jump-contents .depth2 {display: table; width: 100%;border-left: 1px solid #2a2c2d;}
.jump-contents .depth2 > li {
	display: table-cell;
    height: 100%;
    margin-left: 0px;
    border: 1px solid #2a2c2d;
    width: calc(100% / 6);
    box-sizing: border-box;
    border-left: 0;
}
.jump-contents .depth2 > li:nth-last-child(1) > a {border-right: 0;}
.jump-contents .depth2 > li > ul > li {padding-left: 10px;}
.jump-contents .depth2 > li > ul > li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #fff;
    margin: 10px 0 0 -3px;
    vertical-align: top;
}
.jump-contents .depth2 > li > a {
    display: block;
    color: #dbdbdb;
    font-size: 16px;
    padding: 6px 15px;
    background-color: #2a2c2d;
    border-right: 1px solid #363739;
}
.jump-contents .depth2 > li > ul {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #3d3f48;
}
.jump-contents .depth2 > li > ul > li > a {
    color: #dbdbdb;
    font-size: 16px;
    padding: 0 0 0 10px;
    display: inline-block;
}



.f_linkWrap {
    border-bottom: 1px solid #515664;
}
.f_linkWrap > .w1400 {position: relative; overflow: hidden;}
.f_linkWrap > .w1400 > ul {float: left; padding: 10px 0;}
.f_linkWrap li {display: inline-block; vertical-align: middle; line-height: 2; margin: 0 25px;}
.f_linkWrap li > a {
    color: #acb2bf; font-size: 16px; font-weight: 300;
}
.f_linkWrap li.em > a {color: #008ed7;}
.f_linkWrap .f_snsList {float: right; margin-right: 85px;padding: 12px 0 0;}
.f_linkWrap .f_snsList .f_sns {
    display: inline-block;
    width: 33px; height: 33px;
    background: url('../images/f_sns_icon.png') left top no-repeat;
    text-indent: -5000px;
}
.f_linkWrap .f_snsList .f_sns._twt {background-position: -38px top;}
.f_linkWrap .f_snsList .f_sns._blog {background-position: -76px top;}
.f_linkWrap .f_snsList .f_sns._insta {background-position: -114px top;}

.f_addr {
    position: relative;
    padding: 25px 20px 20px 230px;
    border-top: 1px solid #313642;
    box-sizing: border-box;
}
.f_addr > p {
    color: #fff; font-size: 15px;
    margin-bottom: 5px; padding-left: 25px;
}
.f_addr > p:first-child {
    background: url('../images/f_adr_icon.png') left 4px no-repeat;
}
.f_addr > p > span {color: #fff;}
.f_addr > p.copy {
    color: #848484; font-size: 12px;
}
.f_addr .f_logo {
    position: absolute; top: 25px; left: 25px;
}
button#mTop {
	display: none;
	width: 59px;
	height: 59px;
	position: absolute;
	top: 0;
	right: 0px;
	background: url('../images/topBtn.png') center center no-repeat;
	text-indent: -5000px;
	z-index: 997;
}





/**[공통 반응형]********************************************************/
@media all and (max-width: 1400px) {
  .w1720 {max-width: 1320px;}
}

@media all and (max-width: 1260px) {
	
    /* footer */
	.jump-contents .depth2 {display: block; clear: both; border-left: 0;}
	.jump-contents .depth2 > li {display: block; float: left; width: calc(100% / 3); position: relative; margin-bottom: 1px; border: 0; margin-left: 0;}
	.jump-contents .depth2 > li:nth-child(3n) > a {margin-right: 0;}
	.jump-contents .depth2 > li > ul {
		display: none; width: 100%; max-height: 160px; overflow-y: auto;
		position: absolute; bottom: 102%; left: 0;
		border: 0; background-color: #2a2c2d;
	}
	._jumpWrap .ulClose {
		display: none;
		position: absolute; top: 14px; right: 11px;
		z-index: 1; text-indent: -5000px;
		width: 10px; height: 10px;
		background: url(../images/jump_close.png) center center no-repeat;
		opacity: 0.7;
	}
}


@media all and (max-width: 980px) {
}
@media all and (max-width: 980px) and (min-width: 461px) {
}
@media all and (max-width: 460px) {
}