@charset "UTF-8";

/* common */
.cf{}
.cf:after{display:block; content:""; clear:both;}

.tablize{display:table; width:100%; font-size:0; line-height:0; letter-spacing:;}
.tablize>*{display:inline-block; width:auto; font-size:13px; line-height:1.6; vertical-align:top;}
.tablize>.tablize{font-size:0; line-height:0;}
.tablize>.tablize>*{font-size:13px; line-height:1.6;}
.split>*{position:relative;}
.split>* + *:after{display:block; position:absolute; top:5px; left:0; content:""; width:1px; height:5px; background:rgba(0,0,0,0.2);}

.JS,
.JS *,
[class*="JS"],
[class*="JS"] *,
[class*=" JS-"],
[class^="JS-"] *,
[class*=" JS-"] *,
[class^="JS-"]{box-sizing:border-box;}

.hide{display:none !important;}
*[use="x"]{display:none !important;}


/* button */
  [class^='btnNormal'], a[class^='btnNormal'],
  [class^='btnSubmit'], a[class^='btnSubmit'],
  [class^='btnEm'], a[class^='btnEm'],
  [class^='btnBasic'], a[class^='btnBasic'],
  [class^='btnLine'], a[class^='btnLine']{
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.035); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.035); -ms-box-shadow:0 2px 2px rgba(0,0,0,0.035); -o-box-shadow:0 2px 2px rgba(0,0,0,0.035); box-shadow:0 2px 2px rgba(0,0,0,0.035);
    display:inline-block;
    box-sizing:border-box;
    padding:2px 8px;
    font-size:13px; line-height:2;
    font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap;
  }


  [class^='btnNormal'], a[class^='btnNormal'] { border:1px solid #d1d1d1;  color:#222; background-color:#fff; background:linear-gradient(to bottom,#ffffff 40%,#f4f4f4 100%);}
  [class^='btnSubmit'], a[class^='btnSubmit'] {border:1px solid transparent; color:#fff; background-color:#333;}
  [class^='btnEm'], a[class^='btnEm'] {        border:1px solid transparent; color:#fff; background-color:#84868b;}
  [class^='btnBasic'], a[class^='btnBasic'] {  border:1px solid #d1d1d1; color:#222; background-color:#f0f0f0; background:linear-gradient(to bottom,#ffffff 40%,#f4f4f4 100%);}
  [class^='btnLine'], a[class^='btnLine']{     border:1px solid #d1d1d1; color:#222; background-color:#fff;}


    [class^='btnNormal']:not(.disabled):hover {border-color:#999;}
    [class^='btnSubmit']:not(.disabled):hover { background-color:#000; }
    [class^='btnEm']:not(.disabled):hover { background-color:#666; }
    [class^='btnBasic']:not(.disabled):hover { background-color:#e5e5e5; }
    [class^='btnLine']:not(.disabled):hover {border-color:#999;}
    [class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
    [class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
    [class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
    [class^='btnBasic'].disabled { color:#999; }
    [class^='btnLine'].disabled { border-color:#e3e3e3; color:#999; }
  /* size */
    [class^='btn'].sizeS { padding:6px 8px; }
    [class^='btn'].sizeM { padding:10px 16px; }
    [class^='btn'].sizeL { padding:14px 16px; min-width:80px; font-weight:bold; }
  /* width Fix */
    [class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { width:96px; }
    [class^='btn'][class*='Fix'].sizeM { width:120px; padding-left:8px; padding-right:8px; }
    [class^='btn'][class*='Fix'].sizeL { width:160px; padding-left:8px; padding-right:8px; }

		/* unique */
	    .btnLogin, a.btnLogin { display:inline-block; box-sizing:border-box; width:100px; height:70px; line-height:70px; text-align:center;  font-size:12px; font-weight:bold; text-decoration:none; color:#fff; background-color:#333; }
	    .btnLogin:hover { background-color:#000; }
	    .btnAgree, a.btnAgree { display:inline-block; box-sizing:border-box; width:80px; height:70px; line-height:70px; border:1px solid #d1d1d1; text-align:center;  font-size:12px; font-weight:bold; color:#222; text-decoration:none; background-color:#fff; }
	    .btnAgree:hover { background-color:#f3f3f3; }
	    .btnToggle { display:inline-block; font-size:0; line-height:0; }
	    .btnToggle button { display:inline-block; box-sizing:border-box; border:1px solid #d1d1d1; margin:0 -1px 0 0; padding:0 7px; height:24px; line-height:24px; text-align:center;  font-size:12px; outline:0; text-decoration:none; color:#222; background:#fff; }
	    .btnToggle button:first-child {}
	    .btnToggle button:last-child { }
	    .btnToggle button.selected { position:relative; border:1px solid #84868b; color:#fff; background:#84868b; }

	/* ec-base-button */
	.ec-base-button { padding:20px 0; text-align:center; }
	.ec-base-button.justify { position:relative; }
	.ec-base-button:after { display:block; content:""; clear:both; }
	.ec-base-button.gLeft {text-align:left; }
	.ec-base-button.gRight {text-align:right; }
	.ec-base-button.justify .gLeft { position:absolute; left:0; }
	.ec-base-button.justify .gRight { position:absolute; right:0; }
	.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
	  /* type */
	    .ec-base-button.typeBorder { padding:10px 0; }
	    .ec-base-button.typeBG { padding:20px 0;}
	  /* gColumn */
	    .ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
	    .ec-base-button[class*="gColumn"]:after { display:none; }
	    .ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 2px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
	    .ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; }
	    /* gFlex */
	      .ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
	      .ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
	      .ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }



b.required-{display:inline-block; margin-right:10px; color:#ff0000;}
b.unrequired-{display:inline-block; margin-right:10px; }




/* layout */
.q-menu{display:none !important;}


/* bbs */
#bo_list_total{display:none;}
#bo_v_con{word-break:keep-all !important;}




/* calendar */
.ui-dialog.ui-widget{display:none !important;}
.ui-widget-overlay{display:none !important;}
.fc-row .fc-content-skeleton tbody td a.ca1{background:#0f52a1; border-color:#0f52a1;}
.fc-row .fc-content-skeleton tbody td a.ca2{background:#3aad6d; border-color:#3aad6d;}
.fc-row .fc-content-skeleton tbody td a.ca3{background:#7b3aad; border-color:#7b3aad;}
.fc-row .fc-content-skeleton tbody td a.ca4{background:#3a93ad; border-color:#3a93ad;}
.fc-row .fc-content-skeleton tbody td a.ca5{background:#3aad6d; border-color:#3aad6d;}
.fc-row .fc-content-skeleton tbody td a.ca6{background:#3a93ad; border-color:#3a93ad;}
.fc-row .fc-content-skeleton tbody td a.ca7{background:#ad7f3a; border-color:#ad7f3a;}





/* header */
#header_wrap{overflow:visible !important;}
#header{height:auto !important; position:relative !important;}
#header h1{top:-4px; z-index:10;}
#gnbbb{background:#1d4e8f;}
#gnbbb .in{max-width:1200px; margin:0 auto; text-align:right;}
#gnbbb .in ul{}
#gnbbb .in ul li{margin-left:10px; padding-left:10px;}
#gnbbb .in ul li + li:after{top:12px; height:10px; background:#888; display:none;}
#gnbbb .in ul li a{font-size:13px; line-height:35px; color:#fff;}
#gnbbb .in ul li a i{font-size:11px; margin-right:4px; display:none;}
#gnbbb .in ul li a:hover{color:rgba(255,255,255,0.8);}
/* #gnbbb .in ul li.lan{margin-right:50px;} */
#gnbbb .in ul li.lan + li:after{display:none;}
#gnbbb .in ul li.lan + li.lan:after{display:block;}
#gnbbb .in ul li.sns{margin:0; padding:0;}
#gnbbb .in ul li.sns + li:after{display:none;}
#gnbbb .in ul li.sns a{}
#gnbbb .in ul li.sns a i{position:relative; top:2px; font-size:17px; width:20px; height:20px; text-align:center; border-radius:5px; line-height:20px;}
#gnbbb .in ul li.sns.f{}

#gnbbb .in ul li.search{}
#gnbbb .in ul li.search form{}
#gnbbb .in ul li.search fieldset{position:relative; top:4px; display:inline-block;}
#gnbbb .in ul li.search .area{width:200px; height:26px; padding-right:30px;}
#gnbbb .in ul li.search .button{width:30px; height:26px; text-align:center; line-height:26px; border:0; background:transparent; position:absolute; top:0; right:0;}

  /*
#gnbbb .in ul li.sns.f i{background:#3b5693; color:#3b5693; background:#fff;}
#gnbbb .in ul li.sns.n i{background:#01d677;}
#gnbbb .in ul li.sns.i i{  background: #d6249f;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
#gnbbb .in ul li.sns.y i{background:#e71b24;}
*/
body.lan-kr #gnbbb .in ul li.lan.kr{display:none;}
body.lan-kr #gnbbb .in ul li.lan.en{display:inline-block;}
body.lan-en #gnbbb .in ul li.lan.kr{display:inline-block;}
body.lan-en #gnbbb .in ul li.lan.en{display:none;}

body.lan-en .kr-only,
body.lan-en .kr-only.kr-block{display:none !important;}

body.lan-kr .en-only,
body.lan-kr .en-only.en-block{display:none !important;}

body.lan-kr .kr-only.kr-inline-block{display:inline-block !important;}
body.lan-en .en-only.en-inline-block{display:inline-block !important;}


body .lnb_wrap{overflow:visible !important; height:auto !important; margin-right:0; text-align:right;}
body #lnb{float:none;}
body #lnb #mainMenu{display:table; width:100%; font-size:0; line-height:0;}
body #lnb #mainMenu>li{position:relative; display:inline-block; margin-left:35px; float:none !important; font-size:12px; line-height:1; vertical-align:middle;}
body #lnb #mainMenu>li>a{position:relative; padding:0 0 !important; font-size:17px !important;}
body #lnb #mainMenu>li>a>span{position:absolute; bottom:20px; left:0; width:0; height:2px; transition:0.2s;}
body #lnb #mainMenu>li:hover>a>span{width:100%;}
body #lnb #mainMenu>li>ul.lnb_sub{display:none; border:0; position:absolute; padding:0; top:80px; left:-20px; width:210px; margin:0; background:#fff; text-align:left; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
body #lnb #mainMenu>li:hover>ul.lnb_sub{display:block; animation:fadeIn 0.1s linear;}
body #lnb #mainMenu>li>ul.lnb_sub li{line-height:1.1; }
body #lnb #mainMenu>li>ul.lnb_sub li a{display:block; color:#333; transition:0.2s; font-size:14px; margin:0;  padding:10px 20px; line-height:normal; height:auto;}
body #lnb #mainMenu>li>ul.lnb_sub li a:hover{color:#fff; background-color:#0f52a1;}

body #lnb #mainMenu>li.btnArea{}
body #lnb #mainMenu>li.btnArea>.in{position:relative; width:58px; height:50px; cursor:pointer;;}
body #lnb #mainMenu>li.btnArea>.in>.l{display:block; position:absolute; width:17px; height:2px; left:22px; background:#444; border-radius:1px;}
body #lnb #mainMenu>li.btnArea>.in>.l1{top:18px; transition:0.3s 0.2s;}
body #lnb #mainMenu>li.btnArea>.in>.l2{top:24px; transition:0.5s;}
body #lnb #mainMenu>li.btnArea>.in>.l3{width:13px; top:30px; transition:0.3s 0.2s;}
body #lnb #mainMenu>li.btnArea:hover{border-left-color:#999; height:51px; z-index:1111;}
body #lnb #mainMenu>li.btnArea:hover .l1{width:18px; transition:0.2s;}
body #lnb #mainMenu>li.btnArea:hover .l2{width:12px; transition:0.2s;}
body #lnb #mainMenu>li.btnArea:hover .l3{width:20px; transition:0.2s;}
body #lnb #mainMenu>li.btnArea:hover:after{opacity:1;}
body #lnb #mainMenu>li.btnArea:hover:before{top:0; height:100%; background:rgba(0,0,0,0.4);}
body #lnb #mainMenu>li.btnArea.on{}
body #lnb #mainMenu>li.btnArea.on>.in{}
body #lnb #mainMenu>li.btnArea.on>.in>.l1{width:25px; top:20px; background:#fff; transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); -moz-transform:rotate(225deg); -webkit-transform:rotate(225deg); transition:0.3s 0.2s;}
body #lnb #mainMenu>li.btnArea.on>.in>.l2{width:0; margin-left:10px;}
body #lnb #mainMenu>li.btnArea.on>.in>.l3{width:25px; top:20px; background:#fff; transform:rotate(-225deg); -ms-transform:rotate(-225deg); -o-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); transition:0.3s 0.2s;}


body .scontents{position:relative; padding-left:300px; box-sizing:border-box; min-height:700px;}
.JS-lnb{position:absolute; top:40px; left:0; width:250px;}
.JS-lnb .in{}
.JS-lnb ul>li>span{display:none;}
.JS-lnb ul ul{width:100%;}
.JS-lnb ul ul li{position:relative; border:1px solid #ddd; margin-top:-1px; background:#fff; transition:0.1s;}
.JS-lnb ul ul li:hover{background:#f4f4f4;}
.JS-lnb ul ul li:after{font-family:xeicon!important; content:"\e940"; position:absolute; color:#ccc;
top:50%; right:10px; width:10px; height:10px; line-height:10px; margin-top:-5px; font-size:10px;}
.JS-lnb ul ul li:hover:after{color:#000;}
.JS-lnb ul ul li a{display:block; width:100%; height:100%; padding:10px 10px; line-height:17px; color:#666;}

.JS-lnb ul ul li.on{background:#0f52a1;}
.JS-lnb ul ul li.on a{color:#fff; }
.JS-lnb ul ul li.on:after{color:#fff;}

@media all and (max-width: 1100px){

  body .scontents{padding-left:0; box-sizing:border-box;}
  .JS-lnb{display:none;}

}








  /* 대메뉴 */
.JS-header{}
.JS-header ul.gnb.cf{}
.JS-header ul.gnb.cf>li{text-align:center; font-size:1rem; height:80px; line-height:80px; position:relative; transition:0.3s; z-index:12;}
.JS-header ul.gnb.cf>li:after{position:absolute; bottom:15px; left:50%; width:0; height:2px; display:block; float:left; content:"";  background:#000; opacity:0; transition:0.2s; z-index:11;}
.JS-header ul.gnb.cf>li:hover:after{opacity:1; left:25%; width:50%;}
.JS-header ul.gnb.cf>li.on{}
.JS-header ul.gnb.cf>li:hover{z-index:14;}
.JS-header ul.gnb.cf>li + li:before{display:block; content:""; position:absolute; top:23px; left:0; width:1px; height:4px; background:rgba(0,0,0,0.2); -webkit-transform:rotate(20deg); -ms-transform:rotate(20deg); -o-transform:rotate(20deg); -moz-transform:rotate(20deg); transform:rotate(20deg);}
.JS-header ul.gnb.cf>li + li:before{opacity:0;}
.JS-header ul.gnb.cf>li>a{position:relative; display:block; color:#002139; font-weight:600; padding:0 15px; letter-spacing:0.5px;}
.JS-header ul.gnb.cf>li:hover>a{color:#000;}
.JS-header ul.gnb.cf>li.over>a{color:#000; font-weight:bold;}
.JS-header ul.gnb.cf>li.over:after{opacity:1; width:100%; left:0; height:2px;}
.JS-header ul.gnb.cf>li.over:hover:after{opacity:1; bottom:-1px; left:25%; width:50%; height:2px;}

.JS-header ul.gnb.cf>li.this{}
.JS-header ul.gnb.cf>li.this>a{}
.JS-header ul.gnb.cf>li.this>a:after{position:absolute; bottom:7px; left:50%; margin-left:-1.5px; width:3px; height:3px; border-radius:50%; background:#333; content:""; opacity:0.2; display:none;}

.JS-header.on ul.gnb.cf>li:after{}
.JS-header.on ul.gnb.cf>li.over{}
.JS-header.on ul.gnb.cf>li.over:after{ /*width:74%; left:13%; height:7px; bottom:16px; background:rgba(0,0,0,0.06);*/}
.JS-header.on ul.gnb.cf>li.over>a{}

.JS-header .depthArea li + li:after{position:absolute; top:0; left:10%; width:80%; height:1px; background:#eee; display:block; content:""; z-index:9;}


/* 중/소/상세 공통 (depthArea) 2차메뉴부터 */
.JS-header ul.gnb.cf .depthArea{position:relative;}
.JS-header ul.gnb.cf .depthArea:after{ }
.JS-header ul.gnb.cf .depthArea>ul{padding:10px 5px;}
.JS-header ul.gnb.cf .depthArea>ul>li{position:relative; min-width:150px; padding:0; line-height:15px; text-align:left; transition:0.4s;}
.JS-header ul.gnb.cf .depthArea>ul>li>a{position:relative; display:block; font-size:14px; padding:10px 20px; color:#333; z-index:10; font-weight: 700;}
.JS-header ul.gnb.cf .depthArea>ul>li:hover{background:; transition:0s;}
.JS-header ul.gnb.cf .depthArea>ul>li.over{}
.JS-header ul.gnb.cf .depthArea>ul>li:hover>a{color:#000; font-weight:500;}

/* 화살표 */
.JS-header ul.gnb.cf .depthArea>ul>li>a>i{display:none; color:#aaa; position:absolute; top:50%; right:10px; height:16px; line-height:16px; font-size:10px; margin-top:-8px; transition:0.2s;}
.JS-header ul.gnb.cf .depthArea>ul>li:hover>a>i{right:6px; color:#000;}
.JS-header ul.gnb.cf .depthArea>ul>li.this>a>i{/*display:inline-block;*/}

/* 점찍는 방식 */
.JS-header ul.gnb.cf .depthArea>ul>li>a:after{position:absolute; top:50%; margin-top:-1.5px; right:15px; width:3px; height:3px; border-radius:3px; background:transparent; content:""; display:block; transition:0.2s;}
.JS-header ul.gnb.cf .depthArea>ul>li.this>a:after{background:#999;}
.JS-header ul.gnb.cf .depthArea>ul>li.this:hover>a:after{background:#fff; right:11px;}


.JS-header ul.gnb.cf li.d:hover>div.depthArea{display:block; animation:fadeIn 0.1s linear;}


.JS-header ul.gnb.cf div.depth02Area{display:none; position:absolute; top:80px; /*left:0; width:auto;*/ left:0; width:200px; margin-left:0; background:#fff; opacity:1; transition:0.2s; z-index:11; box-shadow:0 25px 25px -25px rgba(0,0,0,0.1); box-shadow:5px 5px 5px rgb(0 0 0 / 10%);}
.JS-header ul.gnb.cf div.depth02Area:after{display:none;}
.JS-header ul.gnb.cf div.depth02Area>ul{ padding:0;}
.JS-header ul.gnb.cf div.depth02Area>ul>li.d2{}
.JS-header ul.gnb.cf div.depth02Area>ul>li.d2>a{}
.JS-header ul.gnb.cf div.depth02Area>ul>li.d2>a>i{}

.JS-header ul.gnb.cf div.depth02Area>ul>li.d2:hover>a{background:#0f52a1; color:#fff;}

.JS-header ul.gnb.cf>li.reverse div.depth02Area{left:auto; right:0;}

.JS-header ul.gnb.cf div.depth03Area{display:none; position:absolute; top:50%; margin-top:-27px; left:100%; width:auto; background:#fff; opacity:1; transition:0.2s; z-index:12; box-shadow:0 25px 25px -25px rgba(0,0,0,0.1); box-shadow:5px 5px 5px rgb(0 0 0 / 10%);}
.JS-header ul.gnb.cf div.depth03Area>ul{}
.JS-header ul.gnb.cf div.depth03Area>ul>li.d3{}
.JS-header ul.gnb.cf div.depth03Area>ul>li.d3>a{padding:10px 15px;}
.JS-header ul.gnb.cf div.depth03Area>ul>li.d3>a>i{}

.JS-header ul.gnb.cf div.depth03Area>ul>li.d3:hover>a{background:#eee;}

.JS-header ul.gnb.cf div.depth04Area{display:none; position:absolute; top:50%; margin-top:-26px; left:100%; width:auto; background:#fff; opacity:1; transition:0.2s; z-index:13; box-shadow:0 25px 25px -25px rgba(0,0,0,0.1);}
.JS-header ul.gnb.cf div.depth04Area>ul{}
.JS-header ul.gnb.cf div.depth04Area>ul>li.d4{}
.JS-header ul.gnb.cf div.depth04Area>ul>li.d4>a{}
.JS-header ul.gnb.cf div.depth03Area>ul>li.d4>a>i{}


.JS-header li.btnArea{}
.JS-header li.btnArea:after{opacity:0; display:none !important;}
.JS-header li.btnArea>.in{position:relative; width:58px; height:50px; top:14px; cursor:pointer;;}
.JS-header li.btnArea>.in>.l{display:block; position:absolute; width:17px; height:2px; left:22px; background:#444; border-radius:1px;}
.JS-header li.btnArea>.in>.l1{top:18px; transition:0.3s 0.2s;}
.JS-header li.btnArea>.in>.l2{top:24px; transition:0.5s;}
.JS-header li.btnArea>.in>.l3{width:13px; top:30px; transition:0.3s 0.2s;}
.JS-header li.btnArea:hover{border-left-color:#999; height:51px; z-index:1111;}
.JS-header li.btnArea:hover .l1{width:18px; transition:0.2s;}
.JS-header li.btnArea:hover .l2{width:12px; transition:0.2s;}
.JS-header li.btnArea:hover .l3{width:20px; transition:0.2s;}
.JS-header li.btnArea:hover:after{opacity:1;}
.JS-header li.btnArea:hover:before{top:0; height:100%; background:rgba(0,0,0,0.4);}
.JS-header li.btnArea.on{}
.JS-header li.btnArea.on>.in{}
.JS-header li.btnArea.on>.in>.l1{width:25px; top:20px; background:#fff; transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); -moz-transform:rotate(225deg); -webkit-transform:rotate(225deg); transition:0.3s 0.2s;}
.JS-header li.btnArea.on>.in>.l2{width:0; margin-left:10px;}
.JS-header li.btnArea.on>.in>.l3{width:25px; top:20px; background:#fff; transform:rotate(-225deg); -ms-transform:rotate(-225deg); -o-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); transition:0.3s 0.2s;}







.JS-lnb2{position:absolute; top:40px; left:0; width:250px;}
.JS-lnb2 .in{}

.JS-lnb2 ul.gnb{}
.JS-lnb2 ul.gnb>li{display:none;}
.JS-lnb2 ul.gnb>li.show{display:block;}
.JS-lnb2 ul.gnb>li>a{display:none;}
.JS-lnb2 ul.gnb>li.btnArea{display:none;}

.JS-lnb2 .depth02Area>ul>li>span{display:none;}
.JS-lnb2 .depth02Area>ul{width:100%;}
.JS-lnb2 .depth02Area>ul>li{position:relative; border:1px solid #ddd; margin-top:-1px; background:#fff; transition:0.1s; font-size: 1rem; font-weight: 500}
.JS-lnb2 .depth02Area>ul>li>a:hover{background:#f4f4f4;}
/*
.JS-lnb2 .depth02Area>ul>li>a:after{font-family:xeicon!important; content:"\e940"; position:absolute; color:#ccc;
top:50%; right:10px; width:10px; height:10px; line-height:10px; margin-top:-5px; font-size:10px;}
*/
.JS-lnb2 .depth02Area>ul>li.this>a:after{position:absolute; top:50%; margin-top:-1.5px; right:15px; width:3px; height:3px; border-radius:3px; background:#ccc; content:""; display:block; transition:0.2s;}

.JS-lnb2 .depth02Area>ul>li:hover>a:after{color:#000;}
.JS-lnb2 .depth02Area>ul>li>a{position:relative; display:block; width:100%; height:100%; padding:10px 15px; line-height:17px; color:#666;}

.JS-lnb2 .depth02Area>ul>li.on{}
.JS-lnb2 .depth02Area>ul>li.show>a{color:#fff; background:#0f52a1;}
.JS-lnb2 .depth02Area>ul>li.show.this>a:after{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.JS-lnb2 .depth02Area>ul>li.show>a:after{color:#fff;}


.JS-lnb2 .depth03Area{display:none;}
.JS-lnb2 .depth02Area>ul>li.show .depth03Area{display:block;}
.JS-lnb2 .depth03Area ul{}
.JS-lnb2 .depth03Area ul li{}
.JS-lnb2 .depth03Area ul li a{display:block; font-size:12px; width:100%; height:100%; padding:7px 10px 7px 25px; line-height:17px; color:#666;}
.JS-lnb2 .depth03Area ul li.show a{background:#f4f4f4;}
.JS-lnb2 .depth03Area ul li a:hover{background:#f4f4f4;}


@media all and (max-width: 1100px){

  body .scontents{padding-left:0; box-sizing:border-box;}
  .JS-lnb2{display:none;}

}
































/* sitemap */
body.un-overflow{overflow:hidden;}
.JS-sitemap{right:-100%; will-change:transform; position:fixed; top:0; width:100%; height:100%; z-index:999999; background:#fff; transition:0.7s cubic-bezier(0.645, 0.045, 0.355, 1);}
.JS-sitemap.on{-webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%);}
.JS-sitemap>.in{position:relative; width:100%; height:100%;}
.JS-sitemap h1{position:absolute; left:50%; margin-left:-125px; top:50px; z-index:199;}
.JS-sitemap .close{position:absolute; top:50px; right:50px; font-size:30px; z-index:50; cursor:pointer; padding:5px; transition:0.2s;}
.JS-sitemap .close:hover{color:#ccc;}
.JS-sitemap .all{position:relative; height:100%;}
.JS-sitemap .all .link{display:table-cell; display:none; position:relative; width:25%; height:100%;  padding:0 3%; vertical-align:middle; background:#000;}
.JS-sitemap .all .link:after{position:absolute; opacity:0.6; width:100%; height:100%; top:0; left:0; z-index:10; content:""; background-image:url('../image/n/side-vertical.jpg'); background-position:center; background-size:cover;}
.JS-sitemap .all .link ul{position:relative; z-index:11;}
.JS-sitemap .all .link ul li{width:100%; margin:2px 0; transition:0.2s;}
.JS-sitemap .all .link ul li + li{border-top:1px solid rgba(255,255,255,0.1);}
.JS-sitemap .all .link ul li a{display:block; padding:5px 30px 5px 10px; font-size:15px; position:relative; color:#fff;}
.JS-sitemap .all .link ul li a i{position:absolute; top:30%; right:10px;}
.JS-sitemap .all .link ul li:hover{background:transparent;}
.JS-sitemap .all .link ul li a:hover{color:#ccc;}

.JS-sitemap .all .lnb{display:table-cell; width:100%; height:100%; padding:5%; background:#fff; vertical-align:middle;}
.JS-sitemap .all .lnb ul{padding:30px 0; position:relative; padding-left:20%;}
.JS-sitemap .all .lnb ul + ul{border-top:1px solid #eee;}
.JS-sitemap .all .lnb ul li{margin:5px 15px; vertical-align:middle;;}
.JS-sitemap .all .lnb ul li a{font-size:1rem;  position:relative; color:#999;}
.JS-sitemap .all .lnb ul li.title{width:20%; position:absolute; top:25px; left:0; line-height:0; font-size:0;}
.JS-sitemap .all .lnb ul li.title a{font-size:20px; color:#333; line-height:1;}

.JS-sitemap .all .lnb ul li a:after{content:''; width:0; height:1px; background:#333; position:absolute; right:0; bottom:-5px;  transition:0.5s;}
.JS-sitemap .all .lnb ul li a:hover{ color:#000;}
.JS-sitemap .all .lnb ul li a:hover:after{width:100%; right:auto; left:0;}

.JS-sitemap .all .lnb ul li.title{display:block; height:100%; top:0;}
.JS-sitemap .all .lnb ul li.title>div{display:table; width:100%; height:100%;}
.JS-sitemap .all .lnb ul li.title>div>div{display:table-row; width:100%; height:100%;}
.JS-sitemap .all .lnb ul li.title>div>div>div{display:table-cell; vertical-align:middle;}

.JS-sitemap .all .lnb ul ul{padding:0;}




/* sub */
body #sub_tit [class~=title]:after{display:none;}
.con_arrow{}
.map_info img{width:100%; height:auto;}




/* main */
.JS-mainVisual{position:relative; width:100%; border-top:1px solid #ccc;}
.JS-mainVisual:after{position:absolute; top:0; left:30%; width:70%; height:100%; background:#d8e5f7; content:""; opacity:0.5; z-index:10;}
.JS-mainVisual:before{position:absolute; top:0; left:0%; width:100%; height:100%; background:#000; content:""; opacity:0.0; z-index:11;}
._JS-mainVisual:after{position:absolute; top:0; left:0%; width:100%; height:100%; content:""; opacity:1; z-index:10;
background-image:url('../image/n/mainVIsual-05.jpg'); background-position:center; background-size:cover;
}
.JS-mainVisual>.in{position:relative; max-width:1300px;  width:100%; padding-left:550px; margin:0 auto; min-height:600px; z-index:12;}
.JS-mainVisual .left{position:absolute; top:0; left:0; max-width:500px; width:100%; }
.JS-mainVisual .left h2{font-size:20px; background:#f4f4f4;}
.JS-mainVisual .left img{border-radius:10px; width:100%;}
.JS-mainVisual .left .sliderArea{padding-top:50px;}
.JS-mainVisual .left .slick-slider button.slick-arrow{font-size:30px; background-color:transparent;}
.JS-mainVisual .left .slick-slider button.slick-prev{left:-50px;}
.JS-mainVisual .left .slick-slider button.slick-next{right:-50px;}
.JS-mainVisual .left .slick-slider ul.slick-dots{bottom:auto; top:0; width:auto;}
.JS-mainVisual .left .slick-slider ul.slick-dots li.slick-active button{background:#2055a1;}

.JS-mainVisual .right{padding:80px 0; position:relative; width:100%;}
.JS-mainVisual .right h2{font-size:25px; font-weight:bold;}
.JS-mainVisual .right h2 span{color:#437dee;}
.JS-mainVisual .right .top{width:80%; margin-top:30px; position:relative; z-index:80;}
.JS-mainVisual .right .top ul{}
.JS-mainVisual .right .top ul li{ font-size:18px; margin-right:15px; padding-right:15px; opacity:0.7; cursor:pointer;}
.JS-mainVisual .right .top ul li + li:after{ top:12px; left:-15px; width:4px; height:4px; border-radius:50%; background:rgba(0,0,0,0.5);}
.JS-mainVisual .right .top ul li.on{font-weight:500; opacity:1;}
.JS-mainVisual .right .top ul li i{ font-size:19px; position:absolute; top:5px; right:-10px;}

.JS-mainVisual .right div[cate]{position:absolute; top:-9999px; left:0; width:100%; }
.JS-mainVisual .right div[cate].on{position:static;}

.JS-mainVisual .right .sliderArea{padding-top:50px; margin-top:-40px;}
.JS-mainVisual .right .sliderArea img{height:auto;}
.JS-mainVisual .right .sliderArea .slick-track{padding-bottom:15px; margin-left:-7px;}
.JS-mainVisual .right .sliderArea .item{text-align:left !important; box-sizing:border-box; margin:7px 7px;}
.JS-mainVisual .right .sliderArea .item a{display:block;  padding:20px; border:1px solid #fff; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.1); border-radius:10px; transition:0.2s;}
.JS-mainVisual .right .sliderArea .item .category{font-size:13px; border:1px solid #ddd; padding:2px 5px; display:inline-block; border-radius:5px;}
.JS-mainVisual .right .sliderArea .item .title{font-size:17px; font-weight:500; line-height:1.4; margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; transition:0.2s;}
.JS-mainVisual .right .sliderArea .item .overview{font-size:15px; color:#999; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
.JS-mainVisual .right .sliderArea .item .date{color:#666; margin-top:15px;}
.JS-mainVisual .right .sliderArea .item:hover{ }
.JS-mainVisual .right .sliderArea .item:hover a{border-color:#437dee; box-shadow:5px 5px 5px rgba(67,125,238,0.2);}
.JS-mainVisual .right .sliderArea .item:hover .title{color:#437dee;}

.JS-mainVisual .right .slick-slider button.slick-arrow{color:#000; top:0; margin-top:0; font-size:20px; background-color:transparent;}
.JS-mainVisual .right .slick-slider button.slick-prev{right:-40px; top:0;}
.JS-mainVisual .right .slick-slider button.slick-next{right:-40px; top:40px;}
.JS-mainVisual .right .slick-slider ul.slick-dots{width:auto; right:10px; bottom:-30px; left:auto;}
.JS-mainVisual .right .slick-slider ul.slick-dots li.slick-active button{background:#2055a1;}

.JS-mainVisual .in2{width:1300px; margin:0 auto;}
.JS-mainVisual .bottom{position:relative; z-index:11;}
.JS-mainVisual .bottom h2{text-align:left; font-size:25px; font-weight:bold;}
.JS-mainVisual .bottom ul{text-align:center;}
.JS-mainVisual .bottom ul li{width:16.6666%; text-align:left; border:1px solid #eee; margin-left:-1px; background:#fff}
.JS-mainVisual .bottom ul li a{position:relative; display:block; padding:20px; }
.JS-mainVisual .bottom ul li a:after{font-family:xeicon!important; content:"\e940"; position:absolute; top:0; left:0; }
.JS-mainVisual .bottom ul li h2{color:; font-size:20px;}
.JS-mainVisual .bottom ul li p{color:;}



@media all and (max-width:1300px){

  .JS-mainVisual>.in{padding:0 10px;}
  .JS-mainVisual .left{position:static; max-width:100%;}
  .JS-mainVisual .left .item{margin:0 7px; opacity:0.4; transition:opacity 0.2s;}
  .JS-mainVisual .left .item.slick-center{opacity:1;}
  .JS-mainVisual .left .slick-slider button.slick-arrow{background-color:rgba(255,255,255,0.3);}
  .JS-mainVisual .left .slick-slider button.slick-prev{left:0;}
  .JS-mainVisual .left .slick-slider button.slick-next{right:0;}
  .JS-mainVisual .right .top{width:100%;}
}

@media all and (max-width:1100px){
  .JS-mainVisual{margin-top:60px;}
}

@media all and (max-width:800px){
  .JS-mainVisual .right h2{font-size:17px;}
  .JS-mainVisual .right .top{margin-top:10px;}
  .JS-mainVisual .right .top ul li{font-size:12px; margin-right:8px; padding-right:8px;}
  .JS-mainVisual .right .top ul li i{font-size:13px; top:2px;}
  .JS-mainVisual .right .top ul li + li:after{top:8px; width:2px; height:2px; left:-8px;}
  .JS-mainVisual .right .sliderArea .item .category{font-size:10px;}
  .JS-mainVisual .right .sliderArea .item .title{font-size:15px;}
  .JS-mainVisual .right .sliderArea .item .overview{font-size:12px;}
  .JS-mainVisual .right .slick-slider button.slick-arrow{font-size:15px; width:20px; height:30px; line-height:30px; top:15px; z-index:81;}
  .JS-mainVisual .right .slick-slider button.slick-prev{right:40px;}
  .JS-mainVisual .right .slick-slider button.slick-next{right:10px;}
}



.mainVideo{}
.mainVideo .in{padding:0 7%;}
.mainVideo iframe{width:100% !important; height:500px !important;}




.JS-main20{padding:70px 0; position:relative;}
.JS-main20:after{position:absolute; top:0; right:70%; width:30%; height:100%; background:#d8e5f7; content:""; opacity:0.5; z-index:10;}
.JS-main20>.in{position:relative; width:1300px; margin:0 auto; z-index:80;}
.JS-main20 .boxes{}

.JS-main20 .box{width:23%; min-height:300px; margin:1%; padding:40px; border:1px solid #999; background:#fff; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.05);}
.JS-main20 .box h2{font-size:17px; padding-bottom:5px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-weight:bold;}
.JS-main20 .box ul{}
.JS-main20 .box ul li{margin:2px 0;}
.JS-main20 .box ul li a{font-size:15px; position:relative; display:inline-block; padding-left:20px; color:#333;}
.JS-main20 .box ul li a:hover{color:#437dee;}
.JS-main20 .box ul li a:after{position:absolute; top:0; left:0; font-family:xeicon; content:"\e92e"; }








.JS-mainVideo-01{}
.JS-mainVideo-01>.in{}












































/* sub- common */
.con_arrow {font-size:16px; font-weight:500; line-height:30px;  color: #000; margin:50px 0 20px 0;}
.con_arrow:before { content: ""; width:12px; height:12px; display:inline-block; border:3px #0f52a1 solid; box-sizing:border-box; border-radius:4px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.con_arrow2 {font-size:1.3em; font-weight:500; line-height:30px;  color: #000; margin:50px 0 20px 0;}
.con_arrow2:before { content: ""; width:12px; height:12px; display:inline-block; border:3px #000 solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow2:first-child { margin:0 0 20px 0;}


@media all and (max-width:1100px){

.con_arrow{font-size:17px;}


}

body [class~=map_wrap] [class~=map_info] table th{padding:10px;}
[class~=map_wrap] [class~=map_info] table.th-all-left th{text-align:left;}
[class~=map_wrap] [class~=map_info] table.td-all-left td{text-align:left;}

[class~=map_wrap] [class~=map_info] table.th-all-center th{text-align:center;}
[class~=map_wrap] [class~=map_info] table.td-all-center td{text-align:center;}

.google_map{width:100% !important;}

table.td-all-left td{text-align:left !important;}
table.th-all-left th{text-align:left !important;}



.company.center-intro{}
.company.center-intro .ceo_txt p{margin-top:0; font-size:1rem;}





@media all and (min-width:768px){
  body .company .ceo_img{width:40%;}
  body .company .ceo_txt{width:60%; font-size: 1rem; }
}




/* sub - history */

	.history_type1 {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.history_type1 .innerBox{position:relative; width:100%; }
	.history_type1 .innerBox:after{content:'';display:block;clear:both;}
	.history_type1 h3 {text-align:center; padding-bottom:20px; font-size:2em; font-weight:100; color:#aaa;}
	.history_type1:first-child h3 { padding:0px 0 50px 0;}
	.history_type1 .history { position:relative; margin-bottom:100px;}
	.history_type1 .history:last-child{margin-bottom:0px;}
	.history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;} /* 라인색상 */
	.history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; }
	.history_type1 .history .img_box img { width:90%; max-width:500px; height:auto;}

	.history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; }
	.history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */
	.history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1.1em; color:#555; padding:0 10px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;}
	.history_type1 .history > div ul {padding:0; margin:0; }
	.history_type1 .history > div ul li { padding:0; margin:0;}
	.history_type1 .history > div ul li p {margin-top:0px; }
	.history_type1 .history > div ul li p strong { width:15%; display:inline-block; vertical-align:top; font-size:1em; text-align:center; }
	.history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size:1em;  }


	@media screen and (max-width: 992px) {

		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}

		.history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;}
		.history_type1 .history .img_box img { width:100%; max-width:100%;}
		.history_type1 .history:before { left:20px; } /* 라인 */
		.history_type1 .history > div { margin-left:0; }
		.history_type1 .history > div:before {left:18px; }
		.history_type1 .history > div .year { top:0px; left:40px; font-size:0.9em;}
		.history_type1 .history > div ul li { font-size:0.9em;}

	}

	@media screen and (max-width: 480px) {

		.history_type1 .history > div {padding-left:40px;  }
		.history_type1 .history > div .year { position:relative; left:0; }
		.history_type1 .history > div ul li p strong { text-align:left; }

	}


.history_new{}
.history_new>.in{position:relative; z-index:10;}
.history_new>.in:after{position:absolute; top:0; left:50%; width:2px; height:100%; background:#999; content:"";}
.history_new .item{position:relative; top:-10px; width:50%; margin-left:50%; margin-bottom:15px; padding-left:50px; z-index:11;}
.history_new .item:after{position:absolute; top:10px; left:-5px; width:12px; height:12px; border:3px solid #0f52a1; background:#fff; content:""; border-radius:50%;}
.history_new .item:nth-child(even){margin-left:0; text-align:right; padding:0 50px 0 0;}
.history_new .item:nth-child(even):after{left:auto; right:-7px;}
.history_new .item .year{font-size:18px; font-weight:500; color:#0f52a1;}
.history_new .item .month{}
.history_new .item .text_kr{font-size:14px;}
.history_new .item .text_en{font-size:14px;}
.history_new .item .img{margin-top:10px;}
.history_new .item .img img{max-width:100%; height:auto;}

	@media screen and (max-width: 992px){

    .history_new>.in:after{left:10px;}
    .history_new .item{width:100%; margin-left:0; text-align:left !important; padding:0 0 0 50px !important;}
    .history_new .item:after{left:5px !important; right:auto !important;}

  }



  .company_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; margin-bottom:100px;}
	.company_type2:after{content:""; clear:both; display:block;}
	.company_type2 .ceo_img {width:100%; }
	.company_type2 .ceo_img img {width:100%; height:auto; }
	.company_type2 .ceo_area{ position:relative; left:0; top:-40px; width:90%;   padding:30px; z-index:1; margin:0 auto; background:#fff;}
	.company_type2 .ceo_area .ceo_tit { position:relative; float:left; width:30%; font-size:2em; text-align:center; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:200px; }
	.company_type2 .ceo_area .ceo_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:50%; }
	.company_type2 .ceo_area .ceo_txt { position:relative; width:100%; height:auto;}
	.company_type2 .ceo_area .ceo_txt h4 {font-size:2em;  line-height:1.5em;  color: #000; }
	.company_type2 .ceo_area .ceo_txt p {font-size:16px; margin-top:20px; line-height:1.5em; color: #333; word-break: keep-all;}
	.company_type2 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.1em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;}

	@media screen and (max-width: 992px){

		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

	.company_type2 .ceo_area{top:0; padding:5px;}
		.company_type2 .ceo_area .ceo_tit { width:100%; font-size:1.8em; padding-bottom:50px; }
		.company_type2 .ceo_area .ceo_tit:after {height:40px; }
		.company_type2 .ceo_area .ceo_txt { width:100%; }
		.company_type2 .ceo_area .ceo_txt h4 {margin-top:40px; font-size:1.2em;}
		.company_type2 .ceo_area .ceo_sign {margin-top: 20px; }

		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}
	}



	.company_type4 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; padding-bottom:100px;}
	.company_type4:after{content:""; clear:both; display:block;}
	.company_type4 .ceo_img {width:100%;  position:relative; background: url('../image/img_1200.jpg')no-repeat center top; background-size:cover; }
	.company_type4 .ceo_img em {position:absolute;  top:15%; padding-left:7%; font-size:1.25em; color:#21b8ce; line-height:1.4em; word-break:keep-all; font-style:normal;}
	.company_type4 .ceo_img p {position:absolute;  top:25%; padding-left:7%; font-size:2em; color:#fff; line-height:1.4em; word-break:keep-all; letter-spacing:0.05em; text-shadow:0 2px 0px #000; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}
	.company_type4 .ceo_img img {width:100%; height:auto;}
	.company_type4 .ceo_message {width:100%; padding-top:50px; margin:0 auto; }
	.company_type4 .ceo_message:after{content:""; clear:both; display:block;}
	.company_type4 .ceo_message .left{float:left; width:48%; font-size:1em; line-height:1.5em;  text-align:justify; }
	.company_type4 .ceo_message .right{float:right; width:48%; font-size:1em;  line-height:1.5em; text-align:justify;}
	.company_type4 .sign {text-align:right; font-size:1em; color:#000; margin-top:50px; }
	.company_type4 .sign .ceo_sign { font-size:1.25em; font-weight:700; letter-spacing:0.3em; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}

	.s_tit {height:30px; line-height:30px; text-align:center; margin:50px auto;  margin-bottom:30px;  font-size:1.6em;   letter-spacing:0.3em; }
	.s_tit .slash{color:#aaa; font-size:0.5em;}
	.company_type4_tbl {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; border:1px solid #ddd; padding:50px 0; padding-bottom:30px;}
	.company_type4_tbl li {float:left; display:inline-block; padding:0; width:24.5%; height:200px; text-align:center;  border-right:1px solid #f7f7f7;}
	.company_type4_tbl li:nth-child(4) {border-right:0; }
	.company_type4_tbl li .icon {display:block; width:100px; height:100px; margin:0 auto; overflow:hidden; background-color:#f7f7f7; border-top-left-radius:20px; border:1px solid #ddd;}
	.company_type4_tbl li .icon i {display:inline-block; font-size:3em; line-height:100px; }
	.company_type4_tbl li p {display:block; font-size:1.6em; color:#0078D7; margin-top:10px;}
	.company_type4_tbl li span { display:block; font-size:1.1em; color:#555; margin-top:10px; line-height:1.5em;}


	@media screen and (max-width: 768px){
		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}

		.company_type4 .ceo_img { height:auto; min}
		.company_type4 .ceo_img p { top:35%; font-size:1.5em;  }
		.company_type4 .ceo_message {width:95%; word-break: keep-all;}
		.company_type4 .ceo_message .left{width:100%; text-align:left; }
		.company_type4 .ceo_message .right{width:100%; text-align:left; margin-top:50px; }
		.company_type4 .sign{margin-right:20px;}

		.company_type4_tbl{width:95%;}
		.company_type4_tbl li{width:49%;}
		.company_type4_tbl li:nth-child(2n){border-right:0; padding-bottom:15px;}
		.company_type4_tbl li:nth-child(3), .company_type4_tbl li:nth-child(4){border-top:1px solid #f7f7f7; padding-top:30px;}
		.company_type4_tbl li p{font-size:1.4em;}
		.company_type4_tbl li span{font-size:1em;}
	}

	.company_type5 { width:100%; min-width:320px; }
	.company_type5:after{content:""; clear:both; display:block;}
	.company_type5 .ceo_img {position:relative; width:100%; height:500px; min-height:250px; margin:0 auto; background: url('../image/img_2000.jpg') no-repeat center top; background-size:cover; }
	.company_type5 .ceo_area{position:relative; clear:both; width:100%; max-width:1200px; margin:0 auto; }
	.company_type5 .ceo_area .ceo_txt {padding:40px 0px; text-align: left; z-index:0;}
	.company_type5 .ceo_area .ceo_txt h4 {font-size:2em;  line-height:1.5em;  color: #000; }
	.company_type5 .ceo_area .ceo_txt p {margin-top:20px; line-height:1.5em; color: #333; word-break: keep-all;}
	.company_type5 .ceo_area .ceo_txt span.ceo_sign{ display:block; float:right; font-size:1.5em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}
	.company_type5 .ceo_area .ceo_txt span.ceo_sign span{font-family:'Noto Sans KR', sans-serif; font-size:0.8em;}

	.s_tit {width:100%; max-width:1200px; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}
	.company_type5_tbl{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; background:rgba(29,102,185,.9);}
	.company_type5_tbl .slogan{float:left; width:40%; text-align:left; color:#fff;  overflow:hidden; z-index:1;}
	.company_type5_tbl .slogan div{margin:30px; height:}
	.company_type5_tbl .slogan div .b_title { font-size:2em; color:#fff; line-height:1.4em; letter-spacing:-0.05em; }
	.company_type5_tbl .slogan div .s_title {  position:relative; top:0; font-size:1em; color:#fff; line-height:1.4em;  font-weight: 300; padding-top:20px; margin-top:20px;}
	.company_type5_tbl .slogan div .s_title:after { content:""; display:block;  position:absolute; top:0;  left:0; width:30px; height:1px; background:#fff; }
	.company_type5_tbl .tbl_t{float:left; width:60%; background-color:#fff;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:20px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;}


	@media screen and (max-width: 768px){
		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}

		.company_type5 .ceo_area{width:95%; margin:0 auto;}
		.company_type5 .ceo_area .ceo_txt h4 {font-size:1.2em; word-break: keep-all;}

		.s_tit{width:95%;}
		.company_type5_tbl {width:95%; height:auto;}
		.company_type5_tbl .slogan{width:100%; bottom:0; padding:20px 20px;  }
		.company_type5_tbl .slogan div .b_title { font-size:1.4em; }
		.company_type5_tbl .tbl_t{width:100%;}

		.tbla tr th{width:30%; font-size:0.9em;  padding:15px 0;}
		.tbla tr td{width:70%; font-size:0.9em; }

	}




.logo_area{}
.logo_area img{max-width:100%; height:auto;}













/* sub people */

.tabArea{}
.tabArea li{margin-right:30px; line-height:20px; height:20px;}
.tabArea li + li:after{top:7px; left:-15px;}
.tabArea li a{ color:#999;}
.tabArea li.over{ text-decoration:underline;}
.tabArea li.over a{font-size:20px; color:#333;}


.peoples{}
.peoples ul{}
.peoples ul li.person{padding:2% 2% 5% 2%; margin:-1px 0 0 -1px; box-sizing:border-box; transition:0.2s;}
.peoples ul li.person:hover{}
.peoples ul li.person .imgArea{position:relative; margin-bottom:10px;}
.peoples ul li.person .imgArea img{width:100%; height:auto; border-radius:10px;}
.peoples ul li.person .infoArea{}
.peoples ul li.person .infoArea{}


.peoples ul.grid2 li.person{width:50%;}
.peoples ul.grid3 li.person{width:33.3333%;}
.peoples ul.grid4 li.person{width:25%;}
.peoples ul.grid5 li.person{width:20%;}

.peoples ul.gridx1 li.person{width:100%; margin:0; padding:15px 0 15px 0;}
.peoples ul.gridx1 li.person:nth-child(1){padding-top:0;}
.peoples ul.gridx1 li.person + li{border-top:1px solid #ddd;}
.peoples ul.gridx1 li.person .imgArea{float:left; width:20%; padding-right:3%; padding-bottom:0;}
.peoples ul.gridx1 li.person .infoArea{float:left; width:80%;}
.peoples ul.gridx1 li.person .infoArea b{display:block; margin-bottom:10px; font-size:15px;}
.peoples ul li.person .file{margin-top:5px;}
.peoples ul li.person .file a{display:inline-block; margin-right:2px; width:25px; height:25px; line-height:24px; border-top:1px solid #eee; border-left:1px solid #eee; border-radius:7px; background:#fff; text-align:center; color:#666; box-shadow:2px 2px 2px rgba(0,0,0,0.15); transition:0.2s;}
.peoples ul li.person .file i{font-size:17px; line-height:24px;}
.peoples ul li.person .file a:hover{background:#666; color:#fff;}



.peoples ul.grid2.type10 li.person{width:48%; padding:0; margin:0.5% 1% 5% 1%;}
.peoples ul.grid2.type10 li.person:after{display:block; content:""; clear:both;}
.peoples ul.grid2.type10 li.person .imgArea{float:left; width:35%; margin:0; padding:0;}
.peoples ul.grid2.type10 li.person .imgArea img{border-radius:10px;}
.peoples ul.grid2.type10 li.person .infoArea{float:left; width:65%; padding:0 0 0 30px;}
.peoples ul.grid2.type10 li.person .infoArea li{margin-bottom:3px;}
.peoples ul.grid2.type10 li.person .infoArea li span{display:inline-block; width:30%; vertical-align:top; font-weight:500; color:#333;}
.peoples ul.grid2.type10 li.person .infoArea li p{display:inline-block; width:70%; vertical-align:top; color:#999; word-break:break-all;}
.peoples ul.grid2.type10 li.person .infoArea .s1{padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.peoples ul.grid2.type10 li.person .infoArea .s1 span{display:none;}
.peoples ul.grid2.type10 li.person .infoArea .s1 p{font-size:17px; font-weight:500; color:#333;}
.peoples ul.grid2.type10 li.person .infoArea .s2{}
.peoples ul.grid2.type10 li.person .infoArea .s3{}
.peoples ul.grid2.type10 li.person .infoArea .s4{}
.peoples ul.grid2.type10 li.person .infoArea .s5{}



.peoples ul.grid2.type11 li.person{width:48%; padding:0; margin:0 1% 5% 1%;}
.peoples ul.grid2.type11 li.person:after{display:block; content:""; clear:both;}
.peoples ul.grid2.type11 li.person .imgArea{float:left; width:35%; margin:0; padding:0;}
.peoples ul.grid2.type11 li.person .imgArea img{border-radius:10px;}
.peoples ul.grid2.type11 li.person .infoArea{float:left; width:65%; padding:0 0 0 30px;}
.peoples ul.grid2.type11 li.person .infoArea li{margin-bottom:3px;}
.peoples ul.grid2.type11 li.person .infoArea li span{display:inline-block; width:10%; vertical-align:top; font-weight:500; color:#333;}
.peoples ul.grid2.type11 li.person .infoArea li p{display:inline-block; width:70%; vertical-align:top; color:#999;}
.peoples ul.grid2.type11 li.person .infoArea .s1{padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.peoples ul.grid2.type11 li.person .infoArea .s1 span{display:none;}
.peoples ul.grid2.type11 li.person .infoArea .s1 p{font-size:15px; font-weight:500; color:#333;}
.peoples ul.grid2.type11 li.person .infoArea .s2{margin-bottom:10px;}
.peoples ul.grid2.type11 li.person .infoArea .s3{}
.peoples ul.grid2.type11 li.person .infoArea .s4{}
.peoples ul.grid2.type11 li.person .infoArea .s5{}

@media all and (max-width:768px){
  .peoples ul.grid2.type11 li.person{width:98%;}
}

.peoples ul.grid2.type11.typeVertical li.person{width:18%;}
.peoples ul.grid2.type11.typeVertical li.person .imgArea{float:none; width:100%; margin-bottom:10px;}
.peoples ul.grid2.type11.typeVertical li.person .infoArea{float:none; width:100%; padding:0;}
.peoples ul.grid2.type11.typeVertical li.person .infoArea .s1 p{font-size:14px; word-break:keep-all; padding:0;}
.peoples ul.grid2.type11.typeVertical li.person .infoArea .s2 p{padding:0;}
.peoples ul.grid2.type11.typeVertical li.person .infoArea p{word-break:break-all; width:90%; padding-left:5px;}


.peoples ul.grid1.type12 li.person{width:100%; padding:0; margin:0 0 5% 0;}
.peoples ul.grid1.type12 li.person:after{display:block; content:""; clear:both;}
.peoples ul.grid1.type12 li.person .imgArea{float:left; width:15%; margin:0; padding:0;}
.peoples ul.grid1.type12 li.person .imgArea img{border-radius:10px;}
.peoples ul.grid1.type12 li.person .infoArea{float:left; width:85%; padding:0 0 0 30px;}
.peoples ul.grid1.type12 li.person .infoArea li{margin-bottom:3px;}
.peoples ul.grid1.type12 li.person .infoArea li span{display:inline-block; min-width:50px; vertical-align:top; font-weight:500; color:#333;}
.peoples ul.grid1.type12 li.person .infoArea li p{display:inline-block; width:70%; vertical-align:top; color:#999;}
.peoples ul.grid1.type12 li.person .infoArea .s1{padding-bottom:5px; margin-bottom:0; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.peoples ul.grid1.type12 li.person .infoArea .s1 span{display:none;}
.peoples ul.grid1.type12 li.person .infoArea .s1 p{font-size:20px; font-weight:500; color:#333;}
.peoples ul.grid1.type12 li.person .infoArea .s10{}
.peoples ul.grid1.type12 li.person .infoArea .s2{margin-bottom:10px;}
.peoples ul.grid1.type12 li.person .infoArea .s3{}
.peoples ul.grid1.type12 li.person .infoArea .s4{}
.peoples ul.grid1.type12 li.person .infoArea .s5{}


.peoples .jrg-content{margin:-2% 0 10% 0; background:#f4f4f4; padding:20px; border-radius:10px;}
.peoples .jrg-content h2{font-size:15px; margin-bottom:5px;}









.peoples ul.typeR li.person{position:relative;}
.peoples ul.typeR li.person p.title{border:1px dotted #ccc; padding:10px; margin-bottom:10px; font-weight:500; background:#f9f9f9;}
.peoples ul.typeR li.person p.leader{position:absolute; top:10%; left:0;background:#000; padding:5px 20px; color:#fff;  text-align:center; margin-bottom:10px;}
.peoples ul.typeR li.person p.name{margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ddd; font-weight:500; font-size:15px;}
.peoples ul.typeR li.person p.number{display:none;}
.peoples ul.typeR li.person p.lab{display:none;}
.peoples ul.typeR li.person li p{}
.peoples ul.typeR li.person li p span{display:inline-block; width:30%; font-weight:500;}
.peoples ul.typeR li.person li p b{display:inline-block; width:70%; font-weight:normal; color:#999;}




.peoples table.type1{width:100%; border-collapse:collapse;}
.peoples table.type1 tr{}
.peoples table.type1 th{font-size:15px; text-align:center; padding:10px 0; border-top:1px solid #999; border-bottom:1px solid #999; background:#f4f4f4; font-weight:500;}
.peoples table.type1 td{text-align:center; padding:7px 7px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.peoples table.type1 tr:nth-child(even){background:#f9f9f9;}
.peoples table.type1 tr:hover{background:#eee;}
.peoples table.type1 thead{}
.peoples table.type1 thead tr{}
.peoples table.type1 thead tr th{}
.peoples table.type1 tbody{}
.peoples table.type1 tbody tr{}
.peoples table.type1 tbody tr td{}


@media all and (max-width:768px){
	.peoples ul.grid2.type10 li.person{width:99%;}
  .peoples ul.grid4 li.person{width:50%;}
  .peoples ul.grid5 li.person{width:50%;}
}



.peoples ul.grid1.typeBen li.person{width:100%; padding:0; margin:0 0 5% 0;}
.peoples ul.grid1.typeBen li.person:after{display:block; content:""; clear:both;}
.peoples ul.grid1.typeBen li.person .imgArea{float:left; width:17%; margin:0; padding:0;}
.peoples ul.grid1.typeBen li.person .imgArea img{border-radius:10px;}
.peoples ul.grid1.typeBen li.person .infoArea{float:left; width:83%; padding:0 0 0 30px;}
.peoples ul.grid1.typeBen li.person .infoArea li{margin-bottom:3px;}
.peoples ul.grid1.typeBen li.person .infoArea li span{display:inline-block; width:10%; vertical-align:top; font-weight:500; color:#333;}
.peoples ul.grid1.typeBen li.person .infoArea li p{display:inline-block; width:100%; vertical-align:top; color:#999;}
.peoples ul.grid1.typeBen li.person .infoArea .s1{padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.peoples ul.grid1.typeBen li.person .infoArea .s1 span{display:none;}
.peoples ul.grid1.typeBen li.person .infoArea .s1 p{font-size:15px; font-weight:500; color:#333;}
.peoples ul.grid1.typeBen li.person .infoArea .s2{margin-bottom:0;}
.peoples ul.grid1.typeBen li.person .info1{float:left; width:100%; margin-top:20px;}
.peoples ul.grid1.typeBen li.person .info1 span{margin:0;}
.peoples ul.grid1.typeBen li.person .info1 strong{font-size:17px; font-weight:bold;}

.peoples ul.grid1.typeBen li.person table td{background:#fff;}
.peoples ul.grid1.typeBen li.person table.th-all-line th{border:1px solid #ddd;}
.peoples ul.grid1.typeBen li.person table.td-all-line td{border:1px solid #ddd;}


.peoples ul.typej{}
.peoples ul.typej li.person{background:#f4f4f4;}
.peoples ul.typej li.person .group{width:100%;}
.peoples ul.typej li.person .imgArea{width:10%;}
.peoples ul.typej li.person .imgArea img{max-width:100%; height:auto;}
.peoples ul.typej li.person .infoArea{width:90%;}



.org-map{position:relative; display:inline-block; font-size:0; line-height:0;}
.org-map img{max-width:800px; width:100%; height:auto;}
.org-map span{}
.org-map a{display:none; position:absolute; width:21.5%; height:9.5%; background:rgba(0,0,0,0); z-index:11; font-size:14px;  text-align:center; color:#fff;}
.org-map a.z1{top:4.5%; left:3%;}
.org-map a.z2{top:4.5%; left:37.5%;}
.org-map a.z3{top:4.5%; left:74.5%;}
.org-map a.z4{top:25%; left:37.5%;}
.org-map a.z5{top:46%; left:37.5%;}
.org-map a.z6{top:36.5%; left:74.5%;}
.org-map a.z7{top:57%; left:74.5%;}
.org-map a.z8{top:84.5%; left:3%;}
.org-map a.z9{top:84.5%; left:27%;}
.org-map a.z10{top:84.5%; left:50.5%;}
.org-map a.z11{top:84.5%; left:74.5%;}


@media all and (max-width:768px){
  .org-map a{font-size:11px;}
}



/* network */
.network-01{position:relative;}
.network-01:after{display:none; position:absolute; top:0; left:0; width:100%; height:100%; content:""; opacity:0.08; background-image:url('../image/n/world-map.png'); background-position:center; background-size:100%; background-repeat: no-repeat;}
.network-01>.in{position:relative; z-index:11;}
.network-01 .map{margin-bottom:50px;}
.network-01 .country{width:50%; position:relative; padding:0 20px 40px 80px;}
.network-01 .country .img{position:absolute; top:5px; left:0; width:60px; }
.network-01 .country .img img{max-width:100%; height:auto;  border-radius:5px; box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.network-01 .country p{font-size:16px; font-weight:500;}
.network-01 .country span{}
.network-01 .country .file{margin-top:5px;}
.network-01 .country .file a{display:inline-block; margin-right:2px; width:25px; height:25px; line-height:24px; border-top:1px solid #eee; border-left:1px solid #eee; border-radius:7px; background:#fff; text-align:center; color:#666; box-shadow:2px 2px 2px rgba(0,0,0,0.15); transition:0.2s;}
.network-01 .country .file i{font-size:17px; line-height:24px;}
.network-01 .country .file a:hover{background:#666; color:#fff;}


@media all and (max-width:768px){
  .network-01 .country{width:100%;}
}

.network-01.type2 .country{}
.network-01.type2 .country:hover{background:#f4f4f4;}
.network-01.type2 .country:nth-child(4n),
.network-01.type2 .country:nth-child(4n+1){}
.network-01.type2 .country{width:50%; position:relative; padding:20px 30px 20px 150px;}
.network-01.type2 .country p{position:absolute; top:20px; left:20px; width:110px;  font-size:20px; font-weight:500; font-style:italic;}
.network-01.type2 a.normal_link{margin-bottom:5px;}

.network-01.type2 ul{}
.network-01.type2 ul li{ width:31.3333%; margin:1%; border:1px solid #ddd; text-align:center;}
.network-01.type2 ul li a{text-shadow:none; color:#444; font-size:14px;}
.network-01.type2 ul li a:hover{color:#999;}
.network-01.type2 ul li + li{}
.network-01.type2 ul li span{display:block; padding:10px;}
.network-01.type2 ul li span img{max-width:100%; height:auto;}
.network-01.type2 ul li p{display:block; padding:34px;}

.network-01.type2 ul li.no-img img{opacity:0;}


.network-01.type2 ul li.has-img span{}
.network-01.type2 ul li.has-img p{display:none;}
.network-01.type2 ul li.no-img span{display:none;}
.network-01.type2 ul li.no-img p{}





@media all and (max-width:768px){
  .network-01.type2 .country{width:100%;}
  .network-01.type2 ul li{width:98%;}
}

.network-01.type3:after{display:none;}
.network-01.type3 li{position:relative; width:33.3333%;  border:1px solid #ddd; margin:-1px 0 0 -1px; box-sizing:border-box; transition:0.2s;}
.network-01.type3 li:hover{border-color:#999; z-index:11;}
.network-01.type3 a{display:block;  padding:20px 50px;}
.network-01.type3 a img{width:100%; height:auto;}


@media all and (max-width:768px){
  .network-01.type3 li{width:50%;}
  .network-01.type3 a{padding:20px 30px;}
}





.top-cate.type1{margin-bottom:30px;}
.top-cate.type1 ul{}
.top-cate.type1 ul li{position:relative; border:1px solid #ddd; margin:1px; background:#fff; transition:0.1s; box-sizing:border-box;}
.top-cate.type1 ul li:hover{border-color:#333;}
.top-cate.type1 ul li + li:after{display:none;}
.top-cate.type1 ul li a{display:block; color:#888; padding:3px 12px;}
.top-cate.type1 ul li a:hover{color:#333;}
.top-cate.type1 ul li.on{border-color:#000; z-index:11;}
.top-cate.type1 ul li.on a{color:#000;}
/*
.top-cate.type1 ul li{position:relative; border:1px solid #ddd; border-bottom-color:#999; margin:0 0 -1px -1px; background:#f4f4f4;}
.top-cate.type1 ul li + li:after{display:none;}
.top-cate.type1 ul li.on{border-color:#999; border-bottom-color:#fff; background:#fff; z-index:11;}
.top-cate.type1 ul li a{display:block; color:#999;  padding:10px 20px;}
.top-cate.type1 ul li a:hover{color:#333;}
.top-cate.type1 ul li.on a{color:#000; font-weight:bold;}
*/
.top-cate.type2{margin-bottom:30px;}
.top-cate.type2 ul{background:#f9f9f9; border:0; padding:10px 15px;}
.top-cate.type2 ul li{margin-right:30px;}
.top-cate.type2 ul li + li:after{left:-10px; top:14px;}
.top-cate.type2 ul li.on{}
.top-cate.type2 ul li a{display:inline-block; color:#999; padding:7px;}
.top-cate.type2 ul li a:hover{color:#333;}
.top-cate.type2 ul li.on a{color:#000; font-weight:bold;}

.top-cate.type3{margin-bottom:30px;}
.top-cate.type3 ul{background:#f9f9f9; border:0; padding:10px 15px;}
.top-cate.type3 ul li{margin-right:20px;}
.top-cate.type3 ul li + li:after{left:-10px; top:14px;}
.top-cate.type3 ul li.on{}
.top-cate.type3 ul li a{display:inline-block; color:#999; padding:7px;}
.top-cate.type3 ul li a:hover{color:#333;}
.top-cate.type3 ul li.on a{color:#000; font-weight:bold;}

.research-cate{padding:30px; background:#f9f9f9;}
.research-cate ul{}
.research-cate ul li{width:50%; margin:2px 0;}
.research-cate ul li a{}

.top.right{text-align:right;}





@media all and (max-width:1100px){

	.top-cate.type1{margin-bottom:20px;}
  .top-cate.type1 ul li{font-size:12px;}
  .top-cate.type1 ul li a{padding:2px 10px;;}


}




.research-listup{}
.research-listup ul{}
.research-listup ul li{width:100%; padding:20px 0;}
.research-listup ul li + li{border-top:1px solid #ddd;}
.research-listup ul li{display:inline-block;}
.research-listup ul li p{}
.research-listup ul li p span{display:inline-block; max-width:130px; width:20%; font-weight:500; vertical-align:top;}
.research-listup ul li p b{display:inline-block; width:80%; font-weight:normal; color:#999;}
.research-listup ul li p.title b{color:#333;}
.research-listup ul li a:hover{text-decoration:underline;}

.research-read{}
.research-read table.type1{width:100%; border-collapse:collapse;}
.research-read table.type1 tr{}
.research-read table.type1 th{width:20%; text-align:left; padding:5px 20px; font-weight:500; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.research-read table.type1 td{padding:5px 7px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.research-read table.type1 tr:nth-child(){}
.research-read table.type1 tr:hover{}
.research-read table.type1 thead{}
.research-read table.type1 thead tr{}
.research-read table.type1 thead tr th{}
.research-read table.type1 tbody{}
.research-read table.type1 tbody tr{}
.research-read table.type1 tbody tr td{}

.research-read table.type1 tr.title1{}
.research-read table.type1 tr.title1 td{border:0; font-weight:500; font-size:16px;}





.activities-listup{}
.activities-listup ul{}
.activities-listup ul li{padding:20px 0;}
.activities-listup ul li + li{border-top:1px solid #ddd;}
.activities-listup ul li{}
.activities-listup ul li p{}
.activities-listup ul li p span{display:inline-block; width:130px; font-weight:500;}
.activities-listup ul li p b{display:inline-block; width:auto; font-weight:normal; color:#999;}
.activities-listup ul li p.title b{color:#333;}
.activities-listup ul li a:hover{text-decoration:underline;}
.activities-listup ul li.has-img{position:relative; padding-left:200px;}
.activities-listup ul li.has-img .img{display:block; position:absolute; top:1%; left:0; width:180px; height:98%; background-position:center top; background-size:cover;}
.activities-listup ul li .img{display:none;}
.activities-listup ul li img{display:none;}

@media all and (max-width:1000px){
  .activities-listup ul li.has-img{position:relative; padding-left:130px;}
  .activities-listup ul li.has-img .img{width:100px;}

}





.activities-read{}
.activities-read *{outline:0 !important;}
.activities-read table.type1{width:100%; border-collapse:collapse;}
.activities-read table.type1 tr{}
.activities-read table.type1 th{width:20%; text-align:left; padding:5px 20px; font-weight:500;border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4;}
.activities-read table.type1 td{padding:5px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.activities-read table.type1 tr:nth-child(){}
.activities-read table.type1 tr:hover{}
.activities-read table.type1 thead{}
.activities-read table.type1 thead tr{}
.activities-read table.type1 thead tr th{}
.activities-read table.type1 tbody{}
.activities-read table.type1 tbody tr{}
.activities-read table.type1 tbody tr td{}
.activities-read table.type1 tbody tr td a.outlink{display:inline-block; background:#0f52a1; color:#fff; padding:3px 10px; border-radius:2px; font-weight:500; transition:0.2s;}
.activities-read table.type1 tbody tr td a.outlink:hover{background:#4d87cb;}
.activities-read table.type1 select{min-width:200px; height:26px; border:1px solid #d5d5d5; }
.activities-read table.type1 input[type="text"],
.activities-read table.type1 input[type="password"]{border:1px solid #d5d5d5; height:26px; min-width:200px; padding:0 5px;}
.activities-read table.type1 td table{width:100%; border-collapse:collapse; margin:10px 0;}
.activities-read table.type1 td table tr{}
.activities-read table.type1 td table th{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 10px; text-align:center; background:#f4f4f4;}
.activities-read table.type1 td table td{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px 10px; text-align:center;}
.activities-read table.type1 td table thead{}
.activities-read table.type1 td table thead tr{}
.activities-read table.type1 td table thead tr th{}
.activities-read table.type1 td table tbody{}
.activities-read table.type1 td table tbody tr{}
.activities-read table.type1 td table tbody tr td{}

.activities-read table.type2{width:100%; border-collapse:collapse; border-top:1px solid #999; border-bottom:1px solid #999;}
.activities-read table.type2 tr{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.activities-read table.type2 th{width:auto; text-align:left; padding:10px 20px; font-weight:500; background:#f4f4f4;}
.activities-read table.type2 td{width:auto; text-align:left; padding:5px 20px;}
.activities-read table.type2 tr:nth-child(){}
.activities-read table.type2 tr:hover{background:#f4f4f4;}
.activities-read table.type2 thead{}
.activities-read table.type2 thead tr{}
.activities-read table.type2 thead tr th{}
.activities-read table.type2 tbody{}
.activities-read table.type2 tbody tr{}
.activities-read table.type2 tbody tr td{}
.activities-read .btnArea{}
.activities-read .btnArea ul{text-align:center;}
.activities-read .btnArea ul li{}
.activities-read .btnArea ul li a{}

.activities-read img{max-width:100%; height:auto;}





.article.type_01{font-size:15px;}
.article.type_01 span{display:block; position:relative; padding-left:20px; color:#666; font-size:15px; margin-bottom:10px;}
.article.type_01 span:after{position:absolute; top:0; left:0; content:"\e929"; font-family:xeicon!important; color:#4368b7;}
.article.type_01 span i{}

.article.type_01.no_check{}
.article.type_01.no_check span:after{display:none;}

.article.type_01.smallLine span{margin-bottom:5px;}
.article.type_01 span.first{padding-left:2px; font-size:16px; margin-bottom:10px;}
.article.type_01 span.first:after{display:none;}


.article.type_01.s2{margin-top:20px;}
.article.type_01.s2 span{margin-bottom:3px; color:#4368b7;}

.article.type_02{font-size:15px; color:#666;}

.normal_link{display:inline-block; padding:5px 10px; background:#0f52a1; color:#fff; box-shadow:2px 2px 0 #b9bcea; transition:0.2s;}
.normal_link i{position:relative; top:1px; margin-right:5px;}
.normal_link:hover{background:#eee; color:#000; box-shadow:2px 2px 0 rgba(0,0,0,0.2);}



.member-d-read{}
.member-d-read table.type1{width:100%; border-collapse:collapse;}
.member-d-read table.type1 tr{}
.member-d-read table.type1 th{width:20%; text-align:left; padding:5px 20px; font-weight:500; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.member-d-read table.type1 td{padding:20px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.member-d-read table.type1 tr:nth-child(){}
.member-d-read table.type1 tr:hover{}
.member-d-read table.type1 thead{}
.member-d-read table.type1 thead tr{}
.member-d-read table.type1 thead tr th{}
.member-d-read table.type1 tbody{}
.member-d-read table.type1 tbody tr{}
.member-d-read table.type1 tbody tr td{}

.member-d-read table.type1 tr.title1{}
.member-d-read table.type1 tr.title1 td{border:0; font-weight:500; font-size:16px;}

.member-d-read table.type1 table{width:100%; border-collapse:collapse; border:1px solid #ddd;}
.member-d-read table.type1 table + table{margin-top:15px;}
.member-d-read table.type1 table tr{}
.member-d-read table.type1 table th{padding:5px 10px; font-weight:500; background:#f4f4f4; border:1px solid #ddd; text-align:center;}
.member-d-read table.type1 table td{padding:5px 7px;  border:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}

.member-d-read a{color:#0000ff;}





.reading-{margin-bottom:100px;}
.reading- table.type1{width:100%; border-collapse:collapse;}
.reading- table.type1 tr{}
.reading- table.type1 th{width:15%; text-align:left; padding:5px 20px; font-weight:500; background:#f4f4f4; border:1px solid #ddd;}
.reading- table.type1 td{ padding:5px 20px;  border:1px solid #ddd; border-bottom:1px solid #ddd;}
.reading- table.type1 tr:nth-child(){}
.reading- table.type1 tr:hover{}
.reading- table.type1 th.center{text-align:center;}
.reading- table.type1 td p{padding:15px 0;}
.reading- table.type1 td p.overflow{overflow-y:scroll; height:200px;}

.reading- table.type1 input{border:0; border-bottom:2px solid #fff; height:40px; line-height:40px; transition:border 0.2s;}
.reading- table.type1 input:focus{border-bottom:2px solid #0f52a1;}

.reading- table.type1 textarea{width:100%; border:2px solid #ddd; padding:10px; font-size:13px; line-height:1.5; transition:border 0.2s;}
.reading- table.type1 textarea:focus{border-color:#0f52a1;}




















/* 마이샵 */
.myshop- table {clear:both;width:100%;border-collapse:collapse;border-spacing:0; font-size:inherit;}
.myshop- table caption {height:0;font-size:0;line-height:0;overflow:hidden}
.myshop- table td{line-height:;}
.myshop- tfoot th, tfoot td {border:1px solid #d6dce7;background:#eee;padding:5px;text-align:center;font-weight:bold;}
.myshop- tfoot th {}

.tbl_wrap {margin:0 0 10px;padding:0}

.myshop- .tbl_frm01 th{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#f6f6f6;padding: 10px;width:200px;text-align:left}
.myshop- .tbl_frm01 td{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:5px 10px;text-align:left;}
.myshop- .tbl_frm01 textarea {height:150px}
.myshop- .tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.myshop- .tbl_frm01 #captcha input {margin-left:5px;text-align:center}
.myshop- .h2_frm{text-align:left;color:#333;font-size:1.09em;font-weight:bold;margin:20px 0 10px}

.myshop-.font-inherit .tbl_frm01 th{font-size:inherit;}
.myshop-.font-inherit .tbl_frm01 td{font-size:inherit;}


.myshop-{position:relative; max-width:1300px;}
.myshop- .tbl_frm01 th{width:auto; text-align:center; font-size:14px; }
.myshop- .tbl_frm01 .table-title1{padding:20px; margin-top:20px; font-size:20px; font-weight:normal; text-align:center !important; background:#f6f6f6; color:#000;}
.myshop- .tbl_frm01 .table-title2{padding:30px 0 10px 5px; font-size:17px; font-weight:500; background:#fff; border:0;}
.myshop- .tbl_frm01 .table-title2.padding-0{padding:0;}
.myshop- .tbl_frm01 .table-title2.padding-0 div{}
.myshop- .tbl_frm01 .table-title2 .table-title2-strong-div{margin:30px 0 10px 0; font-weight:bold; background:#666; color:#fff; padding:5px 20px;}

.myshop- .tbl_frm01 td{ text-align:center; font-size:13px; }
.myshop- .tbl_frm01 tr:hover{background:;}
.myshop- .tbl_frm01 tr.status-on{}
.myshop- .tbl_frm01 tr.status-on i.-on{color:#046307; font-size:15px;}
.myshop- .tbl_frm01 tr.status-on td{}
.myshop- .tbl_frm01 tr.status-off{background:#f9f9f9;}
.myshop- .tbl_frm01 tr.status-off i.-off{color:#ff0000;; font-size:15px;}
.myshop- .tbl_frm01 tr.status-off td{color:#999;}
.myshop- .tbl_frm01 td .arrow_area{}
.myshop- .tbl_frm01 td .arrow_area i{cursor:pointer; background:#f4f4f4; padding:1px;  border:1px solid #ddd;}
.myshop- .tbl_frm01 td .arrow_area i:hover{background:#000; color:#fff;}
.myshop- .tbl_frm01 td .arrow_area i.up{}
.myshop- .tbl_frm01 td .arrow_area i.down{}

.myshop- .tbl_frm01 td .arrow_area.-element{display:inline-block; vertical-align:middle;}
.myshop- .tbl_frm01 td .arrow_area.-element .d{display:inline-block; vertical-align:middle;}
.myshop- .tbl_frm01 td .arrow_area.-element .d i{}

.myshop- .tbl_frm01.th-all-left th{text-align:left;}
.myshop- .tbl_frm01.td-all-left td{text-align:left;}

.myshop- .tbl_frm01.th-all-center th{text-align:center;}
.myshop- .tbl_frm01.td-all-center td{text-align:center;}

.myshop- .tbl_frm01.th-all-line th{border:1px solid #ddd;}
.myshop- .tbl_frm01.td-all-line td{border:1px solid #ddd;}

.myshop- .tbl_frm01 td .min-wrap{margin:2px 0;}



.myshop- .tbl_frm01 textarea{height:auto; padding:5px 10px;}
.myshop- .tbl_frm01 select{height:26px;}
.myshop- .tbl_frm01 input[type="text"]{border:1px solid #d5d5d5; height:26px; min-width:200px; padding:0 5px;}
.myshop- .tbl_frm01 input[type="text"].w100{width:100%;}
.myshop- .tbl_frm01 input[type="text"].wa{min-width:auto; width:auto;}
.myshop- .tbl_frm01 table{border:1px solid #ddd;}
.myshop- .tbl_frm01 table.th-all-line th{border:1px solid #ddd;}
.myshop- .tbl_frm01 table.td-all-line td{border:1px solid #ddd;}
.myshop- .tbl_frm01 table th{padding:5px 10px;}
.myshop- .tbl_frm01 table td{padding:5px 10px;}
.myshop- .tbl_frm01 table input[type="text"]{min-width:auto; width:auto;}
.myshop- .tbl_frm01 input.width-auto{min-width:auto; width:auto;}

.memo-{margin:30px 0; padding:20px; border:1px solid #ccc;}


.btn-pm{width:35px; border:0; color:#fff; background:#0f52a1; cursor:pointer; height:26px; line-height:26px; margin:1px; font-size:20px; border-radius:2px;}
.btn-pm:hover{opacity:0.8;}

.myshop- .group-manage{width:40%; margin-top:50px; position:relative; }
.myshop- .group-manage h3{font-size:19px; margin-bottom:10px;}
.myshop- .group-manage{}
.myshop- .group-manage select{width:100%; height:auto;}
.myshop- .group-manage option{padding-left:10px;}
.myshop- .group-manage .arrow_area{position:absolute; top:150px; right:-110px; width:100px;}
.myshop- .group-manage .arrow_area>div{background:#000; color:#fff; width:30px; height:30px; line-height:30px; cursor:pointer; text-align:center; margin:1px;}
.myshop- .group-manage .arrow_area .up{}
.myshop- .group-manage .arrow_area .down{}
.myshop- .group-manage .arrow_area .delete{}
.myshop- .group-manage .arrow_area i{line-height:30px;}

.myshop- .group-manage button{width:100%; background:#000; color:#fff; margin:20px 0; line-height:30px; text-align:center; border:0;}

.myshop- .notice-fr{padding:20px; background:#f4f4f4; margin:20px 0; border:1px solid #ddd;}
.myshop- .notice-fr b{display:block; margin-bottom:20px;}


.myshop- .new-app{}
/*
.myshop- .new-app ul{text-align:;}
.myshop- .new-app ul li{width:100%; margin:1px; padding:10px 0; }
.myshop- .new-app ul li a{display:inline-block;; width:auto; height:100%; border:1px solid #333; padding:5px; border-radius:10px;}
*/


.myshop- .new-app ul li{margin:1px; border-top:1px solid #d5e1da; border-right:1px solid #d5e1da; border-bottom:1px solid #d5e1da; background-color:#f9f9f4; background:#eff4fa;}
.myshop- .new-app ul li{width:100%; border-left:1px solid #d5e1da; padding-left:60px; color:#1a1a1a; font-size:16px; font-weight:300; line-height:63px;}
.myshop- .new-app ul li span{display:inline-block; width:50%;}
.myshop- .new-app ul li div{display:inline-block; width:50%;}
.myshop- .new-app ul li a{}
.myshop- .new-app ul li a:hover{text-decoration:underline;}
.myshop- .new-app ul li i{font-size:8px; width:17px; height:17px; line-height:17px; position:relative; top:-1px;
  text-align:center; color:#fff; background:#2055a1; border-radius:50%; margin-right:10px;}


.myshop- table.type1{width:100%; border-collapse:collapse;}
.myshop- table.type1 tr{}
.myshop- table.type1 th{font-size:15px; text-align:center; padding:7px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f4f4f4; font-weight:500;}
.myshop- table.type1 td{color:#999; text-align:center; padding:7px 7px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.myshop- table.type1 td a{color:#333;}
.myshop- table.type1 tr:nth-child(even){}
.myshop- table.type1 tr:hover{}
.myshop- table.type1 thead{}
.myshop- table.type1 thead tr{}
.myshop- table.type1 thead tr th{}
.myshop- table.type1 tbody{}
.myshop- table.type1 tbody tr{}
.myshop- table.type1 tbody tr td{}

.myshop- table.typeMake{width:100%; border-collapse:collapse;}
.myshop- table.typeMake tr{}
.myshop- table.typeMake th{width:20%; text-align:left; padding:5px 20px; font-weight:500;border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4;}
.myshop- table.typeMake td{padding:5px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.myshop- table.typeMake tr:nth-child(){}
.myshop- table.typeMake tr:hover{}
.myshop- table.typeMake thead{}
.myshop- table.typeMake thead tr{}
.myshop- table.typeMake thead tr th{}
.myshop- table.typeMake tbody{}
.myshop- table.typeMake tbody tr{}
.myshop- table.typeMake tbody tr td{}
.myshop- table.typeMake tbody tr td a.outlink{display:inline-block; background:#0f52a1; color:#fff; padding:3px 10px; border-radius:2px; font-weight:500; transition:0.2s;}
.myshop- table.typeMake tbody tr td a.outlink:hover{background:#4d87cb;}
.myshop- table.typeMake textarea{width:100%; padding:5px;}
.myshop- table.typeMake select{min-width:200px; height:26px; border:1px solid #d5d5d5; }
.myshop- table.typeMake input[type="text"],
.myshop- table.typeMake input[type="password"]{border:1px solid #d5d5d5; height:26px; min-width:200px; padding:0 5px;}
.myshop- table.typeMake td table{width:100%; border-collapse:collapse; margin:10px 0;}
.myshop- table.typeMake td table tr{}
.myshop- table.typeMake td table th{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 10px; text-align:center; background:#f4f4f4;}
.myshop- table.typeMake td table td{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px 10px; text-align:center;}
.myshop- table.typeMake td table thead{}
.myshop- table.typeMake td table thead tr{}
.myshop- table.typeMake td table thead tr th{}
.myshop- table.typeMake td table tbody{}
.myshop- table.typeMake td table tbody tr{}
.myshop- table.typeMake td table tbody tr td{}
.myshop- .jrg table.typeMake td table input[type="text"]{min-width:100%; width:100%;}


.myshop- .pay-amount{}
.myshop- .pay-amount p{}
.myshop- .pay-amount b{float:right;}










/* 기존 메인 */
.JS-mainVisual0{width:100%; overflow:hidden; position:relative;}
.JS-mainVisual0 .bg{position:absolute; width:2000px; top:0; left:50%; margin-left:-1000px;}
.JS-mainVisual0 .bg:after{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; content:"";}

.JS-mainVisual0>.in{position:relative; width:1200px; margin:0 auto; padding:100px 0 50px 0;}

.JS-mainVisual0 .top{padding-left:20px; border-left:3px solid #7eb9e4;}
.JS-mainVisual0 .top h2{font-size:25px; line-height:25px; color:#fff; font-weight:100;}
.JS-mainVisual0 .top h3{font-size:35px; line-height:35px; color:#fff; font-weight:bold;}


.JS-mainVisual0 .workSec{margin-top:220px;}

.JS-mainVisual0 .workSec ul li{position:relative; width:16.66%; height:150px; border-top:1px solid rgba(255,255,255,0.3);}
.JS-mainVisual0 .workSec ul li:hover:before{position:absolute; width:100%; height:3px; left:0; top:-1px; background:#7eb9e4; content:"";}
.JS-mainVisual0 .workSec ul li a{display:block; padding:35px; }
.JS-mainVisual0 .workSec ul li:nth-child(1) a{padding-left:0;}
.JS-mainVisual0 .workSec ul li + li:after{position:absolute; top:5%; left:0; width:1px; height:90%; background:#fff; opacity:0.3; content:"";}
.JS-mainVisual0 .workSec ul li h2{font-size:20px; color:#fff; letter-spacing:3px;}
.JS-mainVisual0 .workSec ul li p{font-size:17px; color:#fff; opacity:70%; word-break:keep-all;}
.JS-mainVisual0 .workSec ul li.last h2{letter-spacing:0;}




.JS-main0-{background:#f4f4f4; padding:50px 0;}
.JS-main0->.in{width:1200px; margin:0 auto;}

.JS-main0- h2{font-size:12px;}
.JS-main0- h3{font-size:30px; font-weight:bold;}
.JS-main0- .sliderArea{margin-top:50px; padding-bottom:30px;}
.JS-main0- .slick-track{padding-bottom:20px; margin-left:-10px;}
.JS-main0- .item{position:relative; text-align:left !important; padding:20px; background:#fff; margin:0 10px; box-shadow:3px 3px 0 rgba(0,0,0,0.05);}
.JS-main0- .item .category{display:inline-block; padding:1px 10px; border-radius:0; border:1px solid #ccc;}
.JS-main0- .item .title{margin-top:30px; font-weight:bold;}
.JS-main0- .item .overview{margin-top:10px; font-size:13px;}
.JS-main0- .item .date{position:absolute; top:20px; right:20px;}


.JS-main0- .slick-slider button.slick-arrow{top:auto; margin:0; bottom:0; height:30px; line-height:30px; font-size:15px; background:transparent;}
.JS-main0- .slick-slider button.slick-prev{left:0;}
.JS-main0- .slick-slider button.slick-next{left:30px;}



.JS-main00-{margin:0;  background:url('../image/n/main00bg2.jpg'); background-position:bottom; background-size:cover;}
.JS-main00->.in{max-width:1200px; margin:0 auto;}

.JS-main00- .top{position:relative;}
.JS-main00- .top .left{display:inline-block; max-width:500px; width:40%; padding:50px; margin:70px 0; background:#fff; position:relative; z-index:10;}
.JS-main00- .top .left h2{font-size:17px; font-weight:bold;}
.JS-main00- .top .left h3{color:#364992; font-size:20px; font-weight:bold; margin-top:20px;}
.JS-main00- .top .left h4{color:#364992; font-size:30px; line-height:1; font-weight:bold; letter-spacing:-1px;}
.JS-main00- .top .left p{font-size:17px; color:#666; margin-top:40px;}
.JS-main00- .top .left a{display:inline-block; margin-top:40px; position:relative; color:#666; }
.JS-main00- .top .left a span{display:block; position:relative;}
.JS-main00- .top .left a b{position:relative; z-index:10;}
.JS-main00- .top .left a span{position:absolute; left:-5%; width:110%; bottom:0; height:40%; background:#e4f4ff; content:""; z-index:9;}

.JS-main00- .top .right{position:absolute; bottom:0; right:0; max-width:1000px; width:90%; z-index:9;}
.JS-main00- .top .right img{width:100%; height:auto;}

.JS-main00- .bottom{padding:100px 0; }
.JS-main00- .bottom ul{}
/*
.JS-main00- .bottom ul li{width:21%; margin:0 1%; background:#fff;  border-radius:10px;}
.JS-main00- .bottom ul li a{display:block; position:relative; display:block; font-size:15px; padding:20px;}
.JS-main00- .bottom ul li a i{position:absolute; top:0; right:0;}
.JS-main00- .bottom ul li a:hover{box-shadow:5px 5px 5px rgb(0 0 0 / 10%);}
*/
.JS-main00- .bottom ul{border-top:1px solid #d5e1da; border-right:1px solid #d5e1da; border-bottom:1px solid #d5e1da; background-color:#f9f9f4; background:#eff4fa;}
.JS-main00- .bottom ul .shortcut_list{overflow:hidden;}
.JS-main00- .bottom ul li{width:25%; border-left:1px solid #d5e1da;}
.JS-main00- .bottom ul li a{display:block; padding-left:60px; color:#1a1a1a; font-size:16px; font-weight:300; line-height:63px;}
.JS-main00- .bottom ul li a:hover{text-decoration:underline;}

.JS-main00- .bottom ul li i{font-size:8px; width:17px; height:17px; line-height:17px; position:relative; top:-1px;
  text-align:center; color:#fff; background:#2055a1; border-radius:50%; margin-right:10px;}




@media all and (max-width:900px){
  .JS-main00- .top .left{max-width:100%; width:70%; padding:30px 20px;}
  .JS-main00- .top .left h4{font-size:16px;}
  .JS-main00- .top .left p{font-size:14px;}
  .JS-main00- .top .right{bottom:auto; top:0;}
  .JS-main00- .bottom{padding:50px 0;}
  .JS-main00- .bottom ul li{width:48%; margin:1%;}
  .JS-main00- .bottom ul li a{padding-left:10px; font-size:12px; line-height:30px;}
}



.JS-main01-{margin:100px 0;}
.JS-main01->.in{width:100%; max-width:1200px; margin:0 auto;}

.JS-main01- .left{width:40%;}
.JS-main01- .left h2{font-size:12px; letter-spacing:2px;}
.JS-main01- .left h3{font-size:30px; font-weight:bold;}


.JS-main01- .right{width:60%;}
.JS-main01- .right iframe{width:100% !important; height:400px !important;}


@media all and (max-width:900px){

  .JS-main01-{padding:0 10px;}
  .JS-main01- .left{width:100%; margin-bottom:10px;}
  .JS-main01- .left h3{font-size:20px;}
  .JS-main01- .right{width:100%;}


}





.pop-inMember{display:none; position:fixed; top:50%; left:50%; width:500px; height:400px; margin:-200px 0 0 -250px; border:1px solid #000; box-shadow:5px 5px 2px rgba(0,0,0,0.5);z-index:100; background:#fff; padding:30px; overflow-y:auto;}
.pop-inMember a{cursor:pointer;}
.pop-inMember .top{ text-align:right; font-size:20px;}
.pop-inMember table{width:100%; border-collapse:collapse; text-align:center;}
.pop-inMember table tr{border-bottom:1px dotted #ccc; color:#999;}
.pop-inMember table tr.this{color:#000; font-weight:bold;}
.pop-inMember table th{border-top:1px dotted #ccc; line-height:1.4; padding:5px;}
.pop-inMember table td{border-top:1px dotted #ccc; line-height:1.4; padding:5px;}
.pop-inMember table td a{height:20px; line-height:20px;}
.pop-inMember table td span{cursor:pointer;}
.pop-inMember table tr:hover td{background:#f4f4f4;}
.pop-inMember table tr:hover span{color:#333;}
.pop-inMember center{margin-top:30px;}
.pop-inMember a.close{}

.pop-inSaved{display:none; position:fixed; top:50%; left:50%; width:500px; height:400px; margin:-200px 0 0 -250px; border:1px solid #000; box-shadow:5px 5px 2px rgba(0,0,0,0.5);z-index:100; background:#fff; padding:30px; overflow-y:auto;}
.pop-inSaved a{cursor:pointer;}
.pop-inSaved .top{ text-align:right; font-size:20px;}
.pop-inSaved table{width:100%; border-collapse:collapse; text-align:center;}
.pop-inSaved table tr{border-bottom:1px dotted #ccc; color:#999;}
.pop-inSaved table tr.this{color:#000; font-weight:bold;}
.pop-inSaved table th{border-top:1px dotted #ccc; line-height:1.4; padding:5px;}
.pop-inSaved table td{border-top:1px dotted #ccc; line-height:1.4; padding:5px;}
.pop-inSaved table td a{height:20px; line-height:20px;}
.pop-inSaved table td span{cursor:pointer;}
.pop-inSaved table tr:hover td{background:#f4f4f4;}
.pop-inSaved table tr:hover span{color:#333;}
.pop-inSaved center{margin-top:30px;}
.pop-inSaved a.close{}











body #bo_list .bo_tit .fa-download{display:none;}
.register-n{}







/* table */
#bo_cate{display:table; width:100%; font-size:0; line-height:0; margin-bottom:30px;}
#bo_cate li{display:inline-block; font-size:14px; line-height:1.6; vertical-align:top; position:relative; border:1px solid #ddd; margin:1px; background:#fff; transition:0.1s; box-sizing:border-box;}
#bo_cate li:hover{border-color:#333;}
#bo_cate li + li:after{display:none;}
#bo_cate li a{display:block; color:#888; padding:3px 12px;}
#bo_cate li a:hover{color:#333;}
#bo_cate li.on{border-color:#000; z-index:11;}
#bo_cate li.on a{color:#000;}







/* renew */
.JS-renew{}
.JS-renew>.in{}


.titleArea{position:relative; margin-bottom:10px;}
.titleArea h2{font-size:20px; }
.titleArea h2 a{color:#002139; letter-spacing:5px;}
.titleArea h2 a i{position:relative; top:-1px; margin-left:0px; letter-spacing:0; font-size:12px; color:#77b5e3; width:20px; height:20px; line-height:18px; border-radius:50%; border:1px solid #77b5e3; text-align:center;}
.titleArea h2.unL a{letter-spacing:0;}
.titleArea h2.unL a i{margin-left:10px;}
.titleArea .btn-{position:absolute; top:8px; left:100px;}
.titleArea .btn- ul{}
.titleArea .btn- ul li{line-height:25px; font-size:13px; margin-right:10px;}
.titleArea .btn- ul li a{color:#fff; display:block; padding:0 10px; width:100%; height:100%;}
.titleArea .btn- ul li.call a{background:#002139;}
.titleArea .btn- ul li.plan a{background:#eee; color:#002139;  font-weight:bold;}


.lan-en .titleArea h2 a{letter-spacing:0;}
.lan-en .titleArea .btn-{left:132px;}





/* video */
.Rvideo{border-top:1px solid #ddd; position:relative; background:#f4f4f4; }
.Rvideo iframe{position:absolute; top:50%; left:0; width:100% !important; opacity:0;}
.Rvideo iframe.on{opacity:1;}
.Rvideo>.in{}
.Rvideo>.in:after{}
.Rvideo .text{position:relative;; bottom:0; left:0; width:100%; background:#ccc; border-bottom:10px solid #002139; z-index:12;}
.Rvideo .text>.in{position:relative; max-width:1200px; margin:0 auto; padding:40px 0;}
.Rvideo .text>.in:after{position:absolute; top:-50%; left:10%; width:80%; height:300px; content:""; background-image:url('/theme/d/html/image/n/main_R/video-bg1.png'); background-position:center; background-repeat:no-repeat; background-size:100%;}
.Rvideo .text h1{line-height:1.1; letter-spacing:-1px;}
.Rvideo .text h1 span{color:#fff; font-size:60px; font-weight:100; }
.Rvideo .text h1 b{padding-left:50px; display:inline-block; font-size:26px; font-weight:600; color:#002139;}
.Rvideo .text h1 i{font-size:30px; position:relative; margin:0 10px; color:#fff;}
.Rvideo .text h1 i.left{vertical-align:top;}
.Rvideo .text h1 i.right{vertical-align:text-top;}

.Rvideo .vid-wrap{position:relative; height:450px; padding-bottom:0; overflow:hidden;}
.Rvideo .vid-wrap:after{position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:11;}

.Rvideo .in-sl{position:relative; max-width:1200px; margin:0 auto;}





.bannerArea{width:380px; position:absolute; bottom:-55%; right:0; z-index:15;}
.bannerArea>.in{}
.bannerArea .sliderArea{}
.bannerArea .slick-slide{background:#333f50;}
.bannerArea .slick-slide:after{}
.bannerArea .slick-slide div{display:block; color:#fff; position:relative; z-index:13;}
.bannerArea .slick-slide div[onclick]{}
.bannerArea .slick-slide div>span{text-align:left; display:block; line-height:1.3;}
.bannerArea .slick-slide div .top{padding:40px 30px 0 30px;  transition:0.2s;}
.bannerArea .slick-slide div:hover .top{}
.bannerArea .slick-slide div span.category{position:relative; font-weight:400; margin-bottom:10px;}
.bannerArea .slick-slide div span.category:after{position:absolute; top:30%; height:70%; left:-5%; width:110%; background:#eee; content:""; display:none;}
.bannerArea .slick-slide div span.sub-title1{font-size:16px;}
.bannerArea .slick-slide div span.sub-title2{font-size:17px;}
.bannerArea .slick-slide div span.title{padding-bottom:20px; border-bottom:1px solid #fff; margin-top:15px; font-size:20px; line-height:1.2; font-weight:500;}
.bannerArea .slick-slide div span.title a{color:#fff;}
.bannerArea .slick-slide div span.article{font-size:15px; max-height:300px; overflow:hidden;  padding:30px 30px;  color:#000;}
.bannerArea .slick-slide div span.article *{color:#fff !important; background:transparent !important;}
.bannerArea .slick-slide div span.article img{max-width:100%; height:auto;}
.bannerArea .slick-slide div span.img-logo{display:none; text-align:center; padding:12px 0 5px 0;}

.bannerArea .slick-slider button.slick-arrow{font-size:30px; background-color:transparent; }
.bannerArea .slick-slider button.slick-arrow:after{position:absolute; top:0; left:0; width:100%; height:100%; font-family:'xeicon'; color:#002139; font-size:40px;}
.bannerArea .slick-slider button.slick-prev{left:-50px;}
.bannerArea .slick-slider button.slick-prev:after{content:"\e93d";}
.bannerArea .slick-slider button.slick-next{right:-50px;}
.bannerArea .slick-slider button.slick-next:after{content:"\e940";}
.bannerArea .slick-slider ul.slick-dots{bottom:auto; top:-40px; text-align:right; width:100%;}
.bannerArea .slick-slider ul.slick-dots li button{background:#fff;}
.bannerArea .slick-slider ul.slick-dots li.slick-active button{background:#69b4e4;}

.bannerArea .slick-slide div .link{text-align:right;}
.bannerArea .slick-slide div .link a{position:relative; display:inline-block; border-bottom:1px solid #fff;  width:50px; height:30px; margin:15px 20px 20px 0;;}
.bannerArea .slick-slide div .link a:before{}
.bannerArea .slick-slide div .link a:after{position:absolute; bottom:6px; right:-3px; width:20px; height:1px; content:""; background:#fff; transform:rotate(45deg);}

.bannerArea .slick-slide.no-href{}
.bannerArea .slick-slide.no-href .link{display:none;}






.Rsp{position:relative; width:100%; padding:90px 0 50px 0;}
.Rsp>.in{position:relative; max-width:1200px; width:100%; margin:0 auto; z-index:12;}
.Rsp h2{}
.Rsp h2 span{}
.Rsp .top{width:100%; margin-top:30px; position:relative; z-index:80;}
.Rsp .top ul{}
.Rsp .top ul li{position:relative; color:#999; margin-right:15px; font-size:15px;   border-bottom:2px solid transparent;  cursor:pointer; vertical-align:middle;}
.Rsp .top ul li a{display:block; background:#333; padding:0 10px; color:#fff; border-radius:3px; margin-left:20px;}
.Rsp .top ul li.on{font-weight:bold; color:#000; border-bottom:2px solid #000; z-index:10;}


.Rsp .top ul li.sch{}
.Rsp .top ul li.sch:after{position:absolute; top:7px; left:0px; width:1px; height:10px; content:""; background:#ccc; display:block;}
.Rsp .top ul li i{ font-size:19px; position:relative; top:2px; }
.Rsp .top ul li.more i{position:relative; top:0;}

.Rsp div[cate]{position:absolute; top:-9999px; left:0; width:100%; }
.Rsp div[cate].on{position:static;}

.Rsp .sliderArea{padding-top:30px; margin-top:-30px; margin:-30px -2px 0 -2px;}
.Rsp .sliderArea img{height:auto;}
.Rsp .sliderArea .slick-track{padding-bottom:15px; margin-left:-7px;}
.Rsp .sliderArea .item{position:relative; display:inline-block; width:25%; padding:0 2px;}
.Rsp .sliderArea .item a{position:relative; padding:20px 20px 40px 20px; min-height:160px; display:block; background:#c9caca; transition:0.2s;}
.Rsp .sliderArea .item .category{font-size:13px; color:#fff; margin-bottom:5px;}
.Rsp .sliderArea .item .title{margin-bottom:10px; font-size:17px; width:100%; max-height:34px; text-overflow:ellipsis; overflow:hidden; color:#000; font-weight:bold; line-height:1;}
.Rsp .sliderArea .item .overview{display:none;}
.Rsp .sliderArea .item .date{color:#666;}

.Rsp .sliderArea .item .link{text-align:right; position:absolute; bottom:10px; right:20px;}
.Rsp .sliderArea .item .link div{position:relative; display:inline-block; border-bottom:1px solid #fff;  width:50px; height:30px;}
.Rsp .sliderArea .item .link div:before{}
.Rsp .sliderArea .item .link div:after{position:absolute; bottom:6px; right:-3px; width:20px; height:1px; content:""; background:#fff; transform:rotate(45deg);}

.Rsp .sliderArea .item:hover a{background:#bbb;}

/*
.Rsp .sliderArea .item:hover .link div{border-color:#002139;}
.Rsp .sliderArea .item:hover .link div:after{background:#002139;}
*/





.Rsection{}
.Rsection>.in{max-width:1200px; margin:0 auto;}
.Rsection .left{width:43%; min-height:100px; -background:#f4f4f4;}
.Rsection .left .top{}
.Rsection .left .bottom{}
.Rsection .right{width:57%; min-height:100px; -background:#eee;}
.Rsection .right .top{}
.Rsection .right .bottom{}


.Rsection .Rsesearch{}
.Rsection .Rsesearch .cont{}
.Rsection .Rsesearch .cont ul{width:90%;}
.Rsection .Rsesearch .cont ul li{position:relative; width:33.3333%; padding-right:15px;}
.Rsection .Rsesearch .cont ul li a{position:relative; display:block; padding:10px; width:100%; height:100%; color:#fff;}
.Rsection .Rsesearch .cont ul li a h1{position:relative; font-size:40px; font-weight:900; line-height:1;}
.Rsection .Rsesearch .cont ul li a h1:after{position:absolute; bottom:-15px; left:5px; width:20px; height:1px; background:#fff; content:"";}
.Rsection .Rsesearch .cont ul li a p{margin-top:30px; line-height:1.2;}

.Rsection .Rsesearch .cont ul li.jrg{}
.Rsection .Rsesearch .cont ul li.jrg a{background:#77b5e3;}
.Rsection .Rsesearch .cont ul li.yst{}
.Rsection .Rsesearch .cont ul li.yst a{background:#9fa0a0;}
.Rsection .Rsesearch .cont ul li.sag{}
.Rsection .Rsesearch .cont ul li.sag a{background:#002139;}

.Rsection .Rsesearch .cont ul li:after{position:absolute; bottom:-27px; width:30px; height:70px; right:11px; transform:rotate(45deg); content:""; background:#fff;}
.Rsection .Rsesearch .cont ul li a:after{font-family:'xeicon'; position:absolute; bottom:0; right:0; font-size:15px; content:"\e9c5"; color:#000; z-index:10;}
.Rsection .Rsesearch .cont ul li.jrg a:after{color:#77b5e3;}
.Rsection .Rsesearch .cont ul li.yst a:after{color:#9fa0a0;}
.Rsection .Rsesearch .cont ul li.sag a:after{color:#002139;}


.Rsection .Revent{margin-top:50px;}
.Rsection .Revent .cont{}
.Rsection .Revent .cont ul{}
.Rsection .Revent .cont ul li{}
.Rsection .Revent .cont ul li + li{margin-top:15px;}
.Rsection .Revent .cont ul li a{}
.Rsection .Revent .cont ul li a .img{width:50%; height:120px; background-position:top; background-size:cover;}
.Rsection .Revent .cont ul li a .img img{width:100%; height:auto;}
.Rsection .Revent .cont ul li a .txt{width:50%; padding-left:10px;}
.Rsection .Revent .cont ul li a .txt p{}
.Rsection .Revent .cont ul li a .txt p.date{color:#999; font-weight:bold;}
.Rsection .Revent .cont ul li a .txt p.title{color:#77b5e3; font-weight:bold;}
.Rsection .Revent .cont ul li a .txt p.place{color:#999;}


.Rsection .Rvid{padding-left:45px; padding-top:43px;}
.Rsection .Rvid>.in{position:relative;}
.Rsection .Rvid>.in:after{position:absolute; bottom:-17px; left:-37px; width:2000px; height:60%; content:""; background:#c9caca; z-index:-1;}
.Rsection .Rvid iframe{width:100% !important; height:370px;}
.Rsection .Rvid p{display:inline-block; vertical-align:middle;padding-top:5px;}
.Rsection .Rvid p.l{ color:#002139; font-size:20px; font-weight:900;}
.Rsection .Rvid p.l i{color:#fff; font-size:30px; margin-right:5px; position:relative; }
.Rsection .Rvid p.r{position:relative; top:0; float:right; font-weight:100; font-size:37px; font-style:italic; color:#fff; ; line-height:1;}




.Rsection .Rnotice{padding:60px 0 0 45px;}
.Rsection .Rnotice .cont{}
.Rsection .Rnotice .cont ul{border-bottom:1px solid #ddd;}
.Rsection .Rnotice .cont ul li{border-top:1px solid #ddd;}
.Rsection .Rnotice .cont ul li + li{}
.Rsection .Rnotice .cont ul li a{position:relative; padding:2px 10px 2px 30px;}
.Rsection .Rnotice .cont ul li a:after{position:absolute; top:50%; left:10px; margin-top:-3px; width:6px; height:6px; border-radius:50%; content:""; background:#77b5e3;}
.Rsection .Rnotice .cont ul li a p{vertical-align:middle;}
.Rsection .Rnotice .cont ul li a p.title{width:80%; color:#444; font-weight:500;}
.Rsection .Rnotice .cont ul li a p.date{width:20%; color:#999; text-align:right;}



.Rrecruit{padding-top:50px;}
.Rrecruit>.in{max-width:1200px; margin:0 auto;}
.Rrecruit .cont{}
.Rrecruit .cont ul{}
.Rrecruit .cont ul li{width:16.6666%; padding-right:30px;}
.Rrecruit .cont ul li a{display:block; width:100%; height:100%; padding-left:10px; border-left:4px solid #77b5e3;}
.Rrecruit .cont ul li a h2{font-size:15px; color:#77b5e3; line-height:1; }
.Rrecruit .cont ul li a p{line-height:1.3; margin-top:10px;}



.Rbooks{padding-top:50px;}
.Rbooks>.in{max-width:1200px; margin:0 auto;}
.Rbooks .cont-wrap{background:#c9caca; padding:10px 0;}
.Rbooks .cont{max-width:1200px; margin:0 auto;}
.Rbooks .cont ul{}
.Rbooks .cont ul li{margin:0 20px; vertical-align:middle;}
.Rbooks .cont ul li.first{font-size:0; line-height:0; }
.Rbooks .cont ul li img{}
.Rbooks .cont ul li a{display:block; width:100%; height:100%; }
.Rbooks .cont ul li a .img{}
.Rbooks .cont ul li a .img img{max-width:90px; height:auto;}
.Rbooks .cont ul li a .text{margin-top:5px;}
.Rbooks .cont ul li a .text h2{font-size:15px;}
.Rbooks .cont ul li a .text p{}



.Rnetwork{padding-top:50px; padding-bottom:50px;}
.Rnetwork>.in{max-width:1200px; margin:0 auto;}
.Rnetwork .cont{}
.Rnetwork .cont ul{}
.Rnetwork .cont ul li{text-align:center; margin:0 8px;}
.Rnetwork .cont ul li a{display:block; width:100%; height:100%; }
.Rnetwork .cont ul li a .img{display:inline-block; background-position:center; background-size:cover; background-repeat:no-repeat;  width:50px; height:50px; border-radius:50%; box-shadow:5px 5px 5px rgba(0,0,0,0.5);}
.Rnetwork .cont ul li a p{font-size:12px; font-weight:bold;}






@media all and (max-width:1000px){

  .Rvideo{background:#ccc;}
  .Rvideo .text>.in{padding-bottom:0;}
  .Rvideo .text>.in:after{top:-7%; width:100%; left:0; height:150px; background-size:cover;}
  .Rvideo .vid-wrap{height:auto;}
  .Rvideo .vid-wrap iframe{position:static;}
  .Rvideo .text h1 span{font-size:30px;}
  .Rvideo .text h1 b{font-size:13px;}
  .Rvideo .text h1 i{font-size:20px;}

  .bannerArea{position:static; width:100%; padding:0 10px;}
  .bannerArea .slick-slide div span.title{font-size:14px;}
  .bannerArea .slick-slide div span.article{padding-bottom:5px;}
  .bannerArea .slick-slide div span.article *{font-size:12px !important;}
  .bannerArea .slick-slider ul.slick-dots{top:0; padding-right:10px;}




  .Rsp{position:relative; width:100%; padding:40px 10px 30px 10px;}
  .Rsp .sliderArea .item{width:100%; margin:1px 0;}
  .Rsp .sliderArea .item a{min-height:auto;}


  .Rsection{padding:0 10px;}
  .Rsection .left{width:100%; min-height:auto;}
  .Rsection .right{width:100%; min-height:auto;}
  .Rsection .Rnotice{padding:30px 10px 0 10px;}

  .Rrecruit{padding:30px 10px;}
  .Rrecruit .cont ul li{width:50%; margin:0 0 25px 0;}

  .Rbooks{padding:30px 0 0 0;}
  .Rbooks .titleArea{padding-left:10px;}
  .Rbooks .cont ul li.first{width:100%; margin:0; padding:20px 40% 20px 10px;}
  .Rbooks .cont ul li{width:33.3333%; margin:0; padding:5px; text-align:center;}
  .Rbooks .cont ul li img{max-width:100%; height:auto;}
  .Rbooks .cont ul li a .text h2{font-size:12px;}
  .Rbooks .cont ul li a .text p{font-size:11px;}


  .Rnetwork{padding:30px 10px;}
  .Rnetwork .cont ul li{padding:10px;}

}








#footer .copy{color:#888; margin-top:20px; font-weight: 700;}



































/**/