/*@charset "utf-8";*/
.container	{position:relative;overflow-x:hidden}
.d_width	{position:relative;width:1684px;margin:0 auto;transition:all 0.5s;}
.d_width2	{position:relative;width:845px;margin:0 auto;transition:all 0.5s;}
.d_width3 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    transition: all 0.5s;
    background-color: #e7e7e7;
    padding-top: 50px;
    padding-bottom: 70px;
}
.d_width4 {
    position: relative;
    width: 1065px;
    margin: 0 auto;
    transition: all 0.5s;
    top: -80px;
}
.d_width5 {
    position: relative;
    width: 1065px;
    margin: 0 auto;
    transition: all 0.5s;
}
body, input, select, textarea, button{font-family:'TitilliumWeb','Noto Sans KR', 'notok', 'ngn', sans-serif;}

#skipwrap					{}
#skipnavi					{position:absolute;height:auto;width:100%;z-index:9999999;}
#skipnavi ul li a			{position:absolute;top:-500px;display:block;width:100%;transition:none;}
#skipnavi ul li a:focus,
#skipnavi ul li a:active	{top:1px;height:38px;line-height:38px;text-align:center;font-size:17px;font-weight:600;background:#36312b;color:#ffffff;text-decoration:none;}

/* header banner */
#top-banner			{position:relative;background:#626A73;}
#top-banner .closetxt{position:absolute;right:0;bottom:0;color:#fff;font-size:12px;line-height:20px;}
#top-banner .closetxt input	{margin-top:0;}
#top-banner .btn_close{display:block;width:18px;height:18px;line-height:16px;border:1px solid rgba(255,255,255,0.6);color:#fff;vertical-align:middle}
#top-banner .cont	{height:120px;padding:15px 0;overflow:hidden;}
#top-banner .bx:nth-child(3n+2){border-right:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1);}
#top-banner .bx  	{float:left;width:33.3333%;display:block;text-align:center;color:#fff;overflow:hidden;}
#top-banner .bx a	{color:#fff}
#top-banner .bx a.btn_d{border-color:rgba(0,0,0,0.1);background:rgba(0,0,0,0.2);margin:5px 1px 0;}
#top-banner .btit	{font-size:24px;font-weight:600;color:#FFFFCC;display:inline-block;background:rgba(0,0,0,0.2);line-height:1;padding:0 3px 4px 3px;letter-spacing:-1px;margin:0 0 5px 0;}
#top-banner .stit	{font-size:18px;color:#fff;}
#top-banner .txt	{font-size:14px;margin:5px 0;line-height:1.4;color:#fff}
#top-banner .control{position:absolute;left:0;top:50%;width:100%;margin-top:-15px;}
#top-banner .control a{color:#fff;display:block;width:13px;height:25px;}
#top-banner .control .fa{display:none;}
#top-banner a.prev	{position:absolute;top:0;left:-13px;background:url(../img/control_prev.png) no-repeat 0 0}
#top-banner a.next	{position:absolute;top:0;right:-13px;background:url(../img/control_next.png) no-repeat 0 0}
#top-banner .ctrl	{position:absolute;bottom:-40px;left:0;width:100%}
#top-banner .ctrl a	{position:relative;z-index:9999;float:right;display:block;width:80px;height:40px;line-height:40px;font-family:'TitilliumWeb';text-align:center;background:#626A73;font-size:13px;color:#fff;}
#top-banner .ctrl .fa{margin-left:5px;font-size:16px;}
#top-banner.none,
#top-banner .ctrl.none{display:none;}
#top-banner img		{max-width:100%;}
#top-banner .toggle_control	{position:absolute;text-align:center;left:0;bottom:10px;width:100%;height:20px;z-index:4;}
#top-banner .toggle_control a		{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid rgba(0,0,0,0.6);margin:0 2px;vertical-align:middle}
#top-banner .toggle_control a.on	{border-color:#fff;background:#fff;}
#top-banner .toggle_control a.pause,
#top-banner .toggle_control a.play	{border:none !important;margin-left:10px;}
#top-banner .toggle_control a.pause:before,
#top-banner .toggle_control a.pause:after	{content:"";display:inline-block;width:3px;height:10px;background:rgba(0,0,0,0.6);vertical-align:top;}
#top-banner .toggle_control a.pause:after	{margin-left:3px;}
#top-banner .toggle_control a.play:after	{content:"";border: solid transparent;width:0;height:0;border-left-color:rgba(0,0,0,0.6);border-width:6px;position:absolute;margin:-1px 0 0 -3px}
#popupList	{margin:0 20px 0 10px;}

#wrap		{position:relative;padding:0;margin:0;overflow:hidden;}
#header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 124px;
    /* height: 700px; */
    z-index: 100;
    transition: all .3s;
}
.topwrap	{position:fixed;top:0;width:100%;height:45px;background-color:#01346a;/*  background-color:rgba(9,20,83,0.7); */}
.topwrap:after{content:''; display:block; clear:both;}
.topwrap .d_width > a{font-size:13px; float:left; color:#ffffff; height:44px; line-height:44px; position:relative;z-index: 99999; padding: 0 15px;}
.topwrap .d_width > a.on{background-color:#FF9200; color:#102F69;}
.topwrap .d_width > a.on:after{display:none;}
.topwrap .d_width > a:after{content:''; display:block; width:1px; height:20px; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#2D307C;}
/* .topwrap .d_width > a:before{content:"\f015"; font-family:FontAwesome; display:inline-block; font-size:17px; margin-right:5px;} */
/* .topwrap .d_width > a:nth-child(2):before{content:'\f07c';} */
/* .topwrap .d_width > a:nth-child(4):before{content:'\f044';} */
/* .topwrap .d_width > a:nth-child(4):before{content:'\f0a1';} */
/* .topwrap .d_width > a:nth-child(5):before{content:"";display:inline-block;width:22px;height:15px;background:url(../img/top_logo04.png) no-repeat;vertical-align:middle;margin-top:-4px;} */
/* .topwrap .d_width > a:nth-child(6):before{content:'\f058';} */
/* .topwrap .d_width > a:nth-child(7):before{content:'\f02d';} */
/* .topwrap .d_width > a.ico08:before{content:"\f109"} */
.top-search .search-input{width: 265px;height: 24px;float: left;}
.top-search .search-input input{width: 233px;height: 22px;border: none;border-radius: 0;background-color: rgba(0, 0, 0, 0.3);padding: 0 10px;float: left;}
#link			{text-align:right; height:80px;}
#link			{margin-right:0;}
#link a			{line-height:80px;margin-right:20px;}
#btn-menu a		{line-height:80px;}
#header.fix #link a:hover,
#link a:hover{color:#FF9200;}
#header.active #link a,
#header.fix #link a{color:#cccccc}
#header #link .sns-wrap a .sns-active	{display:none;}

/*
#link a:last-child{position:relative; top:10px;}
#link a:last-child span{display:block; width:20px; height:3px; margin:5px 0; background-color:#fff;}
#link a:last-child span:nth-child(2){width:15px;margin-left:5px;}
*/
#link .login-time	{font-size:12px;color:#fff;margin-right: 10px;}
#link .login-time span	{text-decoration:underline;}
#link a.t-plus	{display:inline-block;background:rgba(0,0,0,.2);color:#fff;padding: 2px 8px;line-height:20px;font-size:11px;margin: 0 45px 0 0;text-align: center;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;vertical-align:middle;border-radius:3px;}
#link a.t-plus:hover	{background:#fff;color:#2A3C66;transition:0.3s;}
#link .hollo	{font-size:13px;color:#666;margin-right:20px;}
#link .hollo span	{color:#FF9900;}
#link a.on	{color:#FF9200;}

#link .sns-wrap	{display:inline-block;}
#link .sns-wrap a.sns-facebook:before	{content:"f";font-family:Lato;font-weight:700;color:#fff;}
#link .sns-wrap a	{font-size:20px;}
#link .sns-wrap a:last-child{ top:0;}
#link .sns-wrap a img	{}

#logo		{
	padding: 0;
	margin-top: 15px;
	float: left;
	clear: left;
}
#logo .n1				{display:none;}
#header.active #logo .n1{display:block;}
#header.active #logo .n2{display:none;}
#logo img				{vertical-align:top}

.gnb					{position:fixed; top:45px; width:100%;}
#gnb1					{display:block;}
#gnb2					{display:none;background-color:#FFFFFF;}
#gnb3					{display:none;background-color:#FFFFFF;}
.gnb-close				{width:1684px; margin:0 auto; height: 80px;}
.gnb-open1				{width:1684px; margin:0 auto; height: 80px;}
.gnb-open2				{width:1684px; margin:0 auto; height: 240px;}
.gnb-open2 ul			{width: 200px;float: left;margin-top: 15px;}
#gnbsub {
    padding-left: 446px;
    width: 1684px;
    margin: 0 auto;
}#gnbmn					{float: left;}
#gnbmn ul.depth1		{width:100%;padding:0 0 0 200px;}
#gnbmn ul.depth1:after	{content:"";display:block;float:none;clear:both;}
#gnbmn ul.depth1 li		{float:left;}
.gnb-close ul.depth1 li a	{display:block;color:#FFFFFF;width: 200px;line-height:80px;font-size:20px;font-weight:500;text-align:left;}
.gnb-open1 ul.depth1 li a	{display:block;color:#000000;width: 200px;line-height:80px;font-size:20px;font-weight:500;text-align:left;}
.depth2 li a			{display:block;color:#000000 !important;padding:0;margin:0;font-size:18px;font-weight:400;line-height:30px;text-align:left;}
.menu-line				{border-bottom: 1px solid #808080;}
.menu-line2 {
    border-bottom: 1px solid #808080;
    margin-bottom: 10px;
}
#gnbmn ul.depth2		{position:absolute;left:-320px;top:80px;display:none;padding:25px 10px;width:calc(100% + 150px);margin:0;z-index:4;min-height:180px;padding-left:260px;}
#gnbmn ul.depth2 .title	{position:absolute;left:0;top:0;width:250px;padding:30px;}
#gnbmn ul.depth2 .title .tit	{font-size:30px;font-weight:600;color:#2A3C66;line-height:1;}
#gnbmn ul.depth2 .title .tit:after	{content:"";display:block;width:30px;height:2px;background:#2A3C66;margin:20px 0 15px;}
#gnbmn ul.depth2 .title .txt	{font-size:16px;color:#493A3D;line-height:1.5;display:none;}
#gnbmn ul.depth2 li		{display:block;width:calc(33.3333% - 20px);padding:0;margin:0 10px 20px 10px;}
#gnbmn ul.depth2 > li:nth-of-type(3n+1)	{clear:both;}
#gnbmn ul.depth2 li a	{display:block;border-bottom:1px solid #2A3C66;color:#2A3C66 !important;padding:0;margin:0;font-size:16px;font-weight:600;line-height:50px;text-align:left;}
#gnbmn ul.depth2 > li > a:after		{content:"\f107";font-family:FontAwesome;float:right;opacity:0;margin-right:40px;}
#gnbmn ul.depth2 > li:hover > a		{background:#2A3C66;color:#DED0BA !important;padding:0 12px 0 14px;}
#gnbmn ul.depth2 > li:hover > a:after	{margin-right:0;opacity:1;}
#gnbmn ul.depth3		{padding-top:10px;}
#gnbmn ul.depth3 li		{float:none;width:100% !important;margin:0;line-height:1.8;text-align:left;}
#gnbmn ul.depth3 li a	{display:inline-block;background:none;border:none;font-size:14px;color:#666 !important;line-height:1.2;font-weight:400;transition:all 0.2s ease-out;}
#gnbmn ul.depth3 li a:before	{content:"";display:inline-block;width:3px;height:3px;background:#BDB0A1;vertical-align:middle;margin-right:5px;transition:all 0.2s ease-out;margin-top:-2px;}
#gnbmn ul.depth3 li a:hover,
#gnbmn ul.depth3 li a:focus,
#gnbmn ul.depth3 > li.on > a		{color:#2A3C66 !important;}
#gnbmn ul.depth3 li a:hover:before,
#gnbmn ul.depth3 li a:focus:before,
#gnbmn ul.depth3 > li.on > a:before	{background:#2A3C66;}

#link		{float:right;}
#btn-menu	{float:right; width:30px; background:808080; clear:right;}

.gnb-en #gnbmn ul.depth2 li a	{padding: 15px 0 !important;line-height: 1.5 !important;}

nav#menu	{border-left: none;}
nav#menu #mm-0	{background:#f5f5f5;}
nav#menu ul.depth1 li a	{font-size:14px;}
nav#menu ul.depth2	{background:#fff;}
nav#menu .List.mm-opened>a:not(.mm-next)	{background:#fff;border-bottom:1px solid #ddd;}
/* nav#menu .topmn a:nth-child(1),
nav#menu .topmn a:nth-child(2)	{display:none;} */
nav#menu a.sns-facebook:before	{content:"f";font-family:Lato;font-weight:700;color:#fff;font-size:20px;vertical-align: middle;}


.top-search					{float: right;}
.top-search #login			{float: left;margin: 5px 20px;}
.top-search #join			{float: left;margin-top: 5px;}
.va_mo .top-search			{display:none;}
.top-search *				{transition:all 0.3s ease-out;}
.top-search .ico_search {
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 31px;
	margin-left: 10px;
	float: left;
}
.sub-wrap	{position:fixed;top:0;width:100%;height:45px;background-color:#01346a;/*  background-color:rgba(9,20,83,0.7); */}
.sub-wrap:after{content:''; display:block; clear:both;}
.sub-wrap .d_width2 > a{font-size:13px; float:left; color:#ffffff; height:44px; line-height:44px; position:relative;z-index: 99999; padding: 0 15px;}
.sub-wrap .d_width2 > a.on{background-color:#FF9200; color:#102F69;}
.sub-wrap .d_width2 > a.on:after{display:none;}
.sub-wrap .d_width2 > a:after{content:''; display:block; width:1px; height:20px; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#2D307C;}
.sub-wrap .container2 {
    margin: auto;
    max-width: 1050px;
    padding: 0;
}
.sub-wrap .container-30 { margin: auto; max-width: 1080px; padding: 0; }
.sub-contents { padding: 0 0 120px; }
.join-agree { margin-bottom: 20px; }
.join-agree textarea { padding: 20px; width: 100%; height: 300px; line-height: 24px; font-size: 18px; color: #777; font-weight: 200; resize: none; background: #fff; }
/* --- Agree --- */
.terms-box { margin: 100px 0 0; padding: 40px 40px 0; }
.terms-box .row { margin-bottom: 100px; }
.terms-box .row:last-child { margin-bottom: 0; }
.terms-box .agree .check { margin-bottom: 10px; }
.terms-box .agree .check:last-child { margin-bottom: 0; }
.terms-box .bottom-button { margin-top: 55px; text-align: center; font-size: 0; }
.terms-box .bottom-button .button { margin: 0 10px; width: 240px; height: 75px; line-height: 75px; border-radius: 5px; }
.terms-box .bottom-button .button span { font-size: 22px; color: #fff; font-weight: 700; }

.terms-box h4 { font-size: 22px; margin: -5px 0 15px; }

.pt-none { padding-top: 0 !important; }
.pb-none { padding-bottom: 0 !important; }

.main-cont2 {
    width: 1065px;
    margin: 0 auto;
    padding: 0 70px;
}
.main-cont3 {
    padding: 82px 0;
    height: 314px;
    text-align: center;
    margin-bottom: 95px;
}
.main-cont4 {
    padding: 82px 0;
    height: 355px;
    text-align: center;
    margin-bottom: 95px;
}
.submenu-title {
    font-size: 50px;
    font-weight: 500;
    text-align: center;
    margin: 50px auto;
}
.sub-text1 {
    font-size: 29px;
    color: #02065f;
    line-height: 23px;
    margin-bottom: 25px;
    float: left;
    width: 60%;
}
.sub-text2 {
    font-size: 1.225rem;
    line-height: 2;
    margin-bottom: 50px;
    color: #666666;
    font-weight: 400;
/*    float: left;*/
    width: 100%;
}
.sub-text3 {
    font-size: 33px;
    font-weight: 500;
    color: #000000;
    line-height: 23px;
    margin-bottom: 25px;
}
.sub-text4 {
    font-size: 1.225rem;
    line-height: 2;
    margin-bottom: 50px;
    color: #666666;
    font-weight: 400;
}
.sub-text5 {
    font-size: 36px;
    font-weight: 500;
    color: #733b04;
    line-height: 23px;
    margin: 0 auto 25px 0;
    width: 100%;
    text-align: center;
}
.sub-text6 {
    font-size: 21px;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: left;
    margin: 0 auto;
    display: inline-block;
}
.sub-text7 {
    font-size: 36px;
    font-weight: 500;
    color: #0b0b90;
    line-height: 23px;
    margin: 0 auto 25px 0;
    width: 100%;
    text-align: center;
}
.sub-text8 {
/*	width: 60%;*/
	font-size: 30px;
	color: #02065f;
	line-height: 30px;
	margin-bottom: 25px;
/*	float: left;*/
}
.sub-text9 {
/*	width: 60%;*/
	font-size: 1.5rem;
	font-weight: 400;
	color: #666666;
	line-height: 2;
/*	float: left;*/
	margin-bottom: 100px;
}

.sub-photo1 {
	width: 40%;
	float: left;
	margin-bottom: 30px;
}
.sub-photo2 {
    width: 197px;
    float: left;
    margin-right: 35px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.sub-photo3 {
    width: 38%;
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
}

.sub-line {
    width: 100%;
    border: 1px solid #e2e2e2;
    clear: both;
    margin-bottom: 50px;
}
.since_wrap {
    font-size: 60px;
    color: #09738d;
    font-weight: 700;
    font-family: "Pretendard";
}
.limit {max-width: 1300px; width: 100%; padding: 0/* 10px*/; margin: 0 auto;}
.limit1100 {max-width: 1120px; width: 100%; padding: 0 10px; margin: 0 auto;}
.limit1200 {max-width: 1220px; width: 100%; padding: 0 10px; margin: 0 auto;}
.limit1300 {max-width: 1220px; width: 100%; padding: 0 150px; margin: 0 auto;}
.limit1200 > li {display: flow-root;}
.sub0104 .tap_area {display: table; width: 100%; text-align: center; background-size: cover; background-position: center; height: 360px; margin: 0 0 70px;}
.sub0104 .tap_area > div {display: table-cell; vertical-align: middle;}
.tap_area {text-align: center;}
.tap_area ul {display: inline-block; margin: 50px 0 50px;}
.tap_area ul li {display: table; float: left; min-width: 150px; height: 45px;  text-align: center; margin: 0 10px 10px 0; overflow: hidden;}
.tap_area ul li:last-child {margin: 0;}
.tap_area ul li a {
    display: table-cell;
    vertical-align: middle;
    background: url(/images/btn-year.png);
}
.tap_area ul li a span {font-size: 1.188rem; font-weight: 700; line-height: 1;}
.tap_area ul li.on a,
.tap_area ul li a:hover {color:#ccc;}
.history_list_part  {position: relative;}
.history_list_part .big_tit {position: relative; margin: 140px 0 100px;}
.history_list_part .big_tit strong {position: relative; display: block; text-align: center; font-size: 2.188rem; z-index: 2; line-height: 1; font-weight: 800;}
.history_list_part .big_tit span {position: absolute; left: 50%; top: 0; transform: translate(-50%,0); color: #f6f6f6; font-size: 6.25rem; font-weight: 800; line-height: 1; letter-spacing: -4px; white-space: nowrap;}

.history_list_part .line {position: absolute; left: 50%; top: 100px; transform: translate(-50%,0); background: #eeeeee; width: 1px; height: calc(100% - 100px);}
.history_list_part .line .target {position: -webkit-sticky;position: sticky; left: 0; top: 50%; width: 100%; height: 60px; background: #222222; transform: translate(0,-50%);  transition: .3s ease;}
.history_list_part .limit1200 > li + li {margin: 0;}
.history_list_part .limit1200 > li > .clear > div {display: inline-block;  width: 50%; }
.history_list_part .limit1200 > li > .clear .img_wrap {display: inline-block;}
.history_list_part .limit1200 > li > .clear > div.left {padding: 0 60px 0 0; float: left;}
.history_list_part .limit1200 > li > .clear > div.left.img_part,
.history_list_part .limit1200 > li > .clear > div.left.txt_part {text-align: right;}
.history_list_part .limit1200 > li > .clear > div.right {padding: 0 0 0 60px; float: right;}
.history_list_part .limit1200 > li > .clear > div.txt_part li + li {margin: 25px 0 0;}
.history_list_part .limit1200 > li > .clear > div.txt_part li b {display: block; font-size: 1.25rem; font-weight: 700; color: #222222; }
.history_list_part .limit1200 > li > .clear > div.txt_part li p {font-size: 1.125rem; font-weight: 400; color: #666666; line-height: 1.5;}

.cont {margin: 0 0 100px;}
.no_cursor {cursor: auto;}
.clear::after {content: ""; display: block; clear: both;}
.root_daum_roughmap .cont {display:none !IMPORTANT}

.tbl1 {
    border-top: 3px solid #555555;
    margin-top: 50px;
}
.tbl1 th {
    width: 20%;
    background-color: #fafafa;
    border-right: 1px solid #555555;
    border-bottom: 1px solid #555555;
    height: 60px;
    vertical-align: middle;
}
.tbl1 td {
    width: 70%;
    background-color: #fafafa;
    border-bottom: 1px solid #555555;
    height: 60px;
    vertical-align: middle;
    padding-left: 15px;
}

.top-search .ico_close		{display:none;position:absolute;right:10px;top:6px;width:30px;height:30px;}
.top-search .ico_close:before	{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);height:25px;border-right:2px solid #FF9200;}
.top-search .ico_close:after	{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);height:25px;border-right:2px solid #FF9200;}
.top-search .cont			{position:absolute;right:0;left:0;top:0;width:100%;background:#F4F4F4 url(../img/topsearch_bg.png) no-repeat 80% 0;border-bottom:2px solid #2A3C66;opacity:0;visibility:hidden;height:340px;padding:60px 80px;box-shadow:inset 0 8px 5px -3px rgba(0,0,0,0.2);}
.top-search.open .cont		{opacity:1;visibility:visible; top:44px;}
.top-search.open .ico_search	{display:none;}
.top-search.open .ico_close		{display:block;}
.top-search .cont .title	{font-size:40px;font-family:'TitilliumWeb';letter-spacing:10px;line-height:0.6;font-weight:200;color:#2A3C66;}
.top-search .search-wrap	{background:#fff;border:2px solid #2A3C66;border-radius:5px;padding:15px;}
.top-search .search-wrap:after	{content:"";display:block;float:none;clear:both;}
.top-search .search-wrap .text-box	{position:relative;float:left;width:calc(100% - 220px);padding-left:20px;}
.top-search .search-wrap a			{position:absolute;right:0;top:0;width:40px;height:40px;line-height:38px;text-align:center;font-size:18px;color:#2A3C66;}
.top-search .select-box				{float:left;width:220px;padding-right:20px;border-right:1px solid #E7E7E7;}
.top-search .select-box:after		{content:"";clear:both;display:block;float:none;}
.top-search .select-box .dropdown	{line-height:40px;padding:0;margin:0;}
.top-search .select-box .dropdown-menu 	{width:100%;padding:0;}
.top-search .select-box .dropdown-menu li	{padding:0 20px;line-height:40px;border-top:1px solid #eaeaea;cursor:pointer;font-weight:400}
.top-search .select-box .dropdown-menu li:hover{background:#f4f4f4;color:#2A3C66;}
.top-search .select-box .dropdown-menu li:first-child{border:none;}
.top-search .select-box button		{border-radius:4px;width:100%;display:block;line-height:38px;height:40px;background:none;border:none;padding:0 10px;text-align:left;}
.top-search .select-box button .fa	{float:right;display:block;line-height:40px;font-size:20px;color:#2A3C66;}
.top-search .search-wrap input		{height:40px;font-size:14px;color:#949DB2;border:none;}
.top-search .select-box button:focus,
.top-search .search-wrap input:focus	{outline:none;border:1px solid #2A3C66;}
.top-search .search-wrap input::placeholder	{color:#2A3C66;}
.top-search .hotkeyword			{position:relative;padding:25px 0;}
.top-search .hotkeyword:after	{content:"";display:block;float:none;clear:both;}
.top-search .hotkeyword .tit	{float:left;width:220px;font-size:16px;font-weight:600;color:#2A3C66;border-right:1px solid #ccc;line-height:30px;}
.top-search .hotkeyword ul		{float:left;width:calc(100% - 420px);padding-left:30px;line-height:30px;/*height:30px;*/overflow:hidden;}
.top-search .hotkeyword .tab-wrap	{position:absolute;right:0;top:25px;}
.top-search .hotkeyword .tab-wrap a	{display:block;float:left;line-height:30px;border:1px solid #2A3C66;padding:0 10px;font-size:12px;color:#2A3C66;}
.top-search .hotkeyword .tab-wrap a.on	{color:#fff;background:#2A3C66;}
.top-search .hotkeyword li .num	{display:inline-block;width:26px;height:26px;background:#2A3C66;border-radius:50%;margin:2px;text-align:center;line-height:26px;font-size:10px;color:#F4F4F4;}
.top-search .hotkeyword li a	{font-size:14px;color:#333;margin:0 10px;height:30px;overflow:hidden;display:inline-block;max-width:calc(100% - 100px);vertical-align:middle;}
.top-search .hotkeyword li .updown.up	{color:#FF0000;}
.top-search .hotkeyword li .updown.down	{color:#0000FF;}
.top-search .quick		{position:absolute;left:0;bottom:0;width:100%;border-top:1px dashed rgba(0,0,0,0.1);padding:20px 80px;}
.top-search .quick ul	{margin:0 -10px;}
.top-search .quick li	{float:left;width:25%;}
.top-search .quick a	{display:block;margin:0 10px;border-radius:5px;background:rgba(255,255,255,0.5);border:2px solid #2A3C66;padding:15px 20px;font-size:16px;color:#2A3C66;transition:all 0.2s ease-out;}
.top-search .quick a:after	{content:"\f178";font-family:FontAwesome;float:right;}
.top-search .quick a:hover	{background:#2A3C66;color:#CAB48E;}
.top-search .hot-all	{position:absolute;right:195px;top:26px;width:calc(100% - 450px);text-align:right;z-index:3;}
.top-search .hot-all .all-btn	{color:#2A3C66;display:inline-block;}
.top-search .hot-all ul		{opacity:0;visibility:hidden;position:absolute;right:0;top:35px;border-radius:6px;float:none;width:100%;padding:15px 18px 10px 18px;background:#fff;text-align:left;line-height:1.4;}
.top-search .hot-all.open .all-btn	{transform:rotate(180deg);}
.top-search .hot-all.open ul	{opacity:1;visibility:visible;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.top-search .hot-all li			{padding:2px 0;}
.top-search .hot-all li .num	{line-height:1.4;width:auto;height:auto;background:none;color:#2A3C66;font-size:14px;margin:0;vertical-align:top;}
.top-search .hot-all li a		{vertical-align:top;height:auto;max-width:calc(100% - 40px);}
.top-search .hot-all li .updown	{font-size:12px;display:inline-block;vertical-align:top;margin-top:1px;}

#id_gnb_bg		{position:absolute;right:0%;top:44px;z-index:3;box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.gnb_bg			{width:100%;padding:0; background:#F9F9F9;box-shadow:inset 0 8px 5px -3px rgba(0,0,0,0.2);}
.gnb_bg:before	{content:"";position:absolute;left:0;top:0;width:250px;height:100%;background:url(../img/gnb_bg.jpg) no-repeat 0 50%;}

#header .gnb-wrap{border-bottom:1px solid rgb(255, 255, 255,0.25); position:relative;z-index:9999;}
#header.active .gnb-wrap{border-color:#d7d7d7;}
#header.active #link .sns-wrap a.sns-facebook:before	{color:#666;}
#header.active #link .sns-wrap a .sns-stay	{display:none;}
#header.active #link .sns-wrap a .sns-active	{display:inline-block;}
#header.fix .gnb-wrap{border:none;}
#header.active #gnbmn ul.depth1 li a{color:#000000;}
#header.active.fix #gnbmn ul.depth1 li a{color:#ffffff;}
#header.active.fix #link .sns-wrap a.sns-facebook:before	{color:#fff;}
#header.active.fix #link .sns-wrap a .sns-stay	{display:inline-block;}
#header.active.fix #link .sns-wrap a .sns-active	{display:none;}
#header.active #gnbmn ul.depth1 li a:hover{color:#002870;}
#header.active.fix #gnbmn ul.depth1 li a:hover{color:#FFFFCC;}
#header.active #link a{color:#000}
#header.active #link a.on	{color:#FF9200;}
#header.active #link a:last-child span{background-color:#333;}

#header.fix			{position:fixed;left:0;top:0;width:100%;height:124px;border-bottom:1px solid rgba(0,0,0,0.1);background:#2A3C66;z-index:100;}
/* #header.fix:before	{content:"";position:absolute;right:0;top:0;width:50%;height:80px;background:#2A3C66;} */
#header.fix .topwrap	{}
#header.fix #logo		{top:6px;}
#header.fix #logo .n1	{display:none;}
#header.fix #logo .n2	{display:block;}
#header.fix #gnbmn ul.depth2 .title	{left:-290px;padding-left:0;}
#header.fix #gnbmn ul.depth2	{padding-left:10px;left:0;}
#header.fix #gnbmn ul.depth2 > li:hover > a	{padding:0 20px;}
#header.fix #link a{color:#fff}
#header.fix #link a:last-child span{background-color:#fff;}
#header.fix #link a.on	{color:#FF9200;}
#header.fix	#gnb 		{top:0;}
#header.fix #id_gnb_bg	{top:124px;width:100%;margin-left:0;left:0;}
#header.fix .gnb_bg:before	{width:calc(50% - 330px);background-position:100% 50%;}
#mo-menu{display:none}

#footer	{background:#282828;padding:30px 0 0;}
#footer .fcont-wrap	{margin:-20px;}
#footer .fcont		{float:left;}
#footer .fcont1	{width:calc(15% - 40px);margin:20px;}
#footer .fcont2	{width:calc(51.66% - 40px);margin:20px;}
#footer .fcont3	{width:calc(33.33% - 40px);margin:20px;}

#footer .fcont1	span	{display:inline-block;margin-right:10px;margin-top:20px;}
#footer .fcont1	span:nth-child(2) a:before	{content:"f";font-family:Lato;font-weight:700;color:#fff;}
#footer .fcont1 a	{font-size:20px;}

#footer .fcont2 p	{color:#fff;font-size:18px;margin-bottom:10px;}
#footer .fcont2 li	{position:relative;color:#dfdfdf;font-size:12px;padding:2px 0 2px 20px;}
#footer .fcont2 li i	{position:absolute;left:0;top:8px;}

#footer .fcont3 a	{color:#fff;font-size:13px;display:block;}
#footer .fcont3 a:focus	{outline:2px solid #ccc;}
#footer .fcont3 .fsite-info ul	{margin-bottom:20px;}
#footer .fcont3 .fsite-info li	{float:left;margin-right:10px;}
#footer .fcont3 .fsite-info li:last-child	{margin-right:0}
#footer .fcont3 .fsite-link li a	{color:#666;}
#footer .fcont3 li:first-child a{color:#ff9c00;}
#footer .fcont3 .fsite-link .dropdown	{position:relative;float:left;width:calc(100% - 90px);margin-right:10px;border:1px solid #666;color:#516B7B;line-height:45px;height:45px;cursor:pointer;color:#666;}
#footer .fcont3 .fsite-link .dropdown .tit	{padding:0 20px;}
#footer .fcont3 .fsite-link .dropdown ul	{background:#4d4d4d;position:absolute;width:calc(100% + 2px);left:-1px;border-radius:0;padding:0;top:42px;}
#footer .fcont3 .fsite-link .dropdown ul li {padding: 0 20px;border-bottom: 1px dashed #656565;font-size: 12px;color:#fff;}
#footer .fcont3 .fsite-link .dropdown ul li a{padding:15px 0 !important;display:block;border-bottom: 1px dashed #656565;font-size: 12px;color:#fff;border-bottom:0;}
#footer .fcont3 .fsite-link .dropdown ul li a:hover{background:transparent !important;}
#footer .fcont3 .fsite-link .dropdown ul li a:focus{background:#333;}
#footer .fcont3 .fsite-link .dropdown ul li:last-child	{border-bottom:0;}
#footer .fcont3 .fsite-link .dropdown:after	{position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-weight:900;font-family:FontAwesome;color:rgba(255,255,255,0.5);font-size:20px;}
#footer .fcont3 .fsite-link .more	{display:block;float:left;width:80px;line-height:43px;text-align:center;border:1px solid #ccc;}
#copyright	{background:#212121;text-align:center;padding:15px 0;margin-top:30px;font-size:12px;color:#fff;}
#copyright address	{line-height:1.5;padding:0 20px;}

/* sub */
#sub-visual			{position:relative;width:100%;padding-top:190px;height:300px;background:url(../img/svbg.png) no-repeat 50% 50%;background-size:cover;overflow:hidden;}
#sub-visual:after	{content:"";position:absolute;right:calc(50% - 820px);bottom:0;width:440px;height:320px;background:url(../img/mguide_img.png) no-repeat 50% 100%;}
#sub-visual .title	{text-align: center;}
#sub-visual .title p		{color:#ffffff;}
#sub-visual .title .etit	{font-family:'TitilliumWeb';font-size:14px;letter-spacing:4px;margin-bottom:10px;}
#sub-visual .title .tit		{font-size:34px;line-height:1;letter-spacing:-2px;}
#sub-visual .title .tit-en	{font-size:30px;letter-spacing:0;}
#sub-visual .title .tit span{font-weight:600;}
#sub-visual .next		{position:relative;float:left;width:calc(50% - 160px);z-index:5;}
#sub-visual .next .txt	{float:left;padding:10px 0;}
#sub-visual .next .tit	{font-size:14px;color:#666;}
#sub-visual .next .name	{font-size:26px;color:#2A3C66;}
#sub-visual .next a		{position:relative;float:left;display:block;margin-left:20px;width:70px;height:70px;border:1px solid #2A3C66;border-radius:50%;}
#sub-visual .next a:before	{content:"";position:absolute;left:50%;margin-left:-7px;top:50%;width:14px;border-bottom:1px solid #2A3C66;}
#sub-visual .next a:after	{content:"";position:absolute;left:50%;margin-top:-3px;top:50%;width:7px;height:7px;border-right:1px solid #2A3C66;border-top:1px solid #2A3C66;transform:rotate(45deg);}

#snbmn a.newWin	.fa	{position:absolute;right:15px;top:20px;font-size:12px;text-align:right;}

.sub-section	{position:relative;z-index:5;}
.sub-section img{max-width:100%}

.search-snb #snb ul li:after	{display:none;}

.body-title		{float:left;}
.body-title h1	{padding:0;font-size:35px;color:#000;font-weight:600;line-height:1;}

.pnb		{position:relative;float:left; width:300px; z-index:99;}
.pnb:after	{content:"";display:block;float:noen;clear:both;}
.pnb a		{display:block;float:left; width:60px; height:60px; position: relative;}
.pnb a span{display: block; background-image:url(../img/pnb_ico.png); background-repeat:no-repeat; position: relative; top:50%; transform:translateY(-50%); margin:0 auto;}
.pnb .ico-font-up span		{background-position:-12px -12px; width:16px; height:16px;}
.pnb .ico-font-normal span	{background-position:-53px -12px; width:14px; height:16px;}
.pnb .ico-font-down	span	{background-position:-92px -19px; width:16px; height:1px;}
.pnb .ico-print	span		{background-position:-130px -10px;width:21px; height:21px;}
.pnb .ico-share span		{background-position:-169px -9px; width:20px; height:22px;}
.pnb .share		{position:absolute;right:0;top:50px;z-index:9999;width:auto;background:#fff;border:1px solid #eaeaea;padding:20px 20px 20px 15px;box-shadow:0 2px 6px rgba(0,0,0,0.1);width:220px;}
.pnb .ico-font-up:after,
.pnb .ico-font-normal:after{content:''; display: block; width:1px; height:10px; background-color:#ccc; position: absolute; right:0; top:50%; transform:translateY(-50%);}
.share a	{display:block;float:left;margin-left:5px;width:30px;height:30px;border-radius:0;background-repeat:no-repeat;background-position:50% 50%;background-size:30px 30px}
.share span	{display:none;}
.share a.kakao		{background-image:url(../img/ico_kakao.png)}
.share a.kakaostory	{background-image:url(../img/ico_kakaostory.png)}
.share a.facebook	{background-image:url(../img/ico_facebook.png)}
.share a.twitter		{background-image:url(../img/ico_twitter.png)}
.share a.blog		{background-image:url(../img/ico_blog.png)}

#body-content	{padding:0 0 100px 0;}

#body-foot		{padding:40px 0;background:#F4F4F4;}
.sub-guide		{position:relative;float:left;width:calc(50% + 30px);padding-right:20px;height:155px;}
.sub-guide:after	{content:"";display:block;float:none;clear:both;}
.sub-guide .title-wrap	{float:left;width:190px;}
.sub-guide .title-wrap .tit	{font-family:'TitilliumWeb';font-size:30px;color:#37495E;line-height:1;}
.sub-guide .title-wrap .txt	{font-size:16px;color:#888;margin-top:10px;}
.sub-guide .left	{width:calc(100% - 190px);min-height:156px;}
.sub-guide li	{position:relative;line-height:2.6;}
.sub-guide li .tag		{display:inline-block;width:80px;line-height:24px;font-size:12px;margin-right:8px;text-align:center;color:#fff;}
.sub-guide li .tag.tag-bg1	{background:#A38733;}
.sub-guide li .tag.tag-bg2	{background:#5E7942;}
.sub-guide li .tag.tag-bg3	{background:#999286;}
.sub-guide li a			{display:inline-block;font-size:16px;color:#666;width:calc(100% - 150px);height:25px;line-height:1.4;overflow:hidden;vertical-align:middle;}
.sub-guide li .date		{position:absolute;right:0;top:5px;font-size:12px;color:#B8BEC7;}
.sub-guide .control		{position:absolute;left:0;bottom:0;}
.sub-guide .control a	{font-size:12px;color:#434956;vertical-align:middle;margin-right:10px;}
.sub-guide .control a.stop	{font-size:8px;}
.sub-bnr		{float:left;width:calc(50% - 30px);padding-left:20px;border-left:1px solid #E1EEF2;}
.sub-bnr ul		{margin:0 -10px;}
.sub-bnr li		{float:left;width:50%;}
.sub-bnr a		{display:block;padding:30px;height:155px;margin:0 10px;background-repeat:no-repeat;background-position:90% 50%;}
.sub-bnr .bg1	{background-color:#8B7254;background-image:url(../img/sbnr_ico1.png);}
.sub-bnr .bg2	{background-color:#314D70;background-image:url(../img/sbnr_ico2.png);}
.sub-bnr .tit	{font-family:'TitilliumWeb';font-size:14px;color:#C4B8A9;}
.sub-bnr .txt	{font-size:22px;font-weight:600;color:#ECE7DF;margin-top:10px;line-height:1.4;}

/* ======= Footer ======= */
footer { overflow-x: hidden; padding: 42px 0 70px; width: 100%; background-color: #62636e; }
footer .container { position: relative; }

.footer-logo { position: absolute; top: -4px; left: 0; bottom: 0; margin: auto; display: block; width: 83px; height: 94px; background: url('/child/img/footer-logo.png') no-repeat center; }

.family-site { position: absolute; top: 0; right: 0;}
.family-site select{
    padding: 0 20px; width: 220px; height: 45px;
    font-size: 16px; font-weight: 600; color: #62636e;
    background: #91929a url('/child/img/icon/family-select-arrow.png') right 20px center no-repeat; border: none; border-radius: 30px;
}
.family-site option { background: #fff; color: #333; }
.bottom-l { padding-left: 105px; }
.footer-link::after { content: ''; display: block; clear: both; }
.footer-link li { float: left; padding-right: 15px; }
.footer-link a { padding: 2px 0; font-size: 18px; color: #aeb0ba; }

.footer-info { margin: 20px 0 0; }
.footer-info::after { content: ''; display: block; clear: both; }
.footer-info li { float: left; padding-right: 10px; }
.footer-info a { padding: 2px 0; font-size: 16px; color: #aeb0ba; cursor: text; }
.copyright { margin-top: 3px; font-size: 14px; color: #aeb0ba; font-weight: 300; }
footer .container {
    margin: auto;
    max-width: 1050px;
    padding: 0;
    position: relative;
}
.modal						{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:999999;overflow:hidden;}
.login-modal-cont 			{position:relative;width:380px;background:#fff;border-radius:10px;padding:30px 20px;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.login-modal-cont p	{font-size:17px;color:#333;}
.login-modal-cont .login-time p:nth-child(2)	{font-size:16px;margin:10px 0 20px 0;color:#888;}
.login-modal-cont p span	{color:#3366CC;text-decoration:underline;;font-weight:500;}
.login-modal-cont .close	{position:absolute;top:-30px;right:-30px;z-index:9999999;opacity:1;}
.login-modal-cont .close a	{position:relative;display:block;float:right;margin-top:3px;width:30px;height:30px;background:none;border:2px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.login-modal-cont .close a:before	{content:"";position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-1px;display:block;width:8px;height:2px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;}
.login-modal-cont .close a:after	{content:"";position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-1px;display:block;width:8px;height:2px;background:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 50%;}
.login-modal-cont .close form	{font-size:14px;color:#ccc;text-shadow:none;display:inline-block;margin-right:10px;margin-bottom:5px;}
.login-modal-cont .close input{margin-top:0;}

/*서브틀작업*/

#snb{width:270px; float:left; position: relative; top:-120px;}
#snb .tit{font-size:27px;color:#ffffff;line-height:1.2;position:relative;height:120px;padding: 35px 10px 35px 0;max-height:120px;}

#snb .tit:after{content:''; display: block; width:1000px; height:100%; background-color:rgba(0,40,112,0.7); position: absolute; right:0; top:0; z-index:-1;}
#snbmn > ul > li{ border-bottom:1px solid #ccc; position: relative;}
#snbmn > ul > li > a{font-size:19px;color:#333333;display: block;line-height: 65px;font-weight:700;line-height: 1.5;padding: 20px 0;padding-right: 40px;}
#snbmn > ul > li.on > a{color:#002870;}
#snbmn > ul > li.on:after{content:''; display: block; position: absolute; width:16px; height:16px; background:url(../img/plus.png)no-repeat 50% 50%; top:25px; right:10px;}
#snbmn > ul ul{background-color:#F4F4F4;padding: 20px;border-top:2px solid #002870;display:none;}
#snbmn ul ul.on	{display:block;}
#snbmn > ul ul > li{}
#snbmn > ul ul > li a{display: block;/* min-height: 35px; */line-height: 1.5;position: relative;padding: 5px 25px 5px 0;font-size: 15px;transition:all 0.2s;}
#snbmn > ul ul > li a:hover	{color:#002870;}
#snbmn > ul ul > li a:hover:after	{background:#002870;transition:all 0.2s;}
#snbmn > ul ul > li.on a{color:#002870;}
#snbmn > ul ul > li a:after{content:'';display: block;position: absolute;right: 0;top:50%;transform:translateY(-50%);width:12px;height:1px;background-color:#CCCCCC;}
#snbmn > ul ul > li.on a:after{background-color:#002870;}
#snbmn > ul ul > li a.newWin:after{content:"\f0c1";font-family: 'FontAwesome';display: block;position: absolute;right: 0;top:50%;transform:translateY(-50%);color:#ccc;background:none;width:auto;height:auto;}
#snbmn > ul ul > li a.newWin:after	{background-color:none;}

.snbmn-en > ul > li > a	{font-size:16px !important;line-height: 1.5 !important;padding:20px 0 !important;padding-right: 40px !important;}
.snbmn-en > ul > li.on:after	{top:50% !important;transform:translateY(-50%) !important;}

#sub-content #content{width:calc(100% - 270px); float:left; padding:40px; position: relative; padding-top:50px;}

#location{float:left;}
#location li{float:left; padding:0 15px; position: relative;font-size:13px;color:#888;line-height:60px;}
#location li.on a		{color:#002870;}
#location li span.blind	{text-indent:-10000px;background:url(../img/ico_home.png) no-repeat 50% 50%;height:50px;width:30px;display:inline-block;}
#location li:after{content:''; display: block; width:1px; height:10px; background-color:#999999; position: absolute; right:0; top:50%; transform:translateY(-50%);}
#location li a{font-size:13px; color:#888; line-height: 60px;}
#location li:first-child	{padding-left:0;}
#location li:last-child:after	{content:none;}
	
#sub-content .pnb		{float:right;}
#sub-content .body-head .top{padding:10px 40px; position: absolute; width:100%; left:0; top:-50px; background-color:#ffffff; z-index:1;}
#mo-snb					{display:none;}

#hanyak-section {
    position: relative;
    top: 50px;
    margin-bottom: 50px;
    background-color: #f7f7f7;
}
.hanyak-wrap {
    margin: 30px 0;
    display: table;
    width: 100%;
}
#hanbang-section {
    position: relative;
    padding: 30px 0 0 0;
/*    background-color: #f7f7f7;*/
}
.hanbang-wrap {
    margin-bottom: 50px;
    display: table;
    width: 100%;
    margin-top: 40px;
}
#notice-section {
    position: relative;
    padding: 30px 0 1px 0;
    background-color: #f7f7f7;
}
.notice-wrap {
    margin-bottom: 50px;
    display: table;
    width: 100%;
}
.main_subtitle 			{font-size:48px; font-weight:600;}
.main_more {
    text-align: right;
    margin-bottom: 20px;
    margin-top: -20px;
}
#link-section {
    position: relative;
    padding: 80px 0 150px 0;
}
.bx1-press				{
	border: 1px solid #e9e9e9;
	background-color: #f6f7fb;
	padding: 40px;
	width: calc(100% / 3 - 30px);
	display: grid;
	float: left;
	margin: 0 15px 30px 15px;
	text-align: center;
}
.bx1-press img			{border:1px solid #bababa; width:100%;}
.bx1-press span			{
	color: #575757;
	font-size: 18px;
	width: 100%;
}
.bx2-press				{
	padding: 0;
	width: calc(100% / 3 - 30px);
	display: grid;
	float: left;
	margin: 0 15px;
	text-align: center;
}
.bx3-press				{
	padding: 0;
	width: 47%;
	display: grid;
	float: left;
	margin-right: 6%;
	text-align: center;
}
.bx2-press img			{border:1px solid #bababa; width:100%;}
.bx2-press span			{
	color: #575757;
	font-size: 20px;
	width: 100%;
}
.bx3-press th {
    color: #434343;
    font-size: 20px;
    text-align: left;
    letter-spacing: -2px;
    font-weight: 300;
}
.bx3-press td {
    color: #a3a3a3;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.bx4-press {
    padding: 0;
    width: calc(100% / 6);
    display: grid;
    float: left;
    text-align: center;
}
.bx4-press img {
    width: 80%;
}

.bx-end					{margin-right:0;}

.season-menu-area {
    z-index: 2;
    position: relative;
    margin: 20px auto 20px;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #ebebeb;
}
.season-menu-list {
	margin: 0 auto 50px auto;
	max-width: 1050px;
	width: 60%;
}
.season-menu-list:after { content: ''; display: block; clear: both; }
.season-menu-list li {
	height: 42px;
	width: 125px;
	float: left;
	position: relative;
	text-align: center;
	font-size: 29px;
	margin: 0 17px;
	line-height: 38px;
	border: 1px solid #a3a3a3;
	border-radius: 20px;
}
/*.season-menu-list li:before{
	content: "●";
}*/
.season-menu-list li a {
    display: block;
    height: 80px;
	font-size: 29px;
    font-weight: 400;
    color: #000;
}
.season-menu-list li a:hover { color: #836e6a; }
.season-menu-list li.on::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
/*    background: #3465bf;*/
}
.season-menu-list li.on a {
/*    color: #3b68b9; */
    font-weight: 500;
}
.season-menu-list li a:hover span:after,
.season-menu-list li.on a span:after { width: 100%; }

.season-menu-list li.on .season-disk {
	color:#276ca7 !important;
}

.season-disk {
	width:42px;
	float:left;
	clear:left;
}

.season-text {
	width:70px;
	float:left;
	clear:right;
}

/* Sub Tab List */
.sub-tab-area {
    z-index: 2;
    position: relative;
    margin: 20px auto 20px;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #ebebeb;
}
.sub-tab-list {
    margin: auto;
    max-width: 1050px;
    width: 100%;
}
.sub-tab-list:after { content: ''; display: block; clear: both; }
.sub-tab-list li {
    float: left;
    position: relative;
    text-align: center;
}
.sub-tab-list li a {
    display: block;
    height: 80px;
    font-size: 22px;
    font-weight: 400;
    color: #888;
}
.sub-tab-list li a:hover { color: #836e6a; }
.sub-tab-list li.on::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #3465bf;
}
.sub-tab-list li.on a {
    color: #3b68b9;
    font-weight: 500;
}
.sub-tab-list li a:hover span:after,
.sub-tab-list li.on a span:after { width: 100%; }
.l-1 li { height: 43px; width: 100%; }
.l-2 li { height: 43px; width: 50%; }
.l-3 li { height: 43px; width: 33.33333%; }
.l-4 li { height: 43px; width: 25%; }
.l-5 li { height: 43px; width: 20%; }
.l-6 li { height: 43px; width: 16.66666%; }
.l-7 li { height: 43px; width: calc(100% / 7); }

.i-emergency { display: inline-block; vertical-align: -5px; margin-right: 5px; width: 32px; height: 25px; background: url('/child/img/icon/i-emergency.png') no-repeat; }

.propose-wrap {
    float: left;
    margin-right: 50px;
}
.propose-wrap-title {
    width: 160px;
    font-weight: 500;
    color: #888;
    text-align: center;
    background-color: #eee;
    margin-top: 10px;
}
.propose-wrap-data {
}
.propose-wrap-data li {
	float: left;
	margin-right: 10px;
}

.uesr_detail_wrap {
	width:100%;
}
.uesr_detail_photo {
    width: 30%;
    vertical-align: bottom;
}
.uesr_detail_photo img {
    width: 90%;
}
.uesr_detail_data {
    width: 50%;
    vertical-align: top;
}
.tbl_user_detail {
	width:100%;
}
.tbl_user_detail th {
    text-align: left;
    padding-right: 40px;
    font-size: 1.3rem;
    height: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #e4e1e1;
}
.tbl_user_detail td {
    text-align: left;
    font-size: 1.3rem;
    height: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #e4e1e1;
}
.uesr_detail_data_compname {
    font-size: 2.2rem !important;
    font-weight: 500;
    padding-bottom: 20px;
    color: #035089;
    border-bottom: 2px solid #c7c4c4 !important;
/*    text-align: center !important;*/
}


/* Page Style */
/* #page_list_style { margin: 30px 0 50px; } */
.Paging_Num { margin: auto; width: auto; border-bottom: none !important; }
.Paging_Num tr td { border-bottom: none !important; }

#pager { margin: 40px auto; }
#pager td { padding: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px;  vertical-align: top;}
#pager td a { display: block; padding-top: 1px; width: 100%;  height: 100%;}
#pager td a:hover { padding-top: 0; background-color: #f8f8f8; border: 1px solid #cccccc; }
.current_page { color: #fff; background: #836e6a; cursor: default; border-radius: 50%; }
.page_backward { background: url('/child/img/pager/page_l_2.png') no-repeat center;  }
.page_back5 { background: url('/child/img/pager/page_l.png') no-repeat center; }
.page_5 { background: url('/child/img/pager/page_r.png') no-repeat center; }
.page_forward { background: url('/child/img/pager/page_r_2.png') no-repeat center; }


@media (max-width:1017px){/*720*/
	#skipwrap			{display:none;}
}
@media only screen and (max-width:1023px){ /*720*/
	#top-banner			{padding-bottom:40px;}
	#top-banner .d_width{width:auto;}
	#top-banner .bx  	{width:50%;}
	#top-banner .bx:nth-child(2){border-right:none;}
	#top-banner a.prev	{left:10px;}
	#top-banner a.next	{right:10px;}
	#top-banner .ctrl	{padding:0 10px;border-top:1px dotted rgba(0,0,0,0.1)}
	#top-banner .ctrl a	{margin:0;width:auto;}
	#top-banner .ctrl a	span{display:none}
}
@media only screen and (max-width:767px){ /*auto*/
	#top-banner .d_width{padding:0 30px !important;}
	#top-banner .bx  	{float:none;width:auto;}
	#top-banner .bx:nth-child(2){border:none;}
	#top-banner .bx a.btn_d{display:inline-block !important}
	#top-banner .bx a		{display:block;padding:0 20px !important;}
	#top-banner .closetxt{position:absolute;left:10px;bottom:-30px;}
}
@media only screen and (max-width:1440px){ /*1200*/
	.d_width{width:1200px;}	
	#gnbmn ul.depth1 > li > a	{font-size:18px;padding:0 30px;}
	.top-search	{right:-30px;}
	.top-search .ico_search{line-height:88px; top:0;}
	.topwrap{height:88px;}
	#header{height:168px;}
	#header.fix{height:168px;}
	#id_gnb_bg {top:88px;}
	.topwrap .d_width > a{width:calc(100% / 5); text-align:center;}
	.topwrap .d_width > a:before{display:none !important;}
	#footer .fcont1	{width:calc(20% - 40px);}
	#footer .fcont2	{width:calc(40% - 40px);}
	#footer .fcont3	{width:calc(40% - 40px);}
	
}

@media only screen and (max-width:1256px){
	body{overflow-x:hidden}
	.d_width	{width:960px;}
	#logo	{top:20px;}
	#header.fix #logo		{top:22px;}
	#link .sns-wrap	{display:none;}
	/* #logo					{top:-8px;} */
	#logo img				{width:185px;}
	.topwrap .hollo,
	.topwrap .login-time,
	.topwrap .link a.t-plus		{display:none;}
	.topwrap .d_width > a{padding:0 10px; font-size:12px;}
	.top-search .search-input{width:auto;}
	#gnb					{width:calc(100% - 200px);}
	#gnbmn ul.depth1		{padding:0 60px 0 10px;}
	#gnbmn ul.depth1 li		{}
	#gnbmn ul.depth1 li a	{font-size:16px;padding:0 24px;}
	#gnbmn ul.depth2		{padding-left:0;left:0;width:100%;}
	#gnbmn ul.depth2 .title	{display:none;}
	#gnbmn ul.depth2 li		{width:calc(33.3333% - 20px);}
	#gnbmn ul.depth2 li:nth-of-type(4n+1)	{clear:none;}
	#gnbmn ul.depth2 li:nth-of-type(3n+1)	{clear:both;}
	#gnbmn ul.depth2 li a	{font-size:15px;padding:0;}
	#gnbmn ul.depth3 li a	{font-size:13px;}
	#gnbmn .ico_search		{width:60px;}
	/* .gnb_bg			{width:calc(960px - 200px);margin:0 -480px 0 0;} */
	.gnb_bg:before	{display:none;}

	.top-search .ico_search,
	.top-search .ico_close		{width:30px;}
	.top-search .cont,
	.top-search .quick			{padding-right:50px;padding-left:50px;}
	#footer .fcont-wrap	{margin:-10px;}
	#footer .fcont1{width:calc(23% - 30px); margin:10px;}
	#footer .fcont2{width:calc(77% - 10px); margin:10px;}
	#footer .fcont3{width:100%;  padding:20px 10px 0 10px;border-top:1px dashed #525252; margin:20px 0 0 0;}
	
}
@media only screen and (max-width:1023px){
	.d_width	{width:720px;}
	#header.fix	{height:50px;background:#fff;border:none;}
	#header.fix:before	{display:none;}
	#header.fix #logo	{top:0;}
	.topwrap,
	#gnbmn,
	ul.depth2 .title		{display:none;}
	#header		{position:relative;height:50px;z-index:99;box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
	#header.fix	#gnb,
	#gnb		{position:absolute;top:0;left:0;background:none;width:100%;height:50px;}
	#gnb .d_width{width:auto;}
	#logo		{position:relative;top:0;padding-top:10px;text-align:center;}
	#logo .n1	{display:inline-block;}
	#logo .n2	{display:none;}
	#logo img	{width:auto;height:30px;}
	#header .va_mo			{display:block;width:100%;position:absolute;z-index:9999;top:0;}
	#header .va_mo a.ico_nav		{display:block;width:50px;height:50px;text-align:center;position:absolute;line-height:50px;left:0;top:0;background:#2A3C66;color:#fff;}
	#header .va_mo a.ico_nav		{}
	#header #link	{display:none;}
	#mo-menu		{z-index:9999;}
	#mo-menu .topmn	{padding:20px;border-bottom:1px solid #ddd;text-align:center;font-size:14px;}
	#mo-menu .topmn a{margin:0 5px;}
	#gnb .top-search	{display:none;}
	.va_mo .top-search	{display:block;left:0;top:0;}
	.top-search .ico_search,
	.top-search .ico_close			{width:50px;height:50px;line-height:50px;}
	.top-search .ico_search,
	.top-search .ico_close			{right:0;top:0;}
	.top-search .cont		{top:50px;}
	.gnb_bg		{display:none;}
	
	#footer .fcont1 span	{margin-right:5px;}
	
}
@media only screen and (max-width:767px){
	.d_width	{width:auto;}
	#logo		{padding-top:8px;}
	#logo img	{height:30px;}
	.top-search .cont			{padding:20px;height:auto;}
	.top-search .cont .title	{font-size:30px;}
	.top-search .search-wrap	{padding:5px;}
	.top-search .search-wrap .select-box{width:90px;padding-right:5px;}
	.top-search .search-wrap .text-box	{width:calc(100% - 90px);padding-left:5px;}
	.top-search .select-box .dropdown,
	.top-search .select-box button,
	.top-search .select-box button .fa,
	.top-search .search-wrap input		{line-height:30px;height:30px;font-size:12px;min-height:30px;}
	.top-search .search-wrap a			{width:30px;height:30px;line-height:28px;font-size:16px;}
	.top-search .hotkeyword			{padding:15px 0;}
	.top-search .hotkeyword .tit	{float:none;width:100%;border-right:none;margin-bottom:10px;font-size:15px;}
	.top-search .hotkeyword .tab-wrap a{padding:0 5px;}
	.top-search .bx-wrapper			{margin:0 !important;}
	.top-search .hotkeyword ul		{float:none;width:100%;padding-left:0;}
	.top-search .hotkeyword .tab-wrap	{top:15px;}
	/* .top-search .hotkeyword .updown	{float:right;} */
	.top-search .quick			{position:relative;padding:20px 0 0 0;}
	.top-search .quick ul		{margin:-5px;}
	.top-search .quick li		{width:50%;}
	.top-search .quick a		{text-align:center;padding:10px;font-size:14px;margin:5px;}
	.top-search .quick a:after 	{display:none;}
	.top-search .hot-all		{right:0;top:60px;width:280px;}
	.top-search .hot-all ul	{padding-left:15px;}
	#footer .fcont-wrap	{margin:0 20px;}
	#footer .fcont	{text-align:center;}
	#footer .fcont1	{width:40%;margin:0;}
	#footer .fcont2	{width:60%;margin:0;text-align:left;}
	#footer .fcont3{margin-top:20px;}
	#footer .fcont3 a{letter-spacing:-1px;}
	#footer .fcont3 .fsite-link .dropdown .tit{padding:0 10px;}
	#footer .fcont3 .fsite-info li	{float:none;display:inline-block;padding:5px 10px;margin:0;}
	
}

@media only screen and (max-width:415px){
	#footer	{padding:20px 0 0;}
	#footer .fcont-wrap	{margin:0 20px;}
	#footer .fcont	{text-align:center;}
	#footer .fcont1 {float:none;width:100%;margin:0;}
	#footer .fcont1 p	{display:inline-block;margin-right:20px;}
	#footer .fcont1 p img	{height:38px;}
	#footer .fcont1 span	{margin-top:0;}
	
	#footer .fcont2,
	#footer .fcont3	{float:none;width:100%;margin:20px 0 0;}	
	#footer .fcont3 .fsite-info li	{float:none;display:inline-block;padding:0 5px;margin:0;}
	#footer .fcont3 .fsite-link .dropdown .tit	{padding:0 40px 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
	
	#footer .fcont2 li i	{position:relative;top:0;left:0;}
	#footer .fcont2 li span	{display:block;margin:0 10px;}
}

@media only screen and (max-width:1440px){	
	.top-search .search-input input	{display:none;}
}

@media only screen and (max-width:1256px){
	.sub-bnr a	{background-image:none !important;}
	#sub-visual:after	{right:calc(50% - 740px);}
}
@media only screen and (max-width:1023px){
	#sub-visual			{padding-top:70px;height:220px;}
	#sub-visual:before	{display:none;}
	#sub-visual:after	{right:calc(50% - 560px);height:160px;background-size:auto 100%;}
	#sub-visual .title .etit{letter-spacing:2px;font-size:12px;}
	#sub-visual .title .tit	{font-size:30px;}
	#sub-visual .title .tit-en	{font-size:26px;}
	#sub-visual .next		{display:none;}

	.snb-wrap		{margin-top:-50px;height:50px;}
	#snb ul li span,
	#snb ul li a		{padding:0 15px;min-width:190px;line-height:50px;font-size:14px;}
	#snb ul li:after			{margin-top:-12px;font-size:16px;}
	#snb ul li.home a			{width:50px;height:50px;}
	#snb ul li.home a:before	{line-height:50px;}
	#snb ul ul			{top:50px;}
	#snb ul ul li a		{line-height:40px;font-size:13px;}

	#body-foot	{display:none;}
	.pnb		{display:none;}
}
@media only screen and (max-width:767px){
	#sub-visual		{height:150px;padding-top:65px;}
	#sub-visual .title .tit	{font-size:26px;}
	#sub-visual .title .tit-en	{font-size:24px;}
	.snb-wrap		{margin-top:0;}
	#snb .mobile_none	{display:none;}
	#snb ul li.home		{position:absolute;left:0;top:0;}
	#snb ul li.home a			{background:rgba(0,0,0,0.4);}
	#snb ul li.home a:before	{color:#FFCC00;}
	#snb > ul > li:last-child		{float:none;padding-left:50px;}
	#snb ul li span, #snb ul li a	{width:100%;}

	.body-head		{padding:0 0 20px 0;}
	.body-title		{float:none;}
	.body-title h1	{font-size:30px;text-align:center;margin:0 0 20px 0;}

	#body-content	{padding:0;}
	#sub-content	{padding:30px 15px;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	#sub-visual .title .tit	{font-size:22px;}
}
@media only screen and (max-width:767px){
.login-modal-cont .login-time .mlp10	{margin-left:0 !important;}
}

@media only screen and (max-width:576px){/*mobile-s*/
.login-modal-cont 			{width:300px;}
}

@media only screen and (max-width:1440px){
	#snbmn > ul > li > a	{font-size:16px;}
}

@media only screen and (max-width:1256px){
	#snb		{display:none;}	
	#sub-content #content {float:none;width:100%;margin:0;}
}

@media only screen and (max-width:1023px){
	#mo-snb					{position:relative;display:block;margin:0 0 40px 0;background:#768395;z-index:99;}
	#mo-snb .mobile_none	{display:none;}
	#mo-snb ul li			{position:relative;cursor:pointer;}
	#mo-snb ul li:after			{position:absolute;right:15px;top:50%;margin-top:-12px;content:"\f107";font-weight:900;font-family:FontAwesome;font-size:16px;color:rgba(255,255,255,0.6);}
	#mo-snb > ul > li:last-child:after,
	#mo-snb > ul > li:last-child > span,
	#mo-snb > ul > li:last-child > a	{color:#fff;}	
	#mo-snb ul li span,
	#mo-snb ul li a				{display:block;padding:0 40px 0 20px;line-height:50px;color:rgba(255,255,255,0.6);font-size:13px;background:rgba(0,0,0,0.15);white-space:nowrap;}
	#mo-snb ul li.home			{}
	#mo-snb ul li.home a		{min-width:auto;width:60px;height:50px;padding:0;background:none;}
	#mo-snb ul li span,
	#mo-snb ul li a			{width:100%;}
	#mo-snb ul ul			{visibility:hidden;opacity:0;position:absolute;left:0;top:50px;width:100%;border-top:none;background:#f9f9f9;}
	#mo-snb li:hover ul		{visibility:visible;opacity:1;transition:all .3s;box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
	#mo-snb ul ul li		{float:none;}
	#mo-snb ul ul li:after	{display:none}
	#mo-snb ul ul li a		{position:relative;min-width:auto;line-height:42px;color:#666;font-size:14px;border:none;border-bottom:1px solid #E7E7E7;padding:0 20px;background:none;}
	#mo-snb ul ul li:last-child a	{border-bottom:none;}
	#mo-snb ul ul li a:hover		{background:#F0F7F9;}
	#mo-snb ul ul li.on a,
	#mo-snb ul ul li.on a:hover	{background:#2A3C66;color:#fff;}
	#sub-content .body-head .top	{padding:10px 40px;}
	#location{display:none;}
	#location li span.blind	{height:50px;}
	#sub-content #content	{padding-top:0;}
	.body-title h1	{margin-bottom:30px;}
}

@media only screen and (max-width:767px){
	#location	{float:none;}
	#location li{font-size:12px;float:none;display: inline;}
	#sub-content	{padding-top:0;}
	#sub-content #content	{padding-top:0;}
	#sub-content .body-head .top	{position:relative;padding:0 0 20px 0;text-align:center;top:0;}
	
	#mo-snb			{margin:0;}
	#mo-snb .mobile_none	{display:none;}	
	#mo-snb ul li			{float:none;width:100%;}
	#mo-snb ul li span,
	#mo-snb ul li a			{min-width:100%;border-right:none;}	
	#mo-snb ul li.home a	{position:absolute;left:0;top:0;z-index:9;}
	#mo-snb ul ul li a				{font-size:13px;}	
	
	.body-title h1	{margin:20px 0;}
}

@media only screen and (max-width:576px){/*mobile-s*/
}

@media only screen and (max-width:415px){/*mobile-xs*/
	#sub-content #content	{padding:0;}
}