@charset "euc-kr";
@font-face {font-family:ng; src:url('font/NanumGothic.eot'); src:local(¡Ø), url('font/NanumGothic.woff') format('woff')}

/* style reset */
* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html {width:100%}
body {width:100%; min-width:1024px; font-family:ng, Dotum, Helvetica, sans-serif; font-size:12px; color:#666}
form, input, select, textarea, button, ax {font-family:ng, Dotum, Helvetica,sans-serif; font-size:12px; color:#666}
ul, ol, li{list-style:none}
a {cursor:pointer; color:#666; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
em, address {font-style:normal}
caption {overflow:hidden; position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0.1%; line-height:0.1%}
hr {display:none}
button {cursor:pointer; background:transparent; border:0; vertical-align:middle}
img {border:0}
input::-ms-clear {display:none}
textarea::-ms-clear {display:none}
input.txt {height:17px; padding:3px 0 0 5px; border:1px solid #ccc; color:#666; font-family:Dotum}
input.file {height:17px; padding:3px 0 0 3px; color:#666; font-family:Dotum}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}
textarea {overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; resize:none; color:#666; font-family:Dotum}
select {vertical-align:middle; color:#666; font-family:Dotum}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
.hide {overflow:hidden; position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0.1%; line-height:0.1%}
.clearfix {clear:both; overflow:hidden}
dl.skipnavi {position:relative}
dl.skipnavi dt {display:none}
dl.skipnavi dd {position:absolute; left:0; top:1px; height:35px; overflow:hidden; line-height:35px}
dl.skipnavi dd a {display:block; z-index:51; width:118px; height:35px; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd; line-height:35px; text-decoration:none; color:#888; font-size:12px; font-weight:bold}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {background:#333; color:#fff}
.default-setting {float:right; border-right:1px solid #ddd}
.default-setting .langchange {float:left; width:88px; height:36px; text-align:center; border-left:1px solid #ddd; line-height:36px}
.default-setting .fontsize-control {float:left; width:102px; height:36px; text-align:center; border-left:1px solid #ddd; line-height:36px}
.default-setting .fontsize-control em {margin:0 10px 0 0}
.default-setting .fontsize-control button {width:10px; height:10px; margin:0 3px 0 0; text-indent:-99999px}
.default-setting .fontsize-control button.btn-font-large {background:url('../images/icon_font_large.jpg') no-repeat 0 0}
.default-setting .fontsize-control button.btn-font-small {background:url('../images/icon_font_small.jpg') no-repeat 0 0}
.top-settingbox {width:100%px;max-width: 1200px;height:37px; margin:0 auto}

/* Slick Slider */
.slick-slider {position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0; height:100%}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track {position:relative; top:0; left:0; display:block; height:100%; overflow:hidden}
.slick-track:before,.slick-track:after{display:table; content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left;height:100%; overflow:hidden; min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-tab {position:absolute; top:0; left:0; display:block;width:100%;padding:0;list-style:none;text-align:center}

#wrap {position:relative;margin:auto;width:100%; border-top:1px solid #ddd}
.toparea {width:100%; height:140px; margin:0; background:url('../images/bg_toparea.jpg') no-repeat 50% 100%}
.toparea .innerbox {position:relative; z-index:50; width:1100px; height:140px; margin:0 auto}
.toparea h1 {float:left; height:88px; padding:20px 0 0 0}
.toparea fieldset {float:right; width:340px; height:28px; margin:40px 0 22px 0}
.toparea fieldset p {float:left; width:287px; height:28px; margin:0 5px 0 0; border:3px solid #28a3e3}
.toparea fieldset p select {float:left; width:75px; height:100%; padding:2px 10px 0 8px; background:#fff url('../images/icon_arr_04.png') no-repeat 90% 50%; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#2198da; font-family:Dotum}
.toparea fieldset p select::-ms-expand {display:none}
.toparea fieldset p .inpbox {float:none; display:block; width:auto; overflow:hidden; height:100%; padding:0 0 0 10px; background:url('../images/bg_bar_04.png') no-repeat 0 50%}
.toparea fieldset p .inpbox input.txt {width:100%; height:100%; padding:0; border:0; color:#666; font-size:12px; font-family:Dotum}
.toparea fieldset p .inpbox input.txt::-webkit-input-placeholder {color:#2198da}
.toparea fieldset p .inpbox input.txt.txt:-moz-placeholder {color:#2198da}
.toparea fieldset p .inpbox input.txt::-moz-placeholder {color:#2198da}
.toparea fieldset p .inpbox input.txt:-ms-input-placeholder {color:#2198da}
.toparea fieldset button.btn-search {float:left; width:48px; height:28px; background:url('../images/btn_search_01.jpg') no-repeat 0 0; background-size:100% 100%; text-indent:-99999px; font-size:0}
.toparea .topmenu {clear:both; position:relative; width:100%; height:49px}
.toparea .topmenu > ul {clear:both; width:100%; height:49px; text-align:center; line-height:49px}
.toparea .topmenu > ul li ul {display:none; position:absolute; left:0; top:49px; width:100%; overflow:hidden; padding:30px 20px 20px 25px; background:#fff; border-width:0 2px 2px 2px; border-style:solid; border-color:#272727; border-radius:0 0 8px 8px}
.toparea .topmenu > ul li ul li {margin:0 0 5px 0; text-align:left; color:#666; font-size:15px; line-height:19px}
.toparea .topmenu > ul li ul li a {padding:0 0 0 8px; background:url('../images/icon_dot_02.jpg') no-repeat 0 7px; color:#666; font-size:15px; line-height:19px}
.toparea .topmenu > ul > li {position:relative; display:inline-block; width:200px; height:49px; text-align:center;}
.toparea .topmenu > ul > li.eng { width:280px;}
.toparea .topmenu > ul li.on span a {background:url('../images/icon_arr_03.png') no-repeat 100% 50%}
.toparea .topmenu > ul li:first-child {background:0}
.toparea .topmenu > ul li span {display:block; width:100%; height:49px; color:#fff; font-size:17px; font-weight:bold}
.toparea .topmenu > ul li span a {display:inline-block; height:49px; padding:0 10px 0 0; color:#fff; font-size:17px; font-weight:bold}
.toparea .topmenu > ul li span a:hover, .toparea .topmenu ul li span a:focus {background:url('../images/icon_arr_03.png') no-repeat 100% 50%; text-decoration:none}
.toparea .topmenu .btn-allmenuview {position:absolute; right:0; bottom:0; width:85px; height:19px; background:url('../images/btn_allmenu.jpg') no-repeat 0 0; text-indent:-99999px}
.toparea .allmenubox {display:none; position:absolute; right:0; top:49px; z-index:51; width:100%; height:230px; padding:25px 30px; overflow:hidden; background:#fff; border:2px solid #222; border-radius:0 0 8px 8px}
.toparea .allmenubox.on {display:block}
.toparea .allmenubox > div {float:left; width:25%; height:200px}
.toparea .allmenubox > div > strong {display:block; height:23px; font-size:15px}
.toparea .allmenubox > div > strong a {font-size:15px; color:#272727}
.toparea .allmenubox > div > ul li {margin:5px 0 0 0}
.toparea .allmenubox > div > ul li a {padding:0 0 0 8px; margin:0; background:url('../images/icon_dot_02.jpg') no-repeat 0 6px; line-height:17px; color:#666; font-size:13px}

.midarea {width:1100px; margin:0 auto; }
.midarea .leftarea {float:left; width:210px; overflow:hidden; margin:0 30px 80px 0; border-left:1px solid #ddd; border-right:1px solid #ddd}
.midarea .leftarea h2 {height:103px; padding:40px 0 0 0; text-align:center; border-bottom:5px solid #336fb5; color:#181818; font-size:24px}
.midarea .leftarea > ul > li {padding:0 0 0 0;}
.midarea .leftarea > ul > li:first-child {border-top:0}
.midarea .leftarea > ul > li > span {display:block; padding:0 0 0 25px; border-bottom:1px solid #ddd; line-height:50px}
.midarea .leftarea > ul > li > span.eng {line-height:120%;}
.midarea .leftarea > ul > li > span a {display:block; width:100%; height:50px; margin:0; line-height:50px; color:#393939; font-size:15px; font-weight:bold}
.midarea .leftarea > ul > li > span.eng a {
	line-height:120% !important; min-height:50px; padding:5px 24px 5px 0;  margin-top:5px; margin-bottom:5px; font-size:14px;
	display: table-cell; vertical-align: middle;
}
.midarea .leftarea > ul > li.subtree-eng {background:url('../images/icon_lnb_collapse.jpg') no-repeat 95% 19px; }
.midarea .leftarea > ul > li.subtree-eng.on {background:url('../images/icon_lnb_expand.jpg') no-repeat 95% 19px; }

.midarea .leftarea > ul > li.subtree > span a {background:url('../images/icon_lnb_collapse.jpg') no-repeat 95% 48%}
.midarea .leftarea > ul > li.subtree.on > span a {background:url('../images/icon_lnb_expand.jpg') no-repeat 95% 48%}
.midarea .leftarea > ul > li.on span {background:url('../images/icon_arr_lnb.jpg') no-repeat 15px 48%}
.midarea .leftarea > ul > li.on span a {color:#336fb5}
.midarea .leftarea > ul > li > span:hover {background:url('../images/icon_arr_lnb.jpg') no-repeat 15px 48%}
.midarea .leftarea > ul > li > span a:hover, .midarea .leftarea > ul > li > span a:focus, .midarea .leftarea > ul > li > span a:active {text-decoration:none; color:#336fb5}
.midarea .leftarea > ul > li > ul {clear:both; overflow:hidden; display:none; background:#f2f2f2; border-bottom:1px solid #ddd}
.midarea .leftarea > ul > li > ul li {margin:15px 20px 15px 25px}
.midarea .leftarea > ul > li > ul li a {padding:0 0 0 8px; background:url('../images/icon_dot_02.jpg') no-repeat 0 6px; color:#333; font-size:13px}
.midarea .leftarea > ul > li > ul li a:hover {background:url('../images/icon_dot_03.jpg') no-repeat 0 6px; text-decoration:none; color:#0054a6}
.midarea .leftarea > ul > li > ul li.on a {background:url('../images/icon_dot_03.jpg') no-repeat 0 6px; text-decoration:none; color:#0054a6}
.midarea .contentsarea {float:none; overflow:hidden; padding:30px 0 100px 0}
.midarea .contentsarea .pagenavi {clear:both; overflow:hidden; padding:5px 0 3px 0; border-bottom:1px solid #ddd}
.midarea .contentsarea .pagenavi ul {float:left; padding:10px 0 0 0}
.midarea .contentsarea .pagenavi ul li {float:left; padding:0 0 0 16px; background:url('../images/icon_arr_navi.jpg') no-repeat 5px 50%; font-family:Dotum;}
.midarea .contentsarea .pagenavi ul li:first-child {padding-left:0; background:0}
.midarea .contentsarea .pagenavi ul li strong {color:#336fb5; font-family:Dotum; font-weight:bold}
.midarea .contentsarea .pagenavi .snsbox {float:right}
.midarea .contentsarea .pagenavi .snsbox a {float:left; width:23px; height:23px; margin:3px 0 0 5px; text-indent:-99999px}
.midarea .contentsarea .pagenavi .snsbox a.sns-go-facebook {background:url('../images/icon_sns_facebook.jpg') no-repeat 0 0}
.midarea .contentsarea .pagenavi .snsbox a.sns-go-twitter {background:url('../images/icon_sns_twitter.jpg') no-repeat 0 0}
.midarea .contentsarea .pagenavi .snsbox a.btn-print {background:url('../images/icon_print.jpg') no-repeat 0 0}
.midarea .contentsarea > h3 {margin:22px 0 15px 0; color:#0054a6; font-size:21px}
.midarea .contentsarea h4 {margin:0 0 20px 0; padding:0 0 0 20px; background:url('../images/icon_stit_02.jpg') no-repeat 0 50%; color:#333; font-size:15px}
.midarea .contentsarea .imgs {width:100%; margin:0 0 30px 0; text-align:center; font-size:0}

.bottomarea_eng {clear:both; width:100%; height:70px; overflow:hidden; background:url('../images/bg_bottomrepeat.jpg') repeat-x 0 0px;}
.bottomarea_eng .copyright {width:1100px; margin:0 auto; padding:10px 0 0 0; position:relative;}
.bottomarea_eng .copyright h1 {float:left; margin:0 44px 0 30px}
.bottomarea_eng .copyright div {float:none; overflow:hidden; font-size:12px; line-height:17px}
.bottomarea_eng .copyright .wa-mark {position:absolute; bottom:5px; right:10px;}

.bottomarea {clear:both; width:100%; height:250px; overflow:hidden; background:url('../images/bg_bottomrepeat.jpg') repeat-x 0 70px}
.bottomarea .roll-bannerbox {position:relative; width:1100px; height:70px; padding:0; margin:0 auto}
.bottomarea .roll-bannerbox .slick-prev {position:absolute; left:0; top:14px; width:13px; height:19px; background:url('../images/icon_banner_prev.jpg') no-repeat 0 0; text-indent:-99999px}
.bottomarea .roll-bannerbox .slick-next {position:absolute; right:0; top:14px; width:13px; height:19px; background:url('../images/icon_banner_next.jpg') no-repeat 0 0; text-indent:-99999px}
.bottomarea .roll-bannerbox .sliderbox {width:100%; height:47px; margin:0 auto}
.bottomarea .roll-bannerbox ul.slick-slider {width:100%; height:40px; padding:0 30px; overflow:hidden}
.bottomarea .roll-bannerbox ul.slick-slider li.slick-slide {float:left; width:148px; height:40px; margin:0 2px; text-align:center; background:#fff; color:#222; font-size:14px; font-weight:bold; line-height:47px}
.bottomarea .roll-bannerbox ul li a {display:block; width:100%; height:40px; color:#222}
.bottomarea .roll-bannerbox ul li a:hover {text-decoration:none}
.bottomarea .bmenu {width:1100px; height:54px; margin:0 auto}
.bottomarea .bmenu ul {float:left}
.bottomarea .bmenu ul li {float:left; height:54px; padding:0 12px; background:url('../images/bg_bar_01.jpg') no-repeat 0 50%; line-height:54px}
.bottomarea .bmenu ul li:first-child {padding-left:0; background:0}
.bottomarea .bmenu .familysite-go {float:right; padding:12px 0 0 0}
.bottomarea .bmenu .familysite-go select {width:150px; height:30px; border:1px solid #ccc}
.bottomarea .bmenu .familysite-go button {width:50px; height:30px}
.bottomarea .copyright {width:1100px; margin:0 auto; padding:30px 0; position: relative;}
.bottomarea .copyright h1 {float:left; margin:0 50px 0 30px}
.bottomarea .copyright div {float:none; overflow:hidden; font-size:12px; line-height:17px}
.bottomarea .copyright .wa-mark {position:absolute; top:32px; right:10px;}

.maincontents {clear:both; width: 1100px; margin:10px auto 20px; overflow:hidden}
.maincontents .clearfix {margin:0 0 15px 0}
.maincontents .mainvisual {float:left; width:586px; margin:0 10px 0 0; position:relative; overflow-y:hidden;}
.maincontents .mainvisual ul { width:586px; height:270px; overflow:hidden;}
.maincontents .mainvisual ul li dl {position:relative; width:586px; height:272px; font-size:0}
.maincontents .mainvisual ul li dl dt {position:absolute; left:0; bottom:0; width:100%; height:60px; padding:10px 20px; background:url('../images/bg_transparent_01.png') repeat 0 0}
.maincontents .mainvisual ul li dl dt strong {display:block; margin:0 0 8px 0; color:#fff; font-size:16px}
.maincontents .mainvisual ul li dl dt strong a {color:#fff; font-size:16px}
.maincontents .mainvisual ul li dl dt p {font-size:12px; font-family:Dotum; color:#fff}
.maincontents .mainvisual .slick-prev  {position:absolute; left:20px; top:85px; z-index:10; width:34px; height:51px; background:url('../images/icon_mainvisual_prev.png') no-repeat 0 0; text-indent:-99999px}
.maincontents .mainvisual .slick-next  {position:absolute; right:20px; top:85px; z-index:10; width:34px; height:51px; background:url('../images/icon_mainvisual_next.png') no-repeat 0 0; text-indent:-99999px}
.maincontents ul.nims-introbox {float:left; width:270px; margin:0 10px 0 0}
.maincontents ul.nims-introbox li {float:left; width:100%; height:100%; padding:90px 3px 0 3px; text-align:center}
.maincontents ul.nims-introbox li.nims-history {width:135px; height:135px; background:url('../images/bg_majormenu_01.jpg') no-repeat 0 0}
.maincontents ul.nims-introbox li.nims-vision {width:135px; height:135px; background:url('../images/bg_majormenu_04.jpg') no-repeat 0 0}
.maincontents ul.nims-introbox li.nims-recruit {width:134px; height:135px; background:url('../images/bg_majormenu_02.jpg') no-repeat 0 0}
.maincontents ul.nims-introbox li.nims-cooperation {width:134px; height:135px; background:#3db5f3 url('../images/bg_majormenu_03.jpg') no-repeat 0 0}

/* .maincontents ul.nims-introbox li{ color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);} */

.maincontents ul.nims-introbox li a {display:block; color:#fff}
.maincontents ul.nims-introbox li a strong {display:block; margin:0 0 7px 0; font-size:13px}
.maincontents ul.nims-introbox li a em {display:block; font-size:10px; letter-spacing:-0.5px}
.maincontents .pull-right {float:none; overflow:hidden}
.maincontents .pull-right .brochure-download {position:relative; height:163px; padding:0px 5px 8px 0px}
.maincontents .pull-right .brochure-download strong {display:block; padding:0 0 0 16px; background:url('../images/icon_stit_01.jpg') no-repeat 0 1px; color:#426dae; font-size:12px}
.maincontents .pull-right .brochure-download img {position:relative; top:7px}

/* remove picture in FAQ box
.maincontents .pull-right .brochure-download dl dd {overflow:hidden; padding:0 8px}
.maincontents .pull-right .brochure-download dl dd .pic {float:left; margin:0 15px 0 0; font-size:0}
.maincontents .pull-right .brochure-download dl dd p {float:none; overflow:hidden; padding:10px 0 0 0; color:#898989; font-size:11px; line-height:15px}
.maincontents .pull-right .brochure-download .btnset {clear:both; margin:15px 0 0 0; padding-left:8px}
.maincontents .pull-right .brochure-download .btnset button {width:92px; height:19px; margin:0 0 0 6px; padding-left:5px; text-align:left; background:#e4e4e4 url('../images/icon_download.png') no-repeat 90% 50%; border:1px solid #d6d7db; border-radius:2px; font-size:11px; font-weight:bold}
.maincontents .pull-right .brochure-download .btnset button:first-child {margin-left:0}
.maincontents .pull-right .brochure-download .btn-moreview {position:absolute; right:0; top:0; width:27px; height:27px; background:url('../images/icon_moreview_02.png') no-repeat 0 0; text-indent:-99999px}
*/
/* 20180713 update : noticebanner -> notice-banner
*/
.maincontents .pull-right .notice-banner > strong {display:block; height:21px; padding:0 0 0 16px; background:url('../images/icon_stit_01.jpg') no-repeat 0 2px; color:#426dae; font-size:12px}

.maincontents .pull-right .noticebanner {clear:both; width:100%; margin:12px 0 0 0; position:relative; overflow:hidden; height: 95px;}
.maincontents .pull-right .noticebanner > strong {display:block; height:21px; padding:0 0 0 16px; background:url('../images/icon_stit_01.jpg') no-repeat 0 2px; color:#426dae; font-size:12px}

.maincontents .pull-right .noticebanner .slick-dots {position:absolute; right:2px; top:-20px}
.maincontents .pull-right .noticebanner .slick-dots li {float:left; margin:0 0 0 3px}
.maincontents .pull-right .noticebanner .slick-dots li button {width:8px; height:8px; background:#ccc; text-indent:-99999px}
.maincontents .pull-right .noticebanner .slick-dots li.slick-active button {background:#91bd56}
.maincontents .pull-right .noticebanner > ul {width:100%}
.maincontents .pull-right .noticebanner > ul > li {font-size:0}
.maincontents .pull-right .noticebanner > ul > li img {width:100%}
.maincontents .departmentlist {float:left; width:696px}
.maincontents .departmentlist li {float:left; width:333px; height:106px; margin:0 15px 15px 0; padding:0 12px 0 83px; background:#f7f7f7; background-repeat:no-repeat; background-position:18px 50%; border:1px solid #ccc}
.maincontents .departmentlist li.department1 {background-image:url('../images/icon_nims_org_01.png')}
.maincontents .departmentlist li.department2 {background-image:url('../images/icon_nims_org_02.png')}
.maincontents .departmentlist li.department3 {background-image:url('../images/icon_nims_org_03.png')}
.maincontents .departmentlist li.department4 {background-image:url('../images/icon_nims_org_04.png')}
.maincontents .departmentlist li.department5 {background-image:url('../images/icon_nims_org_05.png')}
.maincontents .departmentlist li.department6 {background-image:url('../images/icon_nims_org_06.png')}
.maincontents .departmentlist li.department7 {background-image:url('../images/icon_nims_org_07.png')}
.maincontents .departmentlist li.department8 {background-image:url('../images/icon_nims_org_08.png')}
.maincontents .departmentlist li a {display:block; width:100%; height:100%}
.maincontents .departmentlist li strong {display:block; margin:13px 0 10px 0; font-size:15px; color:#444}
.maincontents .departmentlist li span {display:block; font-size:13px; color:#666}

.maincontents .departmentlist-eng {float:left; width:696px}
.maincontents .departmentlist-eng li {float:left; width:333px; height:126px; margin:0 15px 15px 0; padding:0 12px 0 95px; background:#f7f7f7; background-repeat:no-repeat; background-position:25px 50%; border:1px solid #ccc}
.maincontents .departmentlist-eng li.department1 {background-image:url('../images/icon_nims_org_01.png')}
.maincontents .departmentlist-eng li.department2 {background-image:url('../images/icon_nims_org_02.png')}
.maincontents .departmentlist-eng li.department3 {background-image:url('../images/icon_nims_org_03.png')}
.maincontents .departmentlist-eng li.department4 {background-image:url('../images/icon_nims_org_04.png')}
.maincontents .departmentlist-eng li.department5 {background-image:url('../images/icon_nims_org_05.png')}
.maincontents .departmentlist-eng li.department6 {background-image:url('../images/icon_nims_org_06.png')}
.maincontents .departmentlist-eng li.department7 {background-image:url('../images/icon_nims_org_07.png')}
.maincontents .departmentlist-eng li a {display:block; width:100%; height:100%}
.maincontents .departmentlist-eng li strong {display:block; margin:13px 0 10px 0; font-size:15px; color:#444}
.maincontents .departmentlist-eng li span {display:block; font-size:13px; color:#666}


.maincontents .dashboadbox {float:none; overflow:hidden; border:1px solid #ddd}

.maincontents .dashboadbox ul.tabbox {height:32px; margin:0; background:none}
.maincontents .dashboadbox ul.tabbox li {min-width:180px; height:32px; border-top:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.maincontents .dashboadbox ul.tabbox li a {height:32px; color:#898989; font-size:14px; font-weight:normal; line-height:31px}
.maincontents .dashboadbox ul.tabbox li:hover, .maincontents .dashboadbox ul.tabbox li:focus {background:#079fee; border-top:0; border-left:0}
.maincontents .dashboadbox ul.tabbox li:hover a, .maincontents .dashboadbox ul.tabbox li:focus a {color:#fff}
.maincontents .dashboadbox ul.tabbox li.on {background:#079fee; border-top:0; border-left:0}
.maincontents .dashboadbox ul.tabbox li.on a {color:#fff}
.maincontents .dashboadbox ul.tabbox li:first-child.on {border-left:0}

.maincontents .dashboadbox .boardbox {display:none; position:relative; height:314px; padding:20px 10px}
.maincontents .dashboadbox .boardbox.on {display:block}
.maincontents .dashboadbox .boardbox dl {overflow:hidden; height:89px; padding:0 0 0 84px; background:url('../images/bg_main_notice.png') no-repeat 0 0}
.maincontents .dashboadbox .boardbox dl dt {padding:7px 0 0 0; margin:0 0 4px 0; font-weight:bold; font-size:16px}
.maincontents .dashboadbox .boardbox dl dt a {color:#1c4b70; font-weight:bold; font-size:16px}
.maincontents .dashboadbox .boardbox dl dd {font-size:13px; line-height:17px; color:#767676; font-weight:bold}
.maincontents .dashboadbox .boardbox dl dd a {font-size:13px; line-height:17px; color:#767676; font-weight:bold}
.maincontents .dashboadbox .boardbox ul li {position:relative; margin:8px 0 0 0; padding:0 110px 0 13px; background:url('../images/icon_dot_04.png') no-repeat 4px 5px; line-height:17px}
.maincontents .dashboadbox .boardbox ul li:first-child {margin:0}
.maincontents .dashboadbox .boardbox ul li .date {position:absolute; right:5px; top:0; font-family:Dotum}
.maincontents .dashboadbox .boardbox ul li a {font-family:Dotum}
.maincontents .dashboadbox .boardbox ul li p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.maincontents .dashboadbox .boardbox .btn-moreview {position:absolute; right:0; top:-32px; width:42px; height:33px; background:url('../images/icon_moreview_01.png') no-repeat 50%; text-indent:-99999px}

.maincontents .dashboadbox-eng {float:none; overflow:hidden; border:1px solid #ddd}
.maincontents .dashboadbox-eng ul.tabbox {height:32px; margin:0; background:none}
.maincontents .dashboadbox-eng ul.tabbox li {min-width:90px; height:32px; border-top:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.maincontents .dashboadbox-eng ul.tabbox li a {height:32px; color:#898989; font-size:14px; font-weight:normal; line-height:31px}
.maincontents .dashboadbox-eng ul.tabbox li:hover, .maincontents .dashboadbox ul.tabbox li:focus {background:#079fee; border-top:0; border-left:0}
.maincontents .dashboadbox-eng ul.tabbox li:hover a, .maincontents .dashboadbox ul.tabbox li:focus a {color:#fff}
.maincontents .dashboadbox-eng ul.tabbox li.on {background:#079fee; border-top:0; border-left:0}
.maincontents .dashboadbox-eng ul.tabbox li.on a {color:#fff}
.maincontents .dashboadbox-eng ul.tabbox li:first-child.on {border-left:0}
.maincontents .dashboadbox-eng .boardbox {display:none; position:relative; height:374px; padding:10px 10px 20px 10px;}
.maincontents .dashboadbox-eng .boardbox.on {display:block}
.maincontents .dashboadbox-eng .boardbox dl {overflow:hidden; height:94px; padding:0 0 0 84px; background:url('../images/bg_main_notice.png') no-repeat 0 8px;}
.maincontents .dashboadbox-eng .boardbox dl dt {padding:4px 0 0 0; margin:0 0 4px 0; font-weight:bold; font-size:16px}
.maincontents .dashboadbox-eng .boardbox dl dt a {color:#1c4b70; font-weight:bold; font-size:16px}
.maincontents .dashboadbox-eng .boardbox dl dd {font-size:13px; line-height:17px; color:#767676; font-weight:bold}
.maincontents .dashboadbox-eng .boardbox dl dd a {font-size:13px; line-height:17px; color:#767676; font-weight:bold}
.maincontents .dashboadbox-eng .boardbox ul li {position:relative; margin:7px 0 0 0; padding:0 10px 0 13px; background:url('../images/icon_dot_04.png') no-repeat 4px 5px; line-height:17px}
.maincontents .dashboadbox-eng .boardbox ul li:first-child {margin:0}
.maincontents .dashboadbox-eng .boardbox ul li .date {position:absolute; right:5px; top:0; font-family:Dotum}
.maincontents .dashboadbox-eng .boardbox ul li a {font-family:Dotum}
.maincontents .dashboadbox-eng .boardbox ul li p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.maincontents .dashboadbox-eng .boardbox .btn-moreview {position:absolute; right:0; top:-32px; width:42px; height:33px; background:url('../images/icon_moreview_01.png') no-repeat 50%; text-indent:-99999px}

/* 2019-06-13 */

.reward {position: absolute; top:00px; left: -0px; z-index:0; float: left;}

/*
.reward {position: relative; top:135px; right:90px;}
*/

.maincontents .majormenu {clear:both; overflow:hidden; margin:0 0 20px 0; padding:20px 0 0 0; border-top:3px solid #46a6d3}
.maincontents .majormenu ul li {float:left; width:20%; height:60px; padding:0 20px; background:url('../images/dotline_01.png') no-repeat 0 0}
.maincontents .majormenu ul li:first-child {background:0}
.maincontents .majormenu ul li span {display:block; font-size:11px; line-height:14px; color:#787878}
.maincontents .majormenu ul li strong {display:block; height:30px; margin:0 0 3px 0; padding:0 0 0 40px; line-height:28px; font-weight:bold}
.maincontents .majormenu ul li a {display:block}
.maincontents .majormenu ul li a:hover {text-decoration:none}
.maincontents .majormenu ul li.majormenu1 strong {background:url('../images/icon_majormenu_01.png') no-repeat 10px 0;}
.maincontents .majormenu ul li.majormenu2 strong {background:url('../images/icon_majormenu_02.png') no-repeat 10px 0;}
.maincontents .majormenu ul li.majormenu3 strong {background:url('../images/icon_majormenu_03.png') no-repeat 10px 0;}
.maincontents .majormenu ul li.majormenu4 strong {background:url('../images/icon_majormenu_04.png') no-repeat 10px 0;}
.maincontents .majormenu ul li.majormenu5 strong {background:url('../images/icon_majormenu_05.png') no-repeat 10px 0;}
.maincontents .majormenu ul li.majormenu5 {padding-right:10px;}

ul.tabbox {clear:both; height:41px; margin:0 0 30px 0; background:url('../images/bg_tab_bottom.jpg') repeat-x 0 100%}
ul.tabbox li {float:left; min-width:138px; height:41px; padding:0 0px; text-align:center; border-top:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #4a4a4a; line-height:40px}
ul.tabbox li:first-child {border-left:0}
ul.tabbox li.tab1 { border-left:1px solid #ddd; }
ul.tabbox li.on {border-top:2px solid #4a4a4a; border-bottom:1px solid #fff; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a}
ul.tabbox li:hover, ul.tabbox li:focus {border-top:2px solid #4a4a4a; border-bottom:1px solid #fff; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a}
ul.tabbox li a {display:block; width:100%; height:41px; line-height:40px; font-size:15px; font-weight:bold; color:#333; text-decoration:none}

.hiddencontents {display:none; clear:both; overflow:hidden}
.hiddencontents.on {display:block}

ul.sub-tabbox {clear:both; overflow:hidden; margin:0 0 10px 0}
ul.sub-tabbox li {float:left; padding:0 7px; background:url('../images/bg_bar_03.jpg') no-repeat 0 50%; line-height:30px}
ul.sub-tabbox li:first-child {padding-left:7px; background:0}
ul.sub-tabbox li a {font-size:13px; font-weight:bold}
ul.sub-tabbox li a:hover {color:#ff4a3e}
ul.sub-tabbox li.on a {color:#ff4a3e}

ul.txt-listbox {clear:both; overflow:hidden; width: 500px; margin:0 0 30px ; padding:15px; border:5px solid #e0e5f0; border-radius:5px}
ul.txt-listbox li {margin:5px 0 0 0; padding:0 0 0 8px; background:url('../images/icon_dot_01.jpg') no-repeat 0 5px; line-height:17px; font-family:Dotum}
ul.txt-listbox li:first-child {margin-top:0}

ul.txt-listbox_eng {clear:both; overflow:hidden; margin:0 0 30px ; padding:15px; border:5px solid #e0e5f0; border-radius:5px}
ul.txt-listbox_eng li {margin:5px 0 0 0; padding:0 0 0 8px; background:url('../images/icon_dot_01.jpg') no-repeat 0 5px; line-height:17px;}
ul.txt-listbox_eng li:first-child {margin-top:0}

ul.txt-arrlist {clear:both; overflow:hidden; margin:0 18px 20px 18px}
ul.txt-arrlist li {padding:0 0 0 10px; margin:7px 0 0 0; background:url('../images/icon_arr_01.jpg') no-repeat 2px 5px; line-height:18px; font-family:Dotum}
ul.txt-arrlist li:first-child {margin-top:0}
ul.txt-arrlist li ul li {padding:0 0 0 15px; margin:7px 0 0 0; background:url(); line-height:18px; font-family:Dotum}
ul.txt-arrlist li ul li:first-child {margin-top:0}

ul.txt-arrlist-eng {clear:both; overflow:hidden; margin:0 18px 20px 18px}
ul.txt-arrlist-eng li {padding:0 0 0 10px; margin:7px 0 0 0; background:url('../images/icon_arr_01.jpg') no-repeat 2px 5px; line-height:18px; }
ul.txt-arrlist-eng li:first-child {margin-top:0}

.bullet-01 {padding:0 0 0 10px; margin:7px 0 0 0; background:url('../images/icon_arr_01.jpg') no-repeat 2px 5px; line-height:18px; }

.work-searchbox h4 {float:left; padding-top:10px}
.work-searchbox fieldset {float:right}
.work-searchbox fieldset .inpbox {float:left; width:240px; height:29px; padding:0 8px; border:1px solid #a3a3a3}
.work-searchbox fieldset .inpbox input.txt {width:100%; height:100%; padding:0; border:0; font-family:ng; color:#666}
.work-searchbox fieldset button {float:left; width:29px; height:29px; background:url('../images/btn_search_02.jpg') no-repeat 0 0; text-indent:-99999px}

.datalist {clear:both; overflow:hidden; margin:0 0 50px 0; border-top:2px solid #333; border-bottom:1px solid #333}
.datalist ul li {clear:both; overflow:hidden; padding:12px 0; border-top:1px solid #cacaca; line-height:18px}
.datalist ul li:first-child {border-top:0}
.datalist ul li strong {float:left; margin:0 15px; font-size:15px; color:#333}
.datalist ul li span {float:left; margin:0 15px; font-size:13px; color:#666}
.datalist ul li p {float:left; margin:0 15px; font-size:13px; color:#666; padding:0 !important}
.datalist ul li .column1 { width:110px;}
.datalist ul li .column2 { width:70px;}
.datalist ul li .column3 { width:110px;}
.datalist ul li .column4 { width:430px;}

.satisfiedbox fieldset {clear:both; overflow:hidden; padding:30px 0; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2}
.satisfiedbox fieldset ul {width:100%}
.satisfiedbox fieldset ul li {float:left}
.satisfiedbox fieldset ul li label {float:left; margin:0 10px 0 0; font-size:13px; line-height:24px}
.satisfiedbox fieldset ul li select {height:24px; border:1px solid #ccc; font-weight:bold}
.satisfiedbox fieldset ul li.starscore {width:35%}
.satisfiedbox fieldset ul li.starscore select {color:#ff0000; font-size:15px}
.satisfiedbox fieldset ul li.review {float:right}
.satisfiedbox fieldset ul li.review .inpbox {float:left; width:300px; height:28px; padding:0 10px; border:1px solid #ccc}
.satisfiedbox fieldset ul li.review .inpbox input.txt {width:100%; height:100%; padding:0; border:0}
.satisfiedbox fieldset ul li.review button {float:left; width:60px; height:28px}

.btn-black {background:#5b5b5b; color:#fff; font-size:13px}


.eng-min-height {min-height:200px !important;}

fieldset.searchbox {width:740px; height:34px; margin:15px auto;}
fieldset.searchbox p {float:left; width:657px; height:28px; margin:0 5px 0 0; border:3px solid #28a3e3}
fieldset.searchbox p .inpbox {float:none; display:block; width:auto; overflow:hidden; height:28px; padding:0 0 0 10px;}
fieldset.searchbox p .inpbox input.txt {width:100%; height:20px; margin-top:2px; padding:0; border:0; color:#666; font-size:12px; }
fieldset.searchbox p .inpbox input.txt::-webkit-input-placeholder {color:#2198da}
fieldset.searchbox p .inpbox input.txt.txt:-moz-placeholder {color:#2198da}
fieldset.searchbox p .inpbox input.txt::-moz-placeholder {color:#2198da}
fieldset.searchbox p .inpbox input.txt:-ms-input-placeholder {color:#2198da}
fieldset.searchbox .btn-search {cursor:pointer; float:left; border:0; width:48px; height:28px; background:url('../images/btn_search_01.jpg') no-repeat 0 0; background-size:100% 100%; text-indent:-99999px; font-size:0}
fieldset.searchbox dl.popKeyword { padding: 5px 5px 0 0; overflow:hidden; }
fieldset.searchbox dl.popKeyword  dt { float:left; width:99px; height:17px; padding:0px 20px 0 5px; background:url(/img/common/bullet_arrow_darkgray.gif) no-repeat 75px 6px; }
fieldset.searchbox dl.popKeyword  dd { float:left; width:588px; height:17px; padding:0 0 0 0; }
fieldset.searchbox dl.popKeyword  dd span { display:inline-block; padding-right:8px; }

.mt-eng {margin-top:30px;}

/* 2017-02-03 */
.introduce {}
.rows-full {}
.cols-full { width:99%; }
.cols-half { width:49%; float:left;}

.txt-center { text-align:center;}

.img-selected { border:1px dashed #999; }

.notice-play-stop {
	position: absolute;
	display:block;
	left:55px; top:3px;
	width:70px;
	height:11px;
	z-index:1;
}
.notice-play-stop .notice-stop {
	float: left;
	display:block;
	width:12px; height:11px;
	background:url(../images/slide_stop.gif) no-repeat;
}
.notice-play-stop .notice-play {
	float: left;
	display:block;
	width:12px; height:11px;
	background:url(../images/slide_play.gif) no-repeat;
	margin-left:3px;
}
.visual-play-stop {
	position: absolute;
	display:block;
	right:3px; bottom:3px;
	width:33px;
	height:15px;
	z-index:1;
}
.visual-play-stop .visual-stop {
	float: left;
	display:block;
	width:15px; height:15px;
	background:url(../images/banner_stop.gif) no-repeat;
}
.visual-play-stop .visual-play {
	float: left;
	display:block;
	width:15px; height:15px;
	background:url(../images/banner_play.gif) no-repeat;
	margin-left:3px;
}

.banner-play-stop {
	position: absolute;
	display:block;
	left:36px; bottom:7px;
	width:33px;
	height:15px;
	z-index:1;
}
.banner-play-stop .banner-stop {
	float: left;
	display:block;
	width:15px; height:15px;
	background:url(../images/banner_stop.gif) no-repeat;
}
.banner-play-stop .banner-play {
	float: left;
	display:block;
	width:15px; height:15px;
	background:url(../images/banner_play.gif) no-repeat;
	margin-left:3px;
}