/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
* {-webkit-text-size-adjust:none;}
html {font-size:13px;font-family:'Noto Sans KR', sans-serif;color:#555;}
html,body,div,p,ul,ol,li,dl,dt,dd,a,span,img,input,select,button,strong,table,thead,tbody,th,td,label,form,fieldset,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
ul, ol, li {list-style:none;}
a {text-decoration:none;color:#555;}
img {vertical-align:top;}
.marked {color:#3378c1}
.screen_out{position:absolute;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
 @media screen and (max-width:1200px) {
	html {font-size:13px;}
}
.off-canvas{display:none;}
.tal {text-align:left}
.tar {text-align:right}
.tac {text-align:center}
.w50 {width:50%;}
.fl {float:left;}
.fr {float:right}
.fn {float:none;}
.viewport {min-width:1520px;}

/* header */
.page-topbar {position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #c2c2c2;z-index:100}
.page-topbar > .inner {position:relative;width:100%;max-width:1080px;margin:0 auto}
.top-logo{position:absolute;top:20px;left:0;}
.top-logo a {display:block; font-size:11px;color:#222;margin:0 auto;line-height:1;font-weight:500 }

.global-nav {display:block; padding-left:220px;}
.global-nav > ul {height:90px}
.global-nav .menu-list {position:relative; float:left; border-bottom:none;}
.global-nav a {display:block; color:#000}
.global-nav .toggle-dropdown{height:31px; padding:32px 40px 27px; text-align:center;font-size:13px;font-weight:500;line-height:1}
/* .global-nav ul li:last-child .toggle-dropdown {padding-right:0} */
.global-nav  .is-active .toggle-dropdown{padding-bottom:24px;border-bottom:3px solid #3378c1}
.global-nav .dropdown {display:none; background:none; padding-top:14px; padding-bottom:30px;}
.global-nav .is-active .dropdown {display:block; position:absolute; top:91px; left:0; min-width:100%;min-height:140px; background:#fff; border:1px solid #c2c2c2; border-top:none}
.global-nav .dropdown a{color:#888;font-size:13px;white-space:nowrap; padding:6px 15px}
.global-nav .dropdown a:hover{background:#3378c1;color:#fff}
.page-topbar .navicon {/* position:absolute; top:28px; right:0; width:23px; height:24px; background:url(../../images/eng/common/btn_toggle_gnb.png) -30px 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px */ display:none}
.local-nav {position:absolute;top:0;right:0;height:auto;}
.local-nav li {display:inline-block;margin-left:20px}
.local-nav a {color:#777;font-size:11px;text-transform:uppercase;font-weight:300}



 
  @media screen and (max-width:1200px) {
	.viewport  {min-width:0;}
	 .page-topbar{min-width:0}
	 .page-topbar .local-nav {display:none;}
	 .page-topbar > .inner {padding:12px 0;text-align:center;}
	 .top-logo {display:inline-block; position:relative; top:0; left:0; width:auto; }
	 .top-logo a {width:180px;}
	 .top-logo a img {width: 100%;}
	 .global-nav{display:none;}
	 .off-canvas {display:block; position:fixed; top:0; left:-100%; width:80%; min-width:270px; max-width:330px; height:100%; background:#2c2d32; z-index:1000; overflow-y:auto; transition:all .5s}
	 .off-canvas.is-opened {left:0; z-index: 99999}
	 .side-top {position:relative; height:40px;}
	 .side-top .home {position:absolute; top:0; left:0; width:30px; height:40px; background:url(../../images/eng/common/ico_home01.png) 50% 50% no-repeat; background-size:17px auto;text-indent:-9999px;white-space:nowrap}
	 .page-topbar .navicon {display:block; position:absolute; top:8px;left:5px;width:17px; height:17px; padding:16px 14px; background:none; font-size:0; line-height:0; text-indent:-9999px;}
	 .page-topbar .navicon:before{position:absolute;top:16px;left:14px;width:17px;height:3px;background:#555; content:''}
	 .page-topbar .navicon:after{position:absolute;bottom:16px;left:14px;width:17px;height:3px;background:#555; content:''}
	 .page-topbar .navicon span{position:absolute;top:23px;left:14px;width:17px;height:3px;background:#555;}
 	 .side-nav {border-top:1px solid #424247}
	 .side-nav .menu-list {border-bottom:1px solid #424247}
	 .off-canvas a {color:#fff;}
	 .side-nav a {display:block;}
	 .side-nav .toggle-dropdown {position:relative; font-size:14px; padding:15px 50px 15px 15px}
	 .side-nav .toggle-dropdown:after{position:absolute; right:15px; top:50%; width:8px; height:5px; margin-top:-3px; background:url(../../images/eng/common/arr_gnb.png) 0 0 no-repeat;background-size:8px; content:''}
	 .side-nav .menu-list.is-active .toggle-dropdown:after {background-position:0 100%}
	 .side-nav .toggle-dropdown:last-child:after {display:none}
	 .side-nav .dropdown {display:none; background:#37383c}
	 .side-nav .menu-list.is-active .dropdown {display:block;}
	 .side-nav .dropdown a {padding:3px 15px 5px; font-size:12px; color:#9a9a9a}
	 .side-nav .dropdown a:hover{color:#fff; text-decoration:underline}
	 .off-canvas .select-lang {margin:25px 0; text-align:center;}
	 .off-canvas .select-lang a {margin:0 10px; color:#808184; text-transform:uppercase}
	 .off-canvas .select-lang .is-current {color:#fff; text-decoration:underline}
	 .close-off-canvas {position:absolute; top:0; right:0; width:30px; height:40px; background:url(../../images/eng/common/btn_close01.png) 50% 50% no-repeat; background-size:15px}
 
 }
 
  /* footer */
.page-footer > .inner {width:1080px; margin:0 auto; border-top:1px solid #dfdfdf}
.page-footer .footer-global-nav {display:none;}
.page-footer .footer-links {padding:10px 0;border-bottom:1px solid #dfdfdf; overflow:hidden;}
.page-footer .footer-links .inner {float:right}
.social-links {float:left; margin:2px 10px 0 0}
.social-links a {display:inline-block; margin-right:2px}
.social-links a img {width:20px}
.family-links {float:left}
.family-links select {float:left;width:161px; height:25px; border:1px solid #d6d6d6; border-right:none; font-family:dotum, sans-serif;font-size:11px;color:#555}
.family-links a {display:block; float:left; width:30px; height:22px; padding-top:3px; background:#000; color:#fff; text-align:center; text-transform:uppercase;font-size:12px;}
.footer-bottom {position:relative; overflow:hidden; padding:30px 0 60px;}
.footer-logo {float:left; position:relative; width:160px; height:28px; margin-right:50px; font-size:11px; line-height:1; font-weight:500;color:#222}
.footer-logo a {float:left; width:150px; margin-right:5px}
.footer-logo img {width: 100%;}
.footer-copyright {overflow:hidden; font-size:11px; color:#555; font-weight:300; font-style:normal;}

 @media screen and (max-width:1200px) {
	.page-footer > .inner {width:auto;padding:15px 15px 20px; border-top:1px solid #dfdfdf; text-align:center;}
	.page-footer .footer-global-nav {display:none; font-size:10px;}
	.footer-global-nav a {font-weight:500}
	.footer-global-nav span {color:#e5e5e5; margin:0 1px}
	.footer-global-nav .mobile-break-line {display:block;}
	.page-footer .footer-links {border:none; }
	.family-links {display:none;}
	.page-footer .footer-links .inner {float:none}
	.social-links {float:none; margin:0 }
	.footer-bottom {padding:0}
	.footer-logo {display:none;}
	,footer-copyright {font-size:9px;color:#555}
	.footer-copyright .address {display:none;}
 }