@charset "utf-8";

@font-face { 
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 100; 
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }


html, body { height:100%; }
html { color:#555; font-size:16px; letter-spacing:-0.03em; min-width:320px;  }
html,body,input,textarea,select,table,button,pre { font-family:'Noto Sans KR', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic' !important; } 
table { border-collapse:collapse; }
img { max-width:100%; }
body { overflow:hidden; background-color:rgba(232,242,247,1); }


/* */
.intro { position:relative; min-height:100%; opacity:0; z-index:0; -webkit-transition:opacity 0.3s ease-out, visibility 0s; transition:opacity 0.3s ease-out, visibility 0s; }
.intro .lazy_imgs { display:none; }
.intro > * { width:100%; box-sizing:border-box; }
.intro .lcnt,
.intro .rcnt,
.intro .fcnt { position:fixed; height:100%; bottom:0; left:0; right:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.intro .lcnt { z-index:1; left:-20%; width:150%; background-color:rgba(232,242,247,1); -webkit-transform:skew(-15deg, 0); transform:skew(-15deg, 0); -webkit-transition:width 1.5s cubic-bezier(0, 0, 0.25, 1); transition:width 1.5s cubic-bezier(0, 0, 0.25, 1); }
.intro .rcnt { right:0; bottom:0; background:url('../images/adm/intro_bg_02.jpg?ver=1') no-repeat 50% 100%; background-size:cover; }
.intro .fcnt { z-index:2; opacity:0; background:url('../images/adm/intro_text.png') no-repeat 50% 100%; background-size:cover; -webkit-transition:opacity 0.5s ease-out 0.5s; transition:opacity 0.5s ease-out 0.5s; }
.intro .fcnt h2 { position:absolute; opacity:0; }
.intro .mcnt { position:absolute; height:100%; z-index:5; left:0; top:0; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:transform 0.5s ease-out 0.1s; transition:transform 0.5s ease-out 0.1s; }
.intro .mcnt:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/adm/intro_logo01.png') no-repeat 50% 50%; background-size:100% auto; -webkit-transition:top 0.3s ease-out; transition:top 0.3s ease-out; }
/* */
.intro .logo { margin:0 auto; display:table; max-width:1440px; width:100%; height:100%; position:relative; z-index:2; }
.intro .logo .cont { display:table-cell; vertical-align:middle; padding:10px 20px; }
.intro .logo .title { color:#223d66; font-size:97px; line-height:1.2; white-space:nowrap; margin-top:-60px; letter-spacing:-0.05em; -webkit-transition:font 0.2s ease-out; transition:font 0.2s ease-out; }
.intro .logo .title > em { font-size:60px; font-weight:normal; }
.intro .logo .title > span { display:block; text-indent:-0.03em; }
.intro .logo .top_navi { padding-top:70px; left:0; right:0; position:absolute; visibility:hidden; opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; }


/* */
.intro .logo .list { margin:-10px; }
.intro .logo .list:after { content:""; display:block; clear:both; }
.intro .logo .list > li { float:left; box-sizing:border-box; padding:10px; width:25%; opacity:0; -webkit-transition:opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition:opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transform:translateY(-100px); transform:translateY(-100px); }

/* */
.intro .logo .list .btn_page { display:table; position:relative; background-color:#fff; width:100%; height:200px; line-height:1.2; text-align:center; -webkit-transition:background 0.3s ease-out; transition:background 0.3s ease-out; }
.intro .logo .list .btn_page:before { opacity:0; content:""; display:block; position:absolute; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff; -webkit-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; }
.intro .logo .list .btn_page > span { display:table-cell; vertical-align:middle; position:relative; z-index:1; overflow:hidden; }
.intro .logo .list .btn_page > span > * { display:block; white-space:nowrap; }
.intro .logo .list .btn_page > span br { display:none; }
.intro .logo .list .btn_page em { height:16px; line-height:16px; box-sizing:border-box; -webkit-transition:height 0.3s ease-out; transition:height 0.3s ease-out; }
.intro .logo .list .btn_page b { color:#222; font-size:24px; padding:10px 0; position:relative; -webkit-transition:color 0.3s ease-out; transition:color 0.3s ease-out; }
.intro .logo .list .btn_page b:before { content:""; display:block; margin:0 auto 14px; height:56px; background-image:url('../images/adm/page_icons.png'); background-repeat:no-repeat; }
.intro .logo .list .btn_page b:after { content:""; opacity:0; bottom:10px; display:inline-block; vertical-align:middle; margin-bottom:4px; position:absolute; margin-left:0; width:12px; height:18px; background:url('../images/adm/page_icons.png') no-repeat -50px -50px; -webkit-transition:opacity 0.3s ease-out, margin-left 0.3s ease-out; transition:opacity 0.3s ease-out, margin-left 0.3s ease-out; }
.intro .logo .list .btn_page .ico_01:before { width:54px; background-position:0 -100px; }
.intro .logo .list .btn_page .ico_02:before { width:45px; background-position:-100px -100px; }
.intro .logo .list .btn_page .ico_03:before { width:80px; background-position:-200px -100px; }
.intro .logo .list .btn_page .ico_04:before { width:50px; background-position:-300px -100px; }
.intro .logo .list .btn_page .ico_05:before { width:59px; background-position:-400px -100px; }
.intro .logo .list .btn_page .ico_06:before { width:63px; background-position:-500px -100px; }
.intro .logo .list .btn_page .ico_07:before { width:50px; background-position:-600px -100px; }
.intro .logo .list .btn_page .ico_08:before { width:54px; background-position:-700px -100px; }
.no_touch .intro .logo .list .btn_page:hover,
.intro .logo .list .btn_page:active { background-color:#006e65; }
.no_touch .intro .logo .list .btn_page:hover b,
.intro .logo .list .btn_page:active b { color:#fff; }
.no_touch .intro .logo .list .btn_page:hover em,
.intro .logo .list .btn_page:active em { opacity:0; height:0; overflow:hidden; -webkit-transition-delay:0s; transition-delay:0s; }
.no_touch .intro .logo .list .btn_page:hover:before,
.intro .logo .list .btn_page:active:before { opacity:1; }
.no_touch .intro .logo .list .btn_page:hover b:after,
.intro .logo .list .btn_page:active b:after {  opacity:1; margin-left:8px; }
.no_touch .intro .logo .list .btn_page:hover .ico_01:before,
.intro .logo .list .btn_page:active .ico_01:before { background-position:0 -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_02:before,
.intro .logo .list .btn_page:active .ico_02:before { background-position:-100px -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_03:before,
.intro .logo .list .btn_page:active .ico_03:before { background-position:-200px -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_04:before,
.intro .logo .list .btn_page:active .ico_04:before { background-position:-300px -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_05:before,
.intro .logo .list .btn_page:active .ico_05:before { background-position:-400px -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_06:before,
.intro .logo .list .btn_page:active .ico_06:before { background-position:-500px -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_07:before,
.intro .logo .list .btn_page:active .ico_07:before { background-position:-600px -200px; }
.no_touch .intro .logo .list .btn_page:hover .ico_08:before,
.intro .logo .list .btn_page:active .ico_08:before { background-position:-700px -200px; }


/* */
.ready .intro,
.ready .intro .fcnt { opacity:1; }
.ready .intro .lcnt { width:0; }
.ready .intro .mcnt { -webkit-transform:translateX(0); transform:translateX(0); }
.intro_show { overflow:auto; }
.intro_show .intro .mcnt:before { top:-140px; }
.intro_show .intro .logo .top_navi { position:static; opacity:1; visibility:visible; }
.intro_show .intro .logo .list > li { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
.intro_show .intro .logo .title { margin-top:0 !important; }
.intro_show .intro .logo .title { font-size:79px; }
.intro_show .intro .logo .title > em { font-size:48px; }


/* */
.show_content { background-color:#e8f2f7; }
.show_content .intro { visibility:hidden; opacity:0; width:100%; position:fixed; -webkit-transition-delay:0.5s; transition-delay:0.5s; } 
.show_content .container { opacity:1; position:static; visibility:visible; -webkit-transition-delay:0.5s; transition-delay:0.5s; }
.show_content .content_bg { opacity:1; visibility:visible; }
.container { height:100%; z-index:5; opacity:0; top:0; position:absolute; visibility:hidden; -webkit-transition:opacity 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.5s cubic-bezier(0, 0, 0.25, 1); }
.container .content { min-height:100%; position:relative; z-index:1; box-sizing:border-box; }
/* */
.content_bg { position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden; -webkit-transition:opacity 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.5s cubic-bezier(0, 0, 0.25, 1); background-color:#e8f2f7; }
.content_bg:before { content:""; position:absolute; top:0; left:0; bottom:87px; width:100%; background:url('../images/adm/content_bg_02.jpg') no-repeat 50% 100% #e8f2f7; background-size:cover; }
.content_bg:after { content:""; position:absolute; top:0; left:0; max-width:1920px; width:100%; height:100%; background:url('../images/adm/content_bg_01.png') no-repeat 0 0; background-size:100% auto; }



/* loading */
.loadings { z-index:10000; position:fixed; top:0; left:0; width:100%; height:100%; background:url('../images/common/off_bg.png') repeat 0 0; }
.loadings>div { width:50px; height:50px; position:fixed; left:50%; margin:-25px 0 0 -25px; top:50%; background:url('../images/common/default.gif') no-repeat 50% 50%; }
.loadings ~ .loadings { visibility:hidden !important; }



/* */
.scroller { height:100%; width:100%; position:relative; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.scroller .scroll_content { height:100%; }
.ftscroller_x { vertical-align:top; }

/* */
.navigation { position:fixed; left:0; right:0; bottom:0; height:140px; z-index:8; font-size:0; text-align:center; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.navigation:before { content:""; height:115px; position:absolute; left:0; right:0; bottom:0; background-color:#fff; z-index:0; box-shadow:0 -2px 5px rgba(0,0,0,0.1); }
.navigation .scroller {  }
.navigation .list { height:140px; box-sizing:border-box; white-space:nowrap; }
.navigation .btn_page { opacity:0; position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; box-sizing:border-box; text-align:center; width:-webkit-calc(100% / 8); width:calc(100% / 8); height:115px; margin-top:25px; color:#222; font-weight:bold; font-size:20px;  letter-spacing:-0.05em; background-color:#fff; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; -webkit-transition-property:opacity, background, margin, color, font; transition-property:opacity, background, margin, color, font; }
.navigation .btn_page:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.navigation .btn_page > em { display:inline-block; vertical-align:middle; line-height:1.2; }
.navigation .btn_page > em:before { content:""; display:block; margin:0 auto 10px; height:40px; background-image:url('../images/adm/page_icons.png'); background-repeat:no-repeat; }
.navigation .btn_page .ico_01:before { width:49px; background-position:0 -500px; }
.navigation .btn_page .ico_02:before { width:33px; background-position:-50px -500px; }
.navigation .btn_page .ico_03:before { width:58px; background-position:-100px -500px; }
.navigation .btn_page .ico_04:before { width:36px; background-position:-200px -500px; }
.navigation .btn_page .ico_05:before { width:43px; background-position:-250px -500px; }
.navigation .btn_page .ico_06:before { width:46px; background-position:-300px -500px; }
.navigation .btn_page .ico_07:before { width:36px; background-position:-350px -500px; }
.navigation .btn_page .ico_08:before { width:39px; background-position:-400px -500px; }
.no_touch .navigation .btn_page:hover .ico_01:before,
.navigation .btn_page.active .ico_01:before { background-position:0 -550px; }
.no_touch .navigation .btn_page:hover .ico_02:before,
.navigation .btn_page.active .ico_02:before { background-position:-50px -550px; }
.no_touch .navigation .btn_page:hover .ico_03:before,
.navigation .btn_page.active .ico_03:before { background-position:-100px -550px; }
.no_touch .navigation .btn_page:hover .ico_04:before,
.navigation .btn_page.active .ico_04:before { background-position:-200px -550px; }
.no_touch .navigation .btn_page:hover .ico_05:before,
.navigation .btn_page.active .ico_05:before { background-position:-250px -550px; }
.no_touch .navigation .btn_page:hover .ico_06:before,
.navigation .btn_page.active .ico_06:before { background-position:-300px -550px; }
.no_touch .navigation .btn_page:hover .ico_07:before,
.navigation .btn_page.active .ico_07:before { background-position:-350px -550px; }
.no_touch .navigation .btn_page:hover .ico_08:before,
.navigation .btn_page.active .ico_08:before { background-position:-400px -550px; }
.navigation .btn_page + .btn_page { border-left:1px solid #d8e3e8; }
.no_touch .navigation .btn_page:hover,
.navigation .btn_page.active { background-color:#006e65; color:#fff; }
.navigation .btn_page.active { font-weight:bold; font-size:24px; margin-top:0; height:100%; border-left:0 !important; }
.navigation .btn_page.active + .btn_page { border-left:0; }
.navigation .btn_page:nth-child(1) { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.navigation .btn_page:nth-child(2) { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.navigation .btn_page:nth-child(3) { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.navigation .btn_page:nth-child(4) { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.navigation .btn_page:nth-child(5) { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.navigation .btn_page:nth-child(6) { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.navigation .btn_page:nth-child(7) { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.navigation .btn_page:nth-child(8) { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.navigation .bounceInUp { opacity:1; }



/* */
.page_list { position:relative; overflow:hidden; padding-bottom:170px; }
.page_list h2 { display:inline-block; vertical-align:middle; }
.page_list > li { position:absolute; top:0; left:0; width:100%; box-sizing:border-box; opacity:0; visibility:hidden; margin-left:-100%; -webkit-transition:opacity 0.5s ease-out, margin 0.5s cubic-bezier(1,0,0,1), visibility 0s 0.5s; transition:opacity 0.5s ease-out, margin 0.5s cubic-bezier(1,0,0,1), visibility 0s 0.5s; }
.page_list > li.go { position:relative; top:auto; left:auto; opacity:1; visibility:visible; margin-left:0; -webkit-transition-delay:0s; transition-delay:0s; }
.page_list .ani.on { opacity:1; }
.content_area { visibility:hidden; word-break:keep-all; }
.content_area.active { visibility:visible; }


/* */
.tooltip { display:none; }
.tooltip .cont { opacity:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin-bottom:30px; min-height:100px; box-sizing:border-box; border-top:1px solid #eba046; background-color:#fff; padding:26px 30px 26px 100px; line-height:1.5; position:relative; -webkit-transition:opacity 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.3s; transition:opacity 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.3s; box-shadow:0px 20px 25px 0px rgba(34, 61, 102, 0.1); }
.tooltip .cont:before { content:""; position:absolute; left:30px; top:25px; width:48px; height:44px; background:url('../images/adm/page_icons.png') no-repeat -150px 0; }
.tooltip .cont:after { content:""; position:absolute; left:50%; bottom:-8px; margin-left:-8px; width:0; height:0; border:0; border-style:solid; border-color:transparent; border-width:8px; border-bottom:0; border-top-color:#fff; }
.tooltip.showstart .cont { opacity:1; }
.tooltip .tl { display:table; max-width:100%; line-height:1.75; }
.tooltip .tl > * { display:table-cell; vertical-align:top; }
.tooltip .tl dt + dd { padding-left:0.3em; }
.tooltip .tl dt { font-weight:bold; color:#e28b23; white-space:nowrap; }
.tooltip .expaned { width:100%; }
.tooltip .expaned > * + * { margin-top:10px; }
.tooltip .expaned > *:first-child { padding-top:0 !important; }
/* */
.ie .tooltip .cont { display:table; table-layout:fixed; width:100%; }
.ie .tooltip .cont:before,
.ie .tooltip .cont:after { display:block; }
.ie .tooltip .expaned { display:table-cell; vertical-align:middle; }




/* */
.section { max-width:1440px; margin:0 auto; box-sizing:border-box;/* padding:80px 20px 0;*/ padding:10px 20px 0; position:relative; }
.section .ani { opacity:0; }
.section .ani.animated { -webkit-animation-delay:0s; animation-delay:0s; } 


/* */
.btn_home { position:fixed; top:120px; right:20px; font-weight:bold; color:#006e65; letter-spacing:-0.05em; line-height:1.2; z-index:5; }
.btn_home:before { content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px; background:url('../images/adm/page_icons.png') no-repeat 0 0; position:relative; top:-2px; }
.no_touch .btn_home:hover { text-decoration:underline; }


/* */
.page_link p[class*="lnk_"] { position:fixed; top:50%; margin-top:-45px; text-align:center; padding:0 5px; line-height:1.2; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:5; }
.page_link p[class*="lnk_"] > em { display:block; padding-top:12px; }
.page_link p[class*="lnk_"]:before { content:""; display:block; margin:0 auto; width:62px; height:60px; background-image:url('../images/adm/page_icons.png'); background-repeat:no-repeat; }
.page_link .btn_page { position:absolute; top:0; left:50%; margin-left:-30px; width:60px; height:60px; text-align:left; overflow:hidden; background:url('../images/transparent.png') repeat 0 0; }
.page_link .btn_page > i { position:absolute; opacity:0; top:0; }
.page_link .lnk_prev { left:10px; }
.page_link .lnk_prev:before { background-position:-450px 0; }
.page_link .lnk_next { right:10px; }
.page_link .lnk_next:before { background-position:-550px 0; }


/* */
.btn_home,
.page_link p[class*="lnk_"] { opacity:0; -webkit-transition:opacity 0.5s ease-out 0.5s; transition:opacity 0.5s ease-out 0.5s; }
.page_list > li.go .btn_home,
.page_list > li.go .page_link p[class*="lnk_"] { opacity:1; }
.page_list > li.go .page_link p[class*="lnk_"] { -webkit-transition-delay:1s; transition-delay:1s; }


/* */
.page_title { padding-bottom:18px; margin-bottom:40px; position:relative; border-bottom:1px solid #c9d8df; }
.page_title:after { content:""; display:block; clear:both; }
.page_title .title { line-height:1.2; }
.page_title .title > * { display:inline-block; vertical-align:middle; }
.page_title .title .tit { color:#223d66; font-weight:bold; font-size:35px; letter-spacing:-0.05em; }
.page_title .title .dsc { padding-left:18px; word-break:keep-all; }
.page_title .path { position:absolute; right:0; bottom:18px; font-size:14px; white-space:nowrap; }
.page_title .path > li { display:inline-block; vertical-align:middle; position:relative; }
.page_title .path > li + li { padding-left:30px; }
.page_title .path > li + li:before { content:""; position:absolute; left:12px; width:6px; height:10px; top:50%; margin-top:-5px; background:url('../images/adm/page_icons.png') no-repeat 0 -50px; }
.no_touch .page_title .path a:hover { text-decoration:underline; }


/* */
.shadow_type1 { box-shadow:0px 20px 25px 0px rgba(34, 61, 102, 0.1); }
.cbg1 { background-color:#1c9e6f; }
.cbg2 { background-color:#3573b9; }
.cbg3 { background-color:#1190b0; }
.cbg4 { background-color:#6ba64a; }
.cbg5 { background-color:#6570be; }
.cbg6 { background-color:#099b8f; }
.cbg7 { background-color:#8fa631; }
.cbg8 { background-color:#4f749e; }
.cbg9 { background-color:#0f64a5; }


/* */
.point .highlight { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count:2; animation-iteration-count:2; }
.ie_9 .highlight { opacity:1 !important; }


@media all and (min-width:1921px) {
	.content_bg:before { background-size:1920px auto; background-position:0 100%; }
	.intro .mcnt { left:50% !important; width:1920px; margin-left:-960px; }
	.btn_home { right:50%; margin-right:-890px; }
	.page_link .lnk_prev { left:50%; margin-left:-890px; }
	.page_link .lnk_next { right:50%; margin-right:-890px; }
}

@media all and (min-width:1641px) {
	.page_link p[class*="lnk_"] { width:90px; }
	.page_link p.lnk_prev { padding-left:0; }
	.page_link p.lnk_next { padding-right:0; }
}

@media all and (max-width:1640px) {
	/* */
	.page_link { padding-top:40px; height:100px; box-sizing:border-box; }
	.page_link .btn_page { left:0; right:0; height:auto; width:auto; margin:0; bottom:0; }
	.page_link p[class*="lnk_"] { position:absolute; top:auto; bottom:0; margin:0; height:60px; box-sizing:border-box; white-space:nowrap; }
	.page_link p[class*="lnk_"] > em { display:inline-block; padding-top:0; vertical-align:middle; }
	.page_link p[class*="lnk_"]:before { position:absolute; top:0; }
	.page_link p[class*="lnk_"]:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
	.page_link p.lnk_prev { left:15px; padding-left:80px; }
	.page_link p.lnk_prev:before { left:0; }
	.page_link p.lnk_next { right:15px; padding-right:80px; text-align:right; }
	.page_link p.lnk_next:before { right:0; }
	.page_link br { display:none; }
}

@media all and (max-width:1600px) {
	.btn_home{top: 0.972vw;right: 1.388vw;position:absolute;}
	.section{padding: 5.555vw 1.388vw 0;}
}

@media all and (max-width:1440px) and (min-width:1000px) {
	html { font-size:1.111vw; }

	/* */
	.shadow_type1 { box-shadow:0px 1.388vw 1.736vw 0px rgba(34, 61, 102, 0.1); }

	/* */
	.intro .logo .title { font-size:6.736vw; margin-top:-4.166vw; }
	.intro .logo .title > em { font-size:4.166vw; }
	.intro .logo .top_navi { padding-top:4.861vw; }


	/* */
	.intro .logo .list { margin:-0.694vw; }
	.intro .logo .list > li { padding:0.694vw; }

    

	/* */
	.intro .logo .list .btn_page { height:13.888vw; }
	.intro .logo .list .btn_page:before { top:0.694vw; left:0.694vw; right:0.694vw; bottom:0.694vw; }
	.intro .logo .list .btn_page em { height:1.111vw; line-height:1.111vw; }
	.intro .logo .list .btn_page b { font-size:1.666vw; padding:0.694vw 0; }
	.intro .logo .list .btn_page b:before { margin-bottom:0.972vw; height:3.888vw; background-size:100vw auto; }
	.intro .logo .list .btn_page b:after { bottom:0.694vw; margin-bottom:0.277vw; width:0.833vw; height:1.25vw; background-position:-3.472vw -3.472vw; background-size:100vw auto; }
	.intro .logo .list .btn_page .ico_01:before { width:3.75vw; background-position:0 -6.944vw; }
	.intro .logo .list .btn_page .ico_02:before { width:3.125vw; background-position:-6.944vw -6.944vw; }
	.intro .logo .list .btn_page .ico_03:before { width:5.555vw; background-position:-13.888vw -6.944vw; }
	.intro .logo .list .btn_page .ico_04:before { width:3.472vw; background-position:-20.833vw -6.944vw; }
	.intro .logo .list .btn_page .ico_05:before { width:4.097vw; background-position:-27.777vw -6.944vw; }
	.intro .logo .list .btn_page .ico_06:before { width:4.375vw; background-position:-34.722vw -6.944vw; }
	.intro .logo .list .btn_page .ico_07:before { width:3.472vw; background-position:-41.666vw -6.944vw; }
	.intro .logo .list .btn_page .ico_08:before { width:3.75vw; background-position:-48.611vw -6.944vw; }
	.no_touch .intro .logo .list .btn_page:hover em,
	.intro .logo .list .btn_page:active em { height:0; }
	.ie.no_touch .intro .logo .list .btn_page:hover em,
	.ie .intro .logo .list .btn_page:active em { display:none; }
	.no_touch .intro .logo .list .btn_page:hover b:after,
	.intro .logo .list .btn_page:active b:after { margin-left:0.555vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_01:before,
	.intro .logo .list .btn_page:active .ico_01:before { background-position:0 -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_02:before,
	.intro .logo .list .btn_page:active .ico_02:before { background-position:-6.944vw -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_03:before,
	.intro .logo .list .btn_page:active .ico_03:before { background-position:-13.888vw -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_04:before,
	.intro .logo .list .btn_page:active .ico_04:before { background-position:-20.833vw -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_05:before,
	.intro .logo .list .btn_page:active .ico_05:before { background-position:-27.777vw -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_06:before,
	.intro .logo .list .btn_page:active .ico_06:before { background-position:-34.722vw -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_07:before,
	.intro .logo .list .btn_page:active .ico_07:before { background-position:-41.666vw -13.888vw; }
	.no_touch .intro .logo .list .btn_page:hover .ico_08:before,
	.intro .logo .list .btn_page:active .ico_08:before { background-position:-48.611vw -13.888vw; }


	/* */
	.intro_show .intro .mcnt:before { top:-9.722vw; }
	.intro_show .intro .logo .title { font-size:5.486vw; }
	.intro_show .intro .logo .title > em { font-size:3.333vw; }


	/* */
	.content_bg:before { bottom:6.041vw; }


	/* */
	.navigation,
	.navigation .list { height:9.722vw; }
	.navigation:before { height:7.986vw; }
	.navigation .btn_page { height:7.986vw; margin-top:1.736vw; font-size:1.388vw; }
	.navigation .btn_page > em:before { margin-bottom:0.694vw; height:2.777vw; background-size:100vw auto; }
	.navigation .btn_page .ico_01:before { width:3.402vw; background-position:0 -34.722vw; }
	.navigation .btn_page .ico_02:before { width:2.291vw; background-position:-3.472vw -34.722vw; }
	.navigation .btn_page .ico_03:before { width:4.027vw; background-position:-6.944vw -34.722vw; }
	.navigation .btn_page .ico_04:before { width:2.5vw; background-position:-13.888vw -34.722vw; }
	.navigation .btn_page .ico_05:before { width:2.986vw; background-position:-17.361vw -34.722vw; }
	.navigation .btn_page .ico_06:before { width:3.194vw; background-position:-20.833vw -34.722vw; }
	.navigation .btn_page .ico_07:before { width:2.5vw; background-position:-24.305vw -34.722vw; }
	.navigation .btn_page .ico_08:before { width:2.708vw; background-position:-27.777vw -34.722vw; }
	.no_touch .navigation .btn_page:hover .ico_01:before,
	.navigation .btn_page.active .ico_01:before { background-position:0 -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_02:before,
	.navigation .btn_page.active .ico_02:before { background-position:-3.472vw -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_03:before,
	.navigation .btn_page.active .ico_03:before { background-position:-6.944vw -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_04:before,
	.navigation .btn_page.active .ico_04:before { background-position:-13.888vw -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_05:before,
	.navigation .btn_page.active .ico_05:before { background-position:-17.361vw -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_06:before,
	.navigation .btn_page.active .ico_06:before { background-position:-20.833vw -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_07:before,
	.navigation .btn_page.active .ico_07:before { background-position:-24.305vw -38.194vw; }
	.no_touch .navigation .btn_page:hover .ico_08:before,
	.navigation .btn_page.active .ico_08:before { background-position:-27.777vw -38.194vw; }
	.navigation .btn_page.active { font-size:1.666vw; }



	/* */
	.page_list { padding-bottom:11.805vw; }


	/* */
	.tooltip .cont { min-height:6.944vw; margin-bottom:2.083vw; padding:1.805vw 2.083vw 1.805vw 6.944vw; box-shadow:0px 1.388vw 1.736vw 0px rgba(34, 61, 102, 0.1); }
	.tooltip .cont:before { left:2.083vw; top:1.736vw; width:3.333vw; height:3.055vw; background-position:-10.416vw 0; background-size:100vw auto; }
	.tooltip .cont:after { bottom:-0.555vw; margin-left:-0.555vw; border-width:0.555vw; border-bottom:0; }
	.tooltip .expaned > * + * { margin-top:0.694vw; }


	/* */
	.section { padding:5.555vw 1.388vw 0; }


	/* */
	.btn_home { top:0.972vw; right:1.388vw; }
	.btn_home:before { width:0.972vw; height:0.972vw; margin-right:0.347vw; background-size:100vw auto; top:-0.138vw; }


	/* */
	.page_link { padding-top:2.777vw; height:6.944vw; }
	.page_link p[class*="lnk_"] { height:4.166vw; padding:0 0.347vw; }
	.page_link p[class*="lnk_"]:before { width:4.305vw; height:4.305vw; background-size:100vw auto; }
	.page_link p.lnk_prev { left:1.041vw; padding-left:5.555vw; }
	.page_link p.lnk_prev:before { background-position:-31.25vw 0; }
	.page_link p.lnk_next { right:1.041vw; padding-right:5.555vw; }
	.page_link p.lnk_next:before { background-position:-38.194vw 0; }	


	/* */
	.page_title { padding-bottom:1.25vw; margin-bottom:2.777vw; }
	.page_title .title .tit { font-size:2.43vw; }
	.page_title .title .dsc { padding-left:1.25vw; }
	.page_title .path { bottom:1.25vw; font-size:0.972vw; }
	.page_title .path > li + li { padding-left:2.083vw; }
	.page_title .path > li + li:before { left:0.833vw; width:0.416vw; height:0.694vw; margin-top:-0.347vw; background-position:0 -3.472vw; background-size:100vw auto; }

}


@media all and (max-width:999px) {
	html { font-size:14px; }

	/* */
	.ani { -webkit-animation-delay:0s !important; animation-delay:0s !important; }
	.shadow_type1 { box-shadow:0px 10px 12px 0px rgba(34, 61, 102, 0.1); }

	/* */
	.intro .lcnt { z-index:0; left:0; top:0; bottom:auto; width:100%; height:300px; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:transform 0.5s ease-out 0.1s; transition:transform 0.5s ease-out 0.1s; background:url('../images/adm/intro_logo01_m.png') no-repeat 0 0; background-size:360px auto; }
	.intro .rcnt { z-index:1; right:0; bottom:0; top:212px; height:auto; background:url('../images/adm/intro_bg_02_m.jpg?ver=1') no-repeat 50% 100%; background-size:cover; -webkit-transition:background-position 0.5s ease-out 0.1s; transition:background-position 0.5s ease-out 0.1s; }
	.intro .fcnt { z-index:2; opacity:0; right:0; left:auto; max-width:420px; background:url('../images/adm/typo.png') no-repeat 100% 100%; background-size:100% auto; }
	.intro .mcnt { position:absolute; height:100%; z-index:5; left:0; top:0; }
	.intro .mcnt:before { display:none; }

	

	/* */
	.intro .logo { display:block; }
	.intro .logo .cont { display:block; padding:92px 15px 30px; }
	.intro .logo .title { font-size:35px !important; margin-top:0; }
	.intro .logo .title > em { font-size:21px !important; display:block; }
	.intro .logo .top_navi { padding-top:46px; }
	/* */
	.intro .logo .list { margin:-5px; }
	.intro .logo .list > li { padding:5px; width:33.33%; }


	/* */
	.intro .logo .list .btn_page { height:126px; }	
	.intro .logo .list .btn_page > span { display:table-cell; vertical-align:middle; position:relative; z-index:1; overflow:hidden; }
	.intro .logo .list .btn_page > span > * { display:block; white-space:nowrap; }
	.intro .logo .list .btn_page > span br { display:inline; }
	.intro .logo .list .btn_page em { font-size:12px; line-height:16px; height:32px; }
	.intro .logo .list .btn_page b { padding:6px 0; font-size:17px; }
	.intro .logo .list .btn_page b:before { margin-bottom:7px; height:33px; background-size:720px auto; }
	.intro .logo .list .btn_page b:after { bottom:6px; margin-bottom:3px; width:7px; height:11px; background-position:-50px -25px; background-size:720px auto; }
	.intro .logo .list .btn_page .ico_01:before { width:33px; background-position:0 -150px; }
	.intro .logo .list .btn_page .ico_02:before { width:29px; background-position:-50px -150px; }
	.intro .logo .list .btn_page .ico_03:before { width:46px; background-position:-100px -150px; }
	.intro .logo .list .btn_page .ico_04:before { width:31px; background-position:-150px -150px; }
	.intro .logo .list .btn_page .ico_05:before { width:36px; background-position:-200px -150px; }
	.intro .logo .list .btn_page .ico_06:before { width:35px; background-position:-250px -150px; }
	.intro .logo .list .btn_page .ico_07:before { width:30px; background-position:-300px -150px; }
	.intro .logo .list .btn_page .ico_08:before { width:30px; background-position:-350px -150px; }
	.no_touch .intro .logo .list .btn_page:hover b:after,
	.intro .logo .list .btn_page:active b:after { margin-left:5px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_01:before,
	.intro .logo .list .btn_page:active .ico_01:before { background-position:0 -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_02:before,
	.intro .logo .list .btn_page:active .ico_02:before { background-position:-50px -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_03:before,
	.intro .logo .list .btn_page:active .ico_03:before { background-position:-100px -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_04:before,
	.intro .logo .list .btn_page:active .ico_04:before { background-position:-150px -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_05:before,
	.intro .logo .list .btn_page:active .ico_05:before { background-position:-200px -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_06:before,
	.intro .logo .list .btn_page:active .ico_06:before { background-position:-250px -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_07:before,
	.intro .logo .list .btn_page:active .ico_07:before { background-position:-300px -200px; }
	.no_touch .intro .logo .list .btn_page:hover .ico_08:before,
	.intro .logo .list .btn_page:active .ico_08:before { background-position:-350px -200px; }


	/* */
	.ready .intro .lcnt { width:100%; -webkit-transform:translateX(0); transform:translateX(0); }
	.ready .intro .mcnt { -webkit-transform:translateX(0); transform:translateX(0); }
	.intro_show .intro .rcnt { background-position:50% 85px; } 





	/* */
	.navigation,
	.navigation .list { height:45px; }
	.navigation:before { height:45px; }
	.navigation .btn_page { height:45px; margin-top:0; color:#555; font-size:14px; font-weight:normal; box-sizing:border-box; padding:0 15px; }
	.navigation .btn_page > em { position:relative; }
	.navigation .btn_page > em:before { display:none; }
	.navigation .btn_page > em:after { content:""; position:absolute; left:50%; bottom:-4px; width:0; height:2px; margin:0; background-color:#006e65; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
	.navigation .btn_page + .btn_page { border-left:0 !important; }
		.no_touch .navigation .btn_page:hover,
	.navigation .btn_page.active { font-size:14px; background-color:transparent; color:#006e65; }
	.navigation .btn_page.active { font-weight:bold; }
	.navigation .btn_page.active > em:after { left:0; width:100%; }
	.navigation .scroller:before,
	.navigation .scroller:after { z-index:1; content:""; position:absolute; height:100%; width:20px; top:0; pointer-events:none; }
	.navigation .scroller:before { left:0; 
		background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); 
		background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); }
	.navigation .scroller:after { right:0; 
		background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); 
		background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); }




	/* */
	.page_list { padding-bottom:70px; }



	/* */
	.tooltip { font-size:12px; }
	.tooltip .cont { min-height:65px; margin-bottom:20px; padding:13px 15px 13px 64px; box-shadow: 0px 10px 12px 0px rgba(34, 61, 102, 0.1); }
	.tooltip .cont:before { left:15px; top:14px; width:35px; height:32px; background-position:-175px 0; background-size:720px auto; }
	.tooltip .expaned > * + * { margin-top:5px; }


	.tooltip .tl { display:block; }
	.tooltip .tl > * { display:block; }
	.tooltip .tl dt + dd { padding-left:0; }
	.tooltip .tl dt { white-space:normal; }



	/* */
	.section { padding:29px 15px 0; }
	.content_bg:after { display:none; }
	.content_bg:before { bottom:45px; background-image:url('../images/adm/content_bg_01_m.png'); background-position:100% 100%; background-size:100% auto; }


	/* */
	.btn_home { top:27px; right:15px; font-size:12px; }
	.btn_home:before { width:10px; height:10px; margin-left:4px; background-position:-325px 0; background-size:720px auto; }


	/* */
	.page_link { padding-top:20px; height:50px; font-size:12px; }
	.page_link p[class*="lnk_"] { height:30px; }
	.page_link p[class*="lnk_"]:before { width:32px; height:30px; background-size:720px auto; }
	.page_link p.lnk_prev { padding-left:36px; }
	.page_link p.lnk_prev:before { background-position:-225px 0; }
	.page_link p.lnk_next { padding-right:36px; }
	.page_link p.lnk_next:before { background-position:-275px 0; }	


	/* */
	.page_title { padding-bottom:14px; margin-bottom:15px; }
	.page_title .title .tit { font-size:21px; display:block; padding-right:40px; }
	.page_title .title .dsc { padding-left:0; padding-top:8px; display:block; }
	.page_title .path { display:none; }


}

@media all and (max-width:800px) {
	.navigation .btn_page { width:auto; }
}

@media all and (max-width:640px) {
	.intro .logo .list > li { padding:5px; width:50%; }
}