@charset "utf-8";

.header { padding:0 2.5%; width: 100%; height:41px; font-size:0;border-bottom:1px solid #e9e9e9;}
.header.main { border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.header.main {position: absolute; left: 0; top: 0; padding:0 2.5%; width: 100%; height:41px; font-size:0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 100;}
.header .menuBtn {position: absolute; left: 2.5%; top: 14px; font-size:0;}
.header .menuBtn i {display: block; width:20px; height:2px; font-size:; background-color: #000;}
.header.main .menuBtn i {background-color: #fff;}
.header .menuBtn i+i {margin-top:4px;}
.header .logo {position: absolute; right: 2.5%; top: 14px; font-size: 0;}
.header .logo a{display: block;}
.header .logo .img{display: block; width:130px;}

.menuBox {position: absolute; left: -268px; top: 0; width: 268px; font-size: 0; box-sizing: border-box; background-color: #fff;transition-property: all;transition-duration: .5s;transition-timing-function: ease; z-index: 500;}
.menuBox.active {left:0;}
.menuBox .topSection {padding: 12px 20px 0 10px; height: 41px; font-size: 0; overflow: hidden; box-sizing: border-box; border-bottom:1px solid #e9e9e9;}
.menuBox .topSection .closeBtn {display: inline-block; width: 15px; height: 15px; font-size: 0; background: url('/resources/image/mobile/common/btn_close.png') no-repeat; background-size: 100% auto;}
.menuBox .topSection .lang {float: right; margin-top: 3px; font-size: 0;}
.menuBox .topSection .lang a{font-size: 13px; font-weight: 900; color: #9e9e9e;}
.menuBox .topSection .lang .active {color: #000;}
.menuBox .topSection .lang a+a {margin-left: 10px;}
.menuBox .menuSection {margin-top: 16px;}
.menuBox .menuSection .depth_01 > li { border-bottom:1px solid #e9e9e9;}
.menuBox .menuSection .depth_01 > li > a {position: relative; display: block; padding: 11px 8px; font-size: 16px; font-weight: 600; color: #777777;}
.menuBox .menuSection .depth_01 > li > a:after {position: absolute; right: 8px; top: 50%; margin-top: -3px; width:13px; height: 7px; background: url('/resources/image/mobile/common/menu_arrow.png') no-repeat; background-size: 100% auto; content: '';}
.menuBox .menuSection .depth_01 > li > a.active {color: #000;}
.menuBox .menuSection .depth_01 > li > a.active:after {background-position: 0 -7px;}
.menuBox .menuSection .depth_02 {display: none;}
.menuBox .menuSection .depth_02 a {display: block; padding: 7px 8px 8px; font-size: 12px; letter-spacing: 0; color: #9e9e9e;}
.menuBox .menuSection .depth_02 li:last-child a {padding-bottom: 14px;}
.menuBox .bannerSection {padding: 24px 8px; font-size: 0;}
.menuBox .bannerSection a{display: block; height: 50px; font-size: 11px; line-height: 50px; text-align: center; background-size: 100% auto; background-repeat: no-repeat; letter-spacing: 0; color: #fff;}
.menuBox .bannerSection a+a{margin-top: 8px;}
.menuBox .bannerSection .construct {background-image: url('/resources/image/mobile/common/menu_banner_01.png');}
.menuBox .bannerSection .industry {background-image: url('/resources/image/mobile/common/menu_banner_02.png');}
.menuBox .bannerSection .sbs {background-image: url('/resources/image/mobile/common/menu_banner_03.png');}
.menuBox .bannerSection .tsk {background-image: url('/resources/image/mobile/common/menu_banner_04.png');}
.menuBox .bannerSection .blueone {background-image: url('/resources/image/mobile/common/menu_banner_05.png');}

.footer {margin-top: 28px;}
.footer .section {background-color: #333333;}
.footer .section+.section{padding-top: 24px; padding-bottom: 25px; border-top: 1px solid #444444;}
.footer .familysite {position: relative; padding-top:8px; padding-bottom: 8px;font-size: 0; }
.footer .fSiteBox {font-size: 0;}
.footer .fSiteBox a{position: relative; display: block; padding: 15px 12px; font-size: 12px; font-weight: 600; border-radius:5px;background-color: #666666; color: #333333;}
.footer .fSiteBox > a.active{border-top-left-radius: 0; border-top-right-radius: 0; color:#e9e9e9;}
.footer .fSiteBox > a:after {position:absolute; right:12px; top:16px; width: 15px; height:9px; background: url('/resources/image/mobile/common/select_arrow.png') no-repeat; background-size: 100% auto; content: '';}
.footer .fSiteBox > a.active:after {background-position: 0 -9px;}
.footer .fSiteBox > a.active+ul {height: 131px;}
.footer .fSiteBox ul {position: absolute; left: 1.25%; bottom: 48px; width: 97.5%;height:0; z-index: 10;transition-property: all;transition-duration: .5s;transition-timing-function: ease; font-size: 0; overflow: hidden;}
.footer .fSiteBox ul li:nth-child(1) a{border-top-left-radius:5px; border-top-right-radius: 5px;}
.footer .fSiteBox ul a{border-bottom:1px solid #777777; border-radius: 0; color: #9e9e9e;}

.footer .fMenu {text-align: center; font-size: 0;}
.footer .fMenu li {position: relative; display: inline-block;}
.footer .fMenu li+li:before {position: absolute; left: 0; top:1px; width: 1px; height: 8px; background-color: #9e9e9e; content: '';}
.footer .fMenu a{display: inline-block; padding: 0 5px; font-size: 10px; color: #e9e9e9;}
.footer .addr {margin-top: 20px; font-size: 10px; line-height: 14px; text-align: center; letter-spacing: 0; color: #b3b3b3;}
.footer .addr a {font-size: 10px; line-height: 14px; letter-spacing: 0; color: #b3b3b3;}
.footer .copyright {margin-top: 20px; font-size: 10px; text-align: center; letter-spacing: 0; color: #777777;}

/*가로*/
@media screen and (orientation : landscape){

}

/* Tablet 가로 */
@media all and (min-width:1024px) and (orientation : landscape) {

}

/* Tablet 세로 */
@media all and (min-width:768px) and (max-width:1024px)  and (orientation : portrait) {
	.header {height:82px;border-bottom: 2px solid rgba(255, 255, 255, 0.2);}
	.header.main { border-bottom:2px solid rgba(255, 255, 255, 0.2);}
	.header.main {height:82px; border-bottom: 2px solid rgba(255, 255, 255, 0.2);}
	.header .menuBtn {top: 28px;}
	.header .menuBtn i {width:40px; height:4px;}
	.header .menuBtn i+i {margin-top:8px;}
	.header .logo {top: 28px;}
	.header .logo .img{width:260px;}

	.menuBox {left: -536px; width: 536px;}
	.menuBox .topSection {padding: 24px 40px 0 20px; height: 82px;}
	.menuBox .topSection .closeBtn {width: 30px; height: 30px;}
	.menuBox .topSection .lang {margin-top: 6px;}
	.menuBox .topSection .lang a{font-size: 26px;}
	.menuBox .topSection .lang a+a {margin-left: 20px;}
	.menuBox .menuSection {margin-top: 32px;}
	.menuBox .menuSection .depth_01 > li { border-bottom:2px solid #e9e9e9;}
	.menuBox .menuSection .depth_01 > li > a {padding: 22px 16px; font-size: 32px;}
	.menuBox .menuSection .depth_01 > li > a:after {right: 16px; margin-top: -6px; width:26px; height: 14px;}
	.menuBox .menuSection .depth_01 > li > a.active:after {background-position: 0 -14px;}
	.menuBox .menuSection .depth_02 a {padding: 14px 16px 16px; font-size: 24px;}
	.menuBox .menuSection .depth_02 li:last-child a {padding-bottom: 28px;}
	.menuBox .bannerSection {padding: 48px 16px;}
	.menuBox .bannerSection a{height: 100px; font-size:22px; line-height: 100px;}
	.menuBox .bannerSection a+a{margin-top: 16px;}

	.footer {margin-top:56px;}
	.footer .section+.section{padding-top: 48px; padding-bottom: 50px; border-top: 2px solid #444444;}
	.footer .familysite {padding-top:16px; padding-bottom: 16px; }
	.footer .fSiteBox a{padding: 30px 24px; font-size:24px; border-radius:10px;}
	.footer .fSiteBox > a:after {right:24px; top:32px; width: 30px; height:18px;}
	.footer .fSiteBox > a.active:after {background-position: 0 -18px;}
	.footer .fSiteBox > a.active+ul {height: 258px;}
	.footer .fSiteBox ul {bottom: 100px;}
	.footer .fSiteBox ul li:nth-child(1) a{border-top-left-radius:10px; border-top-right-radius: 10px;}
	.footer .fSiteBox ul a{border-bottom:2px solid #777777;}

	.footer .fMenu li+li:before {top:2px; width: 2px; height: 16px;}
	.footer .fMenu a{padding: 0 10px; font-size: 20px;}
	.footer .addr {margin-top: 40px; font-size: 20px; line-height: 28px;}
	.footer .addr a {font-size: 20px; line-height: 28px;}
	.footer .copyright {margin-top: 40px; font-size: 20px;}

}

h4 {margin-bottom: 12px; font-size: 14px; font-weight: 600;}
h5 {display: inline-block; margin-top: 30px; margin-bottom: 20px; font-size: 16px; font-weight: 600; line-height: 1.3;}
.topGrayLine > h5 {margin-top: 0;}

.fs0 {font-size: 0;}
.tac {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.dim {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; background-color: rgba(0,0,0,0.6); z-index: 300;}

.section {padding: 0 1.25%;}
.section.fullSection {padding: 0;}

.swiper-container,
.swiper-container * {font-size: 0;}

.swiper-container-horizontal>.swiper-scrollbar {left:2.5%; bottom:35px; width:82.24%; height:4px; border-radius: 0; background-color: rgba(255,255,255,0.3);}
.swiper-scrollbar-drag{border-radius:0; background-color: #ab2557; opacity: 1;}

.topGrayLine{position: relative; padding-top: 36px;}
.topGrayLine:before {position: absolute; left: 0; top: 0; width: 100%; height: 8px; font-size: 0; background-color: #f4f1f2; content: '';}

.tableType_01 {width: 100%;}
.tableType_01 th,
.tableType_01 td {padding:8px; font-size: 11px; text-align: left; letter-spacing: 0; border:1px solid #e9e9e9;}
.tableType_01 th {border-right: 0; color: #9e9e9e;}
.tableType_01 td {border-left: 0; color: #000;}
.tableType_01 tr:nth-child(2) td:nth-child(2) {color: #ff4747;}
.tableType_01 tr:nth-child(2) td:nth-child(4) {color: #3f59ff;}

.tableType_02 {width: 100%; border-top:1px solid #ab2557;}
.tableType_02 th,
.tableType_02 td {padding: 10px 12px; font-size: 12px; font-weight: normal; line-height: 16px; text-align: left; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.tableType_02 th{background-color: #f8f8f8;}

.tableType_03 {width: 100%; border-top:1px solid #ab2557;}
.tableType_03 th,
.tableType_03 td {padding: 10px 5px; font-size: 12px; font-weight: normal; line-height: 16px; text-align: center; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.tableType_03 thead th{font-weight: 600; background-color: #f8f8f8;}
.tableType_03 tbody th {border-right: 1px solid #e5e5e5;}
.tableType_03 .bgGray {background-color: #f8f8f8;}

.tableNotice {margin-top: 10px; font-size: 0; overflow: hidden;}
.tableNotice span {font-size: 12px; line-height: 1.4; color:#9e9e9e;}

.txtDotLine1{width: 100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; overflow:hidden;}
.txtDotLine4{height: 56px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}

.btnBox {margin-top: 18px; font-size: 0; text-align: center;}
.borderBtn {display: inline-block; padding: 9px 22px; font-size: 14px; font-weight: 600; line-height: 18px; border:2px solid #ab2557; color:#ab2557;}
.borderBtn.wineBg{background-color: #ab2557; color: #fff;}
.borderBtn.grayBg{background-color: #454545; border-color:#454545; color: #fff;}
.borderBtn.homeBtn i {display: inline-block; margin-top: 1px; margin-left: 8px; width: 15px; height: 14px; font-size: 0; vertical-align: top; background: url('/resources/image/mobile/common/icon_home.png') no-repeat; background-size: 100% auto; }
.borderBtn + .borderBtn {margin-left: 10px;}

.olListP {margin-top: 25px; margin-bottom: 10px; font-size: 0;}
.olListP span {display: inline-block; font-size: 11px; line-height: 17px; vertical-align: top; color: #9e9e9e;}

.scrollNotice {margin-bottom: 10px; font-size: 14px; font-weight: 600; text-align: center;}
.scrollNotice i {display: inline-block; margin-right: 6px; vertical-align: top; width: 22px; height: 13px; font-size: 0; background: url('/resources/image/mobile/common/scroll_arrow.png') no-repeat; background-size: 100% auto;}
.scrollNotice i:last-child {margin-right: 0px; margin-left:6px; -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);}
.scrollNotice~.scrollBox {display: block; height: auto; overflow-x:scroll;}

.searchBox {margin-bottom: 25px; font-size: 0;}
.searchBox * {display: inline-block; height: 30px; vertical-align: top; box-sizing: border-box;}
.searchBox input {padding: 0 5px; width: 83.22%; font-size: 12px; line-height: 28px; border:1px solid #d5d5d5; border-right: 0; border-top-right-radius: 0;border-bottom-right-radius: 0;}
.searchBox a{width: 16.78%; font-size: 12px; font-weight: 500; line-height: 30px; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #393939; color: #fff;}

.totalListNumber {margin-bottom: 5px; font-size: 11px; line-height: 17px;}
.totalListNumber span {display: inline-block; font-size: 11px; font-weight: 600; line-height: 17px; vertical-align: middle; color: #ab2557;}

.listType_01 {font-size: 0; border-top: 1px solid #ab2557;}
.listType_01 li {font-size: 0; border-bottom:1px solid #e9e9e9;}
.listType_01 a {display: block; position: relative; padding: 10px 50px 10px 0; font-size: 0; box-sizing: border-box;}
.listType_01 a:after {position: absolute; right: 17px; top: 50%; margin-top: -6px; width:14px; height: 12px; font-size: 0; background: url('/resources/image/mobile/common/icon_file.png') no-repeat; background-size: 100% auto; content: '';}
.listType_01 .title {font-size: 14px; font-weight: 600;line-height: 18px;}
.listType_01 .date{display: inline-block; margin-top: 5px; font-size: 11px; color: #7c7c7c;}
.listType_01 .notList {padding: 45px 0;}
.listType_01 .notList p{ font-size: 11px; text-align: center; color: #9e9e9e;}
.listType_01.langDown li {position: relative; padding: 10px 95px 10px 0; }
.listType_01.langDown .notList {padding: 45px 0;}
.listType_01.langDown .download{position: absolute; right: 5px; top: 50%; margin-top: -6px; font-size: 0;}
.listType_01.langDown .download a{display: inline-block; padding: 0; font-size: 11px; font-weight: 600; color: #ab2557;}
.listType_01.langDown .download a:after {display: none;}
.listType_01.langDown .download a i {display: inline-block; margin-top: -2px;margin-right: 4px; width:14px; height: 12px; font-size: 0; vertical-align: top; background: url('/resources/image/mobile/common/icon_file.png') no-repeat; background-size: 100% auto; }
.listType_01.langDown .download .en{margin-left: 12px; color: #393939;}
.listType_01.langDown .download .en i{background-image: url('/resources/image/mobile/common/icon_file_black.png');}

.listType_02 {font-size: 0;}
.listType_02 li {position: relative; padding-left: 9px; font-size: 11px; line-height: 17px; color: #7c7c7c;}
.listType_02 li:before {position: absolute; left: 0; top: 5px; width: 6px; height: 1px; font-size: 0; background-color: #7c7c7c; content: '';}
.listType_02 li span {font-size: 11px; line-height: 17px;}

.listType_03 {margin:10px 0 10px 20px; }
.listType_03 li {font-size: 11px; line-height: 17px; color: #9e9e9e;}

.listType_04 {font-size:0;}
.listType_04 .notList {padding: 45px 0; border-top: 1px solid #ab2557; border-bottom:1px solid #e9e9e9;}
.listType_04 .notList p{ font-size: 11px; text-align: center; color: #9e9e9e;}
.listType_04 li + li {margin-top: 8px;}
.listType_04 li > a{display: block; padding: 12px; font-size:0; border:1px solid #e9e9e9; box-sizing: border-box;}
.listType_04 .cate {display: inline-block; padding: 0 4px; font-size: 10px; font-weight: 600; line-height: 18px; border:1px solid #9e1c4e; color: #9e1c4e;}
.listType_04 .title {margin-top: 8px; height: 36px; font-size: 14px; font-weight: 600; line-height: 1.3;}
.listType_04 .txt {margin-top: 12px; font-size: 10px; line-height: 14px; letter-spacing: 0; color: #7c7c7c;}
.listType_04 .date {margin-top: 14px; font-size: 10px; color:#7c7c7c;}

.listType_05 {font-size: 0;}
.listType_05 > li {position: relative; padding-left:7px; font-size: 10px; line-height: 1.8; color: #9e9e9e;}
.listType_05 > li:before {position: absolute; left: 0; top: 0px; font-size: 10px; line-height: 1.8; color: #9e9e9e; vertical-align: top; content: '*';}

.listType_06 {font-size: 0;}
.listType_06 li {position: relative; padding-left: 6px; font-size: 11px; line-height: 17px; color: #777777;}
.listType_06 li:before {position: absolute; left: 0; top: 5px; width: 2px; height: 2px; font-size: 0; background-color: #777777; border-radius: 50%; content: '';}
.listType_06 li+li {margin-top: 5px;}

.olType_01 {margin-top:5px; font-size: 0;}
.olType_01 > li {position: relative; padding-left: 15px; font-size: 10px; line-height: 1.8; color: #9e9e9e;}
.olType_01 > li:before {position: absolute; left:0; top: 0; font-size: 10px; line-height: 1.8; vertical-align: middle;  color: #9e9e9e;}
.olType_01.round > li:nth-child(1):before {content: '①';}
.olType_01.round > li:nth-child(2):before {content: '②';}
.olType_01.round > li:nth-child(3):before {content: '③';}
.olType_01.round > li:nth-child(4):before {content: '④';}
.olType_01.round > li:nth-child(5):before {content: '⑤';}
.olType_01.round > li:nth-child(6):before {content: '⑥';}
.olType_01.round > li:nth-child(7):before {content: '⑦';}
.olType_01.round > li:nth-child(8):before {content: '⑧';}
.olType_01.round > li:nth-child(9):before {content: '⑨';}
.olType_01.round > li:nth-child(10):before {content: '⑩';}
.olType_01.round > li:nth-child(11):before {content: '⑪';}
.olType_01.round > li:nth-child(12):before {content: '⑫';}
.olType_01.round > li:nth-child(13):before {content: '⑬';}
.olType_01.round > li:nth-child(14):before {content: '⑭';}
.olType_01.round > li:nth-child(15):before {content: '⑮';}
.olType_01.singleBracket > li:nth-child(1):before {content: '1)';}
.olType_01.singleBracket > li:nth-child(2):before {content: '2)';}
.olType_01.singleBracket > li:nth-child(3):before {content: '3)';}
.olType_01.singleBracket > li:nth-child(4):before {content: '4)';}
.olType_01.singleBracket > li:nth-child(5):before {content: '5)';}
.olType_01.singleBracket > li:nth-child(6):before {content: '6)';}
.olType_01.singleBracket > li:nth-child(7):before {content: '7)';}
.olType_01.singleBracket > li:nth-child(8):before {content: '8)';}
.olType_01.singleBracket > li:nth-child(9):before {content: '9)';}
.olType_01.singleBracket > li:nth-child(10):before {content: '10)';}
.olType_01.singleBracket > li:nth-child(11):before {content: '11)';}
.olType_01.singleBracket > li:nth-child(12):before {content: '12)';}
.olType_01.singleBracket > li:nth-child(13):before {content: '13)';}
.olType_01.singleBracket > li:nth-child(14):before {content: '14)';}
.olType_01.singleBracket > li:nth-child(15):before {content: '15)';}
.olType_01.bracket > li:nth-child(1):before {content: '(1)';}
.olType_01.bracket > li:nth-child(2):before {content: '(2)';}
.olType_01.bracket > li:nth-child(3):before {content: '(3)';}
.olType_01.bracket > li:nth-child(4):before {content: '(4)';}
.olType_01.bracket > li:nth-child(5):before {content: '(5)';}
.olType_01.bracket > li:nth-child(6):before {content: '(6)';}
.olType_01.bracket > li:nth-child(7):before {content: '(7)';}
.olType_01.bracket > li:nth-child(8):before {content: '(8)';}
.olType_01.bracket > li:nth-child(9):before {content: '(9)';}
.olType_01.bracket > li:nth-child(10):before {content: '(10)';}
.olType_01.bracket > li:nth-child(11):before {content: '(11)';}
.olType_01.bracket > li:nth-child(12):before {content: '(12)';}
.olType_01.bracket > li:nth-child(13):before {content: '(13)';}
.olType_01.bracket > li:nth-child(14):before {content: '(14)';}
.olType_01.bracket > li:nth-child(15):before {content: '(15)';}
.olType_01.no > li:nth-child(1):before {content: '1.';}
.olType_01.no > li:nth-child(2):before {content: '2.';}
.olType_01.no > li:nth-child(3):before {content: '3.';}
.olType_01.no > li:nth-child(4):before {content: '4.';}
.olType_01.no > li:nth-child(5):before {content: '5.';}
.olType_01.no > li:nth-child(6):before {content: '6.';}
.olType_01.no > li:nth-child(7):before {content: '7.';}
.olType_01.no > li:nth-child(8):before {content: '8.';}
.olType_01.no > li:nth-child(9):before {content: '9.';}
.olType_01.no > li:nth-child(10):before {content: '10.';}
.olType_01.no > li:nth-child(11):before {content: '11.';}
.olType_01.no > li:nth-child(12):before {content: '12.';}
.olType_01.no > li:nth-child(13):before {content: '13.';}
.olType_01.no > li:nth-child(14):before {content: '14.';}
.olType_01.no > li:nth-child(15):before {content: '15.';}



.pagingBox {margin-top: 28px; font-size: 0; text-align: center;}
.pagingBox a {display: inline-block; width:25px; height: 25px; font-size: 11px; font-weight: 600; line-height: 23px; vertical-align: top; border:1px solid #e9e9e9; box-sizing: border-box; color: #777777;}
.pagingBox a+a {border-left: 0px;}
.pagingBox a:nth-child(2) {border-left: 1px solid #e9e9e9;}
.pagingBox a.active {background-color: #393939; border:1px solid #393939; color: #fff;}
.pagingBox .arrowBtn {width:31px; font-size: 0; border: 0; background-repeat: no-repeat; background-size: 100% auto;}
.pagingBox .arrowPrev{margin-right:8px; background-image: url('/resources/image/mobile/common/paging_prev.png');}
.pagingBox .arrowNext{margin-left:8px; background-image: url('/resources/image/mobile/common/paging_Next.png');}

.listBtnBox {margin-top: 27px; font-size:0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.listBtnBox a {display: inline-block; width: 33%; height: 38px; font-size:11px; line-height: 38px; text-align: center; vertical-align: top; color: #9e9e9e;}
.listBtnBox a.prev:before,
.listBtnBox a.next:after {display: inline-block; margin-top: -2px; margin-right: 13px; width:6px; height: 10px; vertical-align: middle; background-image: url('/resources/image/mobile/common/btn_prev_next.png') ; background-repeat: no-repeat; background-size: 100% auto; content: '';}
.listBtnBox a.list {width: 34%; font-weight: 600; background-color:#454545;  color: #fff;}
.listBtnBox a.next { color: #000;}
.listBtnBox a.next:after {margin-right:0; margin-left: 13px; background-position: 0 -10px;}

.grayLineBox {padding: 12px; border:1px solid #e9e9e9; box-sizing: border-box;}
.grayLineBox .listType_02 li {color: #9e9e9e;}
.grayLineBox .listType_02 li:before {background-color: #9e9e9e;}

.grayBgBox {padding: 15px; background-color: #f8f8f8;}
.grayBgBox .listType_02 li {color: #9e9e9e;}
.grayBgBox .listType_02 li:before {background-color: #9e9e9e;}

.scrollBox {padding: 15px; height: 150px; font-size: 10px; line-height: 14px; border: 1px solid #e9e9e9; box-sizing: border-box; overflow-y:scroll; color: #777777;}

.notice_01 {position: relative; padding-left: 13px; font-size: 11px; line-height: 16px; color: #777777;}
.notice_01:before {position: absolute; left: 0; top: 0; font-size: 11px; line-height: 16px; color:#777777; content: '※';}
.notice_01.blue { color: #4b80cf;}
.notice_01.blue:before { color: #4b80cf;}

.accodion {font-size: 0;}
.accodion > li {border:1px solid #e9e9e9; border-bottom:0px;}
.accodion > li:last-child{border-bottom:1px solid #e9e9e9;}
.accodion > li.active:last-child{border-bottom-color:#000;}
.accodion .active{border-color:#000;}
.accodion .active+li {border-top-color: #000;}
.accodion .title {position: relative; padding: 9px 29px; font-size: 14px; font-weight: 600; line-height: 19px; box-sizing: border-box; color: #9e9e9e;}
.accodion .title:after {display: inline-block; margin-left: 8px; width: 9px;height: 5.5px; font-size: 0; vertical-align: middle; background:url('/resources/image/mobile/common/accodion_arrow.png') no-repeat; background-position: 0 -5.5px; background-size: 100% auto; content: '';}
.accodion .active .title {border-bottom:1px solid #e9e9e9; color: #000;}
.accodion .active .title:after {background-position: 0 0;}
.accodion .title span {position: absolute; left: 12px; top: 12px;  font-size: 8px; font-weight: 600; color: #ab2557;}
.accodion .cont {display: none; padding: 13px 12px; box-sizing: border-box;}
.accodion .cont p {font-size: 11px; line-height: 17px; color: #9e9e9e;}
.accodion .cont table {margin-top: 10px; margin-bottom:10px;}
.accodion .cont table td {color: #9e9e9e;}

.agreeSection .scrollBox + .notice_01 {margin-top: 10px;}

.radioBox {margin-top: 13px; margin-bottom: 13px; font-size: 0; text-align: center;}
.radioBox input {width: 0; height: 0; border:0;}
.radioBox label {position: relative; padding-left: 18px; font-size: 11px;}
.radioBox label:before {position: absolute; left: 0; top: 0; width: 13px; height: 12px; background: url('/resources/image/mobile/common/check_01.png?01') no-repeat; background-size: 100% auto; content: '';}
.radioBox input:checked + label:before {background-position: 0 -12px;}
.radioBox label+input {margin-left: 49px;}

.goTopBtn {position: fixed; right: 1.72%; bottom: 1.72%; width: 45px; height: 45px; font-size: 0; background: url('/resources/image/mobile/common/btn_top.png') no-repeat; background-size: 100% auto; z-index: 100;}

.popupArea {display:none; position:fixed; left:6.25%; top:30px; width:87.50%; font-size:0; border-radius:5px; z-index:500; overflow:hidden;}
.popupArea .popupCont {position:relative;}
.popupArea .popupFt {font-size:0;}
.popupArea .popupFt .btn {display:inline-block; font-size:14px; line-height:40px; text-align:center; vertical-align:top; color:#fff;}
.popupArea .popupFt .todayNotBtn {width:72%; background-color:#ab2557;}
.popupArea .popupFt .closeBtn {width:28%; background-color:#9e9e9e;}
.popupArea .swiper-pagination {left:5%; bottom:15px; width:90%; height:4px; background-color:rgba(256,256,256,0.2);}
.popupArea .swiper-pagination span {background-color:#fff;}

/* 갤럭시5 아이폰 5/SE*/
@media screen and (max-width:360px){

}

/*가로*/
@media screen and (orientation : landscape){
	.listType_04 li {display: inline-block; width:49%; margin-top:8px; vertical-align: top;}
	.listType_04 li:nth-child(2n) {margin-left: 2%;}
	.listType_04 li:nth-child(1),
	.listType_04 li:nth-child(2) {margin-top: 8px;}
}

/* Tablet 세로 */
@media all and (min-width:768px) and (max-width:1024px)  and (orientation : portrait) {
	h4 {margin-bottom: 24px; font-size: 28px;}
	h5 { margin-top: 60px;margin-bottom: 40px;font-size: 32px;}

	.swiper-container-horizontal>.swiper-scrollbar {bottom:70px; height:8px;}

	.topGrayLine{padding-top: 72px;}
	.topGrayLine:before {height: 16px;}

	.tableType_01 th,
	.tableType_01 td {padding:16px; font-size: 22px;}

	.tableType_02 {border-top:2px solid #ab2557;}
	.tableType_02 th,
	.tableType_02 td {padding: 20px 24px; font-size: 24px; line-height: 32px; border-bottom:2px solid #e5e5e5;}

	.tableType_03 {border-top:2px solid #ab2557;}
	.tableType_03 th,
	.tableType_03 td {padding: 20px 10px; font-size: 24px; line-height: 32px; border-bottom:2px solid #e5e5e5;}
	.tableType_03 tbody th {border-right: 2px solid #e5e5e5;}

	.tableNotice {margin-top: 20px;}
	.tableNotice span {font-size: 24px;}

	.txtDotLine4{height: 112px; line-height: 28px;}

	.btnBox {margin-top: 32px;}
	.borderBtn {padding: 18px 44px; font-size: 28px; line-height: 36px; border:4px solid #ab2557;}
	.borderBtn.homeBtn i {margin-top: 2px; margin-left: 16px; width: 30px; height: 28px; }
	.borderBtn + .borderBtn {margin-left: 20px;}

	.olListP {margin-top: 50px; margin-bottom: 20px;}
	.olListP span {font-size: 22px; line-height: 34px;}

	.scrollNotice {margin-bottom: 20px; font-size: 28px;}
	.scrollNotice i {margin-right: 12px; width: 44px; height: 26px;}
	.scrollNotice i:last-child {margin-left:12px;}

	.searchBox {margin-bottom: 50px;}
	.searchBox * {height: 60px;}
	.searchBox input {padding: 0 10px; font-size: 24px; line-height: 56px; border:2px solid #d5d5d5;}
	.searchBox a{font-size: 24px; line-height: 60px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

	.totalListNumber {margin-bottom: 10px; font-size: 22px; line-height: 34px;}
	.totalListNumber span {font-size: 22px; line-height: 34px;}

	.listType_01 {border-top: 2px solid #ab2557;}
	.listType_01 li {border-bottom:2px solid #e9e9e9;}
	.listType_01 a { padding: 20px 100px 20px 0;}
	.listType_01 a:after {right: 34px; margin-top: -12px; width:28px; height: 24px;}
	.listType_01 .title {font-size: 28px; line-height: 36px;}
	.listType_01 .date{margin-top: 10px; font-size: 22px;}
	.listType_01 .notList {padding: 90px 0;}
	.listType_01 .notList p{ font-size: 22px;}
	.listType_01.langDown li {padding: 20px 190px 20px 0; }
	.listType_01.langDown .notList {padding: 90px 0;}
	.listType_01.langDown .download{right: 10px; margin-top: -12px;}
	.listType_01.langDown .download a{font-size: 22px;}
	.listType_01.langDown .download a i { margin-top: -4px;margin-right: 8px; width:28px; height: 24px;}
	.listType_01.langDown .download .en{margin-left: 24px;}

	.listType_02 li {padding-left: 18px; font-size: 22px; line-height: 34px;}
	.listType_02 li:before {top: 13px; width: 12px; height:2px;}
	.listType_02 li span {font-size: 22px; line-height: 34px;}

	.listType_03 {margin:20px 0 20px 40px; }
	.listType_03 li {font-size: 22px; line-height: 34px;}

	.listType_04 .notList {padding: 90px 0; border-top: 2px solid #ab2557; border-bottom:2px solid #e9e9e9;}
	.listType_04 .notList p{ font-size: 22px;}
	.listType_04 li + li {margin-top: 16px;}
	.listType_04 li > a{padding: 24px; border:2px solid #e9e9e9;}
	.listType_04 .cate {padding: 0 8px; font-size: 20px; line-height: 36px; border:2px solid #9e1c4e;}
	.listType_04 .title {margin-top: 16px; height: 72px; font-size: 24px;}
	.listType_04 .txt {margin-top: 24px; font-size: 20px; line-height: 28px;}
	.listType_04 .date {margin-top: 24px; font-size: 20px;}

	.listType_05 li {padding-left:14px; font-size: 20px;}
	.listType_05 li:before {font-size: 20px;}

	.listType_06 li {padding-left: 12px; font-size: 22px; line-height: 34px;}
	.listType_06 li:before {top: 10px; width: 4px; height: 4px;}
	.listType_06 li+li {margin-top: 10px;}

	.olType_01 {margin-top:10px;}
	.olType_01 > li {padding-left: 30px; font-size: 20px;}
	.olType_01 > li:before {font-size: 20px;}

	.pagingBox {margin-top: 56px;}
	.pagingBox a {width:50px; height: 50px; font-size: 22px; line-height: 46px; border:2px solid #e9e9e9;}
	.pagingBox a:nth-child(2) {border-left: 2px solid #e9e9e9;}
	.pagingBox a.active {border:2px solid #393939;}
	.pagingBox .arrowBtn {width:62px;}
	.pagingBox .arrowPrev{margin-right:16px;}
	.pagingBox .arrowNext{margin-left:16px;}

	.listBtnBox {margin-top: 54px; border-top:2px solid #e9e9e9; border-bottom:2px solid #e9e9e9;}
	.listBtnBox a {height: 76px; font-size:22px; line-height: 76px;}
	.listBtnBox a.prev:before,
	.listBtnBox a.next:after {margin-top: -4px; margin-right: 26px; width:12px; height: 20px;}
	.listBtnBox a.next:after {margin-left: 26px; background-position: 0 -20px;}

	.grayLineBox {padding: 24px; border:2px solid #e9e9e9;}
	.grayBgBox {padding: 30px;}

	.scrollBox {padding: 30px; height: 300px; font-size: 20px; line-height: 28px; border: 2px solid #e9e9e9;}

	.notice_01 {padding-left: 26px; font-size: 22px; line-height: 32px;}
	.notice_01:before {font-size: 22px; line-height: 32px;}

	.accodion > li {border:2px solid #e9e9e9; border-bottom:0;}
	.accodion > li:last-child{border-bottom:2px solid #e9e9e9;}
	.accodion .title {padding: 18px 58px; font-size: 28px; line-height: 38px;}
	.accodion .title:after {margin-left: 16px; width: 18px;height: 11px;background-position: 0 -11px;}
	.accodion .active .title {border-bottom:2px solid #e9e9e9;}
	.accodion .title span {left: 24px; top: 24px;  font-size: 16px;}
	.accodion .cont {padding: 26px 24px;}
	.accodion .cont p {font-size: 22px; line-height: 34px;}
	.accodion .cont table {margin-top: 20px; margin-bottom:20px;}

	.agreeSection .scrollBox + .notice_01 {margin-top: 20px;}

	.radioBox {margin-top: 26px; margin-bottom: 26px;}
	.radioBox label {padding-left: 36px; font-size: 22px;}
	.radioBox label:before {width: 26px; height: 24px;}
	.radioBox input:checked + label:before {background-position: 0 -24px;}
	.radioBox label+input {margin-left: 98px;}
	
	.popupArea {top:60px; border-radius:10px;}
	.popupArea .popupFt .btn {font-size:28px; line-height:80px;}

}

/* Tablet 가로 */
@media all and (min-width:1024px) and (orientation : landscape) {
	.listType_04 li {display: inline-block;margin-left: 2%; width:32%; margin-top:10px; vertical-align: top;}
	.listType_04 li:nth-child(3n+1) {margin-left:0;}
	.listType_04 li:nth-child(1),
	.listType_04 li:nth-child(2),
	.listType_04 li:nth-child(3) {margin-top: 0px;}
}