@charset "utf-8";

/* wrap */
#wrap {
	position:relative;
	min-width:1140px;
	overflow:hidden;
}

.dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:999;}

#popup {position:absolute; top:0; left:0; z-index:1000;}
#popup .pop-head {height:52px; background:#ff6a00;}
#popup .pop-head h4 {padding:0 10px; color:#fff; font-size:16px; font-weight:400; line-height:52px;}
#popup .pop-body {background-color:#fff;}
#popup .pop-body p {padding:10px; background:#fff;}
#popup .pop-footer {padding:5px 10px; color:#333; font-weight:400; background:#e9e9e9;}
#popup .pop-footer form label{font-size:14px;}
#popup .pop-close {position:absolute; right:7px; bottom:9px;}

/* dHead */
#dHead {position:relative; height:136px; border-top:4px solid #ff6a00; border-bottom:1px solid #e6e6e6;}
#dHead #tnb {background:#f4f4f6;}
#dHead .tnb-wrap {width:1140px; height:45px; line-height:45px; margin:0 auto; color:#999; font-weight:400;}
#dHead .tnb-wrap p {float:left; font-size:14px;}
#dHead .tnb-wrap strong {color:#333; font-weight:400;}
#dHead .tnb-wrap .utill {float:right;}
#dHead .tnb-wrap div > ul {float:left;}
#dHead .tnb-wrap ul > li {float:left;}
#dHead .tnb-wrap ul.sns li {margin-left:18px;}
#dHead .tnb-wrap ul.sns li img {margin-top:14px; vertical-align:top;}
#dHead .tnb-wrap ul.top-link {margin-left:35px;}
#dHead .tnb-wrap ul.top-link > li {margin-left:5px;}
#dHead .tnb-wrap ul.top-link > li a {display:block; margin-top:10px; padding:0px 10px; height:21px; line-height:21px; color:#666; font-size:13px; border:1px solid #dedede; background:#fff; border-radius:3px;}
#dHead .tnb-wrap ul.top-link > li a.btn01 {padding:0; border:0 none; background:none; vertical-align:top;}
#dHead .tnb-wrap ul li.lang {position:relative;}
#dHead .tnb-wrap ul li.lang > a {display:block; width:30px; height:21px; color:#888; font-size:12px; font-weight:400; line-height:21px; border:1px solid #ccc; border-radius:3px; background:#f4f4f4 url(../images/icon/ico_lang_down.gif) no-repeat 90% center;}
#dHead .tnb-wrap ul li.lang ul {display:none; position:absolute; top:10px; left:0; border:1px solid #ddd; border-radius:3px; text-align:center; z-index:50;}
#dHead .tnb-wrap ul li.lang ul li a {display:block; width:30px; height:20px; line-height:20px; margin:0; color:#888; font-size:12px; font-weight:400; border:0 none; border-radius:0;}
#dHead .tnb-wrap ul li.lang ul li a:hover, #dHead .tnb-wrap ul li.lang ul li a:focus {background:#f4f4f6;}

#dHead #gnbWrap {position:relative; width:1140px; height:95px; margin:0 auto; clear:both;}
#dHead h1 {float:left; width:155px; margin-top:25px;}
#dHead .gnb {position:absolute; top:22px; right:0;}
#dHead .gnb > li {float:left; margin-left:60px; text-align:center;}
#dHead .gnb > li > a {display:block; width:100%; height:65px; color:#111; line-height:65px; font-size:18px; font-weight:500; letter-spacing:0;}
#dHead .gnb > li > a.on {border-bottom:4px solid #ff6a00;}
#dHead .gnb > li > a:hover {border-bottom:4px solid #ff6a00;}
#dHead .gnb > li.gnb01 {width:79px;}
#dHead .gnb > li.gnb02 {width:170px;}
#dHead .gnb > li.gnb03 {width:110px;margin-left: 55px;}
#dHead .gnb > li.gnb04 {width:110px;}
#dHead .gnb > li.gnb05 {width:65px;}
#dHead .gnb > li.gnb06 {width:90px;}
#dHead .gnb > li.gnb02 > a, #dHead .gnb > li.gnb03 > a, #dHead .gnb > li.gnb06 > a {height:50px; padding-top:15px; line-height:20px; text-align:center;}

#dHead .submenu-wrap {display:none; position:absolute; top:136px; width:100%; border-top:1px solid #e6e6e6;  border-bottom:1px solid #888; background:#fff; overflow:hidden; z-index:50;}
#dHead .submenu-wrap > div {width:1140px; margin:0 auto;}
#dHead .submenu-wrap .submenu {float:right; margin-right:-10px;}
#dHead .submenu-wrap ul {float:left; width:180px; padding:15px 0;}
#dHead .submenu-wrap ul li {padding:8px 0; text-align:center;}
#dHead .submenu-wrap ul li a {color:#867d77; font-size:15px; font-weight:400;}
#dHead .submenu-wrap ul li a:hover {color:#000;}
/* #dHead .submenu-wrap ul.sub02 {width:150px; margin-left:20px;} */
#dHead .submenu-wrap ul.sub02{width:195px;}
#dHead .submenu-wrap ul.sub03 {width:135px; margin-left:25px;}
#dHead .submenu-wrap ul.sub04 {width:130px; margin-left:40px;}
#dHead .submenu-wrap ul.sub05 {width:100px; margin-left:30px;}
#dHead .submenu-wrap ul.sub06 {width:100px; margin-left:43px;}

/* quickMenu */
#quickMenu {position:absolute; top:480px; left:50%; width:142px; height:261px; margin-left:570px; background:url("../images/common/quick_bg.png") no-repeat; z-index:200;}
#quickMenu ul {width:94px; margin:110px auto 0; }
#quickMenu ul li {height:29px; text-align:center;}
#quickMenu ul li a {display:block; height:29px; margin:0 auto; color:#333; font-size:13px; line-height:25px; font-weight:400;}
#quickMenu ul li a:hover {background:url("../images/common/quick_hover.png") no-repeat center; color:#fff;}
#quickMenu .move-top {margin-top:12px;}
#quickMenu .move-top a {display:block; width:84px; height:21px; margin:0 auto; font-size:0; text-indent:9999; text-align:center; background:url("../images/common/quick_arrow.png") no-repeat center;}


/* dBody */
#dBody {min-width:1140px; margin:0 auto;}


/* container */
#container {position:relative; width:1140px; margin:0 auto;	padding:60px 0 0 0;}
#container.type100 {width:100%;}

#container.press{width:100%;}

/* contents */
.contents {border-top:2px solid #444;}


/* sub-visual */
.sub-visual {width:100%; margin:0 auto; border-bottom:1px solid #dedede; background:#fff;}
.sub-visual h3 {height:170px; padding-top:70px; color:#fff; font-size:50px; font-weight:500; text-align:center; border-bottom:1px solid #dedede; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub-visual h3 span {display:block; margin-top:5px; font-size:20px; font-weight:300;}
.sub-visual .location {width:1140px; height:50px; margin:0 auto;}
.sub-visual .location > ul > li {position:relative; float:left; background:#fff url("../images/icon/ico_loc_arr.gif") no-repeat 230px center;}
.sub-visual .location > ul > li:first-child a {width:52px; margin-top:-1px; padding:0; border:0 none; background:none;}
.sub-visual .location > ul > li > a {display:block; width:225px; height:50px; padding:0 0 0 25px; color:#333; font-size:13px; font-weight:400; line-height:50px; border-right:1px solid #dedede;}
/* .sub-visual .location > ul > li > a {display:block; width:135px; height:50px; padding:0 0 0 25px; color:#333; font-size:16px; font-weight:400; line-height:50px; border-right:1px solid #dedede;} */
.sub-visual .location > ul > li a img {vertical-align:middle;}
.sub-visual .location .sel-list ul {display:none; position:absolute; top:50px; left:-1px; z-index:10;}
.sub-visual .location .sel-list ul li {border:1px solid #dedede; border-top:0;}
.sub-visual .location .sel-list ul li:first-child {border-top:1px solid #dedede;}
.sub-visual .location .sel-list ul li a {display:block; width:225px; height:35px; line-height:35px; padding-left:25px; color:#666; font-size:14px; background:#fff;}
.sub-visual .location .sel-list ul li a:hover {background:#f4f4f6;}

.sub-visual .location .msg {display:-webkit-box; float:right; width:190px; height:50px; padding:0 30px; line-height:50px; border-left:1px solid #dedede; border-right:1px solid #dedede; background:#fff; white-space:normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.sub-visual .location .msg a {padding-left:20px; color:#666; font-size:14px; font-weight:400; background:url("../images/icon/ico_volum.gif") no-repeat 0 center;}
.sub-visual.brand h3 {background-image:url("../images/brand/bg_sub_title.jpg");}
.sub-visual.family h3 {background-image:url("../images/family/bg_sub_title.jpg");}
.sub-visual.pr h3 {background-image:url("../images/pr/bg_sub_title.jpg");}
.sub-visual.community h3 {background-image:url("../images/community/bg_sub_title.jpg");}
.sub-visual.company h3 {background-image:url("../images/company/bg_sub_title.jpg");}
.sub-visual.recruit h3 {background-image:url("../images/recruit/bg_sub_title.jpg");}
.sub-visual.press h3 {background-image:url("../images/press/bg_sub_title.jpg");}
.sub-visual.sound h3 {background-image:url("../images/sound/sub_visual.jpg");}


/* dFoot */
#dFoot {height:220px; margin-top:120px; border-top:1px solid #e4e4e4; background:#fafafa;}
#dFoot > div {position:relative; width:1140px; margin:0 auto;}
#dFoot .logo {float:left; margin-top:50px;}
#dFoot .foot-area01 {float:left; margin:35px 0 0 50px;}
#dFoot .foot-area01 ul {overflow:hidden;}
#dFoot .foot-area01 ul li {float:left; padding:0 11px 0 12px; background:url(../images/icon/ico_foot_bar.gif) no-repeat center left;}
#dFoot .foot-area01 ul li:first-child {padding-left:0; background:none;}
#dFoot .foot-area01 ul li a {color:#666; font-size:14px; font-weight:400;}
#dFoot .foot-area01 address {margin-top:20px; color:#999; font-size:12px;}
#dFoot .foot-area01 address span {padding:0 3px 0 4px; background:url(../images/icon/ico_foot_bar2.gif) no-repeat center left;}
#dFoot .foot-area01 .copyright {margin-top:3px; color:#bbb; font-size:12px;}
#dFoot .foot-area02 {position:absolute; top:0; right:0; padding-top:38px;}
#dFoot .foot-area02 ul {float:left; margin-right:20px;}
#dFoot .foot-area02 ul li {position:relative; float:left; margin:0 15px; height:30px; line-height:30px;}
#dFoot .foot-area02 ul li img {margin-top:10px; vertical-align:top;}
#dFoot .foot-area02 .family {position:relative; float:left;}
#dFoot .foot-area02 .family > a {display:block; width:220px; height:38px; line-height:38px; padding-left:20px; color:#666; font-size:13px; font-weight:400; border:1px solid #c8c8c8; background:#fff url("../images/icon/ico_sel_arr.gif") no-repeat 95% center;}
#dFoot .foot-area02 .family > ul {position:absolute; bottom:39px; left:0; display:none; width:240px; border:1px solid #c8c8c8; background:#fff;}
#dFoot .foot-area02 .family > ul li a {display:block; width:240px; height:30px; padding:0 5px; color:#666; font-family:"roboto"; font-size:14px; font-weight:400; line-height:30px;}
#dFoot .foot-area02 .family > ul li a:hover,
#dFoot .foot-area02 .family > ul li a:focus {color:#000;}


/* etc */
.etcWrap {position:relative; width:100%; text-align:center;}
.etcWrap a {position:absolute; margin-top:530px; left:50%; margin-left:-75px;}


/* empty-txt */
.empty-txt {padding:200px 0; text-align:center; border-top:2px solid #444; border-bottom:1px solid #999;}