/* 웹폰트 : 나눔고딕 */
@font-face 
{
	font-family:'NanumGothic';
	src:url('../fonts/nanum/NanumGothic-Regular.eot');
	src:url('../fonts/nanum/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/nanum/NanumGothic-Regular.woff') format('woff'), 
		url('../fonts/nanum/NanumGothic-Regular.woff') format('woff2'), 
		url('../fonts/nanum/NanumGothic-Regular.ttf') format('truetype');
}

/* 웹폰트 : 나눔스퀘어 */
@font-face 
{
	font-family:'NanumSquare';
	font-weight:normal;
	src:url('../fonts/nanum/NanumSquareR.eot');
	src:url('../fonts/nanum/NanumSquareR.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/nanum/NanumSquareR.woff') format('woff'), 
		url('../fonts/nanum/NanumSquareR.ttf') format('truetype');
}

/* 웹폰트 : NOTO SANS KR */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 공통 */
.inner {position:relative;min-width:280px;margin:auto;max-width:1200px;}

/* 메인 헤더 */
#header {position:relative; height:197px; z-index:3; }
#header:before {content:""; display:block; top:0; left:0; position:absolute; width:100%; height:86px; background:#fff; opacity:1; filter:alpha(opacity=100);}
#header.fixed {position:fixed; top:0; left:0; width:100%;}
#header.fixed:before {content:""; display:block; top:0; left:0; position:absolute; width:100%; height:86px; background:#fff; opacity:0.85; filter:alpha(opacity=85);}
.head {position:relative; margin:0 auto; height:113px; z-index:1; max-width: 1200px;}
.head h1#logo {position:absolute; top:7px; left:50%; margin-left:-85px; font-size:0; line-height:0;}
.head_bar{position:absolute; top:150px; display:block; width:100%; height:1px; background: #eaeaea; border:0; } /* 상단 메뉴사이 라인 */
.head .gnb {*zoom:1; position:absolute; top:113px; width:100%;}
.head .gnb:after {content:""; display:block; clear:both;}
.head .gnb li.gnb_item {float:left; width:20%; position:relative;}
.head .gnb li.gnb_item > a {display:block; font-size:17px; text-align:center; letter-spacing:-0.02em; line-height:44px; color:#555555; font-weight:500; background:url("/dangam/images/home/head_bar.png") center right no-repeat;}
.head .gnb li.gnb_item:hover > a {color:#67804e;}
.head .gnb li.gnb_item a.active_nav {color:#67804e;}
.head .gnb li.gnb_item .nav_sec {width:100%; height:0; overflow:hidden;  border-right:1px solid #5b5b5b; position:absolute; top:43px; left:0; z-index:2;
	-webkit-transition:height 300ms ease-in-out;
	-moz-transition:height 300ms ease-in-out;
	-ms-transition:height 300ms ease-in-out;
	-o-transition:height 300ms ease-in-out;
	transition:height 300ms ease-in-out
}
.head .gnb li.gnb_item .nav_sec.open_menu { height:264px;
	-webkit-transition:height 400ms ease-in-out;
	-moz-transition:height 400ms ease-in-out;
	-ms-transition:height 400ms ease-in-out;
	-o-transition:height 400ms ease-in-out;
	transition:height 400ms ease-in-out
}
.head .gnb > li:last-child a{background:none;}
.head .gnb li.gnb_item:last-child .nav_sec{border-right:0;}
.head .gnb li.gnb_item:first-child .nav_sec {border-left:1px solid #5b5b5b;}
.head .gnb li.gnb_item .nav_sec ul {padding:20px 0;}
.head .gnb li.gnb_item .nav_sec li a {font-size:16px; font-weight:300; line-height:32px; letter-spacing:-0.025em; color:#aeaeae; display:block; text-align:center;}
.head .gnb li.gnb_item .nav_sec li a:hover {color:#fff; text-decoration:underline;}

.head .sns_area{position:absolute; top:40px;}
.head .sns_area li{float:left; margin-right:10px;}

.head .top_search {position:absolute; top:29px; right:0;}
.head .top_search * {vertical-align:middle;}
.head .top_search .sh_ip {border:0; height:42px; line-height:42px; padding:0 10px; width:150px; background:#eee;}
.head .top_search .sh_ip:focus {border:0; background:#f5f5f5;}
.head .top_search .btn_search {background:url(../dangam/images/home/common/search_bt.png) top left no-repeat; width:42px; height:42px; font-size:0; line-height:0; margin-left:-3px;}

/* 햄버거 버튼 */
.mobile-menu-btn {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1001;
  width: 30px;
  height: 22px;
  cursor: pointer;
}
.mobile-menu-btn span {
  display: block;
  width: 100%;
  height: 4px;
  margin-bottom: 4px;
  background: #333;
  border-radius: 2px;
  transition: 0.3s;
}
.mobile-menu-btn.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-btn.active span:nth-child(2) {
  opacity: 0;
}
.mobile-menu-btn.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* 모바일 메뉴 */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 250px;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 5px rgba(0,0,0,0.2);
  transition: right 0.3s ease-in-out;
  z-index: 1000;
  overflow-y: auto;
}
.mobile-nav.active {
  right: 0;
}
.mobile-nav-inner {
  padding: 60px 20px;
}
.mobile-accordion {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-accordion > li {
  margin-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.accordion-toggle {
  background: none;
  border: none;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 10px 0;
  cursor: pointer;
  color: #333;
}
.accordion-content {
  display: none;
  padding-left: 10px;
  margin-bottom: 20px;
}
.accordion-content li a {
  font-size: 16px;
  display: block;
  padding: 6px 0;
  color: #555;
  text-decoration: none;
}

/* 배경 어두운 오버레이 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}

/* 반응형 조건 */
@media (max-width: 1200px) {
	#header {height: 120px;}
  .head {height: 80px;}
  .head .gnb { display: none; }
  .head img {width: 120px;}
  .mobile-menu-btn { display: block; top: 30px;}
  .head_bar {display: none;}

  .sub_nav {display: none;}
}


/* 메인 gnb */
.sub_nav {position:absolute; top:196px; left:0; height:0; width:100%; background:#444444;
	-webkit-transition:height 300ms ease-in-out;
	-moz-transition:height 300ms ease-in-out;
	-ms-transition:height 300ms ease-in-out;
	-o-transition:height 300ms ease-in-out;
	transition:height 300ms ease-in-out

}
.sub_nav.open_menu { height:265px;
	-webkit-transition:height 400ms ease-in-out;
	-moz-transition:height 400ms ease-in-out;
	-ms-transition:height 400ms ease-in-out;
	-o-transition:height 400ms ease-in-out;
	transition:height 400ms ease-in-out
}
.sub_nav .nav_close {position:absolute; cursor:pointer; display:none; bottom:10px; left:50%; margin-left:485px; font-size:12px; line-height:20px; color:#aeaeae;}
.sub_nav .nav_close * {vertical-align:middle;}
.sub_nav .nav_close img {margin:-3px 0 0 5px;}
.sub_nav.open_menu .nav_close {display:block;}


/* top_side_menu */

/* tsidemenu */
.tsidemenu {position: relative; width: 100%; height: 40px; line-height: 40px; font-size:0.9em;  background:#f6f6f6;}
/* .inner{max-width:1040px; margin:0 auto; } */

/* tsidemenu type */
.tsidemenu .type {float: left; overflow: hidden;}
.tsidemenu .type li {float: left;}
.tsidemenu .type li:first-child a {color:#fff; background-color:#ec4d2c; border-left: 1px solid #ddd;}
.tsidemenu .type a {display: inline-block; width: 110px; height: 40px; text-align: center; color: #666; font-weight:500; border-right:1px solid #e1e1e1; }
.tsidemenu .type .entrance a {color: #fff; background-color: #005aab;}
.tsidemenu .type li.on a {color: #555; background-color: #fff;}/* 입시 */

/* tsidemenu menu -로그인, 사이트맵 */
.tsidemenu .menu {float: right; height: 40px; overflow: hidden;}
.tsidemenu .menu li {float: left;}
.tsidemenu .menu a {display: inline-block; padding: 0 15px;background:url("/dangam/images/home/common/tside_dot.png") left center no-repeat;}
.tsidemenu .menu .login a {background:none;}

.tsidemenu .menu .login.logout a:before {content:'\e08f';}
.tsidemenu .menu .my a,
.tsidemenu .menu .mypage a {position: relative; color: #fff; background-color: #ba1859;}
.tsidemenu .menu .login.logout a:before {content:'\e08f';}

.tsidemenu .menu .web {display: inline-block;}
.tsidemenu .menu .mobile {display: none;}

/* 글자크기 */
.tsidemenu .fontsize {text-align: center; background-color: #f5f5f5; border-left: 1px solid #ddd; overflow: hidden;}
.tsidemenu .fontsize strong {float: left; display: inline-block; width: 80px; text-align: center; font-weight: normal; border-right: 1px solid #ddd;}
.tsidemenu .fontsize a {float: left; display: inline-block; padding: 0; width: 40px; color: #999; background-color: #fff; border-right: 1px solid #ddd;}
.tsidemenu .fontsize a:before {position: relative; display: block; width: 100%; text-align: center; font-family: FontAwesome; font-size: 18px; content: '\f067';}
.tsidemenu .fontsize .zoomout:before {content: '\f068';}





/* 서브 컨테이너 */
#container{width:100%;}
#container .container_head{min-height:250px;}
#container .container_head h2{color:#fff; text-align:center; display:block; font-size:2em; padding:105px 0 26px 0; font-weight:400;}
#container .container_head .h2_text{font-size:0.9em; text-align:center; display:block; color:#fff; }
#container .container_head .h2_text > i{color:#ffb240; font-style:normal;}
#container .sub_head{width:100%; height:140px; background: url("../dangam/images/home/common/sub_head_line.jpg") 0 bottom repeat-x;}
#container .sub_head_b {width:100%; background: url("../dangam/images/home/common/sub_head_line.jpg") 0 bottom repeat-x;}
#container .rowgroup{display:block; width:1040px; margin:0px auto;}
#container #contents{position:relative; width:100%; padding:50px 0; overflow:hidden;}

.subHead01{background:url("/dangam/images/home/common/sub_head01.jpg") fixed no-repeat;}
.subHead02{background:url("/dangam/images/home/common/sub_head02.jpg") fixed  no-repeat;}
.subHead03{background:url("/dangam/images/home/common/sub_head03.jpg") fixed  no-repeat;}
.subHead04{background:url("/dangam/images/home/common/sub_head04.jpg") fixed  no-repeat;}
.subHead05{background:url("/dangam/images/home/common/sub_head05.jpg") fixed  no-repeat;}
.subHead06{background:url("/dangam/images/home/common/sub_head06.jpg") fixed  no-repeat;}
.subHead07{background:url("/dangam/images/home/common/sub_head07.jpg") fixed  no-repeat;}
.subHead08{background:url("/dangam/images/home/common/sub_head08.jpg") fixed  no-repeat;}


#container .tab_menu{width:100%; margin-top:10px;}
.tab_menu .tab-03 li{float:left; width:32%; height:15px;  margin-right:2%; margin-top:20px;}
.tab_menu .tab-03 li a{display:block; font-size:1.1em; color:#444; background:#f2f2f2; text-align:center; padding:20px 0;}
.tab_menu .tab-03 li:last-child{margin-right:0;}
.tab_menu .tab-03 li a.on,
.tab_menu .tab-03 li a:focus,
.tab_menu .tab-03 li a:hover{background:#be7451; color:#fff;}

.tab_menu .tab-04 li{float:left; width:23.5%; height:15px;  margin-right:2%; margin-top:20px;}
.tab_menu .tab-04 li a{display:block; font-size:1.1em; color:#444; background:#f2f2f2; text-align:center; padding:20px 0;}
.tab_menu .tab-04 li:last-child{margin-right:0;}
.tab_menu .tab-04 li a.on,
.tab_menu .tab-04 li a:focus,
.tab_menu .tab-04 li a:hover{background:#be7451; color:#fff;}

.tab_menu .tab-05 li{float:left;  width:18.8%; height:15px;  margin-right:1.5%; margin-top:20px;}
.tab_menu .tab-05 li a{display:block; font-size:1.1em; color:#444; background:#f2f2f2; text-align:center; padding:20px 0;}
.tab_menu .tab-05 li:last-child{margin-right:0;}
.tab_menu .tab-05 li a.on,
.tab_menu .tab-05 li a:focus,
.tab_menu .tab-05 li a:hover{background:#be7451; color:#fff;}

.tab_menu .tab-06 li{float:left;  width:15%; height:15px;  margin-right:1.2%; margin-top:18px;}
.tab_menu .tab-06 li a{display:block; font-size:1.1em; color:#444; background:#f2f2f2; text-align:center; padding:20px 0;}
.tab_menu .tab-06 li:last-child{margin-right:0;}
.tab_menu .tab-06 li a.on,
.tab_menu .tab-06 li a:focus,
.tab_menu .tab-06 li a:hover{background:#be7451; color:#fff;}


.cnt_location .home_icon{display:block;position:absolute;top:0;left:0;width:16px;height:16px;background:url(/dangam/images/home/common/em_home.png) no-repeat 4px 4px;border-radius:10px;}
.cnt_location{display:block;width:85%;margin:30px 0 0 0;}
.cnt_location em{margin:0 5px 0 0;padding:0 12px 0 0;background:url(/dangam/images/home/common/em_arrow.png) no-repeat right 3px;color:#737373;font-size:14px;line-height:17px;}
.cnt_location em:first-child{position:relative;padding:0 12px 0 19px;}
.cnt_location em.last{margin:0;padding:0;background:none;color:#000;letter-spacing:-1px;}






/* 스타일 서식 */
h3.h3{margin-bottom:18px; font-size:28px; color:#222; line-height:30px;}
h4.h4{font-size:18px; font-weight:500; color:#222; margin:20px 0;padding-left:20px; background:url("/dangam/images/home/common/h4_dot.png") no-repeat;}
h5.h5{font-size:18px; font-weight:500; color:#222; margin:20px 0;}

ul.bu li{color:#333; font-weight:500; margin:13px 10px 15px 0; padding-left:23px; background:url("/dangam/images/home/common/h4_dot.png") 0 3px no-repeat;}
ul.list li{clear:both; color:#333; line-height:24px; font-weight:400; font-size:14px; margin-right:10px; padding-left:20px; background:url("/dangam/images/home/common/list_dot.png") 5px no-repeat;}
ul.bon_list li{color:#333; font-weight:400; font-size:16px; line-height:24px; margin:10px 0px 25px 10px; padding-left:20px; background:url("/dangam/images/home/common/list_dot.png") 5px 11px no-repeat;}
ul.bon_list li ul li{color:#888; font-size:14px; margin:6px 0px 6px 0px; padding-left:14px; font-weight:400; background:url("/dangam/images/home/common/list_dot2.png") 5px 11px no-repeat}
ul.list_none li{color:#555; font-size:15px; margin-bottom:8px;}
dl.bu dt{margin-bottom:16px; float:left; color:#222; font-weight:500; margin-right:15px; padding-left:20px; background:url("/dangam/images/home/common/h4_dot.png") no-repeat; letter-spacing:-0.5px; }
dl.bu dd{margin-bottom:16px; color:#777; line-height:20px;}

.btn_right{float:right;}
.btn_blue{display:block; padding:8px 15px; font-size:0.85em; color:#fff !important; background:#4e70c6; text-align:center;}
.btn_green{display:block; padding:8px 15px; font-size:0.85em; color:#fff !important;  background:#6cb75a;text-align:center;}
.btn_comm {}
.btn_left > a {display:inline-block;}
.btn_cen{text-align:center;}
.btn_cen > a {display:inline-block !important;}
.t_red{color:#e04545; font-weight:600;}
.t_tit{color:#c67048; font-weight:600;}
.stxt{display:inline-block; font-size:14px; color:#666; padding:5px 0;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mg20{margin-bottom:20px;}

/* 테이블 서식 */
#contents .table-t1{width:100%;margin:5px 0 10px;border-collapse:separate;border-spacing:0;border-top:1px solid #4d5360; border-right:1px solid #dadada;}
#contents .table-t1 th,#contents .table-t1 td{line-height:24px; padding:6px 10px 4px;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;vertical-align:middle}
#contents .table-t1 .vertical_top td{vertical-align:top}
#contents .table-t1 thead tr:first-child th{}
#contents .table-t1 tbody tr:first-child td{}
#contents .table-t1 thead th{padding:10px 2%;background-color:#f5f7fd;border-left:1px solid #dadada;border-bottom:1px solid #aaa;color:#333;font-weight:normal;}
#contents .table-t1 .first{border-left:none;}
#contents .table-t1 tbody th,#contents .table-t1 tfoot th, #contents .table-t1 tfoot td{padding:6px 10px 4px;background-color:#f6f6f6;font-weight:normal;}
#contents .table-t1 thead th,#contents .table-t1 tbody th,#contents .table-t1 tfoot th{text-align:center;}
#contents .table-t1 td img{vertical-align:middle;}
#contents .table-t1 td .bu li{text-align:left;}
#contents .table-t1 td.center{text-align:center;}
#contents .t_cen td{text-align:center;}

.table_stxt{display:block; text-align:right; font-size:13px; color:#777;}
.right{float:right;}



/* 푸터 */
#footer {  }

.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.img_comn {background-image:url(/dangam/images/home/img_comn.png);background-repeat:no-repeat}
/* .inner { position:relative; z-index:10; width:1200px; margin:0 auto;} */

/* foot_banner  */
#foot_banner {overflow:hidden;position:relative;height: 56px;width: 100%;margin:0px auto;background: #fefefe;border-top: 1px solid #e8e6e9; border-bottom: 1px solid #e8e6e9;}

#foot_banner h3 {position:absolute;top: 15px;left:0px;font-weight: 600;font-size: 1em; line-height:28px;}
#foot_banner .fb_box {position:absolute;width:850px;height: auto;margin: 15px 0 0 185px;overflow:hidden;}
#slider_foot_banner {position:absolute; width:1080px ; }
#slider_foot_banner li {float:left; padding:5px 0; text-align:center;}
#foot_banner .control {position:absolute;top: 17px;left: 74px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {display:none;}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:46px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:46px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}



.skip{display:none;}
#foot_info  .wrap{position:relative; padding:30px 0 50px 0;}
.footer_logo{position:absolute;top:30px;left:0;width:252px;height:94px;background:url("/dangam/images/home/f_logo.jpg") no-repeat left top;color:transparent;font-size:0;line-height:0;}
.footer_navi{margin:0 0 25px 23.083333%;}
.footer_navi li{float:left;}
.footer_navi a{margin:0 0 0 12px;padding:0 0 0 17px;background:url(/dangam/images/home/common_bottom_image.png) no-repeat -479px -62px;color:#525252;}
.footer_navi .privacy a{color:#bd4400;}
.footer_navi li:first-child a{margin:0;padding:0;background:none;}
.footer_info{margin:0 0 0 23.083333%; font-size:0.88em; line-height:1.6em;}
.footer_info address{color:#696969; margin-top:30px;}
.footer_info address span{margin:0 10px 0 0;}
.footer_info .copyright{margin:0 0 12px;}
.footer_info .copyright span{color:#f7941d;}
.footer_info .mail_info{color:#777;}

@media (max-width: 1200px) {
/* header */
	#header {position: fixed;width: 100%;}
	#header:before {height:120px;}
  .head h1#logo {left: 54%;}

	.area_main_content {padding-top: 120px;}

  /* footer */
	#foot_banner h3 {left: 32px;}
	#foot_banner .control {left: 110px;}

	.footer_logo {display: none;}
  /* #foot_info {width: 92%; margin: 0 auto; text-align: center;}/ */
	.footer_navi {margin: 0 30px 0 30px;}
	.footer_info {margin: 0 30px 0 30px;}

    /* 서브페이지 */
  #container {padding-top: 120px;}

  #container .container_head {min-height: 170px;}
  #container .container_head h2 {padding: 60px 0 26px 0;}

  .sub_contentsFullImg, .sub_contentsFullVideo {width: 100%;}

  /* 조성개요 */
  #container .rowgroup {width: 96%;}
}

@media (max-width: 760px) {
  h3.h3 {font-weight: 25px;}
  /* 서브페이지 */
  /* 조성개요 */
  .tab_menu .tab-04 li {width: 100%;margin-top: 38px;}
  .tab_menu .tab-04 li a {font-size: 1em; padding: 14px 0;}

  .tab_menu .tab-05 li {width: 100%;margin-top: 38px;}
  .tab_menu .tab-05 li a {font-size: 1em; padding: 14px 0;}

  /* 모바일테이블 */
   .table_responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table_responsive table {
    min-width: 600px;
  }
}

@media (max-width: 560px) {

}