.tbl_pc {display:block;}
.tbl_mobile {display:none;}

html{overflow-y:scroll !important; overflow-x:hidden;}
body{font-family:sans-serif,'Malgun Gothic','MalgunGothic';word-break:keep-all;font-size:12px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;color:#666;}
input,textarea,select,button{font-family:'Malgun Gothic','MalgunGothic', sans-serif;color:#666;font-size:1em;}
table, th, td {word-break:normal;font-size:12px;}
img,fieldset{border:0;}
ul,ol,li{margin:0;padding:0;overflow:hidden;}
em,address{font-style:normal;}
a{color:#666;text-decoration:none;margin:0;}
a:hover, a:active,a:focus{/* color:#666;*/text-decoration:none;}
table{width:100%;border-collapse:collapse;}
caption {position: relative;top:-9999em;left:-9999em;font-size:0;height:0;line-height:0;width:0;}
img{outline:none;border:0;}
fieldset legend{position:absolute;left:-9999em;top:-9999em;}
#skip_navi{position:absolute;top:0;left:0;width:100%;height:0}
#skip_navi a{display:block;z-index:0;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;text-align:center;color:#000;white-space:nowrap;font-weight:bold}
#skip_navi a:hover,
#skip_navi a:focus,
#skip_navi a:active{position:fixed;left:0;right:0;top:0;z-index:99999999;width:100%;height:auto;padding:10px 0;background:#033964;color:#fff}
input{border:0;vertical-align:middle;}
input[type="text"], input[type="password"]{display:inline-block;padding:0 3px;height:38px;background:#fff;border:1px solid #b3d2e9;vertical-align:middle;}
input[type="checkbox"]{width:14px;height:14px;margin-right:5px;padding:0;width:auto;color:#666;vertical-align:middle;border:0;}
input[type="checkbox"] + label{display:inline-block;}
input[type="radio"]{margin-right:5px;padding:0;width:14px;height:14px;color:#666;}
input[type="radio"] + label{display:inline-block;vertical-align:middle;}
input[disabled="disabled"]{background:none !important;}
select[disabled="disabled"]{background:none !important;}
select[disabled=""]{background:none !important;}
.enter_st{display:inline-block;width:96%;padding:0 5px;margin:2px 0;background:#fff;vertical-align:middle;}
.enter_st input{width:100%;padding:0;height:23px;line-height:23px;border:1px solid #b9b9b9;} 
.enter_st1{width:90%;}
.enter_st2{width:40%;}
.enter_st3{width:23%;max-width:80px;}
.enter_st4{width:15%;max-width:60px;}
.enter_st5{width:35%;}
.enter_st6{width:80%;max-width:150px;}
.enter_st7{width:70%;}
.enter_st8{width:31.5%;}
textarea{width:96%;padding:2px 5px;border:1px solid #bebebe;vertical-align:top;}
.disable{background-color:#f2f2f2!important;border:1px solid #b9b9b9 !important;}
.p_holder{font-size:12px;}
.accessibility{position:absolute;left:-9999em;top:-9999em;} /*이미지대체텍스트*/
.hidden{position:absolute;left:-9999em;top:-9999em;} /*모든 태그를 숨김처리*/
.wrapper{margin:0 auto;width:100%;}
#container{margin:40px auto 0; background:url('/images/site/portal/common/bg_container2.gif') repeat-y 0 bottom;}
#container .lnb_area{float:left;width:218px;border:1px solid #e8e8e8;border-bottom:0;}
#container .wrap_cont{position:relative;margin-left:250px;padding:0 0 30px;}
.contents{min-height:0px;line-height:18px;}
.contents img{max-width:100%;}
#footer{margin:0; padding:0; background:url(/images/site/portal/common/foot_bg.png) repeat-x top left #dde1e4;}
#footer .inner_footer{position:relative; margin:0 auto; overflow:hidden; max-width:90%;}
#header{position:relative;height:130px; width:100%; background:url('/images/site/portal/common/bg_body.png') repeat-x 0 0;/*margin:0 auto;*/text-align:center;z-index:100;}
#header .header_top{position:relative;height:130px;margin:0 auto;text-align:right;}
#header .header_top h1{position:relative;width:177px;top:0px;left:20px;z-index:9999;}
#header .header_top h1 img{width:100%;vertical-align:top;}
#header .header_top .top_menu{margin:0;background-color:#0971ce;line-height:38px;height:40px;}
#header .header_top .top_menu {float:right;background-color:#0068b4;border-right:1px solid #408ec7;}
#header .header_top .top_menu a{display:inline-block;color:#FFF;padding:0 15px 0 15px;font-size:12px;}
#header .header_top .top_menu .zoom{display:inline-block;color:#FFF;background-color:#0068b4;border-right:1px solid #408ec7;padding:0 33px 0 33px;font-size:13px;}
#header .header_top .top_menu .zoom a {width:18px;margin-top:-2px;padding:0;height:18px;font-size:0;line-height:0;text-indent:-9999px;background:url('/images/site/portal/common/btn_zoom.png') no-repeat 0 0;vertical-align:middle;}
#header .header_top .top_menu .zoom .zoom_out{background-position:100% 0;}
#header .header_top .top_menu .screen{display:inline-block;background-color:#0068b4;border-right:1px solid #408ec7;border-left:1px solid #408ec7;padding:0 33px 0 33px;}
#header .header_top .top_menu .screen span{font-size:13px;color:#FFF;float:left;margin:9px 10px 0 33px;}
#header .header_top .top_menu .screen span a{color:#FFF;text-decoration:none;font-size:13px;background:none;}
#header .header_top .top_menu .screen span#screenSize{display:inline-block;margin:0;}
#header .header_top .top_menu .screen span#screenSize a{display:inline;padding:0 5px;}
#header .header_top .top_menu .screen a.screen_in,
#header .header_top .top_menu .screen a.screen_out{width:18px;margin-top:-2px;padding:0;height:18px;font-size:0;line-height:0;text-indent:-9999px;background:url('/images/site/portal/common/btn_zoom.png') no-repeat 0 0;vertical-align:middle;}
#header .header_top .top_menu .screen .screen_out{background-position:100% 0 !important;}

#lnb{border-top:1px solid #e8e8e8;}
#lnb li{border-bottom:1px solid #e8e8e8;}
#lnb li a{display:block;padding:9px 20px 11px;letter-spacing:-1px;color:#666;font-size:1.35em;font-weight:bold;font-family:'Malgun Gothic','MalgunGothic';}
#lnb li .lnb_sub{display:none;padding:6px 0 8px;background:#f8f9f9;}
#lnb li .lnb_sub li{margin:0;padding:0 15px;border-bottom:0;}
#lnb li .lnb_sub li a{padding:0 0 0 6px;line-height:40px;font-size:1.267em;background:url('/images/site/portal/common/bl_lnb_sub.png') no-repeat 0 17px;}
#lnb li .lnb_sub li a.on,
#lnb li .lnb_sub li:hover a{color:#c5021e;text-decoration:underline;background:url('/images/site/portal/common/bl_lnb_sub_on.png') no-repeat 0 17px;}
#lnb li .lnb_sub li .lnb_sub2{padding:0 5px;}
#lnb li .lnb_sub li .lnb_sub2 li{padding:0;}
#lnb li .lnb_sub li .lnb_sub2 li a{padding-left:10px;line-height:20px;letter-spacing:0;color:#666;font-size:1.2em;font-weight:normal;background:url('/images/site/portal/common/bl_lnb_sub2.gif') no-repeat 0 8px;text-decoration:none;}
#lnb li .lnb_sub li .lnb_sub2 li a.on, #lnb li .lnb_sub li .lnb_sub2 li a:hover{font-weight:bold;}
#lnb li > a.on{color:#fff;background:#be1e2d;}
#lnb li.open .lnb_sub{display:block;}
#lnb li.open > a{color:#fff;background:url('/images/site/portal/common/bg_lnb_minus.gif') no-repeat right 50%;background-color:#be1e2d;}
#lnb li.close a{background:#fff url('/images/site/portal/common/bg_lnb_plus.gif') no-repeat right 50%;}
#lnb li.on a{color:#fff;background:#be1e2d;}
#lnb li .lnb_sub li.on > a{color:#c5021e;text-decoration:underline;}
#lnb li .lnb_sub2 li.on > a{color:#666;font-weight:bold;text-decoration:none;}

.navi{position:absolute;right:0;top:0;}
.navi *{vertical-align:top;}
.navi .home{display:inline-block;width:16px;height:13px;margin-top:2px;margin-right:3px;font-size:0;line-height:0;text-indent:-9999px;background:url('/images/site/portal/common/bg_home.png') no-repeat 0 0;}
.wrap_callcenter_area{float:left;font-size:13px;letter-spacing:-1px;background:url('/images/site/portal/common/bg_call_center_top.png') no-repeat 0px 15px;background-color:#0971ce;}
.wrap_callcenter_area strong{color:#fff600;font-size:17px;padding-left:12px;}
.navigation {width: 100%;height: 89px;display: table;position: relative;font-family: inherit;background-color: #ffffff;}
.navigation * {box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
.navigation-portrait {height: 89px;}
.navigation-fixed-wrapper {width: 100%;left: 0;z-index: 19998;will-change: opacity;}
.navigation-fixed-wrapper.fixed {position: fixed !important;-webkit-animation: fade .50s;animation: fade .50s;background:#FFF;}
@keyframes fade {from {opacity: 0.999;}to {opacity: 1;}}
.navigation-fixed-wrapper .navigation {margin-right: auto;margin-left: auto;}
.navigation-fixed-placeholder {width: 100%;display: none;}
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {display: block;}
.navigation-hidden {width: 0 !important;height: 0 !important;margin: 0 !important;padding: 0 !important;position: absolute;top: -9999px;}
.align-to-right {float: right;}
.nav-header {float: left;margin-right:15px;}
.nav-header a{display:inline-block;}
.navigation-hidden .nav-header {display: none;}
.nav-brand {line-height: 70px;padding: 0 15px;color: #70798b;font-size: 24px;text-decoration: none !important;}
.nav-brand:hover, .nav-brand:focus {color: #70798b;}
.navigation-portrait .nav-brand {font-size: 18px;line-height: 48px;}
.nav-logo > img {height: 65px;margin: 10px auto;padding: 0 15px;float: left;}
.nav-logo:focus > img {outline: initial;}
.navigation-portrait .nav-logo > img {height: 60px;margin: 13px auto 6px 15px;padding: 0;}
.nav-toggle {width: 35px;height: 35px;padding:0;position: absolute;top: 50%;margin-top: -14px;right: 15px;display: none;cursor: pointer;}
.nav-toggle:before {content: "";position: absolute;right:5px;top:8px;width: 30px;height: 2px;background-color: #70798b;border-radius: 10px;box-shadow: 0 0.6em 0 0 #70798b, 0 1.2em 0 0 #70798b;}
.navigation-portrait .nav-toggle {display: block;}
.navigation-portrait .nav-menus-wrapper {width: 320px;height: 100%;top: 0;left: -400px;position: fixed;background-color: #ffffff;z-index: 20000;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-timing-function: ease;transition-timing-function: ease;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {left: auto;right: -400px;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {left: 0;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {left: auto;right: 0;}
.navigation-portrait .nav-menus-wrapper-title{width: 30px;height: 40px;margin: 10px 15px; display:block; float:left;color: #70798b;font-size: 24px;}
.nav-menus-wrapper-close-button {width: 30px;height: 40px;margin: 10px 15px;display: none;float: right;color: #70798b;font-size: 24px;cursor: pointer;}
.navigation-portrait .nav-menus-wrapper-close-button {display: block;}
.nav-menu {margin: 0;padding: 0;list-style: none;line-height: normal;font-size: 0;}
.navigation-portrait .nav-menu {width: 100%;}
.nav-menu.nav-menu-centered {text-align: left;}
.nav-menu.nav-menu-centered > li {float: none;}
.nav-menu > li {display: inline-block;float: left;text-align: center;}
.navigation-portrait .nav-menu > li {width: 100%;position: relative;border-top: solid 1px #3b4f78; text-align:left;}
.navigation-portrait .nav-menu > li:last-child {border-bottom: solid 1px #f0f0f0;}
.nav-menu + .nav-menu > li:first-child {border-top: none;}
.nav-menu > li > a {height: 89px;padding: 35px 12px;display: inline-block;position: relative;text-decoration: none;font-size: 18px;color: #272727;font-weight:500;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s;}
.navigation-portrait .nav-menu > li > a {width: 100%;height: auto;padding: 12px 15px 12px 26px;background:#0971ce;color:#ffffff;}
.navigation-portrait .nav-menu > li > a:hover{width: 100%;height: auto;padding: 12px 15px 12px 26px;background:#0068b4;color:#ffffff;}
.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a {color: #0971ce;}
.navigation-portrait .nav-menu > li:hover > a,
.navigation-portrait .nav-menu > li.active > a,
.navigation-portrait .nav-menu > li.focus > a {color: #ffffff;}
.nav-menu > li > a > i,
.nav-menu > li > a > [class*="ion-"] {width: 18px;height: 16px;line-height: 16px;-webkit-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}
.nav-menu > li > a > [class*="ion-"] {width: 16px;display: inline-block;-webkit-transform: scale(1.8);-ms-transform: scale(1.8);transform: scale(1.8);}
.navigation-portrait .nav-menu.nav-menu-social {width: 100%;text-align: center;}
.nav-menu.nav-menu-social > li {text-align: center;float: none;border: none !important;}
.navigation-portrait .nav-menu.nav-menu-social > li {width: auto;}
.nav-menu.nav-menu-social > li > a > [class*="ion-"] {font-size: 12px;}
.nav-menu.nav-menu-social > li > a > .fa {font-size: 14px;}
.navigation-portrait .nav-menu.nav-menu-social > li > a {padding: 15px;}
.submenu-indicator {margin-left: 8px;margin-top: 6px;float: right;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navigation-portrait .submenu-indicator {width: 54px;height: 44px;margin-top: 0;position: absolute;top: 0;right: 0;text-align: center;z-index: 20000;}
.submenu-indicator-chevron{color: #ffffff;position: absolute;margin-left: 3px;margin-top: 8px;-webkit-transition: border 0.3s;transition: border 0.3s;}
.submenu-indicator-chevron:before {content: '';position: absolute;width: 11px;height: 1px;background-color: currentColor;}
.submenu-indicator-chevron:after{content: '';position: absolute;width: 11px;height: 1px;background-color: currentColor;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.navigation-portrait .submenu-indicator-chevron {position: absolute;top: 17px;left: 24px;}
.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron {border-color: transparent #ffffff #ffffff transparent;}
.nav-overlay-panel {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: none;z-index: 19999;}
.no-scroll {touch-action: none;overflow-x: hidden;overflow-y: hidden;}
.nav-search {height: 70px;float: right;z-index: 19998;}
.navigation-portrait .nav-search {height: 48px;padding: 0 10px;margin-right: 52px;}
.navigation-hidden .nav-search {display: none;}
.nav-search-button {width: 70px;height: 89px;line-height: 89px;text-align: center;cursor: pointer;background-color: #ffffff;}
.navigation-portrait .nav-search-button {width: 50px;height: 89px;line-height: 89px;font-size: 22px;}
.nav-search-icon {width: 14px;height: 14px;margin: 2px 8px 8px 4px;display: inline-block;vertical-align: middle;position: relative;color: #70798b;text-align: left;text-indent: -9999px;border: 2px solid;border-radius: 50%;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: color 0.3s;transition: color 0.3s;}
.nav-search-icon:after, .nav-search-icon:before {content: '';pointer-events: none;}
.nav-search-icon:before {width: 2px;height: 11px;top: 11px;position: absolute;left: 50%;border-radius: 0 0 1px 1px;box-shadow: inset 0 0 0 32px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.nav-search-button:hover .nav-search-icon {color: #0971ce;}
.nav-search > form {width: 100%;height: 100%;padding: 0;display: none;position: absolute;left: 0;top: 0;background-color: #ffffff;z-index: 99;}
.nav-search-inner {width: 70%;height: 70px;margin: auto;display: table;}

.navigation-portrait .nav-search-inner {height: 48px;}
.nav-search-inner input[type=text],
.nav-search-inner input[type=search] {height: 43px;width: 100%;margin: 25px 0 0 0;padding: 0 12px;font-size: 18px;text-align: center;color: #70798b;outline: none;line-height: 43px;border-bottom: 2px solid #0971ce;border-top:#ffffff;border-left:#ffffff;border-right:#ffffff;background-color: transparent;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navigation-portrait .nav-search-inner input[type=text],
.navigation-portrait .nav-search-inner input[type=search] {height: 43px;font-size: 15px;line-height: 43px; letter-spacing:-1px; font-weight:bold;}
.nav-search-close-button {width: 28px;height: 28px;display: block;position: absolute;right: 20px;top: 30px;line-height: normal;color: #70798b;font-size: 20px;cursor: pointer;text-align: center;}
.navigation-portrait .nav-search-close-button {top: 30px;right: 14px;}
.nav-search-inner .btn_find{position:absolute;top:25px;display:inline-block;width:43px;height:43px;font-size:0;line-height:0;text-indent:-9999px;background:url('/images/site/portal/common/btn_find.png') no-repeat 0 0;border:0;cursor:pointer;vertical-align:middle;}
.nav-button {margin: 30px 15px 0 0;padding: 8px 0px 8px 20px;display: inline-block;color: #004c9d;font-size: 14px;text-align: center;text-decoration: none;border-radius: 4px; background:url(/images/site/portal/common/whole_icon.png) no-repeat 0 11px;-webkit-transition: opacity 0.3s;transition: opacity 0.3s; }
.nav-button:hover, .nav-button:focus {color: #004c9d;text-decoration: none;opacity: 0.85;}
.navigation-portrait .nav-button {/*width: calc(100% - 52px);margin: 17px 26px;*/display:none;}
.nav-text {margin: 25px 15px;display: inline-block;color: #70798b;font-size: 14px;}
.navigation-portrait .nav-text {width: calc(100% - 52px);margin: 12px 26px 0;}
.navigation-portrait .nav-text + ul {margin-top: 15px;}
.nav-dropdown {min-width: 180px;margin:0;padding: 0;display: none;position: absolute;list-style: none;z-index: 98;white-space: nowrap;}
.navigation-portrait .nav-dropdown {width: 100%;position: static;left: 0;}
.nav-dropdown .nav-dropdown {left: 100%;}
.nav-menu > li > .nav-dropdown {border-top:0;}
.navigation-portrait .nav-dropdown > li {text-align: left;}
.nav-dropdown > li:last-child{border-bottom:0;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {color: #0971ce;}
.nav-dropdown.nav-dropdown-left {right: 0;}
.nav-dropdown > li > .nav-dropdown-left {left: auto;right: 100%;}
.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {text-align: right;}
.navigation-portrait .nav-dropdown > li > a {padding: 12px 20px 12px 30px;border-bottom:1px #36608F solid;}
.navigation-portrait .nav-dropdown > li > ul > li {border-top:1px solid #f1f1f1;}
.navigation-portrait .nav-dropdown > li > ul > li > a {padding-left: 40px; font-size:14px;border-bottom:0;}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {padding-left: 50px; font-size:13px;}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {padding-left: 90px;}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {padding-left: 110px;}
.nav-dropdown .submenu-indicator {right: -30px;top: 12px;position: absolute;}
.navigation-portrait .nav-dropdown .submenu-indicator {right: 0;top: -2px;}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron {border-color: transparent #0971ce #0971ce transparent;}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {left: 10px;}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.nav-dropdown-horizontal {width: 100%;left: 0;background-color: #fdfdfd;border-top:0;}
.nav-dropdown-horizontal .nav-dropdown-horizontal {width: 100%;top: 100%;left: 0;}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {border-top: none;}
.nav-dropdown-horizontal > li {width: auto;clear: none;position: static;}
.navigation-portrait .nav-dropdown-horizontal > li {width: 100%;}
.nav-dropdown-horizontal > li > a {position: relative; background-color:#93a8c0;}
.nav-dropdown-horizontal .submenu-indicator {height: 18px;top: 11px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {height: 42px;top: -2px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.megamenu-panel {width: 100%;padding: 15px;display: none;position: absolute;font-size: 14px;z-index: 98;text-align: left;color: inherit;border: solid 1px #bebebe;background-color: #fff;}
.navigation-portrait .megamenu-panel {padding: 25px;position: static;display: block;}
.megamenu-panel [class*="container"] {width: 100%;}
.megamenu-panel [class*="container"] [class*="col-"] {padding: 0;}
.megamenu-panel-half {width: 50%;}
.megamenu-panel-quarter {width: 25%;}
.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter {width: 100%;}
.megamenu-panel-row {width: 100%;}
.megamenu-panel-row:before, .megamenu-panel-row:after {display: table;content: "";line-height: 0;}
.megamenu-panel-row:after {clear: both;}
.megamenu-panel-row [class*="col-"] {display: block;min-height: 20px;float: left;margin-left: 3%;}
.megamenu-panel-row [class*="col-"]:first-child {margin-left: 0;}
.navigation-portrait .megamenu-panel-row [class*="col-"] {float: none;display: block;width: 100% !important;margin-left: 0;margin-top: 15px;}
.navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child {margin-top: 0;}
.megamenu-panel-row .col-1 {width: 5.583333333333%;}
.megamenu-panel-row .col-2 {width: 14.166666666666%;}
.megamenu-panel-row .col-3 {width: 22.75%;}
.megamenu-panel-row .col-4 {width: 31.333333333333%;}
.megamenu-panel-row .col-5 {width: 39.916666666667%;}
.megamenu-panel-row .col-6 {width: 48.5%;}
.megamenu-panel-row .col-7 {width: 57.083333333333%;}
.megamenu-panel-row .col-8 {width: 65.666666666667%;}
.megamenu-panel-row .col-9 {width: 74.25%;}
.megamenu-panel-row .col-10 {width: 82.833333333334%;}
.megamenu-panel-row .col-11 {width: 91.416666666667%;}
.megamenu-panel-row .col-12 {width: 100%;}
.megamenu-panel-row .col-13 {width: 100%;}
.megamenu-panel-row .col-14 {width: 100%;}
.megamenu-tabs {width: 100%;float: left;display: block;}
.megamenu-tabs-nav {width: 20%;margin: 0;padding: 0;float: left;list-style: none;}
.navigation-portrait .megamenu-tabs-nav {width: 100%;}
.megamenu-tabs-nav > li > a {width: 100%;padding: 10px 16px;float: left;font-size: 13px;text-decoration: none;color: #70798b;border: solid 1px #eff0f2;outline: 0;background-color: #ffffff;-webkit-transition: background 0.3s;transition: background 0.3s;}
.megamenu-tabs-nav > li.active a,
.megamenu-tabs-nav > li:hover a {background-color: #f5f5f5;}
.megamenu-tabs-pane {width: 80%;min-height: 30px;padding: 20px;float: right;display: none;opacity: 0;font-size: 13px;color: #70798b;border: solid 1px #eff0f2;background-color: #ffffff;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.megamenu-tabs-pane.active {display: block;opacity: 1;}
.navigation-portrait .megamenu-tabs-pane {width: 100%;}
.megamenu-lists {width: 100%;display: table;}
.megamenu-list {width: 100%;margin: 0 0 15px;padding: 0;display: inline-block;float: left;list-style: none;}
.megamenu-list:last-child {margin: 0;border: none;}
.navigation-landscape .megamenu-list{margin: -15px 0;padding: 10px 10px;border-right: solid 1px #bebebe;}
.navigation-landscape .megamenu-list:last-child {border: none;}
.megamenu-list > li > a {width: 100%;padding: 10px 7px;display: inline-block;color: #70798b;text-decoration: none;font-size: 14px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.megamenu-list > li > a:hover {color: #ffffff;background-color: #0971ce;}
.megamenu-list > li.megamenu-list-title > a {font-size: 16px;font-weight: 500;text-transform: uppercase;color: #545454;padding: 10px 0;border-bottom:1px dashed #999999;}
.megamenu-list > li.megamenu-list-title > a:hover {background-color: transparent;border-bottom:1px dashed #999999;color: #0068b4;}
.navigation-landscape .list-about {width: 25%;min-height:295px;}
.navigation-landscape .list-info {width: 20%;min-height:370px;}
.navigation-landscape .list-minwon {width: 20%;min-height:310px;}
.navigation-landscape .list-pass {width: 16.66666%;min-height:330px;}
.navigation-landscape .list-manage {width: 20%;min-height:295px;}
.navigation-landscape .list-skill {width: 33%;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 32px 46px;font-size:20px;}
.navigation-landscape .nav-menu > li > a .submenu-indicator-chevron{display:none;}
.plr{padding: 0 10px 0 10px;}
.navigation-landscape .nav-menu > li:hover > a,
.navigation-landscape .nav-menu > li.active > a,
.navigation-landscape .nav-menu > li.focus > a{color: #ffffff;background-color: #1a5da4;}
.navigation-landscape .nav-menu > li:hover > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.active > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.focus > a .submenu-indicator-chevron{display:none;}
.nav-dropdown > li {width: 100%;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 20px;display: inline-block;text-decoration: none;float: left;font-size: 18px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a{color: #ffffff;background-color: #113a68;opacity:1;font-weight:600; border:1px dashed #6f8292}
.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > li.focus > a .submenu-indicator-chevron{border-color: transparent #ffffff #ffffff transparent;}

.allHmenu{display:block;}
#overlay{display:none;position:fixed;background:rgba(0,0,0,0.7);top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:999999;}
#allNav{display: none;position:fixed;top:130px;margin-left:5%; margin-right:5%; padding:35px 30px;z-index:999999;max-height:80%;width:90%;background:#fff;box-sizing:border-box;overflow-y:scroll;font-family:'NotoSans','Malgun Gothic','MalgunGothic', sans-serif;}
#allNav .depth1 > li{float:left;width:16.66666666666667%;}
#allNav .depth1 > li > span{display:block;margin-bottom:25px;font-size:22px;font-weight:500;color:#000;text-align:center;}
#allNav .depth2{padding-left:10px;border:1px solid #ddd;height:1030px; margin-right:-1px;}
#allNav .depth2.bg{background:#f6f6f6;}
#allNav .depth2:last-child {margin-right:1px;}
#allNav .depth2 > li > a{display:block;padding-top:10px;font-size:17px;font-weight:500;color:#333;letter-spacing:-.5px;}
#allNav .depth2 > li:first-child {padding-top:15px;}
#allNav .depth3{padding-top:8px;}
#allNav .depth3 > li{padding-left:5px;}
#allNav .depth3 > li > a{display:block;color:#555;font-size:14px;}
#allNav .depth4{padding-bottom:8px;}
#allNav .depth4 > li{padding-left:15px;background:url('/images/site/portal/common/icon_subMenu_depth4.gif') no-repeat 8px 10px;}
#allNav .depth4 > li > a{display:block;color:#555;font-size:12px;}
#allNav .allNavClose{display:block;position:absolute;top:45px;right:32px;width:20px;height:19px;background:url('/images/site/portal/common/icon_allNavClose.png') no-repeat;text-indent:-9999em;}

@media screen and (min-width: 320px) and (max-width: 490px) {
.nav-search-inner {width: 50%;height: 70px;margin:0 0 0 18%;display: table;}
.wrap_callcenter_area{float:left; font-size:13px; padding:1px 0 0 10px; letter-spacing:-1px; background:url('/images/site/portal/common/bg_call_center_top.png') no-repeat 10px 14px; background-color:#0971ce;}
.tbl_pc{display:none;}
.tbl_mobile{display:block;}
}

@media screen and (max-width: 768px) {
#header .header_top{position: relative; height: 130px; margin: 0 auto; text-align: left;}
.navigation-portrait .nav-logo > img{height: 60px; margin: 13px auto 6px 0; padding: 0;}
.nav-header a{display: block;}
.nav-search-inner{width: 50%; margin: 0 0 0 25%; display: table;}
}

@media screen and (max-width: 1024px) {
.allHmenu{display:none;}
#allNav .depth1 > li,.depth1 > li > a,.depth2,.depth2.bg,.depth2:last-child,.depth2 > li > a,.depth2 > li:first-child, .depth3,.depth3 > li,.depth3 > li > a,.depth4,.depth4 > li,.depth4 > li > a {display:none;}
#allNav .allNavClose{display:none;}
}

@media screen and (max-width: 1042px){
#header .header_top .top_menu .zoom { display:none;}
#header .header_top .top_menu .screen { display:none;}
#header .header_top h1{position:relative;width:177px;top:0px;left:20px;z-index:9999;}
#header .header_top h1 img{width:60%;vertical-align:top;}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
#allNav .depth1 > li{float:left;width:16.66666666666667%;}
#allNav .depth1 > li > a{display:block;margin-bottom:25px;font-size:18px;font-weight:500;color:#000;text-align:center;}
#allNav .depth2{padding-left:10px;border:1px solid #ddd;height:1000px; margin-right:-1px;}
#allNav .depth2.bg{background:#f6f6f6;}
#allNav .depth2:last-child {margin-right:1px;}
#allNav .depth2 > li > a{display:block;padding-top:10px;font-size:15px;font-weight:500;color:#333;letter-spacing:-.5px;}
#allNav .depth2 > li:first-child {padding-top:10px;}
#allNav .depth3{padding-top:8px;}
#allNav .depth3 > li{padding-left:0px;}
#allNav .depth3 > li > a{display:block;color:#555;font-size:12px;}
#allNav .depth4{padding-bottom:8px;}
#allNav .depth4 > li{padding-left:15px;background:url('/images/site/portal/common/icon_subMenu_depth4.gif') no-repeat 8px 10px;}
#allNav .depth4 > li > a{display:block;color:#555;font-size:12px;}
#allNav .allNavClose{display:block;position:absolute;top:40px;right:32px;width:20px;height:19px;background:url('/images/site/portal/common/icon_allNavClose.png') no-repeat;text-indent:-9999em;}
}

@media screen and (min-width: 1043px) and (max-width: 1125px){
#header .header_top h1{position:relative;width:142px;top:0px;left:10px;z-index:9999;}
.nav-dropdown {min-width: 116px;margin:0;padding: 0;display: none;position: absolute;list-style: none;z-index: 98;white-space: nowrap;}
.nav-dropdown > li {width: 96px;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 5px;display: inline-block;text-decoration: none;float: left;font-size: 11px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
.nav-logo > img {height: 58px;margin: 13px auto;padding: 0 10px;float: left;}
.submenu-indicator {display:none;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 36px 0;font-size:15px; width: 96px;}
.navigation-landscape .nav-menu > li > a .submenu-indicator-chevron{display:none;}
.plr{padding: 0 10px 0 10px;}
.navigation-landscape .nav-menu > li:hover > a,
.navigation-landscape .nav-menu > li.active > a,
.navigation-landscape .nav-menu > li.focus > a{color: #ffffff;background-color: #1a5da4;}
.navigation-landscape .nav-menu > li:hover > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.active > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.focus > a .submenu-indicator-chevron{display:none;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a{color: #ffffff;background-color: #113a68;opacity:1;font-weight:600; border:1px dashed #6f8292}
.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > li.focus > a .submenu-indicator-chevron{border-color: transparent #ffffff #ffffff transparent;}
}

@media screen and (min-width: 1126px) and (max-width: 1279px){
#header .header_top h1{position:relative;width:142px;top:0px;left:10px;z-index:9999;}
.nav-dropdown {min-width: 130px;margin:0;padding: 0;display: none;position: absolute;list-style: none;z-index: 98;white-space: nowrap;}
.nav-dropdown > li {width: 110px;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 5px;display: inline-block;text-decoration: none;float: left;font-size: 12px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
.nav-logo > img {height: 58px;margin: 13px auto;padding: 0 10px;float: left;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 34px 0;font-size:17px; width: 110px;}
.navigation-landscape .nav-menu > li > a .submenu-indicator-chevron{display:none;}
.plr{padding: 0 10px 0 10px;}
.navigation-landscape .nav-menu > li:hover > a,
.navigation-landscape .nav-menu > li.active > a,
.navigation-landscape .nav-menu > li.focus > a{color: #ffffff;background-color: #1a5da4;}
.navigation-landscape .nav-menu > li:hover > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.active > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.focus > a .submenu-indicator-chevron{display:none;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a{color: #ffffff;background-color: #113a68;opacity:1;font-weight:600;}
.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > li.focus > a .submenu-indicator-chevron{border-color: transparent #ffffff #ffffff transparent;}
}

@media screen and (min-width: 1280px) and (max-width: 1469px){
#header .header_top h1{position:relative;width:155px;top:0px;left:10px;z-index:9999;}
.nav-dropdown {min-width: 154px;margin:0;padding: 0;display: none;position: absolute;list-style: none;z-index: 98;white-space: nowrap;}
.nav-dropdown > li {width: 130px;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 5px;display: inline-block;text-decoration: none;float: left;font-size: 14px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
.nav-logo > img {height: 65px;margin: 10px auto;padding: 0 15px;float: left;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 33px 0;font-size:18px; width: 130px;}
.navigation-landscape .nav-menu > li > a .submenu-indicator-chevron{display:none;}
.plr{padding: 0 9px 0 9px;}
.navigation-landscape .nav-menu > li:hover > a,
.navigation-landscape .nav-menu > li.active > a,
.navigation-landscape .nav-menu > li.focus > a{color: #ffffff;background-color: #1a5da4;}
.navigation-landscape .nav-menu > li:hover > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.active > a .submenu-indicator-chevron,
.navigation-landscape .nav-menu > li.focus > a .submenu-indicator-chevron{display:none;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a{color: #ffffff;background-color: #113a68;opacity:1;font-weight:600;}
.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > li.focus > a .submenu-indicator-chevron{border-color: transparent #ffffff #ffffff transparent;}
}

@media screen and (min-width: 1470px) and (max-width: 1649px){
#header .header_top h1{position:relative;width:155px;top:0px;left:10px;z-index:9999;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 33px 0;font-size:19px; width: 155px;}
.nav-dropdown > li {width: 155px;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 5px;display: inline-block;text-decoration: none;float: left;font-size: 15px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
}

@media screen and (min-width: 1650px) and (max-width: 1759px){
#header .header_top h1{position:relative;width:177px;top:0px;left:5px;z-index:9999;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 33px 0;font-size:19px; width: 175px;}
.nav-dropdown > li {width: 175px;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 5px;display: inline-block;text-decoration: none;float: left;font-size: 16px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
}

@media screen and (min-width: 1760px) and (max-width: 1920px){
#header .header_top h1{position:relative;width:177px;top:0px;left:5px;z-index:9999;}
.navigation-landscape .nav-menu > li > a{height: 89px;margin: 0;padding: 31px 0;font-size:20px; width: 190px;}
.nav-dropdown > li {width: 190px;float: left;clear: both;position: relative;text-align: center;}
.nav-dropdown > li > a {width: 100%;padding: 15px 5px;display: inline-block;text-decoration: none;float: left;font-size: 17px;color: #FFFFFF;background-color: #113a68;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; opacity:0.9;}
}