/* 서브탑 */
.subTop {width:100%; height:; overflow:hidden; }
.subTop img {width:100%; height:auto;}
.subTop.big {}

@media all and (max-width:1500px) {
	.subTop {height:400px;}
	.subTop img {width:auto; height:100%;}
	.subTop.big {height:auto;}
	.subTop.big img {width:100%; height:auto;}
}

@media all and (max-width:1200px) {
	.subTop {height:350px;}
	.subTop img {width:auto; height:100%; }
}

@media all and (max-width:1000px) {
	.subTop {height:330px;}
	.subTop.big {height:330px;}
	.subTop.big img {width:auto; height:100%;}
}

@media all and (max-width:860px) {
	.subTop {height:300px;}
	.subTop.big {height:300px;}
	.subTop img {margin-left:-10%;}
}

@media all and (max-width:640px) {
	.subTop {height:280px;}
	.subTop.big {height:280px;}
	.subTop img {margin-left:-60%;}
}

@media all and (max-width:520px) {
	.subTop img {margin-left:-120%;}
}


.subVis{ position: relative; height: 600px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 100px;  overflow:hidden;}
.subVis::before{ content:''; position: absolute; top:0; left:0; bottom:0; display:block; width:100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.subVis::before{ background-image: url(/image/top_com.jpg);}
.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}


.subTit {position:absolute; top:180px; width:100%; font-size:50px; font-weight:500; color:#000; text-align:center; z-index:1;}
.subTit .small {padding:0 0 7px 0; font-size:15px; font-weight:400; letter-spacing:4px;}
.subTit .path {width:230px; margin:35px auto 0; overflow:hidden;}
.subTit .path1 {width:300px;}
.subTit .path ul li {float:left; font-size:16px; font-weight:500; text-shadow:0 0px 1.5px rgba(0,0,0,.7);}
.subTit .path ul li.arrow {padding:0 15px;}
.oTit {top:180px; font-size:50px;}

@media all and (max-width:1600px) {
	.subTit {top:4%; font-size:40px;}
	.subTit .small {font-size:14px; letter-spacing:4px;}
	.oTit {top:180px; font-size:45px;}
}


@media all and (max-width:1300px) {
	.subTit {}
	.subTit .small {font-size:13px;}
	.subTit .path {margin:10px auto 0; }
	.subTit .path ul li {font-size:14px;}
}

@media all and (max-width:1200px) {
	.subTit { }
	.subTit .path {display:none;}
	.oTit {font-size:48px;}
}


@media all and (max-width:860px) {
	.subTit {top:100px;}
	.subTit .small {font-size:13px; letter-spacing:0px;}
	.oTit {font-size:45px;}
}

@media all and (max-width:640px) {
	.subTit {font-size:35px;}
	.subTit .small {font-size:12px; padding:0 0 5px 0;}
	.oTit {font-size:35px;}
}

@media all and (max-width:520px) {
	.subTit {font-size:30px;}
	.subTit .small {font-size:11px;}
	.oTit {font-size:30px;}
}

@media all and (max-width:480px) {
.subTit {font-size:28px;top: 2%;}
}


/* 서브네브 */
.subNav {position:relative; width:100%; height:97px; background:#fff; padding:50px 0 0 0; text-align:center; border-bottom:1px solid #d8d8d8;}
.subNav span {margin:0 50px; font-size:18px;}
.subNav a {height:47px; display:inline-block;}
.subNav .tt {position:relative; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; }
.subNav .tt:before {content:""; position:absolute; width:0px; left:0; bottom:-2px; height:6px; border-radius:3px;  background:#3a68ab; transition:0.3s; -webkit-transition:0.3s;}
.subNav .tt.on:before, .subNav .tt:hover:before {width:100%; right:100%; height:6px; background:#3a68ab; color:#000;}
.subNav .tt:hover .subMenu {display:block; }

.subNav .subMenu {position:absolute; top:47px; width:930px; height:80px; padding:50px 0 0 0; display:none;}
.subNav .subMenu span {padding:50px 0 0 25px; margin:0 0 0 0; font-size:18px; font-weight:400;}
.subNav .subMenu span:after {content:""; height:90%; padding:0 25px 0 0; border-right:1px solid #ddd;}
.subNav .subMenu span:last-child:after {border-right:0; padding:0;}
.subNav .subMenu span:first-child {padding:50px 0 0 0;}
.subNav .subMenu span:hover {color:#3a68ab;}

.subPosi01 {left:-170px;}
.subPosi02 {left:-339px;}
.subPosi03 {left:-509px;}
.subPosi04 {left:-661px;}
.subPosi05 {left:-798px;}

.subNav_m {display:none;}

.subNav.fixed {position:fixed; top:90px; height:80px; padding:45px 0 0 0; z-index:3;}
.subNav.fixed span {font-size:16px;}
.subNav.fixed a {height:35px;}
.subNav.fixed .tt:before {}
.subNav.fixed .subMenu {top:35px; width:100%; height:auto; background:#fff; padding:20px 5px; border-radius:0 0 5px 5px; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.subNav.fixed .subMenu span {padding:5px 0; font-size:15px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.subNav.fixed .subMenu span:after {height:auto; padding:0; border-right:0px solid #ddd;}
.subNav.fixed .subMenu span:first-child {padding:7px 0;}

.subNav.fixed .subPosi01 {left:0;}
.subNav.fixed .subPosi02 {left:0;}
.subNav.fixed .subPosi03 {left:0;}
.subNav.fixed .subPosi04 {left:0;}
.subNav.fixed .subPosi05 {left:0;}


@media all and (max-width:1200px) {
	.subNav {height:70px; padding:30px 0 0 0;}
	.subNav span {margin:0 35px; font-size:15px;}
	.subNav a {height:40px;}

	.subNav .subMenu {top:40px; width:562px; padding:40px 0 0 0;}
	.subNav .subMenu span {padding:30px 0 0 10px; font-size:14px;}
	.subNav .subMenu span:after {padding:0 10px 0 0;}
	.subNav .subMenu span:first-child {padding:30px 0 0 0;}

	.subPosi01 {left:-105px;}
	.subPosi02 {left:-210px;}
	.subPosi03 {left:-315px;}
	.subPosi04 {left:-407px;}
	.subPosi05 {left:-486px;}
	
	.subNav.fixed {top:80px;}
	.subNav.fixed .subMenu span {font-size:13px;}
}

@media all and (max-width:1000px) {
	.subNav.fixed {top:70px;}
}

@media all and (max-width:768px) {
	.subNav {height:60px; padding:25px 0 0 0; width:100%;}
	.subNav span {margin:0; font-size:14px;}
	.subNav a {float:left; width:16.66%; height:34px; margin:0; font-size:13px; display:inline-block;}
	.subNav .tt:before {height:4px; border-radius:2px;}
	.subNav .tt.on:before, .subNav .tt:hover:before {height:4px;}
	.subNav .subMenu {top:35px; width:600%;}

	.subPosi01 {left:-100%;}
	.subPosi02 {left:-200%;}
	.subPosi03 {left:-300%;}
	.subPosi04 {left:-400%;}
	.subPosi05 {left:-500%;}

	.subNav.fixed {top:45px;}
	.subNav.fixed span {font-size:14px;}
}

@media all and (max-width:540px) {
	.subNav.fixed {top:40px;}
}

@media all and (max-width:520px) {
	.subNav .subMenu span {padding:30px 0 0 10px; font-size:12px;}
	.subNav.fixed .subMenu span {font-size:12px;}
}

@media all and (max-width:460px) {
	.subNav {display:none;}
	.subNav_m {display:block; width:100%; height:50px; background:url(/image/arrow_down.png) no-repeat 92% center #fff; border-bottom:1px solid #d8d8d8; }
	.subNav_m .section {width:100%; height:50px; text-indent:8%;  line-height:50px;}	
	.subNav_m .sMenu {position:absolute; width:100%; background:#fff; padding:12px 0; border-bottom:1px solid #d8d8d8; box-shadow:0 5px 10px rgba(0,0,0..2); display:none; z-index:10; }
    .subNav_m .sMenu a {display:block; padding:3px 0; font-size:13px; line-height:1.4;}

	.subNav_m.fixed {position:fixed; top:60px; z-index:1;}
}


.sNav{ position: relative; height: 60px; width: 100%; margin-top:-60px; background-color: rgba(58,104,171,.9); z-index: 3;}
.sNav::before{ content: ''; height: 60px; background-color:#fff; left: 0; top:0; position: absolute; right: 50%; margin-right: 600px; border-bottom: #e6e6e6 1px solid;}
.sNav .inbx{ position: relative; max-width: 1200px; margin: 0 auto; padding-left: 330px;}
.sNav .inbx .home{ width: 60px; height: 60px; display: block; text-indent: -9999px; position: absolute; top:0; left: 0; border-bottom: #e6e6e6 1px solid; background:#fff url(/image/icon_home_blue.png) 50% 50% no-repeat;}
.sNav .inbx .home:hover{ opacity: .8;}
.sNav .inbx .loc{ position: absolute; top:0; left: 60px; width: 270px;  text-align:left;}
.sNav .inbx .loc .bt{ position: relative; background-color:#fff; display: block; height: 60px; line-height: 60px; border-right: #fff 1px solid; border-left:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid; padding: 0 50px 0 30px; color:#3a68ab; font-size: 1rem;}
.sNav .inbx .loc .bt:hover{ opacity: .8;}
.sNav .inbx .loc .bt::after{ content: ''; width: 10px; height: 10px; display: block; position: absolute; top:50%; right: 30px; margin-top:-5px; transform: rotate(135deg); border-top:#3a68ab 2px solid; border-right:#3a68ab 2px solid; transition:all 0.2s ease-in-out; }
.sNav .inbx .loc.active .bt{ border:#000 1px solid; border-bottom: #e6e6e6 1px solid; border-top:none;}
.sNav .inbx .loc.active .bt::after{ transform: rotate(-45deg); border-color:#b3c2e2;}
.sNav .inbx .loc > ul { position: absolute; top:60px; left:0; width: 100%; border:#000 1px solid; border-top:none; background-color:#fff; display: none; }
.sNav .inbx .loc > ul > li + li{ border-top:#e6e6e6 1px solid;}
.sNav .inbx .loc > ul > li > a{ display: block; line-height: 60px; padding:0 30px; font-size: 1rem; text-transform: uppercase; }
.sNav .inbx .loc > ul > li > a:hover{ color:#3a68ab; }
.sNav .inbx .sub-loc{ position: relative; padding: 18px 0 0 70px; height: 60px;  text-align:left;}
.sNav .inbx .sub-loc::before{ content: ''; position: absolute; top:50%; left:38px; margin-top:-3px; transform: rotate(45deg); width: 6px; height: 6px; display: block; border-top:#fff 1px solid; border-right:#fff 1px solid;}
.sNav .inbx .sub-loc > ul > li{ display: inline-block; }
.sNav .inbx .sub-loc > ul > li + li{ margin-left:1rem;}
.sNav .inbx .sub-loc > ul > li > a{ display: block; line-height: 22px; color:rgba(255,255,255,.5);}
.sNav .inbx .sub-loc > ul > li.active > a,
.sNav .inbx .sub-loc > ul > li > a:hover{ color:#fff;}
.sNav .inbx .sub-loc .mobile_on{ display: none;}
.sNav.fixed{ position: fixed; top:100px; left: 0; margin-top:-10px; background-color: #3a68ab;}
.sNav.fixed::before,
.sNav.fixed .inbx .home,
.sNav.fixed .inbx .loc .bt{ border-top: #e6e6e6 1px solid;}
.sNav.fixed .inbx .loc.active .bt{ border-top: #000 1px solid;}
.sNav .inbx .sub-locM {display:none;}
.sNav .inbx .sub-locM > ul > li {}

.sNav.shop {margin-top:0; background-color:#0450c2;}
.sNav.blue {left: 0; margin-top:-10px; background-color: rgba(58,104,171,.9);}
.sNav.blue .inbx .home {border-top: #e6e6e6 1px solid;}
.sNav.blue::before {border-top: #e6e6e6 1px solid;}
.sNav.blue .inbx .loc .bt {border-top: #e6e6e6 1px solid;}

#wrap.novisual .sNav{ margin-top:0; }
#wrap.novisual .sNav::before,
#wrap.novisual .sNav .inbx .home,
#wrap.novisual .sNav .inbx .loc .bt{ border-top: #e6e6e6 1px solid;}
#wrap.novisual .sNav .inbx .loc.active .bt{ border-top: #000 1px solid;}

@media screen and (max-width:1000px){   
	.sNav {height:50px; margin-top:-50px;}
	.sNav::before {height:50px;}
	.sNav .inbx .home {width:50px; height:50px;}
	.sNav .inbx .loc .bt {height:50px; line-height:50px;}
	.sNav .inbx {padding-left:240px;}
	.sNav .inbx .loc {top:0; left:50px; width:200px; }
	.sNav .inbx .loc .bt::after{width:8px; height:8px; right:20px; margin-top:-4px; border-top:#3a68ab 1px solid; border-right:#3a68ab 1px solid; }
	.sNav .inbx .loc > ul {top:50px;}
	.sNav .inbx .loc > ul > li > a {line-height:50px;}
	.sNav .inbx .sub-loc {padding:14px 0 0 70px; height:50px;}
	.sNav.fixed {top:70px;}
	.sNav.blue {top:80px;}
}

@media screen and (max-width:920px){
	.sNav .inbx {padding-left:250px;}
	.sNav .inbx .sub-loc {display:none;}
	.sNav .inbx .sub-locM {display:block; height:50px; line-height:50px; color:rgba(255,255,255,.5);text-align: left;}
	.sNav .inbx .sub-locM a {color:rgba(255,255,255,.8);}
/* 	.sNav .inbx .sub-locM::after {content: ''; position: absolute; top:50%; right:30px; margin-top:-3px; transform: rotate(135deg); width: 6px; height: 6px; display: block; border-top:#fff 1px solid; border-right:#fff 1px solid;} */
	.sNav .inbx .sub-locM ul {position:absolute; top:50px; width:calc(100% - 250px); background-color:#fff; border-left:#000 1px solid; border-right:#000 1px solid; border-bottom:#000 1px solid; display:none;}
	.sNav .inbx .sub-locM > ul > li {display: block; float: none; height:50px; border-bottom:1px solid #e5e5e5; line-height:50px; padding:0 0 0 30px;}
    .sNav .inbx .sub-locM > ul > li + li {margin:0;}
    .sNav .inbx .sub-locM > ul > li > a {color:#333;   }
    .sNav .inbx .sub-locM > ul > li.active > a {color:#7692d1;}	
	.sNav .inbx .sub-locM > .mobile_on {display:block; width:100%; padding-left:30px;}	
	.sNav .inbx .sub-locM > .mobile_on::after{content: ''; position: absolute; top:50%; right:30px; margin-top:-3px; transform: rotate(135deg); width: 8px; height: 8px; display: block; border-top:#fff 1px solid; border-right:#fff 1px solid; transition:all 0.2s ease-in-out;}
    .sNav .inbx .sub-locM > .mobile_on.active::after{transform: rotate(-45deg); } 
}

@media all and (max-width:768px) {
	.sNav.fixed {top:70px;}
	.sNav.blue {top:70px;}
}


@media all and (max-width:540px) {
	.sNav.fixed {top:70px;}
	.sNav.blue {top:60px;}
}

@media screen and (max-width:520px){
	.sNav .inbx {padding-left:200px;}	
	.sNav .inbx .loc {top:0; left:50px; width:150px; }
	.sNav .inbx .loc .bt {padding: 0 30px 0 17px; font-size:13px;}
	.sNav .inbx .loc > ul > li > a {padding:0 17px; font-size:15px;}
	.sNav .inbx .sub-locM ul {width:calc(100% - 200px);}
}


/* 쇼핑몰비주얼 */
.shopVisual {width:100%; /* height:755px; */ margin:0; text-align:center;}
.shopVisual img {width:100%; height:; margin:0 auto;}
.shop-pc {}
.shop-mo {display:none !important;}

.sTopTit {position:absolute; top:300px; left:265px; font-size:70px; font-weight:600; color:#fff; text-shadow:0 0px 5px rgba(0,0,0,.3); z-index:1;}
.sTopTit .small {padding:0 0 10px 0; font-size:16px; font-weight:400; letter-spacing:6px;}
.sTopTit .path {margin:35px 0 0 0;}
.sTopTit .path ul li {float:left; font-size:16px; text-shadow:0 0px 1.5px rgba(0,0,0,.7);}
.sTopTit .path ul li.arrow {padding:0 15px;}

@media all and (max-width:1500px) {
	.sTopTit {top:26%; left:15%; font-size:62px;}
	.sTopTit .small {font-size:14px; letter-spacing:4px;}
}

@media all and (max-width:1100px) {
	.sTopTit {top:20%; left:12%; font-size:57px;}
	.sTopTit .small {font-size:13px; }
	.sTopTit .path {margin:20px 0 0 0; }
	.sTopTit .path ul li {font-size:14px;}
}

@media all and (max-width:860px) {
	.sTopTit {top:15%; left:12%; font-size:45px;}
	.sTopTit .small {font-size:13px; letter-spacing:0px;}
	.sTopTit .path {margin:20px 0 0 0;}
	.sTopTit .path ul li.arrow {padding:0 8px;}
	.sTopTit .path ul li {font-size:13px;}
}

@media all and (max-width:680px) {
	.sTopTit {top:22%; left:12%; font-size:35px;}
	.sTopTit .small {font-size:12px; }
	.sTopTit .path {margin:10px 0 0 0; }
	
	.shop-pc {display:none !important;}
	.shop-mo {display:block !important;}
}

@media all and (max-width:520px) {
	.sTopTit {top:17%;}
}

@media all and (max-width:420px) {
	.sTopTit {top:13%;}
}





/*브랜드 스토리 Tit 임시 css*/
.subTit2 {position:absolute; top:180px; width:100%; font-size:50px; font-weight:500; color:#000; text-align:center; z-index:1;}
.subTit2 .small {padding:0 0 7px 0; font-size:15px; font-weight:400; letter-spacing:4px;}
.subTit2 .path {width:230px; margin:35px auto 0; overflow:hidden;}
.subTit2 .path1 {width:300px;}
.subTit2 .path ul li {float:left; font-size:16px; font-weight:500; text-shadow:0 0px 1.5px rgba(0,0,0,.7);}
.subTit2 .path ul li.arrow {padding:0 15px;}
.oTit {top:180px; font-size:50px;}

@media all and (max-width:1600px) {
	.subTit2 {/* top:7%; */font-size:50px;}
	.subTit2 .small {font-size:14px; letter-spacing:4px;}
	.oTit {top:180px; font-size:45px;}
}


@media all and (max-width:1300px) {
	.subTit2 {/* top:7%; */font-size:50px;}
	.subTit2 .small {font-size:13px;}
	.subTit2 .path {margin:10px auto 0; }
	.subTit2 .path ul li {font-size:14px;}
}

@media all and (max-width:1200px) {
	.subTit2 {top: 3%;font-size:48px;}
	.subTit2 .path {display:none;}
	.oTit {font-size:48px;}
}


@media all and (max-width:860px) {
	.subTit2 {font-size:44px;}
	.subTit2 .small {font-size:13px; letter-spacing:0px;}
	.oTit {font-size:45px;}
}

@media all and (max-width:640px) {
	.subTit2 {font-size:35px;top:2.5%;}
	.subTit2 .small {font-size:12px; padding:0 0 5px 0;}
	.oTit {font-size:35px;}
}

@media all and (max-width:520px) {
	.subTit2 {font-size:30px;}
	.subTit2 .small {font-size:11px;}
	.oTit {font-size:30px;}
}

@media all and (max-width:480px) {
.subTit2 {font-size:28px;}
}




/* 서브 basic */
.subArea {width:100%; padding-top:110px;text-align:center;padding-bottom: 110px;}
.subArea img {width:auto;}
.subArea1 {width:100%; padding:250px 0 130px 0; text-align:center;}
.subTitle {padding:0 0 50px 0; }
.subTitle .vLine {display:none; width:1px; height:35px; background:#000; margin:0 auto 40px auto;}
.subTitle .sTit {font-size:36px; line-height:0.9; font-weight:700; letter-spacing:-0.7px;}
.subTitle .small {font-size:20px; color:rgba(0,0,0,.6); line-height:1.3;}


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

}

@media all and (max-width:1000px) {
	.subArea {padding-top:80px; padding-bottom:80px;}
	.subTitle {padding:0 0 40px 0; }
	.subTitle .sTit {font-size:33px;}
}

@media all and (max-width:768px) {
	.subTitle .sTit {font-size:31px; line-height:1.3;}
}

@media all and (max-width:520px) {
	.subArea {padding-top:60px; padding-bottom:60px;}
	.subTitle {padding:0 0 30px 0; }
	.subTitle .sTit {font-size:30px;}
}



/* 회사소개 */
.comWrap {width:1500px; margin:20px auto; text-align:center;}
.comWrap .comTit {padding:0 0 40px 0; font-size:45px; font-weight:200; line-height:1.4; letter-spacing:-1.3px;}
.comWrap .comTit strong {font-weight:400;}
.comWrap .comMid {height:50px; background:url(/image/tit_left.png) no-repeat left top, url(/image/tit_right.png) no-repeat right top; background-size:auto 100%; padding:0px 35px; text-align:center; font-size:20px; font-weight:200; line-height:1.3; display:inline-block;}
.comWrap .comImg01 {width:100%; height:395px; background:url(/image/com01.jpg) no-repeat center top; background-size:cover; margin:60px auto;}

.comWrap .comSec ul {overflow:hidden; padding:60px 0; border-bottom:1px solid #d0d0d0;}
.comWrap .comSec ul:last-child {border-bottom:0;}
.comWrap .comSec ul li {float:left; text-align:left;}
.comWrap .comSec .left {width:35%; padding:0 0 0 7%; font-size:27px; font-weight:600; }
.comWrap .comSec .left strong {color:#3a68ab; display:block;}
.comWrap .comSec .right {width:65%; padding:0 15% 0 0; font-size:20px; line-height:1.5; font-weight:300;}

.comWrap .comDoc {width:100%; margin:40px 0 100px 0; background:url(/image/com02.jpg) no-repeat top center; background-size:100% auto; padding:395px 0 0 0; overflow:hidden;}
.comWrap .comDoc .docWrap {float:right; width:70%; text-align:left;}
.comWrap .comDoc .docWrap .tit {padding:0 0 10px 0; font-size:27px; font-weight:600; color:#fff;}
.comWrap .comDoc .docWrap .doc {background:#fff; padding:70px 0 0 60px; font-size:20px; font-weight:300; line-height:1.5;}
.comWrap .comDoc .docWrap .strong {position:relative; margin:30px 0 0 0; font-size:22px; font-weight:400; display:inline-block;}
.comWrap .comDoc .docWrap .strong::before {content:''; position:absolute; width:100%; height:20px; bottom:-6px; background:rgba(0,0,0,.03); }


@media all and (max-width:1500px) {
	.comWrap {width:100%;}
	.comWrap .comTit {font-size:40px;}
	.comWrap .comMid { font-size:17px;}

	.comWrap .comSec {width:90%; margin:0 auto;}
	.comWrap .comSec .left {font-size:25px;}
	.comWrap .comSec .right { font-size:17px;}
	
	.comWrap .comDoc {width:100%; margin:0 auto; padding:25% 0 0 0;}
	.comWrap .comDoc .docWrap {width:73%;}
	.comWrap .comDoc .docWrap .doc {padding:50px; font-size:18px;}
	.comWrap .comDoc .docWrap .strong {font-size:17px;}
}

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

@media all and (max-width:1100px) {
	.comWrap .comTit {font-size:35px;}
	.comWrap .comImg01 {height:350px; margin:45px auto 30px;}

	.comWrap .comSec ul {padding:40px 0;}
	.comWrap .comSec .left {padding:0 0 0 7%; font-size:23px;}
	.comWrap .comSec .right {padding:0 10% 0 0; font-size:16px;}

	.comWrap .comDoc .docWrap {width:83%;} 
	.comWrap .comDoc .docWrap .doc {font-size:16px;}
	.comWrap .comDoc .docWrap .strong {font-size:16px;}
}

@media all and (max-width:920px) {
	.comWrap .comSec .left {padding:0 0 0 2%; font-size:22px;}
	.comWrap .comSec .right {padding:0 2% 0 0; font-size:15px;}
	
	.comWrap .comDoc .docWrap {float:none; width:90%; margin:0 auto;} 
}

@media all and (max-width:860px) {
	.comWrap .comTit {padding:0 0 30px 0; font-size:30px;}
	.comWrap .comImg01 {height:350px; margin:40px auto;}
	.comWrap .comDoc .docWrap .strong {padding:0 20px; text-align:center;}
	.comWrap .comDoc .docWrap .strong::before {bottom:-9px; left:0; height:68px;}
}

@media all and (max-width:768px) {
	.comWrap .comTit {font-size:27px;}
	.comWrap .comMid {height:45px; padding:0px 30px; font-size:15px;}

	.comWrap .comSec .left {padding:0; font-size:20px;}
	.comWrap .comSec .right {padding:0; font-size:14px;}

	.comWrap .comDoc .docWrap .tit {font-size:24px; padding:0 0 5px 0;}
	.comWrap .comDoc .docWrap .doc {padding:30px; font-size:14px;}
	.comWrap .comDoc .docWrap .strong {font-size:15px;}
}

@media all and (max-width:680px) {
	.comWrap .comTit {padding:0 5% 30px 5%; font-size:24px;}
	.comWrap .comImg01 {height:300px;}
}

@media all and (max-width:580px) {
	.comWrap .comTit {font-size:30px; padding:0 10% 30px 10%;}
	.comWrap .comImg01 {margin:40px auto 10px;}
	.comWrap .comSec .left {float:none; width:100%; font-size:24px;}
	.comWrap .comSec .right {float:none; width:100%; padding:20px 0 0 0; font-size:14px;}
}

@media all and (max-width:510px) {
	.comWrap .comMid {height:35px; padding:0px 16px; font-size:13px; font-weight:300;}
	.comWrap .comImg01 {height:200px;}

	.comWrap .comDoc .docWrap .strong {font-size:14px;}
}

@media all and (max-width:460px) {
	.comWrap .comTit {font-size:25px; padding:0 10% 30px 10%;}
	.comWrap .comSec .left {font-size:22px;}
	.comWrap .comDoc {background-size:130% auto; padding:33% 0 0 0;}
	.comWrap .comDoc .docWrap .strong::before {bottom:-12px; left:0; height:90px;}
}


/* 경영이념 */
.phWrap {width:1500px; margin:0 auto;}
.phWrap .img {width:100%; height:395px; background:url(/image/com03.jpg) no-repeat center top; background-size:cover;}
.phWrap .phMid {overflow:hidden; text-align:left;}
.phWrap .phMid ul {overflow:hidden;}
.phWrap .phMid ul li {float:left; font-size:27px; font-weight:600;}
.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%; }
.phWrap .phMid ul .right {width:70%; padding:120px 0 129px 8%; }
.phWrap .phMid ul li strong {color:#3a68ab;}
.phWrap .icon {float:left; width:250px; padding:125px 0 0 0; font-size:17px; font-weight:400; text-align:center;}

.p01 {background:url(/image/icon_c01.png) no-repeat center top;}
.p02 {background:url(/image/icon_c02.png) no-repeat center top;}
.p03 {background:url(/image/icon_c03.png) no-repeat center top;}


@media all and (max-width:1500px) {
	.phWrap {width:100%;}
	.phWrap .phMid ul li {font-size:25px;}
}

@media all and (max-width:1250px) {	
	.phWrap .img {height:295px;}
	.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%;}
	.phWrap .phMid ul .right {padding:120px 0 129px 3%;}
	.phWrap .icon {width:230px; font-size:16px; }
}

@media all and (max-width:1100px) {	
	.phWrap .phMid ul li {font-size:23px;}
	.phWrap .phMid ul .right {padding:120px 0 129px 6%;}
	.phWrap .icon {width:200px; font-size:15px;}
}

@media all and (max-width:1000px) {	
	.phWrap .phMid {width:90%; margin:0 auto;}
	.phWrap .phMid ul .left {width:25%; padding:120px 0 120px 5%; }
	.phWrap .phMid ul .right {width:75%; padding:110px 0 110px 10%;}
	.phWrap .icon {width:170px; background-size:90px; padding:105px 0 0 0; }
}

@media all and (max-width:920px) {	
	.phWrap .phMid ul li {font-size:22px;}
	.phWrap .phMid ul .right {padding:110px 0 110px 15%;}
	.phWrap .icon {width:150px; background-size:80px; padding:95px 8px 0 8px; font-size:14px;}
}

@media all and (max-width:860px) {	
	.phWrap .phMid ul .right {padding:110px 0 110px 8%;}	
}

@media all and (max-width:768px) {	
	.phWrap .img {height:260px;}
	.phWrap .phMid ul li {font-size:20px;}
	.phWrap .phMid ul .right {padding:90px 0 90px 8%;}
	.phWrap .icon {width:140px; font-size:13px;}
}

@media all and (max-width:700px) {
	.phWrap .phMid ul .left {width:auto; padding:120px 0 120px 0;}
	.phWrap .phMid ul .right {width:auto;}
}

@media all and (max-width:650px) {
	.phWrap .img {height:200px;}
	.phWrap .icon {width:125px; background-size:70px; padding:85px 10px 0 10px; font-size:13px;}
}

@media all and (max-width:590px) {
	.phWrap .icon {width:120px; background-size:60px; padding:75px 10px 0 10px; font-size:12px;}
}

@media all and (max-width:580px) {	
	.phWrap .phMid {width:85%;}
	.phWrap .phMid ul li {font-size:24px;}
	.phWrap .phMid ul .left {width:100%; padding:70px 0 20px 5%;}
	.phWrap .phMid ul .right {width:100%; padding:20px 0 70px 0;}
	.phWrap .icon {width:33.3%; background-size:70px; padding:85px 8px 0 8px; font-size:14px; /* border:1px solid red; */}
}

@media all and (max-width:460px) {
	.phWrap .img {height:170px;}	
	.phWrap .phMid {width:90%;}
	.phWrap .phMid ul li {font-size:22px;}
	.phWrap .phMid ul .left {padding:60px 0 10px 5%;}
}



.phBottom {position:relative; width:100%; padding:0 0 250px 0;}
.phBottom .phGray {position:absolute; bottom:0; width:100%; height:420px; background:#f2f5fb; z-index:-1;}
.phBottom .iconWrap {width:1160px; height:325px; margin:0 auto; overflow:hidden; display:flex;}
.phBottom .iconWrap .cir:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(11,135,225,.5); }
.phBottom .iconWrap .cir {position:relative; width:325px; height:325px; background-size:auto 100%; margin:auto; border-radius:50%; font-size:24px; color:#fff; text-align:center; overflow:hidden;}
.phBottom .iconWrap .cir .txt {position:absolute; top:40%; width:100%; line-height:1.4;}
.phBottom .iconWrap .cir strong {font-size:34px; display:block; letter-spacing:0;}

.phBottom .iconWrap .cir:hover:before {width:100%; height:0; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
.phBottom .iconWrap .cir:hover {background-size:auto 115%; }
.phBottom .iconWrap .cir:hover .txt {text-shadow:0 10px 15px rgba(0,0,0,.5);}
.phBottom .iconWrap .cir:hover strong {}



@media all and (max-width:1200px) {
	.phBottom .phGray {height:400px;}
	.phBottom .iconWrap {width:90%; height:280px; }
	.phBottom .iconWrap .cir {width:280px; height:280px; }
}


@media all and (max-width:1000px) {
	.phBottom {padding:0 0 200px 0;}
	.phBottom .phGray {height:320px;}
	.phBottom .iconWrap {height:230px;}
	.phBottom .iconWrap .cir {width:230px; height:230px; font-size:20px;}
	.phBottom .iconWrap .cir strong {font-size:28px;}

}

@media all and (max-width:800px) {
	.phBottom {padding:0 0 160px 0;}
	.phBottom .phGray {height:260px;}
	.phBottom .iconWrap {height:200px;}
	.phBottom .iconWrap .cir {width:200px; height:200px; }
}

@media all and (max-width:690px) {
	.phBottom {padding:0 0 130px 0;}
	.phBottom .phGray {height:220px;}
	.phBottom .iconWrap {height:170px;}
	.phBottom .iconWrap .cir {width:170px; height:170px; font-size:15px;}
	.phBottom .iconWrap .cir strong {font-size:21px;}
}

@media all and (max-width:590px) {
	.phBottom {padding:0 0 120px 0;}
	.phBottom .phGray {height:190px;}
	.phBottom .iconWrap {height:130px;}
	.phBottom .iconWrap .cir {width:130px; height:130px; font-size:13px;}
	.phBottom .iconWrap .cir strong {font-size:17px;}
}

@media all and (max-width:460px) {
	.phBottom {padding:0 0 140px 0;}
	.phBottom .phGray {height:410px;}
	.phBottom .iconWrap {width:360px; height:350px; margin:0 auto; text-align:center; display:inline-block;}
	.phBottom .iconWrap .cir {float:left; width:160px; height:160px; margin:0 10px; font-size:15px;}
	.phBottom .iconWrap .cir:last-child {float:none; margin:20px auto 0;}
	.phBottom .iconWrap .cir strong {font-size:21px;}
}


/* 조직도 */
.joWrap {width:1326px; margin:0 auto 90px; text-align:left;}
.joWrap .tit {margin:0 0 40px 0; font-size:27px; font-weight:600;}
.joWrap strong {color:#3a68ab; display:block;}
.joWrap .img {}
.joWrap .img img {width:100%; height:auto;}
.joWrap .img img.pc {}
.joWrap .img img.mobile {display:none;}

@media all and (max-width:1500px) {
	.joWrap .tit {font-size:25px;}
}

@media all and (max-width:1400px) {
	.joWrap {width:90%;}
}

@media all and (max-width:1100px) {
	.joWrap .tit {font-size:23px;}
}

@media all and (max-width:920px) {
	.joWrap .tit {font-size:22px;}
	.joWrap .img img.pc {display:none;}
	.joWrap .img img.mobile {display:block;}
	.joWrap .img img {width:75%; margin:0 auto;}
}

@media all and (max-width:768px) {
	.joWrap .tit {font-size:20px;}
	.joWrap .img img {width:85%;}
}

@media all and (max-width:580px) {
	.joWrap .tit {font-size:24px;}
	.joWrap .img img {width:100%;}
}

@media all and (max-width:460px) {
	.joWrap .tit {font-size:22px;}
}




/* 오시는길 */
.subMap {width:1500px; margin:0 auto; z-index:0;}
.subMap .root_daum_roughmap {width:100% !important; margin:0 auto !important; text-align:center !important;}
.mapInfo {width:1200px; margin:50px auto; overflow:hidden; text-align:left;}
.mapInfo ul {float:left;}
.mapInfo ul.addr {width:50%;}
.mapInfo ul.tel {width:25%;}
.mapInfo ul.fax {width:25%;}
.mapInfo ul li {font-size:17px; font-weight:400; line-height:1.4; color:rgba(0,0,0,.6);}
.mapInfo .tit {padding:0 0 15px 0; font-weight:600; font-size:22px; color:#000;}
.mapInfo .num {font-size:22px;}


@media all and (max-width:1500px) {
	.subMap {width:95%; text-align:center; overflow:hidden;}
	.mapInfo {width:95%; padding:0 10%;}
}

@media all and (max-width:1000px) {
	.mapInfo ul li {font-size:15px;}
	.mapInfo .tit {font-size:20px;}
	.mapInfo .num {font-size:20px;}
}

@media all and (max-width:768px) {	
	.subMap .root_daum_roughmap {height:300px !important;}
	.mapInfo {margin:20px auto;  padding:0 3%;} 
}


@media all and (max-width:620px) {	
	.mapInfo ul li {font-size:13px;}
	.mapInfo .tit {padding:0 0 7px 0; font-size:17px;}
	.mapInfo .num {font-size:15px;}
}

@media all and (max-width:510px) {	
	.mapInfo { padding:0;} 
	.mapInfo ul.addr {width:100%; padding:0 0 20px 7%;}
	.mapInfo ul.tel {width:50%; padding:20px 0 0 7%; border-top:1px dashed rgba(0,0,0,.1);}
	.mapInfo ul.fax {width:50%; padding:20px 0 0 7%; border-top:1px dashed rgba(0,0,0,.1);}
	.mapInfo .tit {padding:0 0 4px 0;}

}



/* 센터안내 */
.centerWrap {width:1200px; margin:0 auto;}
.centerTop {width:100%; background:rgba(0,0,0,.01); margin:0 0 45px 0; padding:30px 5%; line-height:40px; font-size:17px; border:1px solid #ddd; overflow:hidden;}
.centerTop ul {float:left; }
.centerTop .left {width:45%;}
.centerTop .right {width:55%;}
.centerTop ul li {float:left; padding:0 30px 0 0; }
.centerTop input {height:40px; text-indent:7px; border-left:1px solid rgba(0,0,0,.2); border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); border-right:0;}
.centerTop select {height:40px; text-indent:7px; border:1px solid rgba(0,0,0,.2);}
.centerTop .local {width:140px;}
.centerTop .cSearch {float:left; width:440px;}
.centerTop .btnCsearch {float:left; width:40px; height:40px; background:url(/image/icon_search_b.png) no-repeat center center; background-size:20px; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2);}

@media all and (max-width:1200px) {
	.centerWrap {width:90%;}
	.centerTop {padding:30px 2%; line-height:35px; font-size:15px;}
	.centerTop ul li {padding:0 10px 0 0; }
	.centerTop input {height:35px; text-indent:5px; }
	.centerTop select {height:35px; text-indent:5px;}
	.centerTop .cSearch {width:350px;}
	.centerTop .btnCsearch {width:35px; height:35px; background-size:15px;}
}

@media all and (max-width:1000px) {
	.centerTop .local {width:100px;}
	.centerTop .cSearch {width:250px;}
}

@media all and (max-width:790px) {
	.centerTop {font-size:13px;}
	.centerTop .local {width:90px;}
	.centerTop .cSearch {width:180px;}
}

@media all and (max-width:640px) {
	.centerTop {padding:20px 10%;}
	.centerTop ul {float:none; height:45px; }
	.centerTop ul li:first-child {width:90px;}
	.centerTop ul li:last-child {width:calc(100% - 90px); text-align:left;}
	.centerTop ul li:last-child .cSearch {width:85%;}
	.centerTop ul li:last-child .local {width:48%;}
	.centerTop .left {width:100%;}
	.centerTop .right {width:100%;}
}

@media all and (max-width:480px) {
	.centerTop {padding:20px 5%;}
	.centerTop ul li:first-child {width:70px;}
	.centerTop ul li:last-child {width:calc(100% - 70px);}
	.centerTop ul li:last-child .cSearch {width:80%;}
	.centerTop ul li:last-child .local {width:47%;}
}


.ceTable table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceTable .table2 {width:100%; border-top:2px solid #222;}
.ceTable table th {padding:20px; font-size:16px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.ceTable table td {padding:20px; font-size:16px; border-bottom:1px solid #ddd;}
.ceTable .zoom {width:30px; height:30px; background:url(/image/icon_search_b.png) no-repeat center center; background-size:15px; display:inline-block;}
.ceWrap {position:relative; width:100%;}
.ceWrap .over {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/image/scroll_hand.png) no-repeat center center, rgba(0,0,0,.5); background-size:110px auto;}
.ceMent {display:none; position:fixed; bottom:30px; left:50%; margin-left:-110px; width:220px; text-align:center; background:url(/image/arrow_scroll.png) no-repeat center 10px rgba(4,80,194,.7); color:#fff; background-size:35px auto; border-radius:50px; padding:30px 0 10px 0; font-size:13px;}
.ceMent:hover {opacity:0;}
.qWrap {}
.qImg {cursor:pointer;}

@media all and (max-width:1200px) {
	.ceTable table th {font-size:14px;}
	.ceTable table td {font-size:14px;}
}

@media all and (max-width:768px) {
	.ceTable table th {padding:15px; font-size:13px;}
	.ceTable table td {padding:15px; font-size:13px;}
}

@media all and (max-width:550px) {
	.qWrap {display:block;}
	.qImg {width:auto; height:20px;}
}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceMent {display:block;}
	.ceTable table {width:620px; }
	.ceTable .table2 {width:100% !important;}
	.ceTable table th {font-size:12px;}
	.ceTable table td {padding:15px 0; font-size:12px;}
}

.input20 {width:20%;}
.input25 {width:25%;}
.input30 {width:30%;}
.input40 {width:40%;}
.input50 {width:50%;}
.input60 {width:60%;}
.input70 {width:70%;}
.input97 {width:97%;}

@media all and (max-width:560px) {
	.input20 {width:22%;} 
	.input30 {width:40%;}
}


/* 개인정보처리방침 */
.perWrap {width:1300px; height:950px; overflow-y:scroll; background:#fbfbfb; margin:0 auto; padding:60px 80px; text-align:left; word-break: break-all; border:1px solid rgba(0,0,0,.1);}
.perWrap ul {padding:0 0 30px 0;}
.perWrap ul li {font-size:17px; color:#222;}
.perWrap .tit {padding:0 0 15px 0; color:#000;  font-weight:500;}
.perWrap .txt {line-height:1.5; font-weight:300;}
textarea.law {width:1300px; height:950px; background:#fbfbfb; padding:60px 80px; font-size:17px; color:#222; font-weight:300; line-height:1.5; word-break: break-all; border:1px solid rgba(0,0,0,.1); outline:0;}
.lawWrap {width:1300px; margin:0 auto; padding:0 0 100px 0; text-align:left; }

@media all and (max-width:1300px) {
	.perWrap {width:90%; padding:40px;}
	.perWrap ul li {font-size:14px; }
	textarea.law {width:90%; height:750px; padding:40px; font-size:14px;}
	.lawWrap {width:90%;}
}

@media all and (max-width:680px) {
	.perWrap {height:750px; padding:30px;}
	textarea.law {height:500px; padding:25px; font-size:12px;}
	.lawWrap {width:95%;}
}


/* 관련규정 탭메뉴 */
#tabWrap {width:100%; margin:0 auto; overflow:hidden;}
.tab_menu {clear:both; width:100%; margin:0 auto; overflow:hidden; }
.tab_menu > li {float:left; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #666; background:#e9e9e9; height:60px; font-size:17px; text-align:center; line-height:60px; cursor:pointer;}
.tab_menu.link > li {float: left; text-align: center; height:60px; background-color: #252526;  margin-left: 1px; padding: 0px; line-height:1;}
.tab_menu.link > li a {display: inline-block; width: 100%; padding: 16px 0; color: #b2b2b3; font-size: 17px;}
.tab_menu > li:first-child {margin-left: 0px;}
.tab_menu > li:hover {background-color: #fff; color: #000;}
.tab_menu > li.on {background-color: #fff; color: #000;border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #666; border-bottom:1px solid #fff;}
.tab_menu.link > li:hover a {background-color: #d1141c; color: #fff;  font-weight: normal !important;}
.tab_menu.link > li.on a {background-color: #d1141c; color: #fff;}
.tab_menu.four > li {width: 25%;}
.tab_menu.three > li {width: 33.3%;}


@media all and (max-width:1300px) {
	.tab_menu > li {height:50px; font-size:14px; line-height:50px;}
	.tab_menu.link > li {height:50px;}
	.tab_menu.link > li a {font-size:14px;}
}

@media all and (max-width:768px) {
	.tab_menu > li {height:40px; font-size:12px; line-height:40px;}
	.tab_menu.link > li {height:40px;}
	.tab_menu.link > li a {font-size:12px;}
}




/* 법률 */
.faq {width:100%; border-bottom:solid 1px #c4c4c4; color:#333; margin:40px auto; }
.faq h3 {background:#fff; margin:0; padding:20px 0px; font-weight:normal;  border-top:solid 1px #e4e4e4; border-bottom:none; cursor:pointer; font-size:17px;}
.faq h3 .article {display:inline-block; padding:0px 20px; text-align:center; color:#cb0707;}
.faq h3 .subject {display:inline-block; color:#777; padding:1px 0px;}
.faq p {background:#f7f7f7; margin:0; font-size:15px; line-height:160%;}
.faq div {background:#f7f7f7; margin:0; padding:30px 60px;}
.hide {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
.notFAQ {background:#e9e7e7; margin:0; padding:50px 0px; font:bold 100% Arial, Helvetica, sans-serif; border:solid 1px #c4c4c4; border-bottom:none; cursor:pointer; text-align:center;}

@media all and (max-width:1300px) {
	.faq h3 {padding:15px 0px; font-size:14px;}
	.faq p {font-size:13px;}
}

@media all and (max-width:620px) {
	.faq h3 {font-size:12px;}
	.faq p {font-size:12px;}
}


/* 로그인 */
#loginWrap {width:520px; padding:0px; margin:0px auto 130px auto;  overflow:hidden; background:#fff; }
.loginTab {height:50px; overflow:hidden; position:relative; margin:0 0 30px 0;}	
.loginTab ul li {float:left; width:50%; height:49px; background:#f8f8f8; text-align:center; font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.loginTab ul li a {display:block;}
.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

.login {margin:20px 0; width:100%; text-align:left;}
.login li {margin-bottom:20px;}
.login li input.input_login {width:100%; height:55px; border:1px solid #e8e8e8; font-size:14px;}
.login li.loginBtn {background:#3a68ab; text-align:center; color:#fff; height:60px; font-size:16px; line-height:60px; margin-top:30px; display:block;}

.login input.sign {width:100%; height:55px; color:#7a7a7a; border-bottom:1px solid #e8e8e8; border-left:0; border-right:0; border-top:0; background-color:transparent !important; font-size:15px; font-weight:400; text-indent:55px;}
.login input.sign:hover {border-bottom:1px solid #3a68ab; color:#3a68ab;}
.login input.sign::placeholder {color:#7a7a7a;}
.login input.sign:hover::placeholder {color:#3a68ab;}

@media only screen and (max-width: 600px) {
	#loginWrap {width:88%; margin:0px auto 90px auto;}
}

.iconId { background:url(/image/icon_id.png) no-repeat 3% center;}
.iconId:hover { background:url(/image/icon_id_on.png) no-repeat 3% center;}
.iconPass { background:url(/image/icon_pa.png) no-repeat 3% center;}
.iconPass:hover { background:url(/image/icon_pa_on.png) no-repeat 3% center;}


/* 아이디/비밀번호찾기 */
.txtB {font-size:15px; padding:204px 0 2px 130px; color:#000;}
.txtS {font-size:12px; padding-left:182px; color:#a7a7a7;}
.find {}
.find ul {float:left; }
.find ul.left {width:100%; margin:10px 0 0 0;}
.find ul li {overflow:hidden;}
.find ul li dd {float:left; margin-top:0px; height:29px; }
.find ul li dd.name {width:100px; font-size:13px; text-indent:25px; line-height:29px;}
.btnFind {background:#3a68ab; text-align:center; color:#fff; width:100%; height:60px; font-size:16px; line-height:60px; margin-top:10px; display: inline-block;}
input.input_id {width:100%; height:50px; border:1px solid #e8e8e8; text-indent:10px; font-size:14px; display:inline-block; }

.idTab { width:100%; }
.idTab ul {overflow:hidden;}
.idTab ul li {width:50%; height:40px;float:left; background:#fafafa;border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; font-size:13px; line-height:40px;}
.idTab ul li a {display:block;}
.idTab ul li.on a {color:#000; display:block;}
.idTab ul li.on {border-bottom:1px solid #fff; border-top:1px solid #333; background:#fff;}
.idTab ul li:first-child {border-left:1px solid #eee;}




@media only screen and (max-width: 768px) {
	.input40 {width:40%;}
}


/* 마이오피스 */
.oArea {width:1300px; margin:0 auto; padding:100px 0 150px 0; text-align:center;}
.oTitle {font-size:35px; font-weight:500;}

.oArea .btnWrap {margin:40px auto;}
.oArea .bOk {width:170px; height:45px; line-height:45px; background:#3a68ab; color:#fff; border-radius:5px; display:inline-block; cursor:pointer;}
.oArea .bCa {width:170px; height:45px; line-height:45px; background:#fff; border:1px solid rgba(0,0,0,.2); color:#000; border-radius:5px; display:inline-block; cursor:pointer;}
.oArea .bCa1 {width:120px; height:45px; line-height:45px; background:#fff; border:1px solid rgba(0,0,0,.2); color:#000; border-radius:5px; display:inline-block; cursor:pointer;}
.oArea input:hover {background:#cce7fb; border:1px solid #99cff7; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}

@media only screen and (max-width: 1300px) {
	.oArea {width:90%;}
}

@media only screen and (max-width: 768px) {
	.oArea {padding:70px 0 100px 0;}
}


@media only screen and (max-width: 520px) {
	.oArea {width:95%;}
	.oArea .bOk {width:130px; height:40px; line-height:40px;}
	.oArea .bCa {width:130px; height:40px; line-height:40px;}
}



.officeTab {height:40px; overflow:hidden; position:relative; margin:10px 0; clear:both;}	
.officeTab ul li {float:left;  height:40px; background:#f8f8f8; text-align:center; font-size:11px; color:#333; line-height:37px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.officeTab ul li a {display:block;}
.officeTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}
.borL {border-left:1px solid #d0d0d0;}

.officeTab ul li.w02 {width:50%;}
.officeTab ul li.w03 {width:33.3%;}
.officeTab ul li.w04 {width:25%;}
.officeTab ul li.w07 {width:14.28%;}


@media only screen and (min-width: 768px) {
	.officeTab ul li {font-size:12px;}
}

@media only screen and (min-width: 1200px) {	
	.officeTab {height:50px; width:100%; margin:30px 0;}
	.officeTab ul li { height:49px;  font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
    .officeTab ul li a {display:block;}
	.officeTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}
	.empty {width:50% !important; height:49px;  background:#fff !important; border-bottom:1px solid #d0d0d0; border-top:0 !important; border-right:0 !important;}
}



/* 마이오피스 검색 */
.sWrap {overflow:hidden; margin:0 0 5px 0;}
.sWrap .left {float:left; width:60%; height:35px; padding:0; text-align:left;}
.sWrap .right {float:right; width:40%; text-align:right; }
.sWrap input.search {width:110px; height:35px; background:#f7f7f7; line-height:35px; border-radius:5px !important; text-align:center; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.sWrap .bSearch {width:35px; height:35px; border-radius:50%; background:url(/image/icon_search_w.png) #454545 center center no-repeat; background-size:15px; display:inline-block; cursor:pointer;}
.sWrap form img {vertical-align:top; margin:6px 6px 0 2px;}
.sWrap .total {height:35px; background:#3a68ab; padding:0 15px; color:#fff; line-height:35px; font-size:13px; font-weight:600; border-radius:5px; display:inline-block;}

.sWrap .left1 {float:left; width:75%; height:45px; padding:0; text-align:left; }
.sWrap input.search1 {width:80px; height:45px; background:#f7f7f7; line-height:45px; padding:0 0 0 15px; border-radius:22.5px 0 0 22.5px; text-align:left; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.sWrap .total1 {height:45px; background:#454545; margin:0 0 0 -3px; padding:0 15px; color:#fff; line-height:45px; font-size:12px; font-weight:400; border-radius:0 22.5px 22.5px 0; vertical-align:top; display:inline-block;}
.sWrap .right1 {float:right; width:25%; text-align:right; }
.sWrap .total2 {height:45px; background:#454545; padding:0 15px; color:#fff; line-height:45px; font-size:12px; font-weight:400; border-radius:22.5px; vertical-align:top; display:inline-block;}
.sWrap .name {height:45px; padding:0 15px 0 0; line-height:45px; vertical-align:top; display:inline-block;}
.guide {font-size:13px; color:#3a68ab;}


@media all and (max-width:960px) {
	.sWrap .left {height:35px;}
	.sWrap input.search {width:80px; height:35px; line-height:35px; font-size:12px;}
	.sWrap .bSearch {width:35px; height:35px; background-size:40%;}
	.sWrap form img {margin-top:7px;}
	.sWrap .total {height:35px; padding:0 10px; line-height:35px; font-size:12px;}

	.sWrap .left1 {height:35px;}
	.sWrap input.search1 {width:70px; height:35px; line-height:35px; font-size:12px;}
	.sWrap .total1 {height:35px; padding:0 10px; line-height:35px; font-size:11px;}
	.sWrap .total2 {height:35px; padding:0 10px; line-height:35px; font-size:11px;}
	.sWrap .name {height:35px; padding:0 10px 0 0; line-height:35px;}
	.guide {font-size:11px;}
}

@media all and (max-width:740px) {
	.sWrap .left1 {height:80px;}
	.sWrap .right1 {height:80px; }
}

@media all and (max-width:640px) {
	.sWrap .left {width:70%;}
	.sWrap .right {width:30%;}

	.sWrap .left1 {width:50%;}
	.sWrap .right1 {width:50%; padding:40px 0 0 0; }
}

@media all and (max-width:560px) {
	.sWrap .left1 {width:55%;}
	.sWrap .right1 {width:45%;}
}

@media all and (max-width:500px) {
	.sWrap .left1 {width:60%;}
	.sWrap .right1 {width:40%;}
	.guide {display:block; margin-top:3px;}
}


@media all and (max-width:460px) {
	.sWrap .left {float:none; width:100%; text-align:inherit;}
	.sWrap .right {float:none; width:100%; margin:15px 0 0 0;}
	.sWrap .total {height:25px; padding:0 15px; line-height:25px; font-size:11px;}

	.sWrap .left1 {width:100%;}
	.sWrap .right1 {width:100%; height:35px; padding:0;}
}

@media all and (max-width:420px) {
	.sWrap .left1 {width:75%;}
}


/* 테이블 */
.nor_list {width:100%; }
.nor_list table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.nor_list1 {width:100%; }
.nor_list1 table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list1 table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list1 table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.oTab {width:100%; margin:0 0 40px 0; overflow:hidden;}
.oTab ul li {float:left; width:33.3%; background:rgba(0,0,0,.02); padding:13px 0; font-size:14px; font-weight:400; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #333; border-radius:20px 20px 0 0; display:inline-block;}
.oTab ul li.on {background:#fff; color:#000; font-weight:600; border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}


@media all and (max-width:960px) {
	.nor_list table {font-size:13px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:13px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}
}

@media all and (max-width:768px) {
	.nor_list table {font-size:11px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:11px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}

	.oTab ul li {padding:10px 0; font-size:13px;}
}

@media all and (max-width:640px) {
	.nor_list {}
	.nor_list table {}

	.nor_list1 {overflow-x:scroll;}
	.nor_list1 table {width:640px;}
}

/* 회원검색 */
.smWrap {width:90%; margin:0 auto;}
.smWrap .smTit {background:url(/image/icon_user1.png) no-repeat left center; padding:40px 0 40px 55px; font-size:36px; font-weight:400;}

.transBox {background:#fff; border:3px solid #24221f; color:#333; padding:50px 50px 0 50px;}
.transBox ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox ul li {float:left; padding:15px 7%; font-size:15px;}
.transBox ul li.th1 {width:30%; font-weight:400; text-align:left;}
.transBox ul li.td1 {width:70%; text-align:right;}
.transBox ul li.td1 .money {font-weight:bold; color:#000; font-size:23px !important;}
.transBox ul li.td1 .moneyRed {font-weight:bolder; color:#ec1a23; font-size:30px !important;}
.transBox ul.gray {background:#f5f5f5;}
.transBox ul.gray li.th1 {font-weight:600; font-size:18px; padding:15px 7%; text-align:left;}
.transBox ul.gray li.td1 {font-weight:600; font-size:18px; padding:15px 7%; text-align:right;}
.transBox ul.boldBor {border-bottom:3px solid #24221f;}
.borNone {border:none !important;}

@media all and (max-width:460px) {
	.transBox {padding:35px 35px 0 35px;}
	.transBox ul li {padding:12px 5%; font-size:13px;}
	.transBox ul li.th1 {width:40%;}
	.transBox ul li.td1 {width:60%;}
	.transBox ul.gray li.th1 {font-size:15px; padding:12px 5%;}
	.transBox ul.gray li.td1 {font-size:15px; padding:12px 5%;}
}

.btnW {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:1.2% 5%;border-radius:3px;cursor:pointer; border:1px solid #ccc; display:inline-block;} 
.btnWs {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; border:1px solid #b0b0b0; }
.btnGs {text-align:center;background:#51586a;color:#fff;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; }


/* 게시판 */
.searchWrap { margin:25px 0 15px 0; overflow:hidden; height:34px; width:100%; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:34px; border: 1px solid #e5e5e5;}
select.search {height:34px;}
.searchBbox{margin: 0px;border: 0;min-width: 40px;padding: 0 5px;height: 40px;margin-left: -4px;background: #333;color: #fff;cursor: pointer;vertical-align: top;font-size: 14px;line-height: 2.2;}
.btnSearch {width:18px; height:18px; background:url(/image/bsearch-icon.png) center center no-repeat; background-size: 18px; border-radius:3px; display:inline-block;     vertical-align: middle;}


/* 바둑판게시판 */
.colBg {width:100%; background:#eee; padding:45px 0; overflow:hidden;}
.bCol {float:left; width:23.5%; margin:0.75%; background:#fff; padding:40px 35px 35px 35px; border:1px solid rgba(0,0,0,.3); text-align:left; border-radius:5px;}
.bCol:hover {border:1px solid #333; box-shadow:0 5px 10px rgba(0,0,0,.1);}
.bColN {float:left; width:23.5%; margin:0.75%; background:#565656; padding:40px 35px 35px 35px; text-align:left;}
.bColN:hover {box-shadow:0 5px 15px rgba(0,0,0,.2);}
.bColG {float:left; width:23.5%; margin:0.75%; background:#fff; padding:20px 20px 25px 20px; border:1px solid #fff; text-align:left;}
.bColG:hover {border:1px solid #333; box-shadow:0 5px 15px rgba(0,0,0,.2);}
.bNameN {background:#43a65a; padding:3px 10px; margin:0 0 15px 0; font-size:13px; font-weight:500; color:#fff;  display:inline-block;}
.bName {padding:0 0 20px 0; font-size:13px; font-weight:500; color:#3a68ab;}
.bImg {width:100%; height:150px; background:url(/image/gall_back.png) no-repeat center center #fafafa; overflow:hidden;}
.bImg img {width:100%; max-width:auto; height:auto; min-height:150px; }
.bTitle {height:63px; font-size:25px; font-weight:300; color:#000; letter-spacing:-1px; line-height:1.2; overflow:hidden; text-overflow:ellipsis;}
.bTitleN {height:63px; font-size:25px; font-weight:300; color:#fff; letter-spacing:-1px; line-height:1.2; overflow:hidden; text-overflow:ellipsis;}
.bTitleG {width:100%; font-size:18px; font-weight:400; color:#000; letter-spacing:-0.8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.bDate {padding:25px 0 0 0; font-size:13px; font-weight:400; color:#999; letter-spacing:1px;}
.bDateG {padding:20px 0 5px 0; font-size:13px; font-weight:400; color:#999; letter-spacing:1px;}


@media all and (max-width:1200px) {
	.bCol {padding:30px;}
	.bColN {padding:30px;}
	.bColG {padding:15px 15px 20px 15px;}
	.bName {padding:0 0 15px 0;}
	.bNameN {padding:2px 10px; font-size:10px;}
	.bImg {height:120px;}
	.bImg img {min-height:120px;}
	.bTitle {height:50px; font-size:20px; }
	.bTitleN {height:50px; font-size:20px; }
	.bTitleG {font-size:18px; }
	.bDate {padding:10px 0 0 0;}
	.bDateG {padding:9px 0 0 0;}
}

@media all and (max-width:890px) {
	.bCol {padding:20px;}
	.bColN {padding:20px;}
	.bTitle {height:43px; font-size:18px;}
	.bTitleN {height:43px; font-size:18px;}
	.bTitleG {font-size:16px;}
	.bImg {height:80px;}
	.bImg img {min-height:80px;}
	.bDate {font-size:12px;}
	.bDateG {font-size:12px;}
}

@media all and (max-width:640px) {
	.bCol {width:47.5%; margin:1.25%; padding:30px;}
	.bColN {width:47.5%; margin:1.25%; padding:30px;}
	.bColG {width:47.5%; margin:1.25%; padding:20px 20px 25px 20px;}
	.bTitle {height:54px; font-size:22px;}
	.bTitleN {height:54px; font-size:22px;}
	.bTitleG {font-size:18px;}
	.bImg {height:140px;}
	.bImg img {min-height:140px;}
}

@media all and (max-width:460px) {
	.bCol {padding:20px;}
	.bColN {padding:20px;}
	.bColG {padding:15px 15px 20px 15px;}
	.bTitle {height:43px; font-size:18px;}
	.bTitleN {height:43px; font-size:18px;}
	.bTitleG {font-size:16px;}
}

@media all and (max-width:380px) {
	.bCol {float:none; width:95%; margin:3% auto;}
	.bColN {float:none; width:95%; margin:3% auto;}
	.bColG {float:none; width:95%; margin:3% auto;}
	.bTitle {height:24px; }
	.bTitleN {height:43px; font-size:18px;}
	.bTitleG {font-size:18px;}
	.bImg {height:170px;}
	.bImg img {min-height:170px;}
}


.faqList {width:100%; border-top:2px solid #000;}
.faqList ul {overflow:hidden; border-bottom:1px solid #e5e5e5;}
.faqList ul li {float:left; width:100%; height:85px; padding:0 3%; text-align:left; font-size:17px; line-height:85px; cursor:pointer; text-align:left;}
.faqList .iconQ {float:left; width:35px; height:35px; background:#3a68ab; margin:25px 20px 0 0; font-size:20px; font-weight:600; color:#fff; line-height:35px; text-align:center; border-radius:50%; display:inline-block; }
.faqList .name {float:left; }
.faqList .iconR {float:right;}
.faqList .iconArrow {float:right; width:39px; height:39px; background:url(/image/ico_arrow_01.png) no-repeat center center #f5f5f5; background-size:10px 5px; margin:25px 0 0 0; border-radius:50%; border:1px solid #dedede; }
.faqList .iconA {float:left; width:35px; height:35px; background:#666; margin:-7px 20px 0 0; font-size:20px; font-weight:600; color:#fff; text-align:center; line-height:35px; border-radius:50%; display:inline-block; }
.faqList .sub_menu {display:none; background:rgba(0,0,0,.01); font-size:16px; border-bottom:1px solid #ccc; padding:30px 3%; text-align:left;}
.faqList .sub_menu p {}
.faqList .iconArrow.on {background:url(/image/ico_arrow_02.png) no-repeat center center #fff; background-size:10px 5px;}


@media all and (max-width:1300px) {	
	.faqList ul li {height:75px; font-size:15px; line-height:75px;}
	.faqList .iconQ {font-size:22px;}
	.faqList .iconArrow {width:33px; height:33px; background-size:8px 4px;}
	.faqList .iconArrow.on {background-size:8px 4px;}
	.faqList .iconA {margin:0 10px 0 0; font-size:28px;}
	.faqList .sub_menu {padding:30px 3%; font-size:15px;}
	.faqList .sub_menu p {padding:10px 0 0 0;}
}



@media all and (max-width:768px) {	
	.faqList ul li {height:auto; padding:20px 3% 15px 3%; font-size:14px; line-height:1.4;}
	.faqList .iconQ {width:33px; height:33px; margin:0 10px 0 0;  line-height:33px; font-size:18px;}
	.faqList .name {width:80%; padding:7px 5px 0 0;}
	.faqList .iconA {margin:0 10px 0 0; font-size:18px;}
	.faqList .iconArrow {width:27px; height:27px; background-size:7px 4px; margin:0;}
	.faqList .iconArrow.on {background-size:7px 4px;}
	.faqList .sub_menu {padding:20px 3%; font-size:13px;}
}


@media all and (max-width:480px) {
	.faqList ul li {}
	.faqList .name {width:75%;}
}



/* 게시판글쓰기 */
.table1 {width:80%; margin:0 auto; padding:0 0 70px 0; text-align:left; overflow:hidden;}
.table1 .tit2 {width:100%; padding:80px 0 0 0; font-size:25px;}
.table1 .person {width:100%; height:200px; overflow-y:auto; padding:30px 4%; border:1px solid rgba(0,0,0,.1); font-size:15px; color:rgba(0,0,0,.5);}
.table1 input.check {width:16px; height:16px; display:inline-block;}
.table1 .check {padding:10px 0; font-size:17px;}
.table1 .alert {height:150px; background:url(/image/contact.png) no-repeat 5% top, url(/image/alert_bg.png) repeat-x center bottom; padding:65px 0 0 22%; font-size:20px; font-weight:300; line-height:1.3;}
.table1 .star {color:#3a68ab; font-size:9px;}
.table1 .txt {padding:50px 0 5px 0; background:url(/image/pat.png) repeat-x bottom; text-align:right; font-size:12px; color:#6d6d6d;}
.table1 .th {padding:30px 0 0 0; font-size:15px; font-weight:500;}
.table1 .td {height:50px; line-height:50px;}
.table1 input {width:100%; height:50px; padding:0 0 0 15px; border:1px solid rgba(0,0,0,.1);}
.table1 textarea {width:100%; height:300px; padding:15px; border:1px solid rgba(0,0,0,.1);}
.table1 .btnOk {width:250px; margin:0 2px; padding:15px 0; background:#3a68ab; font-size:17px; border-radius:4px; text-align:center; color:#fff; display:inline-block;}
.table1 .btnCan {width:150px; margin:0 2px; padding:10px 0; background:#fff; border:1px solid #ddd; border-radius:3px; text-align:center; display:inline-block;}
.table1 select {width:100%; height:50px; background:url(/image/ico_arrow_01.png) no-repeat right 20px center; padding:0 20px; border:1px solid rgba(0,0,0,.1);}
.table1 select option {}
.boardWrap {margin:50px auto; text-align:center; }
.cLine {display:block;}

@media all and (max-width:980px) {
	.table1 {width:90%;}
	.table1 .tit2 {padding:60px 0 0 0; font-size:22px;}
	.table1 .alert {padding:65px 0 0 25%; font-size:18px;}
}

@media all and (max-width:780px) {
	.table1 {padding:40px 0;}
	.table1 .alert {padding:65px 0 0 28%; font-size:15px;}
}


@media all and (max-width:680px) {
	.table1 .tit2 {padding:50px 0 0 0; font-size:20px;}
	.table1 .alert {height:125px; padding:50px 4% 0 135px; background-size:100px auto, auto 120px; word-break:break-all;}
	.table1 .check {font-size:14px;}
	.cLine {display:inline;}
}

@media all and (max-width:560px) {
	.table1 {padding:30px 0;}
	.table1 .alert {font-size:14px;}
}


@media all and (max-width:480px) {
	.table1 {padding:20px 0;}
	.table1 .tit2 {padding:50px 0 0 0; font-size:18px;}
	.table1 .alert {padding:50px 4% 0 115px; font-size:13px; background:url(/image/contact.png) no-repeat 4% 10px, url(/image/alert_bg.png) repeat-x center bottom; background-size:90px auto, auto 120px;}
}



.view {width:100%; border-top:2px solid #000;}
.view .vTop {padding:60px 5% 40px 5%; overflow:hidden; border-bottom:1px solid #ddd;}
.view .vTop .vLeft {float:left; width:87%; border-right:1px solid #e5e5e5;}
.view .vTop .vRight {float:right; width:13%; padding:0 0 0 3%; line-height:1.2; text-align:right; }
.view .vTop .sort {font-size:14px; color:#d22027; font-weight:500;}
.view .vTop .vLeft strong {font-size:26px; font-weight:500; }
.view .vTop .date {font-size:17px; color:#666;}
.view .vTop .vRight strong {color:#000; font-size:38px; font-weight:300;}
.view .vMid {padding:60px 5%; font-weight:300; line-height:1.8; border-bottom:1px solid #ddd;}
.view .vMid img {margin:40px auto; min-width:auto; height:auto; max-width:100%; display:block;}
.view .btnList {clear:both; width:150px; background:#222; margin:30px auto 50px auto; padding:10px 0; border-radius:3px; text-align:center; color:#fff; font-size:15px; font-weight:500; display:inline-block;}

@media all and (max-width:1300px) {
	.view .vTop {padding:50px 4% 40px 4%;}
	.view .vTop .vLeft strong {font-size:24px; }
	.view .vTop .date {font-size:15px; }
	.view .vTop .vRight strong {font-size:31px; }
}

@media all and (max-width:1100px) {
	.view .vTop {padding:40px 4% 30px 4%;}
	.view .vTop .vLeft strong {font-size:21px; }
	.view .vTop .vRight strong {font-size:26px; }

	.view .vMid {padding:50px 4%;}
}

@media all and (max-width:860px) {
	.view .vTop .vLeft strong {font-size:18px; }
	.view .vTop .date {font-size:13px; }
	.view .vTop .vRight strong {font-size:24px; }

	.view .vMid {padding:40px 4%; font-size:15px;}
}

@media all and (max-width:790px) {
	.view .vTop .sort {font-size:12px;}
	.view .vTop .date {font-size:12px; }
	.view .vTop .vRight {padding:8px 0 0 3%;}
	.view .vTop .vRight strong {font-size:20px; }

	.view .vMid {padding:30px 3%;}
}

@media all and (max-width:660px) {
	.view .vTop {padding:30px 4% 10px 4%;}
	.view .vTop .vLeft {float:none; width:100%; border-right:0;}	
	.view .vTop .vRight {float:none; width:100%; padding:15px 0 0 0;}
	.view .vTop .date {display:inline; font-size:14px; }
	.view .vTop .vRight strong {display:inline; font-size:14px; }

}


/*2021-03-23 community css*/
.conSub{width: 1200px;margin: 0 auto;min-height: 500px;}


@media all and (max-width: 1300px) {
.conSub {width: 90%;margin: 0 auto;}
}




@media all and (max-width: 768px) {
.conSub {width: 95%;margin: 0 auto;}
}



.tbl-basic {width:100%; border-top:1px solid #0c0c0c;font-family:notokr;margin-bottom:50px;}
.tbl-basic thead th {font-size:13px;color:#333; text-align:center; padding:15px 0; border-bottom:1px solid #d8d8d8;}
.tbl-basic tbody th {width:15%;font-weight:600; color:#0c0c0c; text-align:left; padding:13px 0 13px 40px;}
.tbl-basic tbody th, .tbl-basic tbody td {font-size:14px; line-height:1.6; border-bottom:1px solid #d8d8d8}
.tbl-basic tbody td {color:#777; padding:13px 25px}
.tbl-basic tbody td a:hover {color:#0c0c0c; text-decoration:underline}
.tbl-basic tbody td input.block {margin:4px 0}
.tbl-basic input {font-size:13px;font-family:notokr;}

.tbl-basic .td_num{width: 80px;text-align: center;}
.tbl-basic .td_name{width: 150px;text-align: center;}
.tbl-basic .td_date{width: 130px;text-align: center;}

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

.rootree_board th:nth-child(1) {display:none;}
.rootree_board th:nth-child(3) {display:none;}
.rootree_board th:nth-child(5) {display:none;}
.rootree_board td:nth-child(1) {display:none;}
.rootree_board td:nth-child(3) {display:none;}
.rootree_board td:nth-child(5) {display:none;}
}


/*쇼핑몰 페이지 header css*/
.headerW{background:#fff;}


.paging_btn_active{vertical-align: middle;}


/*brand page*/

.txtNv{color:#375a8d;}
.txt20{font-size:20px;line-height: 1.5;}
.txt17{font-size:17px; width:100%;}
.bsImg{width:350px; height:350px; margin:0 auto;background:url(/image/brand01.png) no-repeat;border-radius:50%;margin-bottom:30px;margin-top: 70px;z-index:1;position: relative;}
.brandWrap{position:relative;height:550px;}
.brandWrap .cont{height:100%;width: 90%;margin: 0 auto;overflow: hidden;margin-top: 15px;}
.brandWrap .cont .txt17{color:#666}
.brandBg{background:url(/image/brand_bg1.png) no-repeat center;width:100%;height:500px;z-index:0;position: absolute;}
/*.brandWrap .cont::before{content:''; position:absolute; top:0; z-index:-1; left: 0; width:100%; height:580px; background:linear-gradient(to bottom, #fff 0%, #ddd 40%, #ddd 60%, #fff 100%)
background:linear-gradient(to bottom, #fff 0%, #c3ccd7 40%, #c3ccd7 60%, #fff 100%)}*/

.brandWrap2{position:relative;height:850px;margin-bottom:150px;}
.brandWrap2 .cont .txtM{font-size:18px;}
.brandWrap2 .cont .txtBig{font-size:25px;}
.brandWrap2 .container {
            position: relative;
            overflow: auto;
            display: block;
            width: fit-content;
            padding: 12%;
            margin: 2% auto;
			background:url(/image/brand_main01.jpg) no-repeat center;
			height: 780px;
 
         }
  .brandWrap2 .container::-webkit-scrollbar {
            display: none;
         }
 .brandWrap2 .container.on::before {
            content: "";
            width: 150%;
            height: 150%;
            position: absolute;
            top: 0;
            left: 0;
            background: #00000050;
         }
         .textWrap {
            position: relative;
            color: #fff;
            font-weight: 600;
         }
         .textWrap::after {
            display: block;
            content: "";
            position: absolute;
            width: 100%;
            height: 200px;
         }
         .textWrap p {
            opacity: 0;
            transition: all 0.5s;
			font-weight: 300;

         }
         .textWrap p.on {
            opacity: 1;
         }
		
		 .line1 {
			font-size:17px; margin-bottom:120px;
         }
         .line2 {
			font-size:17px; margin-bottom:60px;
         }
         .line3 {
			font-size:19px; margin-bottom:10px;font-weight: 500;
         }

         .line1.on {
            transition-delay: 2s;
         }
         .line2.on {
            transition-delay: 2.8s;
         }
         .line3.on {
            transition-delay: 3.6s;
         }
         .line4.on {
            transition-delay: 4.4s;
         }

         @keyframes showLines {
            100% {
               opacity: 1;
            }
         }

.brandWrap3{position:relative;height:850px;margin-bottom:150px;}
.brandWrap3 .cont .txtM{font-size:18px;}
.brandWrap3 .cont .txtBig{font-size:25px;}
.brandWrap3 .container {
            position: relative;
            overflow: auto;
            display: block;
            width: fit-content;
            padding: 12%;
            margin: 2% auto;
			background:url(/image/brand_main02.jpg) no-repeat center;
			height: 780px;
 
        }
.brandWrap3 .container::-webkit-scrollbar {
			display: none;
        }
.brandWrap3 .container.on::before {
            content: "";
            width: 150%;
            height: 150%;
            position: absolute;
            top: 0;
            left: 0;
            background: #00000050;
        }
		.textWrap {
            position: relative;
            color: #fff;
            font-weight: 600;
         }
         .textWrap::after {
            display: block;
            content: "";
            position: absolute;
            width: 100%;
            height: 200px;
         }
         .textWrap p {
            opacity: 0;
            transition: all 0.5s;
			font-weight: 300;

         }
         .textWrap p.on {
            opacity: 1;
         }
		
		 .line1 {
			font-size:17px; margin-bottom:120px;
         }
         .line2 {
			font-size:17px; margin-bottom:60px;
         }
         .line3 {
			font-size:19px; margin-bottom:10px;font-weight: 500;
         }

         .line1.on {
            transition-delay: 2s;
         }
         .line2.on {
            transition-delay: 2.8s;
         }
         .line3.on {
            transition-delay: 3.6s;
         }
         .line4.on {
            transition-delay: 4.4s;
         }

         @keyframes showLines {
            100% {
               opacity: 1;
            }
         }

@media all and (max-width: 1400px) {
.txt20{font-size:18px;}
.txt17{font-size:16px;}
.brandWrap2 .container{padding: 15% 10%;}
.brandWrap3 .container{padding: 15% 10%;}
}


@media all and (max-width: 1100px) {
.txt20{font-size:17px;}
.txt17{font-size:15px;}
.brandWrap2 .container{padding: 20% 10%;}
.brandWrap3 .container{padding: 20% 10%;}
}

@media all and (max-width: 960px) {
.txt20{font-size:16px;}
.txt17{font-size:14px;}
.brandWrap2 .container{padding: 23% 10%;}
.brandWrap3 .container{padding: 23% 10%;}
}


@media all and (max-width: 768px) {
.txt20{font-size:16px;}
.txt17{font-size:14px;}
.line1, .line2{font-size:16px}
.line3{font-size:18px;}
.brandWrap2 .container{padding: 25% 8%;}
.brandWrap2 .cont .txtM{font-size:15px;}
.brandWrap2 .cont .txtBig{font-size:20px;letter-spacing: 2px;}
.brandWrap3 .container{padding: 25% 8%;}
.brandWrap3 .cont .txtM{font-size:15px;}
.brandWrap3 .cont .txtBig{font-size:20px;letter-spacing: 2px;}
}

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

.brandWrap{height:550px;}

.txt20{font-size:15px;}
.txt17{font-size:13px;}
.brandWrap2 .container{padding: 16.5% 8%;}
.line1, .line2{font-size:15px;margin-bottom:35px;}
.line3{font-size:17px;}
.brandWrap2 .cont .txtM{font-size:13px;}
.brandWrap2 .cont .txtBig{font-size:16px;letter-spacing: 2px;}
.brandWrap3 .cont .txtM{font-size:13px;}
.brandWrap3 .cont .txtBig{font-size:16px;letter-spacing: 2px;}
}


@media all and (max-width: 460px) {
.brandWrap2 .container{padding: 19% 8%;}
.brandWrap3 .container{padding: 19% 8%;}
.line1, .line2{font-size:13px;margin-bottom:35px;}
.line3{font-size:15px;}
}

@media all and (max-width: 400px) {
.bsImg{background-size: cover; width: 300px;height: 300px;}
}

/*keyword*/

.keyword{height:850px;position:relative; width:100%;}

.keyword .cont {width: 90%;margin: 0 auto;overflow: hidden;}
.keyword .cont .left {width: 90%;margin: 0 0 25px 0;font-size: 26px;font-weight: 300;text-align: left;line-height: 1.1;letter-spacing: -1.2px;}
.keyword .cont .left .big {font-size: 30px;font-weight: 500;line-height: 1.1;letter-spacing: -1.5px;}
.keyword .cont .left .small {font-size: 13px;font-weight: 400;padding: 0px 0 0 3px;letter-spacing: 5px;}
.keyword .cont .right {width: 100%;padding: 0 5px;font-size: 15px;font-weight: 400;text-align: justify;line-height: 1.3;letter-spacing: -1.5px;}

.keyword .iconWrap {width:100%; min-height:355px; margin:0 auto; overflow:hidden;position: relative;}
.keyword .iconWrap ul{    display: flex;justify-content: space-between; width: 100%;max-width: 950px;margin: 0 auto;margin-top: 30px;}
.keyword .iconWrap .cir:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; }
.keyword .iconWrap .cir {position:relative; width:370px; height:370px; background-size:auto 100%; border-radius:50%; font-size:16px; color:#000; text-align:center; overflow:hidden;display: inline-block;}
.keyword .iconWrap .cir .txt {position:absolute; top:40%; width:100%; line-height:1.4;}
.keyword .iconWrap .cir strong {font-size:34px; display:block; letter-spacing:0;}
.keyword .iconWrap .cir02{position: absolute;transform: translate(-50%, 0%);left:50%;}

.keyword .iconWrap .cir .cirTit{font-size:19px; margin-top:37%;margin-bottom:7%;font-weight:600;}
.keyword .iconWrap .cir h3{margin-top: 44%;}

.keyword .iconWrap .cir01{border:3px solid #333f50;background:none;background: rgba(255,255,255, 0.8);}
.keyword .iconWrap .cir02{background:#333f50;z-index:1;color:#fff;}
.keyword .iconWrap .cir03{border:3px solid #adb9ca;background:none;background: rgba(255,255,255, 0.8);}

.keyIcon01{background:url(/image/keyIcon01.png) no-repeat center;width:55px;height:55px;position: absolute;top:80px; transform: translate(-50%, -50%);left: 50%;}
.keyIcon02{background:url(/image/keyIcon02.png) no-repeat center;width:55px;height:55px;position: absolute;top:80px; transform: translate(-50%, -50%);left: 50%;}
.keyIcon03{background:url(/image/keyIcon03.png) no-repeat center;width:55px;height:55px;position: absolute;top:80px; transform: translate(-50%, -50%);left: 50%;}

	@media only screen and (min-width: 768px) {

		.keyword .cont .left {
			float: left;
			width: 32%;
			font-size: 29px;
		}
		.keyword .cont .left .big {font-size: 27px;	}
		.keyword .cont .left .small {
			font-size: 16px;
			padding: 5px 0 0 5px;
		}

		.keyword .cont .right {
			float: left;
			width: 68%;
			font-size: 17px;
			padding: 0 5px 0 45px;
			border-left: 1px solid #e2e2e2;
			margin-bottom: 50px;
		}

	}

	@media only screen and (min-width: 1000px) {

    	.keyword .cont {width: 80%;}
		.keyword .cont .left {
			width: 32%;
			font-size: 40px;
		}
		.keyword .cont .left .big {font-size: 35px;}
		.keyword .cont .left .small {
			font-size: 15px;
			padding: 8px 0 0 5px;
		}

		.keyword .cont .right {font-size: 18px;    margin-bottom: 80px;}

	}

	@media only screen and (min-width: 1600px) {
		.keyword .cont {width: 1300px;}
		.keyword .cont .left {
			width: 379px;
			margin: 0;
			font-size: 35px;
		}
		.keyword .cont .left .big {font-size: 42px;}
		.keyword .cont .left .small {
			font-size: 15px;
			padding: 8px 0 0 5px;
			letter-spacing: 0px;
		}

		.keyword .cont .right {
			width: 921px;
			padding: 0 120px 0 90px;
			font-size: 28px;
			margin-bottom: 80px;
		}


	}


@media all and (max-width:1200px) {
	.keyword .iconWrap{width:100%;    margin-top: 50px;}
	.keyword .iconWrap .cir {width:300px;; height:300px; }
	.keyIcon01, .keyIcon02, .keyIcon03{top:60px;}
}


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

	.keyword .iconWrap .cir {width:295px; height:295px; font-size:16px;}
	.keyword .iconWrap .cir strong {font-size:26px;}

}

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

	.keyword .iconWrap .cir {width: 270px;height: 270px;font-size: 14px;}
	.keyIcon01, .keyIcon02, .keyIcon03{top:50px;}
	.keyword .iconWrap ul{display: inline-block;}
	.keyword .iconWrap .cir02{position: relative;left:0;transform:none;}
	.keyword .iconWrap .cir03{margin-top: -40px;}
}

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


	.keyword .iconWrap .cir {width:250px; height:250px; font-size:14px;}
	.keyword .iconWrap .cir strong {font-size:21px;}
	.keyIcon01, .keyIcon02, .keyIcon03{top:40px;}
	.keyword .iconWrap .cir03{margin-top: -35px;}
}

@media all and (max-width:600px) {
	.keyword{height:auto;}
	.keyword .iconWrap {margin:0 auto; text-align:center; display:inline-block;margin-bottom:90px;}
	
	.keyword .iconWrap .cir02{position: relative;left:0;transform: none;}
	.keyword .iconWrap .cir:last-child {float:none;margin-top: -35px;}
	.keyword .iconWrap .cir strong {font-size:21px;}
	.keyword .iconWrap ul{display:block;}
	.keyword .iconWrap .cir h3{margin-top:79px;}
	.keyword .iconWrap .cir .cirTit{margin-top: 80px;margin-bottom: 4%;}
	.keyIcon01, .keyIcon02, .keyIcon03{top:40px;}
	
}

@media all and (max-width:560px) {
	
	.keyword .iconWrap .cir {font-size:13px;}
	.keyword .iconWrap .cir h3{    margin-top: 99px;}
	.keyword .iconWrap .cir {width:250px; height:250px;font-size:15px;}
	.keyword .iconWrap .cir:last-child{margin-top:0;}
	
}






.cell{height:710px;/*width:1160px;*/position: relative;margin-bottom: 60px; }
.cell .cellTit{font-size:32px;}
.cell ul{margin-bottom:30px;margin:0 auto;}
.cell .celltxt{padding: 50px;text-align: center;top: 270px;right: 0;}
.cell .celltxt p{font-size: 18px;letter-spacing: 1px;line-height: 1.4;}
.cell .cellImg01, .cellImg02, .cellImg03{width:430px;height:420px;display: inline-block; margin-right: 15px;}


.cellImg01{background:url(/image/cell01.jpg) no-repeat center;background-size: cover;}
.cellImg02{background:url(/image/cell02.jpg) no-repeat center;background-size: cover;}
.cellImg03{background:url(/image/cell03.jpg) no-repeat center;background-size: cover;margin-right: 0;}


@media all and (max-width: 1400px) {
.cell .cellImg01, .cellImg02, .cellImg03{width:32%;height:360px;}


/*.Bg_left, .Bg_right{display:none;}*/
}


@media all and (max-width: 980px) {
.cell .cellImg01, .cellImg02, .cellImg03{width:30%;height:250px;}
.cell .celltxt{position: relative;top:0;}

.cell .celltxt p{font-size:16px;}
}


@media all and (max-width: 500px) {
.cell{height:100%;}
.cell .cellImg01, .cellImg02, .cellImg03{height:190px;width:100%}
.cell .celltxt{padding:40px;}
.cell .celltxt p{font-size:15px;}
}

/*.Bg_top{position: absolute;width: 850px; height: 800px;background:url(/image/brandbg1.png) no-repeat center;top: -173px;right: -198px;}*/
/*.Bg_bot{position: absolute;width: 500px; height:500px;background:url(/image/brandbg2.png) no-repeat ;bottom: 550px;left: -108px;}*/
.Bg_left{position: absolute;width: 400px; height: 400px;background:url(/image/brandbg3.png) no-repeat center;top: 1300px;right: -8px;}
.Bg_right{position: absolute;width: 400px; height:400px;background:url(/image/brandbg2.png) no-repeat ;top: 1300px;left: -8px;}
.Bg_left2{position: absolute;width: 400px; height: 400px;background:url(/image/brandbg33.png) no-repeat center;top: 1300px;right: -8px;}
.Bg_right2{position: absolute;width: 400px; height:400px;background:url(/image/brandbg22.png) no-repeat ;top: 1300px;left: -8px;}

@media all and (max-width: 1400px) {
.Bg_left{right: -28px;}
.Bg_right{left: -28px;}
.Bg_left2{right: -28px;}
.Bg_right2{left: -28px;}
}


@media all and (max-width: 1150px) {
.Bg_left, .Bg_right{background-size: 70%;}
.Bg_left{right: -78px;}
.Bg_right{left: -38px;}
.Bg_left2, .Bg_right2{background-size: 70%;}
.Bg_left2{right: -78px;}
.Bg_right2{left: -38px;}
}



@media all and (max-width: 500px) {
.Bg_left, .Bg_right{background-size: 65%;top:1360px;}
.Bg_left{right: -78px;}
.Bg_right{left: -38px;}
.Bg_left2, .Bg_right2{background-size: 65%;top:1360px;}
.Bg_left2{right: -78px;}
.Bg_right2{left: -38px;}
}


/*문의하기 편집기 css*/

.blue_list {width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    padding: 3.9%;}

@media screen and (max-width: 1500px) {
	.blue_list {width:95%;}
}


@media screen and (max-width: 1100px) {
	.blue_list {width:100%; padding: 30px 20px; margin:0 auto 50px;}

}

@media screen and (max-width: 480px) {
	.blue_list{padding: 30px 10px;}

}


.blue_list .blue_table{width:100%;}
.blue_list .blue_table th{background:#f7f7f7;border-bottom: 1px solid #f1f1f1;}
.blue_list .blue_table td{    padding: 5px 15px;}