@charset "utf-8";
/* CSS Document */
body {background:#fff;color: #333;}
.navbar-default {background: transparent;top:0px;right: 0;left: 0;height: 67px;z-index: 99999;position: absolute;}
.navbar-header .logo {background: url(../images/common/logo_top_sub.png)center no-repeat;}
.container {position: relative;}

/* contants *****************************************/
.topFixed {/*position: fixed;*/background: #fff;z-index: 9999;width: 900px;margin: 0 auto;right: 0;left: 0;}
.homeFixed {position: fixed;bottom: 63px;right: -1044px;width: 100%;}
.homeFixed .icon_home {display:block;background: url(../images/common/icon_home.png)right no-repeat;width: 36px;height: 50px;}
.homeFixed .icon_top {display:block;background: url(../images/common/icon_top.png)right no-repeat;width: 36px;height: 45px;}
.homeFixed .icon_home:hover {background: url(../images/common/icon_home_ov.png)right no-repeat;}
.homeFixed .icon_top:hover {background: url(../images/common/icon_top_ov.png)right no-repeat;}

@media (min-width: 320px) {
	section {width: 100%;padding: 50px 0 100px; letter-spacing: -0.3px;overflow: hidden;}
	section h1 {font-family: 'NanumSquareB';font-size: 40px;margin: 0px 0 30px;text-align: center;}
	section h2 {font-family: 'NanumSquareB';font-size: 40px;margin: 0px 0 100px;text-align: center;}
	section h100 {font-family: 'NanumSquareB';font-size: 34px;margin: 0px 0 100px;text-align: left;}
	
	section.about {padding: 50px 0 50px;float: left;background:#fff;color: #fff;background-size: cover;text-align: center;z-index: 99999;}
	section.about .topTxt {overflow: hidden;text-align: center;color: #333;margin-bottom: 0;}
	section.about .topTxt h5 {font-family: "NanumSquareB";font-size: 24px;margin: 0 0 10px;}
	section.about .topTxt div {font-family: "NanumSquareR";font-size: 65px;margin: 0px;display: block;line-height: 60px;letter-spacing: 4.5px;}
	section.about .topTxt span {font-size: 20px;display: block;padding: 1px 20px;width: 450px;text-align: center;background: #666;font-family: 'DINLig';margin: 0 auto;letter-spacing: 10px; color: #fff;}
	section.about a:hover {text-decoration: none;}
	section.about .vol {float: right;text-align: center;}
	section.about .vol span {font-family: 'DINLig','NanumSquareR';font-size: 30px;margin-top: 20px;color: #fff;}
	section.about .vol p {font-family: 'DINLig';opacity: 0.8;font-size: 17px;letter-spacing: 2.7px;line-height: 9px;}
	
	section.navbar {padding: 0;margin: 0 auto;width: 900px;}
	section.navbar .navbar-nav {margin: 0px;width: 100%;}
	section.navbar .navbar-nav li {display: inline-block;float: left;width: 25%;text-align: center;padding: 5px 0 0;}
	section.navbar .navbar-nav li a {font-family: "NanumSquareB"; color: #333;font-size: 23px;font-weight: bold;}
	section.navbar .navbar-nav li a:hover, section.navbar .navbar-nav li a.active {color: #f63244;background: #fff;font-weight: bold;}
	section.navbar .navbar-nav li a:focus {color: #333;background: transparent;}
	
	section.tabmenu {display: block;overflow: hidden;margin-bottom: 0px;padding: 0;width: 900px;}
	section.tabmenu ul {margin: 0;overflow: hidden;}
	section.tabmenu ul a li {color: #555;}
	section.tabmenu ul a li {display: inline-block;padding: 8px 40px;font-family: 'NanumSquareB';font-size: 20px;float: left;cursor: pointer;width: 50%;text-align: center;border: 1px solid #ccc;border-right: 0;}
	section.tabmenu ul a li:hover, section.tabmenu ul a li.active {color: #fff;background: #f63244;}
	section.tabmenu ul a:last-child li {border-right: 1px solid #ccc;}
	section.tabmenu.tab3 ul a li {width: 33.333%;}
	section.tabmenu.tab1 ul a li {width: 100%;}
	
	section .con {overflow: hidden;}
	section .con .topIcon {display: block;background: #ff0e3b;width: 33px;color: #fff;border-radius: 0 15px 15px 0;text-align: center;height: 22px;line-height: 22px;font-family: 'NanumSquareB','NanumSquareB';font-size: 12px;margin-top: 50px;}
	section .con h4 {font-family: 'NanumSquareB';font-size: 24px;margin: 8px 0 5px;letter-spacing: -1.0px;}
	section .con h4 .date {display: inline-block;margin-left: 5px;font-size: 18px;margin: 0;}
	section .con h5 {font-size: 18px;font-family: 'NanumSquareR';margin: 5px 0 20px;line-height: 22px;letter-spacing: -1.0px;}
	section .con ul li {display: inline-block;position: relative;}
	section .con ul li span {font-size: 20px;color: #333;}
	section .con ul li p {font-size: 13px;color: #333;}
	section .con ul li .conTxt {position: absolute;top: 103px;left: 0;right: 0;}
	section .con ul li:hover .conTxt:hover {color: #222;}
	
	section .conTitWrap {position: relative;margin-bottom: 15px;}
	section .conTitWrap .titBar {display: inline-block;width: 5px;height: 60px;background: #f63244;float: left;}
	section .conTitWrap .titDepth {display: inline-block;background: #fff;z-index: 9999;padding: 0 10px;}
	section .conTitWrap .titDepth h3 {font-family: "NanumSquareR";font-size: 24px;margin: 0;text-align: left;}
	section .conTitWrap .titDepth h2 {font-family: "NanumSquareB";font-size: 36px;margin: 0;text-align: left;}
	section .conTitWrap .home {width: 100%;overflow: hidden;position: absolute;top: 31px;}
	section .conTitWrap .home .line {margin: 0;display: inline-block;border-bottom: 2px dotted #ccc;width: 670px;float: right;margin-top: 14px;}
	section .conTitWrap .home .line.line450 {width: 450px;}
	section .conTitWrap .home .line.line500 {width: 500px;}
	section .conTitWrap .home .line.line530 {width: 530px;}
	section .conTitWrap .home .line.line550 {width: 550px;}
	section .conTitWrap .home .line.line600 {width: 600px;}
	section .conTitWrap .home .line.line650 {width: 650px;}
	section .conTitWrap .home .line.line700 {width: 700px;}
	section .conTitWrap .home .line.line750 {width: 750px;}
	section .conTitWrap .home .homeBtn {border-radius: 50px;padding: 4px 12px;float: right;background: #999;cursor: pointer;width: 70px;text-align: center;transition:0.2s;}
	section .conTitWrap .home .homeBtn a {font-size: 15px;color: #fff;cursor: pointer;}
	section .conTitWrap .home .homeBtn:hover {background: #333;}
	section .conTitWrap .home .homeBtn:hover a {text-decoration: none;}
	
	section article h4 {font-size: 18px;margin: 0 0 20px;line-height: 22px;color: #777;text-align: left;font-weight: bold;letter-spacing: -0.5px;}
	section article .detail {margin-top: 100px;overflow: hidden;}
	section article .detail_top {margin-top: 0px !important;}
	section article .detail h3 {font-family: 'NanumGothicBold';font-size: 30px;margin: 0px 0 20px;letter-spacing: -1.5px;color: #f63244;}
	section article .detail .video iframe {}
	section article .detail .detailImg_01 {display:block;background: url(../images/sub/detailImg_01.png)center top no-repeat;width: 900px;height: 500px;background-size: 100%;border: 1px solid #999;}
	section article .detail .detailImg_02 {display:block;background: url(../images/sub/detailImg_02.png)center top no-repeat;width: 900px;height: 500px;background-size: 100%;border: 1px solid #999;}
	section article .detail .detailImg_03 {display:block;background: url(../images/sub/detailImg_03.png)center top no-repeat;width: 900px;height: 500px;background-size: 100%;border: 1px solid #999;}
	section article .detail .detailImg_04 {display:block;background: url(../images/sub/detailImg_04.png)center top no-repeat;width: 900px;height: 1266px;background-size: 100%;border: 1px solid #999;}
	section article .detail .detailImg_05 {display:block;background: url(../images/sub/detailImg_05.png)center top no-repeat;width: 900px;height: 622px;background-size: 100%;}
	section article .detail .detailImg_06 {display:block;background: url(../images/sub/detailImg_06.png)center top no-repeat;width: 900px;height: 658px;background-size: 100%;}
	section article .detail .detailImg_07 {display:block;background: url(../images/sub/detailImg_07.png)center top no-repeat;width: 900px;height: 306px;background-size: 100%;}
	section article .detail .detailImg_08 {display:block;background: url(../images/sub/detailImg_08.png)center top no-repeat;width: 900px;height: 599px;background-size: 100%;}
	section article .detail .detailImg_09 {display:block;background: url(../images/sub/detailImg_09.png)center top no-repeat;width: 900px;height: 270px;background-size: 100%;}
	section article .detail .detailImg_10 {display:block;background: url(../images/sub/detailImg_10.png)center top no-repeat;width: 900px;height: 537px;background-size: 100%;}
	section article .detail .detailImg_11 {display:block;background: url(../images/sub/detailImg_11.png)center top no-repeat;width: 900px;height: 400px;background-size: 100%;}
	
	section article .detail .txt {font-family: 'NanumGothicBold';font-size: 18px;margin: 30px 0;display: block;letter-spacing: -0.5px;}
	section article .detail .txt p {font-family: 'NanumGothicBold';display: block;margin: 0;color: #222;}
	section article .detail .txt ul {margin: 10px 0 50px;}
	section article .detail .txt ul li {font-family: 'NanumSquareR';background: url(../images/common/icon_dot.png)left center no-repeat;padding-left: 13px;line-height: 28px;font-size: 18px;}
	section article .detail .txt ul span {display: block;font-size: 16px;padding: 0 0 5px 13px;}
	section article .detail .txt_02 {font-family: 'NanumSquareR';font-size: 18px;text-align: center;display: block;color: #222;background: #eee;margin: 0 0 20px;padding: 20px 0;font-weight: bold;}
	section article .detail .txt_02 p {font-family:'NanumSquareR';font-size: 14px;text-align: center;color: #777;margin: 10px 0 0;}
	section article .detail .txt_03 {font-family: 'NanumSquareB';font-size: 20px;margin: 0px 0 10px;display: block;letter-spacing: -0.5px;}
	section article .detail .txt_04 {font-size: 23px;text-align: center;display: block;font-family: 'NanumSquareB';}
	section article .detail .txt_04 .underline {font-family: 'NanumSquareB' !important;color: #f63244;}
	section article .detail .txtPoint {font-family: 'NanumSquareR';color: #f63244;font-weight: bold;}
	section article .detail .feature {margin-bottom: 40px;overflow: hidden;}
	section article .detail .feature span {display: inline-block;width: calc(100% / 4 - 4px);text-align: center;color: #222;background: #e9e9e9;border-radius: 5px;padding: 20px 15px;margin: 0 4px 0 0;float: left;font-size: 17px;}
	section article .detail .feature02 span {display: inline-block;width: calc(100% / 3 - 4px);text-align: center;color: #222;background: #e9e9e9;border-radius: 5px;padding: 20px;margin: 0 4px 0 0;float: left;font-size: 17px;}
    section article .detail .txtAppend {font-family: 'NanumSquareR';font-size: 14px;text-align: left;display: block;color: #222;background: #eee;margin: 0 0 20px;padding: 20px;font-weight: lighter;}	
	
	section article .detail .logoWrap {margin: 20px 0 10px;overflow: hidden;}
	section article .detail .logoWrap ul li {display: inline-block;border: 1px solid #999;width: 217.5px;float: left;margin-right: 10px;margin-bottom: 10px;height: 70px;}
	section article .detail .logoWrap ul li:nth-child(4n) {margin-right: 0px;}
	section article .detail .logoWrap ul li span {display:block;width: 130px;height: 70px;margin: 0 auto;}
	section article .detail .logoWrap ul li span.logo_01 {background: url(../images/sub/logo_01.png)center no-repeat;background-size: 90%;}
	section article .detail .logoWrap ul li span.logo_02 {background: url(../images/sub/logo_02.png)center no-repeat;background-size: 80%;}
	section article .detail .logoWrap ul li span.logo_03 {background: url(../images/sub/logo_03.png)center no-repeat;background-size: 100%;}
	section article .detail .logoWrap ul li span.logo_04 {background: url(../images/sub/logo_04.png)center no-repeat;background-size: 90%;}
	section article .detail .logoWrap ul li span.logo_05 {background: url(../images/sub/logo_05.png)center no-repeat;background-size: 85%;}
	section article .detail .logoWrap ul li span.logo_06 {background: url(../images/sub/logo_06.png)center no-repeat;background-size: 80%;}
	section article .detail .logoWrap ul li span.logo_07 {background: url(../images/sub/logo_07.png)center no-repeat;background-size: 100%;}
	section article .detail .logoWrap ul li span.logo_08 {background: url(../images/sub/logo_08.png)center no-repeat;background-size: 90%;}
	section article .detail .logoWrap ul li span.logo_09 {background: url(../images/sub/logo_09.png)center no-repeat;background-size: 90%;}
	section article .detail .logoWrap ul li span.logo_10 {background: url(../images/sub/logo_10.png)center no-repeat;background-size: 60%;}
	section article .detail .logoWrap ul li span.logo_11 {background: url(../images/sub/logo_11.png)center no-repeat;background-size: 45%;}
	section article .detail .logoWrap ul li span.logo_12 {background: url(../images/sub/logo_12.png)center no-repeat;background-size: 95%;}
	section article .detail .logoWrap ul li span.logo_13 {background: url(../images/sub/logo_13.png)center no-repeat;background-size: 85%;}
	section article .detail .logoWrap ul li span.logo_14 {background: url(../images/sub/logo_14.png)center no-repeat;background-size: 100%;}
	section article .detail .logoWrap ul li span.logo_15 {background: url(../images/sub/logo_15.png)center no-repeat;background-size: 100%;}
	section article .detail .logoWrap ul li span.logo_16 {background: url(../images/sub/logo_16.png)center no-repeat;background-size: 90%;}
	section article .detail .logoWrap ul li span.logo_17 {background: url(../images/sub/logo_17.png)center no-repeat;background-size: 90%;}
	section article .detail .logoWrap ul li span.logo_18 {background: url(../images/sub/logo_18.png)center no-repeat;background-size: 80%;}
	section article .detail .logoWrap ul li span.logo_19 {background: url(../images/sub/logo_19.png)center no-repeat;background-size: 80%;}
	
	section article .detail .monthWrap {width: 420px;display: inline-block;}
	section article .detail .monthWrap:nth-child(2) {float: right;}
	section article .detail .monthWrap h3 {font-size: 24px;margin: 0px 0 10px;text-align: center;}
	section article .detail .monthWrap h3 .activeDate {display: inline-block;font-size: 18px;margin-left: 5px;}
	
	section article .detail .i_meta {font-size: 16px;margin: 50px 0;}
	section article .detail .i_meta tbody tr {border-bottom: 1px solid #999;}
	section article .detail .i_meta tbody tr:nth-child(odd) {background: #fff;font-size: 16px;}
	section article .detail .i_meta tbody tr:nth-child(even) {background: #fdffcc;font-size: 20px;font-weight: bold;}
	section article .detail .i_meta tbody td {padding: 20px 0;position: relative;}
	section article .detail .i_meta tbody td span.arr_down {position: absolute;left: 0;right: 0;margin: 0 auto;top: 70px;font-size: 20px;}
	section article .detail .i_meta tbody td span.arr_down2 {position: absolute;left: 0;right: 0;margin: 0 auto;top: 64px;font-size: 20px;opacity: .7;}
	section article .detail .i_meta tbody td span.arr_down3 {position: absolute;left: 0;right: 0;margin: 0 auto;top: 58px;font-size: 20px;opacity: .4;}
	section article .detail .i_meta span {display: block;font-size: 14px;}
	section article .detail .i_meta .tit {font-size: 16px;font-weight: bold;border-right: 1px solid #999;}
	section article .detail .i_meta .point {display: block;font-size: 20px;color: #ff0e3b}
	
	section article .detail table {width: 100%;text-align: center;border-bottom: 1px solid #999;}
	section article .detail table thead {border-left: 1px solid #414147;}
	section article .detail table thead th {text-align: center;padding: 10px 3px;background: #414147;color: #fff;font-size: 16px;font-weight: normal;border-right: 1px solid #414147;}
	section article .detail table thead th.point {background: #f63244;border-right: 1px solid #f63244;}
	section article .detail table tbody tr {font-size: 15px;background: #fff;}
	section article .detail table tbody tr:nth-child(odd) {background: #eee;}
	section article .detail table tbody tr td {padding: 8px 10px;letter-spacing: -0.3px;font-family: NanumGothic;}
	section article .detail table.schedule {width: 420px;float: left;}
	section article .detail table.schedule thead th {padding: 15px 3px;font-size: 14px;background: #222;}
	section article .detail table.schedule thead th span {font-family: 'YG-JALNAN_0';}
	section article .detail table.schedule tbody tr {background: #fff;}
	section article .detail table.schedule tbody tr td {font-family: 'YG-JALNAN_0';padding: 20px 3px;font-size: 14px;position: relative;background: #f5f5f5;}
	section article .detail table.schedule .sat {color: #5a94ff;}
	section article .detail table.schedule .sun {color: #fe263a;}
	section article .detail table.schedule .active {border-radius: 50%;width: 46px;height: 46px;display: block;position: absolute;top: 8px;background: rgba(255,20,30,.2);margin: 0 auto;left: 0;right: 0;}
	section article .detail table.scheduleProcess {border-left: 1px solid #999;border-bottom: 1px solid #999;line-height: 20px;}
	section article .detail table.scheduleProcess tbody tr {background: #fff;border-top: 1px solid #999;}
	section article .detail table.scheduleProcess tbody tr td {border-right: 1px solid #999;letter-spacing: -0.5px;}
	section article .detail table.scheduleProcess tbody tr td span {display: block;background: #fff;width: 50px;text-align: center;height: 25px;line-height: 25px;margin: 0 auto;border-radius: 50px;margin-bottom: 5px;font-size: 12px;font-weight: bold;}
	section article .detail table.scheduleProcess tbody tr td.tdColor {background: #d3d3d3;}
	section article .detail table.scheduleProcess tbody tr td.tdColor2 {background: #f3f3f3;}
	section article .detail table.scheduleProcess tbody tr td.tdPoint {background: #fff5a0;font-weight: bold;}
	
	section article .detail .scheduleDetail {margin-top: 50px;}
	section article .detail .scheduleDetail dl {margin: 0 0 5px;width: 100%;overflow: hidden;}
	section article .detail .scheduleDetail dl dt {float: left;background: #fe263a;width: 70px;border-radius: 50px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 16px;font-weight: normal;display: inline-block;letter-spacing: -1.0px;}
	section article .detail .scheduleDetail dl dd {float: left;width: 810px;margin-left: 20px;display: inline-block;font-size: 16px;color: #222;line-height: 30px;}
	section article .detail .scheduleDetail dl dd.time {line-height: 30px;}
	section article .detail .scheduleDetail .notiTxt {display: block;font-size: 14px;padding-top: 20px;}}
    section article .detail .example ul li {width: calc(100% / 2 - 10px);margin: 0 5px 0 0}
	section article .detail .example ul li span {font-size: 13px;line-height: 17px;padding: 10px 0 10px;}
	section article .detail .example .exampleImg_01 {width: 100%;height: 100px;background-size: 100%;}
	section article .detail .example .exampleImg_02 {width: 100%;height: 100px;background-size: 100%;}
	section article .detail .example .exampleImg_03 {width: 100%;height: 100px;background-size: 100%;}
	section article .detail .example .exampleImg_04 {width: 100%;height: 100px;background-size: 100%;}
	section article .detail .example .exampleImg_01 {width: 100%;height: 200px;background-size: 100%;}
	section article .detail .example .exampleImg_02 {width: 100%;height: 200px;background-size: 100%;}
	section article .detail .example .exampleImg_03 {width: 100%;height: 200px;background-size: 100%;}
	section article .detail .example .exampleImg_04 {width: 100%;height: 200px;background-size: 100%;}

    section article .detail .example h4 {color: #333;margin: 0 0 20px;}
section article .detail .example h6 {font-size: 16px;margin: 0px 0 15px;font-weight: bold;}
section article .detail .example ul {margin: 0;}
section article .detail .example ul li {display: inline-block;width: 435px;vertical-align: top;margin-right: 30px;float: left;}
section article .detail .example ul li:nth-child(even) {margin-right: 0;}
section article .detail .example ul li span {padding: 10px 0 30px;display: block;font-size: 16px;line-height: 20px;      }
section article .detail .example .exampleImg_01 {display:block;background: url(../images/sub/exampleImg_01.png)center no-repeat;width: 435px;height: 244px;border: 1px solid #999;}
section article .detail .example .exampleImg_02 {display:block;background: url(../images/sub/exampleImg_02.png)center no-repeat;width: 435px;height: 244px;border: 1px solid #999;}
section article .detail .example .exampleImg_03 {display:block;background: url(../images/sub/exampleImg_03.png)center no-repeat;width: 435px;height: 244px;border: 1px solid #999;}
section article .detail .example .exampleImg_04 {display:block;background: url(../images/sub/exampleImg_04.png)center no-repeat;width: 435px;height: 244px;border: 1px solid #999;}