@charset "utf-8";

@font-face {
  font-family: 'score';
  font-weight:100;
  src: url(/css/lll/sCoreDream/score1.woff) format('woff');
}

@font-face {
  font-family: 'score';
  font-weight:300;
  src: url(/css/lll/sCoreDream/score3.woff) format('woff');
}

@font-face {
  font-family: 'score';
  font-weight:700;
  src: url(/css/lll/sCoreDream/score7.woff) format('woff');
}
.score{font-family: 'score';}

.clear {clear:none !important; }
.clear:after {display:block;clear: both;visibility:hidden;content:'';}

button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}


#top_layout .top_wrap, 
#body_layout .body_wrap, 
#body_layout.b_type .contents_wrap, 
#foot_layout .foot_wrap {width:100%; max-width:1300px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a {background-image:url(/images/lll/common/atype_ir.png);}


#top_layout{overflow: hidden;z-index: 9999;height: auto;padding: 25px 0;}
#top_layout.ov {overflow:visible;}
#top_layout:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap {position: relative;width:100%;max-width: 1300px;}
#top_layout .top_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap .logo_wrap {float:left;position: relative;z-index: 999;margin: 0;padding: 0;clear: none;}
#top_layout .top_wrap .logo_wrap a {display:block;line-height: 55px;text-indent: 1px;vertical-align: top;font-size: 28px;font-weight: bold;font-family: 'score';color: #242424;}
#top_layout .top_wrap .logo_wrap span {display:inline-block;width:101px;height:50px;margin: 0 20px 0 0;background:url(/images/lll/common/logo.png)no-repeat;font-size: 0;}

#top_layout .top_wrap .utile_wrap {float:right;position: relative;top: auto;right: auto;z-index: 999;margin: 5px 0 0;}
#top_layout .top_wrap .utile_wrap li {display:inline-block;text-align: center;float: none;margin:0 0 0 10px;}
#top_layout .top_wrap .utile_wrap li:before {display:none;}
#top_layout .top_wrap .utile_wrap li.blog {margin:0;}
#top_layout .top_wrap .utile_wrap li.blog a {display:block;width: 44px;height: 44px;border-radius: 30px;background: #fff url(/images/lll/main/blog_logo.png)no-repeat 0px center;transition: all 0.3s;-webkit-transition: all 0.3s;color: #fff;font-size: 15px;padding:0;color: transparent;}
#top_layout .top_wrap .utile_wrap li.blog a:hover,
#top_layout .top_wrap .utile_wrap li.blog a:focus{background-color:#03c75a;}
#top_layout .top_wrap .utile_wrap li.kor {}
#top_layout .top_wrap .utile_wrap li.kor a {display:block;width: 40px;height: 40px;line-height:40px;padding:0px;border-radius:30px;background: #4378ba url(/images/lll/common/home.png)14px no-repeat;color: transparent;font-size:15px;text-align: center;}
#top_layout .top_wrap .utile_wrap li.band a{display:block;width: 40px;height: 40px;border-radius: 30px;background: #7ebb43 url(/images/lll/main/band_logo.png?ver=20230628)no-repeat center;transition: all 0.3s;-webkit-transition: all 0.3s;color: #fff;font-size: 15px;padding:0;color: transparent;}
/* #top_layout .top_wrap .utile_wrap li.kor span {display:inline-block;width: 11px;height:11px;margin: 0 auto;background:url(/images/lll/common/home.png)no-repeat;vertical-align: middle;} */
#top_layout .top_wrap .utile_wrap li.sitemap {width:40px;height:40px;}
#top_layout .top_wrap .utile_wrap li.sitemap a {display:block;width:100%;height:100%;margin: 0;border-radius:50%;background:#fff url(/images/lll/common/menu.png)no-repeat center;}


#gnb_layout.on.at_type .title_wrap, #gnb_layout.on.ct_type .depth1_ul > li.ov > .title_wrap, #gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap, #gnb_layout.on .gnb_bg {top:89px; }

#gnb_layout.on,
#gnb_layout.on.at_type .gnb_bg{}
#gnb_layout .depth1_ul{padding: 0;padding-right: 269px;text-align: right;}
#gnb_layout .depth1_ul:after {display:block; clear:both; visibility:hidden; content:''; }
#gnb_layout .depth1_ul > li {display: inline-block;position: relative; width:14%; text-align: center;}

#gnb_layout .depth1_ul > li:before {display:none;position:absolute;content:'';left: -2px;top: 50%;width:4px;height:4px;margin-top: -2px;border-radius:50%;background:#ddd;}
#gnb_layout .depth1_ul > li:first-child:before {display:none;}
#gnb_layout .depth1_ul > li > a {display: block;width: 100%;height: 90px;padding: 0;text-align: center;}
#gnb_layout .depth1_ul > li > a:before {display:none;}
#gnb_layout .depth1_ul > li > a span {display: inline-block;line-height: 90px;font-size:19px;font-weight:bold;color:#111;text-align: center;}
#gnb_layout.on .depth1_ul > li.on > a,
#gnb_layout.on .depth1_ul > li.ov > a,
#gnb_layout.on .depth1_ul > li:hover > a,
#gnb_layout.on .depth1_ul > li:focus > a{ border-bottom:4px solid #3f66b9;}/* 1차메뉴 오버시 밑줄 */
#gnb_layout.at_type .depth2_ul:before {display:none;}
#gnb_layout.at_type .depth2_ul > li {margin:0 0 2px;}
#gnb_layout.at_type .depth2_ul > li > a {display: block;padding: 0 10px 0 20px;line-height: 1.3;font-size: 17px;word-break: keep-all;}
#gnb_layout.at_type .depth2_ul > li > a:before {left:10px;top: 9px;}
#gnb_layout.at_type .depth1_ul.n5 .depth2_ul {display: inline-block;width: 100% !important;padding-left: 10px;}
#gnb_layout .depth2_ul {display: block;position:static;}
#gnb_layout .gnb_bg {}

#gnb_layout.mb {z-index:9999;}
#gnb_layout.mb .depth1_ul > li > a span {line-height:60px; padding:0;}
#gnb_layout.mb.at_type .depth1_ul.n5 li.down .depth2_ul,
#gnb_layout.mb .depth1_ul li.down .depth2_ul {display:block; }
#gnb_layout.mb .depth1_ul li .depth2_ul {display:none;}
#gnb_layout.mb.at_type .depth1_ul.n5 .depth2_ul {display:none;}
#gnb_layout.mb.at_type .depth2_ul > li > a:before {left:auto;}

.mognbOn #top_layout {overflow:visible;}

#body_layout.b_type {}
#body_layout.b_type .lnb_wrap:before{background-color:rgba(62,102,185, 0.9);}/* 2차메뉴 배경 색 */
#body_layout.b_type .lnb_wrap .depth2_ul {width:100%;}
#body_layout.b_type .lnb_wrap .depth2_ul > li > a span {font-size:17px;}
#body_layout.b_type .lnb_wrap .depth2_ul > li.on > a span,
#body_layout.b_type .lnb_wrap .depth2_ul > li.ov > a span{ color:#3f66b9;font-weight:bold; }
#body_layout.b_type .lnb_wrap .depth3_ul li a {font-size:16px;}
#body_layout.b_type .lnb_wrap .depth3_ul li.on a{ color:#3f66b9;}/* 3차메뉴 오버시 폰트 설정 */

#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li, #body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li a {font-size:15px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li:first-child {margin-right: 8px;margin-top: -1px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li:before {left: -6px;width: 5px;height: 5px;margin-top: -4px;border: solid #ddd;border-width: 1px 1px 0 0;background: none;transform: rotate(45deg);-webkti-transform: rotate(45deg);}




#svisual_layout {}
#svisual_layout.b_type .svisual_wrap {height:300px;}
#svisual_layout.b_type .svisual_wrap .title_wrap {margin:0;}
#svisual_layout.b_type .svisual_wrap .title_wrap strong {display: none;line-height:1.3;}
#svisual_layout.b_type .svisual_wrap .title_wrap strong:before,
#svisual_layout.b_type .svisual_wrap .title_wrap p {display:none;}


#body_layout.b_type .lnb_wrap {overflow: hidden;padding-bottom:0 !important;}
#body_layout.b_type .lnb_wrap .depth3_ul {position:relative;top:0;text-align: left;width: 1300px;}
#body_layout.b_type .lnb_wrap .depth3_ul li {float:none;}
#body_layout.b_type .lnb_wrap .sub01_03 .depth3_ul {width: 730px;left: auto;right: 69%;}


#foot_layout {padding:0;background:#f6f6f6;text-align: left;}
#foot_layout .foot_wrap {display: block;position:relative;margin: 0 auto;padding: 30px 0 30px;padding-left: 140px;}
#foot_layout .foot_wrap img {position:absolute;left:0;top: 106px;/* display: none; */width: 110px;}
#foot_layout .foot_wrap ul.utile_wrap {margin: 0 0 7px;}
#foot_layout .foot_wrap ul.utile_wrap li {margin:0 30px 0 0;}
#foot_layout .foot_wrap ul.utile_wrap li:before {position: absolute;top: 50%;left: -17px;width:4px;height:4px;margin-top: -2px;border-radius:50%;background:#d8d8d8;}
#foot_layout .foot_wrap ul.utile_wrap li a {display:block;padding: 0;font-size:15px;color:#1e2121;}
#foot_layout .foot_wrap ul.utile_wrap li a[target=_blank]:after {display:none;}
#foot_layout .foot_wrap ul.utile_wrap li:first-child a {color:#5d8bc5; font-weight:bold;}
#foot_layout .foot_wrap address {margin: 0;font-size:15px;color:#5b5b5b;text-align: left;}
#foot_layout .foot_wrap address span {margin-left:5px;}
#foot_layout .foot_wrap address span:before {display:none;}
#foot_layout .foot_wrap .copy {margin:0 0 7px;font-size: 13px;color:#5b5b5b;text-align: left;}
#foot_layout .foot_wrap .topbtn {position:absolute;top: 103px;right: 10px;width:65px;height:65px;padding:10px;border-radius:50%;background:rgba(93,139,197,.1);}
#foot_layout .foot_wrap .topbtn span {display:block; width:100%; height:100%; border-radius:50%; background:#5d8bc5 url(/images/lll/common/arr.png)no-repeat center; }


#foot_layout .foot_wrap .space_wrap{width: calc(100% + 140px);padding:0;margin: 0 0 30px -140px;display:inline-block;position:relative;}
#foot_layout .foot_wrap .space_wrap > div{ width:100%; height:42px; border:0; float:left; position:relative;}
#foot_layout .foot_wrap .space_wrap > div > a{ border:1px solid #bababa;}
#foot_layout .foot_wrap .space_wrap > div > ul{left:-9999px;bottom: 0;top:auto;padding-bottom:42px;}
#foot_layout .foot_wrap .site_wrap.on > ul{left:0;}
#foot_layout .foot_wrap .space_wrap.n5 > div{ width:19%; margin:0 0 0 1%; border:0;}
#foot_layout .foot_wrap .space_wrap.n5 > div.n1{ margin:0;}

/* 풋터 배너모음  */
#banner {border-top: 1px solid #f6f6f6;background: #ffffff;}
#banner .banner_box {overflow: hidden;position: relative;}
#banner .banner_box:before {display:block; position:absolute; right:0; top:0; z-index:1;content:''; width:30px; height:100%; background:linear-gradient(to right, rgba(255,255,255,.1), #fff); }
#banner .banner_box .banner_wrap {position:relative;width:100%;height:80px;padding-left: 225px;}
#banner .banner_box .banner_wrap strong {display:block;position:absolute;left:0;top:0;line-height:80px;font-size: 16px;font-weight: normal;color: #1e2121;}
#banner .banner_box .banner_wrap .control {position:absolute;left: 100px;top: 30px;}
#banner .banner_box .banner_wrap .control:after {display:block; clear:both; visibility:hidden; content:'';}
#banner .banner_box .banner_wrap .control a {display:block; float:left; position:relative; width:26px; height:26px; margin:0 2px; border-radius:50%; background:#888;font-size:0; }
#banner .banner_box .banner_wrap .control a:before,
#banner .banner_box .banner_wrap .control a:after {display:block; position:absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto; content:'';}
#banner .banner_box .banner_wrap .control a:before {width:10px; height:2px;background: #fff;}
#banner .banner_box .banner_wrap .control a:after {width: 2px;height:10px;background: #fff;}

#banner .banner_box .banner_wrap .control button{display:block;float:left;position:relative;width:20px;height:20px;margin: 0 -1px;padding:0;border: 1px solid #c7c7c7;background: none;font-size:0;}
#banner .banner_box .banner_wrap .control button[data-control="prev"]:before {right:-3px; width:4px; height:4px; border-color: #7d7d7d;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before {left:-3px;width:4px; height:4px; border-color: #7d7d7d;}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before {height:8px; box-shadow: -2px 0 #7d7d7d, 2px 0 #7d7d7d;}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before {right:-2px; border-width:5px 0 5px 7px;border-color: transparent transparent transparent #7d7d7d;}
#banner .banner_box .banner_wrap .grap {overflow:hidden; width:100%; }
#banner .banner_box .banner_wrap .grap .obj {position:relative; width:1000%;}
#banner .banner_box .banner_wrap .grap .obj:after {display:block; clear:both; visibility:hidden; content:'';}
#banner .banner_box .banner_wrap .grap .obj li {float:left;position:relative;padding-right: 85px;}
#banner .banner_box .banner_wrap .grap .obj li:after {}
#banner .banner_box .banner_wrap .grap .obj li a {display:block;height: 80px;padding: 15px 0;}
#banner .banner_box .banner_wrap .grap .obj li a img {width:auto; height:100%;}

@media(max-width:1359px){
  #foot_layout .foot_wrap { max-width:100%;}
  #top_layout .top_wrap,
  #body_layout, #body_layout .body_wrap,
  #body_layout.b_type .lnb_wrap,
  #body_layout.b_type .contents_wrap,
  #foot_layout, #foot_layout .foot_wrap,
  #svisual_layout .svisual_wrap {max-width:100%; padding:0 30px;}
  #body_layout.b_type .lnb_wrap,
  #body_layout.b_type .contents_wrap {padding:0;}
  .contents_wrap {margin:0 0 100px;}
  #foot_layout .foot_wrap {position:relative;padding: 30px 0 30px 140px;}
  #banner .layout {max-width:100%; padding:0 30px;}
  #gnb_layout .depth1_ul {left: -191px;/* right:30px; */}
  #gnb_layout.at_type .title_wrap {left:0;padding-left: 30px;}
  #gnb_layout.on.at_type .gnb_bg:before, #gnb_layout.on.dt_type .gnb_bg:before {width:260px;}

  #top_layout .top_wrap .utile_wrap li.kor {display:none;}
  #gnb_layout .depth1_ul {padding-right: 99px;}
  #gnb_layout .depth1_ul > li {width:12%;}
  #top_layout .top_wrap .utile_wrap li.blog a {width: 44px;background-position: center;padding: 0;font-size:0;}
}

@media(max-width:1199px){

  /*   #gnb_layout .depth1_ul {left:30px;right:0;padding: 0 150px 0 0;text-align: right;}
    #gnb_layout .depth1_ul > li > a {padding: 0 20px;}
    #gnb_layout.at_type .title_wrap {display: none;left: 0;width: 0;}
    #gnb_layout.on.at_type .gnb_bg:before {display:none;} */
}

@media(max-width:1023px){
  #top_layout .top_wrap .utile_wrap li.blog {/* display:none; */}

  #svisual_layout.b_type .svisual_wrap {height:200px;}
  #svisual_layout.b_type .svisual_wrap .title_wrap {margin: 0;}
  #svisual_layout.b_type .svisual_wrap .title_wrap strong {font-size:24px;}
  #svisual_layout.b_type .svisual_wrap .title_wrap p {font-size:15px;}

  #body_layout.b_type .contents_wrap .title_wrap h2 {font-size:24px;}

  #banner { border-bottom:0;}

  #foot_layout .foot_wrap {padding:35px 0 40px;}
  #foot_layout .foot_wrap img {display:none;}
  #foot_layout .foot_wrap .space_wrap{width:100%;margin-left:0}

  #foot_layout .foot_wrap .space_wrap.n5 > div{ width:49.5%; margin:0 0 5px 0; border:0;}
  #foot_layout .foot_wrap .space_wrap.n5 > div.n1{ width:100%;  margin:0 0 5px 0;}
  #foot_layout .foot_wrap .space_wrap.n5 > div.n2,
  #foot_layout .foot_wrap .space_wrap.n5 > div.n4{ margin: 0 0 5px 1%;}
  #foot_layout .foot_wrap .topbtn{top:220px;}
}
@media(max-width:767px){
  #top_layout .top_wrap,
  #body_layout, #body_layout .body_wrap,
  #body_layout.b_type .lnb_wrap,
  #body_layout.b_type .contents_wrap,
  #foot_layout, #foot_layout .foot_wrap,
  #svisual_layout .svisual_wrap,
  #banner .layout {padding:0 20px;}
  #body_layout.b_type .contents_wrap {padding:0;}
  #top_layout {padding: 20px 0;}
  #top_layout .top_wrap .sitemap {/* right:-20px; */}
  #top_layout .top_wrap .logo_wrap {left:0;height: 40px;}
  #top_layout .top_wrap .logo_wrap a {line-height: 50px;font-size: 18px;}
  #top_layout .top_wrap .logo_wrap span {width: 83px;height: 40px;margin: 0 15px 0 0;background-size:auto 100%;}
  #top_layout .top_wrap .utile_wrap {margin:0;}
  #top_layout .top_wrap .utile_wrap li.sitemap {height:40px;}

  #svisual_layout.b_type .svisual_wrap {height:150px;}
  #banner {padding:10px 0 0;}
  #banner .banner_box:before {top: auto;bottom: 20px;height:40px;}
  #banner .banner_box .banner_wrap {height:auto;padding: 60px 0 20px;}
  #banner .banner_box .banner_wrap strong {line-height:50px;}
  #banner .banner_box .banner_wrap .control {top:12px;left:auto;right: 1px;}
  #banner .banner_box .banner_wrap .grap .obj li { padding-right: 30px;}
  #banner .banner_box .banner_wrap .grap .obj li a {height:40px;padding: 0;}
  #banner .banner_box .banner_wrap .grap .obj li:after {top: 37.5px;right: 15px;}
  #foot_layout .foot_wrap {padding:35px 0 40px;text-align: center;}
  #foot_layout .foot_wrap ul.utile_wrap li {margin:0 15px;}
  #foot_layout .foot_wrap ul.utile_wrap li:before {left:-20px;}
  #foot_layout .foot_wrap address,
  #foot_layout .foot_wrap .copy {text-align:center;}
  #foot_layout .foot_wrap .topbtn {position:static; margin:10px 0 0;}

  #foot_layout .foot_wrap .space_wrap.n5 > div{ width:100%; margin:0 0 5px 0; border:0;}
  #foot_layout .foot_wrap .space_wrap.n5 > div.n2,
  #foot_layout .foot_wrap .space_wrap.n5 > div.n4{margin:0 0 5px 0;}

}


@media(max-width:400px){
	#top_layout .top_wrap .utile_wrap li{vertical-align: middle;}
  #top_layout .top_wrap .utile_wrap li.band a{width:35px;height:35px;background-position: -1px;}
  #top_layout .top_wrap .utile_wrap li.blog a{width:35px; height:35px}
}