@charset "utf-8";

body {width:100%; margin:0 auto !important; overflow-x: hidden}
body.scroll {overflow-y: hidden}
.hidden { position: absolute; left: -10000px; top: auto; width: 0; height: 0; overflow: hidden}
.hide_txt {text-indent: -9999px; font-size: 0}
.inner {width:95%; margin: 0 auto}
.clearfix:after {content: ''; display: block; clear: both}
.disblock {display: block}
.disinblock{display:inline-block;}
.disin{display:inline;}
.txt_center {text-align: center}
.txt_left {text-align: left !important;}
.txt_right {text-align: right}
.normal_txt {font-size: 16px; font-weight: 300; letter-spacing: -0.025em; color: #6d6d6d; line-height: 25px}
.sticky {position: fixed; top: 0; width: 100%;}
.header .gnb_wrap.sticky .gnb > li > a {color: #111}

.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt55 {margin-top: 55px}
.mt65 {margin-top: 65px}
.mt160 {margin-top: 160px}
.mb0 {margin-bottom: 0}
.mb5{margin-bottom:5px;}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb24{margin-bottom:24px;}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb61{margin-bottom: 61px;}
.mb70 {margin-bottom: 70px}
.ml38 {margin-left: 38px}
.ml130 {margin-left: 130px}
.mr0 {margin-right: 0}
.mr25 {margin-right: 25px}
.pt10 {padding-top: 10px}
.pt25 {padding-top: 25px}
.pt40 {padding-top: 40px}
.pt65 {padding-top: 65px}
.pt77 {padding-top: 77px}
.pt230 {padding-bottom: 230px}
.pb10 {padding-bottom: 10px}
.pb40 {padding-bottom: 40px}
.pb55 {padding-bottom: 55px}
.pb70 {padding-bottom: 70px}
.pb82 {padding-bottom: 82px}
.pb150 {padding-bottom: 150px}
.pr0 {padding-right: 0 !important;}

.wid100 {width: 100%}

/* header */
.header {position:fixed; width:100%; height:150px; background: #fff; z-index:101; border-bottom: 1px solid #e7e7e7;}
.header .inner {position:relative;}
.sub_body .header {position:relative; height:170px;}

.header .logo {display: inline-block; margin: 0 auto; padding-top:50px; text-align: center}
.header .logo a {display: block}
.mbt {position: absolute; right:0; top:50px; width:78px; height:62px; background: url("/M/assets/images/common/bt-menu.png"); overflow: hidden;}

#sitemap{
	position: fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	background: #fff;
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	-moz-transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	z-index: 500;
}
#sitemap.on{
	right:0;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	transition: 0.4s ease;
}
#sitemap .sitemap_wrap{
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}
#sitemapHead{
	position:relative;
	height: 150px;
}
#sitemapHead .sitemap_cls{
	position: absolute;
	top: 35%;
	right: 40px;
	width: 60px;
	/* max-width: 26px; */
	height: 60px;
	/* max-height: 26px; */
	transform:translate(0, -50%);
}
#sitemapHead .sitemap_cls:before, #sitemapHead .sitemap_cls:after{
	display:block;
	position:absolute;
	top: 50px;
	right: 0;
	height: 6px;
	width: 60px;
	background:#ccc;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	content:'';
}
#sitemapHead .sitemap_cls:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
#sitemapBody .gnb .tit{
	display:block;
	position:relative;
	padding:45px 60px 45px 130px;
	color: #666;
	font-family:'DTRPro-Medium';
	font-size:66px;
}
#sitemapBody .gnb .tit:before {content:""; position:absolute; left:60px; top:80px; width:47px; height:4px; background:#666;}
#sitemapBody .gnb .tit:after {content:""; position:absolute; left:80px; top:60px; width:4px; height:47px; background:#666;}
#sitemapBody .gnb .tit.on {color:#293797;}
#sitemapBody .gnb .tit.on:before {background:#0b50f2;}
#sitemapBody .gnb .tit.on:after {display:none;}
#sitemapBody .gnb .tit > span {font-family: 'AppleSDGothicNeoB'; font-weight: Bold;}
#sitemap .sub_menu{
	display:none;
	background-color:#f9f9f9;
    box-sizing: border-box;
/*    overflow: hidden;*/
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
		border-top:1px solid #ddd;
}
#sitemap .sub_menu li{position:relative; border-bottom:1px solid #ddd;}
#sitemap .sub_menu li a{
	font-family:'Gothic A1';
	font-size:45px;
	color:#888;
	display:block;
	color:#5d5d5d;
	padding:45px 60px 45px 70px;
}

#sitemap .sub_sub_menu{
	display: none;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
	border-top: 2px solid #0b50f2;
	border-bottom: 2px solid #0b50f2;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	position: absolute;
	width: 90%;
	top: 0;
	left: 5%;
	z-index: 10;
}
#sitemap .sub_sub_menu li{border-bottom:1px solid #ddd;}
#sitemap .sub_sub_menu .subtit_over {color:#0b50f2; font-family:'Gothic A1 Bold';}
#sitemap .sub_sub_menu .subtit_over:after {content:""; position:absolute; right:50px; top:65px; width:30px; height:4px; background:#0b50f2;}
#sitemap .sub_sub_menu li a{
	font-family:'Gothic A1';
	font-size:45px;
	color:#888;
	display:block;
	color:#5d5d5d;
	padding:45px 60px 45px 70px;
}
.sitemap_bg {display:none; position:fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background-color: rgba(0,0,0,.8); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.sitemap_bg.on{display:block;}


/* location */
.locationBar { width:100%; /*border:1px solid #ccc; border-width:1px 0;*/ background:#fff; display:inline-block;}
.locationBar .inner {width:100%;}
.locationBar a { display:block; /*height:120px;*/ padding:0 50px; line-height:120px; color:#aaaaaa; font-family:'AppleSDGothicNeoB'; font-weight:bold;  font-size:40px; transition: all .3s ease;}
.locationBar a.lc2deps-top {font-family:'AppleSDGothicNeoB'; color:#0b50f2;}
.locationBar .home { position:relative; float:left; min-width:0; padding:0 17px;}
.locationBar .home img {vertical-align:middle;}
.locationBar .location {position:relative; width:100%; border-top:1px solid #ccc;}
.locationBar .location:last-child {border-bottom:1px solid #ccc;}
.locationBar .location.on * { color:#222;}
.locationBar .location.on > a:after { transform:rotate(180deg);}
/*.locationBar .location > a:hover { color:#222; background:#fafafa;}*/
.locationBar .location > a:after { content:''; display:block; position:absolute; top:52px; right:50px; width:22px; height:15px; background:url('/M/assets/images/common/spr02.png') no-repeat; transition: all .3s ease;}
/*.locationBar .location:last-child {border-left:1px solid #ccc;}*/
.locationBar .location ul { display:none; position:absolute; top:120px; left:0; right:0; z-index:99; background:#fff;}
.locationBar .location li {}
.locationBar .location li a {/*height:120px;*/ padding:0 50px; border:1px solid #e5e5e5; line-height:120px; font-family:'AppleSDGothicNeoR'; font-size:40px; letter-spacing:-1px;}
.locationBar .location li:hover a, .locationBar .location li.on a { color:#293797; background:#fafafa; }

/*.locationBar { height:58px; border-bottom:1px solid #ccc; border-width:1px 0; background:#fff;}*/
/*.locationBar a { display:block; min-width:268px; height:58px; padding:0 50px 0 20px; border-left:1px solid #ccc; line-height:58px; color:#aaaaaa; font-family:'DTRPro-Medium'; font-size:19px; transition: all .3s ease;}*/
/*.locationBar a.lc2deps-top {font-family:'DTRPro-Bold'; color:#000; }*/
/*.locationBar a.lc2deps-top .lang_kr, .locationBar a.lc2deps-top.lang_kr {font-family:'AppleSDGothicNeoB'; font-weight:bold; color:#000;}*/
/*.locationBar .home { position:relative; float:left; min-width:0; padding:0 17px;}*/
/*.locationBar .home img {vertical-align:middle;}*/
/*.locationBar .location { float:left; position:relative;}*/
/*.industry .locationBar .location:nth-child(3) {min-width:405px;}*/
/*.locationBar .location.on * { color:#222;}*/
/*.locationBar .location.on > a:after { transform:rotate(180deg);}*/
/*.locationBar .location > a:after { content:''; display:block; position:absolute; top:25px; right:20px; width:11px; height:7px; background:url('/assets/images/common/spr02.png') no-repeat; transition: all .3s ease;}*/
/*.locationBar .location:last-child { border-right:1px solid #e5e5e5;}*/
/*.locationBar .location ul { display:none; position:absolute; top:59px; left:0; right:-1px; z-index:3; background:#fff;}*/
/*.locationBar .location li {}*/
/*.locationBar .location li a { height:50px; padding:0 20px; border:1px solid #e5e5e5; border-top:0; line-height:50px; font-family:'DTRPro-Light'; font-size:19px;}*/
/*.locationBar .location li:hover a, .locationBar .location li.on a { color:#0b50f2; background:#fafafa; }*/


/* footer */
.main .footer {position:absolute; bottom:0; left:0; width:100%; background:#333333;}
.sub .footer {position:relative; bottom:0; left:0; width:100%; background:#333333;}
.footer .inner {position:relative; padding:40px 0; width:95%; margin:0 auto;}
.footer .company_name {font-family:'GmarketSansB'; font-size:35px; color:#c7c7c7; padding-bottom:20px; text-align:center;}
.footer .inner > ul {width:100%; display:inline-block; padding-bottom:10px;  text-align:center;}
.footer .inner > ul > li {display: block;font-size:25px;color:rgb(162 162 162 / 80%);font-family: 'Noto Sans KR Medium'; line-height:1; margin-bottom:10px;}
.footer .inner > ul > li > strong {font-size:25px; color:#adadad; font-family: 'Noto Sans KR Medium'; display:inline-block;}
.footer .inner > ul > li.tel {display:inline-block; font-family: 'DTRPro-Bold'; }
.footer .inner > ul > li.tel > strong {display:inline-block; padding-left:15px; padding-right:10px;}
.footer .inner > ul > li.tel > strong:first-child {padding-left:0;}
.footer .inner > ul > li.help {display: block;}
.footer .inner > ul > li.help > strong {}
.footer .inner .copyright {font-family:'DTRPro-Light'; color:#adadad; font-size:25px; opacity:0.6; padding-top:20px; text-align:center;}

.footer .family_wrap {position:absolute; right:0; bottom:30px;}
.footer .family_wrap > a {font-size:17px; font-family:'GmarketSansB'; color:#fff;}
.footer .family_wrap > a.line01 {margin-right:35px;}
.footer .family_wrap > a.line02 {margin-right:60px;}
.footer .family_wrap > a > img {vertical-align: middle;}

.footer .family_wrap .family {position:relative; width:177px; height:50px; display:inline-block; line-height:50px; cursor:pointer;}
.footer .family_wrap .family .family_tit {position:relative; display: block; width: 100%; height: 100%; text-indent:20px; font-family: 'DTRPro-Medium'; color:#919191; font-size:18px;}
.footer .family_wrap .family .family_tit:before {content:""; position:absolute; top:18px; right:15px; width:17px; height:12px; background:url('/assets/images/common/family_arrow.png'); transition: all .3s ease;}
.footer .family_wrap .family.on .family_tit:before {transform: rotate(180deg);}
.footer .family_wrap .family .family_tit:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/assets/images/common/family_box.png');}
.footer .family_wrap .family.on .family_tit:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/assets/images/common/family_box_over_bg.png'); border-bottom: 1px solid #818181;}
.footer .family_wrap .family ul {position: absolute; bottom:50px; right: 0; width:177px; z-index: 102; display:block; background:url('/assets/images/common/family_box_over_bg.png') bottom right;}
.footer .family_wrap .family.on ul {background:url('/assets/images/common/family_box_over.png') top right;}
.footer .family_wrap .family ul li {padding: 0px 17px;}
.footer .family_wrap .family ul li a {color: #999;display: block;/* text-indent: 9px; */font-size: 18px;font-family: 'DTRPro-Medium';color:#919191;}


.ie8 .zoom img {transform: none !important}
.ie8 .zoom img:hover {transform: none !important}
.ie9 .zoom img {transform: none !important}
.ie9 .zoom img:hover {transform: none !important}

.zoom img {-webkit-transform:scale(1); -moz-transform:scale(1);-o-transform:scale(1); transform:scale(1); transition: transform .35s; -o-transition: transform .35s;-moz-transition: transform .35s; -webkit-transition: transform .35s;}
.zoom img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);  transition: transform .35s;-o-transition: transform .35s;-moz-transition: transform .35s; -webkit-transition: transform .35s}

.frame_pc { display: block; }
.frame_tb { display: none; }
.frame_mo { display: none; }

.temp_con_img {position:relative;}