@charset "utf-8";
@import url('font.css');
@import url('common.css');
@import url('slick.css');
@import url('animate.css');
@import url('jquery.fullpage.min.css');
@import url('board.css');
#wrap {overflow:hidden;}

/*공통*/
.fda_deco:before {content:''; display:inline-block; background-image:url(../../images/ico/ico_fda_w.png); background-repeat:no-repeat; background-position:center; background-size:100%;}
.fda_deco.blue:before {background-image:url(../../images/ico/ico_fda_b.png);}
.clear { clear:both; display:block; content:''; }

/*텍스트 효과*/
.uptxt {display:block; overflow:hidden;}
.uptxt em {display:block; transform: translateY(100%); opacity:0; animation:upTxt 1.5s ease; animation-fill-mode:forwards;}

.wrapper {width:1700px; margin:0 auto;}

header {position:fixed; z-index:9999; top:0; left:0; width:100%; height:80px; text-align:center; transition:background .3s ease;}
header h1 {position:absolute; z-index:1000;  top:23px; left:110px; width:270px; height:31px; text-indent:-9999px; background-image:url(../../images/ico/en_ico_logo.png); background-repeat:no-repeat; background-position:center; background-size:100%;}
header h1.color {background-image:url(../../images/ico/en_ico_logo_c.png);}
header h1 a {display:block; width:100%; height:100%;}

header nav {display:inline-block;}
header nav ul li {display:inline-block; vertical-align:top;}
header nav ul li a {display:block; width:100%; height:100%;}
header nav .depth01 .fda_b {display:none;}
header nav .depth01 > li {margin:0 -3px;}
header nav .depth01 > li:hover > a:after ,
header nav .depth01 > li.on > a:after {left:0; width:100%;}
header nav .depth01 > li:hover .depth02 {display:block; animation:menushow .5s ease;}
header nav .depth01 > li > a {position:relative; padding:28px 33px; color:#fff; font-size:19px; font-weight:600; font-family:'Montserrat';}
header nav .depth01 > li > a:after {content:''; position:absolute; z-index:1; bottom:1px; left:50%; width:0; height:3px; background:#265fb2; transition:all .3s ease;}
header nav .depth01 > li > .fda_deco:before {width:32px; height:13px; margin-right:4px;}

header nav .depth02 {display:none; position:absolute; z-index:1; top:70px; left:0; width:100%; padding:75px 0 62px; text-align:center;}
header nav .depth02 .submenu > li {margin:0 54px;}
header nav .depth02 .submenu > li > a { font-size:17px; color:#333; font-weight:500;}
header nav .depth02	.submenu > li:hover > a {color:#265fb2; }
header nav .depth03 {margin-top:35px;}
header nav .depth03 > li {display:block;}
header nav .depth03 > li + li {margin-top:21px;}
header nav .depth03 > li a {color:#666; font-size:16px;}

header .util {position:absolute; z-index:999; top:27px; right:120px;}
header .util h2 {display:inline-block; width:37px; height:20px; margin-left:20px; text-indent:-9999px; vertical-align:top; background-image:url(../../images/ico/ico_menu.png); background-repeat:no-repeat; background-position:center; cursor:pointer; background-size:100%;}
header .util .lang {display:inline-block; position:relative; text-align:center;}
header .util .lang > a {display:block; width:23px; height:22px; text-indent:-9999px; background-image:url(../../images/ico/ico_lang.png); background-repeat:no-repeat; background-position:0 0; background-size:100%;}
header .util .lang ul {display:none; position:absolute; top:31px; left:50%; width:58px; padding:14px 0; margin-left:-29px; border-radius:4px; box-shadow:0 2px 10px 0 rgba(0,0,0,0.18); background:#fff;}
header .util .lang ul li + li {margin-top:7px;}
header .util .lang ul li a {display:inline-block; position:relative; padding:5px 3px; font-size:12px; font-weight:500; font-family:'Montserrat';}
header .util .lang ul li.on a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#265fb2;}

.test_go {display:none; font-size:20px; font-weight:500;}
.test_go a {display:block; width:100%; height:100%;}

.m_logo {display:none; height:60px; padding:20px 0 0 29px; border-bottom:1px solid #e8e8e8;}
.m_logo a {display:block; width:109px; height:24px; text-indent:-9999px; background:url(../../images/ico/en_ico_logo_c.png) no-repeat center; background-size:100%;}

/*메뉴 오버시*/
header.active {background:#fff; border-bottom:1px solid #e8e8e8;}
header.active h1 {background-image:url(../../images/ico/en_ico_logo_c.png);}
header.active nav .depth01 > li > a {color:#000;}
header.active nav .depth01 > li > .fda_deco:before {background-image:url(../../images/ico/ico_fda_b.png);}
header.active .util h2 {background-image:url(../../images/ico/ico_menu_c.png);}
header.active .util .lang > a {background-image:url(../../images/ico/ico_lang_c.png);}

/*메뉴 스크롤시*/
header.scroll h1 {background-image:url(../../images/ico/en_ico_logo_c.png);}
header.scroll nav .depth01 > li > a {color:#000;}
header.scroll nav .depth01 > li > .fda_deco:before {background-image:url(../../images/ico/ico_fda_b.png);}
header.scroll .util h2 {background-image:url(../../images/ico/ico_menu_c.png);}
header.scroll .util .lang > a {background-image:url(../../images/ico/ico_lang_c.png);}

.nav_bg {position:fixed; z-index:-1; top:80px; left:0; width:100%; opacity:0; height:0; visibility:hidden; background:#fff; transition:all .4s ease;}
.nav_bg.show {opacity:1; visibility:visible;}

/*전체메뉴*/
.all_menu.open {display:block;}
.all_menu {display:none; position:fixed; z-index:999; top:0; right:0; width:100%; height:728px; padding-top:150px; text-align:left; background:#fff; transition:all .3s ease;}
.all_menu .wrapper {padding:0 200px;}
.all_menu .wrapper > div:after {content:''; display:block; clear:both;}
.all_menu .wrapper > div + div {margin-top:30px;}
.all_menu .wrapper > div p {float:left; width:300px; vertical-align:top; font-family:'Montserrat'; font-size:19px; font-weight:600;}
.all_menu .wrapper > div p a:before {content:''; display:inline-block; position:relative; top:4px; width:20px; height:2px; margin-right:13px; vertical-align:top; background:#265fb2;}
.all_menu .wrapper > div p a {display:block; width:100%; height:100%;}
.all_menu .submenu {float:left; width:calc(100% - 300px); padding-left:80px; display:inline-block; vertical-align:top;}
.all_menu .submenu > li {display:inline-block; width:20%; vertical-align:top;}
.all_menu .submenu > li:hover a {color:#265fb2;}
.all_menu .submenu > li > a {color:#333; font-weight:500;}
.all_menu .submenu > li .depth02 {margin-top:18px;}
.all_menu .submenu > li .depth02 a {display:block; width:100%; height:100%; padding:12px 0; color:#666; font-size:15px; font-weight:400;}
.all_menu .submenu > li:nth-child(n+4) + li {margin-top:32px;}
.all_menu .close {position:absolute; top:23px; right:110px; width:32px; height:32px; text-indent:-9999px; background:url(../../images/ico/ico_allmenu_close.png) no-repeat center; background-size:100%;}

/*풀페이지 메뉴*/
.fp_menu {position:fixed; z-index:99; top:50%; right:0; transform:translateY(-50%);}
.fp_menu a {display:block; width:100%; height:100%;}
.fp_menu .qm_tv {position:absolute; top:-140px; right:0; width:90px; height:70px; background:#528ccf; transition:width .4s ease;}
.fp_menu .qm_tv:hover {width:140px;}
.fp_menu .qm_tv a {position:relative; padding:15px 0 0 15px; color:#fff; font-size:15px; line-height:1.3;}
.fp_menu .qm_tv a:after {content:''; position:absolute; top:25px; left:77px; width:30px; height:22px; background:url(../../images/ico/ico_tv.png) no-repeat center; background-size:100%;}
.fp_menu .qm_it {position:absolute; top:-70px; right:0; width:120px; height:70px; background:#3e6cbe; transition:width .4s ease;}
.fp_menu .qm_it:hover {width:140px;}
.fp_menu .qm_it a {position:relative; padding:15px 0 0 15px; color:#fff; font-size:15px; line-height:1.3;}
.fp_menu .qm_it a:after {content:''; position:absolute; top:20px; left:77px; width:30px; height:30px; background:url(../../images/ico/ico_it.png) no-repeat center; background-size:100%;}
.fp_menu .qm_test {position:absolute; top:0; right:0; width:120px; height:70px; background:#265fb2; transition:width .4s ease;}
.fp_menu .qm_test:hover {width:140px;}
.fp_menu .qm_test a {position:relative; padding:15px 0 0 15px; color:#fff; font-size:15px; line-height:1.3;}
.fp_menu .qm_test a:after {content:''; position:absolute; top:16px; left:77px; width:28px; height:32px; background:url(../../images/ico/ico_test.png) no-repeat center; background-size:100%;}


.fp_menu .slide_menu {padding-top:114px;}
.fp_menu .slide_menu li {display:block; position:relative; width:24px; height:1px; background:#000;}
.fp_menu .slide_menu li + li {margin-top:29px;}
.fp_menu .slide_menu li a {padding:8px 0; text-indent:-9999px; transition:all .3s ease;}
.fp_menu .slide_menu li.on {width:46px; background:#265fb2;}
.fp_menu .slide_menu li.on a:after {content:''; }
.fp_menu .slide_menu li.on a:before {opacity:1;}
.fp_menu .slide_menu li a:before {content:''; position:absolute; top:-6px; left:-158px; width:146px; height:14px; opacity:0; background-size:100%; transition:opacity .3s ease;}
.fp_menu .slide_menu li.menu01 a:before {background-image:url(../../images/ico/ico_navov01.png);}
.fp_menu .slide_menu li.menu02 a:before {background-image:url(../../images/ico/ico_navov02.png);}
.fp_menu .slide_menu li.menu03 a:before {background-image:url(../../images/ico/ico_navov03.png);}

/*비주얼*/
.visual {position:relative; color:#fff; font-family:'Montserrat';}
.visual .ov_con {position:relative; height:100%;}
.visual .ov_con h3 {position:absolute; z-index:999; top:248px; left:110px;}
.visual .ov_con h3 span {display:block; margin-bottom:10px; font-size:65px; font-weight:400;}
.visual .ov_con h3 strong {font-size:85px; font-weight:500;}

.visual .ov_con .ov_img {position:relative; height:100%;}
.visual .ov_con .ov_img p {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background-repeat:no-repeat; background-position:center; background-size:cover; transition:opacity .4s ease-out;}
.visual .ov_con .ov_img p.show {opacity:1;}
.visual .ov_con .ov_img .ov_img00 {background-image:url(../../images/pic/pic_ov_img00.jpg);}
.visual .ov_con .ov_img .ov_img01 {background-image:url(../../images/pic/pic_ov_img01.jpg);}
.visual .ov_con .ov_img .ov_img02 {background-image:url(../../images/pic/pic_ov_img02.jpg);}
.visual .ov_con .ov_img .ov_img03 {background-image:url(../../images/pic/pic_ov_img03.jpg);}
.visual .ov_con .ov_img .ov_img04 {background-image:url(../../images/pic/pic_ov_img04.jpg);}
.visual .ov_tab {position:absolute; bottom:0; left:0; width:calc(100% - 220px); margin:0 110px;}

.visual .ov_tab ul:after {content:''; display:block; clear:both;}
.visual .ov_tab ul li {float:left; position:relative; z-index:1; width:25%; border-top:1px solid rgba(255,255,255,.4); transition:all .4s ease;}
.visual .ov_tab ul li.on {border-top:1px solid rgba(255,255,255,1);}
.visual .ov_tab ul li.on:before {opacity:1;}
.visual .ov_tab ul li:before {content:''; position:absolute; z-index:1; top:-62px; right:30px; width:69px; height:61px; opacity:0; background-repeat:no-repeat; background-position:center; background-size:100%; transition:opacity .4s ease;}
.visual .ov_tab ul li.tab01:before {background-image:url(../../images/ico/ico_ov_tabon01.png);}
.visual .ov_tab ul li.tab02:before {background-image:url(../../images/ico/ico_ov_tabon02.png);}
.visual .ov_tab ul li.tab03:before {background-image:url(../../images/ico/ico_ov_tabon03.png);}
.visual .ov_tab ul li.tab04:before {background-image:url(../../images/ico/ico_ov_tabon04.png);}
.visual .ov_tab ul li a {display:block; width:100%; height:100%; padding:28px 0 74px; color:#fff;}
.visual .ov_tab ul li a p {margin-bottom:14px; font-size:24px; font-family:"NanumSquare"; font-weight:800;}
.visual .ov_tab ul li a span {color:rgba(255,255,255,.32); font-size:18px;}

.visual .ov_tab .send {padding:22px 0 44px; margin:0 -110px; font-size:30px; text-align:center; background:rgba(0,0,0,.51);}
.visual .ov_tab .send p {margin-bottom:15px;}
.visual .ov_tab .send p.fda_deco.blue:before {width:70px; height:28px; margin-right:8px; vertical-align:-4px;}
.visual .ov_tab .send strong {position:relative;}
.visual .ov_tab .send strong:after {content:''; position:absolute; bottom:-23px; left:50%; width:16px; height:15px; margin-left:-8px; background:url(../../images/ico/ico_scroll.png) no-repeat center; background-size:100%; animation:move .5s linear infinite alternate; animation-fill-mode:backwards;}

/*메인 콘텐츠*/
[class^="main_con"] > div {position:relative;}
[class^="main_con"] > div:after {content:''; display:block; clear:both;}
[class^="main_con"] > div > div {width:50%; height:100%;}
[class^="main_con"] .txt {float:left; position:relative;}
[class^="main_con"] .txt > div {position:absolute; top:50%; width:100%; padding:0 68px 0 109px; transform:translateY(-50%);}
[class^="main_con"] .txt [class^="empha0"] {font-weight:500;}
[class^="main_con"] .txt .empha01 {color:#000;}
[class^="main_con"] .txt .empha02 {color:#265fb2;}
[class^="main_con"] .img {float:right; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
[class^="main_con"]:nth-child(odd) .txt {float:right;}
[class^="main_con"]:nth-child(odd) .img {float:left;}

.comon_btn {display:inline-block; position:relative; width:200px; height:62px; padding-left:29px; margin-top:48px; margin-bottom:48px;  font-size:16px; font-weight:300; line-height:57px;}
.comon_btn span {display:block; position:relative; width:100%; height:100%; }
.comon_btn span:after {content:''; position:absolute; top:50%; right:20px; width:35px; height:16px; background-image:url(../../images/ico/ico_more_b.png); background-repeat:no-repeat; background-position:center; background-size:100%; transform:translateY(-50%);}
.comon_btn::after , .comon_btn::before {content:''; position:absolute; width:0; height:0; border:1px solid transparent;}
.comon_btn::after {bottom:0; right:0;} 
.comon_btn::before {top:-2px; left:-2px;}
.comon_btn:hover::after , .comon_btn:hover::before {width:100%; height:100%;}
.comon_btn:hover::before {border-top-color:#333; border-right-color:#333; transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.comon_btn:hover::after {border-bottom-color:#333; border-left-color:#333; transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}

.blue_txt {color:#265fb2; font-size:35px; font-weight:900;  margin-top:48px; margin-bottom:48px; font-family:'Montserrat'; letter-spacing:-0.1rem;}

.main_con01 .txt strong {display:block;  margin:12px 0 15px; color:#000; line-height:1.3; font-size:45px; font-weight:700; font-family:'Montserrat'; letter-spacing:-0.1rem;}
.main_con01 .txt p {color:#666; font-size:18px; font-weight:300; line-height:1.5;}
.main_con01 .img {background-image:url(../../images/pic/pic_maincon01.jpg);}

.main_con02 h3 {margin-bottom:81px;}
.main_con02 .txt > div {padding:0 110px 0 60px;}
.main_con02 .txt strong {display:block; margin:62px 0 35px; color:#000; font-size:60px; font-weight:900; font-family:'Montserrat'; letter-spacing:-0.1rem;}
.main_con02 .txt p {color:#666; font-size:18px; font-weight:300; line-height:2.2;}
.main_con02 .img {position:relative; background-image:url(../../images/pic/pic_maincon02.jpg);}
.main_con02 .img .txt {top:286px; width:100%; text-align:center;}
.main_con02 .img .txt strong {color:#fff; font-size:48px;} 
.main_con02 .img .txt p {margin-top:40px; color:#fff; font-size:18px; font-weight:500; line-height:1.7;}
.main_con02 .img .txt .comon_btn {color:#fff; text-align:left;}
.main_con02 .img .txt .comon_btn span:after {background-image:url(../../images/ico/ico_more_w.png);}
.main_con02 .img .txt .comon_btn:hover::before {border-top-color:#fff; border-right-color:#fff;}
.main_con02 .img .txt .comon_btn:hover::after {border-bottom-color:#fff; border-left-color:#fff;}

.main_con02 .txt .more {position:absolute; top:-20px; right:110px; width:41px; height:41px; text-indent:-9999px; border-radius:50%; border:1px solid #c7c7c7; background-image:url(../../images/ico/ico_more.png); background-repeat:no-repeat; background-size:100%; background-position:center;}

.main_con02 ul {position:relative;}
.main_con02 ul li + li {margin-top:49px;}
.main_con02 ul li a {display:block; width:100%; height:100%;}
.main_con02 ul li .news:after {content:''; display:block; clear:both;}
.main_con02 ul li .news [class^="plag0"] {display:inline-block; padding-bottom:2px; margin-bottom:19px; font-size:14px;}
.main_con02 ul li .news .plag01 {color:#265fb2; border-bottom:1px solid #265fb2;}
.main_con02 ul li .news .plag02 {color:#2696b2; border-bottom:1px solid #2696b2;}
.main_con02 ul li .news .date {float:left; width:60px; padding-top:10px; text-align:center; font-family:'Montserrat';}
.main_con02 ul li .news .date strong {color:#000; font-size:36px;}
.main_con02 ul li .news .date span {display:block; margin-top:13px; color:#666; font-size:16px; font-weight:500;}
.main_con02 ul li .news .news_txt {float:left; width:calc(100% - 60px); padding-left:40px;}
.main_con02 ul li .news .news_txt p {margin-bottom:10px; color:#000; font-size:20px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con02 ul li .news .news_txt span {display:-webkit-box; height:56px; color:#666; font-size:15px; font-weight:300; line-height:1.9; min-height:56px; letter-spacing:-0.06rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.top_btn {position:fixed; z-index:1; bottom:30px; right:33px; width:56px; height:56px; opacity:0; visibility:hidden; text-indent:-9999px; background:#000 url(../../images/ico/ico_top.png) no-repeat center; background-size:100%; cursor:pointer; transition:opacity .3s ease;}
.top_btn.show {visibility:visible; opacity:1;}


footer {padding:58px 0 76px; background:#222;}
footer .wrapper {position:relative;}
footer .f_logo {display:inline-block; vertical-align:top; width:127px; height:50px; margin-right:65px; text-indent:-9999px; background:url(../../images/ico/en_ico_f_logo.png) no-repeat center; background-size:100%;}
footer address {display:inline-block; width:900px; padding-top:6px; vertical-align:top;}
footer address > div + div {margin-top:30px;}
footer address p {display:inline-block; color:#a1a1a1; vertical-align:top;}
footer address p a {color:#a1a1a1; vertical-align:top; font-family:'Montserrat';}
footer address p span {margin-left:7px; color:#6d6d6d; vertical-align:top;}
footer address .tit{width:10px;}
footer address .email{width:50px;}
footer address .info p {margin-right:24px; font-weight:500; font-size:16px;}
footer address .center p {margin-right:12px; font-size:14px; font-weight:400;}
footer address .center div + div {margin-top:13px;}

footer .fr_con {position:absolute; top:0; right:0; text-align:right;}
footer .fr_con .family_site a {color:#fff; font-size:13px; font-family:'Montserrat';}

footer .fr_con .family_site {position:relative;}
footer .fr_con .family_site > a {display:inline-block; position:absolute; top:0; right:0; width:197px; height:42px; padding-left:36px; font-weight:500; border:1px solid #555; text-align:left; line-height:39px;}
footer .fr_con .family_site > a:after {content:''; position:absolute; top:50%; right:33px; width:7px; height:4px; transform:translateY(-50%); background-image:url(../../images/ico/ico_f_select.png); background-repeat:no-repeat; background-size:100%; background-position:center;}
footer .fr_con .family_site ul:after {content:''; display:block; clear:both;}
footer .fr_con .family_site ul {display:none; position:absolute; bottom:0; left:0; width:100%; padding:6px 0; background:#a2a9b4;}
footer .fr_con .family_site ul li {float:left; width:50%; padding-left:30px;}
footer .fr_con .family_site ul li a {display:block; width:100%; height:100%; padding:8px 0; font-size:13px; font-weight:500;}
footer .fr_con .family_site ul li:hover a {color:#265fb2;}
footer .fr_con > p {padding-top:42px; margin-top:20px; color:#424242; font-size:14px; font-weight:400;}

footer .fr_con .family_site.open {position:relative; width:327px; margin:0 auto; text-align:left;}
footer .fr_con .family_site.open a {width:100%; text-align:left; background:#a2a9b4;}
footer .fr_con .family_site.open > a {padding-left:30px; border-top:1px solid #fff;}
footer .fr_con .family_site.open > a:after {background-image:url(../../images/ico/ico_f_select_on.jpg);}
footer .fr_con .family_site.open ul {display:block;}


/*****애니메이션******/
@keyframes menushow {
	0% {opacity:0;}
	100% {opacity:1; visibility:visible;}
}

@keyframes upTxt {
	0% {opacity:0;}
	100% {opacity:1; transform: translateY(0);}
}

@keyframes move {
	0% {bottom:-23px;}
	100% {bottom:-28px;}
}


/*메인-레이어팝업*/
.popupLayer1 { position:absolute; width:500px; left:20px; top:20px; z-index:9999999; visibility:hidden;}

/******************************************************************************************************************************************/
@media all and (max-width:1701px){
	.wrapper {width:auto; padding-left:20px; padding-right:20px;}

	header h1 {left:30px; width:170px; height:27px;}
	header .util {right:30px;}
	
	.all_menu {padding-top:140px;}
	.all_menu .submenu > li {font-size:16px;}
	.all_menu .submenu > li .depth02 a {font-size:14px;}
	.all_menu .wrapper {padding:0 20px;}
	.all_menu .close {right:30px;}

	[class^="main_con"] .txt > div {padding:0 30px 0 30px;}
	.blue_txt {font-size:19px;}
	
	.main_con01 .txt p {font-size:16px;}
	.main_con01 .txt strong {margin:45px 0 20px; font-size:38px;}
	.main_con02 .txt p {font-size:16px;}
	.main_con02 .txt strong {margin:45px 0 20px; font-size:38px;}
		
	.main_con02 h3 {margin-bottom:51px;}
	.main_con02 .txt .more {right:30px;}
	.main_con02 .img .txt strong {font-size:45px;}
	.main_con02 .img .txt p {margin-top:25px; font-size:15px;}
	.main_con02 ul li .news .news_txt p {font-size:18px;}
	.main_con02 ul li .news .date strong {font-size:28px;}
	.main_con02 ul li .news .date span {margin-top:6px; font-size:14px;}
	
	.comon_btn {margin-top:40px;}

}

@media all and (max-width:1401px){
	header nav .depth01 > li > a {padding:29px 30px; font-size:18px;}
	header nav .depth02 .submenu > li > a {font-size:16px;}
	header nav .depth03 {margin-top:25px;}
	header nav .depth03 > li a {font-size:15px;}
	
	.visual .ov_con h3 {top:27%; left:47px;}
	
	.visual .ov_tab {width:calc(100% - 50px); margin:0 25px;}
	.visual .ov_tab ul li a {padding:28px 0 50px;}
	.visual .ov_tab ul li a p {font-size:19px;}
	.visual .ov_tab ul li a span {font-size:15px;}
	
	.visual .ov_tab .send {padding:15px 0 40px; font-size:23px;}
	.visual .ov_tab .send p {margin-bottom:10px;}
	.visual .ov_tab .send p.fda_deco.blue:before {width:55px; height:24px;}

	.fp_menu .test {width:60px; height:60px;}
	.fp_menu .test:hover {width:125px;}
	.fp_menu .test a {padding:12px 0 0 18px; font-size:14px;}
	.fp_menu .test a:after {top:13px; left:67px; width:29px; height:35px;}
	.fp_menu .slide_menu {padding-top:90px;}
	.fp_menu .slide_menu li a:before {display:none;}
	.fp_menu .slide_menu li {width:24px;}
	.fp_menu .slide_menu li.on {width:inherit;}
	
	.main_con01 .txt p br {display:none;}
	.main_con02 .txt p br {display:none;}
	
	.main_con02 ul li .news .news_txt {padding-left:30px;}
	.main_con02 ul li + li {margin-top:30px;}
	
	.comon_btn {height:50px; line-height:45px;}
	.comon_btn span:after {width:31px; height:12px;}

	footer {padding:30px 0 30px;}
	footer .fr_con {position:relative; text-align:center; margin-top:40px;}
	footer .fr_con > p {padding-top:0; margin-top: 20px;}
	footer .fr_con .family_site > a {width:175px; position:relative; top:inherit; right:inherit;}
	footer .fr_con .family_site ul {bottom:42px;}
}

/*태블릿*/
@media all and (max-width:1025px){
	
	header.mb_bg:before {content:''; position:fixed; z-index:1001; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.75);}
	header {height:62px; text-align:left;}
	header h1 {top:20px; left:20px;}
	
	header nav.open {display:block;}
	header nav {display:none; position:fixed; z-index:9998; right:0; top:0; width:643px; height:101%; padding-top:0; background:#fff;}
	header nav ul {width:100%;}
	header nav ul li {display:block;}

	header nav .depth01 {padding:0 20px; margin-top:24px;}
	header nav .depth01 > li {margin:0;}
	header nav .depth01 > li:hover .depth02 {display:none; animation:none;}
	header nav .depth01 > li > a {background-image:url(../../images/ico/ico_arw_m_b.jpg); background-repeat:no-repeat; background-size:21px; background-position:center right 15px;}
	header nav .depth01 > li:first-child > a {border-top:0;}
	header nav .depth01 > li.on > a {color:#265fb2;}
	header nav .depth01 > li > a {padding:22px 0;}
	header nav .depth01 > li + li > a {border-top:0;}
	header nav .depth01 > li > a {border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; color:#000;}
	header nav .depth01 > li > a:after {display:none;}
	header nav .depth01 .fda_b.mo_fda {display:inline-block;}
	header nav .depth01 > li > .fda_deco:before {display:none;}
		
	header nav .depth02 {position:static; top:0; padding:14px 26px 17px; text-align:left;}
	header nav .depth02 .submenu > li {margin:0;}
	header nav .depth02 .submenu > li > a {padding:8px 0; background-image:url(../../images/ico/ico_arw_m_g.jpg); background-repeat:no-repeat; background-size:17px; background-position:center right 0;}
	
	header nav .depth03 {display:none; width:calc(100% + 50px); padding:20px 0; margin:5px -25px 11px -25px; background:#f5f2f2;}
	header nav .depth03 > li a {padding:0 26px;}
	header nav .none_sub a {background-image:none !important;}
	
	header .util {top:20px; right:20px; z-index:9999;}
	header .util h2.mb_menu {width:22px; height:22px; background-image:url(../../images/ico/ico_m_close.jpg);}
	
	.all_menu {display:none; visibility: hidden !important; opacity:0 !important;}
	.nav_bg {display:none; visibility: hidden !important; opacity:0 !important;}
	
	.m_logo {display:block;}
	.test_go {display:block; width:100%; padding:30px 30px 0;}

	.visual .ov_con h3 span {font-size:51px;}
	.visual .ov_con h3 strong {font-size:72px;}

	.top_btn {right:20px; width:46px; height:46px;}
	
	.blue_txt {font-size:17px;}
	
	.main_con01 .txt strong {margin:40px 0 20px; font-size:28px;} 
	.main_con01 .txt p {font-size:13px;}
	.main_con02 .txt strong {margin:40px 0 20px; font-size:28px;} 
	.main_con02 .txt p {font-size:13px;}
	
	.comon_btn {width:132px; height:44px; padding-left:20px; line-height:40px; font-size:11px; text-align:left;}
	.comon_btn:hover::before {transition:inherit;}
	.comon_btn span:after {width:22px;}

	.comon_btn::after , .comon_btn::before {width:100%; height:100%; border:1px solid #333;}
	
	footer .f_logo {margin-right:33px; margin-bottom:25px;}
	
	.popupLayer1 { width:100%; left:5px; top:5px; right:5px; bottom:5px;}
	.popupLayer1 img { max-width:100%;}
}

@media all and (max-width:768px){
	header.mb_bg:before {display:none;}
	header h1 {width:170px; height:24px;}
	header nav {width:100%;}
	header nav .depth01 > li > a {font-size:15px; background-size:17px;}
	header nav .depth02 {padding:10px 20px 12px;}
	header nav .depth02 .submenu > li > a {font-size:14px; background-size:14px;}
	header nav .depth03 {padding:12px 0;}
	header nav .depth03 > li a {font-size:13px;}
	.m_logo {padding:20px 0 0 20px;}

	.test_go {font-size:18px;}
	
	.visual .ov_con h3 {left:20px; top:20%;}
	.visual .ov_con h3 span {font-size:35px;}
	.visual .ov_con h3 strong {font-size:60px;}
	.visual .ov_con .ov_img p {background-position:center right;}
	
	.visual .ov_tab ul {margin:0 -2.5px;}
	.visual .ov_tab ul li:before {top:50%; right:16px; width:58px; height:53px; margin-top:-29px;}
	.visual .ov_tab ul li.tab02:before {margin-top:-35px;}
	.visual .ov_tab ul li {width:calc(50% - 5px); margin:0 2.5px;}
	.visual .ov_tab ul li a {width:calc(100% - 68px); padding:22px 0 32px;}
	.visual .ov_tab ul li a p {margin-bottom:7px; font-size:16px;}
	.visual .ov_tab ul li a span {font-size:14px;}

	.visual .ov_tab .send {font-size:17px;}
	.visual .ov_tab .send p.fda_deco.blue:before {width:46px; height:18px; vertical-align:-3px;}

	.fp-tableCell {display:block;}
	
	[class^="main_con"] > div > div {width:100%; height:calc(100% - 50%);}
	[class^="main_con"] .txt {float:none; padding:0 20px; text-align:center;}
	[class^="main_con"] .txt > div {left:0; padding:0 20px;}
	[class^="main_con"] .img {float:none; height:50%;}
	
	.main_con01 .blue_txt {font-size:17px;}
	.main_con01 .txt strong {margin:35px 0 20px; font-size:33px;}
	.main_con01 .txt p {font-size:13px; padding:0;}
	.main_con02 .blue_txt {font-size:17px;}
	.main_con02 .txt strong {margin:35px 0 20px; font-size:33px; }
	.main_con02 .txt p {font-size:13px; padding:0; }
		
	.main_con02 h3 {margin-bottom:15px; font-size:20px;}
	.main_con02 .img .txt {top:50%; padding:0; transform:translateY(-50%);}
	.main_con02 .img .txt strong {font-size:34px;}
	.main_con02 .img .txt p {font-size:13px;}
	.main_con02 ul li + li {margin-top:5px;}
	.main_con02 ul li .news .news_txt p {width:80%; font-size:15px;}
	.main_con02 ul li .news .news_txt span {display:block; height:auto; min-height:auto; font-size:13px; white-space:nowrap; word-wrap:inherit;}
	.main_con02 ul li .news .date strong {font-size:20px;}
	.main_con02 ul li .news [class^="plag0"] {margin-bottom:12px;}
	.main_con01 .txt p br {display:block;}
	.main_con02 .txt p br {display:block;}

	footer .f_logo {display:block; margin:0 auto 25px;}
	footer .fr_con .family_site > a {width:175px;}
	footer .fr_con .family_site.open {width:290px;}
}

/*모바일*/
@media all and (max-width:640px){
	.visual .ov_tab ul li a {padding:22px 0 22px;}
	.visual .ov_tab ul li:before {right:10px;}
	.visual .ov_tab ul li a span {font-size:12px;}
	
	.visual .ov_con {height:775px;}
	.visual .ov_con .ov_img .ov_img00 {background-image:url(../../images/pic/pic_m_ov_img00.jpg);}
	.visual .ov_con .ov_img .ov_img01 {background-image:url(../../images/pic/pic_m_ov_img01.jpg);}
	.visual .ov_con .ov_img .ov_img02 {background-image:url(../../images/pic/pic_m_ov_img02.jpg);}
	.visual .ov_con .ov_img .ov_img03 {background-image:url(../../images/pic/pic_m_ov_img03.jpg);}
	.visual .ov_con .ov_img .ov_img04 {background-image:url(../../images/pic/pic_m_ov_img04.jpg);}
	
	.main_con01 {padding:33px 0 0;}
	.main_con01 .txt strong {margin:20px 0 20px; font-size:30px;}
	.main_con02 .txt strong {margin:20px 0 20px; font-size:30px;}
	.fp_menu {display:none;}
	
	[class^="main_con"] .txt > div {position:static; top:inherit; padding:0; transform:inherit;}
	[class^="main_con"] > div > div {height:auto;}
	[class^="main_con"] .img {height:360px;}
	
	.main_con02 h3 {margin-bottom:20px;}
	.main_con02 ul li + li {margin-top:14px;}
	.main_con02 ul li .news [class^="plag0"] {margin-bottom:9px;}
	.main_con01 .txt {margin-bottom:35px;}
	.main_con02 .txt {margin-bottom:35px;}

	.main_con01 .img {background-image: url(../../images/pic/pic_m_maincon01.jpg);}
	.main_con02 .img {background-image: url(../../images/pic/pic_m_maincon02.jpg);}
	.main_con02 .txt {padding:35px 20px 20px;}

	.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height:auto !important;}
	
	footer address {display:block; width:auto;}
	footer address > div + div {margin-top:20px;}
	footer address .center p {display:block; line-height:1.4;}
	footer address .center p + p {margin-top:5px;}
	footer address .center div + div {margin-top:5px;}
	footer address .info p {margin-right:17px; font-size:14px; line-height:1.7;}
	footer address .center p {font-size:14px;}
}

@media all and (max-width:480px){
	.main_con02 .img .txt strong {font-size:26px;}
	.main_con01 .blue_txt {font-size:15px;}
	.main_con01 .txt strong {font-size:24px;}
	.main_con01 .txt p {font-size:12px;}
	.main_con01 .txt p br {display:none;}
	.main_con02 .blue_txt {font-size:15px;}
	.main_con02 .txt strong {font-size:24px;}
	.main_con02 .txt p {font-size:12px;}
	.main_con02 .txt p br {display:none;}
	footer .fr_con > p {font-size:13px;}
}