@charset "utf-8";
@font-face {font-family:NanumGothic;/* src:url('font/NanumGothic.eot','font/NanumGothicBold.eot');*/ src: url('font/SCD.woff','font/SCD.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:1200px; font-family:ng, NanumGothic, Helvetica, sans-serif; font-size:13px;}
form, input, select, textarea, button, ax {font-family:ng, NanumGothic, 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; border:0; vertical-align:middle}
img {border:0}
input::-ms-clear {display:none}
textarea::-ms-clear {display:none}
input.txt {width:600px; height:30px; padding-left:10px; font-family:NanumGothic}
input.file {height:17px; padding:3px 0 0 3px; color:#666; font-family:NanumGothic}
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:NanumGothic}
select {vertical-align:middle; color:#666; font-family:NanumGothic}
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}
.blind{position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }

/*top bar*/
.top {width:100%; height:30px; background-color: #f0f0f0; text-align: center; border-bottom:1px solid #ddd;}
.topbar {width:95%; max-width: 1120px; height: 30px; margin: auto; display: inline-block; margin: 0 auto;}

.skip { float: left; position:relative; overflow:hidden; width:250px; height:40px; text-align: center;}
.skip a {text-align:center; text-decoration:none; color:#000; font-size:12px; height:35px; line-height:35px}

.def-setting {display:inline-block; float:right; }
.def-setting .langchange {float:left; width:100px; height:30px; text-align:center; line-height: 30px;}
.def-setting .langchange a{color: #000; font-size: 12px; padding-right:15px;}

.def-setting .fontsize-control {float:left; width:100px; height:30px; text-align:center; line-height:30px;}
.def-setting .fontsize-control em {margin:0 10px 0 0; color: #000; font-size: 12px;}
.def-setting .fontsize-control button {width:12px; height:12px; margin:0 3px 0 0; text-indent:-99999px}
.def-setting .fontsize-control .btn-font-large {background:url('../images/icon_font_large.jpg') no-repeat 0 0; }
.def-setting .fontsize-control .btn-font-small {background:url('../images/icon_font_small.jpg') no-repeat 0 0; }

a.golnb {
	position:absolute;
	display:block;
	width:100%;
	left:0px;
	text-align:center;
	top: -10000px;
	z-index:999;
	font-size:20px;
}
a.golnb:hover, 
a.golnb:focus,
a.golnb:active {
	position:absolute;
	top:0px; 
	padding:12.5px 0px;
	font-weight: bold;
	color: rgb(255,255,255) !important;
	background: none repeat scroll 0% 0% rgb(29,96,167);
	z-index:999;
}

/*logo*/

#wrap {position:relative;margin:auto; width:100%;}
.logo {width:1200px; height: 90px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px;}
.logo h1 {height:70px; margin-bottom: 10px; padding:30px 0 0 5px; float: left;}
.logo span.sub-logo { height:70px; margin-bottom: 10px; padding:30px 0 0 5px; float: left; } 
.logo fieldset {display: inline-block; float: left;width:320px; height:35px; margin:38px 25px 12px 125px; border:1px solid #aaa; border-radius: 50px}
.logo fieldset p {float:left; width:280px; height:33px; margin:0; padding:0 10px; }
.logo fieldset p .inpbox {float:none; display:block; width:250px; overflow:hidden; height:100%; padding:0 0 0 10px; }
.logo fieldset p .inpbox input.txt { width:250px; height:35px; padding:0; border:0; color:#333; font-size:12px; font-family:NanumGothic}
.logo fieldset p .inpbox input.txt::-webkit-input-placeholder {color:#333}
.logo fieldset p .inpbox input.txt.txt:-moz-placeholder {color:#333}
.logo fieldset p .inpbox input.txt::-moz-placeholder {color:#333}
.logo fieldset p .inpbox input.txt:-ms-input-placeholder {color:#333}
.logo fieldset button.btn-search {float:left; width:32px; height:32px; background: url('../images/searchbtn.png') no-repeat 0 0 ; background-size:100% 100%; font-size:110%; color:#333; font-weight: bold;}



/* nav bar */
.navbar {width:100%; height:50px;	margin: 30px 0 0 0 ; background-color: #2f5597; font-size: 14px; vertical-align: middle; text-align: center;}

.navb {display: inline-block;    position: relative;    cursor: default;    z-index: 500; width:100%; margin:0 auto; padding:0;text-align: center;}
.navb > li {    display: inline-block;   width:195px; text-align: center;}
.navb > li > a {    position: relative;    display: inline-block;    z-index: 510;  width:195px;  height: 49px;    padding: 0px;    margin:0; line-height: 49px;
  font-weight: bold;    font-size: 18px;    color: #fff;    text-shadow: 0 0 1px rgba(0,0,0,.35); text-decoration: none;
  background:#2f5597;   -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    -o-transition: all .3s ease;    -ms-transition: all .3s ease;    transition: all .3s ease;}

  .navb > li:hover > a , .navb > li.active > a{ background: #2c9fd1 }

  .navb > li > div {position: absolute;    display: inline-block;    width: 100%; margin:0; padding:0;  top: 49px;    left: 0;    opacity: 0;    visibility: hidden;    overflow: hidden;    background: #ffffff;  border-bottom: 1px solid #2f5597;
    -webkit-transition: all .3s ease .15s;    -moz-transition: all .3s ease .15s;    -o-transition: all .3s ease .15s;    -ms-transition: all .3s ease .15s;    transition: all .3s ease .15s;}

    .navb > li:hover > div, .navb > li.active > div {opacity: 1;    visibility: visible;    overflow: visible;}
	
    .dropbox {width:1200px; margin:0 auto; padding:0; outline-offset: 0; vertical-align: top}
    .dropleft {background:url("/MA/img/pat.jpg") repeat 0 0; width: 195px;  text-shadow: 0 0 1px #111; padding: 17px 0 0 20px; margin: 0; vertical-align: top; text-align: left; font-size:20px; font-weight: 600; line-height: 20px; color:#fff;}
    .dropright{width: 850px; text-align: left; padding:5px 0 15px 0 ; margin: 0;}

    .dropright > ul {display: flex;}
    .dropright > ul li {font-size:16px; font-weight:bold; vertical-align: top; padding:0; min-width:60px; line-height: 22px; margin: 0 0 3px 35px;}
    .dropright > ul li:first-child {margin-left: 10px;}

    .dropright > ul li span a{ text-decoration: none; color:#2f5597;margin-left: 35px; line-height: 40px; vertical-align: top;}
    .dropright > ul li span a:first-child {margin-left: 10px;}

    .dropright > ul li > ul li {min-width:80px; text-align: left; vertical-align: top; padding:0; border:0;}

    .dropright > ul li > ul li a {min-width: 130px;color:#555; line-height: 22px; font-size:13px; margin: 0; font-weight: 200; text-decoration: none; }

    .dropright > ul li > ul li a:hover, .dropright > ul li > ul li a:focus {color:#3d9cdf;}
	
	.dropbox-wrap {}
	.dropbox-wrap .dropbox{ position: relative;}
	.dropbox-wrap .dropleft {background:url("/MA/img/pat.jpg") repeat 0 0; position:absolute; top: 2px; left: 0px; bottom: 2px; right: 2px; width: 225px;}
	.dropbox-wrap .dropright { width: 100%; background-color: #fff; padding-left: 225px; }

    /*all menu*/
    .logo .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}
    .logo .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}
    .logo .allmenubox.on {display:block}
    .logo .allmenubox > div {float:left; width:25%; height:200px}
    .logo .allmenubox > div > strong {display:block; height:23px; font-size:15px}
    .logo .allmenubox > div > strong a {font-size:15px; color:#272727}
    .logo .allmenubox > div > ul li {margin:5px 0 0 0}
    .logo .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}


    /* 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}


    .nmain01 {width:100%; height:380px; padding:10px 0; text-align:center;  background:#fefefe; margin-top: 5px; margin-bottom:5px;}
    .nmain01bar {width:1200px; margin: 0 auto; text-align:center; display:inline-block;}
    .nmain11 {float:left; width:920px; margin:0; position:relative; overflow-y:hidden; display: run-in;}

    .nmain12{width:280px; height:360px; float:left;}
    .nmain13{width:275px; height:116px; margin-left:5px; margin-bottom:6px; background: url('/MA/img/pat.jpg')}
    .nmain14{width:275px; height:238px; margin-left:5px; background: url('/MA/img/pat.jpg')}

    .nmain02 {width:100%; height:140px; text-align:center; margin:15px 0;}
    .nmain02bar{width:1200px; height:150px; margin:0 auto; display: inline-block;}
    .nmain02bar_l {width: 195px; height:140px; margin: 0 2px 0 0 ;  background: #2f5597; float: left; padding-top:60px; text-align: center; font-size:20px; font-weight: 600; line-height: 20px; color:#fff;
                    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
    .nmain02bar_r {width:1000px; height:140px; margin: 0; text-align:center; border:1.5px solid #ddd; display: inline-block; float: right;}
    .nmain22 {width:160px; height:140px; float: left; text-align:center; margin: 0 3px;}
    .nmain22 a {text-decoration: none; font-size: 13px; font-weight: bold;}

    .nmain03{width:100%; height:230px; text-align: center; margin-top:25px; margin-bottom:20px;}
    .nmain03bar {width:1200px; margin: 0 auto; text-align:center; display:inline-block;}
    .nmain31 {float:left; width:460px; height:300px; margin:0 15px 0 0 ;}
    .nmain32 {float:left; width:460px; height:300px; margin:0 15px 0 0 ;}
    .nmain33 {float:left; width:250px; height:300px; margin:0;}

    /* 이전(~21.02.25)
    .nmain31 .tabs1 {display: flex;  flex-wrap: wrap;}
    .nmain31 .tabs1 label {width:145px; height:35px; margin-right:5px; margin-bottom:5px; order: 1; display: block; padding:7px 0px; text-align:center; cursor: pointer; border: 1px solid #2f5597; background: #fff; font-size: 15px; font-weight: bold; transition: background ease 0.2s;}
    .nmain31 .tabs1 .tab1 { order: 99; flex-grow: 1; width: 460px; height:180px; display: none; padding: 5px; background: #fff; text-align: left;}
    .nmain31 .tabs1 input[type="radio"] { display: none; }
    .nmain31 .tabs1 input[type="radio"]:checked + label { background: #2f5597; border: 1px solid #2f5597; color: #fff}
    .nmain31 .tabs1 input[type="radio"]:checked + label + .tab1 { display: block; }
    .nmain31 .tabs1 .tab1 ul li {position:relative; margin:4px 0; padding:0; line-height:24px; font-size: 13px;}
    .nmain31 .tabs1 .tab1 ul li a {color:#222; padding:0 8px 0 4px;}
    .nmain31 .tabs1 .tab1 ul li a:hover {color:#3d9cdf; text-decoration: none;}
    .nmain31 .tabs1 .tab1 ul li .date {position:absolute; right:15px; top:0;}
    */
    /* 수정(gskim87): 메인 페이지 "공지사항/채용공고/홍보자료" 클릭시 게시판 이동 */
    .nmain31 .tabs1 {display: flex;  flex-wrap: wrap;}
    .nmain31 .tabs1 label a {width:145px; height:35px; margin-right:5px; margin-bottom:5px; order: 1; display: block; padding:7px 0px; text-align:center; cursor: pointer; border: 1px solid #2f5597; background: #fff; font-size: 15px; font-weight: bold; transition: background ease 0.2s;}
    .nmain31 .tabs1 label a:link{color: black;text-decoration: none;}
    .nmain31 .tabs1 label a:visited{color: black;text-decoration: none;}
    /*.nmain31 .tabs1 label a:hover{color: black;text-decoration: none;}*/
    .nmain31 .tabs1 .tab1 { order: 99; flex-grow: 1; width: 460px; height:180px; display: none; padding: 5px; background: #fff; text-align: left;}
    .nmain31 .tabs1 input[type="radio"] { display: none; }
    .nmain31 .tabs1 input[type="radio"]:checked + label a { background: #2f5597; border: 1px solid #2f5597; color: #fff}
    .nmain31 .tabs1 input[type="radio"]:checked + label + .tab1 { display: block; }
    .nmain31 .tabs1 .tab1 ul li {position:relative; margin:4px 0; padding:0; line-height:24px; font-size: 13px;}
    .nmain31 .tabs1 .tab1 ul li a {color:#222; padding:0 8px 0 4px;}
    .nmain31 .tabs1 .tab1 ul li a:hover {color:#3d9cdf; text-decoration: none;}
    .nmain31 .tabs1 .tab1 ul li .date {position:absolute; right:15px; top:0;}

    .nmain32 .tabs2 {display: flex;  flex-wrap: wrap;}
    .nmain32 .tabs2 label {width:225px; height:35px; margin-right:5px; margin-bottom:5px; order: 1; display: block; padding:7px 0px; text-align:center; cursor: pointer; border: 1px solid #2f5597; background: #fff; font-size: 15px; font-weight: bold; transition: background ease 0.2s;}
    .nmain32 .tabs2 .tab2 { order: 99; flex-grow: 1; width: 460px; height:180px; display: none; padding: 0px; background: #fff; text-align: left;}
    .nmain32 .tabs2 input[type="radio"] { display: none; }
    .nmain32 .tabs2 input[type="radio"]:checked + label { background: #2f5597; border: 1px solid #2f5597; color: #fff}
    .nmain32 .tabs2 input[type="radio"]:checked + label + .tab2 { display: block; }
    .nmain32 .tabs2 .tab2 ul li {position:relative; margin:4px 0; padding:0; line-height:24px; font-size: 13px;}
    .nmain32 .tabs2 .tab2 ul li a {color:#222; padding:0 8px 0 4px;}
    .nmain32 .tabs2 .tab2 ul li a:hover {color:#3d9cdf; text-decoration: none;}
    .nmain32 .tabs2 .tab2 ul li .date {position:absolute; right:15px; top:0;}

    .nmain32 .tabs2 .tab2 .banner2{width:455px; height:180px; border:1px solid #ddd}

    .nmain33 .nmain34 {width:250px; height:35px; order: 5; margin-bottom:5px; display: block; padding:7px 0px; text-align:center; border: 1px solid #2f5597; background:#2f5597; color: #fff; font-size: 15px; font-weight: bold;}
    .nmain33 .noticebanner {clear:both; width:100%; margin: 5px 0 0 0 ; position:relative; height: 180px;}
    .nmain33 .noticebanner .slick-dots {position:absolute; right:2px; top:-26px; z-index: 1;}
    .nmain33 .noticebanner .slick-dots li {float:left; margin:0 0 0 3px}
    .nmain33 .noticebanner .slick-dots li button {width:15px; height:15px; background:#ccc; text-indent:-99999px}
    .nmain33 .noticebanner .slick-dots li.slick-active button {background:#336699}
    .nmain33 .noticebanner > ul {width:100%}
    .nmain33 .noticebanner > ul > li {font-size:0}
    .nmain33 .noticebanner > ul > li img {width:100%}

    .nmain04 {width:100%; height:140px; text-align:center; margin:10px 0;}
    .nmain04 .nmain41 {width:250px; height:40px; order: 5; margin-bottom:5px; display: block; padding:10px 0px; text-align:center; cursor: pointer; border: 1px solid #24a2c0; background:#24a2c0; color: #fff; font-size: 14px; font-weight: bold;}




    .nmain33 .notice-play-stop {position: absolute; display:block; right:20px; bottom:10px;}
    .nmain33 .notice-play-stop .notice-stop { float: left; display:block; width:15px; height:15px; background:url(../images/banner_stop.gif) no-repeat; }
    .nmain33 .notice-play-stop .notice-play { float: left; display:block; width:15px; height:15px; background:url(../images/banner_play.gif) no-repeat; margin-left:3px; }


    .maincontents {clear:both; width: 100%; min-width: 1200px; margin:0 auto; overflow:hidden; display:inline-block;}
    .maincontents .clearfix {width:1200px; margin:10px auto; }
    .maincontents .clearfix2 {width:1200px; margin:20px auto; }

    .maincontents .mainvisual {float:left; width:920px; margin:0; position:relative; overflow-y:hidden;}
    .maincontents .mainvisual ul { width:920px; height:360px; overflow:hidden;}
    .maincontents .mainvisual ul li dl {position:relative; width:920px; height:360px; font-size:0}
    .maincontents .mainvisual ul li dl dt {position:absolute; right:20px; bottom:100px; width:360px; height:180px; 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; color:#fff}
    .maincontents .mainvisual .slick-prev  {position:absolute; left:20px; top:150px; 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:150px; z-index:10; width:34px; height:51px; background:url('../images/icon_mainvisual_next.png') no-repeat 0 0; text-indent:-99999px}



    .notice_box {float: left; width:300px; height:auto; margin: 0 0 0 0px; }

    .main_title{padding-left:22px; margin-bottom: 5px; line-height: 18px; font-size: 18px; font-weight:bold;  color:#303030; background:url('../images/icon_stit_00.jpg') no-repeat;}

	a.slick-arrow:focus { border: 1px dashed #333;}
	a.slick-arrow { height:auto; width: auto; border: 1px solid rgba(0,0,0,0);}
	a.slick-arrow span{text-indent:-9999px;}
	a.popupzone-item {border: 1px solid rgba(0,0,0,0);}
	a.popupzone-item:focus { border: 1px dashed #333; }
    /*image slider*/
    .clear {overflow: hidden;	width: 100%;}
    .fl {	float: left; text-align: right;	display: inline;}
    .fr {	float: left;	display: inline;}
    .dn {	display: none;}

    .wrap_box {float:left; width:920px; margin:0; position:relative; overflow-y:hidden;}
    .wrap_box .visual { width:920px; height:360px; overflow:hidden;}
    .wrap_box .box {	width:920px;	margin: 0;	position: relative;}
    .wrap_box .visual .pht {	width:920px;	margin: 0;	position: relative;}
    .wrap_box .visual .control {	position: absolute;	top: 330px; right:20px;	width: 80px;}
    .wrap_box .visual .control .fl {margin-right: 8px;	cursor: pointer;}


    /* invboardbox */
    .inv {float: left; width:430px; margin:  0 20px 0 0 ;}
    .invboardbox {position:relative; width:440px; height:auto; padding:5px 0px 10px 5px; margin-top: 5px; margin-bottom: 15px;}

    .invboardbox ul li {position:relative; margin:3px 0; padding:0; line-height:24px; font-size: 14px;}
    .invboardbox ul li .invn {color:#ed5740; margin:0 5px 0 0; font-weight: bold;}
    .invboardbox ul li a {color:#222; padding:0 8px 0 4px;}
    .invboardbox ul li a:hover {color:#3d9cdf; text-decoration: none;}
    .invboardbox ul li .date {position:absolute; right:15px; top:0;}


    /*main board area*/

    .maincontents .dashboadbox {float:right; overflow:hidden; margin: 0 0px 15px 0; background-color: #fdfdfd; border-top: 3px solid #ddc;}

    .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; width:400px; height:130px; margin-top:5px; padding:13px 15px;}
    .maincontents .dashboadbox .boardbox.on {display:block}
    .maincontents .dashboadbox .boardbox dl {overflow:hidden; height:89px; padding:0 0 0 30px;}
    .maincontents .dashboadbox .boardbox dl dt {padding:3px 10px 0 3px; margin:0 0 4px 0; font-weight:bold; font-size:16px}
    .maincontents .dashboadbox .boardbox dl dt a {color:#1c4b70;  padding:3px 7px 0 7px; font-weight:bold; font-size:16px}
    .maincontents .dashboadbox .boardbox dl dd {font-size:15px; padding:3px 7px 0 7px; line-height:17px; color:#767676; font-weight:bold;}

    .maincontents .dashboadbox .boardbox ul li {position:relative; margin:8px 0 0 0; padding:0 0px 0 15px; 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:NanumGothic;}
    .maincontents .dashboadbox .boardbox ul li a {font-family:NanumGothic}
    .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:5px; top:-32px; width:42px; height:33px; background:url('../images/icon_moreview_01.png') no-repeat 50%; text-indent:-99999px;}







    /*main photo area*/

    .maincontents .photoarea .photobox {width:800px; height:135px; margin: 0 0 15px 0;}
    .maincontents .photoarea .photobox ul {min-width: 150px; height:40px; padding-left: 5px;}
    .maincontents .photoarea .photobox ul a {height:30px; color:#000;  font-size:15px; font-weight:bold; line-height:40px; text-decoration: none;}

    .maincontents .photoarea .phtbox{width: 250px;	margin: 0;	position: relative;}
    .maincontents .photoarea .phtbox .pht {	position: absolute;	top: 0;	left: 0;	width: 250px;	height: 135px;}
    .maincontents .photoarea .phtbox .control {	position: absolute;	top: -20px;	left: 120px;	width: 120px; background: none; border: 0;}
    .maincontents .photoarea .phtbox .fr {	margin-right: 3px;	cursor: pointer;}


    .maincontents .photoarea .notibox{width: 690px;	height:150px; margin-right: 10px;	position: relative; border-top: 3px solid #ddc;}
    .maincontents .photoarea .notibox ul {min-width: 150px; height:40px; padding-left: 5px;}
    .maincontents .photoarea .notibox ul a {height:30px; color:#000;  font-size:15px; font-weight:bold; line-height:40px; text-decoration: none;}
    .maincontents .photoarea .notibox .pht {	position: absolute;	top: 0;	left: 0;	width: 250px;	height: 110px; margin-bottom: 10px;}
    .maincontents .photoarea .notibox .control {	position: absolute;	top: -22px;	left: 220px;	width: 120px; background: none; border: 0;}
    .maincontents .photoarea .notibox .fr {	margin-right: 3px;	cursor: pointer;}





    ul.tabbox {clear:both; height:40px; margin:0 0 20px 0px; padding:0 3px;}
    ul.tabbox li {float:left; min-width:150px; height:40px; padding:0 0px; text-align:center;line-height:40px; margin:0 2px;border:1px solid #1a81d4;}
    ul.tabbox li:first-child {}
      ul.tabbox li.tab1 {}
        ul.tabbox li.on {border:1px solid #1a81d4; background-color: #1a81d4;}
        ul.tabbox li.on a {color:#fff}
        ul.tabbox li:hover, ul.tabbox li:focus {border:1px solid #1a81d4;}
        ul.tabbox li a {display:block; width:100%; height:40px; line-height:40px; font-size:14px; 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}



        .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:#2f5597; 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:#2f5597; 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:NanumGothic}
        .maincontents .dashboadbox-eng .boardbox ul li a {font-family:NanumGothic}
        .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}




        .midarea01{width:1200px; height:320px; display: inline-block; margin: 10px auto;}
        .pics01{width:800px; height:320px; border: 1px solid #eee; margin: 0;}
        .pics02{width:400px; height:320px; border: 1px solid #eee; margin: 0;}

        .midarea {width:100%; max-width:1200px; margin:0 auto 20px 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 #1a81d4; 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:#1a81d4}
        .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:#1a81d4}
        .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:#2f5597}
        .midarea .leftarea > ul > li > ul li.on a {background:url('../images/icon_dot_03.jpg') no-repeat 0 6px; text-decoration:none; color:#2f5597}


        .midarea .contentsarea {width:100%; max-width:960px; margin:0; float:none; overflow:hidden; padding:10px 30px 100px 0}
        .midarea .contentsarea .pagenavi {clear:both; overflow:hidden; padding:5px 0 3px 0; margin: 10px 0; width:940px; display:inline-block;}
        .midarea .contentsarea .pagenavi ul {float:right; padding:5px 10px;}
        .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:NanumGothic;}
        .midarea .contentsarea .pagenavi ul li:first-child {padding-left:0; background:0}
        .midarea .contentsarea .pagenavi ul li strong {color:#1a81d4; font-family:NanumGothic; 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 .pagenavi h3 {float:left; color:#2f5597; font-size:28px; padding:5px 0px; margin-top: 15px;}
        .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; }
        .bottomarea .btm{width:100%;  border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color: #f7fbfe; display: inline-block;}
        .bottomarea .bmenu1 {width:1150px; height:50px; margin:0 auto; text-align: center;}
        .bottomarea .bmenu1 .footer1{width:900px; float:left; padding-top:7px;}
        .bottomarea .bmenu1 .familysite-go {width:220px; float:right; padding:12px 0 0 0}
        .bottomarea .bmenu1 .familysite-go select {width:150px; height:30px; border:1px solid #ccc}
        .bottomarea .bmenu1 .familysite-go button {width:50px; height:30px}

        .bottomarea .btm2{width:100%;  border-bottom:1px solid #ccc; background-color: #fafafa;text-align: center;}
        .bottomarea .bmenu2 {width:1200px; height:50px; margin:0 auto;}
        .bottomarea .bmenu2 ul {display: inline-block;}
        .bottomarea .bmenu2 ul li {display: inline-block;height:50px; padding:0 12px; background:url('../images/bg_bar_01.jpg') no-repeat 0 50%; line-height:50px;}
        .bottomarea .bmenu2 ul li:first-child {padding-left:0; background:0}

        .bottomarea .copyright {width:1100px; margin:10px auto; padding:20px 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 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 .departmentlist {float:left; width:750px; margin-right: 10px}
        .maincontents .departmentlist li {float:left; width:125px; height:125px; margin:0; padding:0 12px 0 83px; background:#f7f7f7; background-repeat:no-repeat; background-position:18px 50%; border:1px solid #dfdfdf}
        .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 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}


        .news dl dt {position:relative; margin:8px 0 0 0; padding:0 90px 0 13px; background:url('../images/icon_dot_04.png') no-repeat 4px 5px; line-height:17px}
        .news dl dt a {font-family:NanumGothic; font-size:15px;}
        .news dl dt p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}




        .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;}


        .maincontents .majormenu8 {clear:both; overflow:hidden; margin:0 0 20px 0; padding:20px 0 0 0;}
        .maincontents .majormenu8 ul li {float:left; width:600px; height:150px; padding:0 20px; background:url('../images/dotline_01.png') no-repeat 0 0}
        .maincontents .majormenu8 ul li:first-child {background:0}
        .maincontents .majormenu8 ul li span {display:block; font-size:11px; line-height:14px; color:#787878}
        .maincontents .majormenu8 ul li strong {display:block; height:30px; margin:0 0 3px 0; padding:0 0 0 40px; line-height:28px; font-weight:bold}
        .maincontents .majormenu8 ul li a {display:block}
        .maincontents .majormenu8 ul li a:hover {text-decoration:none}



        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:NanumGothic}
        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:NanumGothic}
        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:NanumGothic}
        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;}

        .datalist2 {clear:both; overflow:hidden; margin:0 0 50px 0; border-top:2px solid #333; border-bottom:1px solid #333}
        .datalist2 ul li {clear:both; overflow:hidden; padding:12px 0; border-top:1px solid #cacaca; line-height:18px}
        .datalist2 ul li:first-child {border-top:0}
        .datalist2 ul li strong {float:left; margin:0 15px; font-size:15px; color:#333}
        .datalist2 ul li span {float:left; margin:0 15px; font-size:13px; color:#666}
        .datalist2 ul li p {float:left; margin:0 15px; font-size:13px; color:#666; padding:0 !important}
        .datalist2 ul li .column1 { width:120px; text-align: center;}
        .datalist2 ul li .column2 { width:60px; text-align: center;}
        .datalist2 ul li .column3 { width:100px; text-align: center;}
        .datalist2 ul li .column4 { width:140px; text-align: center;}
        .datalist2 ul li .column5 { width:340px;}



        .satisfiedbox fieldset {clear:both; overflow:hidden; padding:20px; border: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}

        .satisfiedbox fieldset ul li.review2 {float:left}
        .satisfiedbox fieldset ul li.review2 .inpbox {float:left; width:550px; height:28px; padding:0 10px; border:1px solid #ccc; margin-right: 10px;}
        .satisfiedbox fieldset ul li.review2 .inpbox input.txt {width:100%; height:100%; padding:0; border:0}
        .satisfiedbox fieldset ul li.review2 button {float:left; width:60px; height:28px}

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


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

        .searchbox  {display: inline-block; float: left;width:540px; height:35px; margin-bottom:20px; border:1px solid #aaa; border-radius: 50px}
        .searchbox  p {float:left; width:500px; height:33px; margin:0; padding:0 10px; }
        .searchbox  p .inpbox {float:none; display:block; width:480px; overflow:hidden; height:100%; padding:0 0 0 10px; }
        .searchbox  p .inpbox input.txt { width:480px; height:35px; padding:0; border:0; color:#333; font-size:12px; font-family:NanumGothic}
        .searchbox  p .inpbox input.txt::-webkit-input-placeholder {color:#333}
        .searchbox  p .inpbox input.txt.txt:-moz-placeholder {color:#333}
        .searchbox  p .inpbox input.txt::-moz-placeholder {color:#333}
        .searchbox  p .inpbox input.txt:-ms-input-placeholder {color:#333}
        .searchbox  button.btn-search {float:left; width:32px; height:32px; background: url('../images/searchbtn.png') no-repeat 0 0 ; background-size:100% 100%; font-size:110%; color:#333; font-weight: bold;}


        .resultSection h3 {margin:0 0 20px 0; padding:0 0 0 20px; background:url('../images/icon_stit_02_org.jpg') no-repeat 0 50%; color:#333; font-size:15px}
        .resultList { border-top:1px solid #c0c0c0; border-collapse:collapse; border-spacing:0; margin: 0 auto; width:940px;}

        .resultList li{font-size:1.1em; width:100%; border-bottom: 1px solid #c6c6c6; padding:10px; display: inline-block;}
        .resultList li dd span{text-align: center; color:#1a81d4; font-weight: bold; margin-right: 7px;}
        .resultList li dd a{text-decoration: none; color:#333; margin-right: 7px;}
        .resultList li dt{text-align: right; margin-top: 5px;}
        .resultList li dt span{font-size:0.8em; color:#F1892D; font-weight: bold;}


        .resultList2 { border-top:1px solid #c0c0c0; border-collapse:collapse; border-spacing:0; margin: 0 auto; width:940px;}

        .resultList2 li{font-size:1.1em; width:100%; border-bottom: 1px solid #c6c6c6; padding:10px; display: inline-block;}
        .resultList2 li dd{margin-bottom: 5px;}
        .resultList2 li dd span{text-align: center; color:#1a81d4; font-weight: bold; margin-right: 7px;}
        .resultList2 li dl{margin:10px 0 5px 0; background:url('') no-repeat 0 0;}




        .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; }

            .visual-play-stop { position: absolute; display:block; right:15px; bottom:15px; 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; }