@charset "utf-8";

@media all and (max-width:3000px){

	/* main_wrap */
	.main_wrap {width:100%;margin:0;}

	/* snb */
	#snb {margin-left:30px;}

	/* contents */
	#contents {width:calc(100% - 310px);}

	/* contents */
	.contents_util {padding-right:90px;}

	/* contents_body */
	#contents_body {padding-right:90px;}

	/* contents_info */
	.contents_info {padding-right:90px;}
	.contents_info #satisfy .cont {margin-top:10px;padding-right:67px;}
	.contents_info #satisfy .list {position:relative;right:auto;top:auto;clear:both;margin-bottom:12px;}

	.form_radio {margin-right:10px;}

}


@media all and (max-width:2999px){

	/* main */
	.main_wrap {padding-top:0;}

	/* visual */
	#visual {height:250px;}
	#visual::after {display:none;}

	/* snb */
	#snb {display:none;}

	/* contents */
	#contents {width:100%;float:none;}

	/* contents_util  */
	.contents_util {padding-right:0;height:178px;}
	.contents_util::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:48px;background:rgba(34,51,75,.8);z-index:-1;}
	.contents_util #contents_title {display:table;text-align:center;width:100%;height:calc(100% - 48px);font-size:24px;line-height:1.2;padding:0 24px;}
	.contents_util #contents_title span {display:table-cell;vertical-align:middle;}
	.location {padding-left:30px;}
	.contents_util .util .btn::after,
	.contents_util .util .btn.print {display:none;}
	.contents_util .util .share .item {top:48px;right:2px;}
	.contents_util .util .share .item::before {right:10px;}
	.contents_util .util .zoom {display:none;}
	.contents_util .util .share .title::before {display:block;}

	/* contents_body  */
	#contents_body {padding:0 30px 40px;margin-top:30px;}

	/* contents_info */
	.contents_info {padding:0 30px;}

}


@media all and (max-width:2998px){


	/* contents */
	#contents {padding-left:0;}

	/* contents_util */
	.contents_util {}
	.location {position:relative;width:100%;padding:0;z-index:3;}
	.location > .path {display:none;}
	.location .nav-depth {display:block;width:100%;}
	.nav-depth > ul {position:relative;padding-left:48px;}
	.nav-depth > ul > li.home {display:block;position:absolute;left:0;top:0;min-width:auto;width:48px;height:48px;line-height:48px;background:url(../img/sub/location_home.png) center center no-repeat;}
	.nav-depth > ul > li.home a {display:block;overflow:hidden;text-indent:-9999px;}
	.nav-depth > ul > li {display:none;position:relative;float:left;min-width:200px;}
		.nav-depth > ul > li:last-child {display:block;width:100%;}
	.nav-depth > ul > li + li::after {content:'';position:absolute;left:0;top:0;width:1px;height:48px;background-color:rgba(255,255,255,.3);}
	.nav-depth > ul > li button {display:block;position:relative;width:100%;height:48px;line-height:48px;padding:0 26px 0 14px;color:#fff;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.nav-depth > ul > li button::after {content:"\e936";font-family:"xeicon";position:absolute;right:11px;top:2px;color:#fff;}
	.nav-depth > ul > li.open button::after {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
	.nav-depth > ul li.open .sub {display:block !important;}
	.nav-depth > ul li .sub {display:none;position:absolute;top:48px;left:0;width:calc(100% + 1px);padding:10px 0;border:1px solid #e5e5e5;border-top:0 none;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1);box-shadow:5px 5px 5px rgba(0,0,0,0.1);background-color:#fff;}
	.nav-depth .list a {display:block;position:relative;padding:0 16px;line-height:32px;color:#7f7f7f;outline:0 none;}
	.nav-depth .sub li.active a, 
	.nav-depth .sub li a:hover, 
	.nav-depth .sub li a:focus, 
	.nav-depth .sub li a:active {color:#000;font-weight:500;}
	.nav-depth > ul li,
	.nav-depth ::before,
	.nav-depth ::after {-webkit-transition:all .3s ease;transition:all .3s ease;}
	.nav-depth .sub a span {position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden;}
	.contents_util .util {position:absolute;right:0;bottom:0;}

	/* contents_body */
	#contents_body {position:relative;padding:0 24px 30px;margin-top:40px;z-index:1;}
	#contents_body h2 {font-size:24px;margin-bottom:20px;}

	/* content_style */
	.content_style h3 {font-size:18px;}
	.content_style h4 {font-size:16px;margin-bottom:7px;background-position:left 7px;}
	.content_style p {margin-top:8px;}
	.content_style .big_p {font-size:15px;}

	/* 탭메뉴 */
	.tabmenu + .board_info,
	.tabmenu + form {margin-top:30px;}

	/* table 
	.conTableGroup {margin-top:10px;}*/

	/* con_top */
	.con_top {height:270px;padding-top:99px;}
	.con_top::before {background-size:auto 100%;}
	.con_top .tit img {height:100%;}
	.con_top span {font-size:24px;}

	/* contents_info */
	.contents_info {padding:0 24px;}

}

@media all and (max-width:2997px){

	/* visual */
	#visual {height:220px;}
	#visual::after {display:none;}

	/* contents_util  */
	.contents_util {height:148px;}

	/* main */
	#main {padding-bottom:100px;}

	/* contents_info */
	.contents_info .duty {padding:13px 16px 16px;}
	.contents_info .duty .list li {margin-right:20px;margin-top:5px;}
	.contents_info .duty .list li + li {margin-left:0;padding-left:0;}
	.contents_info .duty .list li + li::before {display:none;}
	.contents_info #satisfy {padding:16px;}
	.contents_info #satisfy .cont {margin-top:5px;}
	.form_radio {margin-top:5px;}
	.kogl .txt {padding:16px;}

	/* tab */	
	.tab3 ul > li:nth-child(3n+1) {clear:none;}
	.tab3 ul > li:nth-child(3n+1) a {border-left:none;}
	.tab3 ul > li,	
	.tab4 ul > li,
	.tab5 ul > li,
	.tab6 ul > li{width:50% !important;}
	.tab2 ul > li:nth-child(2n+1),
	.tab3 ul > li:nth-child(2n+1),
	.tab4 ul > li:nth-child(2n+1),
	.tab5 ul > li:nth-child(2n+1){clear:both;}
	.tab2 ul > li:nth-child(2n+1) a,
	.tab3 ul > li:nth-child(2n+1) a,
	.tab4 ul > li:nth-child(2n+1) a,
	.tab5 ul > li:nth-child(2n+1) a{border-left:1px solid #ccc;}	

}


@media all and (max-width:2996px){

	/* li_style */
	/*.li_style li {word-break:break-all;}*/

	/* contents_info */
	.kogl,
	.kogl > * {display:block;}
	.kogl .img {width:100%;border-right:0 none;padding:18px 16px 0;}

	/* tab */	
	.tab3 ul > li,	
	.tab4 ul > li,
	.tab5 ul > li,
	.tab6 ul > li{width:100% !important;}
	.tab2 ul > li a,
	.tab3 ul > li a,
	.tab4 ul > li a,
	.tab5 ul > li a{border-left:1px solid #ccc !important;}	

}


@media all and (max-width:2995px){

	/* content_style */
	.content_style h3 {font-size:16px;margin-top:20px;margin-bottom:7px;}
	.content_style h4 {font-size:15px;background-position:left 5px;margin-top:14px;margin-bottom:5px;}
	.content_style p {margin-top:5px;}

	/* 탭메뉴 */
	.tabmenu + .board_info,
	.tabmenu + form {margin-top:20px;}

	/* contents_info */
	.contents_info #satisfy .form {padding-right:0;height:auto;}
	.contents_info #satisfy .form .btn {position:static;right:auto;bottom:auto;width:100%;height:32px;margin-top:4px;}

}


@media all and (max-width:2994px){

	/* contents_body */
	#contents_body h2 {font-size:18px;}
	#contents_body h2 span {padding:0 26px;}
	#contents_body h2 span::before, 
	#contents_body h2 span::after {top:7px;}

	/* contents_util */
	.location > ul {padding-left:0;}
	.location > ul > li.home {display:none;}

	/* contents_info */
	.contents_info {padding:0 16px;}
	.contents_info #satisfy .cont {padding-right:43px;}

}


@media all and (max-width:768px){

	/* table 반응형 */
	.conTableGroup .scroll_txt {display:block;-webkit-animation: scroll_w 3s alternate ease-in-out forwards;animation: scroll_w 3s alternate ease-in-out forwards;}
    @keyframes scroll_w {
        0% {opacity:0.9;left:50%;}
        25% {opacity:0.9;left:40%;}
        50% {opacity:0.9;left:60%;}
        75% {opacity:0.9;left:40%;}
        99% {opacity:0;left:60%;height:40px;}
        100% {opacity:0;height:0;overflow:hidden;}
    }
}