@charset "UTF-8";
/* old browser upgrade */
#outdated-ie-alert-overlay{width:100%;height:100%;background-image:url(/en/pc/assets/images/outdated/bg.png);position:fixed;top:0;left:0;z-index:999999}
* html #outdated-ie-alert-overlay{position:absolute}
#outdated-ie-alert-panel{width:600px;height:auto;top:200px;left:50%;position:fixed;z-index:1000001;margin:0 0 0 -300px;
	_position:absolute;
	_top:expression(200+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.ie-p{font-size:15px;color:#565656;line-height:1.6em;text-align:left}
#outdated-ie-alert-panel a{text-decoration:none;display:block;}
.ie-span{font-size:18px;color:#464646;display:block;font-family:"NotoSansKR Bold";line-height:1.6em;margin:0 0 15px 0;}
.ie-r-b-c,.ie-r-t-c,.ie-l-t-c,.ie-l-b-c{background:url(/en/pc/assets/images/outdated/iesprites.png) no-repeat}
.ie-l-t-c{width:47px;height:47px;background-position:-18px -9px;float:left}
.ie-l{height:100%;width:47px;float:left;clear:both;background:url(/en/pc/assets/images/outdated/left.png)}
.ie-l-b-c{width:47px;height:46px;background-position:-17px -66px;float:left;clear:both}
.ie-b{height:46px;width:506px;float:left;background:url(/en/pc/assets/images/outdated/bottom.png)}
.ie-r-t-c{width:47px;height:47px;background-position:-83px -10px;float:right;cursor:pointer}
.ie-r-t-c:hover{background-position:-143px -9px}
.ie-r{height:100%;width:47px;float:right;background:url(/en/pc/assets/images/outdated/right.png)}
.ie-c{width:506px;height:100%;background:#f6f6f6;float:left}
.ie-r-b-c{width:47px;height:46px;background-position:-83px -65px;float:right}
.ie-t{height:47px;width:506px;float:left;background:url(/en/pc/assets/images/outdated/top.png)}
.ie-u{width:auto;height:43px;margin:30px auto 0 -66px;position:relative;left:50%}
.ie-u-l{width:14px;height:43px;background:url(/en/pc/assets/images/outdated/u-left.png);float:left}
.ie-u-c{width:auto;height:40px;background:url(/en/pc/assets/images/outdated/u-center.png);float:left;padding:11px 0 0 0;cursor:pointer}
.ie-u-s{margin:5px 25px 5px 25px;color:#fff;font-size:14px;font-family:"NotoSansKR Bold";line-height:1.3em;}
.ie-u-r{width:14px;height:43px;background:url(/en/pc/assets/images/outdated/u-right.png);float:left}
#outdated-ie-alert-panel.ie6-style .ie-r-b-c{background:url(/en/pc/assets/images/outdated/6_r_b_c.png) no-repeat}
#outdated-ie-alert-panel.ie6-style .ie-r-t-c{background:url(/en/pc/assets/images/outdated/6_r_t_c.png) no-repeat}
#outdated-ie-alert-panel.ie6-style .ie-r-t-c:hover{background:url(/en/pc/assets/images/outdated/6_r_t_c_h.png) no-repeat}
#outdated-ie-alert-panel.ie6-style .ie-l-t-c{background:url(/en/pc/assets/images/outdated/6_l_t_c.png) no-repeat}
#outdated-ie-alert-panel.ie6-style .ie-l-b-c{background:url(/en/pc/assets/images/outdated/6_l_b_c.png) no-repeat}
#outdated-ie-alert-panel.ie6-style .ie-l{background:url(/en/pc/assets/images/outdated/6_left.png)}
#outdated-ie-alert-panel.ie6-style .ie-r{background:url(/en/pc/assets/images/outdated/6_right.png)}
#outdated-ie-alert-panel.ie6-style .ie-b{background:url(/en/pc/assets/images/outdated/6_bottom.png)}
#outdated-ie-alert-panel.ie6-style .ie-t{background:url(/en/pc/assets/images/outdated/6_top.png)}

/* layout */
.wrap {position:relative; padding:75px 0 0; width:100%; min-width:1380px; }
.common {margin:0 auto; padding:0 0 100px; width:100%;}

/* skip navi2 */
#skipNavi {}
#skipNavi a:link, #skipNavi a:visited,
#skipNavi a:active, #skipNavi a:hover {position:absolute; top:-99999px; left:0; width:100%; z-index:99999; color:#222; display:block; overflow:hidden;}
#skipNavi a:focus, #skipNavi a:hover,
#skipNavi a:active {top:0; padding:7px 0 5px; background-color:#1d60a7; color:#fff; text-decoration:none; font-family:"NotoSansKR Bold"; text-align:center;}

/* header */
.wrap .wrap_header {position:absolute; top:0; z-index:10000; width:100%;}
.wrap .header {position:relative; width:100%; background:url('/en/pc/assets/images/common/bg_header_line.png') repeat-x 0 75px;}
/* header main */
.wrap .header.main {background-color:rgba(8, 21, 28, 0.48);}
/*.wrap .header.main:after {display:block; content:""; position:absolute; top:75px; z-index:0; width:100%; height:calc(100% - 75px); border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa;}*/
.wrap .header.main .inner_wrap {position:relative; z-index:1; margin:0 auto; width:1200px;}
.wrap .header.main .inner_wrap:after {display:block; content:""; clear:both;}
.wrap .header.main .inner_wrap .logo {float:left;}
.wrap .header.main .inner_wrap .logo a {display:block; line-height:75px;}
.wrap .header.main .inner_wrap .gnb {float:left; margin-left:60px;}
.wrap .header.main .inner_wrap .gnb > ul {overflow:hidden;}
.wrap .header.main .inner_wrap .gnb > ul > li {float:left; width:145px; line-height:75px; text-align:center;}
/* .wrap .header.main .inner_wrap .gnb > ul > li > a {display:block; font-family:"NotoSansKR Bold"; font-size:16px; color:#fff; text-align:center; line-height:19px; padding:18px 0;} */
/* 24.02.06 - ?? GNB ??? ?? ?? */
.wrap .header.main .inner_wrap .gnb > ul > li > a {display:flex; justify-content:center; align-items:center; min-height:75px; font-family:"NotoSansKR Bold"; font-size:16px; color:#fff; text-align:center; line-height:19px; padding:18px 0;}
.wrap .header.main .inner_wrap .gnb > ul > li > a:focus,
.wrap .header.main .inner_wrap .gnb > ul > li > a:hover,
.wrap .header.main .inner_wrap .gnb > ul > li > a.active {color:#fff; /*text-decoration:underline;*/}
.wrap .header.main .inner_wrap .gnb > ul > li > ul {display:none; margin:40px 0; height:190px; /*border-right:1px solid #ddd;*/}
.wrap .header.main .inner_wrap .gnb > ul > li:first-child > ul {/*border-left:1px solid #ddd;*/}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li {padding:0 10px;}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li + li {margin-top:10px;}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a {display:block; font-size:13px; color:#fff; text-align:center; line-height:15px;}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a:focus,
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a:hover,
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a.active {font-family:"NotoSansKR Bold"; color:#fff; /*text-decoration:underline;*/}
/*.wrap .header.main .inner_wrap .wrap_lang {float:left;}*/
.wrap .header.main .inner_wrap .btn_all_menu {position:absolute; top:27px; right:40px; display:inline-block; width:20px; height:20px; background:url(/en/pc/assets/images/common/btn_all_menu_main.png) no-repeat center center;}
.wrap .header.main .inner_wrap .btn_all_menu:focus,
.wrap .header.main .inner_wrap .btn_all_menu:hover {background:url(/en/pc/assets/images/common/btn_all_menu_hover.png) no-repeat center center;}
.wrap .header.main .inner_wrap .btn_search {position:absolute; top:27px; right:0; display:inline-block; width:20px; height:20px; background:url(/en/pc/assets/images/common/btn_search.png) no-repeat center center; background-size:20px;}
.wrap .header.main .inner_wrap .wrap_all_menu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.wrap .header.main .inner_wrap .wrap_all_menu .inner {position:relative; width:100%; height:100%;}
.wrap .header.main .inner_wrap .wrap_all_menu .all_menu {position:absolute; left:50%; top:50%; padding:80px 50px 0; width:1200px; background-color:#fff; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.wrap .header.main .inner_wrap .wrap_all_menu .all_menu .btn_close {display:block; position:absolute; right:0; top:-50px; width:30px; height:30px; background:url(/en/pc/assets/images/common/btn_close_allMenu.png) no-repeat center center; background-size:30px}

.wrap .header.main .wrap_nav {position:absolute; top:75px; z-index:0; width:100%; line-height:50px; background-color:rgba(0, 0, 0, 0.5);}
.wrap .header.main .wrap_nav:after {display:block; content:""; clear:both;}
.wrap .header.main .wrap_nav .nav {float:left; border-right:1px solid #9d9d9d;}
.wrap .header.main .wrap_nav .nav:first-child {border-left:1px solid #9d9d9d;}
.wrap .header.main .wrap_nav .nav .btn_home {display:inline-block; width:58px; height:50px; background:url(/en/pc/assets/images/common/bg_nav_home.png) no-repeat center center;}
.wrap .header.main .wrap_nav .nav .select {width:170px;}
.wrap .header.main .wrap_nav .nav .select > a {}
.wrap .header.main .wrap_nav .nav .select ul {display:none; height:0;}
.wrap .header.main .wrap_lang{position:absolute; right:80px; top:24px;}
.wrap .header.main .wrap_lang .lang{position:relative; border:1px solid #ddd; border-radius:14px; padding:5px 15px;}
.wrap .header.main .wrap_lang .lang li .after_btn{position:absolute; right:15px; top:10px;  content:''; display:block; width:4px; height:4px; border-bottom:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg); transform-origin:70% 70%; -ms-transform-origin:70% 70%; transition:transform 300ms ease 0s; -ms-transition:transform 300ms ease 0s;}
.wrap .header.main .wrap_lang .lang li{display:none;}
.wrap .header.main .wrap_lang .lang li:first-child{display:block;}
.wrap .header.main .wrap_lang .lang li:nth-child(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.wrap .header.main .wrap_lang .lang li.on a{color:#fff; font-family:"NotoSansKR Bold"; }
.wrap .header.main .wrap_lang .lang li a{width:28px; display:block; font-size:12px; color:#fff; text-align:left; padding:0 10px 0 0;}
.wrap .header.main .wrap_lang .lang li a:hover{font-family:"NotoSansKR Bold";}
/*.wrap .header.main .wrap_lang.hover .lang{background:#fff}
.wrap .header.main .wrap_lang.hover .lang li a{color:#666;}
.wrap .header.main .wrap_lang.hover .lang li .after_btn{border-color:#fff;}*/

/* header sub */
.wrap .header.sub {background-color:#fff;}
.wrap .header.sub:after {display:block; content:""; position:absolute; top:75px; z-index:0; width:100%; height:calc(100% - 75px); border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa;}
.wrap .header.sub .inner_wrap {position:relative; z-index:1; margin:0 auto; width:1200px;}
.wrap .header.sub .inner_wrap:after {display:block; content:""; clear:both;}
.wrap .header.sub .inner_wrap .logo {float:left;}
.wrap .header.sub .inner_wrap .logo a {display:block; line-height:75px;}
.wrap .header.sub .inner_wrap .gnb {float:left; margin-left:60px;}
.wrap .header.sub .inner_wrap .gnb > ul {overflow:hidden;}
.wrap .header.sub .inner_wrap .gnb > ul > li {float:left; width:145px; line-height:75px; text-align:center;}
/* .wrap .header.sub .inner_wrap .gnb > ul > li > a {display:block; font-family:"NotoSansKR Bold"; font-size:16px; color:#333; text-align:center; line-height:19px; padding:18px 0;} */
/* 24.02.06 - ?? GNB ??? ?? ?? */
.wrap .header.sub .inner_wrap .gnb > ul > li > a { display:flex; justify-content:center; align-items:center; min-height:75px; font-family:"NotoSansKR Bold"; font-size:16px; color:#333; text-align:center; line-height:19px; padding:18px 0;}
.wrap .header.sub .inner_wrap .gnb > ul > li > a:focus,
.wrap .header.sub .inner_wrap .gnb > ul > li > a:hover,
.wrap .header.sub .inner_wrap .gnb > ul > li > a.active {color:#2c53af; /*text-decoration:underline;*/}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul {display:none; margin:40px 0; height:240px; border-right:1px solid #ddd;}
.wrap .header.sub .inner_wrap .gnb > ul > li:first-child > ul {border-left:1px solid #ddd;}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li {padding:0 10px;}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li + li {margin-top:10px;}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a {display:block; font-size:13px; color:#666; text-align:center; line-height:15px;}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a:focus,
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a:hover,
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a.active {font-family:"NotoSansKR Bold"; color:#2c53af; /*text-decoration:underline;*/}
.wrap .header.sub .inner_wrap .btn_all_menu {position:absolute; top:27px; right:40px; display:inline-block; width:20px; height:20px; background:url(/en/pc/assets/images/common/btn_all_menu.png) no-repeat center center;}
.wrap .header.sub .inner_wrap .btn_all_menu:focus,
.wrap .header.sub .inner_wrap .btn_all_menu:hover {background:url(/en/pc/assets/images/common/btn_all_menu_hover.png) no-repeat center center;}
.wrap .header.sub .inner_wrap .btn_search {position:absolute; top:27px; right:0; display:inline-block; width:20px; height:20px; background:url(/en/pc/assets/images/common/btn_search_sub.png) no-repeat center center; background-size:20px;}
.wrap .header.sub .inner_wrap .wrap_all_menu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.wrap .header.sub .inner_wrap .wrap_all_menu .inner {position:relative; width:100%; height:100%;}
.wrap .header.sub .inner_wrap .wrap_all_menu .all_menu {position:absolute; left:50%; top:50%; padding:80px 50px 0; width:1200px; background-color:#fff; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.wrap .header.sub .inner_wrap .wrap_all_menu .all_menu .btn_close {display:block; position:absolute; right:0; top:-50px; width:30px; height:30px; background:url(/en/pc/assets/images/common/btn_close_allMenu.png) no-repeat center center; background-size:30px}

.wrap .header.sub .wrap_nav {position:absolute; top:75px; z-index:0; width:100%; line-height:50px; background-color:rgba(0, 0, 0, 0.5); transition:background-color 300ms ease 0s; -ms-transition:background-color 300ms ease 0s;}
.wrap .header.sub .wrap_nav:after {display:block; content:""; clear:both;}
.wrap .header.sub .wrap_nav .nav {float:left; border-right:1px solid #444;}
.wrap .header.sub .wrap_nav .inner_wrap > .nav:first-child {border-left:1px solid #444;}
.wrap .header.sub .wrap_nav .nav .btn_home {display:inline-block; width:58px; height:50px; background:url(/en/pc/assets/images/common/bg_nav_home.png) no-repeat center center;}
.wrap .header.sub .wrap_nav .nav .select {position:relative; min-width:170px; background-color:transparent;}
.wrap .header.sub .wrap_nav .nav .select > a {display:block; padding:0 30px 0 15px; font-size:14px; color:#eee; line-height:50px; border:none; background:url(/en/pc/assets/images/common/bg_nav_arrow1.png) no-repeat right 15px center;}
.wrap .header.sub .wrap_nav .nav .select > a:before {display:none;}
/*.wrap .header.sub .wrap_nav .nav .select > a.open {background:url(/en/pc/assets/images/common/bg_nav_arrow2.png) no-repeat right 10px top 16px;}*/
.wrap .header.sub .wrap_nav .nav .select ul {display:none; position:absolute; top:50px; left:0; width:100%; border-top:1px solid #444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background-color:transparent;}
.wrap .header.sub .wrap_nav .nav .select ul li {border:0;}
.wrap .header.sub .wrap_nav .nav .select ul li a {display:block; line-height:40px; padding:0 30px 0 15px; font-size:14px; color:#eee; border:none; background-color:rgba(0, 0, 0, 0.5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.wrap .header.sub .wrap_nav .nav .select ul li a:focus,
.wrap .header.sub .wrap_nav .nav .select ul li a:hover {background:url(/en/pc/assets/images/common/bg_nav_arrow3.png) no-repeat 150px center; background-color:rgba(44, 83, 175, 0.5);}
.wrap .header.sub .wrap_nav.fixed {position:fixed; top:0; left:0; background-color:#1b2e59;}
.wrap .header.sub .wrap_nav.fixed .nav .select ul li a {background-color:#1b2e59;}
.wrap .header.sub .wrap_nav.fixed .nav .select ul li a:focus,
.wrap .header.sub .wrap_nav.fixed .nav .select ul li a:hover {background-color:rgba(44, 83, 175, 0.9);}

.wrap .header.sub .wrap_lang{position:absolute; right:80px; top:23px;}
.wrap .header.sub .wrap_lang .lang{position:relative; border:1px solid #ddd; border-radius:15px; padding:5px 15px; background:#fff;  }
.wrap .header.sub .wrap_lang .lang li .after_btn{position:absolute; right:15px; top:10px;  content:''; display:block; width:4px; height:4px; border-bottom:1px solid #767676; border-right:1px solid #767676; transform:rotate(45deg); -ms-transform:rotate(45deg);transform-origin:70% 70%; -ms-transform-origin:70% 70%; transition:transform 300ms ease 0s; -ms-transition:transform 300ms ease 0s;}
.wrap .header.sub .wrap_lang .lang li{display:none;}
.wrap .header.sub .wrap_lang .lang li:first-child{display:block;}
.wrap .header.sub .wrap_lang .lang li:nth-child(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.wrap .header.sub .wrap_lang .lang li.on a{color:#2c53af; font-family:"NotoSansKR Bold"; }
.wrap .header.sub .wrap_lang .lang li a{width:28px; display:block; font-size:12px; color:#666; text-align:left; padding:0px 10px 0 0}
.wrap .header.sub .wrap_lang .lang li a:hover{font-family:"NotoSansKR Bold";}


/* side nav */
.side_nav {position:fixed; top:0; right:0; z-index:10000; width:90px; height:100%; background-color:#1b2e5a;}
.side_nav .nav {margin-top:125px;}
.side_nav .nav ul li {border-top:1px solid #32436b;}
.side_nav .nav ul li a {display:block; padding:55px 0 20px; font-size:12px; color:#c5c7cf; text-align:center;}
.side_nav .nav ul li a.ico_manager {background:url(/en/pc/assets/images/common/ico_side_nav1.png) no-repeat center 20px;}
.side_nav .nav ul li a.ico_ask {background:url(/en/pc/assets/images/common/ico_side_nav2.png) no-repeat center 20px;}
.side_nav .nav ul li a.ico_record {background:url(/en/pc/assets/images/common/ico_side_nav3.png) no-repeat center 20px;}
.side_nav .nav ul li a.ico_all {background:url(/en/pc/assets/images/common/ico_side_nav4.png) no-repeat center 20px;}
.side_nav .direction ul li {border-top:1px solid #32436b;}
.side_nav .direction ul li:last-child {border-bottom:1px solid #32436b;}
.side_nav .direction ul li a {display:block; height:90px;}
.side_nav .direction ul li a.btn_next {background:url(/en/pc/assets/images/common/arrow_side_next.png) no-repeat center center;}
.side_nav .direction ul li a.btn_prev {background:url(/en/pc/assets/images/common/arrow_side_prev.png) no-repeat center center;}

/* content */
.wrap .content {margin:-75px auto 0; padding:0 50px 100px 50px; width:1200px; min-height:700px; background-color:#fff;}
.wrap .content.utility {margin:auto;}

/* footer */
.wrap .footer {width:100%; background-color:#323b4a;}
.wrap .footer.main { background-color:#282828;}
.wrap .footer .inner_wrap {margin:0 auto; width:1180px; position:relative;}
.wrap .footer .link{width: 830px; margin: auto; padding: 35px 0; border-bottom: 1px solid #424a58; position:relative;}
.wrap .footer.main .link{padding: 35px 0 20px;}
.wrap .footer.main .link{border-bottom:none;}
.wrap .footer .link:after{content:''; display: block; clear: both;}
.wrap .footer .link .footer_list{float:left;}
.wrap .footer .link .footer_list li{display: inline-block;}
.wrap .footer .link .footer_list li:first-child{font-weight:bold;}
.wrap .footer .link .footer_list li:first-child a{color:#fff;}
.wrap .footer .link .footer_list li:after{content:'\00B7';padding:0 10px;color:#a2a9b3;}
.wrap .footer .link .footer_list li:last-child:after{display:none;}
.wrap .footer .link .footer_list li a{font-size: 12px;color:#a2a9b3;}
.wrap .footer.main .link .footer_list li:nth-child(1) a{color:#fff;}
.wrap .footer .link .btn_family_site{display:inline-block; width:162px; height: 37px; font-size:12px; text-align: center; line-height: 37px; background:#222936; color:#a2a9b3; position:absolute; right:0; top:25px;}
.wrap .footer.main .link .btn_family_site{ background:#333;}
.wrap .footer .link .btn_family_site span{display: inline-block; width: 34px; height: 36px; float:right; border-left: 1px solid #2e3440; background-position:50% 50%; background-repeat:no-repeat;}
.wrap .footer .link .btn_family_site .off{background-image:url(/en/pc/assets/images/common/plus.png) ;}
.wrap .footer .link .btn_family_site .on{background-image:url(/en/pc/assets/images/common/minus.png) ;}
.wrap .footer .link .wrap_family_site {display:none; position:absolute; z-index:1000;  right:0; bottom:65px; padding:6px 13px; width:162px; border:1px solid #ddd; background-color:#fff;}
.wrap .footer .link .wrap_family_site > ul {}
.wrap .footer .link .wrap_family_site > ul > li {padding:9px 0; border-bottom:1px solid #ddd;}
.wrap .footer .link .wrap_family_site > ul > li:last-child {border:0;}
.wrap .footer .link .wrap_family_site > ul > li > .title {margin-left:-5px; font-size:13px; color:#333;}
.wrap .footer .link .wrap_family_site > ul > li > .title a {font-size:13px; color:#333;}
.wrap .footer .link .wrap_family_site > ul > li > ul {}
.wrap .footer .link .wrap_family_site > ul > li > ul > li {}
.wrap .footer .link .wrap_family_site > ul > li > ul > li > a {font-size:13px; color:#666;}
.wrap .footer .copyright {padding:30px 0 40px; line-height:1.6;}
.wrap .footer .copyright p {font-size:12px; color:#a2a9b3; text-align:center;}
.wrap .footer .copyright p span {margin-left:20px; font-family:"NotoSansKR Light";}
.wrap .footer .copyright p span:first-child {margin-left:0;}
.wrap .footer .top_btn a{transition:0.5s; display:block; position:fixed; z-index:1000; bottom:50px; right:100px; width:55px; height:57px; background:url("/en/pc/assets/images/common/top_btn.png") 50% 50% no-repeat; }
.wrap .footer .top_btn a:hover,
.wrap .footer .top_btn a:focus{ background:url("/en/pc/assets/images/common/top_btn_over.png") 50% 50% no-repeat; }

/* common */
/* sub visual */
.sub_visual {width:100%; height:400px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;}

/* tab menu */
.tab_menu {display:table; width:100%; border-bottom:1px solid #ddd; }
.tab_menu a {display:table-cell; position:relative; height:75px; line-height:75px; font-size:16px; color:#666; text-align:center; border-bottom:2px solid transparent; background-color:#fff;}
.tab_menu.tab2 a{width:50%; float:left;}
.tab_menu.tab3 a{width:33.3%; float:left;}
.tab_menu.tab4 a{width:25%; float:left;}
.tab_menu.tab5 a{width:20%; float:left;}
.tab_menu.tab6 a{width:16.66%; float:left;}
.tab_menu a.active {font-family:"NotoSansKR Bold"; color:#333; border-bottom:2px solid #333;}
.tab_menu a.active:after {position:absolute; bottom:-9px; left:50%; transform:translate(-50%, 0); display:block; content:""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #000;}
.tab_menu a.line2 {padding:18px 0 17px 0; line-height:20px;}

/* table */
.table_type_1 {}
.table_type_1 table {table-layout:fixed; width:100%; border-top:2px solid #333;}
.table_type_1 table thead tr {background-color:#f8f8f8;}
.table_type_1 table thead tr th {padding:10px; font-family:"NotoSansKR Bold"; font-size:14px; border:1px solid #eee; border-bottom:none;}
.table_type_1 table thead tr th:first-child {border-left:none;}
.table_type_1 table thead tr th:last-child {border-right:none;}
.table_type_1 table tbody tr td {padding:10px; font-size:14px; color:#666; text-align:center; border:1px solid #eee;}
.table_type_1 table tbody tr td:first-child {border-left:none;}
.table_type_1 table tbody tr td:last-child {border-right:none;}
.table_type_1 table tbody tr td.b {font-family:"NotoSansKR Bold"; color:#333;}
.table_type_1.va_top table tbody tr td { vertical-align: top; text-align: left; }

/* board */
.list_info_txt{ font-size:14px; color:#666; padding:35px 0 15px 0;}
.list_info_txt span{font-size:14px; color:#2951ae; vertical-align:top; }
.board_list_type1 {}
.board_list_type1 table {table-layout:fixed; width:100%;}
.board_list_type1 table tbody tr {border-bottom:1px solid #eee;}
.board_list_type1 table tbody tr:first-child {border-top:2px solid #333;}
.board_list_type1 table tbody tr td {padding:10px 0;text-align:center;}
.board_list_type1 table tbody tr td.no {font-family:"NotoSansKR Bold"; font-size:14px;}
.board_list_type1 table tbody tr td.e_group {font-size:14px;}
.board_list_type1 table tbody tr td.type .type1 {padding:2px 5px; color:#555; border:1px solid #555;}
.board_list_type1 table tbody tr td.type .type2 {padding:2px 5px; color:#264fb6; border:1px solid #264fb6;}
.board_list_type1 table tbody tr td.title a {display:block; overflow:hidden; padding:0 10px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; color:#333; text-align:left;}
.board_list_type1 table tbody tr td.recruit_type {font-family:"NotoSansKR Light"; font-size:14px;}
.board_list_type1 table tbody tr td.date {font-family:"NotoSansKR Light"; font-size:14px;}
.board_list_type1 table tbody tr td.state .ing {display:inline-block; padding:5px 0; width:65px; color:#fff; text-align:center; border-radius:3px; background-color:#1c7900; font-size:14px;}
.board_list_type1 table tbody tr td.state .end {display:inline-block; padding:5px 0; width:65px; color:#efefef; text-align:center; border-radius:3px; background-color:#d0d0d0; font-size:14px;}

.board_list_type2 {}
.board_list_type2 ul {border-top:2px solid #333;}
.board_list_type2 ul li {overflow:hidden; padding:20px; border-bottom:1px solid #ddd;}
.board_list_type2 ul li .thumb {float:left;}
.board_list_type2 ul li .cont {float:left; position:relative; padding:18px 0 18px 35px; width:calc(100% - 300px); height:165px;}
.board_list_type2 ul li .cont .team {font-family:"NotoSansKR Bold"; font-size:20px; color:#333;}
.board_list_type2 ul li .cont .title {overflow:hidden; margin-top:10px; width:100%; max-height:56px; font-family:"NotoSansKR Light"; font-size:20px; color:#333;}
.board_list_type2 ul li .cont .title.ellipsis {position: relative; background: #fff;}
.board_list_type2 ul li .cont .title.ellipsis:before {content: '...'; position: absolute; top: 22px; right: 0; background: inherit;}
.board_list_type2 ul li .cont .title.ellipsis:after {content: ''; display: inline; position: absolute; width: 100%; height: 100%; background: inherit;}
.board_list_type2 ul li .cont .author {position:absolute; bottom:18px; left:35px; font-size:14px; color:#666;}
.board_list_type2 ul li .cont .wrap_btn {position:absolute; right:0; bottom:18px;}
.board_list_type2 ul li .cont .btn_more {position:relative; width:20px; height:20px; transition:transform 0.3s;}
.board_list_type2 ul li .cont .btn_more:hover {transform:rotate(180deg);}
.board_list_type2 ul li .cont .btn_more:before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; content:""; width:17px; height:1px; background-color:#555;}
.board_list_type2 ul li .cont .btn_more:after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; content:""; width:1px; height:17px; background-color:#555;}

/* pagination */
.pagination {text-align:center; padding-top:80px;}
.pagination ul {overflow:hidden; display:inline-block;}
.pagination li {float:left; margin:0 4px;}
.pagination li a {display:inline-block; width:30px; height:30px; font-size:14px; color:#6e6e6e; text-align:center; line-height:26px; border:1px solid #ddd; transition:color .3s, border-color .3s, background-color .3s;}
.pagination li a:hover {color:#1b2e5a; border-color:#1b2e5a;}
.pagination li a.active {color:#fff; border-color:#1b2e5a; background-color:#1b2e5a;}
.pagination .prev_page,
.pagination .prev,
.pagination .next,
.pagination .next_page {position:relative;}
.pagination .prev_page:before {display:inline-block; content:''; position:absolute; top:9px; left:10px; width:10px; height:10px; border-width:1px; border-style:solid; border-color:#888; border-right:0; border-bottom:0; transform:rotate(-45deg); -ms-transform:rotate(-45deg); box-sizing:border-box;}
.pagination .prev_page:after {display:inline-block; content:''; position:absolute; top:9px; left:14px; width:10px; height:10px; border-width:1px; border-style:solid; border-color:#888; border-right:0; border-bottom:0; transform:rotate(-45deg); -ms-transform:rotate(-45deg);box-sizing:border-box;}
.pagination .prev:after {display:inline-block; content:''; position:absolute; top:9px; left:12px; width:10px; height:10px; border-width:1px; border-style:solid; border-color:#888; border-right:0; border-bottom:0; transform:rotate(-45deg); -ms-transform:rotate(-45deg);box-sizing:border-box;}
.pagination .next:after {display:inline-block; content:''; position:absolute; top:9px; right:12px; width:10px; height:10px; border-width:1px; border-style:solid; border-color:#888; border-right:0; border-bottom:0; transform:rotate(135deg);-ms-transform:rotate(135deg); box-sizing:border-box;}
.pagination .next_page:before {display:inline-block; content:''; position:absolute; top:9px; right:10px; width:10px; height:10px; border-width:1px; border-style:solid; border-color:#888; border-right:0; border-bottom:0; transform:rotate(135deg); -ms-transform:rotate(135deg);box-sizing:border-box;}
.pagination .next_page:after {display:inline-block; content:''; position:absolute; top:9px; right:14px; width:10px; height:10px; border-width:1px; border-style:solid; border-color:#888; border-right:0; border-bottom:0; transform:rotate(135deg); -ms-transform:rotate(135deg);box-sizing:border-box;}
.pagination .prev_page:hover:before,
.pagination .prev_page:hover:after,
.pagination .prev:hover:after,
.pagination .next:hover:after,
.pagination .next_page:hover:before,
.pagination .next_page:hover:after {border-color:#1b2e5a;}

/* board_content */
.board_content:after{content:''; display: block; clear: both;}
.board_content .b_con_title{width: 100%;line-height: 80px;box-sizing:border-box; padding: 0 15px; border-top: 2px solid #333;border-bottom: 1px solid #ddd;}
.board_content .b_con_title:after{content:''; display:block; clear:both;}
.board_content .b_con_title .num{width: 80px; text-align:center; font-size:35px; color:#666;}
.board_content .b_con_title .type1{width: 80px; text-align:center; font-size:29px; color:#666;}
.board_content .b_con_title .type2{margin:12px 20px; padding:2px 5px;color:#264fb6;border:1px solid #264fb6;line-height: 20px; }
.board_content .b_con_title .title{ font-size: 20px;color:#333;text-overflow: ellipsis;white-space: nowrap; display:inline-block;width: 650px;word-break: break-all;overflow: hidden;}
.board_content .b_con_title .date_wrap{float:right;}
.board_content .b_con_title .date_wrap .start_date{font-size: 14px; color:#666;}
.board_content .b_con_title .date_wrap .start_date:after{content:' ~ ';}
.board_content .b_con_title .date_wrap .finish_date{font-size: 14px; color:#666;}
.board_content .b_con_box{ padding:65px 75px 50px 75px; border-bottom: 1px solid #555; }
.board_content .b_con_box .img_wrap{text-align:center; margin-bottom:30px;}
.board_content .b_con_box .text{line-height: 28px; font-size: 14px; color:#666; padding-bottom: 30px;}
.board_content .b_con_box .info_title{display:block; padding:20px 0 5px 0; color:#2c53af; font-size:18px; font-family:"NotoSansKR Bold"; }
.board_content .b_con_box .info_title:nth-of-type(1){padding-top:0; }
.board_content .b_con_box .file_down{display:inline-block; max-width: 300px; border: 1px solid #898989; position:relative}
/*.board_content .b_con_box .file_down span{ display:inline-block; height:15px; border-right: 1px solid #898989; vertical-align: top; padding: 0 8px; color:#000; font-size: 12px;}*/
.board_content .b_con_box .file_down a{display:inline-block; padding: 8px 45px 8px 20px;  background: none; color:#333; font-size: 12px;text-overflow: ellipsis;white-space: nowrap; max-width: 220px; line-height: 15px;word-break: break-all;overflow: hidden; vertical-align:top;}
.board_content .b_con_box .file_down a:after{ content:''; display:inline-block; width: 15px; height: 16px; background: url(/en/pc/assets/images/common/down_icon_black.png) 50% 50% no-repeat; position:absolute; right:20px; top:8px;}
.board_content .btn_wrap{text-align: center; padding-top:60px;}
.board_content .btn_style4{float:right; margin-top: 30px;}

/* select box */
.select {display:block; position:relative; z-index:1; min-width:120px; text-align:left; background-color:#fff;}
.select > a {display:block; overflow:hidden; padding:0 15px; line-height:40px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; border:1px solid #ddd; background:url(/en/pc/assets/images/common/arrow1.png) no-repeat right 10px center;}
.select > a:before {display:inline-block; content:""; position:absolute; top:50%; right:30px; margin-top:-7px; width:1px; height:14px; background-color:#ddd;}
/*.select > a.open {background:url(/en/pc/assets/images/common/arrow2.png) no-repeat right 10px center;}*/
.select ul {display:none; position:absolute; top:42px; left:0; width:100%; background-color:#fff;}

.select ul li {border:1px solid #ddd; border-top:0;}
.select ul li a {display:block; overflow:hidden; padding:7px 15px; font-size:14px; color:#666; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.select ul li a:focus,
.select ul li a:hover {color:#fff; background-color:#1b2e5a;}

table .select > a{line-height:32px;}
table .select{width: 150px;}
.utility .select > a{line-height:30px;}
.g_inquiry .sub_content .c_center_box .select ul {top:34px; }
.g_inquiry .sub_content .c_center_box .select ul li a{padding:0 15px; }

.selectBox-dropdown {min-width:120px; border-radius:0; background:none; background-color:#fff;}
.selectBox-dropdown .selectBox-label {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  word-break:break-all; background-color:#fff;}
.selectBox-dropdown .selectBox-arrow {background-color:#fff;}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {}
.selectBox-dropdown-menu {}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {}
.selectBox-options li.selectBox-selected a {}

.select .selectBox.selectBox-dropdown{border: 1px solid #ddd;}
.select .selectBox-dropdown {min-width:120px; border-radius:0; }
.select .selectBox-dropdown .selectBox-label {overflow:hidden; height:38px; line-height:38px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background-color:#fff;}
.select .selectBox-dropdown .selectBox-arrow { width: 38px; background-color:#fff; background-image: url(/en/pc/assets/images/common/arrow1.png);  background-position:center center; border-left:none;}
.select .selectBox-dropdown .selectBox-arrow:before{content:''; border-left:1px solid #ddd; margin-top:12px; display:inline-block; height: 15px; }
.select .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-image: url(/en/pc/assets/images/common/arrow2.png); background-position:center center;}
.select .utility .selectBox-dropdown .selectBox-label {width: 190px !important;}
.select .utility .selectBox.selectBox-dropdown{width: 230px !important;}
.selectBox-options li a{padding:6px 7px; font-size:14px; border-bottom:1px solid #ddd; }
.selectBox-options li a:hover{background:#1b2e5a; color:#fff;}
.selectBox-options li.selectBox-selected a{background:#1b2e5a; color:#fff;}
.selectBox-dropdown-menu{box-shadow:none; -webkit-box-shadow:none; border:1px solid #ddd; }

.select.type1 .selectBox-dropdown .selectBox-label {height: 34px; line-height: 34px; }
.select.type1 .selectBox-options li a {border-bottom:1px solid #ddd; }
.select.type1 .selectBox-options li a{height:34px; line-height:34px;}
.select.type1 .selectBox-dropdown .selectBox-arrow:before{margin-top:10px;}



/* btn_style  */
.btn_style1 {display: inline-block; width: 110px; height: 40px; position:relative; background: #fff; border: 1px solid #797979; line-height: 40px;}
.btn_style1 span{padding-left: 27px; font-size: 15px; color:#555;}
.btn_style1 span:after{ content:'';  width: 7px;  height: 7px; position:absolute; right: 25px; top: 13px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(45deg)}
.btn_style2{ display: inline-block; width: 135px; height: 50px; position:relative; background: #fff; border: 1px solid #797979;  text-align: center; line-height: 50px;}
.btn_style2 span{font-size: 15px; color:#555;}
.btn_style2 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 28px; top: 21px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style3 {display: inline-block; width: 95px; height: 30px; border-radius:20px; position:relative; border: 1px solid #797979; line-height: 30px;}
.btn_style3 span{ padding-left: 20px; font-size: 13px; color:#555;}
.btn_style3 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 17px; top: 12px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style4 {display: inline-block; padding:8px 35px 9px ; text-align: center; border: 1px solid #bbb; }
.btn_style4 span{ font-size: 15px; color:#555;}
.btn_style5 {display:inline-block; padding:15px 50px;  background:#1b2e5a;  text-align: center; transition:0.5s;}
.btn_style5 span{font-size: 18px; color:#fff;}
.btn_style6 {display:inline-block; padding:8px 10px 8px 20px; border:1px solid #ddd;}
.btn_style6 span {font-size:12px; color:#333;}
.btn_style6 span:after {display:inline-block; content:""; margin-left:5px; width:4px; height:4px; vertical-align:middle; border-right:1px solid #777; border-bottom:1px solid #777; transform:rotate(-45deg);}
.btn_style7 {position:relative; display:inline-block; padding:8px 24px 8px 20px; font-size:12px; color:#333; border:1px solid #ddd;}
.btn_style7:after {position:absolute; top:50%; right:10px; display:inline-block; content:""; width:4px; height:4px; border-right:1px solid #777; border-bottom:1px solid #777; transform:translate(0, -50%) rotate(-45deg);}
.btn_style8{display:inline-block; height: 40px; padding:9px 35px;  background: #1e305c;  text-align: center; transition:0.5s; }
.btn_style8 span{font-size: 15px; color:#fff;}
.btn_style8:hover,
.btn_style5:hover{background:#1e305c;}

/* ??? ???*/
.mng_info_box:after{content:''; display: block; clear: both;}
.mng_info_box .mng_info {width: 480px; height: 200px; padding:33px 46px; background:#f9f9f9; border: 1px solid #eaeaea; float:left; vertical-align: middle;}
.mng_info_box .mng_info.with_name{margin-right:40px;}
.mng_info_box .mng_info .img_icon{display: inline-block; width: 130px; height: 130px; background-color: #fff; border-radius:50%; background-image: url(/en/pc/assets/images/common/manager_info_icon.png);  background-repeat:no-repeat;}
.mng_info_box .mng_info .img_icon.icon1{background-position: 26px 26px;}
.mng_info_box .mng_info .img_icon.icon2{background-position: -103px 22px;}
.mng_info_box .mng_info ul{display: inline-block; padding-left: 20px;}
.mng_info_box .mng_info ul li{font-size: 14px;color:#666;}
.mng_info_box .mng_info ul li span{font-size: 16px; color:#333; }
.mng_info_box .mng_info ul li span:after{display: inline-block; width: 1px; height: 9px; content:''; background: #7f7f7f;  margin:0 10px;  }

/* Checkbox & radio */
@-webkit-keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#3e97eb;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#3e97eb;}}
input[type="radio"],
input[type="checkbox"] {/*display:none;*/ position:absolute; opacity:0;}
/*input[type="radio"]:focus,*/
/*input[type="checkbox"]:focus {width:20px; height:20px; border:1px dashed #ddd; }*/
input[type="radio"][disabled],
input[type="checkbox"][disabled] {cursor:not-allowed;}
input[type="radio"] + label,
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:30px; line-height:20px; vertical-align:middle; cursor:pointer; outline:0;}
input[type="radio"] + label:focus,
input[type="checkbox"] + label:focus {outline:0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
input[type="radio"] + label:hover:before,
input[type="checkbox"] + label:hover:before {animation-duration:0.4s; animation-fill-mode:both; animation-name:hover-color;}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid #dfdfdf; box-sizing:border-box;}
input[type="radio"] + label:after,
input[type="checkbox"] + label:after {display:none; position:absolute; content:'';}
input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label {cursor:not-allowed; color:#e4e4e4; }
input[type="radio"][disabled] + label:hover,
input[type="radio"][disabled] + label:before,
input[type="radio"][disabled] + label:after,
input[type="checkbox"][disabled] + label:hover,
input[type="checkbox"][disabled] + label:before,
input[type="checkbox"][disabled] + label:after {cursor:not-allowed; border-color:#bbb; }
input[type="radio"][disabled] + label:hover:before,
input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4;}
input[type="radio"][disabled] + label:before,
input[type="checkbox"][disabled] + label:before {border-color:#e4e4e4;}
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {animation-name:none;}
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {display:block; }
input[type="radio"][disabled] + label:hover:before,
input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4; animation-name:none;}
input[type="radio"] + label:before {border-radius:50%;}
input[type="radio"] + label:after {top:5px; left:5px; width:10px; height:10px; border-radius:50%; background:#1b2e5a;}
input[type="radio"]:checked + label:before {border:1px solid #dfdfdf;}
input[type="radio"]:checked[disabled] + label:before {border:1px solid #e3e3e3;}
input[type="radio"]:checked[disabled] + label:after {background:#eee;}
input[type="checkbox"] + label:before {border-radius:0;}
input[type="checkbox"] + label:after {top:0; left:6px; width:6px; height:12px;  border-style:solid; border-color:#1b2e5a; border-top:0; border-left:0; transform:rotate(45deg); -ms-transform:rotate(45deg);}
input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd; background:#fff;}
input[type="checkbox"]:checked[disabled] + label:before {border:1px solid #e3e3e3; background:#eee;}

input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {/*box-shadow:0 0 2px #4d90fe; border-collapse: separate;*/}


/* Checkbox & radio Theme Color Change */
/* hover color */
/* @keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#3e97eb;}} */

/* default border color */
/* input[type="radio"] + label:before, */
/* input[type="checkbox"] + label:before {border:1px solid #c0c0c0;} */

/* checked input color */
/* input[type="checkbox"]:checked + label:b efore {border:#ff0000; background:#FF0000;} */
/* input[type="radio"]:checked + label:before {border:1px solid #ff0000;} */
/* input[type="radio"] + label:after {background:#ff0000;} */

/* disabled checkbox & radio color */
/* input[type="checkbox"]:checked[disabled] + label:before {border:#ff0000; background:#ff0000;} */
/* input[type="radio"]:checked[disabled] + label:before {border:1px solid #ff0000;} */
/* input[type="radio"]:checked[disabled] + label:after {background:#ff0000;} */

/* disabled label color */
/* input[type="radio"][disabled] + label, */
/* input[type="checkbox"][disabled] + label {color:#e4e4e4;} */


.wrap_card_grid {padding:0 15px;}
.card_grid {margin:0 -15px;}
.card_grid .item {padding:15px; width:33.3%;}
.card_grid .item .inner {border:1px solid #dddddd;}