@charset "utf-8";
@import url('base.css');

::selection {color:#fff; background:#a80000;}

/*layOut*/
.utilW {width:100%; height:36px; background:#000;}
.utilW .util  {width:925px; margin:0 auto;}
.utilW .util ul {float:right;}
.utilW .util ul li  {float:left;}
.utilW .util ul li span {display:inline-block; padding:0 10px; color:#888; font-size:8px;}
.utilW .util ul li a {color:#fff; display:inline-block; height:36px; line-height:36px; font-size:11px; font-weight: 300; }  

.footerWrap  {width:100%; height:100px; background:#595959; clear:both;}
.footerWrap .footer {width:925px; padding-top:20px; margin:0 auto; } 
.footerWrap .footer dl dt {width:200px;height:30px; float:left; } 
.footerWrap .footer dl dd {width:725px; float:left; color:#fff; font-weight: 300; text-align:left; line-height:20px; font-size:11px; letter-spacing:-0.02em;}

.footerWrap .footer dl dd a.privacy {font-weight:bold;}
.footerWrap .footer dl dd a {color:#fff; padding:3px;}
.footerWrap .footer dl dd a:hover {background:#a80000; }
.footerWrap .footer dl dd span {display:inline-block; padding:0 5px; color:#888; font-size:8px;}

.bookletW {background:url('../images/bg_booklet.jpg') center top repeat-y; overflow:auto; padding-bottom:30px; min-height:790px;}
.bookletW .header {width:925px; margin:0 auto;}
.bookletW .header .logo {padding-top:90px;}
.bookletW .header .logo h1 {text-align:center;}
.bookletW .header .logo h1 a {font-size:40px; font-weight: 900; text-align:center; height:30px; line-height:30px; color:#000; display:inline-block; }
.bookletW .header .logo p {text-align:center; letter-spacing:0.7em; margin-top:15px; font-size:11px; padding-left:8px;}

#topmenu {position:relative;}
#topmenu  {width:925px; height:52px; margin:0 auto; border-top:5px solid #000; border-bottom:1px solid #000; margin-top:10px;}
#topmenu ul{ padding:0; }
#topmenu ul:after{content:""; display:block; float:none; clear:both;}
#topmenu ul li{float:left; margin-left:0px; height:52px; list-style-type:none; }
#topmenu ul li a.gnb {display:block; width:231px; height:52px; line-height:55px; text-align:center;  font-size:18px; color:#333; font-weight:700; font-size:16px; background:url('../images/bg_gnb.jpg') center top no-repeat; font-family:'Nanum Barun Gothic';}

#topmenu div.submenu{display:none; position:absolute; height:auto; z-index:999; margin-top:34px;  padding:0;}
#topmenu div.submenu ol {border-top:4px solid #000; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:url('../images/bg_snb.jpg') center top no-repeat;}
#topmenu div.submenu ol li{ float:none !important; padding:0px; margin:0px;  height: 31px; line-height:31px; }
#topmenu div.submenu li a{display:inline-block;  font-family:'Nanum Barun Gothic'; width:229px; color:#333; font-size:13px; letter-spacing:-0.03em; height: 31px; line-height:31px; padding-top:0px; text-align:center; background:url('../images/line-snb.jpg') center bottom no-repeat;}
#topmenu div.submenu li a:hover{color:#a80000;} 
#topmenu div.submenu li:last-child a{background:none !important;}
#topmenu div.submenu li.on a {}

#topmenu ul li.menu1 div.submenu{left:0px; }
#topmenu ul li.menu2 div.submenu{left:0px; }
#topmenu ul li.menu3 div.submenu{left:0px; }
#topmenu ul li.menu4 div.submenu{left:0px; }

#topmenu ul li.menu1 div.submenu ol {margin-left:0px;}
#topmenu ul li.menu2 div.submenu ol {margin-left:231px;}
#topmenu ul li.menu3 div.submenu ol {margin-left:460px;}
#topmenu ul li.menu4 div.submenu ol {margin-left:692px;}

.bannerW {position: absolute; width: 218px; height: 330px; left:50%; margin-top:236px; margin-left:-460px; border:1px solid #333; z-index:999;}

/*���ν����̴�*/
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {  filter: alpha(opacity=70);	opacity: .7; overflow:hidden; cursor: pointer; border: #000 1px solid; }
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.comBg {width:926px; height:569px;}
.comBg img {display:inline-block; height:215px; width:352px; margin-top:10px; margin-left:36px;}
a.btn_back {position:absolute; display:none; z-index:999; width:60px; height:60px; background:url('../images/btn_back.gif'); text-indent:-999px; overflow:hidden; left:50%; margin-left:460px; margin-top:-60px; }


.visual  {width:925px; margin:0px auto;}
.visual .toonsW {}
.visual .toonsW div {position:absolute; text-align:center; border:1px solid #ddd; overflow:hidden;}
.visual .toonsW span.inBox {display:block;}
.visual .toonsW .toon_1 {width:352px; height:215px; margin-top:9px; margin-left:34px; cursor:pointer; overflow:hidden; }
.visual .toonsW .toon_2 {width:213px; height:215px; margin-top:9px; margin-left:398px; cursor:pointer; overflow:hidden;}
.visual .toonsW .toon_3 {width:270px; height:215px; margin-top:9px; margin-left:622px; cursor:pointer; overflow:hidden;}
.visual .toonsW .toon_4 {width:188px; height:330px; margin-top:236px; margin-left:230px; cursor:pointer; overflow:hidden;}
.visual .toonsW .toon_5 {width:225px; height:208px; margin-top:236px; margin-left:430px; cursor:pointer; overflow:hidden;}
.visual .toonsW .toon_6 {width:256px; height:208px; margin-top:236px; margin-left:667px; cursor:pointer; overflow:hidden;}
.visual .toonsW .toon_7 {width:466px; height:110px; margin-top:456px; margin-left:430px; cursor:pointer; overflow:hidden;}

.visual .toonsW .toon_1 span {margin-top:0px;}
.visual .toonsW .toon_1:hover span{margin-top:-215px;}
.visual .toonsW .toon_2:hover span{margin-top:-215px;}
.visual .toonsW .toon_3:hover span{margin-top:-215px;}
.visual .toonsW .toon_4:hover span{margin-top:-330px;}
.visual .toonsW .toon_5:hover span{margin-top:-208px;}
.visual .toonsW .toon_6:hover span{margin-top:-208px;}
.visual .toonsW .toon_7:hover span{margin-top:-110px;}


.contentsW {width:1000px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
/* .contentsW {width:925px; margin:0 auto; padding-top:20px; padding-bottom:20px;} */
.contentsW .bdb {border-bottom:1px solid #b7b7b7;}
.contentsW .title {height:90px; padding-top:40px; padding-bottom:30px;background:url('../images/line_dashed.gif') left bottom no-repeat;}
.contentsW .title dl dt {width:345px; float:left;}
.contentsW .title dl dd {width:580px; float:left; font-size:14px; line-height:25px;}
.contentsW .title h2 {font-size:33px; height:35px; line-height:35px; text-align:center; font-weight:700; color:#333; }
.contentsW .title h2 img {display:inline-block; padding-top:5px; height:20px;}
.contentsW .title h2 span.left {width:7px; height:28px; margin-right:20px; display:inline-block; background:url('../images/bg_title_left.jpg') center top no-repeat;}
.contentsW .title h2 span.right {width:7px; height:28px; margin-left:20px; display:inline-block; background:url('../images/bg_title_right.jpg') center top no-repeat;}
.contentsW .title p {font-size:12px; height:30px; line-height:30px; text-align:center; color:#999;}
.contentsW .title_aboutus {width:885px; height:100px; background:url('../images/h2_bg_aboutus.jpg'); padding-left:40px; padding-top:80px;}
.contentsW .title_aboutus p {font-size:13px; color:#dedede; line-height:30px; height:30px;}
.contentsW .title_aboutus h2 {font-size:40px; color:#fff; line-height:40px; height:40px; font-weight:100; letter-spacing:0.05em;}
.contentsW .contents h3 {font-size:16px; line-height:15px; height:15px; color:#333; letter-spacing:-0.05em; font-weight:500; padding-left:18px; background:url('../images/bull_h3.jpg') left top no-repeat;}

dl.aboutus dd {width:410px; float:left; text-align:center;}
dl.aboutus dd img {margin-top:40px;}
dl.aboutus dt {width:515px; float:left; font:14px 'dotum'; line-height:28px; letter-spacing:-0.05em; }
dl.aboutus dt span {display:inline-block; font-weight:500; color:#be1e2d;}
dl.aboutus dt b {font-family: 'Nanum Gothic', sans-serif;}

table.location {border-top:1px solid #ddd; margin-top:25px;}
table.location th {background:#efefef;  font-size:12px;width:80px; border-bottom:1px solid #ddd;}
table.location td {padding:8px; font-size:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
table.location td:last-child {border-right:none !important;}

div.history {background:url('/youngcom/images/bg_line_history.jpg') center top repeat-y; padding-top:30px; padding-bottom:40px;}
div.history div {position:relative; margin-top:126px;}
div.history div h3 {font-size:18px; color:#aa0000; }
div.history div.even { width:510px;}
/* div.history div.even { width:472px;} */
div.history div.even h3 {text-align:right; font-family:'Nanum Barun Gothic'; font-weight:500; padding-right:25px; background:url('/youngcom/images/bullet_y.jpg') right top no-repeat; height:21px; line-height:21px; }
div.history div.even ul {margin-right:25px; margin-top:15px;}
div.history div.even ul li  {padding-bottom:9px; font-size:12px; letter-spacing:-0.02em; text-align:right;}
div.history div.even ul .much_cont  {display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-end;}

div.history div.even ul li span {display:inline-block; width:60px; color:#aa0000; font-weight:bold;}
div.history div.even ul li span u {color:#fff;}
div.history div.odd {margin-left:489px;}
/* div.history div.odd {margin-left:451px;} */
div.history div.odd h3 {padding-left:25px; font-family:'Nanum Barun Gothic'; font-weight:500; background:url('/youngcom/images/bullet_y.jpg') left top no-repeat; height:21px; line-height:21px;}
div.history div.odd ul {margin-left:25px; margin-top:15px;}
div.history div.odd ul li  {padding-bottom:9px; font-size:12px; line-height: 1.4; letter-spacing:-0.02em;}
div.history div.odd ul li span {display:inline-block; width:60px; color:#aa0000; font-weight:bold;}
div.history div.y2016 ul li {letter-spacing:-0.5px;}
div.history div.y2016 ul li span{letter-spacing:0;}


div.history ul.bg_toon li {position:absolute; display:block;}
div.history ul.bg_toon li.ngy {background:url('/youngcom/images/bg_ngy.jpg') no-repeat; width:273px; height:236px; margin-top:5860px; margin-left:550px; }
div.history ul.bg_toon li.bg2017 {background:url('/youngcom/images/bg_2017.jpg') no-repeat; width:300px; height:344px; margin-top:5450px; margin-left:110px; }
div.history ul.bg_toon li.bg2018 {background:url('/youngcom/images/bg_2018.jpg') no-repeat; width:273px; height:322px; margin-top:4480px; margin-left:550px;}
div.history ul.bg_toon li.bg2019 {background:url('/youngcom/images/bg_2019.jpg') no-repeat; width:400px; height:450px; margin-top:3460px; margin-left:110px;}
div.history ul.bg_toon li.bg2020 {background:url('/youngcom/images/bg_2020.jpg') no-repeat; width:136px; height:350px; margin-top:2557px; margin-left:600px;}
div.history ul.bg_toon li.bg2021 {background:url('/youngcom/images/bg_2021.jpg') no-repeat; width:150px; height:398px; margin-top:1554px; margin-left:110px; }
div.history ul.bg_toon li.gj {background:url('/youngcom/images/bg_gj.jpg') no-repeat; width:401px; height:344px; margin-top:6250px; margin-left:15px; }
div.history ul.bg_toon li.yr {background:url('/youngcom/images/bg_yr.jpg') no-repeat; width:264px; height:319px; margin-top:6640px; margin-left:555px;  }
div.history ul.bg_toon li.death {background:url('/youngcom/images/bg_death.jpg') no-repeat; width:180px; height:195px; margin-top:7070px; margin-left:170px; }
div.history ul.bg_toon li.flower {background:url('/youngcom/images/bg_flower.jpg') no-repeat; width:140px; height:136px; margin-top:7370px; margin-left:700px; }

p.pub_title {margin-top:40px; line-height:25px; font-size:15px; font-weight:350; text-align:center; color:#333; letter-spacing:-0.06em;}
p.pub_title  span {display:inline-block; text-align:center; width:auto; padding:0px 10px; height:38px; line-height:31px !important; background:url('../images/bg_line-bottom.png') left 24px no-repeat; color:#333; font-weight:700; letter-spacing:-0.03em;}
/* p.pub_title  span b {display:inline-block; width:30px; height:31px;}
p.pub_title  span b.left {background:url('/business/images/bg_title_span_left.jpg');}
p.pub_title  span b.right {background:url('/business/images/bg_title_span_right.jpg');}*/

table.promo th{ width:13%; font-size:13.5px; background:url('/business/images/bg_promo_th.jpg') center 15px no-repeat; color:#fff;}
table.promo th.last {background:none !important;}
table.promo td{ width:37%; height:135px; font-size:12.5px; line-height:23px; text-align:justify; font-weight:350; color:#333; padding-right:20px; letter-spacing:-0.03em;}

.manaW {width:785px; height:478px; position:relative; margin:0 auto; background:url('/business/images/img_management.jpg') no-repeat;}
.manaW ul li {position:absolute; font-size:12px; line-height:24px; color:#333; letter-spacing:-0.04em;}
.manaW ul li.producing {margin-left:0px; margin-top:104px; width:180px; text-align:right;}
.manaW ul li.agency {margin-left:560px; margin-top:115px; width:165px; text-align:left;}
.manaW ul li.filming {margin-left:100px; margin-top:360px; width:140px; text-align:left;}
.manaW ul li.training {margin-left:645px; margin-top:386px; width:140px; text-align:left;}

.privacyW {padding:25px 10px; font-size:12px;}
.privacyW p {font-size:12px;}
.privacyW .tipha {font-size:12px; margin:5px; line-height:16px; border:2px solid #eee; padding:15px;}
.privacyW .lh6 {font-size:14px; letter-spacing:-0.06em; margin-top:20px; margin-bottom:5px; line-height:18px;}
.privacyW .lh6 strong {color:#a80000;}
.privacyW .ls2 {line-height:16px; padding-left:10px;}
.privacyW .ls2 span {display:block; margin-bottom:3px; margin-top:3px; font-weight:bold; letter-spacing:-0.05em; color:#444;}
.privacyW .small {margin-top:10px; padding-left:10px;}