@charset "utf-8";

@font-face{
	font-family:'cjBodyLight';
	src:url('../font/cjBodyLight.eot');
	src:url('../font/cjBodyLight.eot?#iefix') format('embedded-opentype'),
		url('../font/cjBodyLight.woff') format('woff'),
		url('../font/cjBodyLight.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'cjBodyRegular';
	src:url('../font/cjBodyRegular.eot');
	src:url('../font/cjBodyRegular.eot?#iefix') format('embedded-opentype'),
		url('../font/cjBodyRegular.woff') format('woff'),
		url('../font/cjBodyRegular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'cjTitle';
	src:url('../font/cjTitle.eot');
	src:url('../font/cjTitle.eot?#iefix') format('embedded-opentype'),
		url('../font/cjTitle.woff') format('woff'),
		url('../font/cjTitle.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

/*-----------------------------------------------------------------------------------
	Reset Properties
-----------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {word-break:keep-all;margin:0;padding:0;background:none transparent;font-size:100%;font-weight:normal;font-style:normal;border:0;font-size:100%;-webkit-text-size-adjust:none;}
table{width:100%; border-collapse:collapse;border-spacing:0;border:0;table-layout:fixed;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
ins{text-decoration:none;}
del{text-decoration:line-through;}
pre{white-space:pre-wrap;word-wrap:break-word;}
img{vertical-align:top;-ms-interpolation-mode:bicubic;}
li{list-style:none;}
address, caption, em, cite{font-weight:normal;font-style:normal;}
legend, caption, hr{position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;text-indent:-9999px;line-height:0;overflow:hidden;}

body{font:16px/1.6 "cjBodyLight", sans-serif;color:#666;-webkit-text-size-adjust:none;}
a{color:#666;text-decoration:none;}
a:visited, a:hover, a:active{color:#666;text-decoration:none;}
label, select, input, textarea{font:16px/1.4 "cjBodyLight", sans-serif;color:#666;vertical-align:middle;}
input, textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"]{padding:0;}
input[type="search"]{border-radius:0;-webkit-border-radius:0;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
::-webkit-input-placeholder{color:#666;}
:-moz-placeholder{color:#666;}
::-moz-placeholder{color:#666;}
:-ms-input-placeholder{color:#666;}
.flex-center-left{display:flex;align-items:center;justify-content:flex-start;}

/*-----------------------------------------------------------------------------------
	Layout Properties
-----------------------------------------------------------------------------------*/
#wrap{width:100%;height:100%;}
#header{position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:101;-webkit-transition: 0.2s linear;-ms-transition: 0.2s linear;transition: 0.2s linear}
#header.up{top:-81px}
#header h1{position:absolute;left:40px;top:17px;}
#header h1 img{width:91px;height:46px;}
#gnb{width:100%;height:81px;background:#fff url("../images/bg_gnb_layer.png") repeat-x left top;-webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
#gnb.open{height:413px}
#gnb .nav_menu{position:relative;width:70%;max-width:740px;margin:0 auto;text-align:center;font-size:0;}
#gnb .nav_menu > li{display:inline-block;width:20%;vertical-align:top;}
#gnb .nav_menu > li > a{display:block;width:100%;height:62px;line-height:normal;padding-top: 18px;font-size:17px;color:#222;font-family:"cjBodyRegular"}
#gnb .nav_menu > li > a .nav_dot{font-size:150%;vertical-align:top}
#gnb .nav_menu > li > div {position:absolute;left:50%;top:100px;width:1000px;height:0;margin-left:-500px;font-size:20px;text-align:center;opacity:0;overflow:hidden;transform:translateY(-20px)}
#gnb .nav_menu > li.on:after{content:"";position:relative;top:-6px;display:inline-block;width:14px;height:13px;margin-left:-7px;background:url("../images/bg_gnb_depth.png") no-repeat center bottom;}
#header.up #gnb .nav_menu> li.on:after {background:none}
#header.gnbAllOpen #gnb .nav_menu> li.on:after {background:none}
#gnb .nav_menu > li.on > a{color:#007abe;}
#gnb.open .nav_menu > li > div {height:332px;transform:translateY(0px);-webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
#gnb.open .nav_menu > li.on > div {opacity:1;z-index:1;-webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
#gnb .nav_menu > li.on > div:before{background-position:center top;}
#gnb .nav_menu > li > div > dl {position:absolute;top:26px;left:0;width:235px;;height:246px;text-align:left;background:url("../images/bg_gnb_depth2.png") no-repeat left top;}
#gnb .nav_menu > li > div > dl dt {color:#212121;font-size:28px;font-family:"cjTitle";line-height:1.3;padding-top:17px}
#gnb .nav_menu > li > div > dl dd {position:absolute;bottom:0;left:0;color:#666;font-size:16px;font-family:"cjBodyRegular";line-height:1.5}
#gnb .nav_menu > li > div > ul {position:absolute;top:25px;left:238px;width:762px}
#gnb .nav_menu > li > div > ul > li {float:left;position:relative;padding:0 0 12px 12px}
#gnb .nav_menu > li > div > ul > li > a{display:block;position:relative;overflow:hidden}	/* 2023-01-06 수정 : gnb 웹 접근성 관련 수정 */
#gnb .nav_menu > li > div > ul > li > a > strong{position:absolute;left:0;bottom:0;width:100%;height:40px;padding-right:20px;font-size:20px;color:#fff;font-family:"cjBodyRegular";text-align:right;line-height:40px;background-color:rgba(0,0,0,.5);box-sizing:border-box;}	/* 2023-01-06 수정 : gnb 웹 접근성 관련 수정 **/
#gnb .nav_menu > li > div > ul > li > a > span img {transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
#gnb .nav_menu > li > div > ul > li > a:hover > span img {transform:matrix(1.15, 0, 0, 1.15, 0, 0)}
#gnb .nav_menu > li > div > ul.dm1 > li:nth-child(3) {float:right}
#gnb .nav_menu > li > div > ul.dm4 > li:nth-child(3), #gnb .nav_menu > li > div > ul.dm4 > li:nth-child(4), #gnb .nav_menu > li > div > ul.dm4 > li:nth-child(5) {float:right}
.nav_menu > li > div > ul.dm4 > li:nth-child(4) {clear:left}
.nav_menu > li > div > ul.dm4 > li:nth-child(5) {margin-top:-127px}

#gnb .nav_line {position:absolute;top:64px;left:50%;display:block;height:2px;width:0;margin:0;background:#007abe;border:0 none;-webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
#gnb.open .nav_line {display:block}

#gnbAll{position:fixed;left:0;top:81px;width:100%;height:0;overflow:hidden;background:#fff;}
#gnbAll.open{height:410px;}
#gnbAll .scrollbar-inner{display:none;width:1000px;height:390px;margin:0 auto;text-align:center;font-size:0;}
#gnbAll.open .scrollbar-inner{display:block}
#gnbAll .scrollbar-inner > li{display:inline-block;width:20%;vertical-align:top;padding-top:47px}
#gnbAll .scrollbar-inner > li > a{display:block;width:100%;color:#212121;font-size:22px;font-family:"cjBodyRegular";cursor:default}
#gnbAll .scrollbar-inner  li  a .nav_dot{font-size:140%;vertical-align:top;line-height:1.15}
#gnbAll .scrollbar-inner > li > ul{position:relative;padding-top:22px;margin-top:18px;background:url("../images/bg_gnb_depth2_2.png") no-repeat center top}
#gnbAll .scrollbar-inner > li > ul > li{line-height:2}
#gnbAll .scrollbar-inner > li > ul > li > a{color:#666;font-size:16px}
#gnbAll .scrollbar-inner > li > ul > li > a:hover{color:#007abe;}

#gnbAll .home{position:absolute;right:40px;top:24px;font-size:0;}
#gnbAll .home .goToMain{display:none;}
#header .gnbOpen{position:absolute;right:40px;top:27px;display:block;width:35px;}
#header .gnbOpen img{width:100%}
#header .gnbClose{display:none;position:absolute;right:40px;top:27px;width:27px;}
#header .gnbClose img{width:100%}

#gnbDim {position:fixed;top:81px;bottom:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.3)}
#gnbOverDim {position:fixed;top:81px;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.3);z-index:-1;-webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
#gnbOverDim.open {opacity:1;z-index:100}

.menu_2depth {position:fixed;top:81px;left:0;width:100%;height:54px;background:#fafafa;z-index:100;-webkit-transition: 0.2s linear;transition: 0.2s linear}
.menu_2depth.up {position:fixed;top:0;left:0}
.menu_2depth.up.out {top:-53px}
.menu_2depth ul {width:1000px;margin:0 auto;text-align:center}
.menu_2depth ul li {display:inline-block;padding:14px 20px}
.menu_2depth ul li a {display:inline-block;color:#666;font-size:14px}
.menu_2depth ul li.on a {color:#007abe;font-family:"cjTitle"}


#container{position:relative;width:100%;min-height:800px;padding-top:135px;overflow:hidden;}
#container.no2depth {padding-top:81px}
#container.gray_cover {background:#f5f5f5}
#content{width:100%;max-width:1080px;padding:12px 40px 140px;margin:0 auto;box-sizing:border-box;}
#content.wide{max-width:1440px;padding:12px 0 140px;}
#content.full{max-width:100%;padding:12px 0 140px;}
#content.main{max-width:100%;padding:0;}
.location{width:100%;max-width:1080px;margin:0 auto;padding:18px 40px 0;text-align:right;font-size:16px;color:#767676;box-sizing:border-box;}
.location strong{display:inline-block;width:16px;padding-right:1px;vertical-align:middle;}
.location strong img{width:100%;}
.location .lc_line {display:inline-block;vertical-align:middle;margin:0 9px;width:6px;height:14px;background:url("../images/ico_loca_arrow.png") no-repeat center top;background-size:6px 9px;}
.location .lc_line i{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;line-height:0;overflow:hidden;}
.location em {font-family:"cjBodyRegular"}
.location.visual_cover {position:relative;z-index:1}
.location.visual_cover .lc_line {background:url("../images/ico_loca_arrow_white.png") no-repeat center top;background-size:6px 9px;}
.location.visual_cover [class^="breadcrumb"] {color:#fff}
.title{position:relative;padding-bottom:19px;margin-bottom:80px;text-align:center;font-size:42px;color:#222;font-family:"cjTitle";letter-spacing:-1px;}
.title:before{content:"";position:absolute;left:50%;bottom:0;margin-left:-30px;display:inline-block;width:60px;height:3px;background:#1a1a1a;}
.title.noLine{padding-bottom:0;margin-bottom:30px;}
.title.noLine:before{display:none;}
.titleWrap{width:100%;margin-bottom:84px;box-sizing:border-box;}
.titleWrap .titleTxt{margin-top:-52px;font-size:22px;line-height:1.6;color:#222;font-family:"cjTitle";text-align:center;letter-spacing:-1px;word-break:break-all;}
.titleWrap .titleTxt .blocking{display:block;}
.titleWrap .titleTxt.inCnt{margin-top:0;}
.titleWrap .titleTxt strong{color:#007abe;}
.titleWrap .subTxt{margin-top:24px;text-align:center;word-break:break-all;}
.titleWrap .subTxt .blocking{display:block;}
.titleWrap.with_tab .title {margin-bottom:32px}
.titleWrap.with_tab .titleTxt {margin-top:27px}

#footer{position:relative;width:100%;background:#212121;}
#footer .footWrap{position:relative;width:100%;max-width:1080px;height:200px;margin:0 auto;padding:35px 40px 0;box-sizing:border-box;}
#footer .footWrap .footLogo{float:left;width:100px;margin-right:50px;}
#footer .footWrap .footLogo img{width:100%;}
#footer .footWrap .footCnt{float:left;}
#footer .footWrap .footCnt .footMenu{margin:-3px 0 30px;}
#footer .footWrap .footCnt .footMenu dd{width:100%;}
#footer .footWrap .footCnt .footMenu dd:after{content:"";display:block;clear:both;}
#footer .footWrap .footCnt .footMenu li{float:left;margin-right:25px;}
#footer .footWrap .footCnt .footMenu li:last-child{margin-right:0;}
#footer .footWrap .footCnt .footMenu li a{font-size:14px;color:#fff;}
#footer .footWrap .footCnt .footMenu li.btn_privacy_policy a{font-weight:bold}
#footer .footWrap .footCnt #address ul{width:100%;line-height:22px;}
#footer .footWrap .footCnt #address ul:after{content:"";display:block;clear:both;}
#footer .footWrap .footCnt #address li{position:relative;float:left;padding-right:25px;color:#888;font-size:13px;}	/* 2023-01-06 수정 : footer 웹 접근성 관련 수정 */
#footer .footWrap .footCnt #address li:before{position:absolute;right:12px;top:50%;margin-top:-5px;content:"";display:inline-block;width:1px;height:10px;background:#383838;}
#footer .footWrap .footCnt #address li:last-child{padding-right:0;}
#footer .footWrap .footCnt #address li:last-child:before{display:none;}
#footer .footWrap .footCnt #address li>a{color:#888;}
#footer .footWrap .footCnt #address .copyright{margin-top:3px;font-size:12px;color:#888;}		/* 2023-01-06 수정 : footer 웹 접근성 관련 수정 */

#footer .footWrap .btn_toggle{position:absolute;right:40px;top:0;display:inline-block;padding:0 50px 0 20px;height:70px;line-height:70px;font-size:15px;color:#fff;box-sizing:border-box;}
#footer .footWrap .btn_toggle:before{content:"";position:absolute;right:20px;top:50%;margin-top:-6px;width:13px;height:13px;background:url("../images/btn_family_toggle.png") no-repeat right top;background-size:26px 13px;}
#footer .footWrap .btn_toggle.on{background:#1a1a1a;}
#footer .footWrap .btn_toggle.on:before{background-position:left top;}
#footer .familySite{position:absolute;bottom:200px;left:0;width:100%;height:0;background:#1a1a1a;overflow:hidden;z-index:100;display:none;}
#footer .familySite.open{height:272px;display:block;}
#footer .familySite .familyList{position:relative;width:100%;max-width:1080px;font-size:0;padding:63px 40px;margin:0 auto;box-sizing:border-box;}
#footer .familySite .familyList > ul{width:100%;font-size:0;}
#footer .familySite .familyList > ul:after{content:"";display:block;clear:both;}
#footer .familySite .familyList > ul > li{display:inline-block;margin-left:80px;vertical-align:top;text-align:left;}
#footer .familySite .familyList > ul > li:first-child{margin-left:0;}
#footer .familySite .familyList > ul > li strong{display:block;margin-bottom:12px;font-size:14px;color:#999;}
#footer .familySite .familyList > ul > li > ul > li{line-height:22px;}
#footer .familySite .familyList > ul > li > ul > li a{font-size:15px;color:#fff;}

@media screen and (max-width:1080px) {
	#gnb .scrollbar-inner{width:52%;}

	#footer .footWrap .btn_toggle{right:0;}
	#footer .familySite .familyList > ul > li{margin-left:75px;}
}

@media screen and (max-width:1024px) {
	#gnb.open {height:482px}
	#gnb .nav_menu {left:3%;width:68%}
	#gnb .nav_menu > li > a{font-size:13px}
	#gnb .nav_menu > li > div {left:46%;width:750px;margin-left:-375px}
	#gnb.open .nav_menu > li > div {height:400px}
	#gnb .nav_menu > li > div > dl {position:relative;top:10px;width:auto;height:auto;background:none}
	#gnb .nav_menu > li > div > dl br {display:none}
	#gnb .nav_menu > li > div > dl dt {font-size:22px}
	#gnb .nav_menu > li > div > dl dd {position:realtive;bottom:auto;padding-top:5px}
	#gnb .nav_menu > li > div > ul {left:-12px;top:95px;width:762px}
	#gnb .nav_line {top:58px}
	
	#gnbAll.open{height:395px;}
	#gnbAll .scrollbar-inner{width:750px}
	#gnbAll .scrollbar-inner > li {padding-top:40px}
	#gnbAll .scrollbar-inner > li > a {font-size:18px}
	#gnbAll .scrollbar-inner > li > ul > li {line-height:2.25}
	#gnbAll .scrollbar-inner > li > ul > li > a {font-size:14px}
	
	.menu_2depth ul {width:750px}
	
	#content{padding:12px 40px 100px;}
	#content.wide, #content.full{padding:40px 0 100px;}
	.titleWrap .titleTxt{padding:0 10%;}
	.titleWrap .subTxt{padding:0 10%;}
	.titleWrap .titleTxt .blocking{display:inline;}
	.titleWrap .subTxt .blocking{display:inline;}

	#footer .footWrap{padding:15px 40px 0;}
	#footer .footWrap h1{margin-right:0;}
	#footer .footWrap .footCnt{margin-top:40px;clear:both;}
	#footer .footWrap .footCnt .footMenu{position:absolute;left:190px;top:30px;margin:0;}
	#footer .footWrap .footCnt #address li{padding-right:15px;letter-spacing:-1px;}
	#footer .footWrap .footCnt #address li:before{right:7px;}
	#footer .familySite{overflow-y:scroll;}
	#footer .familySite .familyList > ul > li{width:25%;margin:0 0 75px 0;}
	#footer .familySite .familyList > ul > li:first-child + li + li + li + li, #footer .familySite .familyList > ul > li:first-child + li + li + li + li + li{margin-bottom:0;}
}

@media screen and (max-width:860px) {
	#footer .footWrap .footCnt .footMenu{left:150px}
	#footer .footWrap .footCnt .footMenu li{float:left;margin-right:15px;}
}

@media screen and (max-width:767px) {
	#header{height:50px;padding:0 15px;border-bottom:1px solid #d9d9d9;background:#fff;}
	#header.up{top:-50px}
	#header h1{left:15px;top:9px;}
	#header h1 img{width:auto;height:33px;}
	#gnb {display:none}
	#gnbAll{position:fixed;right:0;top:0;left:auto;width:240px;border:0;box-shadow:20px 0 60px #000;display:none;background:#fff;-webkit-transition:none;transition:none}
	#gnbAll.open{display:block;height:100%}
	#gnbAll .scrollbar-inner{width:100%;text-align:left;overflow-y:scroll;box-sizing:border-box;}
	#gnbAll .scrollbar-inner > li{display:block;width:auto;padding:0 0 0 20px;}
	#gnbAll .scrollbar-inner > li > a{position:relative;height:35px;line-height:1.4;padding:14px 0 12px;font-size:16px;color:#666;cursor:pointer;}
	#gnbAll .scrollbar-inner > li > a:hover{color:#007abe;}
	#gnbAll .scrollbar-inner > li.on > a{color:#007dc3;}
	#gnbAll .scrollbar-inner > li > a:before{content:"";position:absolute;right:20px;top:0%;display:inline-block;width:180px;height:30px;background:url("../images/ico_gnb_arrow.png") no-repeat right 22px;background-size:85px auto;}
	#gnbAll .scrollbar-inner > li.open > a:before{background:url("../images/ico_gnb_arrow_open.png") no-repeat right 22px;background-size:85px auto;}
	#gnbAll .scrollbar-inner > li.on > a:before{background:url("../images/ico_gnb_arrow_on.png") no-repeat right 22px;background-size:85px auto;}
	#gnbAll .scrollbar-inner > li.open.on > a:before{background:url("../images/ico_gnb_arrow_open_on.png") no-repeat right 22px;background-size:85px auto;}
	#gnbAll .scrollbar-inner li a .nav_dot {vertical-align:middle}
	#gnbAll .scrollbar-inner > li > ul{padding:0;margin:0;display:none;background:none}
	#gnbAll .scrollbar-inner > li.open > ul{display:block;}
	#gnbAll .scrollbar-inner > li > ul:before{display:none;}
	#gnbAll .scrollbar-inner > li > ul > li{line-height:1.4;}
	#gnbAll .scrollbar-inner > li > ul > li > a{display:block;height:34px;line-height:34px;margin:0 4px;padding-left:13px;font-size:14px;color:#666;box-sizing:border-box;background:url("../images/ico_gnb_depth2.png") no-repeat left center;background-size:7px auto;}
	#gnbAll .scrollbar-inner > li > ul > li.on > a{color:#007abe;background:url("../images/ico_gnb_depth2_on.png") no-repeat left center;background-size:7px auto;}
	#gnbAll .scrollbar-inner > li > ul > li > a:hover{color:#007abe;background:url("../images/ico_gnb_depth2_on.png") no-repeat left center;background-size:7px auto;}
	#gnbAll .home{left:0;right:auto;top:0;width:100%;height:50px;padding:16px 0 0 20px;border-bottom:1px solid #d9d9d9;background:#fff;box-sizing:border-box;font-size:0;}
	#gnbAll .home .goToMain{position:relative;display:inline-block;padding-left:22px;margin-right:17px;color:#666;font-size:12px;font-family:"cjBodyRegular"}
	#gnbAll .home .goToMain:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:16px;height:20px;margin-top:-10px;background:url("../images/ico_loca_home.png") no-repeat left center;background-size:16px auto;}
	#header .gnbOpen{position:absolute;right:15px;top:17px;display:block;width:20px;}
	#header .gnbOpen img{width:100%;}
	#header .gnbClose{display:none;position:absolute;right:17px;top:17px;width:15px;z-index:101}
	#header .gnbClose img{width:100%;}
	
	#gnbDim {top:0;background:rgba(0,0,0,.8)}
	
	.menu_2depth {display:none}

	#container{min-height:300px;padding-top:50px;}
	#container.no2depth {padding-top:50px}
	#content{padding:40px 15px 70px;}
	#content.wide, #content.full{padding:50px 0 70px;}
	.location{display:none;}
	.title{margin-bottom:46px;padding-bottom:18px;font-size:34px;}
	.title:before{width:50px;height:3px;margin-left:-25px;}
	.titleWrap{margin-bottom:40px;}
	.titleWrap .titleTxt{margin-top:-20px;padding:0;font-size:20px;line-height:32px;}
	.titleWrap .titleTxt .blocking{display:block;}
	.titleWrap.with_tab {margin-bottom:40px}

	#footer .footWrap{height:290px;padding:53px 0 0;}
	#footer .footWrap h1{display:none;}
	#footer .footWrap .footCnt{float:none;margin-top:0;}
	#footer .footWrap .footCnt .footMenu{position:static;left:auto;top:auto;border-top:1px solid #4c4c4c;zoom:1}
	#footer .footWrap .footCnt .footMenu:after{content:"";display:block;clear:both;}
	#footer .footWrap .footCnt .footMenu ul {margin-left:-1px}
	#footer .footWrap .footCnt .footMenu li{float:left;width:50%;margin:0;text-align:center}
	#footer .footWrap .footCnt .footMenu li.intranet{display:none;}
	#footer .footWrap .footCnt .footMenu li a{display:block;font-size:14px;padding:9px 0 10px;border-left:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c}
	#footer .footWrap .footCnt #address{margin:20px 15px 0;}
	#footer .footWrap .footCnt #address ul{line-height:18px;}
	#footer .footWrap .footCnt #address li{font-size:11px;}
	#footer .footWrap .footCnt #address .copyright{margin-top:20px;font-size:11px;}
	#footer .familySite{height:0;}
	#footer .familySite.open{height:200px;}
	#footer .familySite .familyList{padding:37px 15px;}
	#footer .familySite .familyList > ul > li{width:33.3%;margin:0 0 75px 0;}
	#footer .familySite .familyList > ul > li:first-child + li + li + li{margin-bottom:0;}
	#footer .familySite{bottom:290px;}
	#footer .footWrap .btn_toggle{top:0;display:block;width:100%;padding:0 23px 0 0;height:53px;line-height:53px;font-size:16px;text-align:center;background:#212121;}
	#footer .footWrap .btn_toggle:before{right:50%;margin-right:-74px;margin-top:-7px}
}

@media screen and (max-width:640px) {
	.titleWrap .titleTxt{padding:0 15px;}
	.titleWrap .subTxt{padding:0 15px;}
	.titleWrap .titleTxt .blocking{display:inline;}

	#footer .familySite .familyList > ul > li{width:50%;margin:0 0 37px 0;}
	#footer .familySite .familyList > ul > li:first-child + li + li + li{margin-bottom:37px;}
}


/*-----------------------------------------------------------------------------------
	Common Properties
-----------------------------------------------------------------------------------*/
/* ?�근??관??*/
.skipNavi a{position:absolute;top:-9999px;left:0px;display:block;width:100%;height:30px;line-height:30px;background:#007dc3;text-align:center;color:#fff;font-size:16px;z-index:9999;}
.skipNavi a:focus, .skipNavi a:hover{top:0;left:0;}
.blind{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;line-height:0;overflow:hidden;}


/* 버튼 */
a.btnDown{position:relative;display:inline-block;padding-right:25px;color:#007dc3;font-size:16px;}
a.btnDown:before{content:"";position:absolute;right:0;top:50%;margin-top:-8px;display:inline-block;width:17px;height:17px;background:url("../images/ico_btn_down.png") no-repeat center top;background-size:17px 17px;}
a.btnDown.gray{color:#666;}
a.btnDown.gray:before{background-image:url("../images/ico_btn_down02.png");}
.btn{display:inline-block;min-width:145px;height:50px;line-height:48px;padding:0 45px;font-size:16px;text-align:center;box-sizing:border-box;}
.btn.default{color:#666;border:1px solid #b3b3b3;background-color:#fff;}
.btn.default:hover{color:#007dc3;border-color:#007dc3;}
.btn.point{color:#fff;background-color:#007abe;}
.btn.default .plus{position:relative;display:inline-block;padding-right:20px;}
.btn.default .plus:before{content:"+";position:absolute;right:0;top:1px;display:inline-block;font-size:21px;}
.btn.w145{padding:0;}

@media screen and (max-width:1024px) {
	.btn.default:hover{color:#666;border-color:#b3b3b3;}
}

@media screen and (max-width:767px) {
	.btnDown:before{width:13px;height:13px;background-size:13px 13px;}
	.btn{min-width:110px;height:40px;line-height:38px;padding:0 30px;}
	.btn.w145{width:139px;}
}


/* ?�버??*/
.btnGoTop{position:absolute;right:40px;bottom:40px;width:50px;z-index:100;}
.btnGoTop img{width:100%;}

@media screen and (max-width:767px) {
	.btnGoTop{right:20px;bottom:20px;}
}


/* 본문 리스???��???*/
ul.listType > li{position:relative;padding-left:10px;box-sizing:border-box;}
ul.listType > li:before{content:"-";position:absolute;left:0;top:0;}


/* ??��??*/
.tabList{position:relative;width:100%;z-index:10;}
.tabList .position{display:none;}
.tabList ul{width:100%;text-align:center;font-size:0;}
.tabList li{position:relative;display:inline-block;width:172px;height:51px;border-bottom:1px solid #959595;}
.tabList li a{position:absolute;left:0;top:0;display:block;width:171px;height:50px;line-height:50px;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;font-size:16px;color:#767676;}
.tabList li:first-child a{width:170px;border-left:1px solid #c9c9c9;}
.tabList li.on a{left:-1px;width:171px;border:1px solid #007abe;color:#007dc3;z-index:11;}
.tabList li.on:before{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;background:url("../images/bg_ico_tab.png") no-repeat left top;}
.tabCntArea{margin-top:65px;}
/*.tabCntArea > ul > li{display:none;}
.tabCntArea > ul > li.open{display:block;}*/

@media screen and (max-width:767px) {
	.tabList .position{position:relative;display:block;width:100%;height:49px;padding:0 38px 0 15px;line-height:49px;border-bottom:1px solid #007abe;font-size:16px;color:#007abe;box-sizing:border-box;}
	.tabList .position:before{content:"";position:absolute;right:15px;top:50%;display:inline-block;width:18px;height:10px;background:url("../images/bg_tab_select.png") no-repeat center top;background-size:18px 20px;}
	.tabList.open .position:before{background-position:center bottom;}
	.tabList ul{position:absolute;left:0;top:49px;background:#fff;display:none;}
	.tabList.open ul{display:block;}
	.tabList li{display:block;width:100%;height:auto;text-align:left;border-bottom:0;}
	.tabList li:first-child a{width:100%;border-left:1px solid #e6e6e6;}
	.tabList li.on:before{display:none;}
	.tabList li a{position:static;top:auto;left:auto;display:block;width:100%;height:49px;padding:0 38px 0 15px;line-height:49px;border:1px solid #e6e6e6;border-top:0;box-sizing:border-box;}
	.tabList li.on a{width:100%;border:1px solid #e6e6e6;border-top:0;}
	.tabCntArea{margin-top:48px;}
}


/* ?�이지 ?�비게이??*/
.paging{width:100%;margin-top:47px;text-align:center;}
.paging span{display:inline-block;width:17px;height:35px;vertical-align:middle;}
.paging span a{display:block;width:100%;height:35px;line-height:31px;}
.paging span a img{width:100%;vertical-align:middle;}
.paging .prev{margin-right:25px;}
.paging .next{margin-left:25px;}
.paging > a{display:inline-block;min-width:35px;height:35px;margin:0 4px;padding:0 5px;line-height:35px;border:1px solid #ccc;font-size:16px;color:#333;background:#fff;vertical-align:middle;box-sizing:border-box;}
.paging > a.on{border:0;background:#007dc3;color:#fff;}

.view_paging{position:relative;width:100%;margin-top:50px;text-align:center;}
.view_paging .prev, .view_paging .next{position:absolute;display:inline-block;min-width:17px;min-height:11px;}
.view_paging .prev{left:0;top:12px;padding-left:32px;background:url("../images/btn_view_prev.png") no-repeat left 5px;background-size:17px 11px;}
.view_paging .next{right:0;top:12px;padding-right:32px;background:url("../images/btn_view_next.png") no-repeat right 5px;background-size:17px 11px;}
.view_paging .prev span, .view_paging .next span{font-size:16px;color:#666;}

@media screen and (max-width:767px) {
	.paging{margin-top:40px;}
	.paging span{width:17px;height:30px;}
	.paging span a{height:30px;line-height:27px;}
	.paging > a{min-width:30px;height:30px;margin:0 5px;padding:0 3px;line-height:28px;}

	.view_paging{margin-top:30px;}
	.view_paging .prev, .view_paging .next{width:30px;height:19px;background-position:left center;background-size:30px 19px;padding:0;}
	.view_paging .prev span, .view_paging .next span{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;line-height:0;overflow:hidden;}
}


/* ?�이???�업 */
.LayerPop{background:#fff;display:none;}
.LayerPop .btnClose{position:absolute;right:0;top:0;display:inline-block;width:40px;}
.LayerPop .btnClose img{width:100%;}
.LayerPop .popCnts{background:#fff;padding:45px 30px;box-sizing:border-box;}
.LayerPop .popCnts dt{position:relative;padding-bottom:20px;margin-bottom:35px;text-align:center;font-size:22px;color:#212121;font-family:"cjBodyRegular"}
.LayerPop .popCnts dt:before{content:"";position:absolute;left:50%;bottom:0;display:inline-block;width:40px;height:2px;margin-left:-20px;background:#1a1a1a;}


/* ?�투브영???�업 */
.playerPop{display:none;}
.playerArea{width:768px;height:384px;}
.scroll-wrapper > .scroll-content.subtitles{width:100%;max-width:682px !important;height:100px !important;background:#fff;overflow-y:scroll;box-sizing:border-box !important;padding:20px;}
.subtitles dt{margin-bottom:20px;color:#333;font-size:18px;font-family:"cjBodyRegular";}
.subtitles dd p{margin-bottom:5px;}
.playerPop .btnClose{position:absolute;right:0;top:-50px;display:inline-block;width:32px;margin-left:-16px;}
.playerPop .btnClose img{width:100%;}

@media screen and (max-width:767px) {
	.playerArea{width:320px;height:160px;}
	.subtitles{max-width:100%;padding:15px;font-size:14px;}
	.subtitles dt{font-size:16px;margin-bottom:14px;}
	.playerPop .btnClose{right:10px;}
}


/* 브라?��?변�??�업 */
#browserWarning{width:840px;background:#fff;padding:14px 0 60px;border-bottom:1px solid #e6e6e6;display:none;}
#browserWarning h1{padding-bottom:14px;border-bottom:2px solid #212121;}
#browserWarning h1 img{width:81px;}
#browserWarning dl{text-align:center;padding:160px 70px 0;background:url("../images/ico_caution.gif") no-repeat center 60px;background-size:63px 53px;}
#browserWarning dt{margin-bottom:22px;font-size:32px;color:#212121;font-family:"cjTitle";}
#browserWarning dd a{color:#212121;text-decoration:underline;}


/* 모션 BG */
.cntWrap{position:relative;z-index:1;}
.circleBox{position:absolute;left:50%;top:0;width:0;height:100%;z-index:0;}
.circleBox img{position:absolute;}
.circleBox.main .img01{left:0;top:600px;}
.circleBox.main .img02{left:-960px;top:2600px;}
.circleBox.greeting .img01{left:310px;top:600px;}
.circleBox.greeting .img02{left:-830px;bottom:180px;}
.circleBox.greeting .img03{left:570px;bottom:-88px;}
.circleBox.intro .img01{left:-830px;top:0;}
.circleBox.intro .img02{left:545px;top:760px;}
.circleBox.intro .img03{left:-830px;bottom:-50px;}
.circleBox.history .img01{left:380px;top:200px;}
.circleBox.history .img02{left:-830px;top:1060px;}
.circleBox.history .img03{left:550px;bottom:-70px;}
.circleBox.recruit .img01{left:600px;top:400px;}
.circleBox.recruit .img02{left:-650px;top:710px;}
.circleBox.recruit .img03{left:430px;bottom:400px;}
.circleBox.employ .img01{left:-630px;top:430px;}
.circleBox.employ .img02{left:545px;top:790px;}
.circleBox.employ .img03{left:-800px;bottom:-90px;}
.circleBox.cvs .img01{left:-780px;top:720px;}
.circleBox.cvs .img02{left:406px;top:430px;}
.circleBox.cvs .img03{left:530px;bottom:-100px;}
.circleBox.global .img01{left:380px;top:1650px;}
.circleBox.global .img02{left:390px;top:2680px;}
.circleBox.global .img03{left:-600px;bottom:-20px;}
.circleBox.job .img01{left:-882px;top:320px;}
.circleBox.job .img02{left:580px;top:1060px;}
.circleBox.job .img03{left:-660px;bottom:-120px;}
.circleBox.teamInfo01 .img01{left:-800px;top:370px;}
.circleBox.teamInfo01 .img02{left:390px;top:1740px;}
.circleBox.teamInfo01 .img03{left:-650px;bottom:-120px;}
.circleBox.teamInfo02 .img01{left:600px;top:200px;}
.circleBox.teamInfo02 .img02{left:-600px;top:1160px;}
.circleBox.teamInfo02 .img03{left:550px;bottom:600px;}
.circleBox.teamInfo03 .img01{left:630px;top:230px;}
.circleBox.teamInfo03 .img02{left:-810px;top:840px;}
.circleBox.teamInfo03 .img03{left:290px;top:930px;}
.circleBox.teamInfo04 .img01{left:390px;top:460px;}
.circleBox.teamInfo04 .img02{left:-800px;top:780px;}
.circleBox.teamInfo04 .img03{left:460px;bottom:350px;}
.circleBox.welfare .img01{left:-688px;top:300px;}
.circleBox.welfare .img02{left:470px;top:794px;}
.circleBox.welfare .img03{left:80px;bottom:-280px;}

@media screen and (max-width:1024px) {
	.circleBox{display:none;}
}

/* 모션 관??*/
.transition{
    -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}


/* ?�류?�이지 */
#errorWrap{position:absolute;left:0;top:50%;width:100%;margin-top:-275px;}
#errorWrap .errorCnts{width:100%;max-width:920px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#errorWrap dl{text-align:center;padding:160px 50px 50px;background:url("../images/logo_header.png") no-repeat center 60px;background-size:111px 56px;border-top:2px solid #212121;border-bottom:1px solid #e6e6e6;}
#errorWrap dt{margin-bottom:22px;font-size:32px;line-height:48px;color:#212121;font-family:"cjTitle";}
#errorWrap dd strong{color:#212121;text-decoration:underline;}
#errorWrap dd strong a{color:#212121;}
#errorWrap dd.btnsArea{margin-top:35px;}

@media screen and (max-width:1024px) {
	#errorWrap dd br{display:none;}
}

@media screen and (max-width:767px) {
	#errorWrap{position:static;left:auto;top:auto;margin-top:0;padding-top:10px;}
	#errorWrap .errorCnts{padding:0 15px;}
	#errorWrap dl{padding:83px 0 30px;background-position:center 25px;background-size:59px 30px;}
	#errorWrap dt{font-size:16px;line-height:25px;}
	#errorWrap dd{font-size:14px;}
	#errorWrap dd.btnsArea{margin-top:25px;}
	#errorWrap dd .blocking{display:block;}
}


/*-----------------------------------------------------------------------------------
	Footer popup Properties
-----------------------------------------------------------------------------------*/
/* ?�메??무단?�집 거�? */
.LayerPop .emailNoti{width:340px;}
.LayerPop .emailNoti p {font-family:"cjBodyRegular"}
.LayerPop .emailNoti .info{margin-top:35px;padding-top:28px;border-top:1px solid #e6e6e6;font-size:12px;color:#767676;}

@media screen and (max-width:767px) {
	.LayerPop .btnClose{width:36px;}
	.LayerPop .popCnts{padding:36px 15px;}
	.LayerPop .popCnts dt{margin-bottom:23px;}
	.LayerPop .emailNoti{width:290px;}
	.LayerPop .emailNoti dd .info{margin-top:27px;padding-top:15px;}
}

/* ?�이?�맵 */
.sitemapPop{display:none;}
.sitemapPop .btnClose{position:absolute;right:-17px;top:-30px;display:inline-block;width:17px;height:17px;}
.sitemapPop .btnClose img{width:100%;}
.sitemap{width:800px;}
.sitemap > ul{width:100%;}
.sitemap > ul:after{content:"";display:block;clear:both;}
.sitemap .block01 > li{float:left;width:20%;}
.sitemap .block01 > li > strong{display:block;margin-bottom:53px;color:#fff;letter-spacing:-1px;font-family:"cjTitle"}
.sitemap .block01 > li > ul > li > a{position:relative;display:inline-block;padding-left:15px;font-size:14px;color:#fff;font-family:"cjBodyRegular"}
.sitemap .block01 > li > ul > li > a:before{content:"";display:inline-block;position:absolute;left:0;top:6px;width:7px;height:7px;background:url("../images/bg_sitemap_depth.png") no-repeat center bottom;}
.sitemap .block01 > li > ul > li > a:hover{color:#4abeff;}
.sitemap .block01 > li > ul > li > a:hover:before{background-position:center top;}
.sitemap .block01 > li > ul > li{margin-top:25px;line-height:20px;}
.sitemap .block01 > li > ul > li:first-child{margin-top:0;}
.sitemap .block01 > li > ul > li ul{padding-left:15px;}
.sitemap .block01 > li > ul > li li{margin-top:12px;}
.sitemap .block02{margin-top:45px;padding-top:28px;border-top:1px solid #5c5c5c;text-align:right;font-size:0;}
.sitemap .block02 li{display:inline-block;margin-left:30px;vertical-align:top;}
.sitemap .block02 li a{position:relative;display:inline-block;padding-left:15px;font-size:14px;color:#fff;font-family:"cjBodyRegular"}
.sitemap .block02 li a:before{content:"";display:inline-block;position:absolute;left:0;top:7px;width:7px;height:7px;background:url("../images/bg_sitemap_depth.png") no-repeat center bottom;}
.sitemap .block02 li a:hover{color:#4abeff;}
.sitemap .block02 li a:hover:before{background-position:center top;}

@media screen and (max-width:1024px) {
	.sitemap{width:688px;}
}

@media screen and (max-width:767px) {
	.sitemapPop{height:445px;}
	.sitemapPop .btnClose{right:50%;top:0;width:32px;height:33px;margin-right:-16px;}
	.sitemap{width:320px;height:370px;margin-top:75px;padding:0 14px 10px;overflow-y:scroll;box-sizing:border-box;}
	.sitemap .block01 > li{width:50%;}
	.sitemap .block01 > li.smp1, .sitemap .block01 > li.smp2 {height:240px;}
	.sitemap .block01 > li.smp3, .sitemap .block01 > li.smp4 {height:350px;}
	.sitemap .block01 > li > strong{margin-bottom:20px;}
	.sitemap .block01 > li > ul > li{margin-top:15px;}
	.sitemap .block01 > li > ul > li li{margin-top:8px;}
	.sitemap .block02{margin-top:42px;padding-top:26px;text-align:left;}
	.sitemap .block02 li{margin:0 27px 0 0;}
	.sitemap .block01 > li > ul > li > a:hover{color:#fff;}
	.sitemap .block01 > li > ul > li > a:hover:before{background-position:center bottom;}
	.sitemap .block01 > li > ul > li a:hover{color:#ccc;}
	.sitemap .block02 li a:hover{color:#fff;}
	.sitemap .block02 li a:hover:before{background-position:center bottom;}
}


.blind-contents{position:absolute;top:-9999px;left:-9999px;}